Team:Dundee/stylesheet
From 2014.igem.org
(Difference between revisions)
Line 117: | Line 117: | ||
- | + | /* 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: 0 auto -60px; | ||
+ | } | ||
+ | |||
+ | /* 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; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | br{ | ||
+ | text-decoration:none | ||
+ | } | ||
+ | |||
+ | /* end Over ride */ |
Latest revision as of 15:12, 7 September 2014
/* OVER RIDE IGEM CSS */
#globalWrapper{ font-size:14px; }
#content{ width:auto; }
#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: 95%; line-height: 1em; margin-top:58px; //padding-left: 9%;
}
.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 ul {
color: #555555; list-style: none; background-color:#727272;
}
- 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: 0 auto -60px; }
/* 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; } } br{ text-decoration:none }
/* end Over ride */