--- a/css/playscreen.css Thu Mar 28 18:44:51 2013 +0100
+++ b/css/playscreen.css Thu Apr 04 17:44:59 2013 +0200
@@ -3,6 +3,10 @@
clear: both;
}
+.play-second-line {
+ position: relative;
+}
+
.play-head {
margin-top: 8px;
}
@@ -69,7 +73,7 @@
}
.topics-block {
- float: left; clear: both; width: 10000px; padding-left: 8px; height: 40px;
+ float: left; clear: both; width: 10000px; padding-left: 8px; height: 40px; left: 0;
}
.topic {
@@ -81,6 +85,18 @@
font-size: 14px; line-height: 16px;
}
+.left-arrow, .right-arrow {
+ position: absolute; top: 0; width: 9px; height: 20px; width: 9px; background: url(../img/arrows.png); margin: 5px; cursor: pointer;
+}
+
+.left-arrow {
+ left: 0;
+}
+
+.right-arrow {
+ right: 0; background-position: -9px 0;
+}
+
.highlight {
color: #333333; background: #ffff00;
}
@@ -100,15 +116,19 @@
}
.play-localtweets .tweet {
- width: 320px; background: #666666; font-size: 12px; padding: 4px;
+ width: 320px; background: #666666; padding: 4px;
}
-.play-localtweets img {
+.tweet img {
width: 20px; height: 20px; float: left;
}
-.play-localtweets p {
- margin-left: 24px;
+.tweet p {
+ margin-left: 24px; font-size: 12px;
+}
+
+.tweet a {
+ color: #ffffc0;
}
.play-tagcloud {
@@ -148,3 +168,23 @@
.local-position {
left: 155px; width: 215px;
}
+
+.user-tweets {
+ position: absolute; left: 730px; top: 300px; bottom: 0; right: 0; display: none;
+}
+
+.user-tweets-head {
+ font-size: 14px; text-align: center;
+}
+
+.user-tweets-list {
+ position: absolute; left: 0; top: 20px; bottom: 0; right: 0; overflow: auto;
+}
+
+.user-tweets-list .tweet {
+ background: #666666; font-size: 12px; padding: 4px; margin: 5px 0;
+}
+
+.user-name {
+ font-weight: bold;
+}