Team:UCLA/Template

From 2013.igem.org

(Difference between revisions)
 
(23 intermediate revisions not shown)
Line 4: Line 4:
<link href='http://fonts.googleapis.com/css?family=Raleway' rel='stylesheet' 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 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(){
 +
 +
 +
var $window = $(window); //You forgot this line in the above example
 +
 +
$('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 id="bg">
<body id="bg">
<div id="container">
<div id="container">
<div id="top-panel">
<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>
Line 14: Line 59:
<style>
<style>
#nav { font-family: "Raleway", serif; font-size: 12px; color: white;}  
#nav { font-family: "Raleway", serif; font-size: 12px; color: white;}  
-
#nav { background-color: #0070B0; width: 1000px; list-style: none; }
+
#nav { background-color: #0070B0; width: 1150px; list-style: none; }
-
#nav { float: left; margin: 0px 0px auto -17px; z-index: 5; }
+
#nav { float: left; margin: 0px 0px auto -100px; z-index: 5; }
#nav li { float: left; margin: 0px 25px 0px -5px; position:relative; }
#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 { display: block; padding: 5px 15px; text-decoration: none; color: white; border-style: none; }
#nav a:hover { color: #D6D615; }
#nav a:hover { color: #D6D615; }
 +
#nav {border-radius:8px; border: 2px solid white; }
</style>
</style>
-
<menu>
+
<ul id="nav">
-
<ul>
+
<li style="margin-left: 30px;"><a href="https://2013.igem.org/Team:UCLA">HOME</a>
-
<li><a href="#">Home</a></li>
+
</li>
-
<li><a href="#">Tutorials</a>
+
<li><a href="/Team:UCLA/Project">PROJECT</a></li>
-
<ul>
+
<li><a href="/Team:UCLA/Team">TEAM</a></li>
-
<li><a href="#">Photoshop</a></li>
+
<li><a href="/Team:UCLA/Parts">PARTS</a></li>
-
<li><a href="#">Illustrator</a></li>
+
<li><a href="/Team:UCLA/Modeling">MODELING</a></li>
-
<li><a href="#">Web Design</a></li>
+
<li><a href="/Team:UCLA/HumanPractices">HUMAN PRACTICES</a></li>
-
</ul>
+
<li><a href="/Team:UCLA/Notebook/Biobrick">NOTEBOOK</a></li>
-
</li>
+
<li><a href="/Team:UCLA/Safety">SAFETY</a></li>
-
<li><a href="#">Articles</a>
+
        <li><a href="/Team:UCLA/Attributions">ATTRIBUTIONS</a></li>
-
<ul>
+
        <li><a href="https://igem.org/2013_Judging_Form?id=1176">JUDGING</a></li>
-
<li><a href="#">Web Design</a></li>
+
</ul>
-
<li><a href="#">User Experience</a></li>
+
 
-
</ul>
+
 
-
</li>
+
-
<li><a href="#">Inspiration</a></li>
+
-
</ul>
+
-
</menu>
+
-
<br><br>
 
</body>
</body>
 +
 +
 +
 +
</div>
</html>
</html>

Latest revision as of 23:26, 27 September 2013

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