Team:ETH Zurich/css/adjust igem standard.css
From 2014.igem.org
- contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear, .firstHeading {display: none;}, /*-- hides default wiki settings --*/
body {
font: x-small sans-serif; color: black; margin: 0; padding: 0; background-color: #aaaaaa;
}
/* scale back up to a sane default */
- globalWrapper {
position: relative; font-size: 127%; width: 100%; margin: 0; padding: 0; padding-bottom: 10px;
} .visualClear {
clear: both;
}
/* The top section contains the banner, the search box, and the left and right menus */
- top-section {
position: relative; height: 98px; width: 975px;
- margin-left: 10px;
margin: 0 auto 0 auto;
border-left: 1px solid #444444; border-right: 1px solid #444444; border-bottom: 1px solid #444444;
}
- p-logo {
position: absolute; z-index: 1; height: 107px; width: 975px;
}
- p-logo h5 {
display: none;
}
- p-logo a,
- p-logo a:hover {
text-decoration: none;
}
- search-controls {
position: absolute; top: 20px; right: 15px; width: 150px; height: 40px; background-color: transparent;
text-align: center; z-index: 3;
} input.searchButton { margin: 1px 5px 0 10px; font-size: 100%; background: none; border: none; color: #AAAAFF; font-weight: bold; } input.searchButton:hover { color: white; }
- searchInput {
width: 10.9em; margin: 0; font-size: 95%;
}
- searchGoButton {
margin-right: 0px; margin-left: 35px; }
- menubar {
position: absolute; white-space: nowrap; top: -6px; width: 400px; z-index: 5; font-family: sans-serif; font-size: 95%; line-height: 1em;
}
.left-menu, .left-menu a {
left: 0px; text-align: left; color:transparent; text-transform: lowercase;
}
.left-menu:hover {
color: white; background-color: #555555
} .right-menu, .right-menu a {
right: 0px; text-align: right; color: white;
}
- menubar ul {
color: #555555; list-style: none;
}
- menubar li {
display: inline; position: relative; cursor: pointer; padding-left: 0px; padding-right: 0px;
} .left-menu li a {
padding: 0px 10px 0px 0px;
} .left-menu .selected {
- color: white;
}
- .left-menu .selected:hover {
- color: #5555FF;
- }
.left-menu:hover a {
color: white;
} .right-menu li {
- background-color: #606060;
} .right-menu li a {
padding: 0px 15px 0px 0px; color: white; background-color: #606060;
} .right-menu li a:hover {
color: #aaaaff; text-decoration: underline;
}