(Prototype team page) |
|||
Line 1: | Line 1: | ||
− | |||
<html> | <html> | ||
+ | <head> | ||
+ | <style> | ||
+ | #home_logo, #sideMenu { | ||
+ | display: none; | ||
+ | } | ||
− | + | #sideMenu, #top_title, .patrollink { | |
− | + | display: none; | |
− | + | } | |
− | + | ||
− | + | ||
+ | #content { | ||
+ | width: 100%; | ||
+ | padding: 0px; | ||
+ | margin-top: 0px; | ||
+ | margin-left: 0px; | ||
+ | margin-right: 0px; | ||
+ | } | ||
− | + | body { | |
+ | background-color: #FAFAFA; | ||
+ | !important; | ||
+ | } | ||
+ | #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { | ||
+ | margin-bottom: 0px; | ||
+ | } | ||
+ | a:link { | ||
+ | text-decoration: none; | ||
+ | } | ||
− | + | a:visited { | |
− | + | text-decoration: none; | |
− | + | } | |
− | + | a:active { | |
− | + | text-decoration: none; | |
+ | } | ||
− | + | a:hover { | |
+ | } | ||
+ | .dropbtn { | ||
+ | background-color: #4CAF50; | ||
+ | color: white; | ||
+ | padding: 16px; | ||
+ | font-size: 16px; | ||
+ | border: none; | ||
+ | cursor: pointer; | ||
+ | } | ||
− | + | .dropdown { | |
− | + | position: relative; | |
+ | display: inline-block; | ||
+ | } | ||
+ | .dropdown-content { | ||
+ | display: none; | ||
+ | position: absolute; | ||
+ | background-color: #f9f9f9; | ||
+ | min-width: 140px; | ||
+ | box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); | ||
+ | } | ||
+ | |||
+ | .dropdown-content a { | ||
+ | color: black; | ||
+ | padding: 12px 16px; | ||
+ | text-decoration: none; | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | .dropdown-content a:hover {background-color: #f1f1f1} | ||
+ | |||
+ | .dropdown:hover .dropdown-content { | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | .dropdown:hover .dropbtn { | ||
+ | background-color: #3e8e41; | ||
+ | } | ||
+ | u{ text-decoration:none} | ||
+ | a{ text-decoration:none} | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | /*Major body*/ | ||
+ | #MajorBody{position:absolute; top:24px; left:0px; width:1200px; height:1200px; background-color:#ffffff;} | ||
+ | #LeftNavigation{position:fixed; top:80px; float:left; width:200px; height:100%; background-color:#313131; z-index:1050;} | ||
+ | #Content{position:absolute; left:200px;} | ||
+ | #ProjectList{position:absolute; top:40px; left:0px; color:#ffffff; font-family: calibri, arial, helvetica, sans-serif;} | ||
+ | #ProjectList > li {display:block; list-style-type:none; width:180px; height:30px; font-size:20px; text-align:left; background-color:transparent;} | ||
+ | .Left>a {color:#ffffff; text-decoration:none;} | ||
+ | .Left:hover >a{color:#999999;} | ||
+ | |||
+ | |||
+ | /*end of Major body*/ | ||
+ | #AcknowledgementBox{ position:absolute; left:0px; top:590px; width:1200px;display:none;} | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | </style> | ||
+ | |||
+ | <link rel="stylesheet" type="text/css" | ||
+ | href="https://2018.igem.org/Template:Peking/css/menubar?action=raw&ctype=text/css"> | ||
+ | <link rel="stylesheet" type="text/css" | ||
+ | href="https://2018.igem.org/Template:Peking/css/main?action=raw&ctype=text/css"> | ||
+ | |||
+ | |||
+ | |||
+ | </head> | ||
+ | |||
+ | <body> | ||
+ | <div class="mdl-layout mdl-js-layout mdl-layout--fixed-header"> | ||
+ | <header class="mdl-layout__header" style="position:fixed; margin-top: -9px; !important;"> | ||
+ | <div class="mdl-layout__header-row"> | ||
+ | <!-- Title --> | ||
+ | <a class="mdl-navigation__link" href="https://2018.igem.org/Team:Peking" | ||
+ | style="color: #000000; font-size: x-large"><strong>Peking iGEM 2018</strong></a> | ||
+ | <a href="https://2018.igem.org/Team:Peking"><img | ||
+ | src="https://static.igem.org/mediawiki/2018/e/e2/T--Peking--_toolbar.jpeg" height="50"></a> | ||
+ | <!-- Add spacer, to align navigation to the right --> | ||
+ | <div class="mdl-layout-spacer"></div> | ||
+ | <!-- Navigation. We hide it in small screens. --> | ||
+ | <nav class="mdl-navigation mdl-layout--large-screen-only"> | ||
+ | |||
+ | <a class="mdl-navigation__link" href="https://2018.igem.org/Team:Peking" | ||
+ | style="color: #000; font-weight: 500;">Home</a> | ||
+ | <div class="dropdown"> | ||
+ | <span><a class="mdl-navigation__link" href="https://2018.igem.org/Team:Peking/Project">Project</a></span> | ||
+ | <div class="dropdown-content"> | ||
+ | <a href="https://2018.igem.org/Team:Peking/Description">Description</a> | ||
+ | <a href="https://2018.igem.org/Team:Peking/Design">Design</a> | ||
+ | <a href="https://2018.igem.org/Team:Peking/Demonstrate">Demonstrate</a> | ||
+ | <a href="https://2018.igem.org/Team:Peking/Future_Plan">Future Plan</a> | ||
+ | </div></div> | ||
+ | <div class="dropdown"> | ||
+ | <span><a class="mdl-navigation__link" href="https://2018.igem.org/Team:Peking/Results">Data Page</a></span> | ||
+ | <div class="dropdown-content"> | ||
+ | <a href="https://2018.igem.org/Team:Peking/Phase_Separation_D">Phase Separation</a> | ||
+ | <a href="https://2018.igem.org/Team:Peking/Function_D">Function</a> | ||
+ | </div></div> | ||
+ | <div class="dropdown"> | ||
+ | <span><a class="mdl-navigation__link" href="https://2018.igem.org/Team:Peking/Model">Model</a></span> | ||
+ | <div class="dropdown-content"> | ||
+ | <a href="https://2018.igem.org/Team:Peking/Phase_Separation_M">Phase Separation</a> | ||
+ | <a href="https://2018.igem.org/Team:Peking/Function_M">Function</a> | ||
+ | </div></div> | ||
+ | <div class="dropdown"> | ||
+ | <span><a class="mdl-navigation__link" href="https://2018.igem.org/Team:Peking/Software">Software</a></span></div> | ||
+ | <div class="dropdown"> | ||
+ | <span><a class="mdl-navigation__link" href="https://2018.igem.org/Team:Peking/Human_Practices">Human Practices</a></span> | ||
+ | <div class="dropdown-content"> | ||
+ | <a href="https://2018.igem.org/Team:Peking/HumanPractices">Human Practices</a> | ||
+ | <a href="https://2018.igem.org/Team:Peking/Public_Engagement">Public Engagement</a> | ||
+ | </div></div> | ||
+ | <div class="dropdown"> | ||
+ | <span><a class="mdl-navigation__link" href="https://2018.igem.org/Team:Peking/Team">Team</a></span> | ||
+ | <div class="dropdown-content"> | ||
+ | <a href="https://2018.igem.org/Team:Peking/Team">Team Members</a> | ||
+ | <a href="https://2018.igem.org/Team:Peking/Attributions">Attributions</a> | ||
+ | <a href="https://2018.igem.org/Team:Peking/Safety">Safety</a> | ||
+ | <a href="https://2018.igem.org/Team:Peking/Notebook">Notebook</a> | ||
+ | <a href="https://2018.igem.org/Team:Peking/Experiments">Experiments</a> | ||
+ | </div></div> | ||
+ | <div class="dropdown"> | ||
+ | <span><a class="mdl-navigation__link" href="https://2018.igem.org/Team:Peking/Collaborations"><b>Collaborations</b></a></span> | ||
+ | <div class="dropdown-content"> | ||
+ | <a href="https://2018.igem.org/Team:Peking/Acknowledgement">Acknowledgement</a> | ||
+ | <a href="https://2018.igem.org/Team:Peking/InterLab">InterLab</a> | ||
+ | </div></div> | ||
+ | <div class="dropdown"> | ||
+ | <span><a class="mdl-navigation__link" href="https://2018.igem.org/Team:Peking/Parts">Parts</a></span> | ||
+ | <div class="dropdown-content"> | ||
+ | <a href="https://2018.igem.org/Team:Peking/Improve">Improve</a> | ||
+ | </div></div> | ||
+ | <span>         </span></div> | ||
+ | </nav> | ||
+ | </div> | ||
+ | </header> | ||
</div> | </div> | ||
+ | <!--MajorBody--> | ||
+ | <div id="MajorBody"> | ||
+ | <div id="LeftNavigation"> | ||
+ | <ul id="ProjectList"> | ||
+ | <li class="Left"><a href="https://2018.igem.org/Team:Peking/Collaborations"><b>Collaborations</b></a></li><br/><br/> | ||
+ | <li class="Left"><a href="https://2018.igem.org/Team:Peking/Acknowledgement">◊   Acknowledgement</a><li> | ||
+ | <li class="Left"><a href="https://2018.igem.org/Team:Peking/InterLab">>   InterLab</a><li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <div class="two_thirds_size" > | ||
+ | <p>Welcome to our wiki!</p> | ||
+ | |||
+ | </div> | ||
+ | <div id="Content"> | ||
+ | Improve | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | </body> | ||
</html> | </html> |
Revision as of 19:50, 3 October 2018
Welcome to our wiki!
Improve