Team:UCLA/Template

From 2013.igem.org

(Difference between revisions)
 
(61 intermediate revisions not shown)
Line 2: Line 2:
<head>
<head>
<link rel="stylesheet" href="https://2013.igem.org/Team:UCLA/Template/css?action=raw&ctype=text/css" type="text/css" />
<link rel="stylesheet" href="https://2013.igem.org/Team:UCLA/Template/css?action=raw&ctype=text/css" type="text/css" />
-
<style>
+
<link href='http://fonts.googleapis.com/css?family=Raleway' rel='stylesheet' type='text/css'>
-
table.pos_left
+
<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>
-
position:relative;
+
<script>
-
left:-6px;
+
$(document).ready(function(){
-
}
+
-
#topbarcontainer
 
-
{
 
-
background-color: #C5E2ED;
 
-
background-repeat: repeat-x;
 
-
width: 100%;
 
-
min-width: 1000px;
 
-
height: 60px;
 
-
position: absolute;
 
-
top: 0px;
 
-
left: 0px;
 
-
margin-bottom: 25px;
 
-
box-shadow: 0 0px 3px rgba(0, 0, 0, 0.5);
 
-
}
 
-
#topbar
 
-
{
 
-
margin-left: auto;
 
-
margin-right: auto;
 
-
height: 60px;
 
-
position:relative;
 
-
width: 1000px;
 
-
background-color: transparent;
 
-
bottom: 0px;
 
-
}
+
var $window = $(window); //You forgot this line in the above example
-
</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) {
 +
 
 +
      var target = $(this.hash);
 +
      target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
 +
      if (target.length) {
 +
        $('html,body').animate({
 +
          scrollTop: target.offset().top
 +
        }, 1000);
 +
        return false;
 +
      }
 +
    }
 +
  });
 +
});
 +
</script>
</head>
</head>
-
<body><div id="topbarcontainer">
+
 
-
<div id="topbar">
+
 
-
<a href="https://2012.igem.org/Team:Queens_Canada">
+
 
-
<img src="https://static.igem.org/mediawiki/2012/9/96/Headerv2.png" style="float:left">
+
 
-
</a></div></div></body></html>
+
<body id="bg">
 +
<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>
 +
 
 +
 
 +
<style>
 +
#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>
 +
 
 +
<ul id="nav">
 +
<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>
 +
 
 +
 
 +
 
 +
</body>
 +
 
 +
 
 +
 
 +
</div>
 +
</html>

Latest revision as of 23:26, 27 September 2013

Retrieved from "http://2013.igem.org/Team:UCLA/Template"