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