From: Biyeun M Buczyk Date: Sun, 11 Jan 2009 07:42:30 +0000 (-0500) Subject: add skin X-Git-Tag: trac-import~70 X-Git-Url: https://sipb.mit.edu/gitweb.cgi/wiki.git/commitdiff_plain/69c5d13beb0bc298c06b3af3075bd31aee7f10d9?hp=0b5b76cb20bc4bd26067a7402f19d7fab491d908;ds=sidebyside add skin --- diff --git a/images/IAP.png b/images/IAP.png new file mode 100644 index 0000000..54d8787 Binary files /dev/null and b/images/IAP.png differ diff --git a/images/SIPBlogo.png b/images/SIPBlogo.png new file mode 100644 index 0000000..81b39e3 Binary files /dev/null and b/images/SIPBlogo.png differ diff --git a/images/cluedump.png b/images/cluedump.png new file mode 100644 index 0000000..55d009d Binary files /dev/null and b/images/cluedump.png differ diff --git a/images/gradient.png b/images/gradient.png new file mode 100644 index 0000000..1ba335f Binary files /dev/null and b/images/gradient.png differ diff --git a/images/grumpyfuzzball.png b/images/grumpyfuzzball.png new file mode 100644 index 0000000..e608a02 Binary files /dev/null and b/images/grumpyfuzzball.png differ diff --git a/images/logos/XVM.png b/images/logos/XVM.png new file mode 100644 index 0000000..5193dd2 Binary files /dev/null and b/images/logos/XVM.png differ diff --git a/images/logos/debathena.png b/images/logos/debathena.png new file mode 100644 index 0000000..88c28c6 Binary files /dev/null and b/images/logos/debathena.png differ diff --git a/images/logos/linerva.png b/images/logos/linerva.png new file mode 100644 index 0000000..5acc902 Binary files /dev/null and b/images/logos/linerva.png differ diff --git a/images/logos/scripts.png b/images/logos/scripts.png new file mode 100644 index 0000000..dda8f96 Binary files /dev/null and b/images/logos/scripts.png differ diff --git a/images/nav-blue.png b/images/nav-blue.png new file mode 100644 index 0000000..d99efeb Binary files /dev/null and b/images/nav-blue.png differ diff --git a/images/nav-green.png b/images/nav-green.png new file mode 100644 index 0000000..524722c Binary files /dev/null and b/images/nav-green.png differ diff --git a/images/nav-orange.png b/images/nav-orange.png new file mode 100644 index 0000000..078583f Binary files /dev/null and b/images/nav-orange.png differ diff --git a/images/nav-white.png b/images/nav-white.png new file mode 100644 index 0000000..372198c Binary files /dev/null and b/images/nav-white.png differ diff --git a/images/nav-yellow.png b/images/nav-yellow.png new file mode 100644 index 0000000..1ebfd8e Binary files /dev/null and b/images/nav-yellow.png differ diff --git a/images/opendoor.png b/images/opendoor.png new file mode 100644 index 0000000..9df64bc Binary files /dev/null and b/images/opendoor.png differ diff --git a/style.css b/style.css new file mode 100644 index 0000000..689d6a3 --- /dev/null +++ b/style.css @@ -0,0 +1,283 @@ +html{ height:100%; } +body{ + height:100%; + font-family: Verdana, Arial, Helvetica, sans-serif; + font-size: 12px; + color: #333333; + line-height: 1.2em; + background-color: #333333; + padding:0; + margin:0; +} +a{ + text-decoration: none; + color:#0066CC; +} +a:hover{ + text-decoration:underline; +} +#content-block{ + width: 951px; + min-height:100%; + background: url('images/gradient.png') no-repeat 0 0 #A8A9AD; + margin:0 auto; +} +#logo{ + padding-left: 47px; + padding-top:18px; + } +#logo img{ + display: inline-block; + vertical-align: top; + +} +img#sipb-logo{ + padding-top:23px; + padding-left:23px; +} +a img{ + border:none; +} +ul#navigation{ + list-style: none; + position:absolute; + top:121px; + margin-left:298px; +} +ul#navigation li{ + display:block; + float:left; + width:124px; + height:75px; + margin-left:-18px; +} +ul#navigation li a{ + font-weight:bold; + color:#ffffff; + text-decoration: none; + text-transform: uppercase; + font-size:1.2em; + display:block; + width:94px; + height:47px; + padding:0; + margin-top:10px; + margin-left:10px; + position:relative; + font-family: "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif; +} +ul#navigation li a:hover{ + background: url('images/nav-white.png') 0 0 no-repeat; + color:#000000; +} +ul#navigation .blue{ + background: transparent url('images/nav-blue.png') 0 0 no-repeat; +} +ul#navigation .blue a:hover{ + color:#1171D2; +} +ul#navigation .green{ + background: transparent url('images/nav-green.png') 0 0 no-repeat; +} +ul#navigation .green a:hover{ + color:#62B200; +} +ul#navigation .orange{ + background: transparent url('images/nav-orange.png') 0 0 no-repeat; +} +ul#navigation .orange a:hover{ + color:#FE6D06; +} +ul#navigation .yellow{ + background: transparent url('images/nav-yellow.png') 0 0 no-repeat; +} +ul#navigation .yellow a:hover{ + color:#FFA207; +} + +ul#navigation li a span{ + position:absolute; + bottom:8px; + padding-left:8px; +} + +#featured-block{ + width:430px; + background-color:#EEEEEE; + margin-left:277px; + padding: 27px 0; + +} +#featured-block h1{ + font-size:2em; + font-family: "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif; + padding-bottom:14px; + border-bottom: 1px solid #A8A9AD; + margin: 0 22px; + text-transform: uppercase; +} +#featured-block h2{ + font-size:1em; + font-weight: normal; + margin: 0 22px; +} +#featured-block p{ + margin: 0 22px; +} +dl.services{ + margin:0 22px; + padding:0; + list-style: none; +} +dl.services dt, dl.services dd{ + display:inline-block; + width:160px; + vertical-align:top; + margin-bottom:20px; +} + +.generic{ + width: 644px !important; +} + + +#events-block{ + width:212px; + float:left; + margin-left:37px; +} +#events-block h3{ + background-color:#C3C4C9; + text-transform: uppercase; + color:#666666; + font-size:1.2em; + font-weight: normal; + padding-left:15px; + padding-top: 7px; + padding-bottom:5px; + margin:0; + margin-bottom:4px; + font-family: "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif; +} +#events-block h4{ + font-size:1.2em; + background-color:#EEEEEE; + padding-left:16px; + padding-top:18px; + padding-bottom:8px; + margin:0; + font-family: Arial, Helvetica, sans-serif; +} +#events-block p{ + line-height: 1.6em; + font-size:0.95em; + background-color:#EEEEEE; + margin:0; + padding-left:16px; + padding-right:16px; + padding-bottom:12px; +} + +#highlights-block{ + width:180px; + float:right; + margin-right:35px; + font-family: "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif; + font-weight: bold; + font-size:1.2em; +} +#highlights-block div{ + margin-bottom: 8px; +} +.extra-large{ + font-size:2em; + line-height:1em; +} +#highlights-block .solid-item{ + background-color: #EEEEEE; + color: #666666; + text-transform: uppercase; + padding: 12px 20px; + font-size:.7em; +} +.iap{ + background: url('images/IAP.png') 120px center no-repeat; +} +.cluedump{ + background: url('images/cluedump.png') 140px center no-repeat; +} +.defcon{ + color: #FFFFFF; + height:60px; +} +.defcon .status-text{ + font-size:.8em; + font-weight: normal; +} +.defcon .status-level{ + color: #666666; + background-color: #EEEEEE; + padding:10px 0; + text-align:center; + font-size:2.2em; + line-height:1em; + width:56px; + float:right; +} +.hackathon-note{ + border:1px solid #EEEEEE; + color: #FFFFFF; + text-transform: uppercase; + +} +.hackathon-note span{ + font-size:1.5em; + line-height: 1.5em; + padding:8px; +} +.hackathon-note .hack-date{ + background-color: #EEEEEE; + color: #333333; + font-size: .8em; + padding:4px 0; + text-align:center; +} +.hackathon-note ul{ + list-style-type: circle; + text-transform: none; + font-weight: normal; + font-size:.8em; + padding:0; + padding-left:25px; + margin:0; + margin-bottom:10px; + color: #333333; +} +.sipb-door{ + background: url('images/opendoor.png') center no-repeat; + text-align:center; + padding:5px 0; + border:1px solid #FFFFFF; + color:#FFFFFF; + font-size: .8em; +} +.sipb-door span{ + font-size: 1.4em; +} + +#hidden-title{ + display:none; +} +#prefooter{ + height: 80px; + clear:both; +} +#footer{ + font-size:.9em; + clear:both; + width:951px; + margin: 0 auto; + margin-top:-30px; + text-align:center; + color: #545557; +}