|
|
Line 1: |
Line 1: |
- | <html>
| |
- | <head>
| |
- |
| |
- | <script src="jquery.js" type="text/javascript"></script>
| |
- |
| |
- | <style type="text/css">
| |
- |
| |
- | h2 {
| |
- | color: white;
| |
- | margin: 0 7;
| |
- | }
| |
- |
| |
- | h3 {
| |
- | color: white;
| |
- | margin: 2 0;
| |
- | }
| |
- |
| |
- | h4 {
| |
- | color: #005172;
| |
- | margin: 7 7;
| |
- | }
| |
- |
| |
- | p {
| |
- | margin: 7 7;
| |
- | }
| |
- |
| |
- | b {
| |
- | margin: 0 7;
| |
- | }
| |
- |
| |
| | | |
- | body
| |
- | {
| |
- | font-family: "Helvetica", sans-serif;
| |
- | font-size: small;
| |
- | text-align: justify;
| |
- | color: black;
| |
- | background: #005172;
| |
- | width: 100%;
| |
- | margin: 20px;
| |
- | padding: 10;
| |
- | }
| |
- |
| |
- | /* Wiki Hacks - START */
| |
- | /* Author: Pieter van Boheemen */
| |
- | /* Team: TU Delft */
| |
- | #globalWrapper { background-color: transparent; border: none; margin: 0; padding: 0; width: 100%; height:100%;}
| |
- | #content { background-color: transparent; border: none; padding: 0; margin: 0; width: 100%; overflow: hidden; height:100%;}
| |
- | #bodyContent { border: none; padding:0; margin:0; width:100%; height:100%;}
| |
- | #top-section { height: 15px; margin: 0px; margin-left: auto; margin-right: auto; margin-bottom: 0 !important;
| |
- | padding:0; border: none; font-size: 10px;}
| |
- | #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: 500px !important; display:block; margin-top:-80px; border: none; text-align: right;}
| |
- | .left-menu ul { border: none; }
| |
- | #menubar.right-menu { width:300px; display:block; float:left; margin-top:-80px; border: none;}
| |
- | .right-menu ul { border: none; width: 300px;}
| |
- | #footer-box { width: 100%; margin: -10px auto 0 auto; padding: 20px 0;}
| |
- | .visualClear { display: none; }
| |
- | #footer { border: none; width: 965px; margin: 0 auto; padding: 0;}
| |
- | .firstHeading { display: none;}
| |
- | #f-list a { color: #333; font-size: 10px;}
| |
- | #f-list a:hover { color: #666;}
| |
- | .printfooter { display: none; }
| |
- | #footer ul { margin: 0; padding: 0;}
| |
- | #footer ul li { margin-top: 0; margin-bottom: 0; margin-left: 10px; margin-right: 10px; padding: 0;}
| |
- | #search-controls { display:none; }
| |
- | h3#siteSub { display: none;}
| |
- | #contentSub {display: none;}
| |
- | p:first-child { display: none;}
| |
- | /* Wiki Hacks - END */
| |
- |
| |
- |
| |
- | #container
| |
- | {
| |
- | max-width: 87%;
| |
- | margin: 0 auto;
| |
- | }
| |
- |
| |
- | #mBody
| |
- | {
| |
- | background: #34b233;
| |
- | clear: both;
| |
- | height: 100%;
| |
- | margin: 2;
| |
- | padding: 15;
| |
- | }
| |
- |
| |
- | #sideBar
| |
- | {
| |
- | background: white;
| |
- | float: left;
| |
- | width: 22.5%;
| |
- | height: 100%;
| |
- | margin: auto;
| |
- | padding: 0.25%;
| |
- | }
| |
- |
| |
- | #navIntroduction {
| |
- | background: #507d95;
| |
- | position: center;
| |
- | width: 100%;
| |
- | height: 34px;
| |
- | margin: 0 2 2 2;
| |
- | }
| |
- |
| |
- | #navIntroduction.hovered, #navIntroduction:hover {
| |
- | background:#005172;
| |
- | }
| |
- |
| |
- | #navProject1 {
| |
- | background: #507d95;
| |
- | position: center;
| |
- | width: 100%;
| |
- | height: 34px;
| |
- | margin: 2;
| |
- | }
| |
- |
| |
- | #navProject1.hovered, #navProject1:hover {
| |
- | background: #005172;
| |
- | }
| |
- |
| |
- | #navProject2 {
| |
- | background: #507d95;
| |
- | position: center;
| |
- | width: 100%;
| |
- | height: 34px;
| |
- | margin: 2;
| |
- | }
| |
- |
| |
- | #navProject2.hovered, #navProject2:hover {
| |
- | background: #005172;
| |
- | }
| |
- |
| |
- | #navSafety {
| |
- | background: #507d95;
| |
- | position: center;
| |
- | width: 100%;
| |
- | height: 34px;
| |
- | margin: 2;
| |
- | }
| |
- |
| |
- | #navSafety.hovered, #navSafety:hover {
| |
- | background: #005172;
| |
- | }
| |
- |
| |
- | #navSponsors {
| |
- | background: #507d95;
| |
- | position: center;
| |
- | width: 100%;
| |
- | height: 34px;
| |
- | margin: 2;
| |
- | }
| |
- |
| |
- | #navSponsors.hovered, #navSponsors:hover {
| |
- | background: #005172;
| |
- | }
| |
- |
| |
- | #navLinks {
| |
- | background: #507d95;
| |
- | position: center;
| |
- | width: 100%;
| |
- | height: 34px;
| |
- | margin: 2;
| |
- | }
| |
- |
| |
- | #navLinks.hovered, #navLinks:hover {
| |
- | background: #005172;
| |
- | }
| |
- |
| |
- | #mainContent {
| |
- | background: #34b233;
| |
- | float: right;
| |
- | width: 77%;
| |
- | height: 98.1%;
| |
- | margin: auto;
| |
- | padding: auto;
| |
- | }
| |
- |
| |
- | #project1{
| |
- | background: white;
| |
- | width: 99.7%;
| |
- | height: 50%;
| |
- | margin: auto;
| |
- | padding: 0.3%;
| |
- | }
| |
- |
| |
- | #TitleProject1{
| |
- | background: #507d95;
| |
- | width: 99.5%;
| |
- | margin: 2;
| |
- | }
| |
- |
| |
- | #project2 {
| |
- | background: white;
| |
- | width: 99.7%;
| |
- | height: 50%;
| |
- | margin: auto;
| |
- | padding: 0.3%;
| |
- | }
| |
- |
| |
- | #TitleProject2{
| |
- | background: #507d95;
| |
- | width: 99.5%;
| |
- | margin: 2;
| |
- | }
| |
- |
| |
- | #header {
| |
- | background: transparent;
| |
- | background-image: url('https://static.igem.org/mediawiki/2011/4/4e/Igemlogofinal_compr.png');
| |
- | background-repeat: no-repeat;
| |
- | background-position: left center;
| |
- | margin-bottom: 1em;
| |
- | height:100px;
| |
- | }
| |
- |
| |
- | #footer{
| |
- | clear: both;
| |
- | background: white;
| |
- | background-image: url('https://static.igem.org/mediawiki/2011/9/9f/Wurlogo.gif');
| |
- | background-repeat: no-repeat;
| |
- | background-position: left center;
| |
- | margin-top: 1em;
| |
- | height: 55px;
| |
- | width: 100%;
| |
- | }
| |
- |
| |
- | </style>
| |
- |
| |
- | </head>
| |
- |
| |
- | <body>
| |
- |
| |
- | <div id="container">
| |
- | <div id ="header">
| |
- | </div>
| |
- | <div id="mBody">
| |
- | <div id="sideBar">
| |
- | <div id="navIntroduction" class="hoverable">
| |
- | <h3>Introduction</h3>
| |
- | </div>
| |
- | <div id="navProject1">
| |
- | <h3>Oscillator</h3>
| |
- | </div>
| |
- | <div id="navProject2">
| |
- | <h3>Funkgi</h3>
| |
- | </div>
| |
- | <div id="navSafety">
| |
- | <h3>Safety</h3>
| |
- | </div>
| |
- | <div id="navSponsors">
| |
- | <h3>Sponsors</h3>
| |
- | </div>
| |
- | <div id="navLinks">
| |
- | <h3>Links</h3>
| |
- | </div>
| |
- | </div>
| |
- | <div id="mainContent">
| |
- | <div id="project1">
| |
- | <div id="TitleProject1">
| |
- | <h2>Oscillator</h2>
| |
- | </div>
| |
- | <div id="AbstractProject1">
| |
- | <h4> Abstract</h4>
| |
- | </div>
| |
- | </div>
| |
- | <div id="project2">
| |
- | <div id="TitleProject1">
| |
- | <h2>Funkgi</h2>
| |
- | </div>
| |
- | </div>
| |
- | </div>
| |
- | </div>
| |
- | <div id="footer">
| |
- | </div>
| |
- | </div>
| |
- | </body>
| |
- | </html>
| |