Team:KAIST Korea/css

From 2012.igem.org

(Difference between revisions)
Line 1: Line 1:
 +
<!--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;
 +
}
 +
.navigation{
.navigation{
     margin: 0em auto;
     margin: 0em auto;

Revision as of 02:17, 2 August 2012

  1. p-logo {position:relative; top:0px; z-index:0; height:1px; width:10px; overflow:hidden;}
  2. 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;

}

.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;

}