|
|
(166 intermediate revisions by 3 users not shown) |
Line 1: |
Line 1: |
− | {{Tongji_Software/newcss}} | + | {{Tongji_Software/CSS}} |
| <html> | | <html> |
− | <head>
| |
− | <title></title>
| |
− | <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>
| |
− | html, body {width:100%;height:100%;}
| |
− | .homebg1 {width: 100%;height:100vh;padding: 100px 0;color: #fff;background: url(https://static.igem.org/mediawiki/2019/e/ec/T--Tongji_Software--homebg1.jpeg) no-repeat bottom center;}
| |
− | .homebg2 {width: 100%;height:100vh;padding: 100px 0;color: #000;background: url(https://static.igem.org/mediawiki/2019/3/3e/T--Tongji_Software--homebg2.jpeg) no-repeat bottom center;text-align: center !important}
| |
− | .homebg3 {width: 100%;height:100vh;padding: 100px 0;color: #fff;background: url(https://static.igem.org/mediawiki/2019/0/07/T--Tongji_Software--homebg3.jpeg) no-repeat bottom center;text-align: center !important}
| |
− | .my-navbar {padding:20px 0 0 400px;transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;}
| |
− | .my-navbar a{background:transparent !important;color:#FFF !important;}
| |
− | .my-navbar a:hover {color:#45bcf9 !important;background:transparent;outline:0}
| |
− | .my-navbar a {transition: color 0.5s ease-in-out;}
| |
− | .top-nav {padding:20px 0 0 400px;background:#000;}
| |
− | .dropdownbar a{background-color: #FFF !important;color:#000 !important}
| |
− | .footerbar {padding:20px 0;background-color: #000 !important;color:#FFF !important;text-align: center !important;}
| |
| | | |
| + | <head> |
| + | <link rel="stylesheet" href="https://2019.igem.org/Template:Tongji_Software/css/default_css?action=raw&ctype=text/css"> |
| + | <style> |
| + | *::-webkit-scrollbar { |
| + | display: none; |
| + | } |
| + | |
| + | #indexTitle1 { |
| + | /*background-color: antiquewhite;*/ |
| + | width: 100%; |
| + | float: left; |
| + | position: absolute; |
| + | margin: 10vh 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; |
| + | } |
| + | |
| + | #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> |
| + | <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> |
| | | |
− | <!--menu bar-->
| |
| | | |
− | <div class="navbar navbar-fixed-top my-navbar" role="navigation">
| |
− | <div class="container-fluid">
| |
− | <div class="navbar-header">
| |
− | <a class="navbar-brand">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>
| |
| | | |
− | <script> | + | <div style="position:absolute; margin:26vh 0vw 0vh 5.5vw; width:50vw; color:white"> |
− | $(window).scroll(function () {
| + | <div id="indexTitle1">PATHWAY SEARCH | ENZYME SELECTION | PARTS BROWSER</div> |
− | if ($(".navbar").offset().top > 50) {$(".navbar-fixed-top").addClass("top-nav");
| + | <div id="indexTitle2">TONGJI<br> SOFTWARE</div> |
− | }else {$(".navbar-fixed-top").removeClass("top-nav");}
| + | <div id="indexTitle3">DESIGN AND OPTIMIZATION FOR PATHWAY</div> |
− | })</script> | + | </div> |
− | | + | <div class="findMore1"> |
− | <!--content--> | + | <ul class="findmore2"> |
− | | + | <li class="findMore3"><a href="http://www.pathlab.top/">START USING Pathlab</a></li> |
− | <div class="homebg1"> | + | </ul> |
− | <p style="padding:150px 0 5px 1000px"><font size="7">PathLab</font></p>
| + | |
− | <p style="padding:10px 0 5px 1000px"><font size="4">brief introduction</font></p>
| + | |
| </div> | | </div> |
− | <div class="homebg2" style="text-align:center">
| |
− | <p>problems while building a pathway to get products</p>
| |
− | <p>brief introduction</p>
| |
− | </div>
| |
− | <div class="homebg3" style="text-align:center">
| |
− | <p>pathlab solve the problems</p>
| |
− | <p>brief introduction</p>
| |
− | </div>
| |
− | <div class="footer footerbar" style="text-align:center">
| |
− | <p>CONTACT:Tongji_Software</p>
| |
− | <p>ADDRESS:1239# Siping Road,Tongji University,Shanghai China</p>
| |
− | </div>
| |
− |
| |
| | | |
| </body> | | </body> |
| + | |
| </html> | | </html> |