Team:UCLA

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<html lang="en" class="no-js">
+
{{:Team:UCLA/Template/css}}
-
<head><style type="text/css">
+
-
body#space{
+
-
  background-image: url("http://bglabs.evade.netdna-cdn.com/files/subtle-stripes-pattern-2273.png");
+
-
  background-attachment: fixed;
+
-
  background-repeat: repeat;
+
-
  background-size: 100%;
+
-
  height: 100%
+
-
  width: 100%
+
-
 
+
-
+
-
  -webkit-background-size: cover; /*for webKit*/
+
-
  -moz-background-size: cover; /*Mozilla*/
+
-
  -o-background-size: cover; /*opera*/
+
-
    background-size: cover; /*generic*/
+
-
}
+
</style>
</style>

Revision as of 02:52, 13 September 2013

html{

 font-size: 18px; font-family: "Trebuchet MS", sans-serif;

}

h1, h2, h3, h4, h5{ font-family:Verdana; }

li{ font-family:Verdana; }

/* Full page formatting */ body#bg { background-image: url("http://upload.wikimedia.org/wikipedia/commons/8/82/SEM_blood_cells.jpg");

 background-attachment: fixed; 
 background-repeat: repeat;
}
  1. top-section { position: relative; height: 20px; width: 970px; }
  2. contentSub, #search-controls, .firstHeading, #catlinks, #p-logo { display:none; }
  3. container { margin: 15px 0px auto auto; width: 975px; }
  1. top-panel { height: 200px; background-color: yellow; background-image: url("Ucla_header.png");}
  2. top-panel { border-radius: -20px 0px 0px 0px; box-shadow: 0px -2px 6px 2px #222; margin: -20px 5px 0px -5px}


  1. contentSub, #search-controls, .firstHeading, #catlinks, #p-logo{
 display:none; 

}

  1. container{
 margin: 15px 0px auto auto; 
 width: 975px; 

}

  1. globalwrapper{
 margin: 0px 0px auto auto; 

}

p{

 margin: 5px;
 font-family: Verdana;

}

h4{

 margin: 5px;

}


  1. nav { font-family: "Bubbler One", serif; font-size: 17px; color: white;}
  2. nav { background-color: #0070B0; width: 1000px; list-style: none; }
  3. nav { float: left; margin: 0px 0px auto -17px; z-index: 5; }
  4. nav li { float: left; margin: 0px 10px 0px -5px; position:relative; }
  5. nav a { display: block; padding: 5px 15px; text-decoration: none; color: white; border-style: none; }
  6. nav a:hover { color: #D6D615; }
  1. nav ul{ background-color: #0070B0; }
  2. nav ul li: hover ul.noJS{ display: block; }
  1. subnav { font-family: "Raleway", serif; font-size: 12px; color: black;}
  2. subnav { background-color: #FFD700; width: 980px; list-style: none; }
  3. subnav { float: left; margin: 0px 0px auto -7px; z-index: 5; }
  4. subnav li { float: left; margin: 0px 10px 0px -5px; position:relative; }
  5. subnav a { display: block; padding: 5px 15px; text-decoration: none; color: black; border-style: none; }
  6. subnav a:hover { color: #536895; }
  7. subnav { border-radius:4px; }
  8. current { font-weight:900;}
  1. feature { background-color: #fff; height: auto; width: 980px; }
  2. feature { border-radius: 5px 5px 5px 5px; box-shadow: 0px 2px 6px 2px #222; margin-right: 50px; }


  1. bottom-panel{position: relative; height:200px; }
  1. reference{font-family:Verdana; font-size:10px; }

</style>

<meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>UCLA iGEM </title> <meta name="description" content="Blueprint: Fixed Background Scrolling Layout" /> <meta name="keywords" content="background scrolling, fixed background, background-attachment, jquery" /> <meta name="author" content="Codrops" />

<link rel="stylesheet" type="text/css" href="https://2013.igem.org/Team:UCLA/css/default?action=raw&ctype=text/css" /> <link rel="stylesheet" type="text/css" href="https://2013.igem.org/Team:UCLA/css/component?action=raw&ctype=text/css" /> <script type="text/javascript" src="https://2013.igem.org/Team:UCLA/javascript/modernizr.custom?action=raw&ctype=text/js"></script>

</head> <body>

<nav> <a href="#fbsection1" class="cbp-fbcurrent">Section 1</a> <a href="#fbsection2">Section 2</a> <a href="#fbsection3">Section 3</a> <a href="#fbsection4">Section 4</a> <a href="#fbsection5">Section 5</a> </nav> <section id="fbsection1">


























</section> <section id="fbsection2">




















</section> <section id="fbsection3"></section> <section id="fbsection4"></section> <section id="fbsection5"></section>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

<script src="https://2013.igem.org/Team:UCLA/javascript/jquery.easing.min?action=raw&ctype=text/js"></script>

<script src="https://2013.igem.org/Team:UCLA/javascript/waypoints.min?action=raw&ctype=text/js"></script>

<script src="https://2013.igem.org/Team:UCLA/javascript/jquery.debouncedresize?action=raw&ctype=text/js"></script> <script src="https://2013.igem.org/Team:UCLA/javascript/cbpFixedScrollLayout.min?action=raw&ctype=text/js"></script> <script> $(function() { cbpFixedScrollLayout.init(); }); </script> </body> </html>