Team:Marburg/Template:Header
From 2013.igem.org
(Difference between revisions)
m |
m |
||
Line 1: | Line 1: | ||
<html> | <html> | ||
- | <style>https://2013.igem.org/ | + | <style> |
+ | |||
+ | /* Wiki */ | ||
+ | /* Author: Pieter van Boheemen */ | ||
+ | /* Team: TU Delft */ | ||
+ | #globalWrapper { background-color: transparent; width: 100%; height:100%; border:0; font-size: 100%} | ||
+ | #content { background-color: #fff; border: none; width: 100%; overflow: hidden; height:100%; line-height: 10pt; font-size: 100%;} | ||
+ | #bodyContent { width:100%; height:100%;} | ||
+ | #top-section { height: 15px; margin-left: auto; margin-right: auto; margin-bottom: 0 !important; font-size: 10px; z-index: 10; | ||
+ | background: #4cb4b6; position: fixed; top: 0;} | ||
+ | #p-logo { height:1px; overflow:hidden; display: none;} | ||
+ | #search-controls { overflow:hidden; display:block; background: none; position: absolute; top: 100px; right: 40px;} | ||
+ | #footer-box { width: 95%; margin: 0 auto; font-size: 100%; } | ||
+ | #footer { width: 100%; margin: 0 auto; } | ||
+ | #f-list a { color: #333; font-size: 10px;} | ||
+ | #f-list a:hover { color: #666;} | ||
+ | #footer ul { margin: 0; padding: 0;} | ||
+ | #footer ul li { margin-top: 0; margin-bottom: 0; margin-left: 10px; margin-right: 10px; padding: 0;} | ||
+ | .visualClear, .firstHeading, .printfooter, #search-controls, #catlinks, h3#siteSub, #footer-box, #contentSub, p:first-child { display: none; } | ||
+ | |||
+ | #menubar { | ||
+ | width: 100%; | ||
+ | height: 15px; | ||
+ | position: fixed; | ||
+ | top: 0; | ||
+ | display: block; | ||
+ | z-index: 10; | ||
+ | color: #000; | ||
+ | line-height: 15px; | ||
+ | background: url('https://static.igem.org/mediawiki/2013/7/7e/Igem-marburg-header-bg.png') top; | ||
+ | } | ||
+ | |||
+ | #menubar.right-menu, #menubar.left-menu { | ||
+ | height: 15px; | ||
+ | background: #4cb4b6; | ||
+ | z-index: 11; | ||
+ | width: 50%; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | #menubar.right-menu ul, | ||
+ | #menubar.left-menu ul { line-height: 15px; height: 15px; z-index: 11; } | ||
+ | #menubar.right-menu li a, #menubar.left-menu li a { color: #000; background: transparent; padding-left: 5px !important; font-size: 8pt;} | ||
+ | /* Wiki */ | ||
+ | |||
+ | *, html { | ||
+ | padding: 0 !important; | ||
+ | margin: 0 !important; | ||
+ | border: 0 !important; | ||
+ | } | ||
+ | |||
+ | body { | ||
+ | font-family: Verdana, Georgia; | ||
+ | color: #111; | ||
+ | width: 100%; | ||
+ | background: #fff; | ||
+ | font-size: 10pt; | ||
+ | } | ||
+ | |||
+ | a, img { | ||
+ | border: 0; | ||
+ | outline: none; | ||
+ | text-decoration: none; | ||
+ | color: #000; | ||
+ | } | ||
+ | |||
+ | /* header */ | ||
+ | #header { | ||
+ | height: 168px; | ||
+ | width: 100%; | ||
+ | background: url('https://static.igem.org/mediawiki/2013/7/7e/Igem-marburg-header-bg.png') bottom; | ||
+ | text-align: center; | ||
+ | position: fixed; | ||
+ | display: block; | ||
+ | overflow: hidde; | ||
+ | z-index: 15; | ||
+ | } | ||
+ | |||
+ | #header #header-focus { | ||
+ | width: 1000px; | ||
+ | height: 163px; | ||
+ | background: url('https://static.igem.org/mediawiki/2013/8/89/Igem-marburg-header-bg-center.png') no-repeat bottom transparent; | ||
+ | margin: 0 auto !important; | ||
+ | text-align: center; | ||
+ | } | ||
+ | #header #header-focus img { | ||
+ | position: relative; | ||
+ | top: 15px; | ||
+ | } | ||
+ | |||
+ | #header-focus #header-banner { | ||
+ | width: 1000px; | ||
+ | height: 130px; | ||
+ | } | ||
+ | |||
+ | #mr-bg-wrapper { | ||
+ | background: transparent url('https://static.igem.org/mediawiki/2013/5/56/Igem-marburg-wrapper-bg.png') repeat-x fixed 0 153px; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | #mr-main-wrapper { | ||
+ | width: 1000px; | ||
+ | margin: 0 auto !important; | ||
+ | padding-top: 171px !important; | ||
+ | } | ||
+ | |||
+ | #mr-wrapper-wide { | ||
+ | width: 1000px; | ||
+ | text-align: left; | ||
+ | } | ||
+ | |||
+ | #mr-wrapper { | ||
+ | width: 820px; | ||
+ | text-align: left; | ||
+ | float: right; | ||
+ | } | ||
+ | |||
+ | #mr-wrapper p, #mr-wrapper-wide p { | ||
+ | padding: 10px !important; | ||
+ | text-align: justify; | ||
+ | margin-left: 20px !important; | ||
+ | font-size: 10pt; | ||
+ | line-height: 14pt; | ||
+ | } | ||
+ | |||
+ | #mr-wrapper-wide p { | ||
+ | margin-left: 0 !important; | ||
+ | } | ||
+ | |||
+ | #mr-sidebar { | ||
+ | width: 180px; | ||
+ | height: auto; | ||
+ | float: left; | ||
+ | background: transparent url('https://static.igem.org/mediawiki/2013/d/d0/Igem-marburg-sidebar-corner-left-top.png') no-repeat scroll 0 0; | ||
+ | position: relative; | ||
+ | text-align: left; | ||
+ | z-index:1 | ||
+ | } | ||
+ | |||
+ | #mr-sidebar span.box-bottom-right { | ||
+ | position: absolute; | ||
+ | width: 160px; | ||
+ | height: 120px; | ||
+ | display: block; | ||
+ | background: transparent url('https://static.igem.org/mediawiki/2013/c/cc/Igem-marburg-sidebar-corner-right-bottom.png') no-repeat scroll bottom right; | ||
+ | bottom: 0; | ||
+ | right: 0; | ||
+ | z-index: 2; | ||
+ | } | ||
+ | |||
+ | #mr-sidebar ul { | ||
+ | width: 175px; | ||
+ | list-style:none; | ||
+ | margin-top: 10px !important; | ||
+ | margin-left: 5px !important; | ||
+ | z-index: 10; | ||
+ | } | ||
+ | |||
+ | #mr-sidebar ul li { | ||
+ | font-size: 11pt; | ||
+ | vertical-align: middle; | ||
+ | line-height: 23px; | ||
+ | height: 23px; | ||
+ | padding-left: 10px !important; | ||
+ | } | ||
+ | |||
+ | #mr-sidebar ul li a { | ||
+ | font-weight: bold; | ||
+ | width: 150px; | ||
+ | } | ||
+ | |||
+ | #mr-sidebar ul li:hover { | ||
+ | background-color: #a2dbdc; | ||
+ | } | ||
+ | |||
+ | #mr-wrapper h1.content-title, #mr-wrapper-wide h1.content-title{ | ||
+ | margin-top: 10px !important; | ||
+ | padding-left: 60px !important; | ||
+ | font-size: 13pt; | ||
+ | vertical-align: middle; | ||
+ | line-height: 23px; | ||
+ | height: 23px; | ||
+ | width: 750px; | ||
+ | background: #a2dbdc url('https://static.igem.org/mediawiki/2013/3/35/Igem-marburg-title-bg.png') no-repeat scroll 25px 0; | ||
+ | } | ||
+ | |||
+ | #mr-wrapper-wide h1.content-title { | ||
+ | width: 940px | ||
+ | } | ||
+ | |||
+ | .clr { | ||
+ | clear: both; | ||
+ | } | ||
+ | |||
+ | #mr-footer-box{ | ||
+ | height: 153px; | ||
+ | width: 100%; | ||
+ | background: #fff url('https://static.igem.org/mediawiki/2013/0/04/Igem-marburg-footer-bg.png') repeat-x; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | #mr-footer { | ||
+ | width: 1000px; | ||
+ | height: 153px; | ||
+ | margin: 0 auto !important; | ||
+ | text-align: left; | ||
+ | } | ||
+ | |||
+ | #mr-footer #mr-sponsors { | ||
+ | height: 50px; | ||
+ | width: 100%; | ||
+ | padding-top: 19px !important; | ||
+ | } | ||
+ | |||
+ | #mr-footer #mr-uni-logo { | ||
+ | float: left; | ||
+ | height: 84px; | ||
+ | margin: 0 !important; | ||
+ | text-align: left; | ||
+ | width: 202px; | ||
+ | } | ||
+ | |||
+ | #mr-footer #mr-footer-links { | ||
+ | width: 598px; | ||
+ | height: 84px; | ||
+ | float: right; | ||
+ | background: url('https://static.igem.org/mediawiki/2013/3/33/Mr-footer-line.png') repeat-x; | ||
+ | |||
+ | } | ||
+ | |||
+ | #mr-footer #mr-wiki-logos { | ||
+ | height: 84px; | ||
+ | width: 200px; | ||
+ | float: right; | ||
+ | vertical-align: middle; | ||
+ | line-height: 84px; | ||
+ | } | ||
+ | |||
+ | #mr-footer ul { | ||
+ | list-style: none; | ||
+ | margin: 14px 0 0 45px !important; | ||
+ | } | ||
+ | |||
+ | #mr-footer ul.ul2 { | ||
+ | margin-top: 0 !important; | ||
+ | } | ||
+ | |||
+ | #mr-footer ul li { | ||
+ | display: inline; | ||
+ | margin: 0.4em !important; | ||
+ | margin-left: 6px !important; | ||
+ | } | ||
+ | |||
+ | #mr-footer ul li a { | ||
+ | font-size: 8pt; | ||
+ | color: #605e5e; | ||
+ | font-family: Verdana; | ||
+ | } | ||
+ | |||
+ | /* ================================================================ | ||
+ | This copyright notice must be untouched at all times. | ||
+ | |||
+ | The original version of this stylesheet and the associated (x)html | ||
+ | is available at http://www.cssplay.co.uk/menus/muti-line-dropdown.html | ||
+ | Copyright (c) Stu Nicholls. All rights reserved. | ||
+ | This stylesheet and the associated (x)html may be modified in any | ||
+ | way to fit your requirements. | ||
+ | =================================================================== */ | ||
+ | #header-nav-box { width: 650px; height: 30px; margin: 0 auto !important;} | ||
+ | #header-navigation { position:relative; z-index:500; height:200px; text-align: left !important;} | ||
+ | #header-navigation ul { list-style: none; padding-left: 5px !important;} | ||
+ | #header-navigation ul.level1 {height: 30px;} | ||
+ | #header-navigation ul ul {position:absolute; left:-9999px;} | ||
+ | #header-navigation table {border-collapse:collapse; width:0; height:0; position:absolute; left:-1px; top:-1px;} | ||
+ | #header-navigation ul li {margin-right:5px !important; float:left;} | ||
+ | #header-navigation ul li a {display:block; float:left; padding:8px 10px 5px 5px !important; font:normal 11pt verdana, sans-serif; font-weight: bold; color:#111; text-decoration:none;} | ||
+ | |||
+ | #header-navigation ul ul li { background: url('https://static.igem.org/mediawiki/2013/8/8a/Igem-marburg-header-nav-bg-hover.png');} | ||
+ | #header-navigation ul ul li a {width:250px;} | ||
+ | #header-navigation ul ul li a.fly {padding-right:10px !important;} | ||
+ | #header-navigation ul ul ul { margin-top: 5px !important; border-left: 1px solid #999 !important;} | ||
+ | |||
+ | #header-navigation ul li:hover {position:relative;} | ||
+ | #header-navigation ul li a:hover {direction:ltr; color:#196364; border-color:#8a9; position:relative;} | ||
+ | #header-navigation ul li:hover > a { color:#196364; border-color:#8a9;} | ||
+ | |||
+ | #header-navigation ul :hover ul {left:-5px; width:122px; top:30px;} | ||
+ | |||
+ | #header-navigation ul :hover ul :hover ul, | ||
+ | #header-navigation ul :hover ul :hover ul :hover ul, | ||
+ | #header-navigation ul :hover ul :hover ul :hover ul :hover ul {left:122px; width:122px; top:-5px;} | ||
+ | |||
+ | #header-navigation ul :hover ul ul, | ||
+ | #header-navigation ul :hover ul :hover ul ul, | ||
+ | #header-navigation ul :hover ul :hover ul :hover ul ul {left:-9999px;} | ||
+ | |||
+ | </style> | ||
Revision as of 00:00, 10 August 2013