bc50c38d2ec8c6bb2b38aa546122895e76d3662f
[wiki.git] / style.css
1 /* Layout CSS */
2 html{ height:100%; }
3 body{
4         height:100%;
5         font-family: Verdana, Arial, Helvetica, sans-serif;
6         font-size: 12px;
7         color: #333333;
8         line-height: 1.2em;
9         background-color: #333333;
10         padding:0;
11         margin:0;
12 }
13 #content-block{
14         width: 951px;
15         min-height:100%;
16         background: url('images/gradient.png') no-repeat 0 0 #A8A9AD;
17         margin:0 auto;
18 }
19 #featured-block img{
20         float: right;
21 }
22 #logo{
23         padding-left: 47px;
24         padding-top:18px;
25         }
26 #logo img{
27         display: inline-block;
28         vertical-align: top;
29
30 }
31 img#sipb-logo{
32         padding-top:23px;
33         padding-left:23px;
34 }
35 ul#navigation{
36         list-style: none;
37         position:absolute;
38         top:121px;
39         margin-left:298px;
40 }
41 ul#navigation li{
42         display:block;
43         float:left;
44         width:124px;
45         height:75px;
46         margin-left:-18px;
47 }
48 ul#navigation li a{
49         font-weight:bold;
50         color:#ffffff;
51         text-decoration: none;
52         text-transform: uppercase;
53         display:block;
54         width:94px;
55         height:47px;
56         padding:0;
57         margin-top:10px;
58         margin-left:10px;
59         position:relative;
60         font-family: "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif; 
61 }
62 ul#navigation li a:hover{
63         background: url('images/nav-white.png') 0 0 no-repeat;
64         color:#000000;
65 }
66 ul#navigation .blue{
67         background: transparent url('images/nav-blue.png') 0 0 no-repeat;
68 }
69 ul#navigation .blue a:hover{
70         color:#1171D2;
71 }
72 ul#navigation .green{
73         background: transparent url('images/nav-green.png') 0 0 no-repeat;
74 }
75 ul#navigation .green a:hover{
76         color:#62B200;
77 }
78 ul#navigation .orange{
79         background: transparent url('images/nav-orange.png') 0 0 no-repeat;
80 }
81 ul#navigation .orange a:hover{
82         color:#FE6D06;
83 }
84 ul#navigation .yellow{
85         background: transparent url('images/nav-yellow.png') 0 0 no-repeat;
86 }
87 ul#navigation .yellow a:hover{
88         color:#FFA207;
89 }
90
91 ul#navigation li a span{
92         position:absolute;
93         bottom:8px;
94         padding-left:8px;
95 }
96
97 #featured-block{
98         width:430px;
99         background-color:#EEEEEE;
100         margin-left:277px;
101         padding: 27px 0;
102 }
103
104 .generic{
105         width: 644px !important;
106 }
107
108 #hidden-title{
109         display:none;
110 }
111 #prefooter{
112         height: 120px;
113         clear:both;
114 }
115 #footer{
116         font-size:.9em;
117         clear:both;
118         width:951px;
119         margin: 0 auto;
120         margin-top:-65px;
121         text-align:center;
122         color: #545557;
123 }
124 .actions ul{
125         list-style: none;
126         background-color:#696969;
127         padding:.5em 0;
128 }
129 .actions ul li{
130         display: inline;
131         padding: 0 .5em;
132 }
133 .actions ul li a{
134         text-decoration: none;
135         color: #ffffff;
136 }
137 .actions ul li a:hover{
138         text-decoration:underline;
139 }
140
141
142 /* Sublayout CSS */
143 .cols:after{
144         content: "";
145         display: block;
146         height: 0;
147         clear: both;
148 }
149 .col1{
150         position: relative;
151         float: left;
152         width: 50%;
153 }
154 .col2{
155         position: relative;
156         float: right;
157         align: left;
158         width: 50%;
159 }
160
161 /* Global Textual CSS */
162 a{
163         text-decoration: none;
164         color:#0066CC;
165 }
166 a:hover{
167         text-decoration:underline;
168 }
169 a img{
170         border:none;
171 }
172
173 /* Featured Block Textual CSS */
174 #featured-block h1{
175         font-size:2em;
176         line-height:1.2em;
177         font-family: "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
178         padding-bottom:10px;
179         border-bottom: 1px solid #A8A9AD;
180         margin: 0 22px;
181         margin-bottom:1em;
182         text-transform: uppercase;
183 }
184 #featured-block h2{
185         font-size:1.3em;
186         font-weight: bold;
187         margin: 1em 22px;
188         font-family: "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
189 }
190 #featured-block p{
191         margin: 1em 33px;
192         line-height: 1.5em;
193 }
194
195 /* Page Specific CSS (for now, Mainpage) */
196 dl.services{
197         margin:0 33px;
198         padding:0;
199         list-style: none;
200         line-height: 1.5em;
201 }
202 dl.services dt, dl.services dd{
203         display:inline-block;
204         width:140px;
205         vertical-align:top;
206         margin-bottom:20px;
207 }
208 dl.services dd{
209         width:170px;
210 }
211
212 #events-block{
213         width:212px;
214         float:left;
215         margin-left:37px;
216 }
217 #events-block h3{
218         background-color:#C3C4C9;
219         text-transform: uppercase;
220         color:#666666;
221         font-size:1.2em;
222         font-weight: normal;
223         padding-left:15px;
224         padding-top: 7px;
225         padding-bottom:5px;
226         margin:0;
227         margin-bottom:4px;
228         font-family: "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
229 }
230 #events-block h4{
231         font-size:1.2em;
232         background-color:#EEEEEE;
233         padding-left:16px;
234         padding-top:18px;
235         padding-bottom:8px;
236         margin:0;
237         font-family: Arial, Helvetica, sans-serif;
238 }
239 #events-block p{
240         line-height: 1.6em;
241         font-size:0.95em;
242         background-color:#EEEEEE;
243         margin:0;
244         padding-left:16px;
245         padding-right:16px;
246         padding-bottom:12px;
247 }
248
249 #highlights-block{
250         width:180px;
251         float:right;
252         margin-right:35px;
253         font-family: "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
254         font-weight: bold;
255         font-size:1.2em;
256 }
257 #highlights-block div, #events-block > br {
258         margin-bottom: 8px;
259 }
260 .extra-large{
261         font-size:2em;
262         line-height:1em;
263 }
264 #highlights-block .solid-item, #events-block .solid-item{
265         background-color: #EEEEEE;
266         color: #666666;
267         text-transform: uppercase;
268         padding: 12px 20px;
269         font-size:.7em;
270 }
271 .iap{
272         background: url('images/IAP.png') 120px center no-repeat;
273 }
274 .cluedump{
275         background: url('images/cluedump.png') 140px center no-repeat;
276 }
277 .defcon{
278         color: #FFFFFF;
279         height:60px;
280 }
281 .defcon .status-text{
282         font-size:.8em;
283         font-weight: normal;
284 }
285 .defcon .status-level{
286         color: #666666;
287         background-color: #EEEEEE;
288         padding:10px 0;
289         text-align:center;
290         font-size:2.2em;
291         line-height:1em;
292         width:56px;
293         float:right;
294 }
295 .hackathon-note{
296         border:1px solid #EEEEEE;
297         color: #FFFFFF;
298         text-transform: uppercase;
299         
300 }
301 .hackathon-note span{
302         font-size:1.5em;
303         line-height: 1.5em;
304         padding:8px;
305 }
306 .hackathon-note .hack-date{
307         background-color: #EEEEEE;
308         color: #333333;
309         font-size: .8em;
310         padding:4px 0;
311         text-align:center;
312 }
313 .hackathon-note ul{
314         list-style-type: circle;
315         text-transform: none;
316         font-weight: normal;
317         font-size:.8em;
318         padding:0;
319         padding-left:25px;
320         margin:0;
321         margin-bottom:10px;
322         color: #333333;
323 }
324 .sipb-door{
325         background: url('images/opendoor.png') center no-repeat;
326         text-align:center;
327         padding:5px 0;
328         border:1px solid #FFFFFF;
329         color:#FFFFFF;
330         font-size: .8em;
331 }
332 .sipb-door span{
333         font-size: 1.4em;
334 }
335