"
Team:Calgary Entrepreneurial/Stylesheets/global.css
From 2013.igem.org
| (22 intermediate revisions not shown) | |||
| Line 33: | Line 33: | ||
position: fixed; | position: fixed; | ||
width: 100%; | width: 100%; | ||
| - | z-index: | + | z-index: 3; |
} | } | ||
| Line 102: | Line 102: | ||
color: #000 !important; | color: #000 !important; | ||
font-size: 0.8rem; | font-size: 0.8rem; | ||
| + | } | ||
| + | |||
| + | div.right-menu{ | ||
| + | z-index: 0; | ||
} | } | ||
| Line 141: | Line 145: | ||
border: 0; | border: 0; | ||
font-family: Roboto, sans-serif; | 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{ | + | p, #maincontent li{ |
font-family: Average, serif; | font-family: Average, serif; | ||
font-size: 1rem; | font-size: 1rem; | ||
| + | line-height: 1.5rem; | ||
margin: 0; | margin: 0; | ||
| - | padding: 0; | + | padding: 0; /*must be 0 to avoid weird nav spacing*/ |
} | } | ||
| + | |||
| + | #maincontent a, #maincontent a:focus{ | ||
| + | color: #6ba72c; | ||
| + | } | ||
| + | |||
| + | #maincontent a:visited{ | ||
| + | color: #49850a; | ||
| + | } | ||
body, #content{ | body, #content{ | ||
| Line 174: | Line 211: | ||
.left-menu li a, .right-menu li a { | .left-menu li a, .right-menu li a { | ||
color: #000 !important; | color: #000 !important; | ||
| - | font-size: 0.7rem; | + | font-size: 0.7rem !important; |
padding: 0 0.6em 0 0; | padding: 0 0.6em 0 0; | ||
} | } | ||
| Line 182: | Line 219: | ||
background: none; | background: none; | ||
color: #000 !important; | color: #000 !important; | ||
| - | font-size: 0.7rem; | + | 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 { | .left-menu li a:hover, .right-menu li a:hover, .right-menu li a:visited, .right-menu li a:active { | ||
color: #000 !important; | color: #000 !important; | ||
| - | font-size: 0.7rem; | + | font-size: 0.7rem !important; |
} | } | ||
/**End wiki-specific CSS**/ | /**End wiki-specific CSS**/ | ||
| + | |||
| + | h1{ | ||
| + | font-size: 1.8rem; | ||
| + | line-height: 2.1rem; | ||
| + | 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; | ||
| + | line-height: 1.4rem; | ||
| + | margin: 0; | ||
| + | padding: 0; /*must be 0 to avoid weird nav spacing*/ | ||
| + | } | ||
| + | |||
| + | } | ||
| + | |||
| + | @media screen and (max-width: 768px){ | ||
| + | |||
| + | div#top-section{ | ||
| + | z-index: 3; | ||
| + | } | ||
| + | |||
| + | #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; | ||
| + | } | ||
} | } | ||
Latest revision as of 21:03, 20 May 2014
/*** 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; line-height: 1.5rem; margin: 0; padding: 0; /*must be 0 to avoid weird nav spacing*/ }
#maincontent a, #maincontent a:focus{ color: #6ba72c; }
#maincontent 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**/
h1{
font-size: 1.8rem;
line-height: 2.1rem;
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; line-height: 1.4rem; margin: 0; padding: 0; /*must be 0 to avoid weird nav spacing*/ }
}
@media screen and (max-width: 768px){
div#top-section{ z-index: 3; }
#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; } }
