Difference between revisions of "Team:Oxford/Templates/Navi"
| (249 intermediate revisions by 3 users not shown) | |||
| Line 8: | Line 8: | ||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> | <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> | ||
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> | <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> | ||
| + | |||
| + | |||
| + | |||
| + | |||
| + | <script type='text/javascript'>//<![CDATA[ | ||
| + | $(window).load(function(){ | ||
| + | $('a').click(function(){ | ||
| + | $('html, body').animate({ | ||
| + | scrollTop: $( $(this).attr('href') ).offset().top | ||
| + | }, 500); | ||
| + | return false; | ||
| + | }); | ||
| + | });//]]> | ||
| + | |||
| + | </script> | ||
| + | |||
| + | <script type="text/javascript"> | ||
| + | $('body').scrollspy({ | ||
| + | target: '.bs-docs-sidebar', | ||
| + | offset: 130 | ||
| + | }); | ||
| + | </script> | ||
| + | |||
| + | |||
| + | <script type='text/javascript'>//<![CDATA[ | ||
| + | $(window).load(function(){ | ||
| + | $('a').click(function(){ | ||
| + | $('html, body').animate({ | ||
| + | scrollTop: $( $(this).attr('href') ).offset().top | ||
| + | }, 500); | ||
| + | return false; | ||
| + | }); | ||
| + | });//]]> | ||
| + | |||
| + | </script> | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
| Line 17: | Line 52: | ||
<style> | <style> | ||
| + | |||
| + | .row { | ||
| + | background-color:#eef; | ||
| + | } | ||
| + | |||
| + | figcaption { | ||
| + | padding-top:10px; | ||
| + | font-size:14px; | ||
| + | font-style: italic; | ||
| + | } | ||
| + | |||
| + | .navbar { | ||
| + | margin-top: 16px; | ||
| + | position: fixed; | ||
| + | font-size: 13px; | ||
| + | background-color: #fff; | ||
| + | margin-bottom: 15; | ||
| + | } | ||
| + | |||
| + | .navbar-toggle { | ||
| + | position: relative; | ||
| + | float: right; | ||
| + | padding: 9px 10px; | ||
| + | margin-top: 8px; | ||
| + | margin-right: 15px; | ||
| + | margin-bottom: 8px; | ||
| + | background-color: #fff; | ||
| + | background-image: none; | ||
| + | border: 1px solid #fff; | ||
| + | border-radius: 4px; | ||
| + | } | ||
| + | |||
| + | .navbar-right li { | ||
| + | font-family: "Avenir",sans-serif; | ||
| + | color: #2800D7; | ||
| + | } | ||
| + | |||
| + | .navbar-nav > li > a { | ||
| + | padding-left: 10px; | ||
| + | padding-right: 10px; | ||
| + | } | ||
| + | .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav> .active > a:hover { | ||
| + | background-color: #fff; | ||
| + | color:#2800D7; | ||
| + | } | ||
| + | |||
| + | .navbar-default .navbar-nav > .active { | ||
| + | background-color: #fff; | ||
| + | |||
| + | } | ||
| + | |||
| + | .navbar-default .navbar-brand { | ||
| + | font-weight: bold; | ||
| + | color: #2800D7; | ||
| + | /*background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #fa1e64),color-stop(100%, #2800D7)); | ||
| + | -webkit-background-clip: text; | ||
| + | -webkit-text-fill-color: transparent;*/ | ||
| + | } | ||
| + | |||
| + | .navbar-default .navbar-brand:hover { | ||
| + | font-weight: bold; | ||
| + | color: #fa1e64; | ||
| + | /*background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #fa1e64),color-stop(100%, #2800D7)); | ||
| + | -webkit-background-clip: text; | ||
| + | -webkit-text-fill-color: transparent;*/ | ||
| + | } | ||
| + | |||
| + | |||
| + | |||
| + | |||
| + | |||
| + | section {padding-top: 100px; margin-top:-100px;} | ||
| + | |||
| + | .popover h2, .popover h3 { | ||
| + | margin-top: 5px; | ||
| + | padding-top: 0px; | ||
| + | } | ||
| + | |||
| + | table { | ||
| + | margin: auto; | ||
| + | /*text-align: center;*/ | ||
| + | } | ||
| + | |||
| + | #banner { | ||
| + | text-align: center; | ||
| + | background-size: 100%; | ||
| + | margin-bottom:0px; padding-bottom:0px; | ||
| + | background-repeat: no-repeat; padding-top:50px; | ||
| + | text-align: center; height:350px; | ||
| + | } | ||
| + | |||
| + | @media (max-width: 1200px) { | ||
| + | #banner { | ||
| + | margin-top: 70px; | ||
| + | height:250px; | ||
| + | } | ||
| + | } | ||
| + | |||
| + | @media (max-width: 750px) { | ||
| + | #banner { | ||
| + | margin-top: 70px; | ||
| + | height:150px; | ||
| + | margin-bottom: -60px; | ||
| + | } | ||
| + | } | ||
| + | |||
.content-main { | .content-main { | ||
| − | + | padding-top:0px; | |
| + | margin-top:0px; | ||
| + | text-align: center; | ||
| + | background-color: #eef !important; | ||
| + | } | ||
| + | |||
| + | .content-right { | ||
| + | padding-left: 60px; padding-right: 80px; padding-bottom: 50px; | ||
} | } | ||
| Line 42: | Line 190: | ||
/* sidebar */ | /* sidebar */ | ||
.bs-docs-sidebar { | .bs-docs-sidebar { | ||
| − | |||
margin-top: 20px; | margin-top: 20px; | ||
| − | margin- | + | margin-left: 0px; |
| + | padding-left: 0px; | ||
font-family:Arial, Avenir !important; | font-family:Arial, Avenir !important; | ||
text-align: left; | text-align: left; | ||
| Line 50: | Line 198: | ||
/* all links */ | /* all links */ | ||
| + | |||
| + | .bs-docs-sidebar .nav>li { | ||
| + | line-height:100%; | ||
| + | } | ||
| + | |||
.bs-docs-sidebar .nav>li>a { | .bs-docs-sidebar .nav>li>a { | ||
| − | color: # | + | color: #555; |
border-left: 2px solid transparent; | border-left: 2px solid transparent; | ||
| − | padding: 4px | + | padding: 4px 10px; |
| − | + | font-size: 13px; | |
| − | + | ||
} | } | ||
| Line 62: | Line 214: | ||
padding-top: 1px; | padding-top: 1px; | ||
padding-bottom: 1px; | padding-bottom: 1px; | ||
| − | padding-left: | + | padding-left: 20px; |
| − | + | font-size: 12px; | |
} | } | ||
| Line 72: | Line 224: | ||
color: #005; | color: #005; | ||
text-decoration: none; | text-decoration: none; | ||
| − | background-color: # | + | background-color: #fff; |
| − | + | ||
} | } | ||
/* all active links */ | /* all active links */ | ||
| Line 79: | Line 230: | ||
.bs-docs-sidebar .nav>.active:hover>a, | .bs-docs-sidebar .nav>.active:hover>a, | ||
.bs-docs-sidebar .nav>.active:focus>a { | .bs-docs-sidebar .nav>.active:focus>a { | ||
| − | font- | + | font-size: 15px; |
} | } | ||
/* nested active links */ | /* nested active links */ | ||
| Line 85: | Line 236: | ||
.bs-docs-sidebar .nav .nav>.active:hover>a, | .bs-docs-sidebar .nav .nav>.active:hover>a, | ||
.bs-docs-sidebar .nav .nav>.active:focus>a { | .bs-docs-sidebar .nav .nav>.active:focus>a { | ||
| − | font- | + | font-size: 12px; |
} | } | ||
| Line 102: | Line 253: | ||
} | } | ||
body { | body { | ||
| − | |||
font-family:Avenir !important; | font-family:Avenir !important; | ||
| + | text-align: center; | ||
} | } | ||
| Line 116: | Line 267: | ||
} | } | ||
| + | .pageTitle { | ||
| + | font-size:80px; | ||
| + | line-height: 100%; | ||
| + | font-weight:bold; | ||
| + | font-family:Avenir, Calibri, Arial !important; | ||
| + | padding-top:60px; | ||
| + | padding-bottom:20px; | ||
| + | } | ||
| + | |||
| + | @media (max-width: 720px) { | ||
| + | .pageTitle { | ||
| + | font-size: 40px; | ||
| + | } | ||
| + | } | ||
| + | |||
| + | .pageTitleOrange | ||
| + | { | ||
| + | color: #ED7D31; | ||
| + | } | ||
| + | |||
| + | .pageTitleBlue | ||
| + | { | ||
| + | color: #00B0F0; | ||
| + | } | ||
| + | |||
| + | .pageTitleGreen | ||
| + | { | ||
| + | color: #3FC24A; | ||
| + | } | ||
| + | |||
| + | |||
| + | .pageTitlePurple | ||
| + | { | ||
| + | color: #D397E3; | ||
| + | } | ||
| + | |||
| + | |||
| + | .pageTitleNavy | ||
| + | { | ||
| + | color: #203A77; | ||
| + | } | ||
| + | |||
| + | .pageTitleGold | ||
| + | { | ||
| + | color: #FFC935; | ||
| + | } | ||
| + | |||
| + | .pageTitleSilver | ||
| + | { | ||
| + | color: #BFBEC0; | ||
| + | } | ||
| + | |||
| + | |||
| + | .container-fluid h1 { | ||
| + | font-weight:bold; | ||
| + | font-size:70px; | ||
| + | font-family:Avenir, Calibri, Arial !important; | ||
| + | padding-top: 100px; margin-top:-75px; | ||
| + | padding-bottom:20px; | ||
| + | } | ||
.container-fluid h2 { | .container-fluid h2 { | ||
| − | color: # | + | color: #A7689B; |
font-weight:bold; | font-weight:bold; | ||
| − | font-family:Avenir !important; | + | font-family:Avenir, Calibri, Arial !important; |
| − | + | text-align:left; | |
| + | font-size:38px; | ||
| + | padding-top: 100px; margin-top:-75px; | ||
| + | padding-bottom:20px; | ||
} | } | ||
.container-fluid h3 { | .container-fluid h3 { | ||
| − | color: # | + | color: #BF78AE; |
text-decoration: bold; | text-decoration: bold; | ||
| − | font-family:Avenir !important; | + | text-align:left; |
| − | margin-top: | + | font-size:25px; |
| − | + | font-family:Avenir, Calibri, Arial !important; | |
| + | padding-top: 100px; margin-top:-75px; | ||
| + | padding-bottom:10px; | ||
} | } | ||
| + | |||
| + | @media (max-width: 600px) { | ||
| + | .container-fluid h1 { | ||
| + | font-size:40px; | ||
| + | } | ||
| + | .container-fluid h2 { | ||
| + | font-size:30px; | ||
| + | } | ||
| + | .container-fluid h3 { | ||
| + | font-size:24px; | ||
| + | } | ||
| + | } | ||
| + | |||
| + | |||
| + | .h4Purple { | ||
| + | color: #BF78AE; | ||
| + | text-decoration: bold; | ||
| + | font-style:italic; | ||
| + | text-align:left; | ||
| + | font-size:20px; | ||
| + | font-family:Avenir, Calibri, Arial !important; | ||
| + | line-height:170%; | ||
| + | } | ||
| + | |||
.container-fluid b { | .container-fluid b { | ||
text-decoration: bold; | text-decoration: bold; | ||
| − | font-family: | + | font-family:Avenir, Calibri, Arial !important; |
} | } | ||
@media (max-width: 1150px) { | @media (max-width: 1150px) { | ||
| Line 224: | Line 464: | ||
p | p | ||
{ | { | ||
| − | font-family:Avenir !important; | + | font-family:Avenir, Calibri, Arial !important; |
| − | font-size: 20px !important; | + | font-size: 18px !important; |
| − | color: # | + | color: #3F3F3F; |
| − | line-height: | + | line-height:200%; |
| + | margin-top:20px; | ||
| + | margin-bottom:20px; | ||
| + | } | ||
| + | |||
| + | .footnote | ||
| + | { | ||
| + | font-family:Avenir, Calibri, Arial !important; | ||
| + | font-size: 12px !important; | ||
| + | color: #3F3F3F; | ||
| + | line-height:200%; | ||
| + | margin-top:20px; | ||
| + | margin-bottom:20px; | ||
} | } | ||
.container-fluid li { | .container-fluid li { | ||
| − | font-family:Avenir !important; | + | font-family:Avenir, Calibri, Arial !important; |
| − | font-size: 20px !important; | + | list-style-type: square; |
| + | text-align: left; !important; | ||
| + | line-height:180%; | ||
| + | font-size:16px !important; | ||
| + | |||
| + | } | ||
| + | |||
| + | .navFont | ||
| + | { | ||
| + | font-size:20px !important; | ||
| + | } | ||
| + | |||
| + | .textLiFont | ||
| + | { | ||
| + | font-size:16px !important; | ||
| + | font-family:Avenir, Calibri, Arial !important; | ||
| + | color: #3F3F3F; | ||
| + | line-height:200%; | ||
list-style-type: square; | list-style-type: square; | ||
| − | |||
} | } | ||
| Line 243: | Line 511: | ||
.nav li { | .nav li { | ||
list-style-type: none; | list-style-type: none; | ||
| + | font-size:20px !important; | ||
} | } | ||
.nav li li { | .nav li li { | ||
list-style-type: none; | list-style-type: none; | ||
| + | } | ||
| + | |||
| + | .navbar-header { | ||
| + | background-color:#FFF; | ||
| + | } | ||
| + | |||
| + | .references | ||
| + | { | ||
| + | font-size:8px !important; | ||
| + | line-height:200% !important; | ||
} | } | ||
| Line 253: | Line 532: | ||
<body> | <body> | ||
| − | <nav class="navbar navbar-default navbar-fixed-top" style="margin-top: 10px; padding-top: 14px; height:80px | + | <nav class="navbar navbar-default navbar-fixed-top" style="margin-top: 10px; padding-top: 14px; height:80px; font-size:22px !important;"> |
<div class="container-fluid"> | <div class="container-fluid"> | ||
<div class="navbar-header"> | <div class="navbar-header"> | ||
| Line 261: | Line 540: | ||
<span class="icon-bar"></span> | <span class="icon-bar"></span> | ||
</button> | </button> | ||
| − | + | ||
| + | |||
| + | |||
| + | <a class="navbar-brand" href="https://2016.igem.org/Team:Oxford"><img src="https://static.igem.org/mediawiki/2016/thumb/a/af/T--Oxford--logofinal.png/800px-T--Oxford--logofinal.png" height="60" style="margin-left: 30px; margin-top:-16px;"/></a> | ||
| + | |||
| + | |||
| + | |||
| + | <!-- <a class="navbar-brand" href="https://2016.igem.org/Team:Oxford"><img src="https://static.igem.org/mediawiki/2016/thumb/d/df/T--Oxford--logo.png/320px-T--Oxford--logo.png" height="60" style="margin-left: 30px; margin-top:-16px;"/></a>--> | ||
| + | |||
| + | |||
| + | |||
</div> | </div> | ||
| − | <div class="collapse navbar-collapse collapse" id="myNavbar"> | + | <div class="collapse navbar-collapse collapse" id="myNavbar" style="background-color: #fff;"> |
<ul class="nav navbar-nav"> | <ul class="nav navbar-nav"> | ||
<li class="dropdown"> | <li class="dropdown"> | ||
| − | <a href=" | + | <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Project <span class="caret"></span></a> |
<ul class="dropdown-menu"> | <ul class="dropdown-menu"> | ||
<li><a href="https://2016.igem.org/Team:Oxford/Description">Description</a></li> | <li><a href="https://2016.igem.org/Team:Oxford/Description">Description</a></li> | ||
| + | <li><a href="https://2016.igem.org/Team:Oxford/Wilson_Disease">Wilson's Disease</a></li> | ||
<li><a href="https://2016.igem.org/Team:Oxford/Timeline">Timeline</a></li> | <li><a href="https://2016.igem.org/Team:Oxford/Timeline">Timeline</a></li> | ||
<li><a href="https://2016.igem.org/Team:Oxford/Safety">Safety</a></li> | <li><a href="https://2016.igem.org/Team:Oxford/Safety">Safety</a></li> | ||
| Line 278: | Line 568: | ||
<li class="dropdown"> | <li class="dropdown"> | ||
| − | + | <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Parts <span class="caret"></span></a> | |
<ul class="dropdown-menu"> | <ul class="dropdown-menu"> | ||
| − | + | <li><a href="https://2016.igem.org/Team:Oxford/Parts">Parts Overview</a></li> | |
| − | + | <li><a href="https://2016.igem.org/Team:Oxford/Basic_Part">Basic Part</a></li> | |
| − | + | <li><a href="https://2016.igem.org/Team:Oxford/Composite_Part">Composite Part</a></li> | |
| + | <li><a href="https://2016.igem.org/Team:Oxford/Part_Collection">Part Collection</a></li> | ||
| + | <li><a href="https://2016.igem.org/Team:Oxford/CueR_MOI">CueR Mechanism</a></li> | ||
</ul> | </ul> | ||
</li> | </li> | ||
<li class="dropdown"> | <li class="dropdown"> | ||
| − | + | <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Wet lab <span class="caret"></span></a> | |
<ul class="dropdown-menu"> | <ul class="dropdown-menu"> | ||
<li><a href="https://2016.igem.org/Team:Oxford/Results">Overview and Results</a></li> | <li><a href="https://2016.igem.org/Team:Oxford/Results">Overview and Results</a></li> | ||
| Line 300: | Line 592: | ||
<li class="dropdown"> | <li class="dropdown"> | ||
| − | <a href=" | + | <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dry lab <span class="caret"></span></a> |
<ul class="dropdown-menu"> | <ul class="dropdown-menu"> | ||
| + | <li><a href="https://2016.igem.org/Team:Oxford/Model">Modelling Overview</a></li> | ||
<li><a href="https://2016.igem.org/Team:Oxford/Model#ModelA">Reaction Kinetics</a></li> | <li><a href="https://2016.igem.org/Team:Oxford/Model#ModelA">Reaction Kinetics</a></li> | ||
<li><a href="https://2016.igem.org/Team:Oxford/Model#ModelB">Promoter Characterisation</a></li> | <li><a href="https://2016.igem.org/Team:Oxford/Model#ModelB">Promoter Characterisation</a></li> | ||
| Line 310: | Line 603: | ||
<li class="dropdown"> | <li class="dropdown"> | ||
| − | <a href=" | + | <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Practices <span class="caret"></span></a> |
<ul class="dropdown-menu"> | <ul class="dropdown-menu"> | ||
<li><a href="https://2016.igem.org/Team:Oxford/Human_Practices">Human Practices</a></li> | <li><a href="https://2016.igem.org/Team:Oxford/Human_Practices">Human Practices</a></li> | ||
| Line 316: | Line 609: | ||
<li><a href="https://2016.igem.org/Team:Oxford/HP/Gold">Gold Criterion</a></li> | <li><a href="https://2016.igem.org/Team:Oxford/HP/Gold">Gold Criterion</a></li> | ||
<li><a href="https://2016.igem.org/Team:Oxford/Integrated_Practices">Integrated Practices</a></li> | <li><a href="https://2016.igem.org/Team:Oxford/Integrated_Practices">Integrated Practices</a></li> | ||
| + | <li><a href="https://2016.igem.org/Team:Oxford/Questionnaires">Surveys</a></li> | ||
<li><a href="https://2016.igem.org/Team:Oxford/Engagement">Engagement</a></li> | <li><a href="https://2016.igem.org/Team:Oxford/Engagement">Engagement</a></li> | ||
</ul> | </ul> | ||
| Line 321: | Line 615: | ||
<li class="dropdown"> | <li class="dropdown"> | ||
| − | <a href=" | + | <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">People <span class="caret"></span></a> |
<ul class="dropdown-menu"> | <ul class="dropdown-menu"> | ||
<li><a href="https://2016.igem.org/Team:Oxford/Team">Team</a></li> | <li><a href="https://2016.igem.org/Team:Oxford/Team">Team</a></li> | ||
<li><a href="https://2016.igem.org/Team:Oxford/Collaborations">Collaborations</a></li> | <li><a href="https://2016.igem.org/Team:Oxford/Collaborations">Collaborations</a></li> | ||
<li><a href="https://2016.igem.org/Team:Oxford/Attributions">Attributions</a></li> | <li><a href="https://2016.igem.org/Team:Oxford/Attributions">Attributions</a></li> | ||
| + | <li><a href="https://2016.igem.org/Team:Oxford/Sponsors">Sponsors</a></li> | ||
<li><a href="https://2016.igem.org/Team:Oxford/Contact">Contact Us</a></li> | <li><a href="https://2016.igem.org/Team:Oxford/Contact">Contact Us</a></li> | ||
</ul> | </ul> | ||
| Line 334: | Line 629: | ||
<ul class="nav navbar-nav navbar-right"> | <ul class="nav navbar-nav navbar-right"> | ||
<li><a href="https://oxfordigem2016.wordpress.com">Blog</a></li> | <li><a href="https://oxfordigem2016.wordpress.com">Blog</a></li> | ||
| − | + | <!-- <li><a href="https://www.gofundme.com/oxfordigem2016">Donate</a></li>--> | |
</ul> | </ul> | ||
</div> | </div> | ||
</div> | </div> | ||
</nav> | </nav> | ||
| − | + | <!--<div style="height:50px;"> </div>--> | |
| − | <div style="height:50px;"> </div> | + | |
| − | + | ||
</body> | </body> | ||
</html> | </html> | ||
Latest revision as of 00:30, 12 November 2016
