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

(Added link URLs to navbar)
(Major edit: building of test-abishek homepage)
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=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=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'>
−
  <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>
−
 
+
   
−
  <!-- Main stylesheet -->
+
  <script>
−
  <link rel="stylesheet" href="https://2015.igem.org/Team:TP_CC-SanDiego/navbar-CSS?action=raw&amp;ctype=text/css" type="text/css">
+
    function setHeight() {
 +
      $('#slider').css("margin-top", 150);
 +
      $('#slider').css("margin-bottom", 150);
 +
    }
 +
  </script>
  
−
  <!-- Window scroll + sidebar scroll JS -->
 
 
   <script type="text/javascript">
 
   <script type="text/javascript">
 
     $(window).scroll(function(){
 
     $(window).scroll(function(){
−
       var winheight = $(window).height() - 416;
+
       var winheight = 367;
 
       var mn = $("#nav-wrapper");
 
       var mn = $("#nav-wrapper");
 
       var mn2 = $("#nav");
 
       var mn2 = $("#nav");
Line 32: Line 34:
 
   </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>
 
  
−
   <script>
+
   <style>
−
     $(function() {
+
     /* WIKI SETTINGS*/
−
     $('a[href*=#]:not([href=#])').click(function() {
+
     /* Hide first heading */
−
        if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
+
    .firstHeading {
−
          var target = $(this.hash);
+
      display: none;
−
          target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
+
    }
−
          if (target.length) {
+
   
−
            $('html,body').animate({
+
    /*-- Remove borders, float content left and remove padding/margin */
−
              scrollTop: target.offset().top
+
    #globalWrapper, #content{
−
            }, 1000);
+
      background-color: transparent;
−
            return false;
+
      border: none;
−
          }
+
      float: center;
−
        }
+
      margin-left: -3px;
−
       });
+
      margin-top: -8px;
−
     });
+
      padding: auto;
−
  </script>
+
      width: 101%;
 +
    }
 +
   
 +
    /*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="header-text">
+
    <div id="slider">
−
     <h6>THE TEAM</h6>
+
      PROJECT
−
  </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>
 
     </div>
 
     </div>
−
 
+
   
 
</body>
 
</body>
  
 
</html>
 
</html>

Revision as of 22:49, 18 September 2015