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