|
|
| (186 intermediate revisions by 3 users not shown) |
| Line 1: |
Line 1: |
| − | <!DOCTYPE html>
| + | {{Tongji_Software/CSS}} |
| | <html> | | <html> |
| | + | |
| | <head> | | <head> |
| − | <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
| + | <link rel="stylesheet" href="https://2019.igem.org/Template:Tongji_Software/css/default_css?action=raw&ctype=text/css"> |
| − | <title></title>
| + | |
| − | <meta charset="utf-8" />
| + | |
| − | <link rel="stylesheet" type="text/css" href="https://2019.igem.org/Template:Tongji_Software/bootstrap_css?action=raw&ctype=text/css"> | + | |
| − | <script type="text/javascript" src="https://2019.igem.org/Template:Tongji_Software/jquery?action=raw&ctype=text/javascript"></script>
| + | |
| − | <script type="text/javascript" src="https://2019.igem.org/Template:Tongji_Software/bootstrap_js?action=raw&ctype=text/javascript"></script>
| + | |
| | <style> | | <style> |
| − | html, body {width:100%;height:100%;} | + | *::-webkit-scrollbar { |
| − | .homebg1 {display: table;width: 100%;height: 100%;padding: 100px 0;text-align: center;color: #fff;background: url(https://static.igem.org/mediawiki/2019/e/ec/T--Tongji_Software--homebg1.jpeg) no-repeat bottom center;} | + | display: none; |
| − | .homebg2 {display: table;width: 100%;height: 100%;padding: 100px 0;text-align: center;color: #000;background: url(https://static.igem.org/mediawiki/2019/3/3e/T--Tongji_Software--homebg2.jpeg) no-repeat bottom center;} | + | } |
| − | .homebg3 {display: table;width: 100%;height: 100%;padding: 100px 0;text-align: center;color: #fff;background: url(https://static.igem.org/mediawiki/2019/0/07/T--Tongji_Software--homebg3.jpeg) no-repeat bottom center;}
| + | |
| − | .my-navbar {padding:20px 0 0 700px;transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;} | + | #indexTitle1 { |
| − | .my-navbar a{background:transparent !important;color:#FFF !important;}
| + | /*background-color: antiquewhite;*/ |
| − | .my-navbar a:hover {color:#45bcf9 !important;background:transparent;outline:0}
| + | width: 100%; |
| − | .my-navbar a {transition: color 0.5s ease-in-out;}
| + | float: left; |
| − | .top-nav {padding:0 0 0 700px;background:#000;} | + | position: absolute; |
| − | .dropdownbar a{background-color: #FFF !important;color:#000 !important}
| + | margin: 10vh 0vw 0vh 0vw; |
| − | .footerbar {padding:20px 0;background-color: #000 !important;color:#FFF !important;text-align: center;}
| + | font-size: 1.75vh; |
| − | | + | /* font-family: "Cambria"; */ |
| | + | font-weight: bold; |
| | + | cursor: default; |
| | + | color: white; |
| | + | letter-spacing: 2px; |
| | + | text-shadow: 0 0 25px #fff; |
| | + | } |
| | + | |
| | + | #indexTitle2 { |
| | + | /*background-color: antiquewhite;*/ |
| | + | width: 5vh; |
| | + | float: left; |
| | + | position: absolute; |
| | + | /* position: relative; */ |
| | + | margin: 13vh 0vw 0vh 0vw; |
| | + | font-size: 7vh; |
| | + | /* font-family: "Cambria"; */ |
| | + | font-weight: bold; |
| | + | cursor: default; |
| | + | color: white; |
| | + | text-shadow: 0 0 25px #fff; |
| | + | /*color:#ffffff;*/ |
| | + | letter-spacing: 5px; |
| | + | line-height: 7vh; |
| | + | } |
| | + | |
| | + | #indexTitle3 { |
| | + | /*background-color: antiquewhite;*/ |
| | + | width: 100%; |
| | + | float: left; |
| | + | position: absolute; |
| | + | margin: 29vh 0vw 0vh 0vw; |
| | + | font-size: 1.75vh; |
| | + | /* font-family: "Cambria"; */ |
| | + | font-weight: bold; |
| | + | cursor: default; |
| | + | color: white; |
| | + | letter-spacing: 2px; |
| | + | text-shadow: 0 0 25px #fff; |
| | + | } |
| | + | |
| | + | .findMore1 { |
| | + | position: absolute; |
| | + | float: left; |
| | + | left: 4vw; |
| | + | top: 80vh; |
| | + | } |
| | + | |
| | + | .findmore2 { |
| | + | list-style-type: none; |
| | + | } |
| | + | |
| | + | ul { |
| | + | list-style-image: none; |
| | + | } |
| | + | |
| | + | a:hover, |
| | + | a:focus { |
| | + | transform: translateY(0) |
| | + | } |
| | </style> | | </style> |
| | + | |
| | </head> | | </head> |
| | + | |
| | <body> | | <body> |
| − | <!--menu bar--> | + | <script type="text/javascript" src="https://2019.igem.org/Template:Tongji_Software/dist/vendors_js?action=raw&ctype=text/javascript"></script> |
| | + | <script type="text/javascript" src="https://2019.igem.org/Template:Tongji_Software/dist/demo5_js?action=raw&ctype=text/javascript"></script> |
| | | | |
| − | <div class="navbar navbar-fixed-top my-navbar" role="navigation">
| |
| − | <div class="container-fluid">
| |
| − | <div class="navbar-header">
| |
| − | <a class="navbar-brand" href="#">PathLab</a>
| |
| − | </div>
| |
| − | <div class="collapse navbar-collapse" id="example-navbar-collapse">
| |
| − | <ul class="nav navbar-nav">
| |
| − | <li><a href="https://2019.igem.org/Team:Tongji_Software">Home</a></li>
| |
| − | <li class="dropdown">
| |
| − | <a class="dropdown-toggle" data-toggle="dropdown">
| |
| − | Team
| |
| − | <span class="caret"></span>
| |
| − | </a>
| |
| − | <ul class="dropdown-menu dropdownbar">
| |
| − | <li><a href="https://2019.igem.org/Team:Tongji_Software/Team">Team Members</a></li>
| |
| − | <li><a href="https://2019.igem.org/Team:Tongji_Software/Collaborations">Collaboration</a></li>
| |
| − | </ul>
| |
| − | </li>
| |
| − | <li class="dropdown">
| |
| − | <a href="#" class="dropdown-toggle" data-toggle="dropdown">
| |
| − | Project
| |
| − | <span class="caret"></span>
| |
| − | </a>
| |
| − | <ul class="dropdown-menu dropdownbar">
| |
| − | <li><a href="https://2019.igem.org/Team:Tongji_Software/Description">Description</a></li>
| |
| − | <li><a href="https://2019.igem.org/Team:Tongji_Software/Design">Design</a></li>
| |
| − | <li><a href="https://2019.igem.org/Team:Tongji_Software/Experiments">Experiments</a></li>
| |
| − | <li><a href="https://2019.igem.org/Team:Tongji_Software/Notebook">Notebook</a></li>
| |
| − | <li><a href="https://2019.igem.org/Team:Tongji_Software/Contribution">Contribution</a></li>
| |
| − | <li><a href="https://2019.igem.org/Team:Tongji_Software/Results">Results</a></li>
| |
| − | <li><a href="https://2019.igem.org/Team:Tongji_Software/Demonstrate">Demonstrate</a></li>
| |
| − | <li><a href="https://2019.igem.org/Team:Tongji_Software/Improve">Improve</a></li>
| |
| − | <li><a href="https://2019.igem.org/Team:Tongji_Software/Attributions">Attribution</a></li>
| |
| − | </ul>
| |
| − | <li><a href="https://2019.igem.org/Team:Tongji_Software/Safety">Safety</a></li>
| |
| − | <li class="dropdown">
| |
| − | <a class="dropdown-toggle" data-toggle="dropdown">
| |
| − | Human Practices
| |
| − | <span class="caret"></span>
| |
| − | </a>
| |
| − | <ul class="dropdown-menu dropdownbar">
| |
| − | <li><a href="https://2019.igem.org/Team:Tongji_Software/Human_Practices">Human Practices</a></li>
| |
| − | <li><a href="https://2019.igem.org/Team:Tongji_Software/Public_Engagement">Education & Engagement</a></li>
| |
| − | </ul>
| |
| − | </li>
| |
| − | <li class="dropdown">
| |
| − | <a href="#" class="dropdown-toggle" data-toggle="dropdown">
| |
| − | Awards
| |
| − | <span class="caret"></span>
| |
| − | </a>
| |
| − | <ul class="dropdown-menu dropdownbar">
| |
| − | <li><a href="https://2019.igem.org/Team:Tongji_Software/Entrepreneurship">Entrepreneurship</a></li>
| |
| − | <li><a href="https://2019.igem.org/Team:Tongji_Software/Hardware">Hardware</a></li>
| |
| − | <li><a href="https://2019.igem.org/Team:Tongji_Software/Measurement">Measurement</a></li>
| |
| − | <li><a href="https://2019.igem.org/Team:Tongji_Software/Model">Model</a></li>
| |
| − | <li><a href="https://2019.igem.org/Team:Tongji_Software/Plant">Plant</a></li>
| |
| − | <li><a href="https://2019.igem.org/Team:Tongji_Software/Software">Software</a></li>
| |
| − | </ul>
| |
| − | <li><a href="https://igem.org/2019_Judging_Form?team=Tongji_Software">Judging Form</a></li>
| |
| − | </li>
| |
| − | </li>
| |
| − | </ul>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| | | | |
| − | <!--content-->
| |
| | | | |
| − | <div class="homebg1"> | + | <div style="position:absolute; margin:26vh 0vw 0vh 5.5vw; width:50vw; color:white"> |
| − | <p style="padding:150px 0 5px 600px"><font size="7">PathLab</font></p>
| + | <div id="indexTitle1">PATHWAY SEARCH | ENZYME SELECTION | PARTS BROWSER</div> |
| − | <p style="padding:10px 0 5px 600px"><font size="4">brief introduction</font></p>
| + | <div id="indexTitle2">TONGJI<br> SOFTWARE</div> |
| | + | <div id="indexTitle3">DESIGN AND OPTIMIZATION FOR PATHWAY</div> |
| | + | </div> |
| | + | <div class="findMore1"> |
| | + | <ul class="findmore2"> |
| | + | <li class="findMore3"><a href="http://www.pathlab.top/">START USING Pathlab</a></li> |
| | + | </ul> |
| | </div> | | </div> |
| − | <div class="homebg2">
| |
| − | <p>problems while building a pathway to get products</p>
| |
| − | <p>brief introduction</p>
| |
| − | </div>
| |
| − | <div class="homebg3">
| |
| − | <p>pathlab solve the problems</p>
| |
| − | <p>brief introduction</p>
| |
| − | </div>
| |
| − | <div class="footer footerbar">
| |
| − | <p>CONTACT:Tongji_Software</p>
| |
| − | <p>ADDRESS:1239# Siping Road,Tongji University,Shanghai China</p>
| |
| − | </div>
| |
| | | | |
| − | <script>
| |
| − | $(window).scroll(function () {
| |
| − | if ($(".navbar").offset().top > 50) {$(".navbar-fixed-top").addClass("top-nav");
| |
| − | }else {$(".navbar-fixed-top").removeClass("top-nav");}
| |
| − | })</script>
| |
| | </body> | | </body> |
| | + | |
| | </html> | | </html> |
