Team:Tsinghua-A/css/header1.css

From 2013.igem.org

(Difference between revisions)
(Created page with ".chromestyle{ width: 99%; font-weight: bold; font:normal 25px Verdana; } .chromestyle:after{ - Add margin between menu and rest of content in Firefox: content: "."; display: b...")
 
Line 1: Line 1:
.chromestyle{
.chromestyle{
-
width: 99%;
+
position: relative;
 +
width: 100%;
font-weight: bold;
font-weight: bold;
font:normal 25px Verdana;
font:normal 25px Verdana;
 +
}
}
Line 64: Line 66:
text-decoration: none;
text-decoration: none;
font-weight: bold;
font-weight: bold;
-
color: black;
+
color: white;
}
}

Latest revision as of 18:26, 26 September 2013

.chromestyle{ position: relative; width: 100%; font-weight: bold; font:normal 25px Verdana;

}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/ content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.chromestyle ul{ border: none; width: 100%; background-color: #FFD700; /*THEME CHANGE HERE*/ padding: 4px 0; margin: 0; text-align: center; /*set value to "left", "center", or "right"*/ }

.chromestyle ul li{ display: inline; }

.chromestyle ul li a{ color: #494949; padding: 4px 7px; margin: 0; text-decoration: none; border-right: none; /*THEME CHANGE HERE*/ } background-color: #FFD700; .chromestyle ul li a:hover, .chromestyle ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/ background: ; /*THEME CHANGE HERE*/ }


/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{ position:absolute; top: 0; border:none #E8BEBE; /*THEME CHANGE HERE*/ border-bottom-width: 0; font:normal 25px Verdana;

line-height:35px; z-index:100; background-color: #FFD700; width: 250px; visibility: hidden; }


.dropmenudiv a{ width: 100%; display: block; text-indent: 3px; border: none; /*THEME CHANGE HERE*/ padding: 2px 0; text-decoration: none; font-weight: bold; color: white; }

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/ background-color: #FFECEC; }