"
Team:Calgary Entrepreneurial/Stylesheets/global.css
From 2013.igem.org
| Line 33: | Line 33: | ||
position: fixed; | position: fixed; | ||
width: 100%; | width: 100%; | ||
| - | z-index: | + | z-index: 3; |
} | } | ||
Revision as of 00:40, 28 October 2013
/*** Minimal header: removes the search bar and header image and readjusts font colours in the menus.
Thanks a lot to the 2011 Brown-Stanford and 2012 Lethbridge iGEM teams for snippets of their code! Check out their wikis at: https://2011.igem.org/Team:Brown-Stanford https://2012.igem.org/Team:Lethbridge
- /
- content h1.firstHeading, #contentSub{
display: none; }
- p-logo {
display: none; }
- searchform {
display: none;
}
.left-menu { background-color: #555;
} .left-menu a {
color: #000;
}
div#top-section{ /*the div containing the entire top bar*/ background: #DEDEDE; border: none; height: 1.5em; margin-bottom: 0px !important; position: fixed; width: 100%; z-index: 3; }
- content{
border: 0; margin: 0; padding: 0; position: static; width: 100%; z-index: 1; }
/*** removes the little padlock icons on secure site links Thanks to Rob Kam on MediaWiki's Talk page: http://www.mediawiki.org/wiki/Thread:Project:Support_desk/Padlock_icons_on_HTTPS_links._Why%3F_and_how_to_switch_off%3F ***/ div#content a[href ^="https://"].external{ background: center right no-repeat; padding-right: 18px; }
- search-controls {
overflow:hidden; display:none; background: none; position: absolute; top: 170px; right: 40px; }
div#header {
width: 975px;
text-align: left;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px !important;
}
- menubar {
position: absolute; background: none; color: black; font-family: Roboto, Sans-Serif; }
.left-menu, .right-menu{ position: absolute; background: none; color: black; }
.left-menu li a, .right-menu li a { color: #000 !important; font-size: 0.8rem; padding: 0 0.6em 0 0; }
.left-menu ul li, .right-menu ul li a{
background: none;
color: #000 !important;
font-size: 0.8rem;
}
.left-menu li a:hover, .right-menu li a:hover, .right-menu li a:visited, .right-menu li a:active {
color: #000 !important;
font-size: 0.8rem; }
div.right-menu{ z-index: 0; }
- catlinks{
display:none; }
- footer-box{
background: #DEDEDE; width: 100%; margin: 0; padding: 0; border: none; }
- f-list li a{
color: #555555; font-family: Roboto, Sans-Serif; font-size: 0.8rem; text-decoration: none; }
#f-list li a:hover{ text-decoration: none; }
/*important for background colours*/ .mediawiki{ background: #ffffff; }
/***End minimal header***/
html{ font-size: 100%; }
h1, h2, h3, h4{ border: 0; font-family: Roboto, sans-serif; margin: 0; padding: 0; }
h1{ color: #111111; font-size: 2.1rem; line-height: 2.4rem; margin: 1.5rem 0 0.6rem 0 !important; }
h2{ color: #333333; font-size: 1.8rem; font-weight: 300; line-height: 2.2rem; margin: 1.6rem 0 0.5rem 0 !important; }
h3{ color: #7cb83d; /*will be overwritten based on section theme*/ font-size: 1.55rem; font-weight: 500; margin: 1rem 0 0.2rem 1rem !important; }
p, #maincontent li{ font-family: Average, serif; font-size: 1rem; margin: 0; padding: 0; /*must be 0 to avoid weird nav spacing*/ }
p a, p a:focus{ color: #6ba72c; }
p a:visited{ color: #49850a; }
body, #content{ background: #404040 !important; font-size: 100%; height: 100%; margin: 0; padding: 0; }
@media screen and (max-width: 1050px){
/**Wiki-specific CSS**/
div#top-section{ /*the div containing the entire top bar*/ background: #DEDEDE; border: none; height: 1.3em; margin-bottom: 0px !important; position: fixed; width: 100%; z-index: 2; }
.left-menu li a, .right-menu li a { color: #000 !important; font-size: 0.7rem !important; padding: 0 0.6em 0 0; }
.left-menu ul li, .right-menu ul li a{
background: none;
color: #000 !important;
font-size: 0.7rem !important;
}
.left-menu li a:hover, .right-menu li a:hover, .right-menu li a:visited, .right-menu li a:active { color: #000 !important; font-size: 0.7rem !important; }
/**End wiki-specific CSS**/
}
@media screen and (max-width: 768px){ #menubar{ width: auto; }
.right-menu{ z-index: 0 !important; }
.left-menu li a, .right-menu li a { color: #000 !important; font-size: 0.7rem !important; padding: 0 0.6em 0 0; }
.left-menu ul{ margin-left: 0.2em; }
.left-menu ul li, .right-menu ul li a{ background: none; color: #000 !important; font-size: 0.5rem !important; }
.left-menu li a:hover, .right-menu li a:hover, .right-menu li a:visited, .right-menu li a:active { color: #000 !important; font-size: 0.5rem !important; } }
