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