Team:KAIST Korea/enter
From 2012.igem.org
(Difference between revisions)
Line 11: | Line 11: | ||
<style> | <style> | ||
+ | .firstHeading {display:none;} | ||
+ | |||
+ | #top-section { | ||
+ | height:80px; width:1000px; | ||
+ | border:none; | ||
+ | z-index:0; | ||
+ | } | ||
+ | |||
+ | <!--Remove the banner--> | ||
+ | #p-logo {position:relative; top:0px; z-index:0; height:1px; width:10px; overflow:hidden;} | ||
+ | #p-logo a{color:black;} | ||
+ | img[src*="/wiki/skins/common/images/wiki.png"]{ | ||
+ | visibility:hidden; | ||
+ | top:-100px; | ||
+ | width:10px; | ||
+ | height:0px; | ||
+ | margin-top:20px; | ||
+ | background:transparent; | ||
+ | } | ||
+ | |||
+ | #menubar{ | ||
+ | clear:both; | ||
+ | top:0px; | ||
+ | z-index:1; | ||
+ | font-size:8pt; | ||
+ | font-family:"Arial";} | ||
+ | #menubar:hover{ | ||
+ | background-color:transparent; | ||
+ | } | ||
+ | |||
+ | .left-menu {margin-top:0px; left:-20px;} | ||
+ | .left-menu ul {border:none;} | ||
+ | .right-menu {margin-top:0px; right:-5px;} | ||
+ | .right-menu ul {border:none;} | ||
+ | .right-menu ul a {background-color:transparent;} | ||
+ | .left-menu li a {color: #ffffff;} | ||
+ | .left-menu li a:visited {color: #ffffff;} | ||
+ | .left-menu li a:hover { color:#bbe0e9;} | ||
+ | .left-menu li a:active{ color:#bbe0e9; font-weight:bold;} | ||
+ | .right-menu li a {color: #000000;} | ||
+ | .right-menu li a:visited {color: #000000;} | ||
+ | .right-menu li a:hover {color:#ababab; text-decoration:none;} | ||
+ | .right-menu li a:active {color:#ababab; text-decoration:none;font-weight:bold;} | ||
+ | |||
+ | #menubar li { | ||
+ | margin: 6px; | ||
+ | } | ||
+ | |||
+ | #catlinks { | ||
+ | position:relative; | ||
+ | top:5px; | ||
+ | left:-5px; | ||
+ | width:990px; | ||
+ | border:none; | ||
+ | background-color:transparent; | ||
+ | padding-top:5px; | ||
+ | clear: both; | ||
+ | } | ||
+ | |||
+ | #footer-box {width:965px; background-color:transparent; border:none; position:relative; top:-50px; padding-top:25px;} | ||
+ | #footer { | ||
+ | position:relative; | ||
+ | bottom:5%; | ||
+ | background-color:transparent; | ||
+ | font-size:8pt; | ||
+ | font-family:"Arial"; | ||
+ | z-index:1; | ||
+ | } | ||
+ | #footer li a {color:#000000;} | ||
+ | #footer img { | ||
+ | margin:10px; | ||
+ | border:none; | ||
+ | } | ||
+ | #footer li a:visited {color::#000000;} | ||
+ | #footer li a:hover { color:#ababab; text-decoration:none; } | ||
+ | #footer li a:active{ color:#ababab; text-decoration:none; font-weight:bold}.navigation{ | ||
+ | margin: 0em auto; | ||
+ | font-family: "Trebuchet MS", sans-serif; | ||
+ | font-size: 1.5em; | ||
+ | font-style: normal; | ||
+ | font-weight: bold; | ||
+ | letter-spacing: 0.0875em; | ||
+ | } | ||
+ | .navigation .item{ | ||
+ | position:absolute; | ||
+ | } | ||
+ | .navigation .item2{ | ||
+ | position:absolute; | ||
+ | } | ||
+ | .ehome{ | ||
+ | top:38.375em; | ||
+ | left:24.5em; | ||
+ | } | ||
+ | .eteam{ | ||
+ | top:10.75em; | ||
+ | left:3.125em; | ||
+ | } | ||
+ | .epart{ | ||
+ | top:4.6875em; | ||
+ | left:14.375em; | ||
+ | } | ||
+ | .eproject{ | ||
+ | top:3em; | ||
+ | left:26.875em; | ||
+ | } | ||
+ | .emodeling{ | ||
+ | top:5.75em; | ||
+ | left:39.6875em; | ||
+ | } | ||
+ | .enote{ | ||
+ | top:13em; | ||
+ | left:50.75em; | ||
+ | } | ||
+ | .esafety{ | ||
+ | top:23.75em; | ||
+ | left:58.4375em; | ||
+ | } | ||
+ | .eatt{ | ||
+ | top:35.9375em; | ||
+ | left:61.5625em; | ||
+ | } | ||
+ | .face{ | ||
+ | top:40.9375em; | ||
+ | left:76.25em; | ||
+ | } | ||
+ | .twit{ | ||
+ | top:44.375em; | ||
+ | left:76.25em; | ||
+ | } | ||
+ | .maill{ | ||
+ | top:37.5em; | ||
+ | left:76.25em; | ||
+ | } | ||
+ | a.icon2{ | ||
+ | width:4.875em; | ||
+ | height:4.875em; | ||
+ | position:absolute; | ||
+ | top:0em; | ||
+ | left:0em; | ||
+ | cursor:pointer; | ||
+ | } | ||
+ | a.icon{ | ||
+ | width:3.25em; | ||
+ | height:3.25em; | ||
+ | position:absolute; | ||
+ | top:0em; | ||
+ | left:0em; | ||
+ | cursor:pointer; | ||
+ | } | ||
+ | .ehome a.icon2{ | ||
+ | background:transparent url(../images/ehome.png) no-repeat 0em 0em; | ||
+ | } | ||
+ | .eteam a.icon{ | ||
+ | background:transparent url(../images/eteam.png) no-repeat 0em 0em; | ||
+ | } | ||
+ | .epart a.icon{ | ||
+ | background:transparent url(../images/epart.png) no-repeat 0em 0em; | ||
+ | } | ||
+ | .eproject a.icon{ | ||
+ | background:transparent url(../images/eproject.png) no-repeat 0em 0em; | ||
+ | } | ||
+ | .emodeling a.icon{ | ||
+ | background:transparent url(../images/emodeling.png) no-repeat 0em 0em; | ||
+ | } | ||
+ | .enote a.icon{ | ||
+ | background:transparent url(../images/enote.png) no-repeat 0em 0em; | ||
+ | } | ||
+ | .esafety a.icon{ | ||
+ | background:transparent url(../images/esafety.png) no-repeat 0em 0em; | ||
+ | } | ||
+ | .eatt a.icon{ | ||
+ | background:transparent url(../images/eatt.png) no-repeat 0em 0em; | ||
+ | } | ||
+ | .face a.icon{ | ||
+ | background:transparent url(../images/face.png) no-repeat 0em 0em; | ||
+ | } | ||
+ | .twit a.icon{ | ||
+ | background:transparent url(../images/twit.png) no-repeat 0em 0em; | ||
+ | } | ||
+ | .maill a.icon{ | ||
+ | background:transparent url(../images/maill.png) no-repeat 0em 0em; | ||
+ | } | ||
+ | .navigation .item a.active{ | ||
+ | background-position:0em -3.25em; | ||
+ | } | ||
+ | .navigation .item2 a.active{ | ||
+ | background-position:0em -4.875em; | ||
+ | } | ||
+ | .item img.circle{ | ||
+ | position:absolute; | ||
+ | top:0em; | ||
+ | left:0em; | ||
+ | width:3.25em; | ||
+ | height:3.25em; | ||
+ | opacity:0.1; | ||
+ | } | ||
+ | .item h2{ | ||
+ | position:absolute; | ||
+ | width:9.1875em; | ||
+ | height:3.25em; | ||
+ | color:#222; | ||
+ | font-size:1.125em; | ||
+ | top:0em; | ||
+ | left:3.25em; | ||
+ | text-indent:0.625em; | ||
+ | line-height:3.25em; | ||
+ | text-shadow:0.0625em 0.0625em 0.0625em #fff; | ||
+ | text-transform:uppercase; | ||
+ | } | ||
+ | .item h2.active{ | ||
+ | color:#fff; | ||
+ | text-shadow:0.0625em 0em 0.0625em #555; | ||
+ | } | ||
+ | .item ul{ | ||
+ | list-style:none; | ||
+ | position:absolute; | ||
+ | top:3.75em; | ||
+ | left:1.5625em; | ||
+ | display:none; | ||
+ | } | ||
+ | .item ul li a{ | ||
+ | font-size:0.9375em; | ||
+ | text-decoration:none; | ||
+ | letter-spacing:0.09375em; | ||
+ | text-transform:uppercase; | ||
+ | color:#222; | ||
+ | padding:0.1875em; | ||
+ | float:left; | ||
+ | clear:both; | ||
+ | width:7.1875em; | ||
+ | text-shadow:0.0625em 0.0625em 0.0625em #fff; | ||
+ | } | ||
+ | .item ul li a:hover{ | ||
+ | background-color:#fff; | ||
+ | color:#444; | ||
+ | -moz-border-radius:0.3125em; | ||
+ | -webkit-border-radius:0.3125em; | ||
+ | border-radius:0.3125; | ||
+ | -moz-box-shadow:0.0625em 0.0625em 0.25em #666; | ||
+ | -webkit-box-shadow:0.0625em 0.0625em 0.25em #666; | ||
+ | box-shadow:0.0625em 0.0625em 0.25em #666; | ||
+ | } | ||
+ | |||
*{ | *{ | ||
font-size:16px; | font-size:16px; |
Revision as of 02:48, 2 August 2012
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">