"
Team:Heidelberg/Templates/MainTemplate
From 2014.igem.org
(Difference between revisions)
| (22 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"> | <script type="text/javascript"> | ||
document.styleSheets[0].disabled = true; | document.styleSheets[0].disabled = true; | ||
| Line 30: | Line 36: | ||
} | } | ||
| - | @media (min-width: 768px) | + | |
| + | #footer-box { | ||
| + | padding-right: 15px; | ||
| + | padding-left: 15px; | ||
| + | margin-right: auto; | ||
| + | margin-left: auto; | ||
| + | border:none; | ||
| + | width: 100%; | ||
| + | } | ||
| + | |||
| + | @media (min-width: 768px) { | ||
#top-section { | #top-section { | ||
| + | width: 750px; | ||
| + | } | ||
| + | #footer-box { | ||
width: 750px; | width: 750px; | ||
} | } | ||
| Line 39: | Line 58: | ||
@media (min-width: 992px) { | @media (min-width: 992px) { | ||
#top-section { | #top-section { | ||
| + | width: 970px; | ||
| + | } | ||
| + | #footer-box { | ||
width: 970px; | width: 970px; | ||
} | } | ||
| Line 45: | Line 67: | ||
@media (min-width: 1200px) { | @media (min-width: 1200px) { | ||
#top-section { | #top-section { | ||
| + | width: 1170px; | ||
| + | } | ||
| + | #footer-box { | ||
width: 1170px; | width: 1170px; | ||
} | } | ||
| Line 53: | Line 78: | ||
white-space: nowrap; | white-space: nowrap; | ||
top: -6px; | top: -6px; | ||
| - | + | z-index: 1035; | |
| - | z-index: | + | |
font-family: sans-serif; | font-family: sans-serif; | ||
font-size: 95%; | font-size: 95%; | ||
line-height: 1em; | line-height: 1em; | ||
| + | } | ||
| + | |||
| + | #menubar ul { | ||
| + | margin-bottom: 0; | ||
} | } | ||
| Line 65: | Line 93: | ||
color:transparent; | color:transparent; | ||
text-transform: lowercase; | text-transform: lowercase; | ||
| + | } | ||
| + | |||
| + | .left-menu li { | ||
| + | color:transparent !important; | ||
| + | } | ||
| + | |||
| + | .left-menu:hover li { | ||
| + | color: white !important; | ||
} | } | ||
| Line 71: | Line 107: | ||
background-color: #555555 | background-color: #555555 | ||
} | } | ||
| + | |||
| + | |||
.left-menu:hover a { | .left-menu:hover a { | ||
| Line 98: | Line 136: | ||
color: #555555; | color: #555555; | ||
list-style: none; | list-style: none; | ||
| - | margin-top:10px; | + | margin-top:10px; |
} | } | ||
| + | |||
#menubar li { | #menubar li { | ||
display: inline; | display: inline; | ||
| Line 107: | Line 146: | ||
padding-right: 0px; | padding-right: 0px; | ||
} | } | ||
| + | |||
.left-menu li a { | .left-menu li a { | ||
padding: 0px 10px 0px 0px; | padding: 0px 10px 0px 0px; | ||
| Line 120: | Line 160: | ||
} | } | ||
| - | |||
| - | |||
| - | |||
#top-section { | #top-section { | ||
| Line 159: | Line 196: | ||
background:none; | background:none; | ||
} | } | ||
| - | #footer { | + | |
| - | + | ||
| + | #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
