tweetcast/nodejs-bis/client/css/style.css
author Raphael Velt <raph.velt@gmail.com>
Tue, 22 Nov 2011 13:25:43 +0100
changeset 385 886bfa7441d0
parent 380 b3f66379fed7
child 390 239f91ac1f31
permissions -rw-r--r--
Debut integration des creas de samuel dans PT live
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
360
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
     1
/* Browser-reset CSS */
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
     2
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
     3
html, body, div, span, applet, object, iframe,
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
     4
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
     5
a, abbr, acronym, address, big, cite, code,
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
     6
del, dfn, em, img, ins, kbd, q, s, samp,
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
     7
small, strike, strong, sub, sup, tt, var,
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
     8
b, u, i, center,
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
     9
dl, dt, dd, ol, ul, li,
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    10
fieldset, form, label, legend,
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    11
table, caption, tbody, tfoot, thead, tr, th, td,
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    12
article, aside, canvas, details, embed, 
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    13
figure, figcaption, footer, header, hgroup, 
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    14
menu, nav, output, ruby, section, summary,
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    15
time, mark, audio, video {
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    16
	margin: 0;
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    17
	padding: 0;
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    18
	border: 0;
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    19
	font-size: 100%;
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    20
	font: inherit;
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    21
	vertical-align: baseline;
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    22
}
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    23
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    24
body {
385
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
    25
	font-family: Helvetica, Arial, sans-serif; background-color: #F7F6F6; background-image: url("../img/bgd.jpg"); background-repeat: repeat-x;
360
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    26
}
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    27
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    28
#container {
385
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
    29
    width: 960px; margin: 0 auto;
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
    30
}
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
    31
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
    32
#colgauche {
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
    33
    float: left; width: 455px; margin-right: 13px;
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
    34
}
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
    35
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
    36
.barre {
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
    37
    float: left; width: 100%;
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
    38
}
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
    39
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
    40
/* Menu */
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
    41
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
    42
#headlogo {
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
    43
    float: left; margin-right: 10px;
360
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    44
}
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    45
385
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
    46
.menu {
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
    47
    border-left: 1px solid #C3C3C3;
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
    48
    float: left;
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
    49
    list-style: none;
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
    50
    font-size: 12px;
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
    51
    height: 62px; overflow: hidden;
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
    52
}
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
    53
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
    54
.menu li {
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
    55
    background: url("../img/menu_underline.gif") left bottom no-repeat;
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
    56
    padding: 3px 0 0 5px;
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
    57
    height: 18px;
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
    58
    min-width: 80px;
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
    59
}
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
    60
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
    61
.menu a {
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
    62
    color: #000000; text-decoration: none;
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
    63
}
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
    64
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
    65
.menu a:hover {
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
    66
    color: #0099FF;
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
    67
}
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
    68
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
    69
/* Formulaire */
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
    70
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
    71
#twwWrap {
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
    72
    float: left; width: 450px; background: #ffffff; padding: 1px; border-width: 1px; border-style: solid solid none solid; border-color: #ababab; margin-top: 6px;
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
    73
}
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
    74
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
    75
#tweetWriter {
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
    76
    width: 430px; padding: 10px; background: #efefef;
380
b3f66379fed7 Ameliorations visu live des tweets
Raphael Velt <raph.velt@gmail.com>
parents: 374
diff changeset
    77
}
b3f66379fed7 Ameliorations visu live des tweets
Raphael Velt <raph.velt@gmail.com>
parents: 374
diff changeset
    78
b3f66379fed7 Ameliorations visu live des tweets
Raphael Velt <raph.velt@gmail.com>
parents: 374
diff changeset
    79
/* Liste de Tweets */
360
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    80
385
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
    81
#tweetviz {
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
    82
    float: left; width: 452px; border: 1px solid #999;
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
    83
}
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
    84
360
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    85
#tweetlist {
385
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
    86
	float: left; width: 280px; height: 450px; list-style: none; border-right: 1px solid #999; color: #585858; cursor: pointer; cursor: hand;
360
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    87
}
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    88
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    89
li.tweet, li.placeholder {
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    90
	border-bottom : 1px dotted; overflow: hidden; float: left; border-color: #ccc;
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    91
}
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    92
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    93
li.tweet {
380
b3f66379fed7 Ameliorations visu live des tweets
Raphael Velt <raph.velt@gmail.com>
parents: 374
diff changeset
    94
	position: relative; background: #fff;
360
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    95
}
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    96
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    97
li.full {
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    98
    width: 270px; height: 84px; border-right: 10px solid #ff0;
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    99
}
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   100
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   101
li.half {
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   102
    width: 280px; height: 46px;
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   103
}
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   104
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   105
li.icons {
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   106
    width: 20px; height: 20px; border: none;
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   107
}
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   108
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   109
li.placeholder {
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   110
    visibility: hidden;
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   111
}
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   112
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   113
.tweet p {
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   114
    overflow: hidden;
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   115
}
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   116
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   117
.full p.tweet_text {
374
0c4acfa2aea1 Minor changes
Raphael Velt <raph.velt@gmail.com>
parents: 360
diff changeset
   118
	font-size: 12px; margin: 5px 0 5px 58px; height: 75px; width: 207px; color: #000000;
360
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   119
}
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   120
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   121
.half p.tweet_text {
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   122
    font-size: 11px; margin: 5px 0 5px 49px; height: 36px; line-height: 12px; width: 216px;
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   123
}
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   124
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   125
div.around_img {
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   126
	float: left;
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   127
}
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   128
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   129
.full .profile_image {
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   130
    margin: 5px 5px 0 5px; width: 48px; height: 48px;
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   131
}
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   132
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   133
.half .profile_image {
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   134
    margin: 5px; width: 36px; height: 36px;
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   135
}
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   136
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   137
.icons .profile_image {
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   138
    margin: 2px; width: 16px; height: 16px;
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   139
}
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   140
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   141
.full p.created_at {
380
b3f66379fed7 Ameliorations visu live des tweets
Raphael Velt <raph.velt@gmail.com>
parents: 374
diff changeset
   142
	font-size: 12px; text-align: center; font-style: italic; color: #999999; width: 58px; overflow: hidden;
360
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   143
}
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   144
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   145
.half p.created_at, .icons p {
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   146
    display: none
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   147
}
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   148
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   149
.annotations {
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   150
    position: absolute; margin: 0; padding: 0; top: 0; left: 0; width: 100%; height: 100%; 
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   151
}
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   152
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   153
.icons .annotations {
380
b3f66379fed7 Ameliorations visu live des tweets
Raphael Velt <raph.velt@gmail.com>
parents: 374
diff changeset
   154
    position: absolute; width: 20px; height: 6px; left: 0; top: 16px; z-index: 3;
360
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   155
}
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   156
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   157
div.annotation {
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   158
    float: left; height: 100%;
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   159
}
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   160
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   161
div.twmain {
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   162
    position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; overflow: hidden;
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   163
}
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   164
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   165
/* timeline */
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   166
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   167
#timeline {
385
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
   168
    float: left; height: 450px; width: 150px; border-right: 1px solid #999; cursor: pointer; cursor: hand;
380
b3f66379fed7 Ameliorations visu live des tweets
Raphael Velt <raph.velt@gmail.com>
parents: 374
diff changeset
   169
}
b3f66379fed7 Ameliorations visu live des tweets
Raphael Velt <raph.velt@gmail.com>
parents: 374
diff changeset
   170
b3f66379fed7 Ameliorations visu live des tweets
Raphael Velt <raph.velt@gmail.com>
parents: 374
diff changeset
   171
#scrollcont {
385
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
   172
    float: left; width: 20px; height: 450px; overflow: auto;
380
b3f66379fed7 Ameliorations visu live des tweets
Raphael Velt <raph.velt@gmail.com>
parents: 374
diff changeset
   173
}
b3f66379fed7 Ameliorations visu live des tweets
Raphael Velt <raph.velt@gmail.com>
parents: 374
diff changeset
   174
b3f66379fed7 Ameliorations visu live des tweets
Raphael Velt <raph.velt@gmail.com>
parents: 374
diff changeset
   175
#scrollin {
385
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
   176
    width: 1px; height: 8000px;
360
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   177
}
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   178
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   179
/* hovertweet */
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   180
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   181
#hovertweet {
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   182
    position: absolute; display: none; margin: -20px 0 0 15px;
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   183
}
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   184
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   185
div.full {
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   186
    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);
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   187
}
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   188
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   189
#hoverarrow {
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   190
    position: absolute; width: 10px; height: 18px; left: -9px; top: 13px;  background: url(../img/arrow.png);
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   191
}
380
b3f66379fed7 Ameliorations visu live des tweets
Raphael Velt <raph.velt@gmail.com>
parents: 374
diff changeset
   192
385
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
   193
/* Colonne de droite */
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
   194
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
   195
#coldroite {
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
   196
    float: left; width: 492px;
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
   197
}
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
   198
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
   199
#vlWrap {
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
   200
    float: left; border: 5px solid #ffffff; background: #999999; padding: 1px; margin-top: 20px;
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
   201
}
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
   202
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
   203
#videoLivePlayer {
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
   204
    width: 480px; height: 320px; background: #000000;
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
   205
}
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
   206
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
   207
#out_fleche {
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
   208
    float: left; position: relative; width: 492px; height: 14px; background: url(../img/bgnoarrow.png);
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
   209
}
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
   210
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
   211
#in_fleche {
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
   212
    position: absolute; left: 10px; width: 27px; height: 15px; background: url(../img/arrowtop.png);
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
   213
}
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
   214
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
   215
#accordeon {
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
   216
    float: left; width: 492px; list-style: none; background: #777777;
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
   217
}
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
   218
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
   219
#accordeon li {
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
   220
    float: left; width: 480px; margin: 0 1px 1px 1px; padding: 4px; border: 1px solid #ffffff; background: #efefef;
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
   221
}
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
   222
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
   223
#accordeon li.deplie {
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
   224
    background: url(../img/bgdeplie.png) top repeat-x #efefef;
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
   225
}
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
   226
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
   227
/* Tag Cloud
380
b3f66379fed7 Ameliorations visu live des tweets
Raphael Velt <raph.velt@gmail.com>
parents: 374
diff changeset
   228
b3f66379fed7 Ameliorations visu live des tweets
Raphael Velt <raph.velt@gmail.com>
parents: 374
diff changeset
   229
#motscles {
b3f66379fed7 Ameliorations visu live des tweets
Raphael Velt <raph.velt@gmail.com>
parents: 374
diff changeset
   230
    float: left; width: 400px; height: 100px; text-align: center; border: 1px solid #999; margin: 0 20px;
b3f66379fed7 Ameliorations visu live des tweets
Raphael Velt <raph.velt@gmail.com>
parents: 374
diff changeset
   231
}
385
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
   232
*/