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:376px;
  99         background-color:#EEEEEE;
 100         margin-left:277px;
 101         padding: 27px;
 102 }
 103
 104 .generic{
 105         width: 590px !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 .breadcrumbs{
 142         text-align:right;
 143 }
 144
 145
 146 /* Sublayout CSS */
 147 .cols:after{
 148         content: "";
 149         display: block;
 150         height: 0;
 151         clear: both;
 152 }
 153 .col1{
 154         position: relative;
 155         float: left;
 156         width: 50%;
 157 }
 158 .col2{
 159         position: relative;
 160         float: right;
 161         align: left;
 162         width: 50%;
 163 }
 164
 165 /* Global Textual CSS */
 166 a{
 167         text-decoration: none;
 168         color:#0066CC;
 169 }
 170 a:hover{
 171         text-decoration:underline;
 172 }
 173 a img{
 174         border:none;
 175 }
 176
 177 /* Featured Block Textual CSS */
 178 #featured-block h1{
 179         font-size:2em;
 180         line-height:1.2em;
 181         font-family: "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
 182         padding-bottom:10px;
 183         border-bottom: 1px solid #A8A9AD;
 184         margin-bottom:1em;
 185         text-transform: uppercase;
 186 }
 187 #featured-block h2{
 188         font-size:1.3em;
 189         font-weight: bold;
 190         margin-bottom: 1em;
 191         font-family: "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
 192 }
 193 #featured-block p{
 194         margin-bottom: 1em;
 195         line-height: 1.5em;
 196 }
 197
 198 /* Page Specific CSS (for now, Mainpage) */
 199 dl.services{
 200         padding:0;
 201         list-style: none;
 202         line-height: 1.5em;
 203 }
 204 dl.services dt, dl.services dd{
 205         display:inline-block;
 206         width:140px;
 207         vertical-align:top;
 208         margin-bottom:20px;
 209 }
 210 dl.services dd{
 211         width:170px;
 212 }
 213
 214 #events-block{
 215         width:212px;
 216         float:left;
 217         margin-left:37px;
 218 }
 219 #events-block h3{
 220         background-color:#C3C4C9;
 221         text-transform: uppercase;
 222         color:#666666;
 223         font-size:1.2em;
 224         font-weight: normal;
 225         padding-left:15px;
 226         padding-top: 7px;
 227         padding-bottom:5px;
 228         margin:0;
 229         margin-bottom:4px;
 230         font-family: "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
 231 }
 232 #events-block h4{
 233         font-size:1.2em;
 234         background-color:#EEEEEE;
 235         padding-left:16px;
 236         padding-top:18px;
 237         padding-bottom:8px;
 238         margin:0;
 239         font-family: Arial, Helvetica, sans-serif;
 240 }
 241 #events-block p{
 242         line-height: 1.6em;
 243         font-size:0.95em;
 244         background-color:#EEEEEE;
 245         margin:0;
 246         padding-left:16px;
 247         padding-right:16px;
 248         padding-bottom:12px;
 249 }
 250
 251 #highlights-block{
 252         width:180px;
 253         float:right;
 254         margin-right:35px;
 255         font-family: "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
 256         font-weight: bold;
 257         font-size:1.2em;
 258 }
 259 #highlights-block div, #events-block > br {
 260         margin-bottom: 8px;
 261 }
 262 .extra-large{
 263         font-size:2em;
 264         line-height:1em;
 265 }
 266 #highlights-block .solid-item, #events-block .solid-item{
 267         background-color: #EEEEEE;
 268         color: #666666;
 269         text-transform: uppercase;
 270         padding: 12px 20px;
 271         font-size:.7em;
 272 }
 273 .iap{
 274         background: url('images/IAP.png') 120px center no-repeat;
 275 }
 276 .cluedump{
 277         background: url('images/cluedump.png') 140px center no-repeat;
 278 }
 279 .defcon{
 280         color: #FFFFFF;
 281         height:60px;
 282 }
 283 .defcon .status-text{
 284         font-size:.8em;
 285         font-weight: normal;
 286 }
 287 .defcon .status-level{
 288         color: #666666;
 289         background-color: #EEEEEE;
 290         padding:10px 0;
 291         text-align:center;
 292         font-size:2.2em;
 293         line-height:1em;
 294         width:56px;
 295         float:right;
 296 }
 297 .hackathon-note{
 298         border:1px solid #EEEEEE;
 299         color: #FFFFFF;
 300         text-transform: uppercase;
 301
 302 }
 303 .hackathon-note span{
 304         font-size:1.5em;
 305         line-height: 1.5em;
 306         padding:8px;
 307 }
 308 .hackathon-note .hack-date{
 309         background-color: #EEEEEE;
 310         color: #333333;
 311         font-size: .8em;
 312         padding:4px 0;
 313         text-align:center;
 314 }
 315 .hackathon-note ul{
 316         list-style-type: circle;
 317         text-transform: none;
 318         font-weight: normal;
 319         font-size:.8em;
 320         padding:0;
 321         padding-left:25px;
 322         margin:0;
 323         margin-bottom:10px;
 324         color: #333333;
 325 }
 326 .sipb-door{
 327         background: url('images/opendoor.png') center no-repeat;
 328         text-align:center;
 329         padding:5px 0;
 330         border:1px solid #FFFFFF;
 331         color:#FFFFFF;
 332         font-size: .8em;
 333 }
 334 .sipb-door span{
 335         font-size: 1.4em;
 336 }
 337