Added logos to embed web services pane, and made embed nav-bar theme agnostic

git-svn-id: http://code.elgg.org/elgg/trunk@6699 36083f99-b078-4883-b0ff-0f9b5a30f544

diff --git a/mod/ecml/graphics/logo_bliptv.gif b/mod/ecml/graphics/logo_bliptv.gif
new file mode 100644 (file)
index 0000000..13620b9
Binary files /dev/null and b/mod/ecml/graphics/logo_bliptv.gif differ

diff --git a/mod/ecml/graphics/logo_dailymotion.gif b/mod/ecml/graphics/logo_dailymotion.gif
new file mode 100644 (file)
index 0000000..48d4cff
Binary files /dev/null and b/mod/ecml/graphics/logo_dailymotion.gif differ

diff --git a/mod/ecml/graphics/logo_googlemaps.gif b/mod/ecml/graphics/logo_googlemaps.gif
new file mode 100644 (file)
index 0000000..0f88353
Binary files /dev/null and b/mod/ecml/graphics/logo_googlemaps.gif differ

diff --git a/mod/ecml/graphics/logo_livevideo.gif b/mod/ecml/graphics/logo_livevideo.gif
new file mode 100644 (file)
index 0000000..86afeab
Binary files /dev/null and b/mod/ecml/graphics/logo_livevideo.gif differ

diff --git a/mod/ecml/graphics/logo_redlasso.gif b/mod/ecml/graphics/logo_redlasso.gif
new file mode 100644 (file)
index 0000000..96ac9b7
Binary files /dev/null and b/mod/ecml/graphics/logo_redlasso.gif differ

diff --git a/mod/ecml/graphics/logo_slideshare.gif b/mod/ecml/graphics/logo_slideshare.gif
new file mode 100644 (file)
index 0000000..ff08217
Binary files /dev/null and b/mod/ecml/graphics/logo_slideshare.gif differ

diff --git a/mod/ecml/graphics/logo_vimeo.gif b/mod/ecml/graphics/logo_vimeo.gif
new file mode 100644 (file)
index 0000000..4215e74
Binary files /dev/null and b/mod/ecml/graphics/logo_vimeo.gif differ

diff --git a/mod/ecml/graphics/logo_youtube.gif b/mod/ecml/graphics/logo_youtube.gif
new file mode 100644 (file)
index 0000000..7cfdd05
Binary files /dev/null and b/mod/ecml/graphics/logo_youtube.gif differ

diff --git a/mod/ecml/views/default/ecml/admin/css.php b/mod/ecml/views/default/ecml/admin/css.php
index c51f04a75ce76c0fd8c793ccc1b29e7181eb32c8..b83d0566fe08cecae56fbdb1d95d115315f91b42 100644 (file)
--- a/mod/ecml/views/default/ecml/admin/css.php
+++ b/mod/ecml/views/default/ecml/admin/css.php
@@ -33,10 +33,58 @@
 }
 .ecml_web_service_list li {
        list-style: none;
-       margin:0 20px 0 0;
+       margin:0 0 0 0;
        padding:0;
-       display:inline;
+       /* display:inline; */
+
+}
+.ecml_web_service_list li a {
+       display:block;
+       float:left;
+       height:41px;
+       width:152px;
+       background-position: center center;
+       background-repeat: no-repeat;
+       text-indent: -900em;
+       border:2px solid transparent;
+       margin:0 20px 10px 0;
+}
+.ecml_web_service_list li a.selected {
+       border-color:#999999;
+       -webkit-border-radius: 5px;
+       -moz-border-radius: 5px;
+}
+.ecml_web_service_list li a.youtube {
+       background-image: url(<?php echo $vars['url']; ?>mod/ecml/graphics/logo_youtube.gif);
+       width:102px;
+}
+.ecml_web_service_list li a.slideshare {
+       background-image: url(<?php echo $vars['url']; ?>mod/ecml/graphics/logo_slideshare.gif);
 }
+.ecml_web_service_list li a.vimeo {
+       background-image: url(<?php echo $vars['url']; ?>mod/ecml/graphics/logo_vimeo.gif);     
+       width:130px;
+}
+.ecml_web_service_list li a.googlemaps {
+       background-image: url(<?php echo $vars['url']; ?>mod/ecml/graphics/logo_googlemaps.gif);        
+}
+.ecml_web_service_list li a.blip_tv {
+       background-image: url(<?php echo $vars['url']; ?>mod/ecml/graphics/logo_bliptv.gif);
+       width:102px;    
+}
+.ecml_web_service_list li a.dailymotion {
+       background-image: url(<?php echo $vars['url']; ?>mod/ecml/graphics/logo_dailymotion.gif);       
+}
+.ecml_web_service_list li a.livevideo {
+       background-image: url(<?php echo $vars['url']; ?>mod/ecml/graphics/logo_livevideo.gif); 
+       width:166px;
+}
+.ecml_web_service_list li a.redlasso {
+       background-image: url(<?php echo $vars['url']; ?>mod/ecml/graphics/logo_redlasso.gif);
+       background-position:center 4px;
+       width:130px;
+}
+
 .embed_content_section {
        border:none;
        -webkit-border-radius: 5px;

diff --git a/mod/ecml/views/default/embed/web_services/content.php b/mod/ecml/views/default/embed/web_services/content.php
index 83f8363a7c750e53fb024cb29fff8b351ad75ba2..125da80a200e434f677567f8ec53a112a2ad3ef0 100644 (file)
--- a/mod/ecml/views/default/embed/web_services/content.php
+++ b/mod/ecml/views/default/embed/web_services/content.php
@@ -15,7 +15,7 @@ $keywords = ecml_get_keywords();
 elgg_sort_3d_array_by_value($keywords, 'name');
 
 $keyword_js_array = array();
-$keywords_html = "<ul class='ecml_web_service_list'>";
+$keywords_html = "<ul class='ecml_web_service_list clearfloat'>";
 // include support for standard ECML so you can get previews and validation.
 //$keyword_html = '<li class="ecml_web_service"><a class="ecml">Generic ECML</a></li>';
 

diff --git a/mod/embed/views/default/embed/css.php b/mod/embed/views/default/embed/css.php
index 64d74a498d60b4f4dd989c270f402bc5c42393a0..ba1d9619047e6cbbbcf594dd4abf312d445cb923 100644 (file)
--- a/mod/embed/views/default/embed/css.php
+++ b/mod/embed/views/default/embed/css.php
@@ -118,11 +118,54 @@
 }
 
 
-/* navigation overrides */
-.elgg_horizontal_tabbed_nav .selected a.embed_section,
-.elgg_horizontal_tabbed_nav a.embed_section:hover {
-       color:#333333;
+/* ***************************************
+       ELGG TABBED PAGE NAVIGATION
+*************************************** */
+#facebox .body .elgg_horizontal_tabbed_nav {
+       margin-bottom:5px;
+       padding: 0;
+       border-bottom: 2px solid #cccccc;
+       display:table;
+       width:100%;
+}
+#facebox .body .elgg_horizontal_tabbed_nav ul {
+       list-style: none;
+       padding: 0;
+       margin: 0;
+}
+#facebox .body .elgg_horizontal_tabbed_nav li {
+       float: left;
+       border: 2px solid #cccccc;
+       border-bottom-width: 0;
+       background: #eeeeee;
+       margin: 0 0 0 10px;
+       -moz-border-radius-topleft:5px;
+       -moz-border-radius-topright:5px;
+       -webkit-border-top-left-radius:5px;
+       -webkit-border-top-right-radius:5px;
+}
+#facebox .body .elgg_horizontal_tabbed_nav a {
+       text-decoration: none;
+       display: block;
+       padding:3px 10px 0 10px;
+       text-align: center;
+       height:21px;
+       color:#999999;
+}
+#facebox .body .elgg_horizontal_tabbed_nav a:hover {
+       background: #dedede;
+       color:#666666;
+}
+#facebox .body .elgg_horizontal_tabbed_nav .selected {
+       border-color: #cccccc;
+       background: white;
 }
+#facebox .body .elgg_horizontal_tabbed_nav .selected a {
+       position: relative;
+       top: 2px;
+       background: white;
+}
+
 
 
 /* Pagination (override core elgg css defaults) */