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-color: #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: 951px;
  21         min-height:100%;
  22         background: url('images/gradient.png') no-repeat 0 0 #A8A9AD;
  23         margin:0 auto;
  24 }
  25
  26 .cols:after{
  27         content: "";
  28         display: block;
  29         height: 0;
  30         clear: both;
  31 }
  32 .col1{
  33         position: relative;
  34         float: left;
  35         width: 50%;
  36 }
  37 .col2{
  38         position: relative;
  39         float: right;
  40         align: left;
  41         width: 50%;
  42 }
  43
  44 #featured-block img{
  45         float: right;
  46 }
  47 #logo{
  48         padding-left: 47px;
  49         padding-top:18px;
  50         }
  51 #logo img{
  52         display: inline-block;
  53         vertical-align: top;
  54
  55 }
  56 img#sipb-logo{
  57         padding-top:23px;
  58         padding-left:23px;
  59 }
  60 a img{
  61         border:none;
  62 }
  63 ul#navigation{
  64         list-style: none;
  65         position:absolute;
  66         top:121px;
  67         margin-left:298px;
  68 }
  69 ul#navigation li{
  70         display:block;
  71         float:left;
  72         width:124px;
  73         height:75px;
  74         margin-left:-18px;
  75 }
  76 ul#navigation li a{
  77         font-weight:bold;
  78         color:#ffffff;
  79         text-decoration: none;
  80         text-transform: uppercase;
  81         font-size:1.2em;
  82         display:block;
  83         width:94px;
  84         height:47px;
  85         padding:0;
  86         margin-top:10px;
  87         margin-left:10px;
  88         position:relative;
  89         font-family: "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
  90 }
  91 ul#navigation li a:hover{
  92         background: url('images/nav-white.png') 0 0 no-repeat;
  93         color:#000000;
  94 }
  95 ul#navigation .blue{
  96         background: transparent url('images/nav-blue.png') 0 0 no-repeat;
  97 }
  98 ul#navigation .blue a:hover{
  99         color:#1171D2;
 100 }
 101 ul#navigation .green{
 102         background: transparent url('images/nav-green.png') 0 0 no-repeat;
 103 }
 104 ul#navigation .green a:hover{
 105         color:#62B200;
 106 }
 107 ul#navigation .orange{
 108         background: transparent url('images/nav-orange.png') 0 0 no-repeat;
 109 }
 110 ul#navigation .orange a:hover{
 111         color:#FE6D06;
 112 }
 113 ul#navigation .yellow{
 114         background: transparent url('images/nav-yellow.png') 0 0 no-repeat;
 115 }
 116 ul#navigation .yellow a:hover{
 117         color:#FFA207;
 118 }
 119
 120 ul#navigation li a span{
 121         position:absolute;
 122         bottom:8px;
 123         padding-left:8px;
 124 }
 125
 126 #featured-block{
 127         width:430px;
 128         background-color:#EEEEEE;
 129         margin-left:277px;
 130         padding: 27px 0;
 131
 132 }
 133 #featured-block h1{
 134         font-size:2em;
 135         line-height:1.2em;
 136         font-family: "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
 137         padding-bottom:10px;
 138         border-bottom: 1px solid #A8A9AD;
 139         margin: 0 22px;
 140         margin-bottom:1em;
 141         text-transform: uppercase;
 142 }
 143 #featured-block h2{
 144         font-size:1.3em;
 145         font-weight: bold;
 146         margin: 1em 22px;
 147         font-family: "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
 148 }
 149 #featured-block p{
 150         margin: 1em 33px;
 151         line-height: 1.5em;
 152 }
 153 dl.services{
 154         margin:0 33px;
 155         padding:0;
 156         list-style: none;
 157         line-height: 1.5em;
 158 }
 159 dl.services dt, dl.services dd{
 160         display:inline-block;
 161         width:140px;
 162         vertical-align:top;
 163         margin-bottom:20px;
 164 }
 165 dl.services dd{
 166         width:170px;
 167 }
 168
 169 .generic{
 170         width: 644px !important;
 171 }
 172
 173
 174 #events-block{
 175         width:212px;
 176         float:left;
 177         margin-left:37px;
 178 }
 179 #events-block h3{
 180         background-color:#C3C4C9;
 181         text-transform: uppercase;
 182         color:#666666;
 183         font-size:1.2em;
 184         font-weight: normal;
 185         padding-left:15px;
 186         padding-top: 7px;
 187         padding-bottom:5px;
 188         margin:0;
 189         margin-bottom:4px;
 190         font-family: "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
 191 }
 192 #events-block h4{
 193         font-size:1.2em;
 194         background-color:#EEEEEE;
 195         padding-left:16px;
 196         padding-top:18px;
 197         padding-bottom:8px;
 198         margin:0;
 199         font-family: Arial, Helvetica, sans-serif;
 200 }
 201 #events-block p{
 202         line-height: 1.6em;
 203         font-size:0.95em;
 204         background-color:#EEEEEE;
 205         margin:0;
 206         padding-left:16px;
 207         padding-right:16px;
 208         padding-bottom:12px;
 209 }
 210
 211 #highlights-block{
 212         width:180px;
 213         float:right;
 214         margin-right:35px;
 215         font-family: "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
 216         font-weight: bold;
 217         font-size:1.2em;
 218 }
 219 #highlights-block div{
 220         margin-bottom: 8px;
 221 }
 222 .extra-large{
 223         font-size:2em;
 224         line-height:1em;
 225 }
 226 .solid-item{
 227         background-color: #EEEEEE;
 228         color: #666666;
 229         text-transform: uppercase;
 230         padding: 12px 20px;
 231         font-size:.7em;
 232 }
 233 .iap{
 234         background: url('images/IAP.png') 120px center no-repeat;
 235 }
 236 .cluedump{
 237         background: url('images/cluedump.png') 140px center no-repeat;
 238 }
 239 .defcon{
 240         color: #FFFFFF;
 241         height:60px;
 242 }
 243 .defcon .status-text{
 244         font-size:.8em;
 245         font-weight: normal;
 246 }
 247 .defcon .status-level{
 248         color: #666666;
 249         background-color: #EEEEEE;
 250         padding:10px 0;
 251         text-align:center;
 252         font-size:2.2em;
 253         line-height:1em;
 254         width:56px;
 255         float:right;
 256 }
 257 .hackathon-note{
 258         border:1px solid #EEEEEE;
 259         color: #FFFFFF;
 260         text-transform: uppercase;
 261
 262 }
 263 .hackathon-note span{
 264         font-size:1.5em;
 265         line-height: 1.5em;
 266         padding:8px;
 267 }
 268 .hackathon-note .hack-date{
 269         background-color: #EEEEEE;
 270         color: #333333;
 271         font-size: .8em;
 272         padding:4px 0;
 273         text-align:center;
 274 }
 275 .hackathon-note ul{
 276         list-style-type: circle;
 277         text-transform: none;
 278         font-weight: normal;
 279         font-size:.8em;
 280         padding:0;
 281         padding-left:25px;
 282         margin:0;
 283         margin-bottom:10px;
 284         color: #333333;
 285 }
 286 .sipb-door{
 287         background: url('images/opendoor.png') center no-repeat;
 288         text-align:center;
 289         padding:5px 0;
 290         border:1px solid #FFFFFF;
 291         color:#FFFFFF;
 292         font-size: .8em;
 293 }
 294 .sipb-door span{
 295         font-size: 1.4em;
 296 }
 297
 298 #hidden-title{
 299         display:none;
 300 }
 301 #prefooter{
 302         height: 120px;
 303         clear:both;
 304 }
 305 #footer{
 306         font-size:.9em;
 307         clear:both;
 308         width:951px;
 309         margin: 0 auto;
 310         margin-top:-65px;
 311         text-align:center;
 312         color: #545557;
 313 }
 314 .actions ul{
 315         list-style: none;
 316         background-color:#696969;
 317         padding:.5em 0;
 318 }
 319 .actions ul li{
 320         display: inline;
 321         padding: 0 .5em;
 322 }
 323 .actions ul li a{
 324         text-decoration: none;
 325         color: #ffffff;
 326 }
 327 .actions ul li a:hover{
 328         text-decoration:underline;
 329 }