Team:UChicago/Templates/Standard header

From 2013.igem.org

(Difference between revisions)
 
(46 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
-
<!-- Thanks to DTU 2011 https://2011.igem.org/Team:DTU-Denmark/How_to_customize_an_iGEM_wiki -->
 
-
<!-- ************************************************************************************** -->
 
<!-- STYLESHEET -->
<!-- STYLESHEET -->
Line 7: Line 5:
     <link rel="stylesheet" href="https://2013.igem.org/Team:UChicago/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 20: Line 19:
     <script>
     <script>
         $(function() {
         $(function() {
-
    // initialize scrollable
+
        // initialize scrollable
-
    $(".scrollable").scrollable().navigator();
+
        $(".scrollable").scrollable().navigator();
         });
         });
     </script>
     </script>
Line 29: 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 40: Line 34:
             }
             }
         });
         });
-
    </script>
 
-
 
-
    <!-- Sexy Drop Down (drop down navigation) -->
 
-
    <script type="text/javascript">
 
-
        $(document).ready(
 
-
            function(){
 
-
                $("ul.subnav").parent().find("> a").append("<span> ▼</span>");
 
-
                $("ul.topnav li").hover(
 
-
                    function() {
 
-
                        // Hover over
 
-
                        $(this).parent().find("ul.subnav").hide();
 
-
                        $(this).find("ul.subnav").show();
 
-
                        // Hover out
 
-
                        $(this).hover(
 
-
                            function() {
 
-
                            },
 
-
                            function(){
 
-
                                $(this).find("ul.subnav").hide();
 
-
                            }
 
-
                        );
 
-
                    },
 
-
                    function(){
 
-
                        $(this).find("ul.subnav").hide();
 
-
                    }
 
-
 
-
                );
 
-
            }
 
-
        );
 
     </script>
     </script>
Line 99: Line 65:
<!-- HTML CONTENT -->
<!-- HTML CONTENT -->
<!-- ************ -->
<!-- ************ -->
-
 
+
     <div id="wrapper">
-
     <!-- Header image -->
+
         <nav>
-
    <!--<div id="header">
+
             <ul>
-
         <div class="centering">
+
                 <li class="navHome">
-
        </div>
+
                     <a id="top" href="/Team:UChicago">UCHICAGO</a>
-
    </div> -->
+
                </li>
-
 
+
                <li class="navBar">
-
    <!-- Navigation bar -->
+
                     |
-
    <div id="navigation">
+
                </li>
-
        <div class="navigation">
+
                <li class="navIgem">
-
             <div class="centering">
+
                    <a href="https://2013.igem.org">iGEM 2013</a>
-
                 <ul class="topnav" id="topnav">
+
                     <img src="https://static.igem.org/mediawiki/2013/8/8d/UChi_igemlogo.png" width=50px height=50px alt="iGEM logo">
-
                     <li class="home navitem1">
+
                </li>
-
                        <a href="/Team:UChicago">UChicago</a>
+
                <li class="navTeam">
-
                    </li>
+
                    <a href="/Team:UChicago/Team">Team</a>
-
                     <li class="igem navitem1">
+
                </li>
-
                        <a href="https://2013.igem.org" title="iGEM 2013 Homepage">iGEM 2013</a>
+
                <li class="navProject">
-
                     </li>
+
                    <a href="/Team:UChicago/Project">Project</a>
-
                    <li class="team navitem1">
+
                </li>
-
                        <a href="/Team:UChicago/Team">Team</a>
+
                <li class="navNotebook">
-
                    </li>
+
                    <a href="/Team:UChicago/Notebook">Notebook</a>
-
                    <li class="project navitem1">
+
                </li>
-
                        <a href="/Team:UChicago/Project">Project</a>
+
                <li class="navSafety">
-
                    </li>
+
                    <a href="/Team:UChicago/Safety">Safety</a>
-
                    <li class="notebook navitem1">
+
                </li>
-
                        <a href="/Team:UChicago/Notebook">Notebook</a>
+
                <li class="navSponsor">
-
                    </li>
+
                    <a href="/Team:UChicago/Sponsor_Us">Sponsor Us!</a>
-
                    <li class="outreach navitem1">
+
                </li>
-
                        <a href="/Team:UChicago/Outreach">Outreach</a>
+
            </ul>
-
                    </li>
+
         </nav>
-
                    <li class="sponsor_us navitem1">
+
-
                        <a href="/Team:UChicago/Sponsor_Us">Sponsor Us!</a>
+
-
                    </li>
+
-
                </ul>
+
-
            </div>
+
-
         </div>
+
-
    </div>
+
-
 
+
     <!-- Prepare for content -->
     <!-- Prepare for content -->
-
     <div id="innercontent">
+
     <div class="whiteBox">
-
        <div class="centering">
+
          
-
            <div class="whitebox article">
+
-
    <!-- Page heading -->
+
-
    <div id="heading">
+
-
         <div class="centering">
+
-
            <h1>
+
-
</html>
+
-
{{{1}}}
+
-
<html>
+
-
            </h1>
+
-
        </div>
+
-
    </div>
+
</html>
</html>

Latest revision as of 13:21, 26 September 2013