Line 1: | Line 1: | ||
− | |||
<html> | <html> | ||
− | |||
<head> | <head> | ||
− | < | + | <meta http-equiv="X-UA-Compatible" content="chrome=1"> |
− | + | <meta http-equiv="X-UA-Compatible" content="IE=Edge"> | |
− | + | <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
− | + | <meta charset="UTF-8"> | |
− | + | <title>RDFZ-China</title> | |
− | + | <link href="sub.css" rel="stylesheet" type="text/css"> | |
− | + | <style> | |
− | + | #sideMenu, #top_title {display:none;} | |
− | + | #content { padding:0px; width:100%; margin-top:-7px; margin-left:0px;background-color: transparent;} | |
− | #sideMenu, #top_title { | + | body {background-color: transparent; } |
− | + | #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px;text-decoration: none; } | |
− | } | + | html{ |
− | + | background-color:#fffde3 ; | |
− | #content { | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | } | + | |
− | + | ||
− | body { | + | |
− | + | ||
− | } | + | |
− | + | ||
− | #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { | + | |
− | + | ||
− | } | + | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | + | header { width: 96%; margin: 0 2%;margin-bottom: 20px; } | |
− | .nav ul { | + | header:after { content: ''; display: block; clear: both; } |
− | + | header .site-logo { float: left; width: 20%; } | |
− | + | header .site-logo img { width:90%; } | |
− | + | header .site-nav { float: right; position: relative; width: 70%; } | |
− | + | header .site-nav img { width: 100%;margin:0 0 30px 0; } | |
+ | header .site-nav ul { position: absolute; top: 0; left: 0; margin: 0; padding: 0; width: 100%; height: 100%; list-style: none; } | ||
+ | header .site-nav ul li { position: absolute; transform: translate(-50%,-50%); } | ||
+ | header .site-nav ul li.team { top: 37%; left: 22%; } | ||
+ | header .site-nav ul li.project { top: 55%; left: 35%; } | ||
+ | header .site-nav ul li.awards { top: 57%; left: 50%; } | ||
+ | header .site-nav ul li.safety { top: 31%; left: 63.5%; } | ||
+ | header .site-nav ul li.human { top: 37%; left: 79%; } | ||
+ | header .site-nav ul li.model { top: 59%; left: 94%; } | ||
+ | header .site-nav ul li:hover ul { display: block; } | ||
+ | header .site-nav ul li a { display: block; font-size: .95em; padding-bottom: .5em; text-decoration: none; letter-spacing: .15em; text-transform: uppercase; color: black; -webkit-transition: color .3s; transition: color .3s; z-index:20;} | ||
+ | header .site-nav ul li a:hover { border-bottom: 1px solid red; background-color: #FEFEFE; color: #C4C4C4; cursor: pointer; } | ||
+ | header .site-nav ul li ul { top: auto; left: 0; display: none; width: auto; height: auto; } | ||
+ | header .site-nav ul li ul li { position: static; transform: none; } | ||
+ | p{text-align:justify;word-wrap: break-word;} | ||
+ | ol li{text-align: justify;} | ||
+ | .title { position: relative; z-index: 1;text-align: center;margin:0 100px 0 100px; } | ||
+ | .title-content{background-position: center;text-align: center;text-align: center;font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif"} | ||
+ | .m { width: 30%;margin: 0 auto;} | ||
+ | .fb {width:100%;margin: 0px 0 -50px 0;position :relative;} | ||
+ | footer{height:220px;background-image:-moz-linear-gradient( -45deg, rgb(255,91,127) 0%, rgb(255,213,86) 100%); background-image: -webkit-linear-gradient( -45deg, rgb(255,91,127) 0%, rgb(255,213,86) 100%); background-image: -ms-linear-gradient( -45deg, rgb(255,91,127) 0%, rgb(255,213,86) 100%);margin:0 100px 0px 100px} | ||
+ | .x ul{list-style: none;} | ||
+ | .x li{display: block; margin: 0 1.2em;} | ||
+ | .x img{float:left;} | ||
+ | .math{width:30%;margin:70px 0 0 10px} | ||
+ | .footer-logo{width:25%;margin:25px 0 0 100px} | ||
+ | .igem{;width:20%;margin:15px 10px 0 100px} | ||
+ | .line{ | ||
+ | height: 30px; | ||
+ | border-style: solid; | ||
+ | border-color: black; | ||
+ | border-width: 1px 0 0 0; | ||
+ | border-radius: 20px; | ||
+ | background-color: inherit; | ||
} | } | ||
− | + | .line:before{ | |
− | . | + | display: block; |
− | + | content: ""; | |
− | + | height: 30px; | |
− | + | margin-top: -31px; | |
− | + | border-style: solid; | |
− | + | border-color: black; | |
− | + | border-width: 0 0 1px 0; | |
− | + | border-radius: 20px; | |
− | + | } | |
− | + | </style> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | } | + | |
− | </style> | + | |
</head> | </head> | ||
− | |||
<body> | <body> | ||
− | + | <header> | |
− | <div> | + | <div class="site-logo"> |
− | <img src="https://static.igem.org/mediawiki/2017/ | + | <img src="https://static.igem.org/mediawiki/2017/5/57/RDFZ_logo.png" /> |
− | </div> | + | </div> |
− | + | <div class="site-nav-bg"> | |
− | <div class="nav" | + | </div> |
− | + | <nav class="site-nav"> | |
− | < | + | <img src="https://static.igem.org/mediawiki/2017/6/6e/RDFZ_wiki_nav.png" /> |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
<ul> | <ul> | ||
− | + | <li class="team"> | |
− | + | <a href="https://2017.igem.org/Team:RDFZ-China/Team">Team</a> | |
− | + | <ul> | |
− | + | <li><a href="https://2017.igem.org/Team:RDFZ-China/Attributions">Attribution</a></li> | |
+ | <li><a href="https://2017.igem.org/Team:RDFZ-China/Results">Results</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:RDFZ-China/Collaboration">Collobration</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:RDFZ-China/InterLab">Interlab</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="project"> | ||
+ | <a href="https://2017.igem.org/Team:RDFZ-China/Description">Project </a> | ||
+ | <ul> | ||
+ | <li><a href="https://2017.igem.org/Team:RDFZ-China/Description">Description</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:RDFZ-China/Design">Design</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:RDFZ-China/Experiments">Experiments</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:RDFZ-China/Parts">Parts</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:RDFZ-China/Notebook">Notebook</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="awards"> | ||
+ | <a href="https://2017.igem.org/Team:RDFZ-China/Applied_Design">Awards</a> | ||
+ | <ul> | ||
+ | <li><a href="https://2017.igem.org/Team:RDFZ-China/Entrepreneurship">Entrepreneurship</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="safety"><a href="https://2017.igem.org/Team:RDFZ-China/Safety">Safety</a></li> | ||
+ | <li class="human"> | ||
+ | <a href="https://2017.igem.org/Team:RDFZ-China/HP/Silver">Human<br>Practice</a> | ||
+ | <ul> | ||
+ | <li><a href="https://2017.igem.org/Team:RDFZ-China/HP/Silver">HP Silver</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:RDFZ-China/HP/Gold_Integrated">HP Gold</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:RDFZ-China/Engagement">Public Engagement</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="model"><a href="https://2017.igem.org/Team:RDFZ-China/Model">Model</a> | ||
+ | <ul> | ||
+ | <li><a href="https://2017.igem.org/Team:RDFZ-China/Hardware">Hardware</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
</ul> | </ul> | ||
− | </ | + | </nav> |
− | < | + | <div style="clear:both;"></div> |
− | < | + | </header> |
− | + | <main> | |
− | + | <!--Title--> | |
− | + | <section class="title"> | |
− | + | <div class="title-content"> | |
− | + | <img src="https://static.igem.org/mediawiki/2017/2/27/Rdfz_model01.png" class="m"/> | |
− | + | ||
− | + | </section> | |
− | + | <footer> | |
− | + | <ul class="x"> | |
− | + | <li><img src="https://static.igem.org/mediawiki/2017/7/76/Rdfz_wiki_footer.png" class="math"/></li> | |
− | </ | + | <li><img src="https://static.igem.org/mediawiki/2017/5/57/RDFZ_logo.png" class="footer-logo"/></li> |
− | + | <li><img src="https://static.igem.org/mediawiki/2017/1/1a/T--Bristol--igem.png" class="igem"/></li> | |
+ | </ul> | ||
+ | <div class="fp"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/3/3c/Rdfz_wiki_footer_image.png" class="fb"> | ||
+ | </div> | ||
+ | </footer> | ||
− | </ | + | </main> |
− | </ | + | </body> |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</html> | </html> |
Revision as of 07:30, 29 October 2017