1 /*main player=========== */ |
|
2 .player-ba { |
|
3 margin: 0; |
|
4 padding: 0; |
|
5 display: block; |
|
6 width:720px; |
|
7 height:405px; |
|
8 text-align:center; |
|
9 } |
|
10 |
|
11 |
|
12 /* info area============ */ |
|
13 .player-ba .infos { |
|
14 position: relative; |
|
15 height:40px; |
|
16 background:#000 url(../images/global/gradient/h80.png) repeat-x; |
|
17 opacity:0.7; |
|
18 color:#FFFFFF; |
|
19 margin: 0; |
|
20 text-align:left; |
|
21 padding:10px 10px; |
|
22 font-family:arial,"bitstream vera sans","trebuchet ms"; |
|
23 font-size:18px; |
|
24 } |
|
25 |
|
26 |
|
27 /* tag area============= */ |
|
28 .player-ba .tags { |
|
29 position:relative; |
|
30 top: 130px; |
|
31 height:70px; |
|
32 background:#000 url(../images/global/gradient/h80.png) repeat-x; |
|
33 opacity:0.7; |
|
34 color:#FFFFFF; |
|
35 margin: 83px 0px 0px 0px; |
|
36 text-align:left; |
|
37 font-family:arial,"bitstream vera sans","trebuchet ms"; |
|
38 font-size:18px; |
|
39 } |
|
40 |
|
41 |
|
42 .infos a.title { |
|
43 font-size: 24px; |
|
44 font-weight: normal; |
|
45 font-family: georgia; |
|
46 color: #FFFFFF; |
|
47 } |
|
48 |
|
49 .film-infos { |
|
50 font-size: 12px; |
|
51 line-height: auto; |
|
52 font-weight: normal; |
|
53 font-family: arial, verdana, sans-serif; |
|
54 color: #FFFFFF; |
|
55 } |
|
56 |
|
57 .infos b { |
|
58 font-weight: normal; |
|
59 color: #CCCCCC; |
|
60 } |
|
61 |
|
62 .player-ba .tags .head { |
|
63 padding: 5px; |
|
64 font-size: 14px; |
|
65 font-weight: normal; |
|
66 font-family: georgia; |
|
67 color: #FFFFFF; |
|
68 } |
|
69 |
|
70 .player-ba #play { |
|
71 position: relative; |
|
72 top: 100px; |
|
73 /*background:#000000 url(images/buttons/btn_play.png) no-repeat;*/ |
|
74 } |
|
75 |
|
76 |
|
77 |
|
78 /* PLAYERS LIST */ |
|
79 .player-item { |
|
80 margin: 0; |
|
81 padding: 0; |
|
82 display: block; |
|
83 width:337px; |
|
84 height:190px; |
|
85 text-align:center; |
|
86 cursor: pointer; |
|
87 } |
|
88 .player-item .infos a.title { |
|
89 font-size: 20px; |
|
90 font-weight: normal; |
|
91 font-family: georgia; |
|
92 color: #FFFFFF; |
|
93 } |
|
94 .player-item .infos { |
|
95 position: relative; |
|
96 top:0px; |
|
97 height:30px; |
|
98 background:#000 url(../images/global/gradient/h80.png) repeat-x; |
|
99 opacity:0.8; |
|
100 color:#999999; |
|
101 margin: 0; |
|
102 text-align:left; |
|
103 padding:4px 4px; |
|
104 font-family:arial,"bitstream vera sans","trebuchet ms"; |
|
105 font-size:12px; |
|
106 z-index: 1000; |
|
107 } |
|
108 .player-item .infos .film-infos { |
|
109 font-size:11px; |
|
110 } |
|
111 .player-item #play { |
|
112 position: relative; |
|
113 top: 30px; |
|
114 /*background:#000000 url(images/buttons/btn_play.png) no-repeat;*/ |
|
115 } |
|
116 .player-item .tags { |
|
117 position:relative; |
|
118 top: 22px; |
|
119 height:55px; |
|
120 background:#000 url(../images/global/gradient/h80.png) repeat-x; |
|
121 opacity:0.8; |
|
122 color:#FFFFFF; |
|
123 margin: 33px 0px 0px 0px; |
|
124 text-align:left; |
|
125 font-family:arial,"bitstream vera sans","trebuchet ms"; |
|
126 font-size:14px; |
|
127 z-index: 1000; |
|
128 } |
|
129 .player-item .tags .head { |
|
130 padding: 5px; |
|
131 font-size: 12px; |
|
132 font-weight: normal; |
|
133 font-family: georgia; |
|
134 color: #FFFFFF; |
|
135 } |
|
136 |
|
137 |
|
138 /* Tags */ |
|
139 .player-item ul.tag-list:after { |
|
140 content: "."; |
|
141 display: block; |
|
142 height: 0; |
|
143 overflow: hidden; |
|
144 clear: both; |
|
145 visibility: hidden; |
|
146 } |
|
147 |
|
148 .player-item ul.tag-list li { |
|
149 float: left; |
|
150 padding: 2px 5px; |
|
151 margin: 0; |
|
152 } |
|
153 |
|
154 .player-item ul.tag-list li a { |
|
155 display: block; |
|
156 font-family: Georgia, "Times New Roman", Times,serif; |
|
157 font-weight: normal; |
|
158 line-height: 16px; |
|
159 color: #666666; |
|
160 } |
|
161 |
|
162 .player-item ul.tag-list li.tag-score-1 a { |
|
163 font-size: 10px; |
|
164 color: #666666; |
|
165 } |
|
166 |
|
167 .player-item ul.tag-list li.tag-score-2 a { |
|
168 font-size: 12px; |
|
169 color: #666666; |
|
170 } |
|
171 |
|
172 .player-item ul.tag-list li.tag-score-3 a { |
|
173 font-size: 12px; |
|
174 color: #999999; |
|
175 font-weight: bold; |
|
176 } |
|
177 |
|
178 .player-item ul.tag-list li.tag-score-4 a { |
|
179 font-size: 14px; |
|
180 color: #CCCCCC; |
|
181 } |
|
182 |
|
183 .player-item ul.tag-list li.tag-score-5 a { |
|
184 font-size: 16px; |
|
185 color: #FFFFFF; |
|
186 } |
|