Team:Heidelberg/Templates/MainTemplate
From 2014.igem.org
(Difference between revisions)
(81 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
+ | |||
+ | {{#tag:html| | ||
+ | {{{unresponsive|<meta name="viewport" content="width=device-width, initial-scale=1">}}} | ||
+ | }} | ||
<html> | <html> | ||
+ | <meta http-equiv="X-UA-Compatible" content="IE=edge"> | ||
+ | |||
+ | <script type="text/javascript"> | ||
+ | document.styleSheets[0].disabled = true; | ||
+ | </script> | ||
<style type="text/css"> | <style type="text/css"> | ||
+ | /* | ||
body {background-color: white;} | body {background-color: white;} | ||
#globalWrapper {visibility: hidden; background-color: white;} | #globalWrapper {visibility: hidden; background-color: white;} | ||
- | #menubar, right-menu {visibility: visible; | + | #menubar, right-menu {visibility: visible;} |
- | #extein {visibility: visible;} | + | #menubar a:link, #menubar a:active, #menubar a:visited, #menubar a:hover, #menubar:hover { |
+ | color: #727272; text-decoration: none; background-color: transparent; | ||
+ | } | ||
+ | #extein { | ||
+ | visibility: visible; width: 100%; height: 100%; border: 0px; background-color: transparent; margin: 0px; padding: 0px; | ||
+ | } | ||
+ | #content, #contentSub, #catlinks, .printfooter, .visualClear, .wrapper {visibility: hidden;} | ||
+ | #footer-box a:link, #footer-box a:active, #footer-box a:visited { | ||
+ | visibility:visible; border: none; color: #727272; text-decoration: none; background-color: transparent; | ||
+ | }*/ | ||
- | . | + | #column-one, #top, .firstHeading, #contentSub, #p-logo, #search-controls{ |
- | + | display: none; | |
- | + | ||
} | } | ||
- | + | #top-section { | |
- | + | position: relative; | |
- | + | margin: 0 auto 0 auto; | |
- | + | border:0; | |
- | + | overflow:visible; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | |||
- | + | ||
+ | #footer-box { | ||
+ | padding-right: 15px; | ||
+ | padding-left: 15px; | ||
+ | margin-right: auto; | ||
+ | margin-left: auto; | ||
+ | border:none; | ||
+ | width: 100%; | ||
} | } | ||
+ | |||
+ | @media (min-width: 768px) { | ||
+ | #top-section { | ||
+ | width: 750px; | ||
+ | } | ||
+ | #footer-box { | ||
+ | width: 750px; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | |||
+ | @media (min-width: 992px) { | ||
+ | #top-section { | ||
+ | width: 970px; | ||
+ | } | ||
+ | #footer-box { | ||
+ | width: 970px; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @media (min-width: 1200px) { | ||
+ | #top-section { | ||
+ | width: 1170px; | ||
+ | } | ||
+ | #footer-box { | ||
+ | width: 1170px; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | #menubar { | ||
+ | position: absolute; | ||
+ | white-space: nowrap; | ||
+ | top: -6px; | ||
+ | z-index: 1035; | ||
+ | font-family: sans-serif; | ||
+ | font-size: 95%; | ||
+ | line-height: 1em; | ||
+ | } | ||
+ | |||
+ | #menubar ul { | ||
+ | margin-bottom: 0; | ||
+ | } | ||
+ | |||
+ | .left-menu, .left-menu a { | ||
+ | left: 0px; | ||
+ | text-align: left; | ||
+ | color:transparent; | ||
+ | text-transform: lowercase; | ||
+ | } | ||
+ | |||
+ | .left-menu li { | ||
+ | color:transparent !important; | ||
+ | } | ||
+ | |||
+ | .left-menu:hover li { | ||
+ | color: white !important; | ||
+ | } | ||
+ | |||
+ | .left-menu:hover { | ||
+ | color: white; | ||
+ | background-color: #555555 | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | .left-menu:hover a { | ||
+ | color: white; | ||
+ | } | ||
+ | |||
+ | .right-menu, .right-menu a { | ||
+ | right: 0px; | ||
+ | text-align: right; | ||
+ | color: white; | ||
+ | } | ||
+ | .right-menu a { | ||
+ | background-color: #606060; | ||
+ | } | ||
+ | |||
+ | .right-menu li a { | ||
+ | padding: 0px 15px 0px 0px; | ||
+ | color: white; | ||
+ | background-color: #606060; | ||
+ | } | ||
+ | .right-menu li a:hover { | ||
+ | color: #aaaaff; | ||
+ | text-decoration: underline; | ||
+ | } | ||
+ | |||
+ | #menubar ul { | ||
+ | color: #555555; | ||
+ | list-style: none; | ||
+ | margin-top:10px; | ||
+ | } | ||
+ | |||
+ | #menubar li { | ||
+ | display: inline; | ||
+ | position: relative; | ||
+ | cursor: pointer; | ||
+ | padding-left: 0px; | ||
+ | padding-right: 0px; | ||
+ | } | ||
+ | |||
+ | .left-menu li a { | ||
+ | padding: 0px 10px 0px 0px; | ||
+ | } | ||
+ | |||
+ | |||
+ | #content { | ||
+ | border:none; | ||
+ | margin:0; | ||
+ | padding:0; | ||
+ | z-index:0; | ||
+ | width:auto; | ||
+ | } | ||
+ | |||
+ | |||
+ | #top-section { | ||
+ | height: auto; | ||
+ | border:0; | ||
+ | } | ||
+ | |||
+ | #bodyContent > p { | ||
+ | display:none; | ||
+ | /* Workaround wrapping of template includes */ | ||
+ | } | ||
+ | |||
+ | #column-content { | ||
+ | margin:0; | ||
+ | padding:0; | ||
+ | float:none; | ||
+ | } | ||
+ | |||
+ | #siteSub { | ||
+ | display:none; | ||
+ | } | ||
+ | |||
+ | #jump-to-nav { | ||
+ | display:none; | ||
+ | } | ||
+ | |||
+ | #catlinks { | ||
+ | display:none; | ||
+ | } | ||
+ | |||
+ | .printfooter { | ||
+ | display:none; | ||
+ | } | ||
+ | |||
+ | body { | ||
+ | background:none; | ||
+ | } | ||
+ | |||
+ | |||
+ | #footer-box *{ | ||
+ | position:relative; | ||
+ | margin-top:10px; | ||
+ | } | ||
+ | |||
+ | #footer-box a { | ||
+ | color: #BFBFBF; | ||
+ | } | ||
+ | |||
+ | #footer-box a:hover { | ||
+ | color: #515151; | ||
+ | } | ||
+ | |||
+ | #footer{ | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | #f-copyrightico { | ||
+ | float: left; | ||
+ | } | ||
+ | |||
+ | #f-poweredbyico { | ||
+ | float: right; | ||
+ | } | ||
+ | |||
+ | head:first-child+body #footer li { | ||
+ | white-space: nowrap; | ||
+ | } | ||
+ | |||
+ | #footer li { | ||
+ | display: inline; | ||
+ | margin: 0 1.3em; | ||
+ | } | ||
+ | |||
</style> | </style> | ||
</html> | </html> |
Latest revision as of 15:42, 12 October 2014