Team:Dundee/stylesheet
From 2014.igem.org
(Difference between revisions)
(Blanked the page) |
|||
Line 1: | Line 1: | ||
+ | /* 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 */ |
Revision as of 13:58, 8 August 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 */