User:Maiko/chiba.css

From 2010.igem.org

(Difference between revisions)
Revision as of 14:59, 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);