style.css

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