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