Difference between revisions of "Team:Tongji China/test do not link"
(Created page with "<!-- This document, originally from getmdl.io, was modified --> <!-- Material Design Lite Copyright 2015 Google Inc. All rights reserved. Licensed under the Apache Lic...") |
|||
| Line 100: | Line 100: | ||
.desktopview { | .desktopview { | ||
| − | |||
} | } | ||
| − | .mobileview { | + | .mobileview-header { |
| − | + | } | |
| + | |||
| + | .mobileview-drawer { | ||
} | } | ||
.mobileview-title { | .mobileview-title { | ||
| − | + | padding-top: 100px | |
} | } | ||
| Line 144: | Line 145: | ||
} | } | ||
} | } | ||
| + | |||
| + | @media only screen and (min-device-width: 900px) { | ||
| + | .mobileview-header { | ||
| + | position: absolute !important; | ||
| + | top: -1000px !important; | ||
| + | } | ||
| + | .mobileview-drawer { | ||
| + | position: absolute !important; | ||
| + | top: -1000px !important; | ||
| + | } | ||
| + | .mobileview-title { | ||
| + | position: absolute !important; | ||
| + | top: -1000px !important; | ||
| + | } | ||
| + | } | ||
@media only screen and (max-device-width: 900px) { | @media only screen and (max-device-width: 900px) { | ||
| Line 157: | Line 173: | ||
} | } | ||
.desktopview { | .desktopview { | ||
| − | + | position: absolute !important; | |
| + | top: -1000px !important; | ||
| + | display: none !important; | ||
} | } | ||
| − | + | /*.mobileview-header { | |
| − | .mobileview { | + | display: flex !important; |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
} | } | ||
| + | .mobileview-drawer { | ||
| + | display: block !important; | ||
| + | }*/ | ||
} | } | ||
| Line 209: | Line 225: | ||
<div class="mdl-layout mdl-js-layout mdl-layout--fixed-header" class="main view" style="background:#f9f9f9"> | <div class="mdl-layout mdl-js-layout mdl-layout--fixed-header" class="main view" style="background:#f9f9f9"> | ||
<a name="top"></a> | <a name="top"></a> | ||
| + | |||
| + | <!-- MOBILE VIEW --> | ||
| + | <!-- Header --> | ||
| + | <div class="android-header mdl-layout__header mdl-layout__header--waterfall mobileview-header"> | ||
| + | <div class="mdl-layout__header-row"> | ||
| + | <span class="android-title mdl-layout-title"> | ||
| + | <div class="logo-font">Tongji iGEM</div> | ||
| + | </span> | ||
| + | <!-- Add spacer, to align navigation to the right in desktop --> | ||
| + | <div class="android-header-spacer mdl-layout-spacer"></div> | ||
| + | <!-- Navigation --> | ||
| + | <div class="android-navigation-container"> | ||
| + | <nav class="android-navigation mdl-navigation"> | ||
| + | <!-- Links in the top right --> | ||
| + | <a class="mdl-navigation__link mdl-typography--text-uppercase" href="https://2017.igem.org/Team:Tongji_China">Home</a> | ||
| + | <a class="mdl-navigation__link mdl-typography--text-uppercase" href="https://2017.igem.org/Team:Tongji_China/Description">Project</a> | ||
| + | <a class="mdl-navigation__link mdl-typography--text-uppercase" href="https://2017.igem.org/Team:Tongji_China/Team">Team</a> | ||
| + | <a class="mdl-navigation__link mdl-typography--text-uppercase" href="https://2017.igem.org/Team:Tongji_China/Results">Results</a> | ||
| + | </nav> | ||
| + | </div> | ||
| + | <span class="android-mobile-title mdl-layout-title"> | ||
| + | <div class="logo-font">TongJi iGEM</div> | ||
| + | </span> | ||
| + | </div> | ||
| + | </div> | ||
| + | <!-- Drawer --> | ||
| + | <div class="android-drawer mdl-layout__drawer mobileview-drawer"> | ||
| + | <nav class="mdl-navigation"> | ||
| + | <!-- <span class="mdl-navigation__link" href="">Title</span> --> | ||
| + | <a class="mdl-navigation__link" style="color: #388E3C" href="https://2017.igem.org/Team:Tongji_China">HOME</a> | ||
| + | <div class="android-drawer-separator"></div> | ||
| + | |||
| + | <a class="mdl-navigation__link" style="color: #388E3C">PROJECT</a> | ||
| + | <a class="mdl-navigation__link" style="margin-left:8px;" href="https://2017.igem.org/Team:Tongji_China/Description">Description</a> | ||
| + | <a class="mdl-navigation__link" style="margin-left:8px;" href="https://2017.igem.org/Team:Tongji_China/Design">Design</a> | ||
| + | <a class="mdl-navigation__link" style="margin-left:8px;" href="https://2017.igem.org/Team:Tongji_China/Results">Results</a> | ||
| + | <a class="mdl-navigation__link" style="margin-left:8px;" href="https://2017.igem.org/Team:Tongji_China/Demonstrate">Demonstrate</a> | ||
| + | <a class="mdl-navigation__link" style="margin-left:8px;" href="https://2017.igem.org/Team:Tongji_China/Record">Record</a> | ||
| + | <!-- <div class="android-drawer-separator"></div> --> | ||
| + | |||
| + | <a class="mdl-navigation__link" style="color: #388E3C">LAB</a> | ||
| + | <a class="mdl-navigation__link" style="margin-left:8px;" href="https://2017.igem.org/Team:Tongji_China/Parts">Parts</a> | ||
| + | <a class="mdl-navigation__link" style="margin-left:8px;" href="https://2017.igem.org/Team:Tongji_China/Experiments">Tests</a> | ||
| + | <a class="mdl-navigation__link" style="margin-left:8px;" href="https://2017.igem.org/Team:Tongji_China/InterLab">InterLab</a> | ||
| + | <a class="mdl-navigation__link" style="margin-left:8px;" href="https://2017.igem.org/Team:Tongji_China/Process">Process</a> | ||
| + | <a class="mdl-navigation__link" style="margin-left:8px;" href="https://2017.igem.org/Team:Tongji_China/Protocol">Protocol</a> | ||
| + | <!-- <div class="android-drawer-separator"></div> --> | ||
| + | |||
| + | <a class="mdl-navigation__link" style="color: #388E3C" href="https://2017.igem.org/Team:Tongji_China/Model">MODEL</a> | ||
| + | <!-- <div class="android-drawer-separator"></div> --> | ||
| + | |||
| + | <a class="mdl-navigation__link" style="color: #388E3C" href="https://2017.igem.org/Team:Tongji_China/Human_Practices">HP</a> | ||
| + | <a class="mdl-navigation__link" style="margin-left:8px;" href="https://2017.igem.org/Team:Tongji_China/HP/Silver">Silver</a> | ||
| + | <a class="mdl-navigation__link" style="margin-left:8px;" href="https://2017.igem.org/Team:Tongji_China/HP/Gold_Integrated">Gold</a> | ||
| + | <a class="mdl-navigation__link" style="margin-left:8px;" href="https://2017.igem.org/Team:Tongji_China/Engagement">Engagement</a> | ||
| + | <!-- <div class="android-drawer-separator"></div> --> | ||
| + | |||
| + | <a class="mdl-navigation__link" style="color: #388E3C" href="https://2017.igem.org/Team:Tongji_China/Safety">SAFETY</a> | ||
| + | <!-- <div class="android-drawer-separator"></div> --> | ||
| + | |||
| + | <a class="mdl-navigation__link" style="color: #388E3C">AWARDS</a> | ||
| + | <a class="mdl-navigation__link" style="margin-left:8px;" href="https://2017.igem.org/Team:Tongji_China/Model">Model Award</a> | ||
| + | <a class="mdl-navigation__link" style="margin-left:8px;" href="https://2017.igem.org/Team:Tongji_China/Judging_Form">Judging Form</a> | ||
| + | <!-- <div class="android-drawer-separator"></div> --> | ||
| + | |||
| + | <a class="mdl-navigation__link" style="color: #388E3C">TEAM</a> | ||
| + | <a class="mdl-navigation__link" style="margin-left:8px;" href="https://2017.igem.org/Team:Tongji_China/Team">Members</a> | ||
| + | <a class="mdl-navigation__link" style="margin-left:8px;" href="https://2017.igem.org/Team:Tongji_China/Collaborations">Collaboration</a> | ||
| + | <a class="mdl-navigation__link" style="margin-left:8px;" href="https://2017.igem.org/Team:Tongji_China/Attributions">Attribution</a> | ||
| + | <div class="android-drawer-separator"></div> | ||
| + | <!-- <div class="android-drawer-separator"></div> --> | ||
| + | </nav> | ||
| + | </div> | ||
<!-- HERE STARTS THE PAGE --> | <!-- HERE STARTS THE PAGE --> | ||
<div class="android-content mdl-layout__content"> | <div class="android-content mdl-layout__content"> | ||
<a name="top"></a> | <a name="top"></a> | ||
| + | |||
| + | <!-- Title and Subtitle --> | ||
| + | <div class="mdl-typography--text-center mobileview-title" style="height:800px; background:url('https://static.igem.org/mediawiki/2017/9/9f/2017_tongji_wiki_image_homepage_backgroud2.png') center no-repeat; background-size:cover;"> | ||
| + | <div class="logo-font android-slogan" style="color:#388E3C;">Ignis Fly</div> | ||
| + | <div class="logo-font android-sub-slogan" style="color:#757575;"> | ||
| + | Welcome to our wiki!<br> | ||
| + | <i class="material-icons">expand_more</i> | ||
| + | </div> | ||
| + | </div> | ||
<!-- DESKTOP VIEW --> | <!-- DESKTOP VIEW --> | ||
| Line 276: | Line 374: | ||
</div> | </div> | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
</div> | </div> | ||
</div> | </div> | ||
Revision as of 01:23, 1 November 2017
Hello
