replaced direct references to images to css classes.
--- 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>