Team:UChicago/Templates/Standard header

From 2013.igem.org

(Difference between revisions)
 
(35 intermediate revisions not shown)
Line 4: Line 4:
<!-- *********** -->
<!-- *********** -->
-
     <link rel="stylesheet" href="https://2011.igem.org/Team:DTU-Denmark/stylesheet?action=raw&ctype=text/css" type="text/css" />
+
     <link rel="stylesheet" href="https://2013.igem.org/Team:UChicago/stylesheet?action=raw&ctype=text/css" type="text/css" />
 +
    <link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
<!-- JAVASCRIPTS -->
<!-- JAVASCRIPTS -->
Line 18: Line 19:
     <script>
     <script>
         $(function() {
         $(function() {
-
    // initialize scrollable
+
        // initialize scrollable
-
    $(".scrollable").scrollable().navigator();
+
        $(".scrollable").scrollable().navigator();
         });
         });
     </script>
     </script>
Line 27: Line 28:
         $(window).scroll(function () {  
         $(window).scroll(function () {  
             var scrollPos = $(window).scrollTop();
             var scrollPos = $(window).scrollTop();
-
            if (scrollPos > 110) {
 
-
                $(".navigation").addClass("stickToTop");
 
-
            } else {
 
-
                $(".navigation").removeClass("stickToTop");
 
-
            }
 
             if (scrollPos > 180) {
             if (scrollPos > 180) {
                 $(".toc").addClass("stickBelowNavigation");
                 $(".toc").addClass("stickBelowNavigation");
Line 69: Line 65:
<!-- HTML CONTENT -->
<!-- HTML CONTENT -->
<!-- ************ -->
<!-- ************ -->
-
     <div class="centering">
+
     <div id="wrapper">
-
         <div id="navigation">
+
         <nav>
-
             <div class="navigation">  
+
             <ul>
-
                 <ul class="topnav" id="topnav">
+
                 <li class="navHome">
-
                     <li class="home navitem1">
+
                     <a id="top" href="/Team:UChicago">UCHICAGO</a>
-
                        <a href="/Team:UChicago">UChicago</a>
+
                </li>
-
                    </li>
+
                <li class="navBar">
-
                     <li class="igem navitem1">
+
                     |
-
                        <a href="https://2013.igem.org" title="iGEM 2013 Homepage">iGEM 2013</a>
+
                </li>
-
                     </li>
+
                <li class="navIgem">
-
                    <li class="team navitem1">
+
                    <a href="https://2013.igem.org">iGEM 2013</a>
-
                        <a href="/Team:UChicago/Team">Team</a>
+
                     <img src="https://static.igem.org/mediawiki/2013/8/8d/UChi_igemlogo.png" width=50px height=50px alt="iGEM logo">
-
                    </li>
+
                </li>
-
                    <li class="project navitem1">
+
                <li class="navTeam">
-
                        <a href="/Team:UChicago/Project">Project</a>
+
                    <a href="/Team:UChicago/Team">Team</a>
-
                        </li>
+
                </li>
-
                    <li class="notebook navitem1">
+
                <li class="navProject">
-
                        <a href="/Team:UChicago/Notebook">Notebook</a>
+
                    <a href="/Team:UChicago/Project">Project</a>
-
                    </li>
+
                </li>
-
                    <li class="outreach navitem1">
+
                <li class="navNotebook">
-
                        <a href="/Team:UChicago/Outreach">Outreach</a>
+
                    <a href="/Team:UChicago/Notebook">Notebook</a>
-
                    </li>
+
                </li>
-
                    <li class="sponsor_us navitem1">
+
                <li class="navSafety">
-
                        <a href="/Team:UChicago/Sponsor_Us">Sponsor Us!</a>
+
                    <a href="/Team:UChicago/Safety">Safety</a>
-
                    </li>
+
                </li>
-
                </ul>
+
                <li class="navSponsor">
-
            </div>
+
                    <a href="/Team:UChicago/Sponsor_Us">Sponsor Us!</a>
-
         </div>
+
                </li>
-
    <!-- Page heading -->
+
            </ul>
-
    <div id="heading">
+
         </nav>
-
        <div class="centering">
+
 
-
            <h1>
+
-
</html>
+
-
{{{1}}}
+
-
<html>
+
-
            </h1>
+
-
        </div>
+
-
    </div>
+
     <!-- Prepare for content -->
     <!-- Prepare for content -->
-
     <div id="innercontent">
+
     <div class="whiteBox">
-
         <div class="centering">
+
          
-
            <div class="whitebox article">
+
-
            <h1>
+
-
</html>
+
-
{{{1}}}
+
-
<html>
+
-
            </h1>
+
</html>
</html>

Latest revision as of 13:21, 26 September 2013