Team:KAIST Korea/css

From 2012.igem.org

(Difference between revisions)
(Blanked the page)
Line 1: Line 1:
-
 
+
.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;
 +
}

Revision as of 08:41, 1 August 2012

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

}

Retrieved from "http://2012.igem.org/Team:KAIST_Korea/css"