|
1 // fonts |
|
2 |
|
3 @import 'fonts/PTSans', 'fonts/PTSansNarrow'; |
|
4 |
|
5 /* Browser-reset CSS */ |
|
6 |
|
7 html, body, div, span, applet, object, iframe, |
|
8 h1, h2, h3, h4, h5, h6, p, blockquote, pre, |
|
9 a, abbr, acronym, address, big, cite, code, |
|
10 del, dfn, em, img, ins, kbd, q, s, samp, |
|
11 small, strike, strong, sub, sup, tt, var, |
|
12 b, u, i, center, |
|
13 dl, dt, dd, ol, ul, li, |
|
14 fieldset, form, label, legend, |
|
15 table, caption, tbody, tfoot, thead, tr, th, td, |
|
16 article, aside, canvas, details, embed, |
|
17 figure, figcaption, footer, header, hgroup, |
|
18 menu, nav, output, ruby, section, summary, |
|
19 time, mark, audio, video { |
|
20 margin: 0; |
|
21 padding: 0; |
|
22 border: 0; |
|
23 font-size: 100%; |
|
24 font: inherit; |
|
25 vertical-align: baseline; |
|
26 } |
|
27 |
|
28 img a { |
|
29 border: none; |
|
30 } |
|
31 |
|
32 |
|
33 |
|
34 body { |
|
35 font-family: 'PT Sans', Helvetica, Arial, sans-serif; background-color: #F7F6F6; |
|
36 background-image: url("twcx-img/bgd.jpg"); background-repeat: repeat-x; |
|
37 } |
|
38 |
|
39 body.embed { |
|
40 background-position: 0 -63px; |
|
41 } |
|
42 |
|
43 h2, h3, h4 { |
|
44 font-family: 'PT Sans Narrow', Helvetica, Arial, sans-serif; |
|
45 } |
|
46 |
|
47 p { |
|
48 font-size: 12px; |
|
49 } |
|
50 |
|
51 b, strong { |
|
52 font-weight: bold; |
|
53 } |
|
54 |
|
55 i { |
|
56 font-style: italic; |
|
57 } |
|
58 |
|
59 .highlight { |
|
60 background: #ffff00; |
|
61 } |
|
62 |
|
63 .hidden { |
|
64 display: none; |
|
65 } |
|
66 |
|
67 .fl { |
|
68 float: left; |
|
69 } |
|
70 |
|
71 .clearer { |
|
72 width: 100%; height: 0px; clear: both; |
|
73 } |
|
74 |
|
75 /* feedback */ |
|
76 |
|
77 #sendUsFeedBack { |
|
78 position: absolute; right: 0; top: 0; width: 100px; z-index: 999999; |
|
79 } |
|
80 |
|
81 .embed #sendUsFeedBack { |
|
82 display: none; |
|
83 } |
|
84 |
|
85 #container { |
|
86 position: relative; width: 960px; margin: 0 auto; |
|
87 } |
|
88 |
|
89 .embed #container { |
|
90 width: 880px; padding-bottom: 70px; |
|
91 } |
|
92 |
|
93 |
|
94 #mdpgauche { |
|
95 float: left; width: 350px; margin-right: 10px; |
|
96 } |
|
97 |
|
98 #mdpdroite { |
|
99 float: left; width: 600px; margin-top: 10px; position: relative; |
|
100 } |
|
101 |
|
102 #colgauche { |
|
103 float: right; width: 455px; margin-right: 13px; |
|
104 } |
|
105 |
|
106 .embed #colgauche { |
|
107 margin: 0; |
|
108 } |
|
109 |
|
110 .barre { |
|
111 float: left; width: 100%; |
|
112 } |
|
113 |
|
114 |
|
115 .greyed { |
|
116 color: #999; font-style: italic; |
|
117 } |
|
118 |
|
119 .rechercheCourante { |
|
120 background: #ffa0ff; font-weight: bold; color: #000080; |
|
121 } |
|
122 |
|
123 |
|
124 /* Menu */ |
|
125 |
|
126 #headlogo { |
|
127 float: left; margin-right: 10px; |
|
128 } |
|
129 |
|
130 .embed #headlogo { |
|
131 display: none; |
|
132 } |
|
133 |
|
134 #minilogo { |
|
135 background: url("../../images/pol_color.gif") left top no-repeat; |
|
136 width: 46px; height: 5px; left: 99px; top: 55px; |
|
137 position: absolute; z-index: 9; |
|
138 } |
|
139 |
|
140 .embed #minilogo { |
|
141 display: none; |
|
142 } |
|
143 |
|
144 .menu { |
|
145 border-left: 1px solid #C3C3C3; |
|
146 float: left; |
|
147 list-style: none; |
|
148 font-size: 12px; |
|
149 height: 62px; overflow: hidden; |
|
150 } |
|
151 |
|
152 .embed .menu { |
|
153 display: none; |
|
154 } |
|
155 |
|
156 .menu li { |
|
157 background: url("twcx-img/menu_underline.gif") left bottom no-repeat; |
|
158 padding: 3px 0 0 5px; |
|
159 height: 18px; |
|
160 min-width: 80px; |
|
161 } |
|
162 |
|
163 .menu a { |
|
164 color: #000000; text-decoration: none; |
|
165 } |
|
166 |
|
167 .menu a:hover { |
|
168 color: #0099FF; |
|
169 } |
|
170 |
|
171 #content_select_ul span, #content_select_ul select { |
|
172 margin: 5px; |
|
173 } |
|
174 |
|
175 #content_select_ul select { |
|
176 width: 350px; |
|
177 } |
|
178 |
|
179 .embedbar { |
|
180 float: right; width: 216px; height: 32px; margin: 15px -5px 0 0; |
|
181 } |
|
182 |
|
183 .embed .embedbar { |
|
184 display: none; |
|
185 } |
|
186 |
|
187 a.embedbutton { |
|
188 display: block; float: left; background: url(twcx-img/embedbutton.png); text-decoration: none; font-size: 13px; |
|
189 width: 64px; text-align: center; height: 19px; padding-top: 13px; |
|
190 color: #333; margin-right: 4px; |
|
191 } |
|
192 |
|
193 a.embedbutton:hover { |
|
194 background-position: 0 -32px; |
|
195 } |
|
196 |
|
197 .share_toolbox { |
|
198 float: left; width: 148px; |
|
199 } |
|
200 |
|
201 /* Formulaire */ |
|
202 |
|
203 #twwWrap { |
|
204 float: left; width: 451px; background: #ffffff; padding: 1px; border-width: 1px; border-style: solid solid none solid; border-color: #ababab; margin-top: 6px; |
|
205 } |
|
206 #tweetWriter { |
|
207 width: 430px; padding: 10px; background: #efefef; |
|
208 } |
|
209 .loginbutton{ |
|
210 margin: 10px 0; height: 45px; width: 420px; padding:5px; |
|
211 background: url(twcx-img/bgdWriterDisconnect.png) no-repeat; |
|
212 border: none; color:#fff; font-size: 12px; |
|
213 } |
|
214 .loginlink{ |
|
215 text-decoration:none; |
|
216 color:#fff; |
|
217 } |
|
218 textarea#status { |
|
219 display: block; margin: 10px 0; height: 45px; width: 420px; padding:5px; |
|
220 background: url(twcx-img/bgdWriter.png) no-repeat; |
|
221 border: none; resize: none; font-size: 14px; font-family: 'PT Sans', Helvetica, Arial, sans-serif; |
|
222 } |
|
223 |
|
224 a#sendTweet { |
|
225 background: transparent url('../../images/bg_button_a_w.png') no-repeat top right; |
|
226 color: #444; display: block; font-size: 12px; height: 24px; line-height: 14px; |
|
227 float:right; margin: 2px 0 0 5px; padding: 0 18px 0 0; text-decoration: none; |
|
228 } |
|
229 a#sendTweet.sendTweetDisabled { |
|
230 color: #999; cursor: not-allowed; |
|
231 } |
|
232 a#sendTweet span { |
|
233 background: transparent url('../../images/bg_button_span_w.png') no-repeat; display: block; height: 14px; |
|
234 padding: 5px 6px 5px 24px; |
|
235 } |
|
236 a#sendTweet:hover, a#sendTweet:active { |
|
237 background-position: right -24px; |
|
238 } |
|
239 a#sendTweet:hover span, a#sendTweet:active span { |
|
240 background-position: 0 -24px; |
|
241 } |
|
242 .tweetButton { |
|
243 float:left; margin: 2px 6px 0 0; width:75px; height:22px; text-decoration: none; |
|
244 color: #333; text-align:center; cursor: pointer; cursor: hand; |
|
245 -webkit-border-radius: 0.5em; |
|
246 -moz-border-radius: 0.5em; |
|
247 border-radius: 0.5em; |
|
248 } |
|
249 .twbSyntax { |
|
250 font-weight: normal; font-size: 14px; |
|
251 } |
|
252 .twbSeparator { |
|
253 color: #999; font-size: 12px; |
|
254 } |
|
255 .twbLabel { |
|
256 font-weight: bold; font-size: 10px; |
|
257 } |
|
258 |
|
259 #tweetCounter{ |
|
260 float: right; background: transparent; border: none; font-size: 13px; |
|
261 font-weight:bold; margin: 4px 0 0; padding: 0; color: #666; |
|
262 } |
|
263 #tweetCounter.tweetCounterNegative,.tweetCounterNegative { |
|
264 color:red; |
|
265 } |
|
266 |
|
267 /* Liste de Tweets */ |
|
268 |
|
269 #tweetviz { |
|
270 float: left; width: 453px; border: 1px solid #999; |
|
271 } |
|
272 |
|
273 /* Recherche */ |
|
274 |
|
275 #recherche { |
|
276 position: relative; float: left; padding: 2px 0; width: 452px; border-bottom: 1px solid #999; |
|
277 } |
|
278 |
|
279 #recherche input { |
|
280 float: left; |
|
281 } |
|
282 |
|
283 #inp_q { |
|
284 width: 236px; border: none; padding: 1px; margin-left: 2px; height: 17px; font-size: 13px; |
|
285 } |
|
286 |
|
287 #inp_submit, #inp_reset { |
|
288 border: 0; padding: 0; width: 20px; height: 20px; overflow: hidden; text-indent: 800px; background: url(twcx-img/searchcancel.png) |
|
289 } |
|
290 |
|
291 #inp_submit:hover { |
|
292 background-position: -20px 0; |
|
293 } |
|
294 |
|
295 #inp_submit:active { |
|
296 background-position: -40px 0; |
|
297 } |
|
298 |
|
299 #inp_reset { |
|
300 background-position: 0 -20px; |
|
301 } |
|
302 |
|
303 #inp_reset:hover { |
|
304 background-position: -20px -20px; |
|
305 } |
|
306 |
|
307 #inp_reset:active { |
|
308 background-position: -40px -20px; |
|
309 } |
|
310 |
|
311 #time_legende { |
|
312 float: left; margin-left: 30px; width: 30px; height: 20px; background: url(twcx-img/scale.png) left; |
|
313 } |
|
314 |
|
315 #time_scale { |
|
316 float: left; font-size: 12px; margin: 3px 0 0; color: #666; width: 50px; text-align: center; |
|
317 } |
|
318 |
|
319 #time_zoomout, #time_zoomin { |
|
320 float: left; width: 12px; height: 20px; background: url(twcx-img/scale.png); |
|
321 } |
|
322 |
|
323 #time_zoomout { |
|
324 background-position: -30px; |
|
325 } |
|
326 |
|
327 #time_zoomout.inactive { |
|
328 background-position: -54px; |
|
329 } |
|
330 |
|
331 #time_zoomin { |
|
332 background-position: -42px; |
|
333 } |
|
334 |
|
335 #time_zoomin.inactive { |
|
336 background-position: -66px; |
|
337 } |
|
338 |
|
339 #recherche_annot { |
|
340 position: absolute; top: 20px; z-index: 4; background: #ffffff; border: 1px solid #ccc; padding: 4px; font-size: 12px; |
|
341 display: none; box-shadow: 2px 2px 2px rgba(0, 0, 0, .5) |
|
342 } |
|
343 |
|
344 #recherche_annot a { |
|
345 padding: 1px; line-height: 13px; margin: 1px; font-weight: bold; text-decoration: none; color: #000000; |
|
346 } |
|
347 |
|
348 /* Liste des tweets */ |
|
349 |
|
350 #tweetlist { |
|
351 float: left; width: 280px; height: 480px; list-style: none; border-right: 1px solid #999; |
|
352 color: #585858; cursor: pointer; cursor: hand; background: #ffffff; |
|
353 /* font-family: Arial, Helvetica, sans-serif; /* Quick Fix */ |
|
354 } |
|
355 |
|
356 #tweetlist a { |
|
357 text-decoration: none; color: #1985B5; |
|
358 } |
|
359 |
|
360 #tweetlist a:hover { |
|
361 text-decoration: underline; color: #105060; |
|
362 } |
|
363 |
|
364 li.tweet, li.placeholder { |
|
365 border-bottom : 1px dotted; overflow: hidden; float: left; border-color: #ccc; |
|
366 } |
|
367 |
|
368 li.tweet { |
|
369 position: relative; background: #fff; |
|
370 } |
|
371 |
|
372 li.full { |
|
373 width: 270px; height: 117px; border-right: 10px solid #ff0; |
|
374 } |
|
375 |
|
376 li.half { |
|
377 width: 280px; height: 46px; |
|
378 } |
|
379 |
|
380 li.icons { |
|
381 width: 20px; height: 20px; border: none; |
|
382 } |
|
383 |
|
384 li.placeholder { |
|
385 visibility: hidden; |
|
386 } |
|
387 |
|
388 .tweet p { |
|
389 overflow: hidden; |
|
390 } |
|
391 |
|
392 .full p.tweet_text { |
|
393 font-size: 11px; margin: 0 0 0 58px; color: #000000; |
|
394 } |
|
395 |
|
396 .half p.tweet_text { |
|
397 font-size: 11px; margin: 5px 0 5px 49px; height: 36px; line-height: 12px; width: 216px; |
|
398 } |
|
399 |
|
400 div.around_img { |
|
401 float: left; |
|
402 } |
|
403 |
|
404 .full .profile_image { |
|
405 margin: 5px 5px 0; width: 48px; height: 48px; |
|
406 } |
|
407 |
|
408 .half .profile_image { |
|
409 margin: 5px; width: 36px; height: 36px; |
|
410 } |
|
411 |
|
412 .icons .profile_image { |
|
413 margin: 2px; width: 16px; height: 16px; |
|
414 } |
|
415 |
|
416 p.created_at { |
|
417 font-size: 12px; text-align: center; font-style: italic; color: #999999; width: 58px; overflow: hidden; |
|
418 } |
|
419 |
|
420 .annotations, .twmain { |
|
421 position: absolute; margin: 0; padding: 0; top: 0; left: 0; width: 100%; height: 100%; |
|
422 } |
|
423 |
|
424 .icons .annotations { |
|
425 position: absolute; width: 20px; height: 6px; left: 0; top: 16px; z-index: 3; |
|
426 } |
|
427 |
|
428 div.annotation { |
|
429 float: left; height: 100%; |
|
430 } |
|
431 |
|
432 div.tweet_actions { |
|
433 position: absolute; bottom : 2px; right: 4px; font-size: 11px; |
|
434 } |
|
435 |
|
436 div.tweet_actions > a + a::before { |
|
437 content: ' · '; |
|
438 } |
|
439 |
|
440 /* timeline */ |
|
441 |
|
442 #timeline { |
|
443 float: left; height: 480px; width: 150px; border-right: 1px solid #999; cursor: pointer; cursor: hand; |
|
444 } |
|
445 |
|
446 #scrollcont { |
|
447 float: left; width: 20px; height: 480px; overflow: auto; |
|
448 } |
|
449 |
|
450 #scrollin { |
|
451 width: 1px; height: 8000px; |
|
452 } |
|
453 |
|
454 /* hovertweet */ |
|
455 |
|
456 #hovertweet { |
|
457 position: absolute; display: none; margin: -20px 0 0 15px; z-index: 12; |
|
458 } |
|
459 |
|
460 div.full { |
|
461 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); |
|
462 } |
|
463 |
|
464 #hoverarrow { |
|
465 position: absolute; width: 10px; height: 18px; left: -9px; top: 13px; background: url(twcx-img/arrow.png); |
|
466 } |
|
467 |
|
468 /* Colonne de droite */ |
|
469 |
|
470 #onglets { |
|
471 float: left; width: 441px; margin: 22px 25px 0; list-style: none; |
|
472 border-left: 1px solid #999; |
|
473 } |
|
474 |
|
475 .embed #onglets { |
|
476 display: none; |
|
477 } |
|
478 |
|
479 #onglets li { |
|
480 float: left; text-transform: uppercase; background: url(twcx-img/bg_onglet.png) repeat-x; |
|
481 line-height: 12px; font-size: 12px; height: 12px; padding: 6px 10px; font-weight: bold; |
|
482 border: 1px #999; border-style: solid solid solid none; margin-top: 1px; |
|
483 } |
|
484 |
|
485 #onglets a { |
|
486 text-decoration: none; color: #666666; |
|
487 } |
|
488 |
|
489 #onglets a:hover { |
|
490 color: #0099ff; |
|
491 } |
|
492 |
|
493 #onglets li.selected { |
|
494 background-position: 0 -22px; padding-bottom: 8px; border-bottom: none; margin-top: 0; |
|
495 } |
|
496 |
|
497 #onglets li.selected a { |
|
498 color: #333333; |
|
499 } |
|
500 |
|
501 #coldroite { |
|
502 float: right; width: 492px; |
|
503 } |
|
504 |
|
505 .embed #coldroite { |
|
506 width: 425px; |
|
507 } |
|
508 |
|
509 div.ifwrap { |
|
510 float: left; border: 5px solid #ffffff; background: #999999; padding: 1px; width: 480px; height: 320px; |
|
511 } |
|
512 |
|
513 #videoLivePlayer, .ifwrap iframe { |
|
514 width: 480px; height: 320px; background: #000000; border: none; padding: 0; margin: 0; |
|
515 } |
|
516 |
|
517 .embed div.ifwrap, .embed #videoLivePlayer, .embed .ifwrap iframe { |
|
518 width: 412px; height: 280px; |
|
519 } |
|
520 |
|
521 .embed div.ifwrap { |
|
522 margin: 5px 0 0; |
|
523 } |
|
524 |
|
525 .live-thumbnail { |
|
526 display: block; margin: 0 auto; max-width: 480px; max-height: 320px; |
|
527 } |
|
528 |
|
529 .embed .live-thumbnail { |
|
530 max-width: 412px; max-height: 280px; |
|
531 } |
|
532 |
|
533 ul.accordeon { |
|
534 float: left; width: 100%; margin: 10px 0 5px 0; padding: 1px 0 0; list-style: none; background: #999999; |
|
535 } |
|
536 |
|
537 .embed #out_fleche, .embed #accordeon { |
|
538 /* display: none; */ |
|
539 } |
|
540 |
|
541 .accordeon h3, .acctitre h3 { |
|
542 font-size: 16px; font-weight: bold; color: #555555; |
|
543 } |
|
544 |
|
545 #event-description h4 { |
|
546 font-size: 14px; font-weight: bold; color: #555555; |
|
547 } |
|
548 |
|
549 .acctitre h3 a { |
|
550 color: #555555; text-decoration: none; |
|
551 } |
|
552 |
|
553 .acctitre h3:hover, .acctitre h3 a:hover { |
|
554 color: #0099ff; |
|
555 } |
|
556 |
|
557 .acctexte p { |
|
558 margin: 5px 0; line-height: 1.5em; |
|
559 } |
|
560 |
|
561 li.acctitre, li.acctexte { |
|
562 margin: 0 1px 1px 1px; padding: 4px; border: 1px solid #ffffff; position: relative; list-style: none; |
|
563 } |
|
564 |
|
565 li.acctitre { |
|
566 background: #efefef; cursor: pointer; cursor: hand; |
|
567 } |
|
568 |
|
569 li.acctexte { |
|
570 background: url(twcx-img/bgdeplie.png) top repeat-x #efefef; |
|
571 font-size: 12px; |
|
572 } |
|
573 |
|
574 li.acctexte.acclimited { |
|
575 max-height: 228px; overflow: auto; |
|
576 } |
|
577 |
|
578 li.acctexte.mdpacclimited { |
|
579 max-height: 450px; overflow: auto; |
|
580 } |
|
581 |
|
582 div.accsubtitle { |
|
583 position: absolute; top: 0; left: 0; width: 20px; height: 100%; background: #e0e0e0; border-right: 1px solid #999999; overflow: hidden; |
|
584 } |
|
585 |
|
586 div.aroundsubtitle { |
|
587 position: absolute; top: 50%; left: 0; width: 0; height: 0; -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); |
|
588 } |
|
589 |
|
590 .aroundsubtitle h4 { |
|
591 position: absolute; top: 0; left: -75px; width: 150px; height: 20px; font-size: 13px; font-weight: bold; text-align: center; color: #555555; |
|
592 } |
|
593 |
|
594 div.tagcloud { |
|
595 text-align: center; margin-left: 20px; |
|
596 } |
|
597 |
|
598 .tagcloud span { |
|
599 padding: 2px; cursor: pointer; cursor: hand; |
|
600 } |
|
601 |
|
602 .acctexte ul { |
|
603 list-style: disc; font-size: 12px; padding-left: 1.5em; |
|
604 } |
|
605 |
|
606 .acctexte ol { |
|
607 list-style: decimal; font-size: 12px; padding-left: 1.5em; |
|
608 } |
|
609 |
|
610 .acctexte li { |
|
611 margin: 4px 0; |
|
612 } |
|
613 |
|
614 /* Tag Cloud */ |
|
615 |
|
616 #hoverkw { |
|
617 list-style: none; position: absolute; width: 86px; height: 39px; font-size: 14px; line-height: 19px; |
|
618 background: url(twcx-img/lefttt.png); padding: 5px 13px 5px 5px; text-align: center; display: none; |
|
619 margin-left: -104px; margin-top: -24px; |
|
620 } |
|
621 |
|
622 #hoverkw a { |
|
623 text-decoration: none; color: #222222; |
|
624 } |
|
625 |
|
626 #hoverkw a:hover { |
|
627 color: #0099FF; text-decoration: underline; |
|
628 } |
|
629 |
|
630 /* Footer */ |
|
631 .footer { |
|
632 float: left; width: 100%; margin: 40px 0 10px; text-align: center; |
|
633 } |
|
634 |
|
635 .embed .footer { |
|
636 display: none; |
|
637 } |
|
638 |
|
639 hr { |
|
640 background: #cccccc; border: none; height: 1px; margin: 0 0 10px; width: 100%; |
|
641 } |
|
642 |
|
643 a.footerLink { |
|
644 text-decoration:none; margin:5px; color: #000000; |
|
645 font-family: 'PT Sans Narrow', Arial, Helvetica, sans-serif; font-size: 13px; |
|
646 } |
|
647 |
|
648 a.footerLink:hover { |
|
649 color: #0099FF; |
|
650 } |
|
651 |
|
652 /* TWEET WALL */ |
|
653 |
|
654 .tweetwall #tweetviz { |
|
655 width: 800px; height: 770px; |
|
656 } |
|
657 |
|
658 .tweetwall #tweetlist { |
|
659 width: 490px; height: 770px; |
|
660 } |
|
661 |
|
662 .tweetwall #timeline { |
|
663 width: 280px; height: 770px; background: #efefef; |
|
664 } |
|
665 |
|
666 .tweetwall li.full { |
|
667 width: 475px; height: 140px; border-right: 15px solid #ff0; |
|
668 } |
|
669 |
|
670 .tweetwall li.half { |
|
671 width: 490px; height: 80px; |
|
672 } |
|
673 |
|
674 .tweetwall li.icons { |
|
675 width: 35px; height: 35px; border: none; |
|
676 } |
|
677 |
|
678 .tweetwall .full p.tweet_text { |
|
679 font-weight: bold; font-size: 18px; margin: 10px 0 10px 100px; |
|
680 height: 120px; width: 365px; color: #000000; line-height: 22px; |
|
681 } |
|
682 |
|
683 .tweetwall .half p.tweet_text { |
|
684 font-weight: bold; font-size: 16px; margin: 10px 0 10px 70px; height: 60px; line-height: 20px; width: 410px; |
|
685 } |
|
686 |
|
687 .tweetwall .full .profile_image { |
|
688 margin: 10px 10px 0 10px; width: 80px; height: 80px; |
|
689 } |
|
690 |
|
691 .tweetwall .half .profile_image { |
|
692 margin: 10px; width: 60px; height: 60px; |
|
693 } |
|
694 |
|
695 .tweetwall .icons .profile_image { |
|
696 margin: 5px; width: 25px; height: 25px; |
|
697 } |
|
698 |
|
699 .tweetwall .icons .annotations { |
|
700 position: absolute; width: 30px; height: 8px; left: 0; top: 22px; z-index: 3; |
|
701 } |
|
702 |
|
703 .tweetwall p.created_at { |
|
704 font-size: 18px; text-align: center; font-style: italic; color: #999999; width: 90px; overflow: hidden; |
|
705 } |
|
706 |
|
707 .tweetwall .tweet_actions { |
|
708 display: none; |
|
709 } |
|
710 |
|
711 /* archive_box */ |
|
712 |
|
713 .archive_box_3 { |
|
714 float: left; clear: both; width: 960px; |
|
715 } |
|
716 |
|
717 .archivesVideoBox { |
|
718 float: left; width: 270px; padding: 12px; border: 1px solid #999; background: #f0f0f0; margin: 12px; font-size: 15px; |
|
719 } |
|
720 |
|
721 .archivesVideoBox:nth-child(3n+1) { |
|
722 clear: left; |
|
723 } |
|
724 |
|
725 .archivesVideoBox:hover { |
|
726 background: #e0e0e0; |
|
727 } |
|
728 |
|
729 .AVBtitle { |
|
730 font-weight: bold; |
|
731 } |
|
732 |
|
733 /* Splash Screen */ |
|
734 |
|
735 .splash h1 { |
|
736 font-size: 20px; font-weight: bold; margin: 5px 0 20px; |
|
737 } |
|
738 |
|
739 .splash p { |
|
740 font-size: 13px; margin: 5px 0; |
|
741 } |
|
742 |
|
743 .splash hr { |
|
744 margin: 20px auto; width: 300px; |
|
745 } |
|
746 |
|
747 .splash h2 { |
|
748 font-weight: bold; font-size: 18px; margin: 8px 0; |
|
749 } |
|
750 |
|
751 .splash h3 { |
|
752 font-size: 16px; margin: 8px; |
|
753 } |
|
754 |
|
755 .splash ul { |
|
756 list-style: none; margin: 10px 20px; |
|
757 } |
|
758 |
|
759 .splash li { |
|
760 font-size: 13px; margin: 5px 0; |
|
761 } |
|
762 |
|
763 .splash .checkbox { |
|
764 margin: 2px 5px; |
|
765 } |
|
766 |
|
767 .splash label { |
|
768 display: inline-block; width: 60px; |
|
769 } |
|
770 |
|
771 .splash .submit { |
|
772 font-size: 20px; font-family: "PT Sans Narrow"; font-weight: bold; float: right; |
|
773 } |
|
774 |
|
775 .connect-message { |
|
776 text-align: center; font-size: 16px; margin: 30px; |
|
777 } |
|
778 |
|
779 .connect-message a { |
|
780 color: #333333; text-decoration: none; |
|
781 } |
|
782 |
|
783 .connect-message a:hover { |
|
784 text-decoration: underline; |
|
785 } |