Difference between revisions of "Template:UCSC-Header"

Line 1: Line 1:
{{UCSC-Styles}}
 
 
 
<html>
 
<html>
 
+
 
+
  <!-- External scripts -->
<!-- <link rel="stylesheet" type="text/css" href="//2017.igem.org/Team:UCSC/Assets/style1"> -->
+
  <link href="//2017.igem.org/Team:UCSC/Assets/Test_Style_css?action=raw&ctype=text/css" rel="stylesheet">
<link href="//2017.igem.org/Team:UCSC/Assets/Test_Style_css?action=raw&ctype=text/css" rel="stylesheet">
+
   <link href="https://fonts.googleapis.com/css?family=Quicksand" rel="stylesheet">
 
+
<!-- External scripts -->
+
 
+
   <link href="https://fonts.googleapis.com/css?family=Quicksand" rel="stylesheet">  
+
 
   <link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:400,300,700' rel='stylesheet' type='text/css'>
 
   <link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:400,300,700' rel='stylesheet' type='text/css'>
 
   <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css"> <!-- Necessary for nav bar header-->
 
   <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css"> <!-- Necessary for nav bar header-->
 
+
  <!-- <meta name="viewport" content="user-scalable=1, width=400">
<!-- <meta name="viewport" content="user-scalable=1, width=400">
+
  <meta name="viewport" content="initial-scale = 1.0,maximum-scale = 1.0" /> -->
<meta name="viewport" content="initial-scale = 1.0,maximum-scale = 1.0" /> -->
+
  <meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="viewport" content="width=device-width, initial-scale=1">  
+
 
+
 
   <!-- Functionallity and behaviour JS -->
 
   <!-- Functionallity and behaviour JS -->
 
 
   <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
 
   <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
 
   <script src="http://code.jquery.com/jquery-2.1.0.min.js"></script>
 
   <script src="http://code.jquery.com/jquery-2.1.0.min.js"></script>
 
<script>
 
/*
 
    $(document).ready(function(){
 
 
      //Loading screen functionallity
 
      $('.loading').animate(
 
          {opacity:0},
 
          500,
 
          function(){
 
            $('.loading').attr("style", "display:none");
 
          }
 
      );
 
 
      //Height responsiveness
 
      $(window).resize(function() {
 
          wheight = $(window).height();
 
          $('.container').attr("style","height:"+(wheight)+"px;background-size:cover;");
 
          $('.team-member-container').attr("style","height:"+wheight/2.7+"px;");
 
      });
 
 
      $(window).trigger('resize');
 
 
      //Menu moveto container on item click functionallity
 
      $('.menu-item').on('click', function(){
 
          $('.menu-item').removeClass('subselected');
 
          $(this).addClass('subselected');
 
          if($(this).attr("data")=="#top"){
 
              $('html, body').animate({
 
                  scrollTop: 0
 
              }, 1000);
 
          }else{
 
              $('html, body').animate({
 
                  scrollTop: $($(this).attr("data")).offset().top-70
 
              }, 1000);
 
          }
 
      });
 
 
     
 
        });
 
      });
 
 
    });
 
  */ 
 
  </script>
 
 
  <style>
 
 
 
#sideMenu, #top_title {display:none;}
 
#content { padding:0px; background-color: honeydew; }
 
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
 
 
 
    body,
 
    html{
 
      margin: 0;
 
      padding:0;
 
      font-family: 'Quicksand', sans-serif;
 
      background-color: honeydew;
 
      overflow-x: hidden;
 
      position: relative;
 
    }
 
 
    nav li a {
 
  display: block;
 
  color: #1A680A !important; text-decoration: none;
 
       
 
  }
 
  nav ul li:hover > ul {
 
    display: block;
 
 
  }
 
 
 
 
    /* REMOVE UNWANTED ELEMENTS AND STYLE OTHERS */
 
    .firstHeading{
 
      display:none;
 
    }
 
    #top-section{
 
      background:#48af5d;
 
      margin-left:0 !important;
 
      width:100%;
 
      left:0;
 
    }
 
 
.c-layout-go2top {
 
  display: inline-block;
 
  position: fixed;
 
  bottom: 20px;
 
  right: 10px;
 
  cursor: pointer;
 
}
 
.c-layout-go2top > i {
 
  opacity: 0.5;
 
  filter: alpha(opacity=50);
 
  color: #89939e;
 
  font-size: 38px;
 
  font-weight: 300;
 
}
 
.c-layout-go2top:hover {
 
  opacity: 0.8;
 
  filter: alpha(opacity=80);
 
}
 
 
 
    /* LOADING SCREEN */
 
    .loading{
 
      position:fixed;
 
      width:100%;
 
      height:100%;
 
      top:0;
 
      left:0;
 
 
      z-index:5;
 
 
      background-color:#555;
 
      color:#fff;
 
      text-align: center;
 
    }
 
    .loading p{
 
      position: relative;
 
      width:100%;
 
      height:10%;
 
      top:45%;
 
      left:0;
 
    }
 
 
    /* MENU STYLING */
 
    .menu{
 
      position:fixed;
 
      width:100%;
 
      height:56px;
 
      top:14px;
 
      background-color: #47a3da;
 
 
      z-index:4;
 
 
      border-collapse: collapse;
 
      text-align:center;
 
    }
 
    .menu tr td{
 
      text-align: center;
 
      vertical-align: middle;
 
 
      font-weight: 700;
 
      font-size:16px;
 
      color:#fff;
 
      width:7%;
 
    }
 
    .menu tr td.menu-item:hover>a:{
 
      background-color:#258ecd;
 
      cursor: pointer;
 
    }
 
    .subselected{
 
      background-color: #258ecd;
 
    }
 
 
    /* CONTAINERS STYLING */
 
    .container{
 
      position:relative;
 
      width:100%;
 
      top:50px;
 
    }
 
    .container .subcontainer{
 
      position:absolute;
 
      width:95%;
 
      height:90%;
 
      top:5%;
 
      left:2.5%;
 
    }
 
    #top{
 
      background-size: cover;
 
   
 
    }
 
 
    /* TEAM MEMBERS CARDS STYLING */
 
    .team-member-container{
 
      position:relative;
 
      width:14%;
 
      margin-left:2.28%;
 
 
      float:left;
 
    }
 
    .team-member-container:hover{
 
      cursor:pointer;
 
    }
 
    .row2{
 
      top:4%;
 
    }
 
    .team-member-container .team-member-photo{
 
      position:relative;
 
      width:100%;
 
      height:85%;
 
      top:0;
 
      left:0;
 
      background-size: cover;
 
    }
 
    .team-member-container .team-member-footer{
 
      position:relative;
 
      width:100%;
 
      height:15%;
 
      top:0;
 
      left:0;
 
 
      border:none;
 
      border-collapse: collapse;
 
      background-color: #47a3da;
 
      color:#fff;
 
 
      text-align: center;
 
      vertical-align: middle;
 
    }
 
 
body {
 
    padding-top: 110px;
 
}
 
 
.center-block {
 
  display: block;
 
  margin-left: auto;
 
  margin-right: auto;
 
}
 
 
 
.navbar-fixed-top {
 
  background: #fff;
 
  filter: none !important;
 
  box-shadow: 0 2px 15px rgba(0,0,0,0.25);
 
  -moz-box-shadow: 0 2px 15px rgba(0,0,0,0.25);
 
  -webkit-box-shadow: 0 2px 15px rgba(0,0,0,0.25);
 
        border-bottom: 1px solid rgba(0,0,0,0.2);
 
 
}
 
 
 
.dropdown-submenu {
 
    position: relative;
 
}
 
 
.dropdown-submenu>.dropdown-menu {
 
    top: 0;
 
    left: 100%;
 
    margin-top: -6px;
 
    margin-left: -1px;
 
    -webkit-border-radius: 0 6px 6px 6px;
 
    -moz-border-radius: 0 6px 6px;
 
    border-radius: 0 6px 6px 6px;
 
}
 
 
.dropdown-submenu:hover>.dropdown-menu {
 
    display: block;
 
}
 
 
.dropdown-submenu>a:after {
 
    display: block;
 
    content: " ";
 
    float: right;
 
    width: 0;
 
    height: 0;
 
    border-color: transparent;
 
    border-style: solid;
 
    border-width: 5px 0 5px 5px;
 
    border-left-color: #ccc;
 
    margin-top: 5px;
 
    margin-right: -10px;
 
}
 
 
.dropdown-submenu:hover>a:after {
 
    border-left-color: #fff;
 
}
 
 
.dropdown-submenu.pull-left {
 
    float: none;
 
}
 
 
.dropdown-submenu.pull-left>.dropdown-menu {
 
    left: -100%;
 
    margin-left: 10px;
 
    -webkit-border-radius: 6px 0 6px 6px;
 
    -moz-border-radius: 6px 0 6px 6px;
 
    border-radius: 6px 0 6px 6px;
 
 
 
 
.faceBot{
 
  background: #202020;
 
}
 
 
@font-face {
 
  font-family: 'Quicksand', sans-serif;
 
}
 
 
body
 
{
 
    font-family: 'Quicksand', sans-serif;
 
}
 
 
ul.nav a{
 
  color: gray;
 
  background-color: transparent;
 
  height: 100%;
 
  position: relative;
 
}
 
 
ul.nav a:hover{
 
  color: gray;
 
  background-color: transparent;
 
  height: 100%;
 
  position: relative;
 
}
 
 
h2 {
 
  color:green;
 
  font-family: 'Quicksand', sans-serif;
 
}
 
 
h4 {
 
    font-weight: bold;
 
    font-family: 'Quicksand', sans-serif;
 
}
 
 
.menu-item{
 
  height: 75px;
 
}
 
 
li.menu-item{
 
  background: transparent !important;
 
}
 
 
 
 
.green-effect{
 
  display: none;
 
  background-color: #4AAF51;
 
  opacity: 1;
 
  color: #FFF;
 
  transition-property: all;
 
  transition-duration: 0.3s;
 
  transition-timing-function: ease-out;
 
  transition-delay: 0s;
 
  border-color: #288D30;
 
  position: absolute;
 
  bottom: 0px;
 
  width: 100%;
 
  height: 2px;
 
  right: 0px;
 
}
 
 
.logo {
 
margin-top: 100px;
 
 
}
 
 
a:hover .green-effect{
 
  display: inherit;
 
}
 
 
.invertir:hover {
 
  -webkit-filter: invert(100%);
 
}
 
 
dropdown-toggle {
 
width: 10%;
 
 
    
 
    
}
+
 
 
+
   <div class="navbar navbar-default navbar-fixed-top" style="margin-top:12px">
<!--   @media screen and (max-width:640px) {
+
    .leftSideBar, .rightSideBar {display:none}
+
    } -->
+
 
+
</style>
+
<div class="navbar navbar-default navbar-fixed-top" style="margin-top:12px">
+
 
     <nav class="navbar-inner">
 
     <nav class="navbar-inner">
            <div class="col-xs-2">
+
      <div class="col-xs-2">
                <a href="https://2017.igem.org/Team:UCSC"><img class="logo" src="https://static.igem.org/mediawiki/2017/d/d4/Logo_edit_new.png" height="60" width="auto">
+
        <a href="https://2017.igem.org/Team:UCSC"><img class="logo" src="https://static.igem.org/mediawiki/2017/d/d4/Logo_edit_new.png" height="60" width="auto">
                </a>
+
        </a>
            </div>
+
      </div>
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
+
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span>Menu</span>              
+
      <span>Menu</span>
<span class="sr-only">Toggle navigation</span>
+
      <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
+
      <span class="icon-bar"></span>
                <span class="icon-bar"></span>
+
      <span class="icon-bar"></span>
                <span class="icon-bar"></span>
+
      <span class="icon-bar"></span>
            </button>
+
      </button>
            <div id="navbar" class="navbar-collapse collapse" aria-expanded="false" style="height:1 px;">
+
      <div id="navbar" class="navbar-collapse collapse" aria-expanded="false" style="height:1 px;">
                <ul class="nav navbar-nav" style="margin-top:10px; margin-left: -85px">
+
        <ul class="nav navbar-nav" style="margin-top:10px; margin-left: -85px">
                    <li class="menu-item">
+
          <li class="menu-item">
                        <a href="https://2017.igem.org/Team:UCSC">
+
            <a href="https://2017.igem.org/Team:UCSC">
                            <span>Home</span>
+
              <span>Home</span>
                            <span class="green-effect"></span>
+
              <span class="green-effect"></span>
                        </a>
+
            </a>
                    </li>
+
          </li>
 
+
          <li class="menu-item">
 
+
            <a href="https://2017.igem.org/Team:UCSC/Team">
                    <li class="menu-item">
+
              <span class="dropdown-toggle">Team <b class="caret"></b></span>
                        <a href="https://2017.igem.org/Team:UCSC/Team">
+
            </a>
                            <span class="dropdown-toggle">Team <b class="caret"></b></span>
+
            <ul class="dropdown-menu multi-level">
                        </a>
+
              <li><a href="https://2017.igem.org/Team:UCSC/Team1" id="shift">Meet the Team </a></li>
                        <ul class="dropdown-menu multi-level">
+
            </li>
 
+
            <li><a href="https://2017.igem.org/Team:UCSC/Attributions">Attributions </a>
                            <li><a href="https://2017.igem.org/Team:UCSC/Team1" id="shift">Meet the Team </a></li>
+
          </li>
                            </li>
+
        </ul>
                            <li><a href="https://2017.igem.org/Team:UCSC/Attributions">Attributions </a>
+
      </li>
                            </li>
+
      <li class="menu-item">
 
+
        <a href="https://2017.igem.org/Team:UCSC/Project">
                        </ul>
+
          <span class="dropdown-toggle">Project <b class="caret"></b></span>
                    </li>
+
        </a>
 
+
        <ul class="dropdown-menu multi-level">
 
+
          <li><a href="https://2017.igem.org/Team:UCSC/Project">The Project</a>
 
+
        </li>
                    <li class="menu-item">
+
        <li class="divider"></li>
                        <a href="https://2017.igem.org/Team:UCSC/Project">
+
        <li class="dropdown-submenu">
                            <span class="dropdown-toggle">Project <b class="caret"></b></span>
+
          <a href="https://2017.igem.org/Team:UCSC/Metabolic-Engineering">
                        </a>
+
            <span class="dropdown-toggle">Metabolic Engineering</span>
                        <ul class="dropdown-menu multi-level">
+
          </a>
 
+
          <ul class="dropdown-menu">
                            <li><a href="https://2017.igem.org/Team:UCSC/Project">The Project</a>
+
            <li><a href="https://2017.igem.org/Team:UCSC/Acetaminophen">Acetaminophen</a>
                            </li>
+
          </li>
 
+
          <li><a href="https://2017.igem.org/Team:UCSC/B-12">Vitamin B-12</a>
                            <li class="divider"></li>
+
        </li>
                            <li class="dropdown-submenu">
+
      </ul>
                                <a href="https://2017.igem.org/Team:UCSC/Metabolic-Engineering">
+
    </li>
                                    <span class="dropdown-toggle">Metabolic Engineering</span>
+
    <li class="dropdown-submenu">
                                </a>
+
      <a href="https://2017.igem.org/Team:UCSC/Bioreactor" class="dropdown-toggle">Bioreactor</a>
                                <ul class="dropdown-menu">
+
      <ul class="dropdown-menu">
 
+
        <li><a href="https://2017.igem.org/Team:UCSC/Bioreactor-Design">Design</a>
                                    <li><a href="https://2017.igem.org/Team:UCSC/Acetaminophen">Acetaminophen</a>
+
      </li>
                                    </li>
+
      <li><a href="https://2017.igem.org/Team:UCSC/Bioreactor-Parts">Parts</a>
                                    <li><a href="https://2017.igem.org/Team:UCSC/B-12">Vitamin B-12</a>
+
    </li>
                                    </li>
+
    <li><a href="https://2017.igem.org/Team:UCSC/Bioreactor-Implementation">Implementation</a>
 
+
  </li>
                                </ul>
+
</ul>
                            </li>
+
</li>
 
+
<li><a href="https://2017.igem.org/Team:UCSC/Modeling">Modeling</a>
                            <li class="dropdown-submenu">
+
</li>
                                <a href="https://2017.igem.org/Team:UCSC/Bioreactor" class="dropdown-toggle">Bioreactor</a>
+
<li><a href="https://2017.igem.org/Team:UCSC/Quantification">Quantification</a>
                                <ul class="dropdown-menu">
+
</li>
 
+
<li><a href="https://2017.igem.org/Team:UCSC/Results">Results</a>
                                    <li><a href="https://2017.igem.org/Team:UCSC/Bioreactor-Design">Design</a>
+
</li>
                                    </li>
+
<li><a href="https://2017.igem.org/Team:UCSC/Protocols">Protocols</a>
                                    <li><a href="https://2017.igem.org/Team:UCSC/Bioreactor-Parts">Parts</a>
+
</li>
                                    </li>
+
</ul>
                                    <li><a href="https://2017.igem.org/Team:UCSC/Bioreactor-Implementation">Implementation</a>
+
</li>
                                    </li>
+
<li class="menu-item">
 
+
<a href="https://2017.igem.org/Team:UCSC/Integrated-Human-Practices">
                                </ul>
+
<span class="dropdown-toggle">Human Practices<b class="caret"></b></span>
                            </li>
+
</a>
 
+
<ul class="dropdown-menu multi-level">
 
+
<li><a href="https://2017.igem.org/Team:UCSC/Integrated-Human-Practices">Integrated Human Practices</a>
                            <li><a href="https://2017.igem.org/Team:UCSC/Modeling">Modeling</a>
+
</li>
                            </li>
+
<li class="divider"></li>
                            <li><a href="https://2017.igem.org/Team:UCSC/Quantification">Quantification</a>
+
<li><a href="https://2017.igem.org/Team:UCSC/Safety">Safety</a>
                            </li>
+
</li>
                            <li><a href="https://2017.igem.org/Team:UCSC/Results">Results</a>
+
<li><a href="https://2017.igem.org/Team:UCSC/Collaborations">Collaborations</a>
                            </li>
+
</li>
                            <li><a href="https://2017.igem.org/Team:UCSC/Protocols">Protocols</a>
+
<li class="dropdown-submenu">
                            </li>
+
<a href="https://2017.igem.org/Team:UCSC/Outreach" class="dropdown-toggle">Outreach</a>
 
+
<ul class="dropdown-menu">
                        </ul>
+
<li><a href="https://2017.igem.org/Team:UCSC/Clinical-Correspondance">Clinical Correspondance</a>
 
+
</li>
 
+
<li><a href="https://2017.igem.org/Team:UCSC/Policy-Legality">Policy and Legality</a>
                    </li>
+
</li>
 
+
<li><a href="https://2017.igem.org/Team:UCSC/Community-Outreach">Community Outreach</a>
 
+
</li>
                    <li class="menu-item">
+
</ul>
                        <a href="https://2017.igem.org/Team:UCSC/Integrated-Human-Practices">
+
</li>
                            <span class="dropdown-toggle">Human Practices<b class="caret"></b></span>
+
<li><a href="https://2017.igem.org/Team:UCSC/Silver">Silver</a>
                        </a>
+
</li>
                        <ul class="dropdown-menu multi-level">
+
<li><a href="https://2017.igem.org/Team:UCSC/Gold">Gold</a>
 
+
</li>
                            <li><a href="https://2017.igem.org/Team:UCSC/Integrated-Human-Practices">Integrated Human Practices</a>
+
</ul>
                            </li>
+
</li>
 
+
<li class="menu-item">
                            <li class="divider"></li>
+
<a href="https://2017.igem.org/Team:UCSC/Moving-Forward">
 
+
<span class="dropdown-toggle">Moving Forward <b class="caret"></b>
                            <li><a href="https://2017.igem.org/Team:UCSC/Safety">Safety</a>
+
</a>
                            </li>
+
<ul class="dropdown-menu multi-level">
                            <li><a href="https://2017.igem.org/Team:UCSC/Collaborations">Collaborations</a>
+
<li><a href="https://2017.igem.org/Team:UCSC/Moving-Forward">Moving Forward - Home</a></li>
                            </li>
+
<li class="divider"></li>
 
+
<li><a href="https://2017.igem.org/Team:UCSC/Model-Organism">Model Organism</a></li>
                            <li class="dropdown-submenu">
+
<li><a href="https://2017.igem.org/Team:UCSC/Impact">Impact</a></li>
                                <a href="https://2017.igem.org/Team:UCSC/Outreach" class="dropdown-toggle">Outreach</a>
+
</ul>
                                <ul class="dropdown-menu">
+
</li>
 
+
<li class="menu-item">
                                    <li><a href="https://2017.igem.org/Team:UCSC/Clinical-Correspondance">Clinical Correspondance</a>
+
<a href="https://2017.igem.org/Team:UCSC/Notebook">
                                    </li>
+
<span>Notebook</span>
                                    <li><a href="https://2017.igem.org/Team:UCSC/Policy-Legality">Policy and Legality</a>
+
<span class="green-effect"></span>
                                    </li>
+
</a>
                                    <li><a href="https://2017.igem.org/Team:UCSC/Community-Outreach">Community Outreach</a>
+
</li>
                                    </li>
+
<li class="menu-item">
 
+
<a href="https://2017.igem.org/Team:UCSC/Judging">
                                </ul>
+
<span>Judging</span>
                            </li>
+
<span class="green-effect"></span>
 
+
</a>
 
+
</li>
                            <li><a href="https://2017.igem.org/Team:UCSC/Silver">Silver</a>
+
</ul>
                            </li>
+
</div>
                            <li><a href="https://2017.igem.org/Team:UCSC/Gold">Gold</a>
+
</nav>
                            </li>
+
</div>
 
+
                        </ul>
+
 
+
                    </li>
+
 
+
                    <li class="menu-item">
+
                        <a href="https://2017.igem.org/Team:UCSC/Moving-Forward">
+
                            <span class="dropdown-toggle">Moving Forward <b class="caret"></b>
+
</a>
+
<ul class="dropdown-menu multi-level">
+
 
+
<li><a href="https://2017.igem.org/Team:UCSC/Moving-Forward">Moving Forward - Home</a></li>
+
 
+
<li class="divider"></li>
+
 
+
<li><a href="https://2017.igem.org/Team:UCSC/Model-Organism">Model Organism</a></li>
+
<li><a href="https://2017.igem.org/Team:UCSC/Impact">Impact</a></li>
+
 
+
</ul>
+
</li>
+
 
+
 
+
 
+
<li class="menu-item">
+
<a href="https://2017.igem.org/Team:UCSC/Notebook">
+
<span>Notebook</span>
+
                            <span class="green-effect"></span>
+
                        </a>
+
                    </li>
+
 
+
 
+
                    <li class="menu-item">
+
                        <a href="https://2017.igem.org/Team:UCSC/Judging">
+
                            <span>Judging</span>
+
                            <span class="green-effect"></span>
+
                        </a>
+
                    </li>
+
                </ul>
+
            </div>
+
    </nav>
+
    </div>
+
 
</html>
 
</html>
 
{{scroll}}
 
{{scroll}}

Revision as of 03:19, 16 August 2017