Difference between revisions of "Template:UFlorida/Menu2"

 
(43 intermediate revisions by the same user not shown)
Line 2: Line 2:
  
 
<head>
 
<head>
 +
  <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600' rel='stylesheet' type='text/css'>
 +
  <script src="http://code.jquery.com/jquery-2.1.0.min.js"></script>
 +
  <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">
 +
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
 +
</head>
  
−
<!-- External scripts -->
 
−
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
 
−
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script>
 
−
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
 
−
 
−
  <style>
 
−
 
−
 
−
#sideMenu, #top_title {display:none;}
 
−
#content { padding:0px; width:90%; margin-top:-7px; margin-left:5%;, margin-right: 5%}
 
−
body {background-color:white; }
 
−
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
 
  
 +
<!-- STYLE -->
 
<style>
 
<style>
−
    body,
+
  #sideMenu,
−
    html{
+
  #top_title {
−
      margin: 0;
+
    display: none;
−
      padding:0;
+
  }
−
      font-family: font-family: 'Yanone Kaffeesatz', sans-serif;
+
−
    }
+
  
−
    /* REMOVE UNWANTED ELEMENTS AND STYLE OTHERS */
+
  #content {
−
    .firstHeading{
+
     padding: 0px;
−
      display:none;
+
     width: 90%;
−
    }
+
     margin-top: -7px;
−
    #top-section{
+
     margin-left: 5%;
−
      background:#48af5d;
+
     margin-right: 5%;
−
      margin-left:0 !important;
+
   }
−
      width:100%;
+
−
      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{
+
−
      background-color:#258ecd;
+
−
      cursor: pointer;
+
−
    }
+
−
    .subselected{
+
−
      background-color: #258ecd;
+
−
    }
+
−
 
+
−
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: 'Open Sans', Arial;;
+
−
}
+
−
 
+
−
body
+
−
{
+
−
    font-family: 'Open Sans', Arial;
+
−
}
+
−
 
+
−
h2 {
+
−
  color:green;
+
−
}
+
−
 
+
−
h4 {
+
−
    font-weight: bold;
+
−
}
+
−
 
+
−
.menu-item{
+
−
  height: 75px;
+
−
}
+
−
 
+
−
.logo {
+
−
margin-top: 100px;
+
−
 
+
−
}
+
−
 
+
−
a:hover .green-effect{
+
−
  display: inherit;
+
−
}
+
−
 
+
−
dropdown-toggle {
+
−
width: 10%;
+
−
 
+
−
 
+
−
 
+
−
}
+
  
 +
  body {
 +
    background-color: white;
 +
  }
  
 +
  #bodyContent h1,
 +
  #bodyContent h2,
 +
  #bodyContent h3,
 +
  #bodyContent h4,
 +
  #bodyContent h5 {
 +
    margin-bottom: 0px;
 +
  }
 
</style>
 
</style>
  
  
−
</head>
+
<!-- Body -->
  
 
<body>
 
<body>
−
 
−
 
−
<div class="navbar navbar-fixed-top" style="margin-top:15px">
 
−
  <nav class="navbar-inner">
 
−
 
 
−
  <div class="row-sm-height">
 
−
<button type="button" class="navbar-toggle" data-toggle="collapse">
 
−
<span class="icon-bar"></span>
 
−
        <span class="icon-bar"></span>
 
−
        <span class="icon-bar"></span>                       
 
−
      </button>
 
 
    
 
    
−
  <div class="col-sm-2"><a href="https://2017.igem.org/Team:UFlorida"><img class="img-circle" src="https://static.igem.org/mediawiki/2017/6/69/Gators.png" height="60" width="auto" ></a></div>
+
<nav class="navbar navbar-static-top navbar-default">
 +
    <div class="navbar-header">
 +
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
 +
                  <span class="sr-only">Toggle navigation</span>
 +
                  <span class="icon-bar"></span>
 +
                  <span class="icon-bar"></span>
 +
                  <span class="icon-bar"></span>
 +
              </button>
  
 +
      <a class="navbar-brand" id="Team Home Page" href="https://2017.igem.org/Team:UFlorida">UFlorida</a>
  
−
+
      <div id="navbar" class="navbar-collapse collapse">
−
  <div class="col-md-10" >
+
        <ul class="nav navbar-nav">
−
      <ul class="nav navbar-nav" style="margin-top:10px">
+
−
<li>
+
−
    <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+
  
−
                Team<b class="caret"></b>           
+
          <!--index-->
−
</a>
+
−
                    <ul class="dropdown-menu multi-level">
+
−
                        <li><a href="https://2017.igem.org/Team:UFlorida/Team">About Us </a></li>
+
−
                        <li><a href="https://2016.igem.org/Team:Sydney_Australia/Attributions">Attributions </a></li>
+
−
                   
+
−
                    </ul>
+
−
                </li>
+
  
 +
          <li class="active"><a href="https://2017.igem.org/Team:UFlorida">Home</a></li>
  
 +
          <!--team-->
 +
          <li class="dropdown">
  
−
<li>
+
            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Team<span class="caret"></span></a>
−
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">Project <b class="caret"></b></a>
+
−
                    <ul class="dropdown-menu multi-level"  >
+
−
+
−
<li><a href="https://2016.igem.org/Team:Sydney_Australia/ProjectHome">Project- Home</a></li>
+
−
<li class="divider"></li>
+
−
              <li><a href="https://2016.igem.org/Team:Sydney_Australia/Safety">Safety</a></li>
+
−
                        <li><a href="https://2016.igem.org/Team:Sydney_Australia/Sense">Sense</a></li>
+
−
                        <li><a href="https://2016.igem.org/Team:Sydney_Australia/Express">Express</a></li>
+
−
             
+
−
                 
+
−
                        <li class="dropdown-submenu">
+
−
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">Keep Fresh</a>
+
−
                            <ul class="dropdown-menu">
+
−
                                <li><a href="https://2016.igem.org/Team:Sydney_Australia/Design">Applied Design</a></li>
+
−
                             
+
−
                                <li><a href="https://2016.igem.org/Team:Sydney_Australia/Entrepreneurship">Business Plan</a></li>
+
−
                            </ul>
+
−
                        </li>
+
  
−
                          <li><a href="https://2016.igem.org/Team:Sydney_Australia/Notebook">Notebook</a></li>
+
            <ul class="dropdown-menu">
−
                        <li><a href="https://2016.igem.org/Team:Sydney_Australia/Interlab">Interlab</a></li>
+
−
<li><a href=" https://2016.igem.org/Team:Sydney_Australia/Protocols">Protocols</a></li>
+
−
                    </ul>
+
  
 +
              <li><a href="https://2017.igem.org/Team:UFlorida/Team">Team</a></li>
  
−
                </li>
+
              <li><a href="https://2017.igem.org/Team:UFlorida/Collaborations">Collaborations</a></li>
 +
              <li><a href="https://2017.igem.org/Team:UFlorida/Attributions">Attributions</a></li>
  
  
 +
            </ul>
 +
          </li>
  
  
 +
          <!--project-->
 +
          <li class="dropdown">
  
−
     
+
            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Project<span class="caret"></span></a>
  
 +
            <ul class="dropdown-menu">
  
−
        <li>
+
              <li><a href="https://2017.igem.org/Team:UFlorida/Description">Description</a></li>
−
    <a href="https://2016.igem.org/Team:Sydney_Australia/Human_Practices" class="dropdown-toggle" data-toggle="dropdown">
+
  
−
                Human Practices<b class="caret"></b>           
+
              <li><a href="https://2017.igem.org/Team:UFlorida/Design">Design</a></li>
−
</a>
+
−
                    <ul class="dropdown-menu multi-level">
+
−
<li><a href="https://2016.igem.org/Team:Sydney_Australia/Human_Practices">Human Practices - Summary</a></li>
+
−
<li class="divider"></li>
+
−
                        <li><a href="https://2016.igem.org/Team:Sydney_Australia/Integrated_Practices">Integrated Human Practices</a></li>
+
−
                        <li><a href="https://2016.igem.org/Team:Sydney_Australia/Engagement">Outreach</a></li>
+
−
<li><a href="https://2016.igem.org/Team:Sydney_Australia/TOK">Theory of Knowledge</a></li>
+
−
                     
+
−
                    </ul>
+
−
                </li>
+
  
 +
              <li><a href="https://2017.igem.org/Team:UFlorida/Experiments">Experiments</a></li>
  
−
        <li class="menu-item">
+
              <li><a href="https://2017.igem.org/Team:UFlorida/Notebook">Notebook</a></li>
−
          <a href="https://2016.igem.org/Team:Sydney_Australia/Collaboration">
+
−
            <span>Collaboration</span>
+
−
            <span class="green-effect"></span>
+
−
          </a>
+
−
</li>
+
  
−
   
+
              <li><a href="https://2017.igem.org/Team:UFlorida/InterLab">InterLab</a></li>
  
−
+
              <li><a href="https://2017.igem.org/Team:UFlorida/Results">Results</a></li>
  
−
                <li>
 
−
             
 
  
−
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+
            </ul>
 +
          </li>
  
−
                Modelling <b class="caret"></b>           
 
−
</a>
 
−
                    <ul class="dropdown-menu multi-level">
 
−
                          <li><a href="https://2016.igem.org/Team:Sydney_Australia/Model">Modelling - Home</a></li>
 
−
<li class="divider"></li>
 
−
                        <li><a href="https://2016.igem.org/Team:Sydney_Australia/ProteinModel1">Protein Modelling <br> Etnr1</a></li>
 
−
                        <li><a href="https://2016.igem.org/Team:Sydney_Australia/ProteinModel2">Protein Modelling <br> Etnr2</a></li>
 
−
                        <li><a href="https://2016.igem.org/Team:Sydney_Australia/InternalCellular">Internal Cellular Model</a></li>
 
−
                       
 
−
                        <li><a href="https://2016.igem.org/Team:Sydney_Australia/MacroscopicDiffusion">Macroscopic Diffusion Model</a></li>
 
−
                     
 
−
                     
 
−
                    </ul>
 
−
                </li>
 
  
−
      <li>
+
          <!--parts-->
 +
          <li class="dropdown">
  
−
  <li>
+
            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Parts<span class="caret"></span></a>
−
             
+
  
−
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+
            <ul class="dropdown-menu">
 +
              <li><a href="https://2017.igem.org/Team:UFlorida/Parts">Parts</a></li>
 +
              <li><a href="https://2017.igem.org/Team:UFlorida/Basic_Part">Basic Parts</a></li>
  
−
                Software <b class="caret"></b>              
+
             </ul>
−
</a>
+
          </li>
−
                    <ul class="dropdown-menu multi-level">
+
−
                      <li><a href="https://2016.igem.org/Team:Sydney_Australia/Software">Software - Home</a></li>
+
−
<li class="divider"></li>
+
−
                        <li><a href="https://2016.igem.org/Team:Sydney_Australia/Primers">Primer Design App</a></li>
+
−
                        <li><a href="https://2016.igem.org/Team:Sydney_Australia/SmartPhone">SmartPhone App </a></li>
+
−
                     
+
−
                     
+
−
                     
+
−
                    </ul>
+
−
                </li>
+
  
−
  <li>
+
          <!--human practices-->
−
    <a href="https://2016.igem.org/Team:Sydney_Australia/Achievements" class="dropdown-toggle" data-toggle="dropdown">
+
          <li class="dropdown">
 +
            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Human Practices<span
 +
                                          class="caret"></span></a>
 +
            <ul class="dropdown-menu">
 +
              <li><a href="https://2017.igem.org/Team:UFlorida/HP/Silver">Silver HP</a></li>
 +
              <li><a href="https://2017.igem.org/Team:UFlorida/Engagement">Public Engagement</a></li>
 +
            </ul>
 +
          </li>
  
−
                Achievements<b class="caret"></b>            
+
        </ul>
−
</a>
+
      </div>
−
                    <ul class="dropdown-menu multi-level">
+
    </div>
−
                        <li><a href="https://2016.igem.org/Team:Sydney_Australia/Parts"> Parts</a></li>
+
  </nav>
−
                        <li><a href="https://2016.igem.org/Team:Sydney_Australia/Medals">Medals</a></li>
+
  
−
                   
+
<div class="container">
−
                    </ul>
+
  <!-- Rest of the page -->
−
                </li>
+
−
 
+
−
 
+
−
 
+
−
      </ul>
+
−
</div>
+
−
  </nav>
+
 
</div>
 
</div>
  
 +
</body>
  
−
<html>
+
</html>

Latest revision as of 01:50, 2 November 2017