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