Team:TU Delft/header2
From 2010.igem.org
(Difference between revisions)
Line 17: | Line 17: | ||
/--> | /--> | ||
+ | <!-- Reset CSS - START /--> | ||
<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.8.1/build/base/base-min.css"> | <link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.8.1/build/base/base-min.css"> | ||
+ | <!-- Reset CSS - END /--> | ||
+ | |||
+ | <!-- Internet Explorer PNG fix - START /--> | ||
<!--[if lt IE 8]> | <!--[if lt IE 8]> | ||
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE8.js">IE7_PNG_SUFFIX=".png";</script> | <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE8.js">IE7_PNG_SUFFIX=".png";</script> | ||
<![endif]--> | <![endif]--> | ||
- | <script type="text/javascript" src="http:// | + | <!-- Internet Explorer PNG fix - END /--> |
- | <script type="text/javascript" | + | |
+ | <!-- Scripting - START /--> | ||
+ | <script type="text/javascript" src="http://nix.lv/history/jquery.history.js"></script> | ||
+ | |||
+ | <script type="text/javascript"> | ||
+ | |||
+ | //Global Vars | ||
+ | var activePage = "</html>{{{contentpage|home}}}<html>"; | ||
+ | |||
+ | //On page load this function is called | ||
+ | $(function() { | ||
+ | |||
+ | // Initialize history plugin. | ||
+ | $.history.init(pageload); | ||
+ | |||
+ | // set onlick event for menu buttons | ||
+ | $("a.menu_button, a.menu_button li").click(function(){ | ||
+ | // | ||
+ | var hash = this.href; | ||
+ | hash = hash.replace(/^.*#/, ''); | ||
+ | // moves to a new page. | ||
+ | // pageload is called at once. | ||
+ | $.history.load(hash); | ||
+ | return false; | ||
+ | }); | ||
+ | |||
+ | }); | ||
+ | |||
+ | </script> | ||
+ | |||
+ | <!-- Scripting - END /--> | ||
+ | |||
+ | <!-- Main CSS - START /--> | ||
<style type="text/css"> | <style type="text/css"> | ||
html, body { | html, body { | ||
Line 39: | Line 75: | ||
/* Author: Pieter van Boheemen */ | /* Author: Pieter van Boheemen */ | ||
/* Team: TU Delft */ | /* Team: TU Delft */ | ||
- | + | #globalWrapper { background-color: transparent; border: none; margin: 0; padding: 0;} | |
- | #globalWrapper { | + | #content { background-color: transparent; border: none; padding: 0; margin: 0; width: 100%;} |
- | background-color: transparent; | + | #bodyContent { border: none; padding:0; margin:0; width:100%;} |
- | border: none; | + | #top-section { height: 20px; margin-top: -5px; margin-left: auto; margin-right: auto; margin-bottom: 0 !important; margin-bottom: 10px; padding:0; border: none;} |
- | margin: 0; | + | #p-logo { height:1px; overflow:hidden; display: none;} |
- | padding: 0; | + | #search-controls { overflow:hidden; display:block; background: none; position: absolute; top: 100px; right: 40px;} |
- | } | + | .left-menu { width: 400px; display:block; float:left; margin-top:-80px; border: none;} |
- | + | .left-menu ul { border: none; } | |
- | #content { | + | #menubar.right-menu { width:300px; display:block; float:left; margin-top:-80px; border: none;} |
- | background-color: transparent; | + | .right-menu ul { border: none;} |
- | border: none; | + | #footer-box { background-color: transparent; border: none; width: 965px; margin: 0 auto; padding: 0;} |
- | padding: 0; | + | #footer { border: none; width: 965px; margin: 0; padding: 0;} |
- | margin: 0; | + | .firstHeading { display: none;} |
- | width: 100%; | + | #f-list a { color: #333; font-size: 10px;} |
- | } | + | #f-list a:hover { color: #666;} |
- | + | #footer ul { margin: 0; padding: 0;} | |
- | #bodyContent { | + | #footer ul li { margin-top: 0; margin-bottom: 0; margin-left: 10px; margin-right: 10px; padding: 0;} |
- | border: none; | + | |
- | padding:0; | + | |
- | margin:0; | + | |
- | width:100%; | + | |
- | } | + | |
- | + | ||
- | #top-section { | + | |
- | height: 20px; | + | |
- | margin-top: -5px; | + | |
- | margin-left: auto; | + | |
- | margin-right: auto; | + | |
- | margin-bottom: 0 !important; | + | |
- | margin-bottom: 10px; | + | |
- | padding:0; | + | |
- | border: none; | + | |
- | } | + | |
- | + | ||
- | #p-logo { | + | |
- | height:1px; | + | |
- | overflow:hidden; | + | |
- | display: none; | + | |
- | } | + | |
- | + | ||
- | #search-controls { | + | |
- | overflow:hidden; | + | |
- | display:block; | + | |
- | background: none; | + | |
- | position: absolute; | + | |
- | top: 100px; | + | |
- | right: 40px; | + | |
- | } | + | |
- | + | ||
- | .left-menu { | + | |
- | width: 400px; | + | |
- | display:block; | + | |
- | float:left; | + | |
- | margin-top:-80px; | + | |
- | border: none; | + | |
- | } | + | |
- | + | ||
- | .left-menu ul { | + | |
- | border: none; | + | |
- | } | + | |
- | + | ||
- | #menubar.right-menu { | + | |
- | width:300px; | + | |
- | display:block; | + | |
- | float:left; | + | |
- | margin-top:-80px; | + | |
- | border: none; | + | |
- | } | + | |
- | + | ||
- | .right-menu ul { | + | |
- | border: none; | + | |
- | } | + | |
- | + | ||
- | #footer-box { | + | |
- | background-color: transparent; | + | |
- | border: none; | + | |
- | width: 965px; | + | |
- | margin: 0 auto; | + | |
- | padding: 0; | + | |
- | } | + | |
- | + | ||
- | #footer { | + | |
- | border: none; | + | |
- | width: 965px; | + | |
- | margin: 0; | + | |
- | padding: 0; | + | |
- | } | + | |
- | + | ||
- | .firstHeading { | + | |
- | display: none; | + | |
- | } | + | |
- | + | ||
- | #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 */ | /* Wiki Hacks - END */ | ||
Revision as of 13:48, 21 July 2010