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

10 files changed, 51 insertions, 3 deletions

diff --git a/mod/ecml/graphics/logo_bliptv.gif b/mod/ecml/graphics/logo_bliptv.gif
new file mode 100644
index 000000000..13620b9fd
--- /dev/null
+++ b/mod/ecml/graphics/logo_bliptv.gif
diff --git a/mod/ecml/graphics/logo_dailymotion.gif b/mod/ecml/graphics/logo_dailymotion.gif
new file mode 100644
index 000000000..48d4cff8d
--- /dev/null
+++ b/mod/ecml/graphics/logo_dailymotion.gif
diff --git a/mod/ecml/graphics/logo_googlemaps.gif b/mod/ecml/graphics/logo_googlemaps.gif
new file mode 100644
index 000000000..0f8835304
--- /dev/null
+++ b/mod/ecml/graphics/logo_googlemaps.gif
diff --git a/mod/ecml/graphics/logo_livevideo.gif b/mod/ecml/graphics/logo_livevideo.gif
new file mode 100644
index 000000000..86afeabe4
--- /dev/null
+++ b/mod/ecml/graphics/logo_livevideo.gif
diff --git a/mod/ecml/graphics/logo_redlasso.gif b/mod/ecml/graphics/logo_redlasso.gif
new file mode 100644
index 000000000..96ac9b78c
--- /dev/null
+++ b/mod/ecml/graphics/logo_redlasso.gif
diff --git a/mod/ecml/graphics/logo_slideshare.gif b/mod/ecml/graphics/logo_slideshare.gif
new file mode 100644
index 000000000..ff082171e
--- /dev/null
+++ b/mod/ecml/graphics/logo_slideshare.gif
diff --git a/mod/ecml/graphics/logo_vimeo.gif b/mod/ecml/graphics/logo_vimeo.gif
new file mode 100644
index 000000000..4215e74bc
--- /dev/null
+++ b/mod/ecml/graphics/logo_vimeo.gif
diff --git a/mod/ecml/graphics/logo_youtube.gif b/mod/ecml/graphics/logo_youtube.gif
new file mode 100644
index 000000000..7cfdd054c
--- /dev/null
+++ b/mod/ecml/graphics/logo_youtube.gif
diff --git a/mod/ecml/views/default/ecml/admin/css.php b/mod/ecml/views/default/ecml/admin/css.php
index c51f04a75..b83d0566f 100644
--- 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 83f8363a7..125da80a2 100644
--- 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>';