Difference between revisions of "Template:Exeter"

Line 1: Line 1:
−
{{Template_All_Teams}}
+
<!-- Declare that you are going to use html code instead of wiki code -->
  
 +
<html>
 +
 +
<link href='http://fonts.googleapis.com/css?family=Ek+Mukta' rel='stylesheet' type='text/css'>
 +
 +
<!-- 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>
 +
<!-- Declare that you are going to use html code instead of wiki code -->
 
<html>
 
<html>
  
 
<head>
 
<head>
  
−
<link href='http://fonts.googleapis.com/css?family=Ek+Mukta' rel='stylesheet' type='text/css'>
+
<!-- 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>
  
−
<style>
+
<!-- Start of CSS-->
 +
<style type="text/css">
 
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(222,233,229);}
+
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:110px; margin-left:60px;}
 +
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:rgb(217,235,205); text-decoration:none; font-size:20px; font-weight:bold; font-family: 'Ek Mukta', Century Gothic, Courier, monospace; text-align:center;}
+
.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:#390; font-size:20px; font-weight:bold;}
+
.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:rgb(217,235,205)}
+
.button:hover ul a {font-size:15px; color:#229640;}
−
.button ul a:hover {color:#390;}
+
.button ul a:hover {color:#96C11E;}
−
.first-button {margin-left:-50px;}
+
.first-button {margin-left:-40px;}
 
.social {vertical-align:top;}
 
.social {vertical-align:top;}
−
footer {clear:both;}
+
/*footer {clear:both;}*/
  
 
/*TEAM MEMBER PAGE STYLING*/
 
/*TEAM MEMBER PAGE STYLING*/
Line 41: Line 74:
 
.profiletown ul li ul {position:absolute; left:250px; width:260px;}
 
.profiletown ul li ul {position:absolute; left:250px; width:260px;}
 
.swagville {width:700px; padding:0px; margin-right:50px; position:absolute; top:350px; left:500px; text-align:center;}
 
.swagville {width:700px; padding:0px; margin-right:50px; position:absolute; top:350px; left:500px; text-align:center;}
−
.swagville li {display:inline-block; margin:5px; text-decoration:none; background: rgb(160,198,138); border:2px solid #060; border-radius:5px; color:rgb(217,235,205); font-size:20px; font-weight:bold;}
+
.swagville li {display:inline-block; margin:5px; text-decoration:none; /*background: rgb(160,198,138)*/; border:2px solid #229640; border-radius:5px; color:#229640; font-size:20px; font-weight:bold;}
 
.swagville p {margin:0px; vertical-align:top;}
 
.swagville p {margin:0px; vertical-align:top;}
 
.swagville div {padding:10px 20px 10px 20px;}
 
.swagville div {padding:10px 20px 10px 20px;}
−
.swagville div:hover {background: rgba(188,208,116, 0.5); color:#390; cursor:pointer; cursor:hand;}
+
.swagville div:hover {/*background: rgba(188,208,116, 0.5);*/ color:#96C11E; cursor:pointer; cursor:hand;}
  
 
/*MEDAL PAGE STYLING*/
 
/*MEDAL PAGE STYLING*/
Line 52: Line 85:
 
.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:15px; top:45px; height:80px; margin-left:15px;}
 +
.ribonostics {position:absolute; z-index:5; left:95px; top:50px; height:100px; margin-left:15px;}
 +
  
 
</style>
 
</style>
 +
 +
<script>
 +
 +
var main = function() {
 +
 +
var mouseX = 0, limitX = 860;
 +
$(window).mousemove(function(e){
 +
  var offset = $('.toehold').offset();
 +
  mouseX = Math.min(e.pageX - offset.left, limitX);
 +
  if (mouseX < 0) mouseX = 0;
 +
  if (e.pageY >255) 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 203:
  
 
<header>
 
<header>
 +
        <img class="toehold" src="https://static.igem.org/mediawiki/2015/b/b2/Exeter_switch.png">
 +
        <a href="https://2015.igem.org/Team:Exeter"><img class="ribonostics" src="https://static.igem.org/mediawiki/2015/d/d4/IGEM_ribosome_v1.1.png"></a>
 
<nav>
 
<nav>
 
   
 
   
 
   <ul>
 
   <ul>
−
     <li style="width:470px; height:155px"><a style="padding:0px; float:left"><a 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 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 218:
 
     </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">Members</a></li>
+
         <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 236:
 
             <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">Coming Soon</a></li>
+
         <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">Coming Soon</a></li>
+
             <li><a href="https://2015.igem.org/Team:Exeter/Entrepreneurship">Approach</a></li>
−
             <li><a href="https://2015.igem.org/Team:Exeter/Measurement">Coming Soon</a></li>
+
             <li><a href="https://2015.igem.org/Team:Exeter/Measurement">Lessons</a></li>
−
            <li><a href="https://2015.igem.org/Team:Exeter/Software">Coming Soon</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 15:40, 25 July 2015