(Prototype team page) |
|||
Line 1: | Line 1: | ||
− | |||
<html> | <html> | ||
+ | <head> | ||
+ | <meta charset="UTF-8"> | ||
+ | <meta http-equiv="X-UA-Compatible" content="IE=edge"> | ||
+ | <meta name="renderer" content="webkit"> | ||
+ | <title>Model</title> | ||
+ | <link rel="stylesheet" href="https://2017.igem.org/Team:HUST-China/css/bootstrap?action=raw&ctype=text/css"> | ||
+ | <link href="https://2017.igem.org/Team:HUST-China/css/return_top?action=raw&ctype=text/css" rel="stylesheet" type="text/css" /> | ||
− | < | + | <link href="https://2017.igem.org/Team:HUST-China/website/css/amp-website.css?action=raw&ctype=text/css"/> |
− | < | + | <!-- Acorn Media Player specific --> |
+ | <link href="https://2017.igem.org/Team:HUST-China/acornmediaplayer/acornmediaplayer.base.css?action=raw&ctype=text/css" > | ||
− | < | + | <!-- Theme --> |
+ | <link href="https://2017.igem.org/Team:HUST-China/acornmediaplayer/themes/access/acorn.access.css?action=raw&ctype=text/css"> | ||
+ | <link rel="stylesheet" href="https://2017.igem.org/Team:HUST-China/css/picbox.css?action=raw&ctype=text/css" type="text/css" media="screen" /> | ||
− | < | + | <script> |
− | < | + | if ($('.firstHeading')) $('.firstHeading').remove(); |
− | + | </script> | |
− | + | <style> | |
− | + | html { | |
− | + | overflow-x: hidden; | |
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | .banner-top { | ||
+ | margin-left: 15%; | ||
+ | } | ||
+ | |||
+ | #igem_home_logo { | ||
+ | width: 100%; | ||
+ | margin-top: 80px; | ||
+ | } | ||
+ | |||
+ | @media (min-width: 992px) { | ||
+ | .work-content .col-md-4 { | ||
+ | width: 25%; | ||
+ | margin-right: 8%; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .carousel-control.left, | ||
+ | .carousel-control.right { | ||
+ | background-image: none; | ||
+ | padding-top: 18%; | ||
+ | } | ||
+ | |||
+ | .carousel-indicators li { | ||
+ | background-color: #fff; | ||
+ | border: 1px solid #a94442; | ||
+ | } | ||
+ | |||
+ | .carousel-indicators li.active { | ||
+ | background-color: #f0ad4e; | ||
+ | } | ||
+ | |||
+ | #contentSub, | ||
+ | #contentcontainer, | ||
+ | #footer-box, | ||
+ | #sitesub, | ||
+ | #catlinks, | ||
+ | #search-controls, | ||
+ | #p-logo, | ||
+ | .h3, | ||
+ | .printfooter, | ||
+ | .firstHeading, | ||
+ | .visualClear { | ||
+ | display: none; | ||
+ | box-sizing: content-box; | ||
+ | } | ||
+ | |||
+ | #sideMenu, | ||
+ | #top_title { | ||
+ | display: none; | ||
+ | box-sizing: content-box; | ||
+ | } | ||
+ | |||
+ | #sideMenu .mainMenu_toggle, | ||
+ | #sideMenu .mainMenu_Title, | ||
+ | #sideMenu .sideMenuTitle, | ||
+ | #sideMenu .expand_subMenus { | ||
+ | box-sizing: content-box; | ||
+ | } | ||
+ | |||
+ | #bodyContent h1, | ||
+ | #bodyContent h2, | ||
+ | #bodyContent h3, | ||
+ | #bodyContent h4, | ||
+ | #bodyContent h5 { | ||
+ | margin-bottom: 0px; | ||
+ | } | ||
+ | |||
+ | #search_text { | ||
+ | color: #000; | ||
+ | } | ||
+ | |||
+ | #globalWrapper, | ||
+ | #content { | ||
+ | position: absolute; | ||
+ | left: 0; | ||
+ | right: 0; | ||
+ | top: 0; | ||
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | border: 0px; | ||
+ | background-color: transparent; | ||
+ | margin: 0px; | ||
+ | padding: 0px; | ||
+ | } | ||
+ | |||
+ | @media (min-width: 1200px) { | ||
+ | .container-fluid .container { | ||
+ | width: 969px; | ||
+ | /* margin-left: 300px; */ | ||
+ | } | ||
+ | .head-container { | ||
+ | width: 1170px; | ||
+ | } | ||
+ | } | ||
+ | /* article */ | ||
+ | |||
+ | .text-content article p { | ||
+ | text-indent: 20px; | ||
+ | margin: 10px 0; | ||
+ | font-size: 15px; | ||
+ | line-height: 24px; | ||
+ | } | ||
+ | |||
+ | .text-content article img { | ||
+ | width: 80%; | ||
+ | padding-left: 20%; | ||
+ | /* margin-left: 20%; */ | ||
+ | } | ||
+ | /* .mw-content-ltr ol{ | ||
+ | margin:0; | ||
+ | } */ | ||
+ | |||
+ | ol.carousel-indicators { | ||
+ | position: absolute; | ||
+ | bottom: 10px; | ||
+ | left: 50%; | ||
+ | z-index: 15; | ||
+ | width: 60%; | ||
+ | padding-left: 0; | ||
+ | margin-left: -30%; | ||
+ | text-align: center; | ||
+ | list-style: none; | ||
+ | } | ||
− | + | ||
+ | @charset "utf-8"; | ||
+ | body { | ||
+ | font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei UI", "Microsoft YaHei", SimHei, "\5B8B\4F53", simsun, sans-serif; | ||
+ | color: #666; | ||
+ | width:100%; | ||
+ | } | ||
+ | .logo { | ||
+ | padding:0; | ||
+ | } | ||
− | + | #myCarousel { | |
− | + | margin: 50px 0 0 0; | |
− | + | } | |
− | + | #navbar-collapse ul { | |
− | + | margin-top:0; | |
+ | } | ||
+ | .carousel-inner img { | ||
+ | margin: 0 auto; | ||
+ | } | ||
+ | /*.carousel-control { | ||
+ | font-size: 100px; | ||
+ | }*/ | ||
+ | .tab-h1 { | ||
+ | width:100%; | ||
+ | font-size: 30px; | ||
+ | text-align: center; | ||
+ | letter-spacing: 1px; | ||
+ | color: #ffffff; | ||
+ | background-color:#97477c; | ||
+ | padding: 30px; | ||
+ | margin: 0; | ||
+ | } | ||
− | + | .tab-p { | |
+ | font-size: 20px; | ||
+ | text-align: center; | ||
+ | letter-spacing: 1px; | ||
+ | color: #999; | ||
+ | margin: 20px 0 40px 0; | ||
+ | } | ||
− | + | .container-fluid{ | |
+ | width:100%; | ||
+ | } | ||
− | + | .tab1 { | |
+ | width:100%; | ||
+ | margin: 0 0; | ||
+ | color: #666; | ||
+ | background:#333; | ||
+ | } | ||
+ | .tab1 .text-muted { | ||
+ | color: #999; | ||
+ | text-decoration: line-through; | ||
+ | } | ||
+ | .tab1 .media-heading { | ||
+ | margin: 5px 0 20px 0; | ||
+ | } | ||
+ | .tab1 .col { | ||
+ | padding: 20px; | ||
+ | } | ||
− | + | .text span{ | |
+ | color: #97477c; | ||
+ | } | ||
+ | .text p { | ||
+ | font-size: 14px; | ||
+ | } | ||
+ | #footer { | ||
+ | background-color: #eee; | ||
+ | border-top: 1px solid #ccc; | ||
+ | padding: 20px; | ||
+ | text-align: center; | ||
+ | } | ||
+ | .text h4{ | ||
+ | padding: 5px 10px; | ||
+ | } | ||
+ | .text p{ | ||
+ | padding: 2px 10px; | ||
+ | } | ||
+ | .text h5{ | ||
+ | padding: 3px 10px; | ||
+ | } | ||
+ | .dropdown button{ | ||
+ | margin: 2px 20px; | ||
+ | } | ||
+ | /*没有小于768px,是因为Bootstrap3以移动端优先设计*/ | ||
− | + | /* 小屏幕(平板,大于等于768px) */ | |
+ | @media (min-width: 768px) { | ||
+ | .tab-h1 { | ||
+ | font-size: 26px; | ||
+ | } | ||
+ | .tab-p { | ||
+ | font-size: 16px; | ||
+ | } | ||
+ | .text h3 { | ||
+ | font-size: 22px; | ||
+ | } | ||
+ | .text p { | ||
+ | font-size: 10px; | ||
+ | text-indent: 20px; | ||
+ | } | ||
+ | .tab2-text { | ||
+ | float: left; | ||
+ | } | ||
+ | .tab2-img { | ||
+ | float: right; | ||
+ | } | ||
+ | } | ||
− | + | /* 中等屏幕(桌面显示器,大于等于992px) */ | |
− | + | @media (min-width: 992px) { | |
− | + | .tab-h1 { | |
− | + | font-size: 28px; | |
+ | } | ||
+ | .tab-p { | ||
+ | font-size: 17px; | ||
+ | } | ||
+ | .text h3 { | ||
+ | font-size: 24px; | ||
+ | } | ||
+ | .text p { | ||
+ | font-size: 12px; | ||
+ | text-indent: 24px; | ||
+ | } | ||
+ | } | ||
− | + | /* 大屏幕(大桌面显示器,大于等于1200px) */ | |
+ | @media (min-width: 1200px) { | ||
+ | .tab-h1 { | ||
+ | font-size: 30px; | ||
+ | } | ||
+ | .tab-p { | ||
+ | font-size: 18px; | ||
+ | } | ||
+ | .text h3 { | ||
+ | font-size: 26px; | ||
+ | } | ||
+ | .text p { | ||
+ | font-size: 14px; | ||
+ | text-indent: 28px; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | body { | ||
+ | position: relative; | ||
+ | } | ||
+ | ul.nav-pills { | ||
+ | top: 200px; | ||
+ | position: fixed; | ||
+ | } | ||
+ | ul.nav-pills2 { | ||
+ | bottom:50px; | ||
+ | position: fixed; | ||
+ | } | ||
+ | div.col-sm-10 div { | ||
+ | min-height: 10px; | ||
+ | font-size: 14px; | ||
+ | text-indent: 28px; | ||
+ | color:#0f0f0f; | ||
+ | } | ||
− | + | @media screen and (max-width: 992px) { | |
+ | #section1, #section2, #section3, #section4, #section5 { | ||
+ | background-color: #eee; color:#171717; | ||
+ | } | ||
+ | } | ||
− | + | body { | |
− | + | position: relative; | |
− | + | } | |
− | + | .menu_logo_1 { | |
− | + | top: 18px; | |
− | + | left: 80px; | |
− | + | z-index: -1000; | |
+ | opacity: 0.8; | ||
+ | position: fixed; | ||
+ | } | ||
+ | .menu_logo_2 { | ||
+ | top: 18px; | ||
+ | left:170px; | ||
+ | z-index: -1000; | ||
+ | opacity: 0.8; | ||
+ | position: fixed; | ||
+ | } | ||
− | |||
+ | </style> | ||
+ | </head> | ||
+ | <body data-spy="scroll" data-target="#myScrollspy" data-offset="20" style="height:auto;"> | ||
+ | <nav class="navbar navbar-default navbar-fixed-top" style="margin-top:15px"> | ||
+ | <div class="container"> | ||
+ | |||
+ | <div class="navbar-header"> | ||
+ | <a href="https://2017.igem.org/Team:HUST-China" class="navbar-brand logo menu_logo_1"><img src="https://static.igem.org/mediawiki/2017/6/64/Team_HUST_China_2017_logo.png" alt="HUST_iGEM_2017_logo"></a> | ||
+ | <a href="https://2017.igem.org" class="navbar-brand logo menu_logo_2"><img src="https://static.igem.org/mediawiki/2017/f/f6/IGEM_2017_logo.png" alt="HUST_iGEM_2017_logo"></a> | ||
+ | <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse" style="background-color: #333; color:#111"> | ||
+ | <span class="icon-bar"></span> | ||
+ | <span class="icon-bar"></span> | ||
+ | <span class="icon-bar"></span> | ||
+ | <span class="icon-bar"></span> | ||
+ | </button> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <div class="collapse navbar-collapse" id="navbar-collapse"> | ||
+ | <ul class="nav navbar-nav navbar-right"> | ||
+ | <li><a href="https://2017.igem.org/Team:HUST-China">HOME</a></li> | ||
+ | <li class="dropdown"> | ||
+ | <a href="#" class="dropdown-toggle" data-toggle="dropdown"> | ||
+ | PROJECT <b class="caret"></b> | ||
+ | </a> | ||
+ | <ul class="dropdown-menu"> | ||
+ | <li><a href="https://2017.igem.org/Team:HUST-China/project/background">Background</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:HUST-China/Description">Description</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:HUST-China/Safety">Safety</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:HUST-China/Demonstrate">Demonstrate</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="dropdown"> | ||
+ | <a href="#" class="dropdown-toggle" data-toggle="dropdown"> | ||
+ | WETLAB <b class="caret"></b> | ||
+ | </a> | ||
+ | <ul class="dropdown-menu"> | ||
+ | <li><a href="https://2017.igem.org/Team:HUST-China/Experiments">Experiments</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:HUST-China/Results">Results</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:HUST-China/InterLab">Interlab</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:HUST-China/Notebook">Notebook</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:HUST-China/wetlab/protocols">Protocols</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="dropdown active"> | ||
+ | <a href="https://2017.igem.org/Team:HUST-China/Model" > | ||
+ | MODEL | ||
+ | </a> | ||
+ | </li> | ||
+ | <li class="dropdown"> | ||
+ | <a href="#" class="dropdown-toggle" data-toggle="dropdown"> | ||
+ | PARTS<b class="caret"></b> | ||
+ | </a> | ||
+ | <ul class="dropdown-menu"> | ||
+ | <li><a href="https://2017.igem.org/Team:HUST-China/Basic part">Basic part</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:HUST-China/Composite part">Composite part</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:HUST-China/Part collection">Part collection</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="dropdown"> | ||
+ | <a href="#" class="dropdown-toggle" data-toggle="dropdown"> | ||
+ | HP<b class="caret"></b> | ||
+ | </a> | ||
+ | <ul class="dropdown-menu"> | ||
+ | <li><a href="https://2017.igem.org/Team:HUST-China/Collaborations"> Collaborations</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:HUST-China/HP/Silver">HP/Silver</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:HUST-China/Engagement">Engagement</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="dropdown"> | ||
+ | <a href="#" class="dropdown-toggle" data-toggle="dropdown"> | ||
+ | TEAM <b class="caret"></b> | ||
+ | </a> | ||
+ | <ul class="dropdown-menu"> | ||
+ | <li><a href="https://2017.igem.org/Team:HUST-China/Team">Team Roster</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:HUST-China/Attributions">Attributions</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | |||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | </nav> | ||
+ | |||
+ | |||
+ | |||
+ | <div class="tab1" id="section0" style="width:100%;margin-top: 65px;"> | ||
+ | <h1 class="tab-h1" ><strong>「尚未编辑」</strong></h1> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <footer id="footer"> | ||
+ | <div class="container" style="text-align: left"> | ||
+ | <h3><strong>Acknowledgments:</strong></h3> | ||
+ | <img style="max-width: 100%; height:auto; display: block " src="https://static.igem.org/mediawiki/2017/8/88/2017_HUST_China_seven_logo.png" /> | ||
+ | </div> | ||
+ | </footer> | ||
+ | <script type="text/javascript" src="https://2017.igem.org/Team:HUST-China/js/bootstrap?action=raw&ctype=text/javascript"></script> | ||
+ | <script type="text/javascript" src="https://2017.igem.org/Team:HUST-China/js/jquery?action=raw&ctype=text/javascript"></script> | ||
+ | <script type="text/javascript" src="https://2017.igem.org/Team:HUST-China/js/return_top_jquery?action=raw&ctype=text/javascript"></script> | ||
+ | <script src="https://2017.igem.org/Team:HUST-China/js/return_top_script?action=raw&ctype=text/javascript" type="text/javascript"></script> | ||
+ | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> | ||
+ | <script type="text/javascript" src="https://2017.igem.org/Team:HUST-China/ajax/libs/jquery/1.4/jquery.min.js?action=raw&ctype=text/javascript"></script> | ||
+ | <script type="text/javascript" src="https://2017.igem.org/Team:HUST-China/js/picbox.js?action=raw&ctype=text/javascript"></script> | ||
+ | |||
+ | |||
+ | |||
+ | <!-- Required by Acorn Media Player --> | ||
+ | <script src="https://2017.igem.org/Team:HUST-China/lib/jquery.min.js?action=raw&ctype=text/javascript"></script> | ||
+ | <script src="https://2017.igem.org/Team:HUST-China/lib/jquery-ui-1.10.0.custom.min.js?action=raw&ctype=text/javascript"></script> | ||
+ | |||
+ | <!-- Optional - for older browser support - Webshim Polyfill --> | ||
+ | <script src="https://2017.igem.org/Team:HUST-China/lib/modernizr.custom.js?action=raw&ctype=text/javascript"></script> | ||
+ | <script src="https://2017.igem.org/Team:HUST-China/afarkas.github.io/webshim/js-webshim/minified/polyfiller.js?action=raw&ctype=text/javascript"></script> | ||
+ | <script> | ||
+ | if(window.webshims) { | ||
+ | webshims.polyfill('mediaelement'); | ||
+ | } | ||
+ | </script> | ||
+ | <script src="https://2017.igem.org/Team:HUST-China/acornmediaplayer/jquery.acornmediaplayer.js?action=raw&ctype=text/javascript"></script> | ||
+ | <!-- Call the plugin --> | ||
+ | <script> | ||
+ | jQuery(function() { | ||
+ | jQuery('video, audio').acornMediaPlayer(); | ||
+ | }); | ||
+ | </script> | ||
+ | |||
+ | <script> | ||
+ | (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ | ||
+ | (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), | ||
+ | m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) | ||
+ | })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); | ||
+ | ga('create', 'UA-19824700-1', 'ghinda.net'); | ||
+ | ga('send', 'pageview'); | ||
+ | </script> | ||
+ | |||
+ | </body> | ||
</html> | </html> |
Revision as of 15:01, 29 October 2017