Difference between revisions of "Template:Exeter"
(Undo revision 136071 by David Markham (talk)) |
|||
(113 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 | + | <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 | + | <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"> | ||
Line 24: | Line 24: | ||
#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 50: | Line 50: | ||
} | } | ||
− | + | h2, h3, h4, h5, h6 {border-bottom:none;} | |
− | h2 {border-bottom:none; font- | + | 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 76: | 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 86: | 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 125: | 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 159: | Line 162: | ||
border:none; | border:none; | ||
box-shadow:none; | box-shadow:none; | ||
+ | margin:0px !important; | ||
} | } | ||
.list-inline li a { | .list-inline li a { | ||
Line 173: | Line 177: | ||
display: table; | display: table; | ||
table-layout: auto; /* optional */ | table-layout: auto; /* optional */ | ||
+ | margin:0px !important; | ||
} | } | ||
Line 232: | Line 237: | ||
padding:10px; | padding:10px; | ||
} | } | ||
− | .sponsors { | + | /*.sponsors { |
− | + | border-bottom: solid 1px; | |
− | + | }*/ | |
+ | .sponsors img { | ||
+ | padding-bottom:10px; | ||
} | } | ||
#twitter, #facebook { | #twitter, #facebook { | ||
Line 262: | 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; | ||
} | } | ||
} | } | ||
Line 305: | Line 323: | ||
.level_3 p { | .level_3 p { | ||
− | display: table-cell; | + | display: table-cell; |
vertical-align: middle; | vertical-align: middle; | ||
text-align: center; | text-align: center; | ||
} | } | ||
− | # | + | #level_3-menu { |
display: block; | display: block; | ||
position: relative; | position: relative; | ||
Line 316: | Line 334: | ||
left: 0px; | left: 0px; | ||
width: 100%; | width: 100%; | ||
− | height: | + | height: 25px; |
− | + | ||
− | + | ||
z-index: 10; | z-index: 10; | ||
} | } | ||
− | + | .menucenter{ | |
− | + | position: relative; | |
− | + | line-height: 20px; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
display:block; | display:block; | ||
− | margin: 0 | + | margin: 0; |
width:100%; | width:100%; | ||
text-align: center; | text-align: center; | ||
font-size: 0;} | font-size: 0;} | ||
− | + | .level_3 { | |
display:inline-block; | display:inline-block; | ||
margin: 0; | margin: 0; | ||
− | |||
font-size: 16px;} | 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-before: 0; | ||
-webkit-margin-after: 0; | -webkit-margin-after: 0; | ||
Line 401: | Line 366: | ||
height: 100px; | height: 100px; | ||
position: fixed; | position: fixed; | ||
− | top: | + | top: 0px; |
transition: top 0.2s ease-in-out; | transition: top 0.2s ease-in-out; | ||
− | |||
} | } | ||
Line 409: | Line 373: | ||
top:-100px; | 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: 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; | ||
+ | } | ||
+ | table tr:first-child th { | ||
+ | border-top: 0px; | ||
+ | } | ||
+ | table tr:last-child td { | ||
+ | border-bottom: 0px; | ||
+ | } | ||
− | function | + | .navbar-search { |
− | var | + | width:200px; |
− | + | padding-left:25px; | |
− | + | float:right; | |
− | + | display: inline-block; | |
− | + | } | |
− | + | .navbar-search button { | |
− | + | border: 1px solid #888888; | |
− | + | } | |
− | + | </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) { | if ($(window).scrollTop() < 183) { | ||
$('.navbar-collapse').removeClass('navbar-fixed-top'); | $('.navbar-collapse').removeClass('navbar-fixed-top'); | ||
} | } | ||
− | + | }); | |
− | } | + | }); |
</script> | </script> | ||
Line 485: | 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 494: | 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 501: | 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 516: | 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 528: | 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 551: | 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 580: | 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 651: | Line 725: | ||
$("#Rach").removeClass("profile"); | $("#Rach").removeClass("profile"); | ||
}); | }); | ||
− | + | $("#Yem").click(function() { | |
$(".active").addClass("profile"); | $(".active").addClass("profile"); | ||
$(".active").removeClass("active"); | $(".active").removeClass("active"); | ||
Line 709: | Line 783: | ||
$(document).ready(main); | $(document).ready(main); | ||
</script> | </script> | ||
− |
Latest revision as of 01:14, 19 September 2015