Team:Penn/Templates/Header
From 2011.igem.org
(Difference between revisions)
(Created page with "File:Pennigembanner.png <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Horizontal Navigation Bar w/Rollover Effect</title> <style type="text/css"> <!-- #n...") |
|||
Line 1: | Line 1: | ||
- | + | <html xmlns="http://www.w3.org/1999/xhtml"> | |
- | + | <body background="https://static.igem.org/mediawiki/2011/2/2b/BackgroundPenn1.jpg"> | |
- | <html xmlns="http://www.w3.org/1999/xhtml"> | + | <head> |
- | < | + | |
- | < | + | |
<style type="text/css"> | <style type="text/css"> | ||
<!-- | <!-- | ||
- | + | ||
+ | /* Wiki Hacks - START */ | ||
+ | /* Author: Pieter van Boheemen */ | ||
+ | /* Team: TU Delft */ | ||
+ | /* Thanks guys - Bill Collins */ | ||
+ | /* +1 - Douglas Watson */ | ||
+ | |||
+ | .firstHeading { | ||
+ | display: none;} | ||
+ | |||
+ | #globalWrapper { | ||
+ | background-color: transparent; | ||
+ | padding-bottom:0px; | ||
+ | border: none; | ||
+ | } | ||
+ | |||
+ | #content { | ||
+ | background-color: white; | ||
+ | border:none; | ||
+ | padding-bottom:none; | ||
+ | margin-bottom:none; | ||
+ | } | ||
+ | |||
+ | #bodyContent { | ||
+ | border: none; | ||
+ | } | ||
+ | |||
+ | #top-section { | ||
+ | height: 184px; | ||
+ | margin-top: 0 px; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | margin-bottom: 0 !important; | ||
+ | /* margin-bottom: 10px; */ | ||
+ | padding:0; | ||
+ | border: none; | ||
+ | background-image: url("https://static.igem.org/mediawiki/2011/8/83/Pennigembanner.png"); | ||
+ | } | ||
+ | |||
+ | #p-logo { | ||
+ | height: 203px; | ||
+ | overflow:hidden; | ||
+ | border:none; | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | #p-logo img { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | #search-controls { | ||
+ | overflow:hidden; | ||
+ | display:none; | ||
+ | background: none; | ||
+ | position: absolute; | ||
+ | top: 100px; | ||
+ | right: 40px; | ||
+ | } | ||
+ | |||
+ | .left-menu { | ||
+ | width: 400px; | ||
+ | display: block; | ||
+ | margin-top: 5px; | ||
+ | float: left; | ||
+ | margin-right: 30px; | ||
+ | border: none | ||
+ | left: 20px; | ||
+ | } | ||
+ | |||
+ | .left-menu ul { | ||
+ | border: none; | ||
+ | height: 100% | ||
+ | } | ||
+ | |||
+ | .left-menu ul { | ||
+ | line-height: 2em; | ||
+ | } | ||
+ | |||
+ | |||
+ | #menubar.right-menu { | ||
+ | width:300px; | ||
+ | height: 100%; | ||
+ | display:block; | ||
+ | float:left; | ||
+ | margin-top: 5px; | ||
+ | padding-left:50px; | ||
+ | border: none; | ||
+ | right:50px; | ||
+ | } | ||
+ | |||
+ | .right-menu ul { | ||
+ | border: none; | ||
+ | } | ||
+ | |||
+ | .right-menu a { | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | |||
+ | #menubar li a{ | ||
+ | color: white; | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | |||
+ | #menubar li a:hover { | ||
+ | color:#73a631; | ||
+ | text-decoration:underline; | ||
+ | } | ||
+ | |||
+ | #menubar li.selected a { | ||
+ | color:#555555; | ||
+ | } | ||
+ | |||
+ | #catlinks { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | #footer-box { | ||
+ | background-color: white; | ||
+ | border: none; | ||
+ | width: 965px; | ||
+ | margin: 0 auto; | ||
+ | margin-bottom:none; | ||
+ | padding-left:5px; | ||
+ | padding-right:5px; | ||
+ | } | ||
+ | |||
+ | #footer { | ||
+ | border: none; | ||
+ | width: 965px; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | background-color:white; | ||
+ | } | ||
+ | |||
+ | #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; | ||
+ | } | ||
+ | /* Wiki Hacks - END */ | ||
+ | /* Menu Bar */ | ||
+ | |||
#navbar ul { | #navbar ul { | ||
margin: 0; | margin: 0; | ||
Line 34: | Line 189: | ||
</style> | </style> | ||
</head> | </head> | ||
- | + | ||
<div id="navbar"> | <div id="navbar"> | ||
<ul> | <ul> |
Revision as of 16:15, 10 August 2011