Difference between revisions of "Team:Oxford/Templates/Navi"
| (170 intermediate revisions by 3 users not shown) | |||
| Line 52: | 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;} | section {padding-top: 100px; margin-top:-100px;} | ||
| Line 61: | Line 132: | ||
table { | table { | ||
margin: auto; | margin: auto; | ||
| − | text-align: center; | + | /*text-align: center;*/ |
} | } | ||
| Line 74: | Line 145: | ||
@media (max-width: 1200px) { | @media (max-width: 1200px) { | ||
#banner { | #banner { | ||
| + | margin-top: 70px; | ||
height:250px; | height:250px; | ||
} | } | ||
| Line 80: | Line 152: | ||
@media (max-width: 750px) { | @media (max-width: 750px) { | ||
#banner { | #banner { | ||
| − | height: | + | margin-top: 70px; |
| + | height:150px; | ||
| + | margin-bottom: -60px; | ||
} | } | ||
} | } | ||
.content-main { | .content-main { | ||
| − | padding-top:0px; margin-top:0px; text-align: center; background-color: #eef; | + | padding-top:0px; |
| + | margin-top:0px; | ||
| + | text-align: center; | ||
| + | background-color: #eef !important; | ||
} | } | ||
.content-right { | .content-right { | ||
| − | padding-left: 60px; padding-right: 80px; | + | padding-left: 60px; padding-right: 80px; padding-bottom: 50px; |
} | } | ||
| Line 114: | Line 191: | ||
.bs-docs-sidebar { | .bs-docs-sidebar { | ||
margin-top: 20px; | margin-top: 20px; | ||
| − | |||
margin-left: 0px; | margin-left: 0px; | ||
padding-left: 0px; | padding-left: 0px; | ||
| Line 124: | Line 200: | ||
.bs-docs-sidebar .nav>li { | .bs-docs-sidebar .nav>li { | ||
| − | line-height:100%; | + | line-height:100%; |
} | } | ||
| Line 191: | 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, Calibri, Arial !important; | font-family:Avenir, Calibri, Arial !important; | ||
| − | + | text-align:left; | |
| + | font-size:38px; | ||
padding-top: 100px; margin-top:-75px; | padding-top: 100px; margin-top:-75px; | ||
| + | padding-bottom:20px; | ||
} | } | ||
.container-fluid h3 { | .container-fluid h3 { | ||
| − | color: # | + | color: #BF78AE; |
text-decoration: bold; | text-decoration: bold; | ||
| + | text-align:left; | ||
| + | font-size:25px; | ||
font-family:Avenir, Calibri, Arial !important; | font-family:Avenir, Calibri, Arial !important; | ||
padding-top: 100px; margin-top:-75px; | 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; | ||
| Line 301: | Line 466: | ||
font-family:Avenir, Calibri, Arial !important; | font-family:Avenir, Calibri, Arial !important; | ||
font-size: 18px !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, Calibri, Arial !important; | font-family:Avenir, Calibri, Arial !important; | ||
| − | |||
list-style-type: square; | list-style-type: square; | ||
| − | text-align: left; | + | text-align: left; !important; |
| − | line-height: | + | 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; | ||
} | } | ||
| Line 319: | 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 329: | 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 337: | 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 354: | 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 376: | 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 386: | 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 392: | 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 397: | 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 410: | 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
