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