Changeset 19352 for extensions/Media_Icon/template/media_icon_thumbnails.tpl

Timestamp:

Dec 9, 2012, 1:27:55 AM (11 years ago)

Author:

julien1311

Message:

css and admin improvements

File:

• extensions/Media_Icon/template/media_icon_thumbnails.tpl (modified) (2 diffs)

extensions/Media_Icon/template/media_icon_thumbnails.tpl

@@ -2 +2 @@
 {literal}
 <style type="text/css">
-        .media_icon_pdf, .media_icon_admin_pdf {
+        .media_icon {
 {/literal}
                 opacity: {$media_icon_advanced.opacity/100};
                 moz-opacity: {$media_icon_advanced.opacity/100};
                 filter:alpha(opacity={$media_icon_advanced.opacity});
-{literal}
-        }
-.media_icon_youtube,
-.media_icon_vimeo,
-.media_icon_dailymotion,
-.media_icon_wat,
-.media_icon_wideo,
-.media_icon_video,
-.media_icon_music,
-.media_icon_pdf,
-.media_icon_document,
-.media_icon_spreadsheet,
-.media_icon_presentation {
-{/literal}
-        position: absolute;
-        {$media_icon_advanced.xposition};
-        {$media_icon_advanced.yposition};
+                position: absolute;
+                {$media_icon_advanced.xposition};
+                {$media_icon_advanced.yposition};
 {literal}
 }
@@ -30 +16 @@
         //Add Media Icon markups to thumbnails
         function media_icon_markup() {
+{/literal}
                 //Youtube
-                $("img[media_icon^=youtube]").before('<span class="media_icon_youtube"></span>');
+                $("img[media_icon^=youtube]").before('<span class="media_icon media_icon_youtube_{$media_icon_style}"></span>');
                 //Vimeo
-                $("img[media_icon^=vimeo]").before('<span class="media_icon_vimeo"></span>');
+                $("img[media_icon^=vimeo]").before('<span class="media_icon media_icon_vimeo_{$media_icon_style}"></span>');
                 //Dailymotion
-                $("img[media_icon^=dailymotion]").before('<span class="media_icon_dailymotion"></span>');
+                $("img[media_icon^=dailymotion]").before('<span class="media_icon media_icon_dailymotion_{$media_icon_style}"></span>');
                 //Wat
-                $("img[media_icon^=wat]").before('<span class="media_icon_wat"></span>');
+                $("img[media_icon^=wat]").before('<span class="media_icon media_icon_wat_{$media_icon_style}"></span>');
                 //Wideo
-                $("img[media_icon^=wideo]").before('<span class="media_icon_wideo"></span>');
+                $("img[media_icon^=wideo]").before('<span class="media_icon media_icon_wideo_{$media_icon_style}"></span>');
                 //Video
-                $("img[media_icon$=webm]").before('<span class="media_icon_video"></span>');
-                $("img[media_icon$=webmv]").before('<span class="media_icon_video"></span>');
-                $("img[media_icon$=ogv]").before('<span class="media_icon_video"></span>');
-                $("img[media_icon$=m4v]").before('<span class="media_icon_video"></span>');
-                $("img[media_icon$=flv]").before('<span class="media_icon_video"></span>');
-                $("img[media_icon$=mp4]").before('<span class="media_icon_video"></span>');
+                $("img[media_icon$=webm]").before('<span class="media_icon media_icon_video_{$media_icon_style}"></span>');
+                $("img[media_icon$=webmv]").before('<span class="media_icon media_icon_video_{$media_icon_style}"></span>');
+                $("img[media_icon$=ogv]").before('<span class="media_icon media_icon_video_{$media_icon_style}"></span>');
+                $("img[media_icon$=m4v]").before('<span class="media_icon media_icon_video_{$media_icon_style}"></span>');
+                $("img[media_icon$=flv]").before('<span class="media_icon media_icon_video_{$media_icon_style}"></span>');
+                $("img[media_icon$=mp4]").before('<span class="media_icon media_icon_video_{$media_icon_style}"></span>');
                 //Music
-                $("img[media_icon$=mp3]").before('<span class="media_icon_music"></span>');
-                $("img[media_icon$=ogg]").before('<span class="media_icon_music"></span>');
-                $("img[media_icon$=oga]").before('<span class="media_icon_music"></span>');
-                $("img[media_icon$=m4a]").before('<span class="media_icon_music"></span>');
-                $("img[media_icon$=webma]").before('<span class="media_icon_music"></span>');
-                $("img[media_icon$=fla]").before('<span class="media_icon_music"></span>');
-                $("img[media_icon$=wav]").before('<span class="media_icon_music"></span>');
+                $("img[media_icon$=mp3]").before('<span class="media_icon media_icon_music_{$media_icon_style}"></span>');
+                $("img[media_icon$=ogg]").before('<span class="media_icon media_icon_music_{$media_icon_style}"></span>');
+                $("img[media_icon$=oga]").before('<span class="media_icon media_icon_music_{$media_icon_style}"></span>');
+                $("img[media_icon$=m4a]").before('<span class="media_icon media_icon_music_{$media_icon_style}"></span>');
+                $("img[media_icon$=webma]").before('<span class="media_icon media_icon_music_{$media_icon_style}"></span>');
+                $("img[media_icon$=fla]").before('<span class="media_icon media_icon_music_{$media_icon_style}"></span>');
+                $("img[media_icon$=wav]").before('<span class="media_icon media_icon_music_{$media_icon_style}"></span>');
                 //pdf
-                $("img[media_icon$=pdf]").before('<span class="media_icon_pdf"></span>');
+                $("img[media_icon$=pdf]").before('<span class="media_icon media_icon media_icon_pdf_{$media_icon_style}"></span>');
                 //doc, docx or odt
-                $("img[media_icon$=doc]").before('<span class="media_icon_document"></span>');
-                $("img[media_icon$=docx]").before('<span class="media_icon_document"></span>');
-                $("img[media_icon$=odt]").before('<span class="media_icon_document"></span>');
+                $("img[media_icon$=doc]").before('<span class="media_icon media_icon_document_{$media_icon_style}"></span>');
+                $("img[media_icon$=docx]").before('<span class="media_icon media_icon_document_{$media_icon_style}"></span>');
+                $("img[media_icon$=odt]").before('<span class="media_icon media_icon_document_{$media_icon_style}"></span>');
                 //xls, xlsx or ods
-                $("img[media_icon$=xls]").before('<span class="media_icon_spreadsheet"></span>');
-                $("img[media_icon$=xlsx]").before('<span class="media_icon_spreadsheet"></span>');
-                $("img[media_icon$=ods]").before('<span class="media_icon_spreadsheet"></span>');
+                $("img[media_icon$=xls]").before('<span class="media_icon media_icon_spreadsheet_{$media_icon_style}"></span>');
+                $("img[media_icon$=xlsx]").before('<span class="media_icon media_icon_spreadsheet_{$media_icon_style}"></span>');
+                $("img[media_icon$=ods]").before('<span class="media_icon media_icon_spreadsheet_{$media_icon_style}"></span>');
                 //ppt, pptx or odp
-                $("img[media_icon$=ppt]").before('<span class="media_icon_presentation"></span>');
-                $("img[media_icon$=pptx]").before('<span class="media_icon_presentation"></span>');
-                $("img[media_icon$=odp]").before('<span class="media_icon_presentation"></span>');
+                $("img[media_icon$=ppt]").before('<span class="media_icon media_icon_presentation_{$media_icon_style}"></span>');
+                $("img[media_icon$=pptx]").before('<span class="media_icon media_icon_presentation_{$media_icon_style}"></span>');
+                $("img[media_icon$=odp]").before('<span class="media_icon media_icon_presentation_{$media_icon_style}"></span>');
+{literal}
         }