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