replaced direct references to images to css classes. popcorn-port
authorhamidouk
Thu, 02 Feb 2012 14:52:33 +0100
branchpopcorn-port
changeset 761 69d80dd9c9d8
parent 760 3460bee362db
child 762 5497895a3ddb
replaced direct references to images to css classes.
src/css/LdtPlayer.css
src/templates/annotationWidget.html
src/templates/createAnnotationWidget.html
src/templates/tweetWidget.html
--- a/src/css/LdtPlayer.css	Thu Feb 02 11:05:24 2012 +0100
+++ b/src/css/LdtPlayer.css	Thu Feb 02 14:52:33 2012 +0100
@@ -75,6 +75,30 @@
 
 }
 
+.Ldt-fbShare {
+  display: block;
+  float: left;
+  width: 24px;
+  height: 24px;
+  background:url('imgs/facebook.png');
+}
+
+.Ldt-TwShare {
+  display: block;
+  float: left;
+  width: 24px;
+  height: 24px;
+  background:url('imgs/twitter.png');
+}
+
+.Ldt-GplusShare {
+  display: block;
+  float: left;
+  width: 24px;
+  height: 24px;
+  background:url('imgs/google.png');
+}
+
 .Ldt-SaTitle{
   padding-top:2px;
   padding-bottom:3px;
@@ -399,6 +423,8 @@
   height: 48px;
   margin-left: 5px;
   margin-right: 5px;
+  background:url('imgs/profile_arrow.png');
+  background-position: 7 10px;
 }
 
 .Ldt-tweet_userHandle {
@@ -424,6 +450,7 @@
   height: 17px;
   width: 17px;
   margin-right: 1px;
+  background:url('imgs/minimize.png');
 }
 
 .Ldt-tweetWidgetMinimize {
@@ -432,6 +459,7 @@
   height: 17px;
   width: 17px;
   right: 9px;
+  background:url('imgs/minimize.png');
 }
 
 .Ldt-tweetWidget * a:link {
@@ -618,6 +646,7 @@
   display: block;
   border: 1px solid #babcbc;
 }
+
 .Ldt-createAnnotation-profileArrow {
   display: table-cell;
   vertical-align: top;
@@ -625,11 +654,9 @@
   width: 15px;
   padding-right: 5px;
   padding-left: 3px;
-}
-
-.Ldt-createAnnotation-profileArrow img {
-  display: block;
-  margin-left: 4px;
+  background:url('imgs/profile_arrow.png');
+  background-repeat: no-repeat;
+  background-position: center;
 }
 
 .Ldt-createAnnotation-Description {
@@ -695,6 +722,7 @@
   height: 17px;
   width: 17px;
   right: 0px;
+  background:url('imgs/minimize.png');
 }
 
 /* polemic tweet annotation buttons */
--- a/src/templates/annotationWidget.html	Thu Feb 02 11:05:24 2012 +0100
+++ b/src/templates/annotationWidget.html	Thu Feb 02 14:52:33 2012 +0100
@@ -5,9 +5,9 @@
   
     <div class='Ldt-AnnotationContent'>  
       <div class='Ldt-AnnotationShareIcons'>
-         <a target='_blank' class='Ldt-fbShare' href=''><img src='{{img_dir}}/facebook.png' alt='share on facebook'></img></a>
-         <a target='_blank' class='Ldt-TwShare' href=''><img src='{{img_dir}}/twitter.png' alt='share on twitter'></img></a>
-         <a target='_blank'  class='Ldt-GplusShare' href=''><img src='{{img_dir}}/google.png' alt='share on google+'></img></a>
+         <a target='_blank' class='Ldt-fbShare' title='share on facebook'></a>
+         <a target='_blank' class='Ldt-TwShare' title='share on twitter'></a>
+         <a target='_blank'  class='Ldt-GplusShare' title='share on google+'></a>
       </div>
 
 		  <div class='Ldt-SaTitle'></div>
--- a/src/templates/createAnnotationWidget.html	Thu Feb 02 11:05:24 2012 +0100
+++ b/src/templates/createAnnotationWidget.html	Thu Feb 02 14:52:33 2012 +0100
@@ -7,14 +7,13 @@
         <div class='Ldt-createAnnotation-Title'></div>
         <div class='Ldt-createAnnotation-TimeFrame'></div>
         {{^cinecast_version}}
-          <img src='{{img_dir}}/minimize.png' class='Ldt-createAnnotation-Minimize' alt='Cancel'></img>
+          <div class='Ldt-createAnnotation-Minimize' title='Cancel'></img>
         {{/cinecast_version}}
       </div>
       
       <div class='Ldt-createAnnotation-Container'>
         <textarea class='Ldt-createAnnotation-Description'></textarea>
-        <div class='Ldt-createAnnotation-profileArrow'>
-          <img src='{{img_dir}}/annotate_arrow.png'></img>
+        <div class='Ldt-createAnnotation-profileArrow'>          
         </div>
         <div class='Ldt-createAnnotation-userAvatar'>        
           <img src='https://si0.twimg.com/sticky/default_profile_images/default_profile_1_normal.png'></img>
--- a/src/templates/tweetWidget.html	Thu Feb 02 11:05:24 2012 +0100
+++ b/src/templates/tweetWidget.html	Thu Feb 02 14:52:33 2012 +0100
@@ -2,10 +2,10 @@
 <div class='Ldt-tweetWidget'>
   <div class='Ldt-tweet-DoubleBorder'>
 
-      <img src='{{img_dir}}/minimize.png' class='Ldt-tweetWidgetKeepOpen' alt='dont minimize automatically'></img>
-      <img src='{{img_dir}}/minimize.png' class='Ldt-tweetWidgetMinimize' alt='minimize window'></img>
+      <div class='Ldt-tweetWidgetKeepOpen' title='dont minimize automatically'></div>
+      <div class='Ldt-tweetWidgetMinimize' title='minimize window'></div>
       <div class='Ldt-tweetAvatar'></div>
-      <img src='{{img_dir}}/profile_arrow.png' class='Ldt-tweetAvatar-profileArrow'></img>
+      <div class='Ldt-tweetAvatar-profileArrow'></div>
       <div class='Ldt-tweetContents'></div>
       <a href='' target='_blank' class='Ldt-Retweet'><div class='Ldt-RetweetIcon'></div> - Retweet </a>
       <a href='' target='_blank' class='Ldt-TweetReply'><div class='Ldt-TweetReplyIcon'></div> - Reply</a>