Difference between revisions of "Template:Exeter"
(166 intermediate revisions by 4 users not shown) | |||
Line 2: | Line 2: | ||
<head> | <head> | ||
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no"> | <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no"> | ||
+ | <link rel="icon" type="image/png" href="https://static.igem.org/mediawiki/2015/5/56/Exeter_igem_favicon.png"> | ||
</head> | </head> | ||
<!-- Bootstrap Core CSS --> | <!-- Bootstrap Core CSS --> | ||
− | <link href="https://2015.igem.org/Team:Exeter/bootstrap-min | + | <link href="https://2015.igem.org/Team:Exeter/bootstrap-min?action=raw&ctype=text/css" rel="stylesheet"> |
<!-- Custom CSS --> | <!-- Custom CSS --> | ||
− | <link href="https://2015.igem.org/Team:Exeter/sb-admin-2 | + | <link href="https://2015.igem.org/Team:Exeter/sb-admin-2?action=raw&ctype=text/css" rel="stylesheet"> |
− | + | ||
− | + | ||
<link href='http://fonts.googleapis.com/css?family=Ek+Mukta' rel='stylesheet' type='text/css'> | <link href='http://fonts.googleapis.com/css?family=Ek+Mukta' rel='stylesheet' type='text/css'> | ||
+ | |||
+ | <script src="https://2015.igem.org/Team:Exeter/ajax-googleapis-com/ajax/libs/jquery/1-8-2/jquery-min?action=raw&ctype=text/javascript"></script> | ||
+ | |||
+ | <script src="https://2015.igem.org/Team:Exeter/js/jquery-bxslider-min?action=raw&ctype=text/javascript"></script> | ||
+ | |||
+ | <link href="https://2015.igem.org/Team:Exeter/lib/jquery-bxslider?action=raw&ctype=text/css" rel="stylesheet"> | ||
+ | |||
<style type="text/css"> | <style type="text/css"> | ||
− | body {background:#FFFFFF; margin: 0px;}/*rgb(239,239,242)*/ | + | body {background:#FFFFFF; margin: 0px; text-align:justify;}/*rgb(239,239,242)*/ |
#content {width:100%; border:none;} | #content {width:100%; border:none;} | ||
− | #bodyContent {font-family: 'Ek Mukta', Verdana, sans-serif; font-size:1em; color: #34282C;} | + | #bodyContent {font-family: 'Ek Mukta', Verdana, sans-serif !important; font-size:1em; color: #34282C;} |
h1{ | h1{ | ||
Line 32: | Line 38: | ||
} | } | ||
− | + | .headerbanner{ | |
− | h3, h4, h5, h6 {border-bottom:none; font- | + | border-bottom:none; |
+ | background-image: url(https://static.igem.org/mediawiki/2015/9/93/Header_background_ex.png); | ||
+ | background-repeat: no-repeat; | ||
+ | /*background-size:auto;*/ | ||
+ | background-position: 0px, 0px; | ||
+ | background-color:#FFFFFF; | ||
+ | font-weight:bold; | ||
+ | color:#FFFFFF; | ||
+ | font-size:2.5em; | ||
+ | } | ||
+ | |||
+ | h2, h3, h4, h5, h6 {border-bottom:none;} | ||
+ | h2 {font-size:2.3em;} | ||
+ | h3 {font-size:2em;} | ||
+ | h4 {font-size:1.7em;} | ||
+ | h5 {font-size:1.4em;} | ||
+ | h6 {font-size:1.2em;} | ||
section {text-align:justify; /*margin: 5px; margin-top:25px;*/} | section {text-align:justify; /*margin: 5px; margin-top:25px;*/} | ||
Line 57: | Line 79: | ||
/*left align Black Menu Bar */ | /*left align Black Menu Bar */ | ||
#top_menu_inside { | #top_menu_inside { | ||
− | margin-left: 20px; width:100%; | + | margin-left: 20px; /*width:100%;*/ |
} | } | ||
Line 67: | Line 89: | ||
} | } | ||
− | + | #content a { | |
− | a { | + | |
color:#229640 !important; | color:#229640 !important; | ||
font-weight:bold !important; | font-weight:bold !important; | ||
} | } | ||
− | a:hover { | + | #content a:hover { |
color:#96C11E !important; | color:#96C11E !important; | ||
text-decoration:none !important; | text-decoration:none !important; | ||
Line 78: | Line 99: | ||
#twitterfeed { | #twitterfeed { | ||
− | margin-top: | + | margin-top:130px; |
} | } | ||
Line 106: | Line 127: | ||
box-shadow:0px 10px 10px #888888; | box-shadow:0px 10px 10px #888888; | ||
border-radius:0px; | border-radius:0px; | ||
+ | /*opacity:0.9;*/ | ||
} | } | ||
/* Nav Button Style */ | /* Nav Button Style */ | ||
Line 140: | Line 162: | ||
border:none; | border:none; | ||
box-shadow:none; | box-shadow:none; | ||
+ | margin:0px !important; | ||
} | } | ||
.list-inline li a { | .list-inline li a { | ||
color:#229640 !important; | color:#229640 !important; | ||
font-weight:bold; | font-weight:bold; | ||
− | padding:10px; | + | padding: 0px 10px 0px 10px; |
} | } | ||
.list-inline li a:hover { | .list-inline li a:hover { | ||
Line 154: | Line 177: | ||
display: table; | display: table; | ||
table-layout: auto; /* optional */ | table-layout: auto; /* optional */ | ||
+ | margin:0px !important; | ||
} | } | ||
.list-inline li { | .list-inline li { | ||
− | + | padding-top:0px; | |
+ | padding-bottom:0px; | ||
display: table-cell; | display: table-cell; | ||
width: auto; | width: auto; | ||
Line 212: | Line 237: | ||
padding:10px; | padding:10px; | ||
} | } | ||
− | .sponsors { | + | /*.sponsors { |
− | + | border-bottom: solid 1px; | |
− | + | }*/ | |
+ | .sponsors img { | ||
+ | padding-bottom:10px; | ||
} | } | ||
#twitter, #facebook { | #twitter, #facebook { | ||
Line 242: | Line 269: | ||
.igem{ | .igem{ | ||
display:none; | display:none; | ||
+ | } | ||
+ | img { | ||
+ | display:block; | ||
+ | clear:both; | ||
+ | float:none !important; | ||
+ | } | ||
+ | .navbar-header { | ||
+ | height:100px; | ||
+ | } | ||
+ | .container { | ||
+ | margin-top:55px !important; | ||
} | } | ||
} | } | ||
/*Carousel*/ | /*Carousel*/ | ||
− | .carousel {height: | + | .carousel {height: 350px;} |
.item, .active, .carousel-inner {height: 100%;} | .item, .active, .carousel-inner {height: 100%;} | ||
.fill {width: 100%; height: 100%; background-position: center; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover;} | .fill {width: 100%; height: 100%; background-position: center; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover;} | ||
Line 270: | Line 308: | ||
+ | /* Level 3 nav bar | ||
+ | -------------------------------------------------*/ | ||
− | + | .level_3 { | |
− | . | + | width:0%; |
− | display: | + | min-width: 140px; |
+ | cursor:pointer; | ||
+ | position: static; | ||
+ | left: 93px; | ||
+ | top: 21px; | ||
+ | height: 100%; | ||
+ | display: table; | ||
} | } | ||
− | . | + | .level_3 p { |
− | display: | + | display: table-cell; |
+ | vertical-align: middle; | ||
+ | text-align: center; | ||
} | } | ||
− | + | #level_3-menu { | |
− | display: | + | display: block; |
+ | position: relative; | ||
+ | top: 0px; | ||
+ | left: 0px; | ||
+ | width: 100%; | ||
+ | height: 25px; | ||
+ | z-index: 10; | ||
} | } | ||
− | . | + | .menucenter{ |
− | display: | + | position: relative; |
+ | line-height: 20px; | ||
+ | display:block; | ||
+ | margin: 0; | ||
+ | width:100%; | ||
+ | text-align: center; | ||
+ | font-size: 0;} | ||
+ | .level_3 { | ||
+ | display:inline-block; | ||
+ | margin: 0; | ||
+ | font-size: 16px;} | ||
+ | .level_3 a {display:block; height: 25px; padding: 0 12px 0 8px;} | ||
+ | .level_3:hover a {padding: 0 11px 0 9px} | ||
+ | #level_3-menu ul, .level_3 { | ||
+ | -webkit-margin-before: 0; | ||
+ | -webkit-margin-after: 0; | ||
+ | -webkit-padding-start: 0;} | ||
+ | |||
+ | |||
+ | /*ScrollUp*/ | ||
+ | #bodycontent { | ||
+ | padding-top: 100px; | ||
} | } | ||
− | . | + | .navbar-fixed-top { |
− | + | height: 100px; | |
+ | position: fixed; | ||
+ | top: 0px; | ||
+ | transition: top 0.2s ease-in-out; | ||
} | } | ||
− | . | + | .nav-up { |
− | background- | + | top:-100px; |
+ | } | ||
+ | .base1 { | ||
+ | background:rgb(255,238,123) | ||
+ | } | ||
+ | .base2 { | ||
+ | background:rgb(88,132,179) | ||
+ | } | ||
+ | .base3 { | ||
+ | background:rgb(204,102,134) | ||
+ | } | ||
+ | .base4 { | ||
+ | background:rgb(166,199,118) | ||
+ | } | ||
+ | .base5 { | ||
+ | background:rgb(230,134,112) | ||
+ | } | ||
+ | .base6 { | ||
+ | background:rgb(97,204,159) | ||
+ | } | ||
+ | .base7 { | ||
+ | background:rgb(237,28,36) | ||
+ | } | ||
+ | /*JOE'S STUFF*/ | ||
+ | #p1 { | ||
+ | text-indent: 55px; | ||
+ | font-size: 30px; | ||
+ | padding-left:60px; | ||
+ | padding-top:30px; | ||
+ | } | ||
+ | #p2 { | ||
+ | font-size: 30px; | ||
+ | text-align: right; | ||
+ | float: right; | ||
+ | width:700px; | ||
+ | display: inline-block; | ||
} | } | ||
− | / | + | .toeholdheadergreen{ |
+ | height: 100px; | ||
+ | background-image: url(https://static.igem.org/mediawiki/2015/b/b2/Exeter_switch.png); | ||
+ | background-repeat: no-repeat; | ||
+ | background-size:auto 80px; | ||
+ | background-position:20px 5px; | ||
+ | margin-bottom:20px; | ||
+ | border-radius:10px; | ||
+ | } | ||
+ | /*page next, page back button CSS */ | ||
+ | nav > .pager { | ||
+ | padding-top:10px; | ||
+ | margin-top:50px; | ||
+ | } | ||
− | + | /*TABLE*/ | |
− | + | table { | |
− | + | /*border-collapse: collapse;*/ | |
− | + | border-radius: 25px; | |
− | + | border: 0px !important; | |
− | + | box-shadow: 0px 0px 25px #888888; | |
− | + | overflow: hidden; | |
− | + | margin: 15px; | |
− | + | } | |
− | + | td, th { | |
− | border: | + | border: 1px solid #274e13; |
− | + | background: #b6d7a8; | |
− | + | padding: 15px; | |
− | + | padding-right: 25px; | |
− | + | vertical-align: top; | |
− | + | text-align: justify; | |
− | + | } | |
− | + | table tr th:first-child, | |
− | + | table tr td:first-child { | |
− | + | border-left: 0px; | |
− | + | } | |
− | + | table tr th:last-child, | |
− | + | table tr td:last-child { | |
− | + | border-right: 0px; | |
− | border- | + | } |
− | + | table tr:first-child th { | |
− | + | border-top: 0px; | |
− | + | } | |
− | + | table tr:last-child td { | |
− | + | border-bottom: 0px; | |
+ | } | ||
+ | .navbar-search { | ||
+ | width:200px; | ||
+ | padding-left:25px; | ||
+ | float:right; | ||
+ | display: inline-block; | ||
+ | } | ||
+ | .navbar-search button { | ||
+ | border: 1px solid #888888; | ||
+ | } | ||
</style> | </style> | ||
+ | <!-- | ||
+ | <script> | ||
+ | (function() { | ||
+ | var cx = '013872312295473225681:zjqk8ipootc'; | ||
+ | var gcse = document.createElement('script'); | ||
+ | gcse.type = 'text/javascript'; | ||
+ | gcse.async = true; | ||
+ | gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') + | ||
+ | '//cse.google.com/cse.js?cx=' + cx; | ||
+ | var s = document.getElementsByTagName('script')[0]; | ||
+ | s.parentNode.insertBefore(gcse, s); | ||
+ | })(); | ||
+ | </script> | ||
+ | <gcse:search></gcse:search> | ||
+ | --> | ||
+ | <script> | ||
+ | $(document).ready(function() { | ||
+ | |||
+ | $(window).scroll(function () { | ||
+ | //if you hard code, then use console | ||
+ | //.log to determine when you want the | ||
+ | //nav bar to stick. | ||
+ | console.log($(window).scrollTop()) | ||
+ | if ($(window).scrollTop() > 182) { | ||
+ | $('.navbar-collapse').addClass('navbar-fixed-top'); | ||
+ | } | ||
+ | if ($(window).scrollTop() < 183) { | ||
+ | $('.navbar-collapse').removeClass('navbar-fixed-top'); | ||
+ | } | ||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
<div id="wrapper"> | <div id="wrapper"> | ||
Line 359: | Line 527: | ||
<ul class="dropdown-menu"> | <ul class="dropdown-menu"> | ||
<ul class='list-inline'> | <ul class='list-inline'> | ||
+ | <li><a href="https://2015.igem.org/Team:Exeter/Description">Description</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:Exeter/BovineTB">Bovine TB</a></li> | ||
<li><a href="https://2015.igem.org/Team:Exeter/Design">Design</a></li> | <li><a href="https://2015.igem.org/Team:Exeter/Design">Design</a></li> | ||
− | + | <li><a href="https://2015.igem.org/Team:Exeter/RNA_Riboswitches">Toehold Background</a></li> | |
− | + | ||
<li><a href="https://2015.igem.org/Team:Exeter/diary">General Diary</a></li> | <li><a href="https://2015.igem.org/Team:Exeter/diary">General Diary</a></li> | ||
<li><a href="https://2015.igem.org/Team:Exeter/Future">Future</a></li> | <li><a href="https://2015.igem.org/Team:Exeter/Future">Future</a></li> | ||
Line 368: | Line 537: | ||
</li> | </li> | ||
<li class="dropdown btn-group"> | <li class="dropdown btn-group"> | ||
− | <button type="button" class="btn nav-btn"><a href="https://2015.igem.org/Team:Exeter/ | + | <button type="button" class="btn nav-btn"><a href="https://2015.igem.org/Team:Exeter/Toehold_Design">LAB</a></button> |
<button type="button" class="btn dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> | <button type="button" class="btn dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> | ||
<span class="caret"></span> | <span class="caret"></span> | ||
Line 375: | Line 544: | ||
<ul class="dropdown-menu"> | <ul class="dropdown-menu"> | ||
<ul class='list-inline'> | <ul class='list-inline'> | ||
− | + | <li><a href="https://2015.igem.org/Team:Exeter/Toehold_Design">Toehold Design</a></li> | |
− | + | <li><a href="https://2015.igem.org/Team:Exeter/Experiments">Experiments</a></li> | |
+ | <li><a href="https://2015.igem.org/Team:Exeter/Results">Results</a></li> | ||
+ | <!--<li><a href="https://2015.igem.org/Team:Exeter/Lab_Diary">Lab Diary</a></li>--> | ||
<li><a href="https://2015.igem.org/Team:Exeter/Safety">Safety</a></li> | <li><a href="https://2015.igem.org/Team:Exeter/Safety">Safety</a></li> | ||
<li><a href="https://2015.igem.org/Team:Exeter/Interlab">Interlab</a></li> | <li><a href="https://2015.igem.org/Team:Exeter/Interlab">Interlab</a></li> | ||
Line 390: | Line 561: | ||
<ul class="dropdown-menu"> | <ul class="dropdown-menu"> | ||
<ul class='list-inline'> | <ul class='list-inline'> | ||
+ | <li><a href="https://2015.igem.org/Team:Exeter/Modeling#simulation">Simulation</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:Exeter/Modeling#parameter">Parameter Scanning</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:Exeter/Modeling#scripts">Scripts</a></li> | ||
<li><a href="https://2015.igem.org/Team:Exeter/Modelling_Diary">Modelling Diary</a></li> | <li><a href="https://2015.igem.org/Team:Exeter/Modelling_Diary">Modelling Diary</a></li> | ||
</ul> | </ul> | ||
Line 402: | Line 576: | ||
<ul class="dropdown-menu"> | <ul class="dropdown-menu"> | ||
<ul class='list-inline'> | <ul class='list-inline'> | ||
− | <li><a href="https://2015.igem.org/Team:Exeter/ | + | <li><a href="https://2015.igem.org/Team:Exeter/Practices#introduction">Introduction</a></li> |
− | + | <li><a href="https://2015.igem.org/Team:Exeter/Practices#timeline">What we did</a></li> | |
− | <li><a href="https://2015.igem.org/Team:Exeter/ | + | <li><a href="https://2015.igem.org/Team:Exeter/Practices#integration">Integration and design</a></li> |
− | + | ||
</ul> | </ul> | ||
</ul> | </ul> | ||
Line 425: | Line 598: | ||
</li> | </li> | ||
<li class="dropdown btn-group"> | <li class="dropdown btn-group"> | ||
− | <button type="button" class="btn nav-btn" | + | <button type="button" class="btn nav-btn"><a href="https://2015.igem.org/Team:Exeter/Parts">PARTS</a></button> |
+ | <button type="button" class="btn dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> | ||
+ | <span class="caret"></span> | ||
+ | <span class="sr-only">Toggle Dropdown</span> | ||
+ | </button> | ||
+ | <ul class="dropdown-menu"> | ||
+ | <ul class='list-inline'> | ||
+ | <li><a href="https://2015.igem.org/Team:Exeter/Parts#toeholds">Toeholds</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:Exeter/Parts#reporters">Reporters</a></li> | ||
+ | </ul> | ||
+ | </ul> | ||
</li> | </li> | ||
<li class="dropdown btn-group"> | <li class="dropdown btn-group"> | ||
<button type="button" class="btn nav-btn"><a href="https://2015.igem.org/Team:Exeter/Medal_Requirements">MEDALS</a></button> | <button type="button" class="btn nav-btn"><a href="https://2015.igem.org/Team:Exeter/Medal_Requirements">MEDALS</a></button> | ||
− | + | <button type="button" class="btn dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> | |
<span class="caret"></span> | <span class="caret"></span> | ||
<span class="sr-only">Toggle Dropdown</span> | <span class="sr-only">Toggle Dropdown</span> | ||
</button> | </button> | ||
− | + | <ul class="dropdown-menu"> | |
<ul class='list-inline'> | <ul class='list-inline'> | ||
− | <li><a href=""> | + | <li><a href="https://2015.igem.org/Team:Exeter/Medal_Requirements#bronze">Bronze</a></li> |
− | <li><a href="">Silver</a></li> | + | <li><a href="https://2015.igem.org/Team:Exeter/Medal_Requirements#silver">Silver</a></li> |
− | + | <li><a href="https://2015.igem.org/Team:Exeter/Medal_Requirements#gold">Gold</a></li> | |
+ | </ul> | ||
</ul> | </ul> | ||
− | |||
</li> | </li> | ||
+ | <li class="navbar-search"> | ||
+ | <!--<div class="input-group custom-search-form"> | ||
+ | <form id="frmSearch" method="get" action="default.html" /> | ||
+ | <input id="txtSearch" type="text" class="form-control" placeholder="Search..."> | ||
+ | <span class="input-group-btn"> | ||
+ | <button class="btn btn-default" type="button"> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/d/d2/ExeterSearch.png" height="20px;"> | ||
+ | </button> | ||
+ | </span> | ||
+ | </div>--> | ||
+ | <searchbox | ||
+ | label="Search this wiki for:" | ||
+ | searchlabel="Find it..." | ||
+ | golabel="Go!" | ||
+ | /> | ||
+ | <!-- /input-group --> | ||
+ | </li> | ||
</ul><!-- /.navbar-nav --> | </ul><!-- /.navbar-nav --> | ||
</div><!-- /.navbar-collapse --> | </div><!-- /.navbar-collapse --> | ||
Line 454: | Line 654: | ||
<!-- jQuery Scripts --> | <!-- jQuery Scripts --> | ||
− | <script src="https://2015.igem.org/Team:Exeter/jquery-1-11-0-min | + | <script src="https://2015.igem.org/Team:Exeter/jquery-1-11-0-min?action=raw&ctype=text/javascript"></script> |
<script src="https://2015.igem.org/Team:Exeter/jquery-migrate-1-2-1-min?action=raw&ctype=text/javascript"></script> | <script src="https://2015.igem.org/Team:Exeter/jquery-migrate-1-2-1-min?action=raw&ctype=text/javascript"></script> | ||
<!-- jQuery --> | <!-- jQuery --> | ||
− | <script src="https://2015.igem.org/Team:Exeter/half-slider-jquery | + | <script src="https://2015.igem.org/Team:Exeter/half-slider-jquery?action=raw&ctype=text/javascript"></script> |
<!-- Bootstrap Core JavaScript --> | <!-- Bootstrap Core JavaScript --> | ||
− | <script src="https://2015.igem.org/Team:Exeter/half-slider-bootstrap-min | + | <script src="https://2015.igem.org/Team:Exeter/half-slider-bootstrap-min?action=raw&ctype=text/javascript"></script> |
<!-- Script to Activate the Carousel --> | <!-- Script to Activate the Carousel --> | ||
Line 485: | Line 685: | ||
} | } | ||
// but it will still return to original position when resized | // but it will still return to original position when resized | ||
− | if (e.pageY > | + | if (e.pageY > 220) mouseX = 0; |
}); | }); | ||
Line 503: | Line 703: | ||
$(document).ready(main); | $(document).ready(main); | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</script> | </script> | ||
Line 543: | Line 725: | ||
$("#Rach").removeClass("profile"); | $("#Rach").removeClass("profile"); | ||
}); | }); | ||
− | + | $("#Yem").click(function() { | |
$(".active").addClass("profile"); | $(".active").addClass("profile"); | ||
$(".active").removeClass("active"); | $(".active").removeClass("active"); | ||
Line 601: | Line 783: | ||
$(document).ready(main); | $(document).ready(main); | ||
</script> | </script> | ||
− |
Latest revision as of 01:14, 19 September 2015