Team:KAIST Korea/css

From 2012.igem.org

(Difference between revisions)
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;}

  1. top-section {

height:80px; width:1000px; border:none; z-index:0; }

  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;

}

  1. menubar{

clear:both; top:0px; z-index:1; font-size:8pt; font-family:"Arial";}

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

  1. menubar li {
       margin: 6px;

}

  1. catlinks {

position:relative; top:5px; left:-5px; width:990px; border:none; background-color:transparent; padding-top:5px; clear: both; }

  1. footer-box {width:965px; background-color:transparent; border:none; position:relative; top:-50px; padding-top:25px;}
  2. footer {

position:relative; bottom:5%; background-color:transparent; font-size:8pt; font-family:"Arial"; z-index:1; }

  1. footer li a {color:#000000;}
  2. footer img {

margin:10px; border:none; }

  1. footer li a:visited {color::#000000;}
  2. footer li a:hover { color:#ababab; text-decoration:none; }
  3. 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;

}