(Prototype team page) |
|||
Line 1: | Line 1: | ||
− | |||
<html> | <html> | ||
+ | <head> | ||
+ | <meta charset="UTF-8" /> | ||
+ | <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> | ||
+ | <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
+ | <link rel="stylesheet" type="text/css" | ||
+ | href="https://2016.igem.org/Template:NAU-CHINA/texiao?action=raw&ctype=text/css" /> | ||
+ | <link rel="stylesheet" type="text/css" | ||
+ | href="https://2016.igem.org/Template:NAU-CHINA/component?action=raw&ctype=text/css" /> | ||
+ | <style type="text/css"> | ||
+ | /* Hide top title */ | ||
+ | #top_title, #sideMenu { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | /* Hide first heading */ | ||
+ | .firstHeading { | ||
+ | display: none; | ||
+ | } | ||
− | |||
− | |||
− | |||
− | + | /*-- Remove borders, float content left and remove padding/margin */ | |
− | + | #globalWrapper, #content{ | |
+ | background-color: transparent; | ||
+ | border: none; | ||
+ | float: center; | ||
+ | width: auto; | ||
+ | margin-left: 0px; | ||
+ | margin-top: -8px; | ||
+ | padding: auto; | ||
+ | } | ||
+ | /*left align Black Menu Bar */ | ||
+ | #top_menu_inside { | ||
+ | margin-left: 0px; | ||
+ | } | ||
+ | .centerImage | ||
+ | { | ||
+ | text-align:center; | ||
+ | display:block; | ||
+ | } | ||
+ | .wraptocenter { | ||
+ | display: table-cell; | ||
+ | text-align: center; | ||
+ | vertical-align: middle; | ||
+ | width: 200px; | ||
+ | height: 200px; | ||
+ | background-color: #999; | ||
+ | } | ||
+ | .wraptocenter * { | ||
+ | vertical-align: middle; | ||
+ | } | ||
+ | #top_menu_inside .submenu{min-height:250px;} | ||
+ | @media screen and (max-width: 1220px) { | ||
+ | .menu{ | ||
+ | display: none; | ||
+ | opacity: 0; | ||
+ | } | ||
+ | .container { | ||
+ | display: block; | ||
+ | } | ||
− | + | } | |
+ | @media screen and (min-width: 1220px) { | ||
− | + | .menu{ | |
− | + | display: block; | |
− | + | } | |
− | + | ||
− | + | .container { | |
+ | display: none; | ||
+ | } | ||
− | + | } | |
− | < | + | </style> |
− | + | </head> | |
− | < | + | |
+ | <body > | ||
− | < | + | <!-- small screen menu --> |
− | + | <nav> | |
− | </ | + | <div class="container" > |
+ | <ul id="gn-menu" class="gn-menu-main" > | ||
+ | <li class="gn-trigger"> | ||
+ | <a class="gn-icon gn-icon-menu"> | ||
+ | </a> | ||
+ | <nav class="gn-menu-wrapper"> | ||
+ | <div class="gn-scroller"> | ||
+ | <ul class="gn-menu"> | ||
+ | <li> | ||
+ | <a href="https://2016.igem.org/Team:NAU-CHINA"><span> HOME</span></a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="https://2016.igem.org/Team:NAU-CHINA/Participator"> TEAM</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="https://2016.igem.org/Team:NAU-CHINA/Description"> PROJECT</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="https://2016.igem.org/Team:NAU-CHINA/Parts_list"> PARTS</a> | ||
+ | </li> | ||
+ | <li><a href="https://2016.igem.org/Team:NAU-CHINA/Safety"> SAFETY</a></li> | ||
+ | <li><a href="https://2016.igem.org/Team:NAU-CHINA/Attributions"> ATTRIBUTION</a></li> | ||
+ | <li> | ||
+ | <a href="https://2016.igem.org/Team:NAU-CHINA/Human_Practices"> HP</a> | ||
+ | </li> | ||
+ | <li><a href="https://2016.igem.org/Team:NAU-CHINA/Conclusion">CONCLUSION</a></li> | ||
+ | </ul> | ||
+ | </div><!-- /gn-scroller --> | ||
+ | </nav> | ||
+ | </li> | ||
+ | </ul> | ||
− | </div> | + | </div><!-- /container --> |
+ | |||
+ | |||
+ | <!-- big screen menu--> | ||
+ | <div class="nav" id="main" role="main"> | ||
+ | <ul class="menu"> | ||
+ | <li><a href="https://2016.igem.org/Team:NAU-CHINA">HOME</a></li> | ||
+ | <li><a>TEAM</a> | ||
+ | <ul class="submenu"> | ||
+ | <li><a href="https://2016.igem.org/Team:NAU-CHINA/Participator">Participator</a></li> | ||
+ | <li><a href="https://2016.igem.org/Team:NAU-CHINA/Collaborations">Collaborations</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a>PROJECT</a> | ||
+ | <ul class="submenu"> | ||
+ | <li><a href="https://2016.igem.org/Team:NAU-CHINA/Description">Description</a></li> | ||
+ | <li><a href="https://2016.igem.org/Team:NAU-CHINA/Applied Design">Applied Design</a></li> | ||
+ | <li><a href="https://2016.igem.org/Team:NAU-CHINA/Experiment">Experiment</a></li> | ||
+ | <li><a href="https://2016.igem.org/Team:NAU-CHINA/Proof">Proof of Concept</a></li> | ||
+ | <li><a href="https://2016.igem.org/Team:NAU-CHINA/Demonstrate">Demonstrate </a></li> | ||
+ | <li><a href="https://2016.igem.org/Team:NAU-CHINA/Model">Model </a></li> | ||
+ | <li><a href="https://2016.igem.org/Team:NAU-CHINA/Result">Result </a></li> | ||
+ | <li><a href="https://2016.igem.org/Team:NAU-CHINA/Notebook">Notebook </a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a>PARTS</a> | ||
+ | <ul class="submenu"> | ||
+ | <li><a href="https://2016.igem.org/Team:NAU-CHINA/Parts_list">Parts list</a></li> | ||
+ | <li><a href="https://2016.igem.org/Team:NAU-CHINA/Collection">Collection</a></li> | ||
+ | |||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="https://2016.igem.org/Team:NAU-CHINA/Safety">SAFETY</a></li> | ||
+ | <li><a href="https://2016.igem.org/Team:NAU-CHINA/Attribution">ATTRIBUTION</a></li> | ||
+ | <li><a>HUMAN PRACTICE</a> | ||
+ | <ul class="submenu"> | ||
+ | <li><a href="https://2016.igem.org/Team:NAU-CHINA/HP">Human Practices</a></li> | ||
+ | <li><a href="https://2016.igem.org/Team:NAU-CHINA/HP/Silver">Silver</a></li> | ||
+ | <li><a href="https://2016.igem.org/Team:NAU-CHINA/HP/Gold">Gold</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="https://2016.igem.org/Team:NAU-CHINA/Conclusion">CONCLUSION</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </nav> | ||
+ | |||
+ | <script type="text/javascript" src="https://2016.igem.org/Template:NAU-CHINA/modernizr_custom? | ||
+ | action=raw&ctype=text/javascript"></script> | ||
+ | <script type="text/javascript" src="https://2016.igem.org/Template:NAU-CHINA/gnmenu? | ||
+ | action=raw&ctype=text/javascript"></script> | ||
+ | <script type="text/javascript" src="https://2016.igem.org/Template:NAU-CHINA/classie? | ||
+ | action=raw&ctype=text/javascript"></script> | ||
+ | <script> | ||
+ | new gnMenu( document.getElementById( 'gn-menu' ) ); | ||
+ | </script> | ||
+ | </body> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</html> | </html> |
Revision as of 16:12, 12 October 2016