Team:Wageningen UR
From 2014.igem.org
(Difference between revisions)
Line 3: | Line 3: | ||
<html> | <html> | ||
+ | <head> | ||
+ | <title>Test Page</title> | ||
+ | <meta http-equiv="content-type" content="text/html; charset=utf-8"/> | ||
+ | <meta name="description" content="Test page for wiki"/> | ||
+ | <meta name="author" content="Rik van Rosmalen"/> | ||
+ | <style> | ||
- | |||
- | |||
+ | #contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo { | ||
+ | display:none;} | ||
+ | /* Removes "teams" from the menubar */ | ||
+ | #menubar > ul > li:last-child { | ||
+ | display: none;} | ||
+ | /* Resizes the menubar to fik the links (default is 400px) */ | ||
+ | #menubar { | ||
+ | width: auto;} | ||
+ | body { | ||
+ | margin: 10px 0 0 0; | ||
+ | padding: 0;} | ||
+ | #top-section { | ||
+ | width: 965px; | ||
+ | height: 0; | ||
+ | margin: 0 auto; | ||
+ | padding: 0; | ||
+ | border: none;} | ||
+ | #menubar { | ||
+ | font-size: 65%; | ||
+ | top: -14px;} | ||
+ | .left-menu:hover { | ||
+ | background-color: transparent;} | ||
+ | #menubar li a { | ||
+ | background-color: transparent;} | ||
+ | #menubar:hover { | ||
+ | color: white;} | ||
+ | #menubar li a { | ||
+ | color: transparent;} | ||
+ | #menubar:hover li a { | ||
+ | color: white;} | ||
+ | |||
+ | /*Three Column layout with header and footer */ | ||
+ | * {/* For CSS Reset */ | ||
+ | padding: 0; | ||
+ | margin: 0; | ||
+ | } | ||
+ | html { | ||
+ | min-height: 100%; | ||
+ | } | ||
+ | body { | ||
+ | font-family: Verdana, Geneva, sans-serif; | ||
+ | min-width: 1000px; /* 2 x (LC fullwidth + CC padding) + RC fullwidth */ | ||
+ | } | ||
+ | html, body { | ||
+ | height: 100%; | ||
+ | width: 100%; | ||
+ | } | ||
+ | #container{ | ||
+ | display:table; | ||
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | margin: -100px 0 -40px; /*negative header and footer height*/ | ||
+ | padding: 100px 0 40px; /*header and footer height*/ | ||
+ | -moz-box-sizing: border-box; | ||
+ | box-sizing: border-box; | ||
+ | } | ||
+ | #container .column { | ||
+ | display: table-cell; | ||
+ | } | ||
+ | #center { | ||
+ | padding: 10px 20px; /* CC padding */ | ||
+ | } | ||
+ | #left { | ||
+ | width: 200px; /* LC width */ | ||
+ | padding: 0 10px; /* LC padding */ | ||
+ | } | ||
+ | #right { | ||
+ | width: 200px; /* RC width */ | ||
+ | padding: 0 10px; /* RC padding */ | ||
+ | } | ||
+ | #header{ | ||
+ | text-align:center; | ||
+ | font-family: "Courier New", Courier, monospace; | ||
+ | height: 100px; | ||
+ | } | ||
+ | #footer { | ||
+ | font-family:"Courier New", courier, monospace; | ||
+ | font-size:80%; | ||
+ | text-align:center; | ||
+ | height: 40px; | ||
+ | width: 100%; | ||
+ | } | ||
+ | /*** IE Fix ***/ | ||
+ | * html #left { | ||
+ | left: 150px; /* RC fullwidth */ | ||
+ | } | ||
- | + | /* Menu - thanks to tutorial by Chris Spooner (http://line25.com/tutorials/how-to-create-a-pure-css-dropdown-menu)*/ | |
- | + | .menu { | |
- | + | margin: 10px auto; | |
- | + | text-align: center; | |
- | + | } | |
- | + | .menu ul ul { | |
- | + | display: none; | |
- | + | } | |
- | + | .menu ul li:hover > ul { | |
- | + | display: block; | |
+ | } | ||
+ | .menu ul { | ||
+ | background: #efefef; | ||
+ | box-shadow: 0px 0px 9px rgba(0,0,0,0.15); | ||
+ | padding: 0 10px; | ||
+ | border-radius: 10px; | ||
+ | list-style: none; | ||
+ | position: relative; | ||
+ | display: inline-table; | ||
+ | } | ||
+ | .menu ul:after { | ||
+ | content: ""; | ||
+ | clear: both; | ||
+ | display: block; | ||
+ | } | ||
+ | .menu ul li { | ||
+ | float: left; | ||
+ | } | ||
+ | .menu ul li:hover { | ||
+ | background: #cfcfcf; | ||
+ | box-shadow: 0px 0px 10px rgba(0,0,0,0,0.15); | ||
+ | } | ||
+ | .menu ul li:hover a { | ||
+ | color: #fff; | ||
+ | } | ||
+ | .menu ul li a { | ||
+ | display: block; | ||
+ | padding: 30px 15px; /*Menu padding between items*/ | ||
+ | color: #757575; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | .menu ul ul { | ||
+ | background: #cfcfcf; /*Dropdown background color*/ | ||
+ | box-shadow: 5px 5px 5px rgba(0,0,0,0.15); | ||
+ | border-radius: 0px; | ||
+ | padding: 0; | ||
+ | position: absolute; | ||
+ | top: 100%; | ||
+ | } | ||
+ | .menu ul ul li:first-child { | ||
+ | border-top: 1px solid #6b727c; /*First dropdown option needs a top border also*/ | ||
+ | } | ||
+ | .menu ul ul li { | ||
+ | float: none; | ||
+ | /*border-top: 1px solid #6b727c; - Moved to first child of list so you won't get double lines */ | ||
+ | border-bottom: 1px solid #575f6a; | ||
+ | position: relative; | ||
+ | } | ||
+ | .menu ul ul li a { | ||
+ | padding: 15px 40px; color: #fff; | ||
+ | } | ||
+ | .menu ul ul li a:hover { | ||
+ | background: #4b545f; | ||
+ | } | ||
+ | .menu ul ul ul { | ||
+ | position: absolute; left: 100%; top:0; | ||
+ | } | ||
- | + | #center h1{ | |
- | + | padding: 10px | |
- | + | } | |
+ | </style> | ||
+ | </head> | ||
- | < | + | <body> |
- | + | ||
- | < | + | <div id="header"> |
- | < | + | <h1>iGEM Wageningen UR 2014</h1> |
- | < | + | Wiki test page |
+ | </div> | ||
+ | <div id="container"> | ||
- | < | + | <div id="left" class="column"> |
- | + | ||
- | < | + | </div> |
- | <a href="https:// | + | |
+ | <div id="center" class="column"> | ||
+ | <div class="menu"> | ||
+ | <ul> | ||
+ | <li><a href="overview.html">Overview</a> | ||
+ | <ul> | ||
+ | <li><a href="background/background.html">Background</a></li> | ||
+ | <li><a href="background/solution.html">Our Solution</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="projects.html">Projects</a> | ||
+ | <ul> | ||
+ | <li><a href="projects/toxin.html">Fungal Inhibition</a></li> | ||
+ | <li><a href="projects/sensing.html">Sensing</a></li> | ||
+ | <li><a href="projects/resistance.html">Resistance</a></li> | ||
+ | <li><a href="projects/switch.html">Kill Switch</a></li> | ||
+ | <li><a href="projects/horizontal.html">Horizontal Gene Transfer Prevention</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="test.html">Team</a> | ||
+ | <ul> | ||
+ | <li><a href="team/members.html">Members</a></li> | ||
+ | <li><a href="team/acknowledgements.html">Acknowledgements</a></li> | ||
+ | <li><a href="https://igem.org/Team.cgi?id=1493">Team page</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="safety.html">Safety</a> | ||
+ | <ul> | ||
+ | <li><a href="safety/food.html">Food Safety</a></li> | ||
+ | <li><a href="safety/environment.html">Environment</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="journal.html">Lab Journal</a> | ||
+ | <ul> | ||
+ | <li><a href="journal/journal">Journal</a></li> | ||
+ | <li><a href="journal/protocols">Protocols</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <h1>Title</h1> | ||
+ | <p>Text here...</p> | ||
+ | </div> | ||
- | < | + | <div id="right" class="column"> |
- | + | ||
- | + | </div> | |
- | + | ||
- | + | </div> | |
- | + | ||
- | < | + | <div id="footer"> |
- | <a href="https:// | + | iGEM Wageningen UR 2014. Follow us on <a href="https://twitter.com/igemwageningen">Twitter</a> and <a href="https://www.facebook.com/iGEMWageningen">Facebook</a>! |
+ | </div> | ||
- | |||
- | |||
- | < | + | </body> |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + |
Revision as of 12:04, 22 May 2014
iGEM Wageningen UR 2014
Wiki test pageTitle
Text here...