added a double border around the tweetWidget, and fixed a couple of
overflow/floats glitches.
--- a/src/css/LdtPlayer.css Thu Dec 08 12:36:22 2011 +0100
+++ b/src/css/LdtPlayer.css Thu Dec 08 12:50:12 2011 +0100
@@ -53,13 +53,12 @@
font-family: "Arial", "Verdana", "sans-serif";
background-color:#eeeeee;
background:url('imgs/wire_pattern.png') repeat scroll transparent ;
- border-color: #b6b8b8;
- border-width: 1px;
- border-style: solid;
+ border: 1px solid #b6b8b8;
}
.Ldt-Annotation-DoubleBorder {
border: 1px solid white;
+ overflow: auto;
}
.Ldt-AnnotationContent {
@@ -351,7 +350,15 @@
font-size: 62.5%;
font-family: "Trebuchet MS", "Helvetica", "Arial", "Verdana", "sans-serif";
background:url('imgs/wire_pattern.png') repeat scroll transparent ;
- padding:5px;
+ border: 1px solid #b6b8b8;
+ border-top: none;
+ overflow: auto;
+ }
+
+ .Ldt-tweet-DoubleBorder {
+ border: 1px solid white;
+ padding: 5px;
+ overflow: auto;
}
.Ldt-tweetAvatar {
--- a/src/templates/tweetWidget.html Thu Dec 08 12:36:22 2011 +0100
+++ b/src/templates/tweetWidget.html Thu Dec 08 12:50:12 2011 +0100
@@ -1,11 +1,14 @@
{{! template for the tweet widget }}
<div class='Ldt-tweetWidget'>
- <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-tweetAvatar'></div>
- <img src='{{img_dir}}/profile_arrow.png' class='Ldt-tweetAvatar-profileArrow'></img>
- <div class='Ldt-tweetContents'>
+ <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-tweetAvatar'></div>
+ <img src='{{img_dir}}/profile_arrow.png' class='Ldt-tweetAvatar-profileArrow'></img>
+ <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>
+
</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>
</div>