7 * Copyright (c) 2010-Present. See LICENSE for more info. (cecill-C) |
7 * Copyright (c) 2010-Present. See LICENSE for more info. (cecill-C) |
8 * Contributor : Samuel Huron |
8 * Contributor : Samuel Huron |
9 |
9 |
10 ----------------------------------------------------------------------- */ |
10 ----------------------------------------------------------------------- */ |
11 |
11 |
12 body {background-image:url(images/bgd.jpg);background-repeat:repeat-x;background-color:#f7f6f6;font-family: 'PT Sans', arial, serif; } |
12 body {background-image:url(../../images/bgd.jpg);background-repeat:repeat-x;background-color:#f7f6f6;font-family: 'PT Sans', arial, serif; } |
13 textarea {margin-left:3px;height: 60px;width: 330px;padding:5px;background-image:url(images/tweetWriterBgdTxtArea.gif);background-repeat:no-repeat;border: none;} |
13 textarea {margin-left:3px;height: 60px;width: 330px;padding:5px;background-image:url(../../images/tweetWriterBgdTxtArea.gif);background-repeat:no-repeat;border: none;} |
14 .loginbutton{margin-left:3px;height: 60px;width: 330px;padding:5px;background-image:url(images/tweetWriterBgdUnconnect.gif);background-repeat:no-repeat;border: none;margin-bottom:10px;color:#fff;} |
14 .loginbutton{margin-left:3px;height: 60px;width: 330px;padding:5px;background-image:url(../../images/tweetWriterBgdUnconnect.gif);background-repeat:no-repeat;border: none;margin-bottom:10px;color:#fff;} |
15 .loginlink{text-decoration:none;color:#fff;} |
15 .loginlink{text-decoration:none;color:#fff;} |
16 .menuLink:active {text-decoration:none;} |
16 .menuLink:active {text-decoration:none;} |
17 .menuLink:visited {text-decoration:none;} |
17 .menuLink:visited {text-decoration:none;} |
18 h3{font-size: 1.5em;line-height: 1;margin-bottom: 0.3em;} |
18 h3{font-size: 1.5em;line-height: 1;margin-bottom: 0.3em;} |
19 |
19 |
20 #Aboutbox{background-image:url(images/about_bgd.jpg);background-repeat:no-repeat;width:600px;height:360px;overflow:auto; border:1px solid #fff;} |
20 #Aboutbox{background-image:url(../../images/about_bgd.jpg);background-repeat:no-repeat;width:600px;height:360px;overflow:auto; border:1px solid #fff;} |
21 .lightBorder{padding:20px;} |
21 .lightBorder{padding:20px;} |
22 .lightTitle{font-size: 48px;font-weight:900;color:#e6e6e6;font-family: 'Geo', arial, serif;line-height:80%} |
22 .lightTitle{font-size: 48px;font-weight:900;color:#e6e6e6;font-family: 'Geo', arial, serif;line-height:80%} |
23 .lightSubTitle{font-size: 24px;font-weight:bold;color:#262626; width:250px;line-height:80%} |
23 .lightSubTitle{font-size: 24px;font-weight:bold;color:#262626; width:250px;line-height:80%} |
24 .lightDescription{font-size: 12px;color:#000; width:288px;text-align:justify;margin-top:15px;} |
24 .lightDescription{font-size: 12px;color:#000; width:288px;text-align:justify;margin-top:15px;} |
25 .lightButton{width:134px;height:22px;background-image:url(images/bt_bgd_grey.jpg);background-repeat:no-repeat;} |
25 .lightButton{width:134px;height:22px;background-image:url(../../images/bt_bgd_grey.jpg);background-repeat:no-repeat;} |
26 .lightButton:active{width:134px;height:22px;background-image:url(images/bt_bgd_grey.jpg);background-repeat:no-repeat;} |
26 .lightButton:active{width:134px;height:22px;background-image:url(../../images/bt_bgd_grey.jpg);background-repeat:no-repeat;} |
27 .lightButton:over{text-decoration:none;background-image:url(images/bt_bgd_grey.jpg);background-repeat:no-repeat;} |
27 .lightButton:over{text-decoration:none;background-image:url(../../images/bt_bgd_grey.jpg);background-repeat:no-repeat;} |
28 |
28 |
29 |
29 |
30 .logo{padding-right:10px;float:left;} |
30 .logo{padding-right:10px;float:left;} |
31 .menu{float:left;height:62px;border-left:1px solid #c3c3c3;list-style-type:none;padding:0px;margin:0px;} |
31 .menu{float:left;height:62px;border-left:1px solid #c3c3c3;list-style-type:none;padding:0px;margin:0px;} |
32 .menuUnderline{margin-left:0px;padding-left:0px;background-image:url(images/menu_underline.gif);background-repeat:no-repeat;background-position:left bottom; width:205px;margin-top:3px;} |
32 .menuUnderline{margin-left:0px;padding-left:0px;background-image:url(../../images/menu_underline.gif);background-repeat:no-repeat;background-position:left bottom; width:205px;margin-top:3px;} |
33 .menuLink{text-decoration:none; margin:5px; color:#000} |
33 .menuLink{text-decoration:none; margin:5px; color:#000} |
34 .menuLink:active {text-decoration:none;} |
34 .menuLink:active {text-decoration:none;} |
35 .menuLink:visited {text-decoration:none;} |
35 .menuLink:visited {text-decoration:none;} |
36 |
36 |
37 .tweetContainer{position:absolute; margin-top:70px;} |
37 .tweetContainer{position:absolute; margin-top:70px;} |
38 .tweetWriter{background-image:url(images/tweetWriterBgd.gif);width:359px;height:136px;padding:10px;position:absolute; margin-top:70px;} |
38 .tweetWriter{background-image:url(../../images/tweetWriterBgd.gif);width:359px;height:136px;padding:10px;position:absolute; margin-top:70px;} |
39 .tweetWriterTitle{color:4b4b4b;font-family: 'PT Sans Narrow', arial, serif;} |
39 .tweetWriterTitle{color:4b4b4b;font-family: 'PT Sans Narrow', arial, serif;} |
40 .tweetExplain{background-image:url(images/tweetExplainBgd.gif);width:359px;height:510px;padding:10px;position:absolute; margin-top:70px;} |
40 .tweetExplain{background-image:url(../../images/tweetExplainBgd.gif);width:359px;height:510px;padding:10px;position:absolute; margin-top:70px;} |
41 |
41 |
42 .tweetReader{width:377px;height:450px;position:absolute; margin-top:225px;border:1px solid #c3c3c3;background:#ffffff;} |
42 .tweetReader{width:377px;height:450px;position:absolute; margin-top:225px;border:1px solid #c3c3c3;background:#ffffff;} |
43 .tweetButton{float:right;margin-right:5px;} |
43 .tweetButton{float:right;margin-right:5px;} |
44 |
44 |
45 .timelinePlayer{border:1px solid #c3c3c3;width:650px;height:650px;} |
45 .timelinePlayer{border:1px solid #c3c3c3;width:650px;height:650px;} |
46 .videoLivePlayer{border:1px solid #c3c3c3;width:500px;height:375px;} |
46 .videoLivePlayer{border:1px solid #c3c3c3;width:500px;height:375px;} |
47 .videoLive{width:500px;height:378px;background:#fff;float:left;margin-top:20px;padding:5px;} |
47 .videoLive{width:500px;height:378px;background:#fff;float:left;margin-top:20px;padding:5px;} |
48 .videoLiveProgram{width:500px;margin-top:425px;margin-left:392px;position:absolute;} |
48 .videoLiveProgram{width:500px;margin-top:425px;margin-left:392px;position:absolute;} |
49 .videoLiveProgram2{width:500px;margin-top:470px;margin-left:392px;position:absolute;} |
49 .videoLiveProgram2{width:500px;margin-top:470px;margin-left:392px;position:absolute;} |
50 |
50 |
51 .videoLiveProgramTitle{color:#4b4b4b;font-family: 'PT Sans Narrow', arial, serif;font-size: 1.5em;padding:5px;border:1px solid #c3c3c3;background-color:#efefef;background-image:url(images/bgdTitle.jpg);background-repeat:no-repeat;} |
51 .videoLiveProgramTitle{color:#4b4b4b;font-family: 'PT Sans Narrow', arial, serif;font-size: 1.5em;padding:5px;border:1px solid #c3c3c3;background-color:#efefef;background-image:url(../../images/bgdTitle.jpg);background-repeat:no-repeat;} |
52 .videoLiveProgramDescription{padding:5px;border:1px solid #c3c3c3;padding:5px;border-top:none;background-color:#fff;background-image:url(images/bgdDescription.jpg);background-repeat:no-repeat;height:193px;overflow:scroll;} |
52 .videoLiveProgramDescription{padding:5px;border:1px solid #c3c3c3;padding:5px;border-top:none;background-color:#fff;background-image:url(../../images/bgdDescription.jpg);background-repeat:no-repeat;height:193px;overflow:scroll;} |
53 |
53 |
54 |
54 |
55 .footer{margin-top:770px;width:900px;height:20px;position:absolute;text-align:center;} |
55 .footer{margin-top:770px;width:900px;height:20px;position:absolute;text-align:center;} |
56 .footerLink{text-decoration:none; margin:5px; color:#000;font-family: 'PT Sans Narrow', arial, serif;font-size: 1.1em;} |
56 .footerLink{text-decoration:none; margin:5px; color:#000;font-family: 'PT Sans Narrow', arial, serif;font-size: 1.1em;} |
57 .footerLink:active {text-decoration:none;} |
57 .footerLink:active {text-decoration:none;} |
58 .footerLink:visited {text-decoration:none;} |
58 .footerLink:visited {text-decoration:none;} |
59 |
59 |
60 .tooltip {display:none;background:transparent url(images/white_arrow.png);font-size:12px;height:70px;width:160px;padding:25px;color:#000;} |
60 .tooltip {display:none;background:transparent url(../../images/white_arrow.png);font-size:12px;height:70px;width:160px;padding:25px;color:#000;} |
61 |
61 |
62 .timeline{height:28px;border: 1px solid #ccc;} |
62 .timeline{height:28px;border: 1px solid #ccc;} |
63 .timeFragment {float:left;position:relative;float:left;} |
63 .timeFragment {float:left;position:relative;float:left;} |
64 .timeFrame {border-left: 1px solid #AAA;border-right: 1px solid #AAA;height:10px;float:left;position:relative;} |
64 .timeFrame {border-left: 1px solid #AAA;border-right: 1px solid #AAA;height:10px;float:left;position:relative;} |
65 .bigTimeFrame {border-right: 1px solid #ccc;float:left;position:relative;} |
65 .bigTimeFrame {border-right: 1px solid #ccc;float:left;position:relative;} |
73 .clear { /* generic container (i.e. div) for floating buttons */ |
73 .clear { /* generic container (i.e. div) for floating buttons */ |
74 overflow: hidden; |
74 overflow: hidden; |
75 width: 100%; |
75 width: 100%; |
76 } |
76 } |
77 |
77 |
78 a.button_w { background: transparent url('images/bg_button_a_w.png') no-repeat scroll top right; color: #444;display: block;float: left;font: normal 12px arial, sans-serif;height: 24px;margin-right: 6px;padding-right: 18px; text-decoration: none;} |
78 a.button_w { background: transparent url('../../images/bg_button_a_w.png') no-repeat scroll top right; color: #444;display: block;float: left;font: normal 12px arial, sans-serif;height: 24px;margin-right: 6px;padding-right: 18px; text-decoration: none;} |
79 a.button_w span { background: transparent url('images/bg_button_span_w.png') no-repeat; display: block;line-height: 14px; padding: 5px 0 5px 18px;} |
79 a.button_w span { background: transparent url('../../images/bg_button_span_w.png') no-repeat; display: block;line-height: 14px; padding: 5px 0 5px 18px;} |
80 |
80 |
81 a.button_b { background: transparent url('images/bg_button_a_b.png') no-repeat scroll top right; color: #fff;display: block;float: left;font: bold 12px arial, sans-serif;height: 24px;margin-right: 6px;padding-right: 18px; text-decoration: none;} |
81 a.button_b { background: transparent url('../../images/bg_button_a_b.png') no-repeat scroll top right; color: #fff;display: block;float: left;font: bold 12px arial, sans-serif;height: 24px;margin-right: 6px;padding-right: 18px; text-decoration: none;} |
82 a.button_b span { background: transparent url('images/bg_button_span_b.png') no-repeat; display: block;line-height: 14px; padding: 5px 0 5px 18px;} |
82 a.button_b span { background: transparent url('../../images/bg_button_span_b.png') no-repeat; display: block;line-height: 14px; padding: 5px 0 5px 18px;} |
83 |
83 |
84 #question{background: transparent url('images/bt_blue.png') no-repeat; width:32px;height:20px;text-decoration: none;font: normal 12px;color: #444;text-align:center; } |
84 #question{background: transparent url('../../images/bt_blue.png') no-repeat; width:32px;height:20px;text-decoration: none;font: normal 12px;color: #444;text-align:center; } |
85 #question:active {text-decoration:none;} |
85 #question:active {text-decoration:none;} |
86 #question:visited {text-decoration:none;} |
86 #question:visited {text-decoration:none;} |
87 #reference{background: transparent url('images/bt_yellow.png') no-repeat;width:32px;height:20px;text-decoration: none;font: normal 12px;color: #444;text-align:center; } |
87 #reference{background: transparent url('../../images/bt_yellow.png') no-repeat;width:32px;height:20px;text-decoration: none;font: normal 12px;color: #444;text-align:center; } |
88 #reference:active {text-decoration:none;} |
88 #reference:active {text-decoration:none;} |
89 #reference:visited {text-decoration:none;} |
89 #reference:visited {text-decoration:none;} |
90 #positive{background: transparent url('images/bt_green.png') no-repeat;width:32px;height:20px;text-decoration: none;font: normal 12px;color: #444;text-align:center; } |
90 #positive{background: transparent url('../../images/bt_green.png') no-repeat;width:32px;height:20px;text-decoration: none;font: normal 12px;color: #444;text-align:center; } |
91 #positive:active {text-decoration:none;} |
91 #positive:active {text-decoration:none;} |
92 #positive:visited {text-decoration:none;} |
92 #positive:visited {text-decoration:none;} |
93 #negative{background: transparent url('images/bt_red.png') no-repeat;width:32px;height:20px;text-decoration: none;font: normal 12px;color: #444;text-align:center; } |
93 #negative{background: transparent url('../../images/bt_red.png') no-repeat;width:32px;height:20px;text-decoration: none;font: normal 12px;color: #444;text-align:center; } |
94 #negative:active {text-decoration:none;} |
94 #negative:active {text-decoration:none;} |
95 #negative:visited {text-decoration:none;} |
95 #negative:visited {text-decoration:none;} |
96 |
96 |
97 .introBox{width:880px;height:280px;padding:10px;position:absolute; margin-top:70px;} |
97 .introBox{width:880px;height:280px;padding:10px;position:absolute; margin-top:70px;} |
98 .aboutBox{background-image:url(images/archivesBoxBody.gif);width:900px;position:absolute; margin-top:70px;} |
98 .aboutBox{background-image:url(../../images/archivesBoxBody.gif);width:900px;position:absolute; margin-top:70px;} |
99 .archivesBox{background-image:url(images/archivesBoxBody.gif);width:900px;position:absolute; margin-top:450px;} |
99 .archivesBox{background-image:url(../../images/archivesBoxBody.gif);width:900px;position:absolute; margin-top:450px;} |
100 .archivesBoxContainer{padding:10px;width:880px;padding-bottom:0px;display:block; } |
100 .archivesBoxContainer{padding:10px;width:880px;padding-bottom:0px;display:block; } |
101 .archivesBoxClear { /* generic container (i.e. div) for floating buttons */ |
101 .archivesBoxClear { /* generic container (i.e. div) for floating buttons */ |
102 overflow: hidden; |
102 overflow: hidden; |
103 width: 100%; |
103 width: 100%; |
104 background-image:url(images/archivesBoxBody.gif); |
104 background-image:url(../../images/archivesBoxBody.gif); |
105 height:10px; |
105 height:10px; |
106 } |
106 } |
107 .archivesBoxFooter{background-repeat:no-repeat;background-position:left bottom;background-image:url(images/archivesBoxFooter.gif);width:100%;height:3px;} |
107 .archivesBoxFooter{background-repeat:no-repeat;background-position:left bottom;background-image:url(../../images/archivesBoxFooter.gif);width:100%;height:3px;} |
108 .archivesBoxHeader{background-repeat:no-repeat;background-position:left top;background-image:url(images/archivesBoxHeader.gif);width:100%;height:3px;} |
108 .archivesBoxHeader{background-repeat:no-repeat;background-position:left top;background-image:url(../../images/archivesBoxHeader.gif);width:100%;height:3px;} |
109 |
109 |
110 .archivesTitle{color:4b4b4b;font-family: 'PT Sans Narrow', arial, serif;font-size:24px;} |
110 .archivesTitle{color:4b4b4b;font-family: 'PT Sans Narrow', arial, serif;font-size:24px;} |
111 .archivesVideoBox{margin:5px;padding:5px;position:relative;display:inline-block;float:left;border: solid 1px #ccc;background:#f2f2f2;cursor:pointer;} |
111 .archivesVideoBox{margin:5px;padding:5px;position:relative;display:inline-block;float:left;border: solid 1px #ccc;background:#f2f2f2;cursor:pointer;} |
112 .AVBtitle{font-weight:bold;font-family: 'PT Sans Narrow', arial, serif; font-size:18px;} |
112 .AVBtitle{font-weight:bold;font-family: 'PT Sans Narrow', arial, serif; font-size:18px;} |
113 |
113 |
114 .slideTitle{font-size:20px;} |
114 .slideTitle{font-size:20px;} |
115 .slideText{font-size:15px;} |
115 .slideText{font-size:15px;} |
116 .slides{background-repeat:no-repeat;background-position:right top;} |
116 .slides{background-repeat:no-repeat;background-position:right top;} |
117 #minilogo{background-repeat:no-repeat;background-position:left top;background-image:url(images/pol_color.gif);width:46px;height:10px;margin-top:50px;z-index:9;position:absolute;margin-left:100px;}} |
117 #minilogo{background-repeat:no-repeat;background-position:left top;background-image:url(../../images/pol_color.gif);width:46px;height:10px;margin-top:50px;z-index:9;position:absolute;margin-left:100px;}} |