Template:GeorgiaTech/css/experiment.css

From 2014.igem.org

(Difference between revisions)
(Undo revision 16035 by Troy (talk))
Line 2: Line 2:
<head>
<head>
<style type="text/css">
<style type="text/css">
 +
 +
 +
div.navigater {
 +
border-top-style: solid;
 +
border-top-width: 2px;
 +
border-color: #000;
 +
}
 +
.navigater ul {
 +
position: relative;
 +
left: -10px;
 +
  z-index:100;
 +
text-align: center;
 +
display: inline;
 +
list-style: none;
 +
}
 +
 +
.navigater ul li {
 +
  z-index:100;
 +
  font: bold 14px/20PX helvetica;
 +
  display: inline-block;
 +
  margin: 0 20px;
 +
  padding-bottom: 18px;
 +
  position: relative;
 +
  width: 110px;
 +
  height: 32px;
 +
  background-repeat:no-repeat;
 +
  text-align:center;
 +
  -webkit-transition: background-image 0.2s;
 +
  -moz-transition: background-image 0.2s;
 +
  -ms-transition: background-image 0.2s;
 +
  -o-transition: background-image 0.2s;
 +
  transition: background-image 0.2s;
 +
}
 +
.navigater ul li span{
 +
color: rgb(252,241,206);
 +
display: block;
 +
font-size:16px/20px;
 +
width: 110px;
 +
height: 14px;
 +
padding-bottom:18px;
 +
padding-top: 18px;
 +
text-align:center;
 +
text-decoration:none;
 +
}
 +
.navigater ul li span:hover{
 +
        cursor:default;
 +
}
 +
.navigater ul li a:link{
 +
color: rgb(252,241,206);
 +
display: block;
 +
font-size:16px/20px;
 +
width: 110px;
 +
height: 14px;
 +
padding-bottom:18px;
 +
padding-top: 18px;
 +
text-align:center;
 +
text-decoration:none;
 +
}
 +
.navigater ul li a:hover {text-decoration:none; background-color: transparent;}
 +
.navigater ul li a:visited {text-decoration:none; background-color: transparent;}
 +
 +
.navigater ul li:hover {
 +
z-index:100;
 +
color: #fff;
 +
-webkit-transition: background-image 0.2s;
 +
-moz-transition: background-image 0.2s;
 +
-ms-transition: background-image 0.2s;
 +
-o-transition: background-image 0.2s;
 +
transition: background-image 0.2s;
 +
}
 +
.navigater ul li ul {
 +
z-index:100;
 +
position: absolute;
 +
top: 46px;
 +
left: -18px;
 +
width: 104px;
 +
display: none;
 +
opacity: 0;
 +
visibility: hidden;
 +
-webkit-transiton: opacity 0.2s;
 +
-moz-transition: opacity 0.2s;
 +
-ms-transition: opacity 0.2s;
 +
-o-transition: opacity 0.2s;
 +
-transition: opacity 0.2s;
 +
}
 +
 +
.navigater ul li ul li {
 +
 +
z-index:100;
 +
width: 104px;
 +
margin:0px 0px 10px 0px;
 +
display: block;
 +
        padding: 0px;
 +
 +
}
 +
 +
.navigater ul li ul li a:link{
 +
width: 104px;
 +
font-size:12px;
 +
        padding-bottom: 9px;
 +
        padding-top: 9px;
 +
        margin:0px;
 +
}
 +
 +
.navigater ul li ul li:hover {
 +
background-image:url(https://static.igem.org/mediawiki/2013/0/05/WIKI-light.png);
 +
background-repeat: no-repeat;
 +
background-position: 50% 60%;
 +
 +
}
 +
.navigater ul li:hover ul {
 +
  z-index:100;
 +
  display: block;
 +
  opacity: 0.95;
 +
  visibility: visible;
 +
}
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear {display: none;} /*-- hides default wiki settings --*/
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear {display: none;} /*-- hides default wiki settings --*/

Revision as of 17:39, 17 June 2014

Retrieved from "http://2014.igem.org/Template:GeorgiaTech/css/experiment.css"