Team:KAIST Korea/css
From 2012.igem.org
Line 19: | Line 19: | ||
} | } | ||
- | .navigation{ | + | #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; | margin: 0em auto; | ||
font-family: "Trebuchet MS", sans-serif; | font-family: "Trebuchet MS", sans-serif; |
Revision as of 02:47, 2 August 2012
.firstHeading {display:none;}
- top-section {
height:80px; width:1000px; border:none; z-index:0; }
- 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;
}