diff -r f7ceddf99d6d -r bf5cf5a9e737 tweetcast/nodejs/client/css/style.css --- a/tweetcast/nodejs/client/css/style.css Wed Dec 07 19:28:46 2011 +0100 +++ /dev/null Thu Jan 01 00:00:00 1970 +0000 @@ -1,181 +0,0 @@ -/* Browser-reset CSS */ - -html, body, div, span, applet, object, iframe, -h1, h2, h3, h4, h5, h6, p, blockquote, pre, -a, abbr, acronym, address, big, cite, code, -del, dfn, em, img, ins, kbd, q, s, samp, -small, strike, strong, sub, sup, tt, var, -b, u, i, center, -dl, dt, dd, ol, ul, li, -fieldset, form, label, legend, -table, caption, tbody, tfoot, thead, tr, th, td, -article, aside, canvas, details, embed, -figure, figcaption, footer, header, hgroup, -menu, nav, output, ruby, section, summary, -time, mark, audio, video { - margin: 0; - padding: 0; - border: 0; - font-size: 100%; - font: inherit; - vertical-align: baseline; -} - -body { - font-family: Helvetica, Arial, sans-serif; -} - -/* Liste de Tweets */ - -#container { - position: absolute; left: 50%; top: 50%; margin-left: -236px; margin-top: -300px; -} - -#modeselector { - position: absolute; width: 240px; top: 600px; border: 1px solid #999; font-size: 18px; text-align: center; padding: 5px; cursor: pointer; -} - -#tweetlist { - position: absolute; left: 0; top: 0; width: 250px; height: 600px; list-style: none; border: 1px solid #999; -} - -li.tweet, li.placeholder { - border: 1px solid; overflow: hidden; float: left; margin: -1px 0 0 -1px; border-color: #ccc; -} - -li.tweet { - position: relative; background: #fff; cursor: pointer; -} - -li.full { - width: 240px; height: 119px; border-right: 10px solid #ff0; -} - -li.half { - width: 250px; height: 49px; -} - -li.quarter { - width: 124px; height: 44px; -} - -li.icons { - width: 24px; height: 24px; -} - -li.placeholder { - height: 0; visibility: hidden; -} - -.tweet h4 { - font-weight: bold; -} - -.quarter p { - word-break: break-all; -} - -.full h4, .full p, .half p { - margin: 5px; -} - -.full h4 { - font-size: 15px; -} - -.full p, .half p { - font-size: 12px; -} - -.quarter p { - margin: 2px; font-size: 10px; -} - -img.profile_image { - float: left; -} - -.full .profile_image { - margin: 5px; width: 48px; height: 48px; -} - -.half .profile_image { - margin: 5px; width: 39px; height: 39px; -} - -.quarter .profile_image { - margin: 2px; width: 22px; height: 22px; -} - -.icons .profile_image { - margin: 2px; width: 20px; height: 20px; -} - -.full .created_at { - font-style: italic; color: #999; -} - -.half h4, .half p.created_at, .quarter h4, .quarter p.created_at, .icons h4, .icons p { - display: none -} - -.full .tweet_text { - clear: left; -} - -.annotations { - position: absolute; margin: 0; padding: 0; top: 0; left: 0; width: 100%; height: 100%; -} - -/*.icons .annotations { - position: absolute; width: 6px; height: 6px; right: 2px; bottom: 2px; border: 1px solid #ccc; z-index: 3; -}*/ - -div.annotation { - float: left; height: 100%; -} - -div.twmain { - position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; overflow: hidden; -} - -.full .twmain { -} - -.half .twmain { - opacity: .9 -} - -.half.fade .twmain { - opacity: .8 -} - -.quarter .twmain { - opacity: .7 -} - -.quarter.fade .twmain { - opacity: .6 -} - -.icons .twmain { - opacity: .5 -} - -.icons.fade .twmain { - opacity: .4 -} - -/* timeline */ - -#timeline, #timewindow { - position: absolute; top: 0; left: 251px; height: 600px; width: 220px; border: 1px solid #999; -} - -#timeline { - z-index: 42 -} - -#timewindow { - z-index: 47 -} \ No newline at end of file