1 |
1 |
2 #btv-cp-container { |
2 #btv-cp-container { |
3 position: absolute; top: -65px; width: 100%; |
3 position: absolute; left: -315px; width: 320px; |
4 background-image: linear-gradient(bottom, rgb(224,224,224) 20%, rgb(250,250,250) 80%); |
4 background-image: linear-gradient(right, rgb(224,224,224) 20%, rgb(250,250,250) 80%); |
5 background-image: -o-linear-gradient(bottom, rgb(224,224,224) 20%, rgb(250,250,250) 80%); |
5 background-image: -o-linear-gradient(right, rgb(224,224,224) 20%, rgb(250,250,250) 80%); |
6 background-image: -moz-linear-gradient(bottom, rgb(224,224,224) 20%, rgb(250,250,250) 80%); |
6 background-image: -moz-linear-gradient(right, rgb(224,224,224) 20%, rgb(250,250,250) 80%); |
7 background-image: -webkit-linear-gradient(bottom, rgb(224,224,224) 20%, rgb(250,250,250) 80%); |
7 background-image: -webkit-linear-gradient(right, rgb(224,224,224) 20%, rgb(250,250,250) 80%); |
8 background-image: -ms-linear-gradient(bottom, rgb(224,224,224) 20%, rgb(250,250,250) 80%); |
8 background-image: -ms-linear-gradient(right, rgb(224,224,224) 20%, rgb(250,250,250) 80%); |
9 height: 70px; |
9 top: 0; height: 100%; |
10 border-bottom: 2px solid #666666; |
10 border-right: 4px solid #666666; |
11 } |
11 } |
12 #btv-cp-container:hover { |
12 #btv-cp-container:hover { |
13 top: 0; |
13 left: 0; |
14 } |
14 } |
15 .btv-cp-line { |
15 .btv-cp-line { |
16 position: relative; width: 1160px; height: 100%; margin: 0 auto; |
16 position: relative; width: 100%; height: 100%; margin: 0 auto; |
17 } |
17 } |
18 .btv-cp-element { |
18 .btv-cp-element { |
19 float: left; |
19 float: left; text-align: center; |
20 height: 66px; |
20 width: 312px; |
21 padding: 2px 4px; border-right: 1px solid #cccccc; |
21 padding: 4px; border-bottom: 1px solid #cccccc; |
22 } |
22 } |
23 .btv-cp-element h2 { |
23 .btv-cp-element h2 { |
24 font-size: 24px; margin: 18px 0 0; |
24 font-size: 28px; margin: 10px 0; |
25 } |
25 } |
26 .btv-cp-element h3 { |
26 .btv-cp-element h3 { |
27 font-size: 14px; margin: 3px 0; text-align: center; line-height: 12px; |
27 font-size: 18px; margin: 4px 0; line-height: 12px; |
28 } |
28 } |
29 .btv-cp-element h4 { |
29 .btv-cp-element h4 { |
30 font-size: 24px; font-weight: bold; text-align: center; |
30 font-size: 28px; font-weight: bold; |
31 } |
31 } |
32 |
32 |
33 #btv-cp-champ-filtre { |
33 #btv-cp-champ-filtre { |
34 width: 100px; |
34 width: 180px; |
35 } |
35 } |
36 |
36 |
37 .btv-cp-liste-tweets { |
37 .btv-cp-liste-tweets { |
38 width: 280px; max-height: 45px; background: #fefefe; overflow: auto; |
38 width: 310px; height: 160px; border: 1px solid #b0b0b0; |
39 } |
39 background: #fefefe; overflow: auto; margin: 4px 0; |
40 .btv-cp-liste-tweets:hover { |
|
41 max-height: 150px; |
|
42 } |
40 } |
43 .btv-cp-liste-tweets li { |
41 .btv-cp-liste-tweets li { |
44 padding: 1px; border-bottom: 1px solid #ddd; font-size: 12px; font-family: Arial, Helvetica, sans-serif; |
42 padding: 1px; border-bottom: 1px solid #ddd; font-size: 12px; |
|
43 font-family: Arial, Helvetica, sans-serif; text-align: left; |
45 } |
44 } |
46 .btv-cp-tweet-button { |
45 .btv-cp-tweet-button { |
47 display: inline-block; margin: -1px 0; width: 15px; height: 14px; background: url("../img/addshow.png"); |
46 display: inline-block; margin: -1px 0; width: 15px; height: 14px; background: url("../img/addshow.png"); |
48 } |
47 } |
49 .btv-cp-tweet-show { |
48 .btv-cp-tweet-show { |