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: url('images/gradientbg.jpg') no-repeat center top #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: 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: 2em 0 1em 2.5em;
 149         width:51em;
 150 }
 151
 152 #featured-block h2{
 153         font-size:1.3em;
 154         font-weight: bold;
 155         margin: 1em 0;
 156         font-family: "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
 157 }
 158 #featured-block p{
 159         margin: 1em 0;
 160         line-height: 1.9em;
 161 }
 162 dl.services{
 163         margin:0 33px;
 164         padding:0;
 165         list-style: none;
 166         line-height: 1.5em;
 167 }
 168 dl.services dt, dl.services dd{
 169         display:inline-block;
 170         width:140px;
 171         vertical-align:top;
 172         margin-bottom:20px;
 173 }
 174 dl.services dd{
 175         width:170px;
 176 }
 177
 178 .generic{
 179         width: 644px !important;
 180 }
 181
 182
 183 #events-block{
 184         width:212px;
 185         float:left;
 186         margin-left:37px;
 187 }
 188 #events-block h3{
 189         background-color:#C3C4C9;
 190         text-transform: uppercase;
 191         color:#666666;
 192         font-size:1.2em;
 193         font-weight: normal;
 194         padding-left:15px;
 195         padding-top: 7px;
 196         padding-bottom:5px;
 197         margin:0;
 198         margin-bottom:4px;
 199         font-family: "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
 200 }
 201 #events-block h4{
 202         font-size:1.2em;
 203         background-color:#EEEEEE;
 204         padding-left:16px;
 205         padding-top:18px;
 206         padding-bottom:8px;
 207         margin:0;
 208         font-family: Arial, Helvetica, sans-serif;
 209 }
 210 #events-block p{
 211         line-height: 1.6em;
 212         font-size:0.95em;
 213         background-color:#EEEEEE;
 214         margin:0;
 215         padding-left:16px;
 216         padding-right:16px;
 217         padding-bottom:12px;
 218 }
 219
 220 #highlights-block{
 221         width:180px;
 222         float:right;
 223         margin-right:35px;
 224         font-family: "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
 225         font-weight: bold;
 226         font-size:1.2em;
 227 }
 228 #highlights-block div{
 229         margin-bottom: 8px;
 230 }
 231 .extra-large{
 232         font-size:2em;
 233         line-height:1em;
 234 }
 235 #highlights-block .solid-item{
 236         background-color: #EEEEEE;
 237         color: #666666;
 238         text-transform: uppercase;
 239         padding: 12px 20px;
 240         font-size:.7em;
 241 }
 242 .iap{
 243         background: url('images/IAP.png') 120px center no-repeat;
 244 }
 245 .cluedump{
 246         background: url('images/cluedump.png') 140px center no-repeat;
 247 }
 248 .defcon{
 249         color: #FFFFFF;
 250         height:60px;
 251 }
 252 .defcon .status-text{
 253         font-size:.8em;
 254         font-weight: normal;
 255 }
 256 .defcon .status-level{
 257         color: #666666;
 258         background-color: #EEEEEE;
 259         padding:10px 0;
 260         text-align:center;
 261         font-size:2.2em;
 262         line-height:1em;
 263         width:56px;
 264         float:right;
 265 }
 266 .hackathon-note{
 267         border:1px solid #EEEEEE;
 268         color: #FFFFFF;
 269         text-transform: uppercase;
 270
 271 }
 272 .hackathon-note span{
 273         font-size:1.5em;
 274         line-height: 1.5em;
 275         padding:8px;
 276 }
 277 .hackathon-note .hack-date{
 278         background-color: #EEEEEE;
 279         color: #333333;
 280         font-size: .8em;
 281         padding:4px 0;
 282         text-align:center;
 283 }
 284 .hackathon-note ul{
 285         list-style-type: circle;
 286         text-transform: none;
 287         font-weight: normal;
 288         font-size:.8em;
 289         padding:0;
 290         padding-left:25px;
 291         margin:0;
 292         margin-bottom:10px;
 293         color: #333333;
 294 }
 295 .sipb-door{
 296         background: url('images/opendoor.png') center no-repeat;
 297         text-align:center;
 298         padding:5px 0;
 299         border:1px solid #FFFFFF;
 300         color:#FFFFFF;
 301         font-size: .8em;
 302 }
 303 .sipb-door span{
 304         font-size: 1.4em;
 305 }
 306
 307 #hidden-title{
 308         display:none;
 309 }
 310 #prefooter{
 311         height: 140px;
 312         clear:both;
 313 }
 314 #footer{
 315         font-size:.8em;
 316         clear:both;
 317         margin: 0 auto;
 318         margin-top:-130px;
 319         text-align:center;
 320         color: #666666;
 321         width:867px;
 322         height:130px;
 323         background-color:#1F1F1F;
 324
 325 }
 326 #footer p{
 327         width:800px;
 328         margin:0 auto;
 329         padding:1em 0;
 330         line-height:1.4em;
 331         text-align:left;
 332 }
 333 .actions ul{
 334         list-style: none;
 335         background-color:#696969;
 336         padding:0;
 337         margin:0;
 338 }
 339 .actions ul li{
 340         display: inline;
 341         padding: 0 .5em;
 342         line-height:3em;
 343 }
 344 .actions ul li a{
 345         text-decoration: none;
 346         color: #ffffff;
 347 }
 348 .actions ul li a:hover{
 349         text-decoration:underline;
 350 }
 351 .cols:after{
 352         content: "";
 353         display: block;
 354         height: 0;
 355         clear: both;
 356 }
 357 .col1{
 358         position: relative;
 359         float: left;
 360         width: 50%;
 361 }
 362 .col2{
 363         position: relative;
 364         float: right;
 365         align: left;
 366         width: 50%;
 367 }