|
|
(159 intermediate revisions by 2 users not shown) |
Line 1: |
Line 1: |
− | <html lang="zh" class="no-js"> | + | {{Tongji_Software/CSS}} |
| + | <html> |
| + | |
| <head> | | <head> |
− | <meta charset="UTF-8">
| + | <link rel="stylesheet" href="https://2019.igem.org/Template:Tongji_Software/css/default_css?action=raw&ctype=text/css"> |
− | <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
| + | <style> |
− | <meta name="viewport" content="width=device-width, initial-scale=1.0">
| + | *::-webkit-scrollbar { |
− | <title>TONGJI SOFTWARE</title> <link href="https://2019.igem.org/Template:Tongji_Software/css/font-awesome_min_css?action=raw&ctype=text/css" rel="stylesheet">
| + | display: none; |
− | <link rel="stylesheet" type="text/css" href="https://2019.igem.org/Template:Tongji_Software/css/default_css?action=raw&ctype=text/css" />
| + | } |
− | <link rel="stylesheet" type="text/css" href="https://2019.igem.org/Template:Tongji_Software/css/component_css?action=raw&ctype=text/css" />
| + | |
− | <link href="https://2019.igem.org/Template:Tongji_Software/css/HomePage_css?action=raw&ctype=text/css" type="text/css" rel="stylesheet">
| + | #indexTitle1 { |
− | <script src="https://2019.igem.org/Template:Tongji_Software/js/modernizr_custom_js?action=raw&ctype=text/javascript"></script>
| + | /*background-color: antiquewhite;*/ |
− | <style>
| + | 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> |
| | | |
− | @-webkit-keyframes fadein {
| + | </head> |
− | 0% {
| + | |
− | opacity: 0;
| + | |
− | background-color: #fff;
| + | |
− | }
| + | |
− | 100% {
| + | |
− | opacity: 1;
| + | |
− | background-color: #fff;
| + | |
− | }
| + | |
− | }
| + | |
| | | |
− | body {
| |
− | -webkit-animation-name: fadein;
| |
− | -webkit-animation-duration: 1s;
| |
− | -webkit-animation-timing-function: linear;
| |
− | -webkit-animation-iteration-count: 1; /* 动画只播放一次 */
| |
− | }
| |
− | </style>
| |
− | </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> |
| | | |
− | <!-- navigation -->
| |
− | <nav class="pages-nav">
| |
− | <div class="pages-nav__item"><a class="link link--page" href="#page-home">Home</a></div>
| |
− | <div class="pages-nav__item"><a class="link link--page" href="#page-team">Team</a></div>
| |
− | <div class="pages-nav__item"><a class="link link--page" href="#page-project">Project</a></div>
| |
− | <div class="pages-nav__item"><a class="link link--page" href="#page-safety">Safety</a></div>
| |
− | <div class="pages-nav__item"><a class="link link--page" href="#page-hp">Human Practices</a></div>
| |
− | <div class="pages-nav__item"><a class="link link--page" href="#page-edu">Education & Engagement</a></div>
| |
− | <div class="pages-nav__item"><a class="link link--page" href="#page-model">Model</a></div>
| |
− | <div class="pages-nav__item"><a class="link link--page" href="#page-medal">medal</a></div>
| |
− | <div class="pages-nav__item"><a class="JfLink" href="https://igem.org/2019_Judging_Form?id=3094" target="_blank">Judging Form</a></div>
| |
− | <!-- <div class="pages-nav__item pages-nav__item--small"><a class="link link--page link--faded" href="#page-medal">Medal</a></div>-->
| |
− | <!-- <div class="pages-nav__item pages-nav__item--small"><a class="link link--page link--faded" href="#page-jf">Judging Form</a></div>-->
| |
− | <!-- <div class="pages-nav__item pages-nav__item--small"><a class="link link--page link--faded" href="#page-contact">Contact</a></div>-->
| |
− | <div class="pages-nav__item pages-nav__item--social">
| |
− | <!-- <a class="link link--social link--faded" href="#"><i class="fa fa-twitter"></i><span class="text-hidden">Twitter</span></a>-->
| |
− | <a class="link link--social link--faded" href="#" style="font-size: 1rem; top: -0.1rem">Contact us</a>
| |
− | <a class="link link--social link--faded" href="#"><i class="fa fa-twitter"></i><span class="text-hidden">Twitter</span></a>
| |
− | <a class="link link--social link--faded" href="#"><i class="fa fa-facebook"></i><span class="text-hidden">Facebook</span></a>
| |
− | <a class="link link--social link--faded" href="#"><i class="fa fa-envelope"></i><span class="text-hidden">LinkedIn</span></a>
| |
− | <a class="link link--social link--faded" href="#"><i class="fa fa-phone"></i><span class="text-hidden">YouTube</span></a>
| |
− | </div>
| |
− | </nav>
| |
− | <!-- /navigation-->
| |
− | <!-- pages stack -->
| |
− | <div class="pages-stack">
| |
− | <!-- page -->
| |
− | <div class="page" id="page-home">
| |
− | <!-- Blueprint header -->
| |
− | <!--<header class="bp-header cf">
| |
− | <h1 class="bp-header__title">徐博女装HOME</h1>
| |
− | <nav class="bp-nav">
| |
− | </nav>
| |
− | </header>-->
| |
− | <!--<img class="poster" src="images/1.jpg" alt="img01" />-->
| |
− | <!-- -->
| |
− | <!-- <iframe class="html2" src="./dist/demo5.html" width="100%" height="100%">-->
| |
− | <!-- </iframe>-->
| |
− | <div id="indexBody">
| |
− | <h1 id="indexTitle1">PATHWAY SEARCH | ENZYME SELECTION | PARTS BROWSER</h1>
| |
− | <h1 id="indexTitle2">TONGJI<br> SOFTWARE</h1>
| |
− | <h1 id="indexTitle3">DESIGN AND OPTIMIZATION FOR PATHWAY</h1>
| |
− | </div>
| |
− | </div>
| |
− | <!-- /pages -->
| |
− | <div class="page" id="page-team">
| |
− | <header class="bp-header cf">
| |
− | <h1 class="bp-header__title">Team</h1>
| |
− | </header>
| |
| | | |
− | <img class="poster" src="images/6.jpg" alt="img06" />
| |
− | </div>
| |
| | | |
− | <div class="page" id="page-project">
| + | <div style="position:absolute; margin:26vh 0vw 0vh 5.5vw; width:50vw; color:white"> |
− | <!-- <header class="bp-header cf">--> | + | <div id="indexTitle1">PATHWAY SEARCH | ENZYME SELECTION | PARTS BROWSER</div> |
− | <!-- <h1 class="bp-header__title">Contact</h1>--> | + | <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> |
| | | |
− | <!-- </header>-->
| + | </body> |
− | <!-- <img class="poster" src="images/4.jpg" alt="img04" />-->
| + | |
− | <!-- <iframe class="html2" src="./dist/demo5.html" width="100%" height="100%">-->
| + | |
− | <!-- </iframe>-->
| + | |
− | </div>
| + | |
| | | |
− | <div class="page" id="page-safety">
| |
− | <header class="bp-header cf">
| |
− | <h1 class="bp-header__title">Safety</h1>
| |
− | </header>
| |
− | <img class="poster" src="images/2.jpg" alt="img02" />
| |
− | </div>
| |
− |
| |
− | <div class="page" id="page-hp">
| |
− | <header class="bp-header cf">
| |
− | <h1 class="bp-header__title">Human Practices</h1>
| |
− |
| |
− | </header>
| |
− | <img class="poster" src="images/3.jpg" alt="img03" />
| |
− | </div>
| |
− |
| |
− | <div class="page" id="page-edu">
| |
− | <header class="bp-header cf">
| |
− | <h1 class="bp-header__title">Education & Engagement</h1>
| |
− | </header>
| |
− | <img class="poster" src="images/4.jpg" alt="img04" />
| |
− | </div>
| |
− |
| |
− | <div class="page" id="page-model">
| |
− | <header class="bp-header cf">
| |
− | <h1 class="bp-header__title">Model</h1>
| |
− | </header>
| |
− | <img class="poster" src="images/5.jpg" alt="img05" />
| |
− | </div>
| |
− |
| |
− | <div class="page" id="page-medal">
| |
− | <header class="bp-header cf">
| |
− | <h1 class="bp-header__title">Medal</h1>
| |
− | </header>
| |
− | <img class="poster" src="images/6.jpg" alt="img06" />
| |
− | </div>
| |
− |
| |
− |
| |
− | </div>
| |
− | <!-- /pages-stack -->
| |
− | <!-- <button class="menu-button"><span>Menu</span></button>-->
| |
− | <button class="menu-button">
| |
− | <div>
| |
− | <span class="menu-button-span"></span>
| |
− | <span>
| |
− | <div class="menu-button-word">MENU</div>
| |
− | </span>
| |
− | </div>
| |
− | </button>
| |
− | <script src="https://2019.igem.org/Template:Tongji_Software/js/classie_js?action=raw&ctype=text/javascript"></script>
| |
− | <script src="https://2019.igem.org/Template:Tongji_Software/js/main_js?action=raw&ctype=text/javascript"></script>
| |
− | </body>
| |
| </html> | | </html> |