Difference between revisions of "Template:TP CC-SanDiego/navbar"

(Revert)
Line 1: Line 1:
 
<html>
 
<html>
 +
 
<head>
 
<head>
 
   <meta name="viewport" content="width=device-width, initial-scale=1" />
 
   <meta name="viewport" content="width=device-width, initial-scale=1" />
−
    <meta charset="utf-8" />
+
  <meta charset="utf-8" />
−
    <link href='https://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
+
−
<link href='https://fonts.googleapis.com/css?family=Oswald:400,300,700' rel='stylesheet' type='text/css'>
+
−
<link href='https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700' rel='stylesheet' type='text/css'>
+
−
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
+
−
   
+
−
  <script>
+
−
    function setHeight() {
+
−
      $('#slider').css("margin-top", 100);
+
−
      $('#slider').css("margin-bottom", 100);
+
−
    }
+
−
  </script>
+
  
 +
  <link href='https://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
 +
  <link href='https://fonts.googleapis.com/css?family=Oswald:400,300,700' rel='stylesheet' type='text/css'>
 +
  <link href='https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700' rel='stylesheet' type='text/css'>
 +
 +
  <!-- Main stylesheet -->
 +
  <link rel="stylesheet" href="https://2015.igem.org/Team:TP_CC-SanDiego/navbar-CSS?action=raw&amp;ctype=text/css" type="text/css">
 +
 +
  <!-- Window scroll + sidebar scroll JS -->
 
   <script type="text/javascript">
 
   <script type="text/javascript">
 
     $(window).scroll(function(){
 
     $(window).scroll(function(){
−
       var winheight = 357;
+
       var winheight = $(window).height() - 416;
 
       var mn = $("#nav-wrapper");
 
       var mn = $("#nav-wrapper");
 
       var mn2 = $("#nav");
 
       var mn2 = $("#nav");
−
       var nextdiv = $("#bio-wrapper");
+
       var nextdiv = $("#content-wrapper");
 
       if($(window).scrollTop() > winheight){
 
       if($(window).scrollTop() > winheight){
 
         mn.addClass("fixed");
 
         mn.addClass("fixed");
−
         mn2.css("padding-left","1%");
+
         mn2.addClass("marginRight")
−
mn.css("margin-bottom","50px");
+
         nextdiv.css("padding-top", "50px");
−
         nextdiv.css("margin-top", "100px");
+
 
       }  
 
       }  
 
       else{
 
       else{
 
         mn.removeClass("fixed");
 
         mn.removeClass("fixed");
−
         mn2.css("padding-left","0%");
+
         mn2.removeClass("marginRight")
−
mn.css("margin-bottom","0px");
+
         nextdiv.css("padding-top", "0px");
−
         nextdiv.css("margin-top", "50px");
+
 
       }
 
       }
 
     });
 
     });
 
   </script>
 
   </script>
  
 +
  <script type="text/javascript">
 +
    $(window).scroll(function(){
 +
      var sbheight = $(window).height() - 416;
 +
      var sb = $("#sidebar")
 +
      // var nextdiv = $("#content-wrapper");
 +
      if($(window).scrollTop() > sbheight){
 +
        sb.addClass("sb-fixed");
 +
        //nextdiv.css("padding-top", "50px");
 +
      }
 +
      else{
 +
        sb.removeClass("sb-fixed")
 +
        //nextdiv.css("padding-top", "0px");
 +
      }
 +
    });
 +
  </script>
  
−
   <style>
+
   <script>
−
     /* WIKI SETTINGS*/
+
     $(function() {
−
     /* Hide first heading */
+
     $('a[href*=#]:not([href=#])').click(function() {
−
    .firstHeading {
+
        if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
−
      display: none;
+
          var target = $(this.hash);
−
    }
+
          target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
−
   
+
          if (target.length) {
−
    /*-- Remove borders, float content left and remove padding/margin */
+
            $('html,body').animate({
−
    #globalWrapper, #content{
+
              scrollTop: target.offset().top
−
      background-color: transparent;
+
            }, 1000);
−
      border: none;
+
            return false;
−
      float: center;
+
          }
−
      margin-left: -3px;
+
        }
−
      margin-top: -8px;
+
       });
−
      padding: auto;
+
     });
−
      width: 101%;
+
  </script>
−
    }
+
−
   
+
−
    /*left align Black Menu Bar
+
−
    #top_menu_inside {  
+
−
      margin-left: 0px;
+
−
    } */
+
−
    html{
+
−
      overflow-x: hidden;
+
−
    }
+
−
 
+
−
    body {  
+
−
      background: url(https://static.igem.org/mediawiki/2015/7/7c/Tpcc-homebackground.jpg) no-repeat center center fixed;
+
−
      -moz-background-size: cover;
+
−
      -webkit-background-size: cover;
+
−
      -o-background-size: cover;
+
−
       background-size: cover;
+
−
    }
+
−
 
+
−
    #whole-wrapper{
+
−
      height: auto;
+
−
      width: auto;
+
−
     }
+
−
 
+
−
    #nav-wrapper{
+
−
      width: 101%;
+
−
      height: 50px;
+
−
      background-color: #333333;
+
−
      z-index: 100;
+
−
      line-height: 50px;
+
−
      font-family: Verdana;
+
−
    }
+
  
−
    #nav{
 
−
      width: 1100px;
 
−
      margin: 0 auto 0 auto;
 
−
      font-family: Montserrat;
 
−
      font-size: 14px;
 
−
      font-weight: 700;
 
−
    }
 
  
−
    #nav a{
 
−
      padding-left: 20px;
 
−
      color: #f2f2f2;
 
−
      font-weight: 400;
 
−
      text-decoration: none;
 
−
    }
 
−
 
−
    #nav a:hover{
 
−
      color: #f15258;
 
−
      -webkit-transition: color .1s ease-in;
 
−
      text-decoration: none;
 
−
    }
 
−
 
−
    #content-wrapper{
 
−
      width: 101%;
 
−
      height: auto;
 
−
      overflow: hidden;
 
−
      background-color: white;
 
−
      padding-bottom: 20px;
 
−
    }
 
−
 
−
    #nav-right{
 
−
      width: 500px;
 
−
      float: right;
 
−
      text-align: right;
 
−
    }
 
−
 
−
    .fixed{
 
−
      position: fixed;
 
−
      top: 18px;
 
−
      width: 100%;
 
−
      bottom: 50px;
 
−
    }
 
−
 
−
    .marginRight{
 
−
      padding-left: 1%;
 
−
    }
 
−
 
−
    #slider{
 
−
      width: 648px;
 
−
      height: 140px;
 
−
      margin: 0 auto 0 auto;
 
−
      font-family: Poppins;
 
−
      font-size: 128px;
 
−
      color: white;
 
−
      font-weight: 500;
 
−
      line-height: 140px;
 
−
      padding: 20px 30px 8px 30px;
 
−
      border: 5px solid #f15258;
 
−
      color: #f15258;
 
−
    }
 
−
  </style>
 
 
</head>
 
</head>
−
 
  
 
<body onload="setHeight()">
 
<body onload="setHeight()">
−
  <div id="whole-wrapper">
 
  
−
    <div id="slider">
+
  <div id="header-text">
−
      PROJECT
+
     <h6>THE TEAM</h6>
−
     </div>
+
  </div>
  
 +
  <div id="whole-wrapper">
 
     <div id="nav-wrapper">
 
     <div id="nav-wrapper">
 
       <div id="nav">
 
       <div id="nav">
 
       <span style="color: #f15258; border: 2px solid #f15258; padding: 5px 10px 5px 10px;">T P - C C</span>
 
       <span style="color: #f15258; border: 2px solid #f15258; padding: 5px 10px 5px 10px;">T P - C C</span>
 
         <div id="nav-right">
 
         <div id="nav-right">
−
            <a href="https://2015.igem.org/Team:TP_CC-SanDiego">
+
        <a href="https://2015.igem.org/Team:TP_CC-SanDiego">
−
            HOME</a>
+
        HOME</a>
−
            <a href="https://2015.igem.org/Team:TP_CC-SanDiego/Description">
+
        <a href="https://2015.igem.org/Team:TP_CC-SanDiego/Description">
−
            PROJECT</a> <!-- Overview, Experiments/Protocols, Safety, Results -->
+
        PROJECT</a> <!-- Overview, Experiments/Protocols, Safety, Results -->
−
            <a href="https://2015.igem.org/Team:TP_CC-SanDiego/Notebook">
+
        <a href="https://2015.igem.org/Team:TP_CC-SanDiego/Notebook">
−
            NOTEBOOK</a>
+
        NOTEBOOK</a>
−
            <a href="https://2015.igem.org/Team:TP_CC-SanDiego/Practices">
+
        <a href="https://2015.igem.org/Team:TP_CC-SanDiego/Practices">
−
            OUTREACH</a> <!-- Collaborations -->
+
        OUTREACH</a> <!-- Collaborations -->
−
            <a href="https://2015.igem.org/Team:TP_CC-SanDiego/Team">
+
        <a href="https://2015.igem.org/Team:TP_CC-SanDiego/Team">
−
            TEAM</a> <!-- Attributions -->
+
        TEAM</a> <!-- Attributions -->
 
         </div>
 
         </div>
 
       </div>
 
       </div>

Revision as of 23:28, 18 September 2015

THE TEAM