|
|
| Line 1: |
Line 1: |
| - | <html lang="en">
| |
| - | <head>
| |
| - | <meta charset="utf-8">
| |
| - | <meta http-equiv="X-UA-Compatible" content="IE=edge">
| |
| - | <meta name="viewport" content="width=device-width, initial-scale=1">
| |
| - | <meta name="description" content="">
| |
| - | <meta name="author" content="">
| |
| - | <link rel="icon" href="../../favicon.ico">
| |
| - | <title>Home</title>
| |
| - | <style type="text/css">
| |
| - | *{
| |
| - | padding:0;
| |
| - | text-decoration:none;
| |
| - | margin:0;}
| |
| - | body {
| |
| - | padding-bottom: 40px;
| |
| - | background:#a2dcf3;
| |
| - | color: #5a5a5a;
| |
| - | font-size: 12px;
| |
| - | }
| |
| - | pre{
| |
| - | font-size:14px;
| |
| - | font-family:}
| |
| - | #myheader{
| |
| - | width:1366px;
| |
| - | height:500px;
| |
| - | margin:0 auto;
| |
| - | position:relative;
| |
| - | font-family:Arial, Helvetica, sans-serif;
| |
| - | background:#a2dcf3 url("https://static.igem.org/mediawiki/2014/3/34/Header_bg.png");
| |
| - | }
| |
| - | #contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear {
| |
| - | display: none;
| |
| - | }
| |
| | | | |
| - | /*-- hides default wiki settings --*/
| |
| - |
| |
| - |
| |
| - | h1, h2, h3, h4, h5 {
| |
| - | font-family: Georgia, Times, "Times New Roman", serif;
| |
| - | }
| |
| - |
| |
| - | #top-section {
| |
| - | /*-- styling for default menu bar (edit, page, history, etc.) --*/
| |
| - | background-color: #383838;
| |
| - | border: 0 none;
| |
| - | height: 14px;
| |
| - | z-index: 100;
| |
| - | top: 0;
| |
| - | position: fixed;
| |
| - | width: 975px;
| |
| - | left: 50%;
| |
| - | margin-left: -487px;
| |
| - | }
| |
| - | .firstHeading {
| |
| - | width: 975px;
| |
| - | margin: 0px auto;
| |
| - | padding-top: 100px;
| |
| - | margin-bottom: 20px;display:none;
| |
| - | font-family: Georgia, Times, "Times New Roman", serif;
| |
| - | }
| |
| - | #top-section-bar {
| |
| - | /*-- styling full width bar which hides behind default menu bar (edit, page, history, etc.) --*/
| |
| - | background-color: #383838;
| |
| - | height: 14px;
| |
| - | display: block;
| |
| - | z-index: 10;
| |
| - | position: fixed;
| |
| - | width: 100%;
| |
| - | top: 0;
| |
| - | }
| |
| - |
| |
| - | body {
| |
| - | background-color: #f60;
| |
| - | }
| |
| - |
| |
| - | #globalWrapper, #content {
| |
| - | /*-- changes default wiki settings --*/
| |
| - | width: 100%;
| |
| - | height: 100%;
| |
| - | border: 0px;
| |
| - | background-color: transparent;
| |
| - | margin: 0px;
| |
| - | padding: 0px;
| |
| - | }
| |
| - |
| |
| - | html, body, .wrapper {
| |
| - | /*-- changes default wiki settings --*/
| |
| - | width: 100%;
| |
| - | height: 100%;
| |
| - | background-color: transparent;
| |
| - | }
| |
| - |
| |
| - | #container {
| |
| - | /*-- creates container for all content on page --*/
| |
| - | font-family: Arial, Helvetica, sans-serif;
| |
| - | font-weight: normal;
| |
| - | font-size: 14px;
| |
| - | color: #414141;
| |
| - | width: 960px;
| |
| - | margin-left: auto;
| |
| - | margin-right: auto;
| |
| - | background-color: #transparent;
| |
| - | margin-top: 0px;
| |
| - | }
| |
| - |
| |
| - | .container {
| |
| - | font-size: 14px;
| |
| - | width:700px;
| |
| - | float:right;
| |
| - | }
| |
| - |
| |
| - | .buttontext {
| |
| - | color: #FFF
| |
| - | }
| |
| - | #my_h1{position:absolute;top:70px;left:170px;border:none;}
| |
| - | #my_h1 a{display:block;width:190px;height:130px;text-indent:-9999px;}
| |
| - | #my_nav{position:absolute;top:402px;left:200px;width:990px;height:50px;}
| |
| - | #my_nav ul{width:100%;margin:0;padding:0;list-style:none;font-size:24px;}
| |
| - | #my_nav ul li{display::inline-block;padding:9px 30px;float:left;list-style:none;position:relative;}
| |
| - | #my_nav ul li:hover{background:#e3f7ff;}#my_nav ul li a{color:#00586b;text-decoration:none;}#project{display:none;position:absolute;z-index:100;top:47px;left:0px;background:#CF6;width:100px;}#project dd{width:135px;font-size:16px;
| |
| - | background:#c9efff;height:40px;margin:0;}#project dd a{width:100%;height:40px;display:block;text-decoration:none;text-align:center;line-height:40px;}#project dd a:hover{background:#a1dbf0;}#achievement{display:none;position:absolute;top:47px;z-index:100;left:0px;background:#CF6;width:100px;}#achievement dd{width:198px;font-size:16px;background:#c9efff;height:40px;margin:0;}#achievement dd a{width:100%;height:40px;display:block;text-decoration:none;text-align:center;line-height:40px;}#achievement dd a:hover{background:#a1dbf0;}#prctice{display:none;position:absolute;top:47px;z-index:100;left:0px;background:#CF6;width:100px;}#prctice dd{width:300px;font-size:16px;background:#c9efff;height:40px;margin:0;}#prctice dd a{width:100%;height:40px;display:block;text-decoration:none;text-align:center;line-height:40px;}#prctice dd a:hover{background:#a1dbf0;}#ackonwledgement{display:none;position:absolute;top:47px;z-index:100;left:0px;background:#CF6;width:100px;}#ackonwledgement dd{width:257px;font-size:16px;background:#c9efff;height:40px;margin:0;}#ackonwledgement dd a{width:100%;height:40px;display:block;text-decoration:none;text-align:center;line-height:40px;}#ackonwledgement dd a:hover{background:#a1dbf0;}
| |
| - | #my_content{
| |
| - | width:1030px;
| |
| - | margin:0px auto;}
| |
| - | #my_abstract{
| |
| - | width:300px;
| |
| - | margin:0 0 0 25px;
| |
| - | float:left;
| |
| - | }
| |
| - | #my_abstract h2{
| |
| - | height:50px;
| |
| - | line-height:50px;
| |
| - | text-indent:50px;
| |
| - | border:none;
| |
| - | background:#999;
| |
| - | margin:0 0 20px 0;
| |
| - | padding:0;
| |
| - | }
| |
| - | #my_abstract p{
| |
| - | text-indent:30px;
| |
| - | height:240px;
| |
| - | overflow-y:scroll;
| |
| - | }
| |
| - | #my_contents{
| |
| - | width:1030px;
| |
| - | position:relative;
| |
| - | margin:0 auto;
| |
| - | }
| |
| - | #my_contents h1{
| |
| - | width:90%;
| |
| - | margin:10px auto;
| |
| - | }
| |
| - | #my_contents h4{
| |
| - | width:90%;
| |
| - | margin:10px auto;
| |
| - | }
| |
| - | #my_contents p{
| |
| - | width:90%;
| |
| - | margin:10px auto;
| |
| - | font-size:16px;
| |
| - | text-indent:30px;}
| |
| - | pre{
| |
| - | width:90%;
| |
| - | margin:0 auto;}
| |
| - | /*-- hides default wiki settings --*/
| |
| - | </style>
| |
| - | <script type="text/javascript">
| |
| - | window.onload = function(){
| |
| - | xialashow('project_li','project');
| |
| - | xialahidden('project_li','project');
| |
| - | xialashow('achievement_li','achievement');
| |
| - | xialahidden('achievement_li','achievement');
| |
| - | xialashow('prctice_li','prctice');
| |
| - | xialahidden('prctice_li','prctice');
| |
| - | xialashow('ackonwledgement_li','ackonwledgement');
| |
| - | xialahidden('ackonwledgement_li','ackonwledgement');}
| |
| - | function xialashow(li_id,dl_id){var li_id = document.getElementById(li_id);var dl_id = document.getElementById(dl_id);li_id.onmouseover = function(){dl_id.style.display = 'block';}}
| |
| - | function xialahidden(li_id,dl_id){var li_id = document.getElementById(li_id);var dl_id = document.getElementById(dl_id);li_id.onmouseout = function(){dl_id.style.display = 'none';}}
| |
| - | </script>
| |
| - |
| |
| - | </head>
| |
| - |
| |
| - | <!-- NAVBAR
| |
| - | ================================================== -->
| |
| - | <body>
| |
| - | <div id="myheader">
| |
| - | <h1 id="my_h1"><a href="#">IGEM</a></h1>
| |
| - | <div id="my_nav">
| |
| - | <ul>
| |
| - | <li><a href="https://2014.igem.org/Team:NJAU_China">Home</a></li>
| |
| - | <li id="project_li"><a href="#">Project</a>
| |
| - | <dl id="project">
| |
| - | <dd><a href="https://2014.igem.org/Team:NJAU_China/Background">Background</a></dd>
| |
| - | <dd><a href="https://2014.igem.org/Team:NJAU_China/System Design">System Design</a></dd>
| |
"
