Difference between revisions of "Template:Exeter"
Line 1: | Line 1: | ||
− | + | <html> | |
+ | <!-- Declare that you are going to use html code instead of wiki code --> | ||
+ | |||
+ | <!-- Start of CSS--> | ||
+ | <style type="text/css"> | ||
+ | |||
+ | /* WIKI SETTINGS*/ | ||
+ | |||
+ | /* Hide first heading */ | ||
+ | .firstHeading { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | /*-- 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; | ||
+ | } | ||
+ | </style> | ||
<html> | <html> | ||
<head> | <head> | ||
+ | |||
+ | <!-- jQuery Scripts --> | ||
+ | <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script> | ||
+ | <script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script> | ||
<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'> | ||
Line 10: | Line 40: | ||
body, #globalWrapper, #content, #bodyContent, nav ul {width:1200px;} | body, #globalWrapper, #content, #bodyContent, nav ul {width:1200px;} | ||
#bodyContent {position:relative; left:5vw; width:1200px; font-family: 'Ek Mukta', Verdana, sans-serif; font-size:1.1em; color: rgb(33,33,55);} | #bodyContent {position:relative; left:5vw; width:1200px; font-family: 'Ek Mukta', Verdana, sans-serif; font-size:1.1em; color: rgb(33,33,55);} | ||
− | body {background:rgb( | + | body {background: rgb(239,239,242);} |
h1, h2, h3, h4, h5, h6 {border-bottom:none; font-weight:bold; color: rgb(33,33,55);} | h1, h2, h3, h4, h5, h6 {border-bottom:none; font-weight:bold; color: rgb(33,33,55);} | ||
#home {margin:40px;} | #home {margin:40px;} | ||
section {margin:15px; margin-bottom:30px; text-align:justify;} | section {margin:15px; margin-bottom:30px; text-align:justify;} | ||
− | #footnote {background:rgb(222,233,229);} | + | /*#footnote {background:rgb(222,233,229);}*/ |
/*NAV BAR STYLING*/ | /*NAV BAR STYLING*/ | ||
− | nav, header, footer {margin:5px; background:rgb(160,198,138); display:table; table-layout:fixed; border-radius:5px;} | + | header {margin-top:130px; margin-left:67px;} |
+ | nav, header, /*footer*/ {margin:5px; /*background:rgb(160,198,138)*/; display:table; table-layout:fixed; /*border-radius:5px*/;} | ||
nav ul {display:table-cell; vertical-align:middle;} | nav ul {display:table-cell; vertical-align:middle;} | ||
− | nav ul li {display:table-cell; vertical-align:middle; padding-bottom:0px; color:rgb(217,235,205)} | + | nav ul li {display:table-cell; vertical-align:middle; padding-bottom:0px; color:rgb(217,235,205);} |
nav ul li a {display:block; padding:10px; text-decoration:none;} | nav ul li a {display:block; padding:10px; text-decoration:none;} | ||
− | .button {width:50px;} | + | .button {width:50px; } |
− | .button a {color: | + | .button a {color:#229640; text-decoration:none; font-size:18px; font-weight:bold; font-family:'Ek Mukta', Century Gothic, Courier, monospace; text-align:center;} |
− | .button a:hover {text-decoration:none; background:#bcd074; border-radius:10px; color:# | + | .button a:hover {text-decoration:none; /*background:#bcd074; border-radius:10px;*/ color:#96C11E; font-size:18px; font-weight:bold;} |
.button ul {display:none;} | .button ul {display:none;} | ||
− | .button:hover ul {display:block; background:rgb(160,198,138); position:absolute; width:530px; left:510px;} | + | .button:hover ul {display:block; /*background:rgb(160,198,138);*/ position:absolute; /*width:530px; left:510px;*/} |
.button:hover ul li {display:block; float:left;} | .button:hover ul li {display:block; float:left;} | ||
− | .button:hover ul a {font-size:15px; color: | + | .button:hover ul a {font-size:15px; color:#229640;} |
− | .button ul a:hover {color:# | + | .button ul a:hover {color:#96C11E;} |
− | .first-button {margin-left:- | + | .first-button {margin-left:-38px;} |
.social {vertical-align:top;} | .social {vertical-align:top;} | ||
− | footer {clear:both;} | + | /*footer {clear:both;}*/ |
/*TEAM MEMBER PAGE STYLING*/ | /*TEAM MEMBER PAGE STYLING*/ | ||
Line 52: | Line 83: | ||
.silvertitle h4 {color: rgb(107,107,107);} | .silvertitle h4 {color: rgb(107,107,107);} | ||
.goldtitle h4 {color: rgb(230,184,0);} | .goldtitle h4 {color: rgb(230,184,0);} | ||
+ | |||
+ | .toehold {position:absolute; z-index:0; left:20px; top:45px; height:80px; margin-left:37px;} | ||
+ | .ribonostics {position:absolute; z-index:5; left:100px; top:50px; height:100px; margin-left:37px;} | ||
+ | |||
</style> | </style> | ||
+ | |||
+ | <script> | ||
+ | |||
+ | var main = function() { | ||
+ | |||
+ | var mouseX = 0, limitX = 850; | ||
+ | $(window).mousemove(function(e){ | ||
+ | var offset = $('.toehold').offset(); | ||
+ | mouseX = Math.min(e.pageX - offset.left, limitX); | ||
+ | if (mouseX < 0) mouseX = 0; | ||
+ | if (e.pageY >250) mouseX = 0; | ||
+ | }); | ||
+ | |||
+ | // cache the selector | ||
+ | var follower = $(".ribonostics"); | ||
+ | var xp = 0; | ||
+ | var loop = setInterval(function(){ | ||
+ | // change 12 to alter damping higher is slower | ||
+ | xp += (mouseX - xp) / 12; | ||
+ | if (xp < 100) follower.css({left:100}); | ||
+ | else follower.css({left:xp}); | ||
+ | |||
+ | }, 30); | ||
+ | |||
+ | }; | ||
+ | $(document).ready(main); | ||
+ | |||
+ | </script> | ||
<script> | <script> | ||
Line 138: | Line 201: | ||
<header> | <header> | ||
+ | <img class="toehold" src="https://static.igem.org/mediawiki/2015/b/b2/Exeter_switch.png"> | ||
+ | <img class="ribonostics" src="https://static.igem.org/mediawiki/2015/d/d4/IGEM_ribosome_v1.1.png"> | ||
<nav> | <nav> | ||
<ul> | <ul> | ||
− | <li style="width:470px; height: | + | <!--<li style="width:470px; height:100px"><a style="padding:0px; float:left" href="https://2015.igem.org/Team:Exeter"><img src="https://static.igem.org/mediawiki/2015/1/1b/Exeter_ribonostics_logo.png" height="100px;"></a></li>--> |
<li class="button"><a href="https://2015.igem.org/Team:Exeter/Description">PROJECT</a> | <li class="button"><a href="https://2015.igem.org/Team:Exeter/Description">PROJECT</a> | ||
<ul><li class="first-button"><a href="https://2015.igem.org/Team:Exeter/Description">Overview</a></li> | <ul><li class="first-button"><a href="https://2015.igem.org/Team:Exeter/Description">Overview</a></li> | ||
Line 151: | Line 216: | ||
</li> | </li> | ||
<li class="button"><a href="https://2015.igem.org/Team:Exeter/Team">PARTICIPANTS</a> | <li class="button"><a href="https://2015.igem.org/Team:Exeter/Team">PARTICIPANTS</a> | ||
− | <ul><li class="first-button"><a href="https://2015.igem.org/Team:Exeter/Team"> | + | <ul><li class="first-button"><a href="https://2015.igem.org/Team:Exeter/Team">Team</a></li> |
<li><a href="https://2015.igem.org/Team:Exeter/Collaborations">Collaborations</a></li> | <li><a href="https://2015.igem.org/Team:Exeter/Collaborations">Collaborations</a></li> | ||
<li><a href="https://2015.igem.org/Team:Exeter/Attributions">Attributions</a></li> | <li><a href="https://2015.igem.org/Team:Exeter/Attributions">Attributions</a></li> | ||
Line 169: | Line 234: | ||
<li><a href="https://2015.igem.org/Team:Exeter/Composite_Part">Composite Parts</a></li> | <li><a href="https://2015.igem.org/Team:Exeter/Composite_Part">Composite Parts</a></li> | ||
<li><a href="https://2015.igem.org/Team:Exeter/Part_Collection">Part Collection</a></li> | <li><a href="https://2015.igem.org/Team:Exeter/Part_Collection">Part Collection</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:Exeter/Medal_Requirements">Interlab Study</a></li> | ||
</ul> | </ul> | ||
</li> | </li> | ||
<li class="button" style="width:200px;"><a href="https://2015.igem.org/Team:Exeter/Practices">BEYOND THE BENCH</a> | <li class="button" style="width:200px;"><a href="https://2015.igem.org/Team:Exeter/Practices">BEYOND THE BENCH</a> | ||
− | <ul><li class="first-button"><a href="https://2015.igem.org/Team:Exeter/Notebook"> | + | <ul><li class="first-button"><a href="https://2015.igem.org/Team:Exeter/Notebook">Introduction</a></li> |
− | <li><a href="https://2015.igem.org/Team:Exeter/Entrepreneurship"> | + | <li><a href="https://2015.igem.org/Team:Exeter/Entrepreneurship">Approach</a></li> |
− | <li><a href="https://2015.igem.org/Team:Exeter/Measurement"> | + | <li><a href="https://2015.igem.org/Team:Exeter/Measurement">Lessons</a></li> |
− | + | ||
</ul> | </ul> | ||
</li> | </li> | ||
− | <li><a href="https://2015.igem.org/Main_Page" target="_blank"><img src="https://static.igem.org/mediawiki/2015/f/f0/IGEM_logo.png" height="55px"></a></li> | + | <li class="button"><a href="https://2015.igem.org/Team:Exeter/Safety">INTERLAB</a> |
+ | </li> | ||
+ | <li class="button"><a href="https://2015.igem.org/Team:Exeter/Safety">SAFETY</a> | ||
+ | </li> | ||
+ | <li class="button"><a href="https://2015.igem.org/Team:Exeter/Medal_Requirements">MEDALS</a> | ||
+ | <ul><li class="first-button"><a href="">Gold </a></li> | ||
+ | <li><a href="">Silver</a></li> | ||
+ | <li><a href="">Bronze</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="https://2015.igem.org/Main_Page" target="_blank"><img style="margin-bottom:11px;" src="https://static.igem.org/mediawiki/2015/f/f0/IGEM_logo.png" height="55px"></a></li> | ||
</ul> | </ul> | ||
</nav> | </nav> |
Revision as of 21:28, 24 July 2015
![](https://static.igem.org/mediawiki/2015/b/b2/Exeter_switch.png)
![](https://static.igem.org/mediawiki/2015/d/d4/IGEM_ribosome_v1.1.png)