| author | Raphael Velt <raph.velt@gmail.com> |
| Fri, 16 Dec 2011 19:17:47 +0100 | |
| changeset 423 | 9bd7cd237153 |
| parent 421 | c8db83b70def |
| child 433 | 8c6aa7ec5f78 |
| permissions | -rw-r--r-- |
| 415 | 1 |
body { |
2 |
margin: 0; font-family: Helvetica, Arial, sans-serif; |
|
3 |
} |
|
4 |
||
| 420 | 5 |
body.jour { |
6 |
background: #ffffff; |
|
7 |
} |
|
8 |
||
9 |
body.nuit { |
|
10 |
background: #000000; |
|
11 |
} |
|
12 |
||
| 415 | 13 |
img { |
14 |
border: none; |
|
15 |
} |
|
16 |
||
17 |
.highlight { |
|
| 420 | 18 |
font-weight: bold; padding: 0 2px; color: #ffffff; |
| 415 | 19 |
} |
20 |
||
21 |
#container { |
|
|
421
c8db83b70def
Added "sweet-tweet" & Knowtex iframes in client
Raphael Velt <raph.velt@gmail.com>
parents:
420
diff
changeset
|
22 |
width: 960px; |
| 415 | 23 |
height: 1280px; |
24 |
margin: 0 auto; |
|
25 |
position: relative; |
|
| 420 | 26 |
overflow: hidden; |
| 415 | 27 |
} |
28 |
||
29 |
#tweetcont { |
|
|
421
c8db83b70def
Added "sweet-tweet" & Knowtex iframes in client
Raphael Velt <raph.velt@gmail.com>
parents:
420
diff
changeset
|
30 |
float: left; width: 920px; height: 96px; background: #dddddd; |
| 420 | 31 |
padding: 20px; |
| 415 | 32 |
} |
33 |
||
34 |
#tweetcont img { |
|
| 420 | 35 |
float: left; width: 96px; height: 96px; |
| 415 | 36 |
} |
37 |
||
38 |
#tweetcont p { |
|
|
421
c8db83b70def
Added "sweet-tweet" & Knowtex iframes in client
Raphael Velt <raph.velt@gmail.com>
parents:
420
diff
changeset
|
39 |
margin: -4px 5px 10px 106px; padding: 0; font-size: 26px; |
| 415 | 40 |
} |
41 |
||
42 |
p.tweet_text { |
|
43 |
color: #666; |
|
44 |
} |
|
45 |
||
| 420 | 46 |
#ptimg { |
47 |
position: absolute; top: -5px; right: -10px; |
|
48 |
} |
|
49 |
||
| 415 | 50 |
#columncont { |
|
421
c8db83b70def
Added "sweet-tweet" & Knowtex iframes in client
Raphael Velt <raph.velt@gmail.com>
parents:
420
diff
changeset
|
51 |
float: left; width: 960px; margin-top: 12px; |
| 415 | 52 |
} |
53 |
||
54 |
.column { |
|
|
421
c8db83b70def
Added "sweet-tweet" & Knowtex iframes in client
Raphael Velt <raph.velt@gmail.com>
parents:
420
diff
changeset
|
55 |
float: left; width: 900px; height: 70px; margin: 8px 30px; position: relative; |
| 415 | 56 |
} |
57 |
||
58 |
.column-tube { |
|
|
421
c8db83b70def
Added "sweet-tweet" & Knowtex iframes in client
Raphael Velt <raph.velt@gmail.com>
parents:
420
diff
changeset
|
59 |
float: left; width: 442px; height: 70px; |
| 420 | 60 |
} |
61 |
||
62 |
.tube { |
|
|
421
c8db83b70def
Added "sweet-tweet" & Knowtex iframes in client
Raphael Velt <raph.velt@gmail.com>
parents:
420
diff
changeset
|
63 |
width: 1000px; height: 35px; margin-left: -558px; overflow: hidden; |
| 415 | 64 |
} |
65 |
||
66 |
.column-title { |
|
|
421
c8db83b70def
Added "sweet-tweet" & Knowtex iframes in client
Raphael Velt <raph.velt@gmail.com>
parents:
420
diff
changeset
|
67 |
float: left; margin-left: 16px; width: 442px; height: 70px; |
| 420 | 68 |
} |
69 |
||
70 |
.polemicvol { |
|
71 |
float: right; height: 70px; |
|
| 415 | 72 |
} |
73 |
||
74 |
.column-title h3 { |
|
| 420 | 75 |
position: absolute; margin: 10px; padding: 0; font-size: 40px; line-height: 50px; |
76 |
height: 50px; text-transform: uppercase; |
|
| 415 | 77 |
} |
78 |
||
| 420 | 79 |
.jour .column-tube, .jour .column-title { |
80 |
background: #cccccc; color: #ffffff; |
|
81 |
} |
|
82 |
|
|
83 |
.nuit .column-tube, .nuit .column-title { |
|
84 |
background: #eeeeee; color: #000000; |
|
85 |
} |
|
86 |
|
|
| 415 | 87 |
div.avatar { |
| 420 | 88 |
float: right; width: 35px; height: 35px; overflow: hidden; |
| 415 | 89 |
} |
90 |
||
91 |
.avatar img { |
|
| 420 | 92 |
width: 100%; height: 100%; |
| 415 | 93 |
} |
94 |
||
95 |
div#logos { |
|
|
421
c8db83b70def
Added "sweet-tweet" & Knowtex iframes in client
Raphael Velt <raph.velt@gmail.com>
parents:
420
diff
changeset
|
96 |
width: 960px; height: 87px; background: #dddddd; position: absolute; left: 0; bottom: 0; |
| 415 | 97 |
} |
98 |
||
99 |
#logos img { |
|
100 |
margin : 10px; |
|
101 |
} |
|
102 |
||
103 |
.fl { |
|
104 |
float: left; |
|
105 |
} |
|
106 |
||
107 |
.fr { |
|
108 |
float: right; |
|
109 |
} |