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         font-family: "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
 114         padding-bottom:14px;
 115         border-bottom: 1px solid #A8A9AD;
 116         margin: 0 22px;
 117         text-transform: uppercase;
 118 }
 119 #featured-block h2{
 120         font-size:1em;
 121         font-weight: normal;
 122         margin: 0 22px;
 123 }
 124 #featured-block p{
 125         margin: 1em 22px;
 126 }
 127 dl.services{
 128         margin:0 22px;
 129         padding:0;
 130         list-style: none;
 131 }
 132 dl.services dt, dl.services dd{
 133         display:inline-block;
 134         width:160px;
 135         vertical-align:top;
 136         margin-bottom:20px;
 137 }
 138
 139 .generic{
 140         width: 644px !important;
 141 }
 142
 143
 144 #events-block{
 145         width:212px;
 146         float:left;
 147         margin-left:37px;
 148 }
 149 #events-block h3{
 150         background-color:#C3C4C9;
 151         text-transform: uppercase;
 152         color:#666666;
 153         font-size:1.2em;
 154         font-weight: normal;
 155         padding-left:15px;
 156         padding-top: 7px;
 157         padding-bottom:5px;
 158         margin:0;
 159         margin-bottom:4px;
 160         font-family: "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
 161 }
 162 #events-block h4{
 163         font-size:1.2em;
 164         background-color:#EEEEEE;
 165         padding-left:16px;
 166         padding-top:18px;
 167         padding-bottom:8px;
 168         margin:0;
 169         font-family: Arial, Helvetica, sans-serif;
 170 }
 171 #events-block p{
 172         line-height: 1.6em;
 173         font-size:0.95em;
 174         background-color:#EEEEEE;
 175         margin:0;
 176         padding-left:16px;
 177         padding-right:16px;
 178         padding-bottom:12px;
 179 }
 180
 181 #highlights-block{
 182         width:180px;
 183         float:right;
 184         margin-right:35px;
 185         font-family: "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
 186         font-weight: bold;
 187         font-size:1.2em;
 188 }
 189 #highlights-block div{
 190         margin-bottom: 8px;
 191 }
 192 .extra-large{
 193         font-size:2em;
 194         line-height:1em;
 195 }
 196 #highlights-block .solid-item{
 197         background-color: #EEEEEE;
 198         color: #666666;
 199         text-transform: uppercase;
 200         padding: 12px 20px;
 201         font-size:.7em;
 202 }
 203 .iap{
 204         background: url('images/IAP.png') 120px center no-repeat;
 205 }
 206 .cluedump{
 207         background: url('images/cluedump.png') 140px center no-repeat;
 208 }
 209 .defcon{
 210         color: #FFFFFF;
 211         height:60px;
 212 }
 213 .defcon .status-text{
 214         font-size:.8em;
 215         font-weight: normal;
 216 }
 217 .defcon .status-level{
 218         color: #666666;
 219         background-color: #EEEEEE;
 220         padding:10px 0;
 221         text-align:center;
 222         font-size:2.2em;
 223         line-height:1em;
 224         width:56px;
 225         float:right;
 226 }
 227 .hackathon-note{
 228         border:1px solid #EEEEEE;
 229         color: #FFFFFF;
 230         text-transform: uppercase;
 231
 232 }
 233 .hackathon-note span{
 234         font-size:1.5em;
 235         line-height: 1.5em;
 236         padding:8px;
 237 }
 238 .hackathon-note .hack-date{
 239         background-color: #EEEEEE;
 240         color: #333333;
 241         font-size: .8em;
 242         padding:4px 0;
 243         text-align:center;
 244 }
 245 .hackathon-note ul{
 246         list-style-type: circle;
 247         text-transform: none;
 248         font-weight: normal;
 249         font-size:.8em;
 250         padding:0;
 251         padding-left:25px;
 252         margin:0;
 253         margin-bottom:10px;
 254         color: #333333;
 255 }
 256 .sipb-door{
 257         background: url('images/opendoor.png') center no-repeat;
 258         text-align:center;
 259         padding:5px 0;
 260         border:1px solid #FFFFFF;
 261         color:#FFFFFF;
 262         font-size: .8em;
 263 }
 264 .sipb-door span{
 265         font-size: 1.4em;
 266 }
 267
 268 #hidden-title{
 269         display:none;
 270 }
 271 #prefooter{
 272         height: 80px;
 273         clear:both;
 274 }
 275 #footer{
 276         font-size:.9em;
 277         clear:both;
 278         width:951px;
 279         margin: 0 auto;
 280         margin-top:-30px;
 281         text-align:center;
 282         color: #545557;
 283 }