Difference between revisions of "Template:Nankai"
(339 intermediate revisions by 4 users not shown) | |||
Line 1: | Line 1: | ||
− | |||
− | |||
− | |||
<html lang="en-US"> | <html lang="en-US"> | ||
− | + | ||
<meta charset="UTF-8"> | <meta charset="UTF-8"> | ||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> | <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> | ||
Line 12: | Line 9: | ||
<!-- Stylesheets --> | <!-- Stylesheets --> | ||
− | + | ||
− | < | + | <script src="https://2015.igem.org/Template:Nankai/jquerymigrate121min?action=raw&ctype=text/javascript"></script> |
− | + | ||
+ | |||
<!-- JavaScripts --> | <!-- JavaScripts --> | ||
− | |||
− | |||
− | + | ||
<style type="text/css"> | <style type="text/css"> | ||
+ | /*-- Remove borders, float content left and remove padding/margin */ | ||
+ | #globalWrapper, #content{ | ||
+ | background-color: transparent; | ||
+ | border: 0px; | ||
+ | float: left; | ||
+ | margin:0px; | ||
+ | padding: 0px; | ||
+ | } | ||
+ | |||
+ | /*left align Black Menu Bar */ | ||
+ | #top_menu_inside { | ||
+ | margin-left: 20px; | ||
+ | } | ||
+ | |||
+ | #globalWrapper { | ||
+ | background-color:#E6F4F7; | ||
+ | } | ||
+ | |||
+ | #content { | ||
+ | background-image: url(https://static.igem.org/mediawiki/2015/f/fb/Nankai_background3.jpg); | ||
+ | } | ||
+ | #globalWrapper, #content ,#bodyContent,body{ | ||
+ | width: 100%; | ||
+ | background-size: 50% auto; | ||
+ | background-repeat: repeat-xy; | ||
+ | background-position: 0px 0px; | ||
+ | padding:0px; | ||
+ | border:0px; | ||
+ | } | ||
+ | |||
+ | |||
+ | a, a:visited { | ||
+ | text-decoration: none !important; | ||
+ | } | ||
+ | |||
+ | .main-nav ul{ | ||
+ | padding: 0; | ||
+ | margin: 0; | ||
+ | } | ||
+ | |||
+ | .site-header .main-navigation .main-nav.visible-md.visible-lg .sf-menu a { | ||
+ | font-size: 15px; | ||
+ | } | ||
+ | |||
+ | .site-header { | ||
+ | position: fixed; | ||
+ | top: 18px; | ||
+ | left: 0; | ||
+ | width: 100%; | ||
+ | background-color: #FFF; | ||
+ | z-index: 1; | ||
+ | padding-top:10px; | ||
+ | padding-bottom:10px; | ||
+ | overflow: visible; | ||
+ | transition: padding 0.3s ease-in-out; | ||
+ | -moz-transition: padding 0.3s ease-in-out; | ||
+ | -webkit-transition: padding 0.3s ease-in-out; | ||
+ | filter: alpha(Opacity=80); | ||
+ | -moz-opacity: 0.8; | ||
+ | opacity: 0.8; | ||
+ | |||
+ | } | ||
+ | .main-nav ul li { | ||
+ | float:right; | ||
+ | display: block; | ||
+ | position: relative; | ||
+ | margin-top: 20px; | ||
+ | |||
+ | } | ||
+ | |||
+ | .main-nav ul li a { | ||
+ | color: #31373a; | ||
+ | font-size: 10px; | ||
+ | font-weight: 700; | ||
+ | text-transform: uppercase; | ||
+ | font-family: "Raleway", sans-serif; | ||
+ | padding-top: 5px; | ||
+ | padding-right: 20px; | ||
+ | padding-left: 20px; | ||
+ | padding-bottom: 5px; | ||
+ | display: block; | ||
+ | -webkit-border-radius: 3px; | ||
+ | -moz-border-radius: 3px; | ||
+ | -ms-border-radius: 3px; | ||
+ | -o-border-radius: 3px; | ||
+ | border-radius: 3px; | ||
+ | } | ||
+ | .main-nav ul li a:hover { | ||
+ | color: #00a8d6; | ||
+ | } | ||
+ | .main-nav ul li a i { | ||
+ | margin-left: 7px; | ||
+ | } | ||
+ | |||
+ | .main-nav ul li ul { | ||
+ | display: none; | ||
+ | top: 100%; | ||
+ | left: 0; | ||
+ | margin-top: 5px; | ||
+ | position: absolute; | ||
+ | width: 220px; | ||
+ | background-color: white; | ||
+ | border: 2px solid #f1f4f5; | ||
+ | } | ||
+ | |||
+ | .main-nav ul li ul li { | ||
+ | margin-left: 0; | ||
+ | width: 100%; | ||
+ | border-bottom: 1px solid #dce4e6; | ||
+ | } | ||
+ | |||
+ | .main-nav ul li ul li a { | ||
+ | background-color: transparent !important; | ||
+ | color: #777777 !important; | ||
+ | text-transform: capitalize; | ||
+ | font-weight: 600; | ||
+ | } | ||
+ | .main-nav ul li ul li a:hover { | ||
+ | color: #00a8d6 !important; | ||
+ | } | ||
+ | |||
+ | div.printfooter { | ||
+ | display:none; | ||
+ | } | ||
+ | |||
#logo1 { | #logo1 { | ||
float: left; | float: left; | ||
height: 80px; | height: 80px; | ||
width: 80px; | width: 80px; | ||
+ | margin-left: 20px; | ||
} | } | ||
− | # | + | |
− | + | .firstHeading{ | |
− | + | display:none; | |
− | + | } | |
+ | .parallax-overlay p{ | ||
+ | text-align: left; | ||
+ | margin-left:2%; | ||
+ | position:absolute; | ||
+ | margin-top:2%; | ||
+ | } | ||
+ | #sideli { | ||
+ | margin-right: 12%; | ||
+ | } | ||
+ | @media (min-width: 901px) {.hidemenu {display:none;} } | ||
+ | @media (max-width: 900px) {.visible-lg {display:none;} } | ||
+ | .hidemenu{ | ||
+ | text-align:center; | ||
+ | font-size:30px; | ||
+ | font-weight:900px; | ||
+ | } | ||
+ | |||
+ | .responsive_menu { | ||
+ | padding: 20px; | ||
+ | background-color: rgba(49, 55, 58, 0.98); | ||
+ | text-size:10px; | ||
+ | display: none; | ||
+ | position: absolute; | ||
+ | z-index: 9999; | ||
+ | |||
+ | |||
+ | } | ||
+ | .responsive_menu a{ | ||
+ | color:#FFF; | ||
+ | } | ||
+ | |||
+ | .parallax.first-widget .parallax-overlay p{ | ||
+ | font-size: 20px; | ||
+ | font-weight: normal; | ||
+ | font-family: "PT Serif", Georgia, serif; | ||
+ | } | ||
+ | .parallax.first-widget .parallax-overlay p a:hover{ | ||
+ | color:#C800FF; | ||
+ | } | ||
+ | |||
+ | .responsive_menu.main_menu li a { | ||
+ | font-family: "PT Serif", Georgia, serif; | ||
} | } | ||
</style> | </style> | ||
− | + | ||
− | + | ||
+ | |||
<div class="responsive_menu"> | <div class="responsive_menu"> | ||
− | + | <ul class="main_menu"> | |
− | + | <li><a href="https://2015.igem.org/Team:Nankai">Home</a></li> | |
− | + | <li><a href="#">Research & Lab</a> | |
− | <li><a href="#"> | + | |
<ul> | <ul> | ||
− | <li><a href=" | + | <li><a href="https://2015.igem.org/Team:Nankai/Description">Project</a></li> |
− | <li><a href=" | + | <li><a href="https://2015.igem.org/Team:Nankai/Safety">Safety</a></li> |
− | <li><a href=" | + | <li><a href="https://2015.igem.org/Team:Nankai/Measurement">Measurements</a></li> |
− | <li><a href=" | + | <li><a href="https://2015.igem.org/Team:Nankai/Parts">Parts</a></li> |
</ul> | </ul> | ||
</li> | </li> | ||
− | <li><a href="#"> | + | <li><a href="#">Member</a> |
<ul> | <ul> | ||
− | <li><a href=" | + | <li><a href="https://2015.igem.org/Team:Nankai/Team">Team</a></li> |
− | <li><a href=" | + | <li><a href="https://2015.igem.org/Team:Nankai/Attributions">Attributions</a></li> |
− | + | <li><a href="https://2015.igem.org/Team:Nankai/Collaborations">Collaborations</a></li> | |
− | <li><a href=" | + | |
</ul> | </ul> | ||
− | <li | + | </li> |
− | <li><a href=" | + | <li><a href="https://2015.igem.org/Team:Nankai/Practices">Human Practices</a></li> |
− | + | <li><a href="https://2015.igem.org/Team:Nankai/Modeling">Modeling</a></li> | |
− | + | <li><a href="https://2015.igem.org/Team:Nankai/Practices/iShare" target="_blank">iShare</a></li> | |
− | <li><a href=" | + | </ul> <!-- /.main_menu --> |
− | <li><a href=" | + | </div> <!-- /.responsive_menu --> |
− | + | ||
− | + | ||
− | + | <header class="site-header"> | |
− | </div> | + | <div> |
− | <!-- /.responsive_menu --> | + | <div> |
− | <header class="site-header | + | <div> |
− | <div | + | <div class="main-navigation"> |
− | <div | + | |
− | <div | + | |
− | <div class="main-navigation | + | |
<nav class="main-nav visible-md visible-lg"> | <nav class="main-nav visible-md visible-lg"> | ||
− | <ul class="sf-menu"><div id="logo1"><img src=" | + | <ul class="sf-menu"><div id="logo1"><img src="https://static.igem.org/mediawiki/2015/2/25/Nankai_logo.png" width="80" height="80" alt=""/></div> |
− | + | <li id="sideli"><a href="https://2015.igem.org/Team:Nankai/Practices/iShare" target="_blank">iShare</a></li> | |
− | <li | + | <li><a href="https://2015.igem.org/Team:Nankai/Modeling">Modeling</a></li> |
− | <li><a href=" | + | <li><a href="https://2015.igem.org/Team:Nankai/Practices">Human Practices</a></li> |
− | <li><a href="#"> | + | <li><a href="#">Member</a> |
<ul> | <ul> | ||
− | <li><a href=" | + | <li><a href="https://2015.igem.org/Team:Nankai/Team">Team</a></li> |
− | <li><a href=" | + | <li><a href="https://2015.igem.org/Team:Nankai/Attributions">Attributions</a></li> |
− | <li><a href=" | + | <li><a href="https://2015.igem.org/Team:Nankai/Collaborations">Collaborations</a></li> |
− | + | ||
</ul> | </ul> | ||
</li> | </li> | ||
− | <li><a href="#"> | + | <li><a href="#">Research & Lab</a> |
<ul> | <ul> | ||
− | <li><a href=" | + | <li><a href="https://2015.igem.org/Team:Nankai/Description">Project</a></li> |
− | <li><a href=" | + | <li><a href="https://2015.igem.org/Team:Nankai/Safety">Safety</a></li> |
− | <li><a href=" | + | <li><a href="https://2015.igem.org/Team:Nankai/Measurement">Measurements</a></li> |
− | <li><a href=" | + | <li><a href="https://2015.igem.org/Team:Nankai/Parts">Parts</a></li> |
</ul> | </ul> | ||
− | + | </li> | |
− | + | <li><a href="https://2015.igem.org/Team:Nankai">Home</a></li> | |
− | <li><a href=" | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
<!-- /.sf-menu --> | <!-- /.sf-menu --> | ||
</nav> | </nav> | ||
<!-- /.main-nav --> | <!-- /.main-nav --> | ||
<!-- This one in here is responsive menu for tablet and mobiles --> | <!-- This one in here is responsive menu for tablet and mobiles --> | ||
− | + | <div class="hidemenu"> | |
− | + | <p><a href="#">menu</a></p> | |
− | + | </div> | |
<!-- /.main-navigation --> | <!-- /.main-navigation --> | ||
</div> | </div> | ||
− | + | ||
</div> | </div> | ||
− | + | ||
</div> | </div> | ||
− | + | ||
</header> | </header> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
<!-- Scripts --> | <!-- Scripts --> | ||
− | <script src=" | + | <script src="https://2015.igem.org/Template:Nankai/pluginsmin?action=raw&ctype=text/javascript"></script> |
− | <script src=" | + | <script src="https://2015.igem.org/Template:Nankai/medigocustommin?action=raw&ctype=text/javascript"></script> |
− | + | ||
</html> | </html> |
Latest revision as of 22:07, 18 September 2015