User:Maiko/chiba.css

From 2010.igem.org

< User:Maiko(Difference between revisions)
 
(2 intermediate revisions not shown)
Line 2: Line 2:
font-family:Century Gothic;
font-family:Century Gothic;
font:bold;}
font:bold;}
 +
 +
 +
/*- Menu Tabs E--------------------------- */
 +
 +
#tabsE {
 +
      float:left;
 +
      width:100%;
 +
      background:#373737;
 +
      font-size:100%;
 +
      line-height:normal;
 +
      margin-top: -9px;
 +
      }
 +
#tabsE ul {
 +
        margin:0;
 +
        padding:2px 10px 0 95px;
 +
        list-style:none;
 +
      }
 +
#tabsE li {
 +
      float:left;
 +
      display:inline;
 +
      padding:0;
 +
      margin-right: 40px;
 +
      }
 +
#tabsE li ul {
 +
position: absolute;
 +
left: -999em;
 +
    }
 +
#tabsE li:hover ul {
 +
      float:left;
 +
      color: white !important;
 +
    }
 +
#tabsE li:hover ul, #tabsE li.sfhover ul {
 +
      left:auto;
 +
      padding: 10px;
 +
      color: white !important;
 +
    }
 +
#tabsE a {
 +
      float:left;
 +
      background:url("tableftE.gif") no-repeat left top;
 +
      margin:0;
 +
      padding:0 0 0 2px;
 +
      text-decoration:none;
 +
      }
 +
#tabsE a span {
 +
      float:left;
 +
      display:block;
 +
      background:url("tabrightE.gif") no-repeat right top;
 +
      padding:5px 15px 4px 6px;
 +
      color:#FFF;
 +
      }
 +
/* Commented Backslash Hack hides rule from IE5-Mac \*/
 +
#tabsE a span {float:none;}
 +
/* End IE5-Mac hack */
 +
#tabsE a:hover span {
 +
      color:#FFF;
 +
      }
 +
#tabsE a:hover {
 +
      background-position:0% -42px;
 +
      }
 +
#tabsE a:hover span {
 +
      background-position:100% -42px;
 +
      }
 +
#tabsE #current a {
 +
                background-position:0% -42px;
 +
        }
 +
#tabsE #current a span {
 +
                background-position:100% -42px;
 +
        }
 +
sfHover = function() {
 +
var sfEls = document.getElementById("tabsE").getElementsByTagName("LI");
 +
for (var i=0; i<sfEls.length; i++) {
 +
sfEls[i].onmouseover=function() {
 +
this.className+=" sfhover";
 +
}
 +
sfEls[i].onmouseout=function() {
 +
this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
 +
}
 +
}
 +
}
 +
if (window.attachEvent) window.attachEvent("onload", sfHover);

Latest revision as of 15:12, 27 October 2010

h1,h2,h3,h4,h5{
font-family:Century Gothic;
font:bold;}


/*- Menu Tabs E--------------------------- */

#tabsE {
      float:left;
      width:100%;
      background:#373737;
      font-size:100%;
      line-height:normal;
      margin-top: -9px;
      }
#tabsE ul {
        margin:0;
        padding:2px 10px 0 95px;
        list-style:none;
      }
#tabsE li {
      float:left;
      display:inline;
      padding:0;
      margin-right: 40px;
      }
#tabsE li ul {
	position: absolute;
	left: -999em;
    }
#tabsE li:hover ul {
       float:left;
       color: white !important;
    }
#tabsE li:hover ul, #tabsE li.sfhover ul {
      left:auto;
      padding: 10px;
      color: white !important;
    }
#tabsE a {
      float:left;
      background:url("tableftE.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 2px;
      text-decoration:none;
      }
#tabsE a span {
      float:left;
      display:block;
      background:url("tabrightE.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#FFF;
      }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsE a span {float:none;}
/* End IE5-Mac hack */
#tabsE a:hover span {
      color:#FFF;
      }
#tabsE a:hover {
      background-position:0% -42px;
      }
#tabsE a:hover span {
      background-position:100% -42px;
      }
#tabsE #current a {
                background-position:0% -42px;
        }
#tabsE #current a span {
                background-position:100% -42px;
        }
sfHover = function() {
	var sfEls = document.getElementById("tabsE").getElementsByTagName("LI");
	for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onmouseover=function() {
			this.className+=" sfhover";
		}
		sfEls[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
		}
	}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);
Retrieved from "http://2010.igem.org/User:Maiko/chiba.css"