Team:Alberta/CSS



.content{ content: ' '; clear: both; display: block; height: 0; font: 80% Verdana, Arial, Helvetica, sans-serif; overflow: hidden; }

.chromestyle{ width: 99%; font-weight: bold; }

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

.chromestyle ul{ border: 1px solid #BBB; width: 100%; background: url(http://2009.igem.org/wiki/images/9/9c/UofA_chromebg3.jpg) center center repeat-x; /*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: 1px solid #ADED7C; /*THEME CHANGE HERE*/ }

.chromestyle ul li a:hover, .chromestyle ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/ background: url(http://2009.igem.org/wiki/images/8/8f/UofA_chromebg3-over.jpg) center center repeat-x; /*THEME CHANGE HERE*/ }

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

.dropmenudiv{ position:absolute; top: 0; border: 1px solid #ADED7C; /*THEME CHANGE HERE*/ border-bottom-width: 0; font:normal 12px Verdana; line-height:18px; z-index:100; background-color: white; width: 200px; visibility: hidden; }

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

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