Difference between revisions of "Template:BostonU WL"

(Created page with "<html> <head> <link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'> <!-- Latest compiled and minified CSS --> <link rel="stylesh...")
 
 
(8 intermediate revisions by one other user not shown)
Line 1: Line 1:
<html>
+
<html lang="en-US">
 
+
  
 
<head>
 
<head>
Line 16: Line 15:
 
</script>
 
</script>
  
 +
</head>
  
  
Line 21: Line 21:
  
  
 +
 +
<head>
 +
<style>
 +
 +
#sideMenu, #top_title {display:none;}
 +
body {background-color:white; }
 +
#content { padding:0px; width:100%; margin-top:0px; margin-left:0px;}
 +
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
 +
 +
body {
 +
width:1350px;
 +
margin:0 auto;
 +
}
 +
 +
 +
 +
#ulist {
 +
    list-style-type: none;
 +
    margin: 0;
 +
    padding: 0;
 +
    overflow: hidden;
 +
    font-size:90%;
 +
    background-color: #0071A7;
 +
    color:white;
 +
}
 +
 +
#lists {
 +
float:right;
 +
padding:0;
 +
 +
}
 +
 +
.dropbtn {
 +
    display: inline-block;
 +
    color: white;
 +
    text-align: center;
 +
    padding: 20px 20px;
 +
    text-decoration: none;
 +
    width:145px;
 +
}
 +
 +
a:visited { color:white;}
 +
 +
.dropdown:hover .dropbtn {
 +
    background-color: white;
 +
    color: #0071A7;
 +
    width:145px;
 +
    text-decoration: none;
 +
}
 +
 +
li.dropdown {
 +
    display: inline-block;
 +
}
 +
 +
.dropdown-content {
 +
    display: none;
 +
    position: absolute;
 +
    background-color: white;
 +
    width: 145px;
 +
    box-shadow: 10px 8px 16px 10px rgba(0,0,0,0.2);
 +
}
 +
 +
.dropdown-content a {
 +
    color: black;
 +
    padding: 12px 16px;
 +
    text-decoration: none;
 +
    display: block;
 +
    text-align: left;
 +
}
 +
 +
.dropdown-content a:hover {background-color: #f1f1f1}
 +
 +
.dropdown:hover .dropdown-content {
 +
    display: block;
 +
}
 +
 +
 +
 +
</style>
 
</head>
 
</head>
 +
<body>
 +
2
 +
<ul id = "ulist">
 +
 +
    <li id = "lists">
 +
    <a href="#" class="dropbtn"></a>
 +
    <div class="dropdown-content">
 +
    </div>
 +
  </li>
 +
 +
 +
    <li id = "lists" class="dropdown">
 +
    <a href="#" class="dropbtn">Attributions</a>
 +
    <div class="dropdown-content">
 +
      <a style = "color:#0071A7;" href="https://2016.igem.org/Team:BostonU/Team">Team</a>
 +
      <a style = "color:#0071A7;" href="https://2016.igem.org/Team:BostonU/Attributions">Attributions</a>
 +
      <a style = "color:#0071A7;" href="https://2016.igem.org/Team:BostonU/Sponsors">Sponsors</a>
 +
    </div>
 +
  </li>
 +
 +
    <li id = "lists" class="dropdown">
 +
    <a href="#" class="dropbtn">Judging</a>
 +
    <div class="dropdown-content">
 +
      <a style = "color:#0071A7;" href="file:///C:/Users/William/Desktop/Wiki%20Stuff/Bio_page.htm">Medal Requirements</a>
 +
      <a style = "color:#0071A7;" href="file:///C:/Users/William/Desktop/Wiki%20Stuff/Bio_page.htm">Awards</a>
 +
    </div>
 +
  </li>
 +
  <li id = "lists" class="dropdown">
 +
    <a href="#" class="dropbtn">Engagement</a>
 +
    <div class="dropdown-content">
 +
      <a style = "color:#0071A7;" href="file:///C:/Users/William/Desktop/Wiki%20Stuff/Bio_page.htm">Outreach</a>
 +
      <a style = "color:#0071A7;" href="file:///C:/Users/William/Desktop/Wiki%20Stuff/Bio_page.htm">Visits</a>
 +
      <a style = "color:#0071A7;" href="file:///C:/Users/William/Desktop/Wiki%20Stuff/Bio_page.htm">Collaboration</a>
 +
    </div>
 +
  </li>
 +
  <li id = "lists" class="dropdown">
 +
    <a href="#" class="dropbtn">Human Practices</a>
 +
    <div class="dropdown-content">
 +
      <a style = "color:#0071A7;" href="file:///C:/Users/William/Desktop/Wiki%20Stuff/Bio_page.htm">HP Overview</a>
 +
      <a style = "color:#0071A7;" href="file:///C:/Users/William/Desktop/Wiki%20Stuff/Bio_page.htm">Project 1</a>
 +
      <a style = "color:#0071A7;" href="file:///C:/Users/William/Desktop/Wiki%20Stuff/Bio_page.htm">Project 2</a>
 +
      <a style = "color:#0071A7;" href="file:///C:/Users/William/Desktop/Wiki%20Stuff/Bio_page.htm">Safety</a>
 +
    </div>
 +
  </li>
 +
  <li id = "lists" class="dropdown">
 +
    <a href="#" class="dropbtn">Project</a>
 +
    <div class="dropdown-content">
 +
      <a style = "color:#0071A7;" href="file:///C:/Users/William/Desktop/Wiki%20Stuff/Bio_page.htm">Overview</a>
 +
      <a style = "color:#0071A7;" href="file:///C:/Users/William/Desktop/Wiki%20Stuff/Bio_page.htm">Methods</a>
 +
      <a style = "color:#0071A7;" href="file:///C:/Users/William/Desktop/Wiki%20Stuff/Bio_page.htm">Results</a>
 +
      <a style = "color:#0071A7;" href="file:///C:/Users/William/Desktop/Wiki%20Stuff/Bio_page.htm">Parts</a>
 +
      <a style = "color:#0071A7;" href="file:///C:/Users/William/Desktop/Wiki%20Stuff/Bio_page.htm">Notebook</a>
 +
    </div>
 +
  </li>
 +
  <li id = "lists" class="dropdown">
 +
    <a href="https://2016.igem.org/Team:BostonU" class="dropbtn">Home</a>
 +
  </li>
 +
</ul>
 +
  
< li class="menu_item">
 
    < a href="https://2016.igem.org/Team:BostonU"> BostonU < /a>
 
< /li>
 
  
<li class="menu_item"> <div class="icon plus"></div> BostonU
 
  
    <ul class="submenu">
 
  
      <li> <a href="https://2016.igem.org/Team:BostonU/Project"> Project </a></li>
 
      <li> <a href="https://2016.igem.org/Team:BostonU/Description"> Description </a></li>
 
      <li> <a href="https://2016.igem.org/Team:BostonU/Results"> Results </a></li>
 
      <li> <a href="https://2016.igem.org/Team:BostonU/Parts"> Parts </a></li>
 
      <li> <a href="https://2016.igem.org/Team:BostonU/Notebook"> Notebook </a></li>
 
  </ul>
 
</li>
 
  
  
Line 135: Line 261:
  
  
 
 
 
/* Header */
 
 
.header {
 
    display: table;
 
    position: relative;
 
    width: 100%;
 
    height: 1000px;
 
    background: url('https://static.igem.org/mediawiki/2016/8/8e/BUHW2016_skyline.png') no-repeat center center scroll;
 
    background-size: 100% 100%;
 
 
}
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
/* Header Navbar */
 
 
.navbar-default {
 
    background-color: white;
 
    border-color: rgba(34, 34, 34, 0.05);
 
    font-family: OpenSans, 'Helvetica Neue', Arial, sans-serif;
 
    -webkit-transition: all 0.35s;
 
    -moz-transition: all 0.35s;
 
    transition: all 0.35s;
 
}
 
 
.navbar-default .navbar-header .navbar-brand {
 
    color:#222222;
 
    font-family:  'Open Sans', sans-serif, 'Helvetica Neue', Arial, sans-serif;
 
    font-weight: 700;
 
    text-transform: uppercase;
 
}
 
 
.navbar-default .navbar-header .navbar-brand:hover,
 
.navbar-default .navbar-header .navbar-brand:focus {
 
    color: #222222;
 
}
 
 
.navbar-default .nav > li > a,
 
.navbar-default .nav > li > a:focus {
 
    text-transform: uppercase;
 
    font-weight: 700;
 
    font-size: 13px;
 
    color: #222222;
 
}
 
 
.navbar-default .nav > li > a:hover,
 
.navbar-default .nav > li > a:focus:hover {
 
    color: #c0392b;
 
}
 
 
.navbar-default .nav > li.active > a,
 
.navbar-default .nav > li.active > a:focus {
 
    color: #222222 !important;
 
    background-color: transparent;
 
}
 
 
.navbar-default .nav > li.active > a:hover,
 
.navbar-default .nav > li.active > a:focus:hover {
 
    background-color: transparent;
 
}
 
 
@media (min-width: 768px) {
 
  .navbar-default {
 
      background-color: transparent;
 
      border-color: rgba(255, 255, 255, 0.3);
 
  }
 
  .navbar-default .navbar-header .navbar-brand {
 
      color: rgba(255, 255, 255, 0.7);
 
  }
 
  .navbar-default .navbar-header .navbar-brand:hover,
 
  .navbar-default .navbar-header .navbar-brand:focus {
 
      color: white;
 
  }
 
  .navbar-default .nav > li > a,
 
  .navbar-default .nav > li > a:focus {
 
      color: rgba(255, 255, 255, 0.7);
 
  }
 
  .navbar-default .nav > li > a:hover,
 
  .navbar-default .nav > li > a:focus:hover {
 
      color: white;
 
  }
 
  .navbar-default.affix {
 
      background-color: white;
 
      border-color: rgba(34, 34, 34, 0.05);
 
  }
 
  .navbar-default.affix .navbar-header .navbar-brand {
 
      color: #222222;
 
      font-size: 18px;
 
  }
 
  .navbar-default.affix .navbar-header .navbar-brand:hover,
 
  .navbar-default.affix .navbar-header .navbar-brand:focus {
 
      color: #222222;
 
  }
 
  .navbar-default.affix .nav > li > a,
 
  .navbar-default.affix .nav > li > a:focus {
 
      color: #222222;
 
  }
 
  .navbar-default.affix .nav > li > a:hover,
 
  .navbar-default.affix .nav > li > a:focus:hover {
 
      color: #222222;
 
  }
 
}
 
#mainNav {
 
  margin-top:15px;
 
  transition:background-color .52s ease
 
}
 
 
 
ul.nav li.dropdown:hover > ul.dropdown-menu {
 
    display: block;   
 
}
 
 
 
  
 
section {
 
section {
Line 280: Line 276:
  
 
<body>
 
<body>
 
 
 
<nav id="mainNav" class="navbar navbar-default navbar-fixed-top">
 
    <div class="container-fluid">
 
            <!-- Brand and toggle get grouped for better mobile display -->
 
        <div class="navbar-header">
 
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
 
                <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 page-scroll" href="https://2016.igem.org/Team:BostonU_HW">BU HW 2016</a>
 
        </div>
 
       
 
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
 
            <ul class="nav navbar-nav navbar-right">
 
 
                <li class="dropdown">
 
                    <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://2016.igem.org/Team:BostonU_HW/Team">Us</a></li>
 
                        <li><a href="https://2016.igem.org/Team:BostonU_HW/Collaborations">Collaborations</a></li>
 
                    </ul>
 
                </li>
 
 
                <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><a href="https://2016.igem.org/Team:BostonU_HW/Description">Overview</a></li>
 
                        <li><a href="https://2016.igem.org/Team:BostonU_HW/Results">Results</a></li>
 
                        <li><a href="https://2016.igem.org/Team:BostonU_HW/Demonstrate">Project Build</a></li>
 
                        <li><a href="https://2016.igem.org/Team:BostonU_HW/Proof">Application</a></li>
 
                        <li><a href="https://2016.igem.org/Team:BostonU_HW/Design">Documentation</a></li>
 
                        <li role="separator" class="divider"></li>
 
                        <li><a href="https://2016.igem.org/Team:BostonU_HW/Attributions">Attributions</a></li>
 
                    </ul>
 
                </li>
 
 
                <li class="dropdown">
 
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Notebook <span class="caret"></span></a>
 
                    <ul class="dropdown-menu">
 
                        <li><a href="https://2016.igem.org/Team:BostonU_HW/Notebook">Timeline</a></li>
 
                        <li><a href="https://2016.igem.org/Team:BostonU_HW/Experiments">Experiments</a></li>
 
                        <li><a href="https://2016.igem.org/Team:BostonU_HW/Safety">Safety</a></li>
 
                    </ul>
 
                </li>
 
                <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://2016.igem.org/Team:BostonU_HW/Human_Practices">Overview</a></li>
 
                        <li><a href="https://2016.igem.org/Team:BostonU_HW/HP/Silver">Silver</a></li>
 
                        <li><a href="https://2016.igem.org/Team:BostonU_HW/HP/Gold">Gold</a></li>
 
                        <li><a href="https://2016.igem.org/Team:BostonU_HW/Integrated_Practices">Integrated Practices</a></li>
 
                        <li><a href="https://2016.igem.org/Team:BostonU_HW/Engagement">Engagement</a></li>
 
                    </ul>
 
                </li>
 
                <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://2016.igem.org/Team:BostonU_HW/Hardware">Hardware</a></li>
 
                        <li><a href="https://2016.igem.org/Team:BostonU_HW/Software">Software</a></li>
 
                        <li><a href="https://2016.igem.org/Team:BostonU_HW/Entrepreneurship">Entrepreneurship</a></li>
 
                        <li><a href="https://2016.igem.org/Team:BostonU_HW/Measurement">Measurement</a></li>
 
                        <li><a href="https://2016.igem.org/Team:BostonU_HW/Model">Model</a></li>
 
                    </ul>
 
                </li>
 
            </ul>
 
        </div>
 
            <!-- /.navbar-collapse -->
 
    </div>
 
        <!-- /.container-fluid -->
 
</nav>
 
 
 
 
 
 
 
 
 
 
  
 
      
 
      

Latest revision as of 20:55, 19 July 2016

2