Difference between revisions of "Template:UFlorida/Menu"

 
(129 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'
+
  <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600' rel='stylesheet' type='text/css'>
−
rel='stylesheet' type='text/css'>
+
 
   <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>
 
   <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">
 
   <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>
 
   <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
−
 
 
</head>
 
</head>
  
  
−
<!---STYLE---!>
+
<!-- STYLE -->
 
<style>
 
<style>
−
#sideMenu, #top_title {display:none; }
+
  #sideMenu,
−
#content { padding:0px; width:90%; margin-top:-7px; margin-left:5%; margin-right: 5% }
+
  #top_title {
−
body {background-color:white; }
+
    display: none;
−
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px;
+
  }
  
 +
  #content {
 +
    padding: 0px;
 +
    width: 90%;
 +
    margin-top: -7px;
 +
    margin-left: 5%;
 +
    margin-right: 5%;
 +
  }
  
−
@charset "UTF-8";
+
  body {
−
@import url(font-awesome.min.css);
+
    background-color: white;
−
@import "https://fonts.googleapis.com/css?family=Raleway:100,300,600";
+
  }
  
−
/* Banner */
+
  #bodyContent h1,
 +
  #bodyContent h2,
 +
  #bodyContent h3,
 +
  #bodyContent h4,
 +
  #bodyContent h5 {
 +
    margin-bottom: 0px;
 +
  }
  
−
#banner {
+
  .top-banner {
−
padding: 12em 0 10em 0;
+
    width:100%;
−
background-image: url('https://static.igem.org/mediawiki/2017/2/2f/UFlorida_Home_Pic.jpg');
+
    height: 250px;
−
background-size: cover;
+
    background-image: url("https://static.igem.org/mediawiki/2017/8/8c/Frogs2.jpg");
−
background-position: top;
+
    background-size: 100% 100%;
−
background-attachment: fixed;
+
    background-repeat: no-repeat;
−
background-repeat: no-repeat;
+
  }
−
text-align: center;
+
</style>
−
+
−
}
+
  
−
#banner h1 {
 
−
font-size: 3.5em;
 
−
font-weight: 100;
 
−
color: #fff;
 
−
line-height: 1em;
 
−
margin: 0 0 0.5em 0;
 
−
padding: 0;
 
−
}
 
  
−
#banner p {
+
<!-- Body -->
−
font-size: 1em;
+
−
color: rgba(255, 255, 255, 0.55);
+
−
margin-bottom: 1.75em;
+
−
}
+
  
−
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
+
<body>
  
−
#banner {
+
  <div class="top-banner">
−
background-attachment: scroll;
+
    <!-- Whatever -->
−
}
+
  </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>
  
−
@media screen and (max-width: 1280px) {
+
      <div id="navbar" class="navbar-collapse collapse">
 +
        <ul class="nav navbar-nav">
  
−
#banner {
+
          <!--index-->
−
padding: 10em 2em 8em 2em;
+
−
}
+
  
−
}
+
          <li class="active"><a href="https://2017.igem.org/Team:UFlorida">Home</a></li>
  
−
@media screen and (max-width: 980px) {
+
          <!--team-->
 +
          <li class="dropdown">
  
−
#banner {
+
            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Team<span class="caret"></span></a>
−
background-attachment: scroll;
+
−
}
+
  
−
}
+
            <ul class="dropdown-menu">
  
−
@media screen and (max-width: 736px) {
+
              <li><a href="https://2017.igem.org/Team:UFlorida/Team">Team</a></li>
  
−
#banner {
+
              <li><a href="https://2017.igem.org/Team:UFlorida/Collaborations">Collaborations</a></li>
−
padding: 8em 1.5em 6em 1.5em;
+
              <li><a href="https://2017.igem.org/Team:UFlorida/Attributions">Attributions</a></li>
−
}
+
  
−
#banner h1 {
 
−
font-size: 2.5em;
 
−
}
 
  
−
#banner p {
+
            </ul>
−
font-size: .9em;
+
          </li>
−
}
+
  
−
}
 
  
−
@media screen and (max-width: 480px) {
+
          <!--project-->
 +
          <li class="dropdown">
  
−
#banner {
+
            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Project<span class="caret"></span></a>
−
padding: 6em 1.5em 4em 1.5em;
+
−
}
+
  
−
}
+
            <ul class="dropdown-menu">
  
 +
              <li><a href="https://2017.igem.org/Team:UFlorida/Description">Description</a></li>
  
−
</style>
+
              <li><a href="https://2017.igem.org/Team:UFlorida/Design">Design</a></li>
−
<body>
+
−
<!-- Banner -->
+
−
<section id="banner">
+
−
<h1></h1>
+
−
<p></p>
+
−
</section>
+
  
 +
              <li><a href="https://2017.igem.org/Team:UFlorida/Experiments">Experiments</a></li>
  
 +
              <li><a href="https://2017.igem.org/Team:UFlorida/Notebook">Notebook</a></li>
  
−
<!--BODY---!>
+
              <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>
 +
            </ul>
 +
          </li>
  
−
<div style="margin-top:100px"></div>
 
−
<div class="container">
 
−
<nav class="navbar navbar-default navbar-fixed-top">
 
−
        <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>
+
          <!--parts-->
 +
          <li class="dropdown">
  
−
        <div id="navbar" class="navbar-collapse collapse">
+
            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Parts<span class="caret"></span></a>
−
        <ul class="nav navbar-nav">
+
  
−
<!--index-->
+
            <ul class="dropdown-menu">
−
            <li class="active"><a href="https://2017.igem.org/Team:UFlorida">Home</a></li>
+
              <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>
  
−
<!--team-->
+
            </ul>
−
                        <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>
+
−
                <ul class="dropdown-menu">
+
−
                    <li><a href="https://2017.igem.org/Team:UFlorida/Team">Team</a></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>
+
  
 +
          <!--human practices-->
 +
          <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>
  
−
<!--project-->
+
        </ul>
−
                <li class="dropdown">
+
      </div>
−
                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Project<span class="caret"></span></a>
+
    </div>
−
                <ul class="dropdown-menu">
+
  </nav>
−
                    <li><a href="https://2017.igem.org/Team:UFlorida/Description">Description</a></li>
+
−
                    <li><a href="https://2017.igem.org/Team:UFlorida/Design">Design</a></li>
+
−
                    <li><a href="https://2017.igem.org/Team:UFlorida/Experiments">Experiments</a></li>
+
−
                    <li><a href="https://2017.igem.org/Team:UFlorida/Notebook">Notebook</a></li>
+
−
                    <li><a href="https://2017.igem.org/Team:UFlorida/InterLab">InterLab</a></li>
+
−
                    <li><a href="https://2017.igem.org/Team:UFlorida/Contribution">Contribution</a></li>
+
−
                    <li><a href="https://2017.igem.org/Team:UFlorida/Model">Model</a></li>
+
−
                    <li><a href="https://2017.igem.org/Team:UFlorida/Results">Results</a></li>
+
−
                    <li><a href="https://2017.igem.org/Team:UFlorida/Demonstrate">Demonstrate</a></li>
+
−
                    <li><a href="https://2017.igem.org/Team:UFlorida/Improve">Improve</a></li>
+
−
                   
+
−
                  </ul>
+
−
                </li>
+
  
 +
<div class="container">
 +
  <!-- Rest of the page -->
 +
</div>
  
−
<!--parts-->
+
</body>
−
<li class="dropdown">
+
−
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Parts<span class="caret"></span></a>
+
−
                  <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>
+
−
                                                        <li><a href="https://2017.igem.org/Team:UFlorida/Composite_Part">Composite Parts</a></li>
+
−
                                                        <li><a href="https://2017.igem.org/Team:UFlorida/Part_Collection">Part Collection</a></li>
+
−
                  </ul>
+
−
                </li>
+
  
−
 
+
</html>
−
<!--safety-->
+
−
                <li><a href="https://2017.igem.org/Team:UFlorida/Safety">Safety</a></li>
+
−
 
+
−
<!--Fun Facts-->
+
−
                <li><a href="https://2017.igem.org/Team:UFlorida/FunFacts">Fun Facts</a></li>
+
−
 
+
−
 
+
−
 
+
−
<!--human practices-->
+
−
<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/HP/Gold_Integrated">Integrated and Gold</a></li>
+
−
<li><a href="https://2017.igem.org/Team:UFlorida/Engagement">Public Engagement</a></li>
+
−
</ul>
+
−
</li>
+
−
 
+
−
 
+
−
 
+
−
<!--awards-->
+
−
<li class="dropdown">
+
−
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Awards<span class="caret"></span></a>
+
−
<ul class="dropdown-menu">
+
−
<li><a href="https://2017.igem.org/Team:UFlorida/Applied_Design">Applied Design</a></li>
+
−
<li><a href="https://2017.igem.org/Team:UFlorida/Entrepreneurship">Entrepreneurship</a></li>
+
−
<li><a href="https://2017.igem.org/Team:UFlorida/Hardware">Hardware</a></li>
+
−
<li><a href="https://2017.igem.org/Team:UFlorida/Measurement">Measurement</a></li>
+
−
<li><a href="https://2017.igem.org/Team:UFlorida/Model">Model</a></li>
+
−
<li><a href="https://2017.igem.org/Team:UFlorida/Plant">Plant</a></li>
+
−
<li><a href="https://2017.igem.org/Team:UFlorida/Software">Software</a></li>
+
−
</ul>
+
−
</li>
+
−
            </ul>
+
−
        </div>
+
−
</div>
+
−
</nav>
+
−
<!--NAVBAR END-->
+
−
</div> <!--END container-->
+
−
</body>
+

Latest revision as of 23:15, 1 November 2017