equal
deleted
inserted
replaced
|
1 #canvas div { |
|
2 z-index: 5; |
|
3 } |
|
4 |
1 #podium-container { |
5 #podium-container { |
2 position: absolute; |
6 position: absolute; |
3 width: 1480px; |
7 width: 1480px; |
4 top: 600px; |
8 top: 700px; |
5 left: 400px; |
9 left: 400px; |
6 } |
10 } |
7 #podium { |
11 #podium { |
8 width: 100%; |
12 width: 100%; |
9 height: 300px; |
13 height: 200px; |
10 } |
14 } |
11 #podium-labels { |
15 #podium-labels { |
12 position: absolute; |
16 position: absolute; |
13 width: 100%; |
17 width: 100%; |
14 top: 320px; |
18 top: 215px; |
15 } |
19 } |
16 #podium-labels li { |
20 #podium-labels li { |
17 float: left; |
21 float: left; |
18 width: 25%; |
22 width: 25%; |
19 color: #ffffff; |
23 color: #ffffff; |
21 font-size: 42px; |
25 font-size: 42px; |
22 } |
26 } |
23 #podium-chiffres { |
27 #podium-chiffres { |
24 position: absolute; |
28 position: absolute; |
25 width: 100%; |
29 width: 100%; |
26 top: 240px; |
30 top: 145px; |
27 } |
31 } |
28 #podium-chiffres li { |
32 #podium-chiffres li { |
29 float: left; |
33 float: left; |
30 width: 25%; |
34 width: 25%; |
31 color: #000000; |
35 color: #000000; |
45 color: #ffffff; |
49 color: #ffffff; |
46 font-size: 42px; |
50 font-size: 42px; |
47 display: none; |
51 display: none; |
48 } |
52 } |
49 .btv-bigtweet-image { |
53 .btv-bigtweet-image { |
|
54 position: absolute; |
50 width: 100px; |
55 width: 100px; |
51 height: 100px; |
56 height: 100px; |
52 margin: 0 30px 30px 0; |
|
53 float: left; |
|
54 } |
57 } |
55 .btv-bigtweet-screen-name { |
58 .btv-bigtweet-screen-name { |
56 font-weight: bold; |
59 font-weight: bold; margin: -8px 0 0 140px; |
57 } |
60 } |
58 .btv-bigtweet-name { |
61 .btv-bigtweet-name { |
59 margin: 10px 0; |
62 margin: 10px 0 20px 140px; |
60 } |
63 } |
61 .btv-tweet-text { |
64 .btv-tweet-text { |
62 clear: both; |
65 clear: both; |
63 } |
66 } |
|
67 |
|
68 #btv-tooltip { |
|
69 display: none; position: absolute; z-index: 8; font-size: 20px; background: #0031ff; color: #ffffff; |
|
70 width: 350px; padding: 10px; margin: -30px 0 0 -380px; border-right: 5px solid; |
|
71 } |
|
72 |
|
73 .btv-tooltip-arrow { |
|
74 position: absolute; width: 35px; height: 50px; top: 30px; left: 370px; background: url('../img/tooltip-arrow.png'); |
|
75 } |
|
76 |
|
77 .btv-tooltip-name { |
|
78 font-weight: bold; |
|
79 } |
|
80 |
|
81 .btv-tooltip-image { |
|
82 float: left; margin: 0 10px 10px 0; |
|
83 } |