Team:Westminster/css/main.css
From 2013.igem.org
/* ==========================================================================
Custom styles ========================================================================== */
/* ------------------------------OVERRIDES----------------------------------- */ /* OVER RIDE IGEM CSS */
- globalWrapper{
font-size: 110%;
}
- content{
width:auto; margin: 0; padding: 0; background: transparent;
}
- contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
display:none;}
- top-section {
border: none; height: 0px;}
- content {
border: none;}
/* MediaWiki Top Menu
- menubar {
font-size: 65%; top: -14px; display:none;
} .left-menu:hover {
background-color: transparent;}
- menubar li a {
background-color: transparent;}
- menubar:hover {
color: white;}
- menubar li a {
color: transparent;}
- menubar:hover li a {
color: white;}
- previewnote {
display:none;
}
- /
- menubar {
position: fixed; white-space: nowrap; width: 400px; z-index: 5; font-family: sans-serif; font-size: 75%; line-height: 1em; bottom: 10px; margin-top:58px; top: auto; bottom: 10px;
}
.left-menu, .left-menu a {
left: 0px; text-align: left; color:transparent; text-transform: lowercase;
}
.left-menu:hover {
color: white; background-color: transparent;
} .right-menu, .right-menu a {
right: 0px; text-align: right; color: white;
}
- menubar li {
display: inline; position: relative; cursor: pointer; padding-left: 0px; padding-right: 0px;
} .left-menu li a {
padding: 0px 10px 0px 0px; color:white;
} .left-menu .selected {
color: white;
}
- .left-menu .selected:hover {
color: #5555FF;
}
.left-menu:hover a {
color: white;
} .right-menu li {
background-color: transparent;
} .right-menu li a {
background-color: transparent;
} .right-menu li a:hover {
color: #aaaaff; text-decoration: underline;
}
- bodyContent{
/* background: none; */ }
- bodyContent a[href^="https://"], .link-https {
background: none; padding-right: none;
}
/* Sticky footer styles
*/
/* Wrapper for page content to push down footer */
- wrap {
min-height: 100%; height: auto !important; height: 100%; /* Negative indent footer by it's height */ margin: 60px auto -30px;
}
/* Set the fixed height of the footer here */
- push,
- footer {
height: 60px;
}
- footer {
/*background-color: #f5f5f5;*/ text-align:center;
}
/* Lastly, apply responsive CSS fixes as necessary */ @media (max-width: 767px) {
#footer { margin-left: -20px; margin-right: -20px; padding-left: 20px; padding-right: 20px; }
}
/* Custom page CSS
*/
/* Not required for template or sticky footer method. */
- wrap > .container {
padding-top: 50px;
} .container .credit {
margin: 20px 0;
}
code {
font-size: 80%;
}
.carousel-control{
line-height: 3;
}
/* end Over ride */
- mainwrapper {
margin: 80px auto 0 auto; text-align: center;
}
.nav {
font-size: 14pt;
}