style.css

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