(Prototype team page) |
|||
Line 1: | Line 1: | ||
− | |||
− | |||
<html> | <html> | ||
+ | <head> | ||
+ | <meta charset="UTF-8"> | ||
+ | <meta http-equiv="Content-Type" content="text/html;charset=utf-8"> | ||
+ | <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0"> | ||
+ | <!--Import materialize.css--> | ||
+ | <link rel="stylesheet" href="https://2016.igem.org/Team:NJU-China/mdlib/ghpages?action=raw&ctype=text/css" media="screen,projection"> | ||
+ | <!--Import Google Icon Font--> | ||
+ | <link href="https://2016.igem.org/Team:NJU-China/mdlib/mdiconcss?action=raw&ctype=text/css" rel="stylesheet"> | ||
+ | <style> | ||
+ | /* mod */ | ||
− | + | ul.side-nav.fixed li.logo { | |
− | + | margin-bottom: auto; | |
− | + | margin-top: auto; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
+ | #nav-mobile { | ||
+ | padding-bottom: 60px; | ||
+ | } | ||
+ | a, | ||
+ | a:hover { | ||
+ | text-decoration: none !important; | ||
+ | } | ||
+ | header, | ||
+ | main, | ||
+ | footer { | ||
+ | padding-left: 300px; | ||
+ | } | ||
− | + | @media only screen and (max-width: 992px) { | |
+ | header, | ||
+ | main, | ||
+ | footer { | ||
+ | padding-left: 0; | ||
+ | } | ||
+ | } | ||
+ | ul { | ||
+ | list-style-image: inherit; | ||
+ | } | ||
− | + | .tabs .tab { | |
− | + | text-transform: none; | |
− | + | } | |
+ | /**, | ||
+ | *:before, | ||
+ | *:after { | ||
+ | box-sizing: content-box; | ||
+ | }*/ | ||
− | + | a.page-title:active { | |
− | + | color: white; | |
− | + | } | |
− | + | /* revert */ | |
− | + | #top_title, | |
+ | #sideMenu, | ||
+ | .wsx_fade, | ||
+ | .wsx_scroll, | ||
+ | #mw-content-text>p:first-child { | ||
+ | display: none; | ||
+ | } | ||
+ | #content { | ||
+ | width: 100%; | ||
+ | padding: 0; | ||
+ | margin: 0; | ||
+ | /*为了能让侧栏正常滑动,且不会被阴影覆盖*/ | ||
+ | position: static; | ||
+ | } | ||
+ | .mw-content-ltr ul { | ||
+ | margin: 0; | ||
+ | } | ||
+ | </style> | ||
+ | </head> | ||
− | </div> | + | <body> |
+ | <header> | ||
+ | <nav class="top-nav"> | ||
+ | <div class="container"> | ||
+ | <div class="nav-wrapper"><a class="page-title">Proof</a></div> | ||
+ | </div> | ||
+ | </nav> | ||
+ | <div class="container"> | ||
+ | <a href="#" data-activates="nav-mobile" class="button-collapse top-nav full hide-on-large-only"> <i class="material-icons">menu</i> </a> | ||
+ | </div> | ||
+ | <ul id="nav-mobile" class="side-nav fixed"> | ||
+ | <li class="logo"> | ||
+ | <!-- <a id="logo-container" href="https://2016.igem.org/Team:NJU-China" class="brand-logo"> <img src="https://static.igem.org/mediawiki/2016/c/c8/NJU_China_2016_iGEM_logo.png" alt="NJU-China LOGO" class="responsive-img" style="height: 200%"> </a> --><img class="background responsive-img" src="https://static.igem.org/mediawiki/2016/c/c8/NJU_China_2016_iGEM_logo.png" alt="NJU-China LOGO"> </li> | ||
+ | <li class="bold"><a href="https://2016.igem.org/Team:NJU-China/Background" class="waves-effect waves-teal">Background</a></li> | ||
+ | <li class="bold no-padding"> | ||
+ | <ul class="collapsible collapsible-accordion"> | ||
+ | <li class="bold"> <a class="collapsible-header waves-effect waves-teal">Project</a> | ||
+ | <div class="collapsible-body"> | ||
+ | <ul> | ||
+ | <li><a href="https://2016.igem.org/Team:NJU-China/Project#test1">Design</a></li> | ||
+ | <li><a href="https://2016.igem.org/Team:NJU-China/Project#test2">Results</a></li> | ||
+ | <li><a href="https://2016.igem.org/Team:NJU-China/Project#test3">Conclusion</a></li> | ||
+ | <li><a href="https://2016.igem.org/Team:NJU-China/Project#test4">Future Work</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="bold no-padding"> | ||
+ | <ul class="collapsible collapsible-accordion"> | ||
+ | <li class="bold"> <a class="collapsible-header waves-effect waves-teal">Model</a> | ||
+ | <div class="collapsible-body"> | ||
+ | <ul> | ||
+ | <li><a href="https://2016.igem.org/Team:NJU-China/Model#test1">Delivery Model</a></li> | ||
+ | <li><a href="https://2016.igem.org/Team:NJU-China/Model#test2">RNAi Model</a></li> | ||
+ | <li><a href="https://2016.igem.org/Team:NJU-China/Model#test3">Signaling Model</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="bold"><a href="https://2016.igem.org/Team:NJU-China/Parts" class="waves-effect waves-teal">Parts</a></li> | ||
+ | <li class="bold"><a href="https://2016.igem.org/Team:NJU-China/Safety" class="waves-effect waves-teal">Safety</a></li> | ||
+ | <li class="bold"><a href="https://2016.igem.org/Team:NJU-China/Human_Practice" class="waves-effect waves-teal">Human Practice</a></li> | ||
+ | <li class="bold"><a href="https://2016.igem.org/Team:NJU-China/Team" class="waves-effect waves-teal">Team</a></li> | ||
+ | <li class="bold"><a href="https://2016.igem.org/Team:NJU-China/Attribution" class="waves-effect waves-teal">Attribution</a></li> | ||
+ | <li class="bold"><a href="https://2016.igem.org/Team:NJU-China/Collaboration" class="waves-effect waves-teal">Collaboration</a></li> | ||
+ | <li class="bold no-padding"> | ||
+ | <ul class="collapsible collapsible-accordion"> | ||
+ | <li class="bold"> <a class="collapsible-header waves-effect waves-teal">Notebook</a> | ||
+ | <div class="collapsible-body"> | ||
+ | <ul> | ||
+ | <li><a href="https://2016.igem.org/Team:NJU-China/Notebook#test1">Methods</a></li> | ||
+ | <li><a href="https://2016.igem.org/Team:NJU-China/Notebook#test2">Protacal</a></li> | ||
+ | <li><a href="https://2016.igem.org/Team:NJU-China/Notebook#test3">Notebook</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </header> | ||
+ | <!-- Begin page content --> | ||
+ | <main class="z-depth-1"> | ||
+ | <div class="container"> | ||
+ | <div class="divider"></div> | ||
+ | <div class="section"> | ||
+ | <p>Abcdefg hijklmnop qrs tuv wx yz. Abcdefg hijklmnop qrs tuv wx yz. Abcdefg hijklmnop qrs tuv wx yz. Abcdefg hijklmnop qrs tuv wx yz. Abcdefg hijklmnop qrs tuv wx yz. Abcdefg hijklmnop qrs tuv wx yz. Abcdefg hijklmnop qrs tuv wx yz. Abcdefg</p> | ||
+ | <p>Abcdefg hijklmnop qrs tuv wx yz. Abcdefg hijklmnop qrs tuv wx yz. Abcdefg hijklmnop qrs tuv wx yz. Abcdefg hijklmnop qrs tuv wx yz. Abcdefg hijklmnop qrs tuv wx yz. Abcdefg hijklmnop qrs tuv wx yz. Abcdefg hijklmnop qrs tuv wx yz. Abcdefg hijklmnop | ||
+ | qrs tuv wx yz. Abcdefg hijklmnop qrs tuv wx yz. Abcdefg hijklmnop qrs tuv wx yz.</p> | ||
+ | </div> | ||
+ | <div class="divider"></div> | ||
+ | <div class="divider"></div> | ||
+ | </div> | ||
+ | </main> | ||
+ | <footer> </footer> | ||
+ | <!-- 理论上应用 2.1.4 版本的 jQuery,但是iGEM官方提供 1.11.1 --> | ||
+ | <!-- jQuery 2.1.4 --> | ||
+ | <!-- <script src="https://2016.igem.org/Team:NJU-China/mdlib/jquery214?action=raw&ctype=text/javascript"></script> --> | ||
+ | <!-- 自己上传的jQuery 1.11.1 --> | ||
+ | <!-- <script src="https://2016.igem.org/Team:NJU-China/lib/jquery?action=raw&ctype=text/javascript"></script> --> | ||
+ | <script src="https://2016.igem.org/Team:NJU-China/mdlib/mdjs?action=raw&ctype=text/javascript"></script> | ||
+ | <script type="text/javascript"> | ||
+ | // Initialize collapse button | ||
+ | $(".button-collapse").sideNav(); | ||
+ | // Initialize collapsible (uncomment the line below if you use the dropdown variation) | ||
+ | $('.collapsible').collapsible(); | ||
+ | </script> | ||
+ | </body> | ||
</html> | </html> |
Revision as of 14:25, 9 October 2016
Abcdefg hijklmnop qrs tuv wx yz. Abcdefg hijklmnop qrs tuv wx yz. Abcdefg hijklmnop qrs tuv wx yz. Abcdefg hijklmnop qrs tuv wx yz. Abcdefg hijklmnop qrs tuv wx yz. Abcdefg hijklmnop qrs tuv wx yz. Abcdefg hijklmnop qrs tuv wx yz. Abcdefg
Abcdefg hijklmnop qrs tuv wx yz. Abcdefg hijklmnop qrs tuv wx yz. Abcdefg hijklmnop qrs tuv wx yz. Abcdefg hijklmnop qrs tuv wx yz. Abcdefg hijklmnop qrs tuv wx yz. Abcdefg hijklmnop qrs tuv wx yz. Abcdefg hijklmnop qrs tuv wx yz. Abcdefg hijklmnop qrs tuv wx yz. Abcdefg hijklmnop qrs tuv wx yz. Abcdefg hijklmnop qrs tuv wx yz.