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