Team:UCLA/Template

From 2013.igem.org

(Difference between revisions)
 
(100 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
 +
<head>
 +
<link rel="stylesheet" href="https://2013.igem.org/Team:UCLA/Template/css?action=raw&ctype=text/css" type="text/css" />
 +
<link href='http://fonts.googleapis.com/css?family=Raleway' rel='stylesheet' type='text/css'>
 +
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
 +
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
 +
<script>
 +
$(document).ready(function(){
-
<style type="text/css">
 
-
  html, body
 
-
  {
 
-
    background-color:#3366ff;
 
-
  }
 
-
  p
+
var $window = $(window); //You forgot this line in the above example
-
  {
+
-
    margin: 5px;
+
-
    font-family: Verdana;
+
-
  }
+
-
 
+
-
  h4
+
-
  {
+
-
    margin: 5px;
+
-
  }
+
-
</style>
+
$('section[data-type="background"]').each(function(){
 +
var $bgobj = $(this); // assigning the object
 +
$(window).scroll(function() {
 +
//var yPos = -($(window).scrollTop() / $bgobj.data('speed'));
 +
var yPos = -( ($(window).scrollTop() - $bgobj.offset().top) / $bgobj.data('speed'));
 +
// Put together our final background position
 +
var coords = '50% '+ yPos + 'px';
 +
// Move the background
 +
$bgobj.css({ backgroundPosition: coords });
 +
});
 +
});
 +
});
 +
$(function() {
 +
  $('a[href*=#]:not([href=#])').click(function() {
 +
    if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'')
 +
        || location.hostname == this.hostname) {
-
<style>
+
      var target = $(this.hash);
-
table.pos_left
+
      target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
-
{
+
      if (target.length) {
-
position:relative;
+
        $('html,body').animate({
-
left:-6px;
+
          scrollTop: target.offset().top
-
}
+
        }, 1000);
-
</style>
+
        return false;
 +
      }
 +
    }
 +
  });
 +
});
 +
</script>
 +
</head>
-
<table class="pos_left" cellspacing="0" cellpadding="0">
 
-
<tr>
 
-
<td bgcolor = "white">
 
-
<body>
 
-
<div id = "header">
+
<body id="bg">
-
<center><a href="https://2013.igem.org/Team:UCLA"><img src="http://www.synbioatucla.com/logo.jpg" width=450></a></center>
+
<div id="container">
 +
<div id="top-panel">
 +
 
 +
<a href = "https://igem.org/Main_Page"><img style ="float:right; margin:150px 0px 0px 0px"  src = "https://static.igem.org/mediawiki/igem.org/1/17/IGEM_basic_Logo_white_stylized.png" height = "50" width = "60"/></a>
 +
</div>
</div>
</div>
-
 
-
<div id = "menu">
 
-
<table cellspacing="0" cellpadding="0">
 
-
<tr>
 
-
<!--
 
-
<td><a href="https://2013.igem.org/Team:UCLA">
 
-
<img src="http://www.synbioatucla.com/home.jpg" name="home" width=100%></a></td>
 
-
 
-
<td><a href="https://2013.igem.org/Team:UCLA/Team">
 
-
<img src="http://www.synbioatucla.com/team.jpg" name="team"  width=100%></a></td>
 
-
 
-
<td><a href="https://2013.igem.org/Team:UCLA/HumanPractices">
 
-
<img src="https://static.igem.org/mediawiki/2012/4/4f/Human_prac.png" name="humanpractices"  width=100%></a></td>
 
-
 
-
<td><a href="https://2013.igem.org/Team:UCLA/Project">
 
-
<img src="http://www.synbioatucla.com/project.jpg" name="project"  width=100%></a></td>
 
-
 
-
<td><a href="https://2013.igem.org/Team:UCLA/Parts">
 
-
<img src="https://static.igem.org/mediawiki/2013/f/fc/Registryparts.jpg" name="parts"  width=100%></a></td>
 
-
 
-
<td><a href="https://2013.igem.org/Team:UCLA/Modeling">
 
-
<img src="https://static.igem.org/mediawiki/2013/1/12/Modeling_ucla.jpg" name="modeling"  width=100%></a></td>
 
-
<td><a href="https://2013.igem.org/Team:UCLA/Notebook">
+
<style>
-
<img src="https://static.igem.org/mediawiki/2013/d/db/Notebook_ucla.jpg" name="notebook"  width=100%></a></td>
+
#nav { font-family: "Raleway", serif; font-size: 12px; color: white;}
 +
#nav { background-color: #0070B0; width: 1150px; list-style: none; }
 +
#nav { float: left; margin: 0px 0px auto -100px; z-index: 5; }
 +
#nav li { float: left; margin: 0px 25px 0px -5px; position:relative; }
 +
#nav a { display: block; padding: 5px 15px; text-decoration: none; color: white; border-style: none; }
 +
#nav a:hover { color: #D6D615; }
 +
#nav {border-radius:8px; border: 2px solid white; }
 +
</style>
-
<td><a href="https://2013.igem.org/Team:UCLA/Safety">
+
<ul id="nav">
-
<img src="https://static.igem.org/mediawiki/2013/c/c2/Safety_ucla.jpg" name="safety" width=100%></a></td>
+
<li style="margin-left: 30px;"><a href="https://2013.igem.org/Team:UCLA">HOME</a>
 +
</li>
 +
<li><a href="/Team:UCLA/Project">PROJECT</a></li>
 +
<li><a href="/Team:UCLA/Team">TEAM</a></li>
 +
<li><a href="/Team:UCLA/Parts">PARTS</a></li>
 +
<li><a href="/Team:UCLA/Modeling">MODELING</a></li>
 +
<li><a href="/Team:UCLA/HumanPractices">HUMAN PRACTICES</a></li>
 +
<li><a href="/Team:UCLA/Notebook/Biobrick">NOTEBOOK</a></li>
 +
<li><a href="/Team:UCLA/Safety">SAFETY</a></li>
 +
        <li><a href="/Team:UCLA/Attributions">ATTRIBUTIONS</a></li>
 +
        <li><a href="https://igem.org/2013_Judging_Form?id=1176">JUDGING</a></li>
 +
</ul>
-
<td><a href="https://2013.igem.org/Team:UCLA/Attributions">
 
-
<img src="https://static.igem.org/mediawiki/2013/9/91/Attributions.jpg" name="attributions" width=100%></a></td>
 
-
-->
 
-
</tr>
 
-
</table>
 
-
</div>
 
</body>
</body>
-
</html>
 
-
{| style="color:#01FCEF;background-color:#FFFFB5; font-family:Verdana; font-size:13px" cellpadding="3" cellspacing="1"  bordercolor="#fff" width="100%" align="center"
+
 
-
!align="center"|[[Team:UCLA|Home]]
+
</div>
-
!align="center"|[[Team:UCLA/Team|Team]]
+
</html>
-
!align="center"|[[Team:UCLA/HumanPractices|Human Practices]]
+
-
!align="center"|[[Team:UCLA/Project|Project]]
+
-
!align="center"|[[Team:UCLA/Parts|Registry Parts]]
+
-
!align="center"|[[Team:UCLA/Modeling|Modeling]]
+
-
!align="center"|[[Team:UCLA/Notebook|Notebook]]
+
-
!align="center"|[[Team:UCLA/Safety|Safety]]
+
-
!align="center"|[[Team:UCLA/Attributions|Attributions]]
+
-
|}
+

Latest revision as of 23:26, 27 September 2013