Team:Cornell/sandbox

From 2013.igem.org

(Difference between revisions)
Line 5: Line 5:
<meta name="Keywords" content="hi this is going to be awesome" />
<meta name="Keywords" content="hi this is going to be awesome" />
-
<!--Fixes IE browser older than IE9>
+
<!--Fixes IE browser older than IE9-->
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
-
document.createElement("article");
 
-
document.createElement("section");
 
-
<!-- Removes iGEM Wiki Stuff -->
 
<style type="text/css">
<style type="text/css">
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
     display:none;
     display:none;
-
}
+
}
-
#top-section {
+
/* Top menu */
-
    border: none;
+
-
    height: 0px;
+
-
}
+
-
#content {
+
-
    border: none;
+
-
}
+
-
 
+
-
#menubar > ul > li:last-child {
+
-
    display: none;
+
-
}
+
-
#menubar {
+
-
    width: auto;
+
-
}
+
-
 
+
body {
body {
     margin: 10px 0 0 0;
     margin: 10px 0 0 0;
Line 36: Line 19:
#top-section {
#top-section {
     width: 965px;
     width: 965px;
-
    height: 0;
+
        height: 0;
-
    margin: 0 auto;
+
        margin: 0 auto;
-
    padding: 0;
+
        padding: 0;
-
    border: none;
+
        border: none;
}
}
#menubar {
#menubar {
 +
    width: auto;
     top: -14px;
     top: -14px;
}
}
Line 49: Line 33:
#menubar li a {
#menubar li a {
    background-color: transparent;
    background-color: transparent;
 +
    color: transparent;
}
}
#menubar:hover {
#menubar:hover {
     color: white;
     color: white;
-
}
 
-
#menubar li a {
 
-
    color: transparent;
 
}
}
#menubar:hover li a {
#menubar:hover li a {
     color: white;
     color: white;
}
}
-
</style>
+
#menubar > ul > li:last-child {
 +
    display: none;
 +
}
-
<style type="text/css">
+
/* General */
-
#home {
+
#content {border: none;}
-
background: url(https://static.igem.org/mediawiki/2013/9/92/Cornell_hometest1.jpg)
+
body {  
-
50% 0 repeat fixed; min-height: 1000px;
+
border: none;
-
height: 1000px;  
+
background: white;
-
  margin: 0 auto;  
+
font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;  
-
  width: 100%;  
+
font-size: 14px;  
-
  max-width: 1920px;  
+
line-height: 1;  
-
  position: relative;  
+
color: black;  
 +
position: relative;  
 +
-webkit-font-smoothing: antialiased; }
 +
p {
 +
    margin: 0;
}
}
-
#home article {  
+
h2, h3, h4, h5, h6 {
-
  height: 458px;  
+
    border: none;
-
  position: absolute;  
+
    font-weight: normal;
-
  text-align: center;  
+
color: black;  
-
  top: 150px;  
+
line-height: 1.1;  
-
  width: 100%;  
+
margin-bottom: 14px;  
-
color: white;
+
margin-top: 14px
}
}
-
#project {
+
h1 { font-size: 44px; }
-
background: url(https://static.igem.org/mediawiki/2013/c/cc/Cornell_abouttest1.jpg)
+
h2 { font-size: 37px; }
-
50% 0 no-repeat; min-height: 1000px;
+
h3 { font-size: 27px; }
-
height: 1000px;  
+
h4 { font-size: 23px; }
-
  margin: 0 auto;  
+
h5 { font-size: 17px; }
-
  width: 100%;
+
h6 { font-size: 14px; }
-
  max-width: 1920px;  
+
ul {
-
  position: relative;
+
    list-style-position: inside;
-
  -webkit-box-shadow: 0 0 50px rgba(0,0,0,0.8);
+
    margin: 0;
-
  box-shadow: 0 0 50px rgba(0,0,0,0.8);
+
-
}
+
-
#project article {  
+
-
  height: 458px;
+
-
  position: absolute;  
+
-
  text-align: center;
+
-
  top: 150px;
+
-
  width: 100%;
+
-
color: white;
+
}
}
 +
a, a:visited, a:active, a:hover { color: #2795b6; }
 +
    a:focus { color: #2ba6cb; outline: none; }
</style>
</style>
-
<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'));
 
-
// Put together our final background position
 
-
var coords = '50% '+ yPos + 'px';
 
-
// Move the background
 
-
$bgobj.css({ backgroundPosition: coords });
 
-
});
 
-
});
 
-
});
 
-
</script>
 
</head>
</head>
<body>
<body>
-
<section id="home" class="pages" data-type="background" data-speed="10">
+
<h1> Whee </h1>
-
<article>Hi iGEM</article>
+
<h2> Whoo </h2>
-
</section>
+
<h3> Poo </h3>
-
<section id="project" class="pages" data-type="background" data-speed="10">
+
<div> Hi </div>
-
<article>Project Stuff</article>
+
<p> I never use this anyways </p>
-
</section>
+
<div> <a href="">Link</a>
-
 
+
</body>
</body>
</html>
</html>

Revision as of 17:07, 23 December 2013

Parallax Test

Whee

Whoo

Poo

Hi

I never use this anyways

Link

Retrieved from "http://2013.igem.org/Team:Cornell/sandbox"