diff -r 9a82fbbf6377 -r 8ee8c9ea2a9f css/playscreen.css --- 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; +}