Team:Westminster/css/main.css
From 2013.igem.org
Line 133: | Line 133: | ||
} | } | ||
+ | /* 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 -------- */ | ||
#wrap > .container { | #wrap > .container { | ||
padding-top: 50px; | padding-top: 50px; | ||
} | } | ||
- | .container { | + | .container .credit { |
margin: 20px 0; | margin: 20px 0; | ||
} | } | ||
Line 157: | Line 172: | ||
/* end Over ride */ | /* end Over ride */ | ||
+ | |||
+ | #mainwrapper { | ||
+ | margin: 80px auto 0 auto; | ||
+ | text-align: center; | ||
+ | } | ||
.nav { | .nav { | ||
font-size: 14pt; | font-size: 14pt; | ||
} | } |
Revision as of 19:23, 4 October 2013
/* ==========================================================================
Custom styles ========================================================================== */
/* ------------------------------OVERRIDES----------------------------------- */ /* OVER RIDE IGEM CSS */
- globalWrapper{
font-size:14px;
}
- 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%; margin: 30px auto -10px;
}
/* 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 -------- */
- 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;
}