Difference between revisions of "Template:NUS Singapore-A"
| Line 103: | Line 103: | ||
} | } | ||
| + | |||
| + | |||
| + | /************** NavBar ****************/ | ||
/* The wrapper for the nav menu*/ | /* The wrapper for the nav menu*/ | ||
| Line 144: | Line 147: | ||
/* the dropdwn class is given to any button which require a dropdown menu...which is all*/ | /* the dropdwn class is given to any button which require a dropdown menu...which is all*/ | ||
| − | .nav . | + | .nav .dropdown{ |
display: inline-block; | display: inline-block; | ||
overflow: hidden; | overflow: hidden; | ||
| Line 166: | Line 169: | ||
/* The dropdwn-content class contains the hidden content (sub-menu) */ | /* The dropdwn-content class contains the hidden content (sub-menu) */ | ||
| − | .nav . | + | .nav .dropdown .dropdown-content{ |
display: none; | display: none; | ||
position: absolute; | position: absolute; | ||
| Line 177: | Line 180: | ||
/* This styles the links within the dropdwn-content */ | /* This styles the links within the dropdwn-content */ | ||
| − | .nav . | + | .nav .dropdown .dropdown-content a{ |
float: none; | float: none; | ||
padding: 5px; auto; | padding: 5px; auto; | ||
| Line 192: | Line 195: | ||
/* Add a dark background on topnav links and the dropdown button on hover */ | /* Add a dark background on topnav links and the dropdown button on hover */ | ||
| − | .nav a:hover, . | + | .nav a:hover, .dropdown:hover .dropbtn { |
background-color: #dddddd; | background-color: #dddddd; | ||
} | } | ||
/* Add the hover colors and the reveal of the menu */ | /* Add the hover colors and the reveal of the menu */ | ||
| − | . | + | .dropdown:hover { |
background-color: #dddddd; | background-color: #dddddd; | ||
} | } | ||
| − | . | + | .dropdown:hover .dropdown-content { |
display: block; | display: block; | ||
} | } | ||
| − | . | + | .dropdown-content a:hover{ |
background-color: #dddddd; | background-color: #dddddd; | ||
} | } | ||
| Line 241: | Line 244: | ||
text-align: left; | text-align: left; | ||
} | } | ||
| − | .nav.responsive . | + | .nav.responsive .dropdown {float: none;} |
| − | .nav.responsive . | + | .nav.responsive .dropdown-content {position: relative;} |
| − | .nav.responsive . | + | .nav.responsive .dropdown .dropbtn { |
display: block; | display: block; | ||
width: 100%; | width: 100%; | ||
| Line 299: | Line 302: | ||
##Screen = B/w 768px to 1024px | ##Screen = B/w 768px to 1024px | ||
*/ | */ | ||
| − | + | /* | |
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { | @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { | ||
} | } | ||
| − | + | */ | |
/* | /* | ||
##Device = Most of the Smartphones Mobiles (Portrait) | ##Device = Most of the Smartphones Mobiles (Portrait) | ||
| Line 310: | Line 313: | ||
##Screen = B/w 768px to 1024px | ##Screen = B/w 768px to 1024px | ||
*/ | */ | ||
| − | + | /* | |
@media (min-width: 0px) and (max-width: 1024px) { | @media (min-width: 0px) and (max-width: 1024px) { | ||
/* | /* | ||
/*Basics*/ | /*Basics*/ | ||
| − | + | /* p { | |
font-size: 13px; | font-size: 13px; | ||
} | } | ||
| Line 324: | Line 327: | ||
} | } | ||
*/ | */ | ||
| − | + | /* .dropdown-content { | |
min-width: 10px; | min-width: 10px; | ||
box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.2); | box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.2); | ||
| Line 332: | Line 335: | ||
padding: 8px; | padding: 8px; | ||
} | } | ||
| + | */ | ||
/************************************************** Back to top button style **************************************************/ | /************************************************** Back to top button style **************************************************/ | ||
| Line 428: | Line 432: | ||
<a href="https://2018.igem.org/Team:NUS_Singapore-A" clas="active">HOME</a> | <a href="https://2018.igem.org/Team:NUS_Singapore-A" clas="active">HOME</a> | ||
| − | <div class=" | + | <div class="dropdown"> |
<button class="dropdown">PROJECT</button> | <button class="dropdown">PROJECT</button> | ||
| − | <div class=" | + | <div class="dropdown-content"> |
<a href="https://2018.igem.org/Team:NUS_Singapore-A/Description">Description</a> | <a href="https://2018.igem.org/Team:NUS_Singapore-A/Description">Description</a> | ||
<a href="https://2018.igem.org/Team:NUS_Singapore-A/Design">Design</a> | <a href="https://2018.igem.org/Team:NUS_Singapore-A/Design">Design</a> | ||
| Line 437: | Line 441: | ||
</div> | </div> | ||
</div> | </div> | ||
| − | <div class=" | + | <div class="dropdown"> |
<button class="dropdown">LAB</button> | <button class="dropdown">LAB</button> | ||
| − | <div class=" | + | <div class="dropdown-content"> |
<a href="https://2018.igem.org/Team:NUS_Singapore-A/Notebook">Notebook</a> | <a href="https://2018.igem.org/Team:NUS_Singapore-A/Notebook">Notebook</a> | ||
<a href="https://2018.igem.org/Team:NUS_Singapore-A/Safety">Safety</a> | <a href="https://2018.igem.org/Team:NUS_Singapore-A/Safety">Safety</a> | ||
| Line 447: | Line 451: | ||
</div> | </div> | ||
| − | <div class=" | + | <div class="dropdown"> |
<button class="dropdown">PARTS</button> | <button class="dropdown">PARTS</button> | ||
| − | <div class=" | + | <div class="dropdown-content"> |
<a href="https://2018.igem.org/Team:NUS_Singapore-A/Basic_Part">Basic Parts</a> | <a href="https://2018.igem.org/Team:NUS_Singapore-A/Basic_Part">Basic Parts</a> | ||
<a href="https://2018.igem.org/Team:NUS_Singapore-A/Composite_Part">Composite Parts</a> | <a href="https://2018.igem.org/Team:NUS_Singapore-A/Composite_Part">Composite Parts</a> | ||
| Line 456: | Line 460: | ||
</div> | </div> | ||
| − | <div class=" | + | <div class="dropdown"> |
<button class="dropdown">MODELLING</button> | <button class="dropdown">MODELLING</button> | ||
| − | <div class=" | + | <div class="dropdown-content"> |
<a href="https://2018.igem.org/Team:NUS_Singapore-A/Model">Modelling</a> | <a href="https://2018.igem.org/Team:NUS_Singapore-A/Model">Modelling</a> | ||
<!-- <a href="https://2018.igem.org/Team:NUS_Singapore-A/Model/Data">Data</a> --> | <!-- <a href="https://2018.igem.org/Team:NUS_Singapore-A/Model/Data">Data</a> --> | ||
| Line 464: | Line 468: | ||
</div> | </div> | ||
| − | <div class=" | + | <div class="dropdown"> |
<button class="dropdown">HARDWARE</button> | <button class="dropdown">HARDWARE</button> | ||
| − | <div class=" | + | <div class="dropdown-content"> |
<a href="https://2018.igem.org/Team:NUS_Singapore-A/Hardware">Overview</a> | <a href="https://2018.igem.org/Team:NUS_Singapore-A/Hardware">Overview</a> | ||
<a href="https://2018.igem.org/Team:NUS_Singapore-A/Hardware/PDF-LA!">PDF-LA!</a> | <a href="https://2018.igem.org/Team:NUS_Singapore-A/Hardware/PDF-LA!">PDF-LA!</a> | ||
| Line 475: | Line 479: | ||
</div> | </div> | ||
| − | <div class=" | + | <div class="dropdown"> |
<button class="dropdown">HUMAN PRACTICES</button> | <button class="dropdown">HUMAN PRACTICES</button> | ||
| − | <div class=" | + | <div class="dropdown-content"> |
<a href="https://2018.igem.org/Team:NUS_Singapore-A/Human_Practices">Integrated Human Practices</a> | <a href="https://2018.igem.org/Team:NUS_Singapore-A/Human_Practices">Integrated Human Practices</a> | ||
<a href="https://2018.igem.org/Team:NUS_Singapore-A/Public_Engagement">Education & Public Engagement</a> | <a href="https://2018.igem.org/Team:NUS_Singapore-A/Public_Engagement">Education & Public Engagement</a> | ||
| Line 484: | Line 488: | ||
</div> | </div> | ||
| − | <div class=" | + | <div class="dropdown"> |
<button class="dropdown">TEAM</button> | <button class="dropdown">TEAM</button> | ||
| − | <div class=" | + | <div class="dropdown-content"> |
<a href="https://2018.igem.org/Team:NUS_Singapore-A/Team">Members</a> | <a href="https://2018.igem.org/Team:NUS_Singapore-A/Team">Members</a> | ||
<a href="https://2018.igem.org/Team:NUS_Singapore-A/Supervisors">Supervisors</a> | <a href="https://2018.igem.org/Team:NUS_Singapore-A/Supervisors">Supervisors</a> | ||
| Line 496: | Line 500: | ||
</div> | </div> | ||
| − | <div class=" | + | <div class="dropdown"> |
<button class="dropdown">AWARDS</button> | <button class="dropdown">AWARDS</button> | ||
| − | <div class=" | + | <div class="dropdown-content"> |
<a href="https://2018.igem.org/Team:NUS_Singapore-A/Medals">Medals</a> | <a href="https://2018.igem.org/Team:NUS_Singapore-A/Medals">Medals</a> | ||
</div> | </div> | ||
Revision as of 20:59, 15 October 2018
CONNECT WITH US
