--- a/tweetcast/nodejs-bis/client/css/style.css Wed Nov 30 12:11:59 2011 +0100
+++ /dev/null Thu Jan 01 00:00:00 1970 +0000
@@ -1,336 +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; background-color: #F7F6F6; background-image: url("../img/bgd.jpg"); background-repeat: repeat-x;
-}
-
-b {
- font-weight: bold;
-}
-
-.highlight {
- background: #ffff00;
-}
-
-#container {
- width: 960px; margin: 0 auto;
-}
-
-#colgauche {
- float: left; width: 455px; margin-right: 13px;
-}
-
-.barre {
- float: left; width: 100%;
-}
-
-.greyed {
- color: #999; font-style: italic;
-}
-
-.rechercheCourante {
- background: #ffa0ff; font-weight: bold; color: #000080;
-}
-
-/* Menu */
-
-#headlogo {
- float: left; margin-right: 10px;
-}
-
-.menu {
- border-left: 1px solid #C3C3C3;
- float: left;
- list-style: none;
- font-size: 12px;
- height: 62px; overflow: hidden;
-}
-
-.menu li {
- background: url("../img/menu_underline.gif") left bottom no-repeat;
- padding: 3px 0 0 5px;
- height: 18px;
- min-width: 80px;
-}
-
-.menu a {
- color: #000000; text-decoration: none;
-}
-
-.menu a:hover {
- color: #0099FF;
-}
-
-/* Formulaire */
-
-#twwWrap {
- float: left; width: 450px; background: #ffffff; padding: 1px; border-width: 1px; border-style: solid solid none solid; border-color: #ababab; margin-top: 6px;
-}
-
-#tweetWriter {
- width: 430px; padding: 10px; background: #efefef;
-}
-
-/* Liste de Tweets */
-
-#tweetviz {
- float: left; width: 452px; border: 1px solid #999;
-}
-
-/* Recherche */
-
-#recherche {
- position: relative; float: left; padding: 2px 0; width: 452px; border-bottom: 1px solid #999;
-}
-
-#recherche input {
- float: left;
-}
-
-#inp_q {
- width: 236px; border: none; padding: 1px; margin-left: 2px; height: 17px; font-size: 13px;
-}
-
-#inp_submit, #inp_reset {
- border: 0; padding: 0; width: 20px; height: 20px; overflow: hidden; text-indent: 800px; background: url(../img/searchcancel.png)
-}
-
-#inp_submit:hover {
- background-position: -20px 0;
-}
-
-#inp_submit:active {
- background-position: -40px 0;
-}
-
-#inp_reset {
- background-position: 0 -20px;
-}
-
-#inp_reset:hover {
- background-position: -20px -20px;
-}
-
-#inp_reset:active {
- background-position: -40px -20px;
-}
-
-#time_legende {
- float: left; margin-left: 30px; width: 30px; height: 20px; background: url(../img/scale.png) left;
-}
-
-#time_scale {
- float: left; font-size: 12px; margin: 3px 0 0; color: #666; width: 50px; text-align: center;
-}
-
-#time_zoomout, #time_zoomin {
- float: left; width: 12px; height: 20px; background: url(../img/scale.png);
-}
-
-#time_zoomout {
- background-position: -30px;
-}
-
-#time_zoomout.inactive {
- background-position: -54px;
-}
-
-#time_zoomin {
- background-position: -42px;
-}
-
-#time_zoomin.inactive {
- background-position: -66px;
-}
-
-#recherche_annot {
- position: absolute; top: 20px; z-index: 4; background: #ffffff; border: 1px solid #ccc; padding: 4px; font-size: 12px;
- display: none; box-shadow: 2px 2px 2px rgba(0, 0, 0, .5)
-}
-
-#recherche_annot a {
- padding: 1px; line-height: 13px; margin: 1px; font-weight: bold; text-decoration: none; color: #000000;
-}
-
-/* Liste des tweets */
-
-#tweetlist {
- float: left; width: 280px; height: 480px; list-style: none; border-right: 1px solid #999; color: #585858; cursor: pointer; cursor: hand; background: #ffffff;
-}
-
-#tweetlist a {
- text-decoration: none; color: #1985B5;
-}
-
-#tweetlist a:hover {
- text-decoration: underline; color: #105060;
-}
-
-li.tweet, li.placeholder {
- border-bottom : 1px dotted; overflow: hidden; float: left; border-color: #ccc;
-}
-
-li.tweet {
- position: relative; background: #fff;
-}
-
-li.full {
- width: 270px; height: 117px; border-right: 10px solid #ff0;
-}
-
-li.half {
- width: 280px; height: 46px;
-}
-
-li.icons {
- width: 20px; height: 20px; border: none;
-}
-
-li.placeholder {
- visibility: hidden;
-}
-
-.tweet p {
- overflow: hidden;
-}
-
-.full p.tweet_text {
- font-size: 12px; margin: 5px 0 5px 58px; height: 108px; width: 207px; color: #000000;
-}
-
-.half p.tweet_text {
- font-size: 11px; margin: 5px 0 5px 49px; height: 36px; line-height: 12px; width: 216px;
-}
-
-div.around_img {
- float: left;
-}
-
-.full .profile_image {
- margin: 5px 5px 0 5px; width: 48px; height: 48px;
-}
-
-.half .profile_image {
- margin: 5px; width: 36px; height: 36px;
-}
-
-.icons .profile_image {
- margin: 2px; width: 16px; height: 16px;
-}
-
-p.created_at {
- font-size: 12px; text-align: center; font-style: italic; color: #999999; width: 58px; overflow: hidden;
-}
-
-.annotations {
- position: absolute; margin: 0; padding: 0; top: 0; left: 0; width: 100%; height: 100%;
-}
-
-.icons .annotations {
- position: absolute; width: 20px; height: 6px; left: 0; top: 16px; 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;
-}
-
-div.tweet_actions {
- position: absolute; bottom : 2px; right: 4px; font-size: 11px;
-}
-
-/* timeline */
-
-#timeline {
- float: left; height: 480px; width: 150px; border-right: 1px solid #999; cursor: pointer; cursor: hand;
-}
-
-#scrollcont {
- float: left; width: 20px; height: 480px; overflow: auto;
-}
-
-#scrollin {
- width: 1px; height: 8000px;
-}
-
-/* hovertweet */
-
-#hovertweet {
- position: absolute; display: none; margin: -20px 0 0 15px; z-index: 12;
-}
-
-div.full {
- position: absolute; background: #eeeeee; width: 270px; height: 84px; border: 1px solid #808080; border-radius: 3px; box-shadow: 5px 5px 5px rgba(0,0,0,.3);
-}
-
-#hoverarrow {
- position: absolute; width: 10px; height: 18px; left: -9px; top: 13px; background: url(../img/arrow.png);
-}
-
-/* Colonne de droite */
-
-#coldroite {
- float: left; width: 492px;
-}
-
-#vlWrap {
- float: left; border: 5px solid #ffffff; background: #999999; padding: 1px; margin-top: 20px;
-}
-
-#videoLivePlayer {
- width: 480px; height: 320px; background: #000000;
-}
-
-#out_fleche {
- float: left; position: relative; width: 492px; height: 14px; background: url(../img/bgnoarrow.png);
-}
-
-#in_fleche {
- position: absolute; left: 10px; width: 27px; height: 15px; background: url(../img/arrowtop.png);
-}
-
-#accordeon {
- float: left; width: 492px; list-style: none; background: #777777;
-}
-
-#accordeon li {
- float: left; width: 480px; margin: 0 1px 1px 1px; padding: 4px; border: 1px solid #ffffff; background: #efefef;
-}
-
-#accordeon li.deplie {
- background: url(../img/bgdeplie.png) top repeat-x #efefef;
-}
-
-/* Tag Cloud */
-
-#motscles {
- text-align: center;
-}
-
-#motscles span {
- padding: 2px; cursor: pointer; cursor: hand;
-}