css/playscreen.css
changeset 17 8ee8c9ea2a9f
parent 11 9833f3e24105
child 18 cd85b780f4a5
--- 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;
+}