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