Team:UCLA/Template

From 2013.igem.org

(Difference between revisions)
 
(92 intermediate revisions not shown)
Line 1: Line 1:
-
html, body {
+
<html>
-
  background-color:white;
+
<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(){
-
/* Headers */
 
-
h1, h2, h3, h4, h5 {font-family:Verdana}
 
-
/* Full page formats */
+
var $window = $(window); //You forgot this line in the above example
-
body#space{
+
$('section[data-type="background"]').each(function(){
-
  background-image: url('http://st.gdefon.com/wallpapers_original/wallpapers/34746_los-andzheles_vechernie-ogni_panorama_2831x1080_(www.GdeFon.ru).jpg');
+
var $bgobj = $(this); // assigning the object
-
  background-attachment: fixed;
+
$(window).scroll(function() {
-
  background-repeat: repeat;
+
-
  background-size: 100%;
+
-
  height: 1000px;
+
-
  width: 2000px;
+
-
}
+
-
#top-section{
+
//var yPos = -($(window).scrollTop() / $bgobj.data('speed'));  
-
  position: relative;
+
var yPos = -( ($(window).scrollTop() - $bgobj.offset().top) / $bgobj.data('speed'));
-
  height: 150px;
+
-
  width: 975px;
+
-
}
+
-
#contentSub, #search-controls, .firstHeading, #catlinks, #p-logo{
+
// Put together our final background position
-
  display:none;  
+
var coords = '50% '+ yPos + 'px';
-
}
+
// Move the background
 +
$bgobj.css({ backgroundPosition: coords });
 +
});
 +
});
 +
});
-
#container{  
+
$(function() {
-
   margin: 15px 0px auto auto;
+
   $('a[href*=#]:not([href=#])').click(function() {
-
  width: 975px;
+
    if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'')
-
}
+
        || location.hostname == this.hostname) {
-
#globalwrapper{  
+
      var target = $(this.hash);
-
  margin: 0px 0px auto auto;  
+
      target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
-
}
+
      if (target.length) {
 +
        $('html,body').animate({
 +
          scrollTop: target.offset().top
 +
        }, 1000);
 +
        return false;
 +
      }
 +
    }
 +
  });
 +
});
 +
</script>
 +
</head>
-
p{
+
 
-
  margin: 5px;
+
 
-
  font-family: Verdana;
+
 
-
}
+
<body id="bg">
-
 
+
<div id="container">
-
h4{
+
<div id="top-panel">
-
  margin: 5px;
+
 
-
}
+
<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"