|
|
| 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>
| |
"
