Difference between revisions of "Team:BostonU/Demonstrate"

(Replaced content with "{{BU17_template_global}} {{BU17_template_menubar}}")
Line 1: Line 1:
−
{{BU17_template_global}}
+
<html>
−
{{BU17_template_menubar}}
+
<head>
 +
<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.2.1.min.js"></script>
 +
<style>
 +
#top_menu_inside ul li > a { /* RECOLORS IGEM MENU */
 +
color: #a9a9a9 !important;
 +
}
 +
.narrow-heading-type {
 +
font-family: Arial Narrow, sans-serif;
 +
letter-spacing: 4;
 +
font-size: 100%;
 +
text-align: center;
 +
text-decoration: none !important;
 +
text-transform: uppercase;
 +
font-weight: bold;
 +
text-rendering: geometricPrecision;
 +
-webkit-font-smoothing: antialiased;
 +
font-smoothing: antialiased;
 +
}
 +
.wordmark img {
 +
vertical-align: sub;
 +
width: 200px;
 +
margin-left: 5%;
 +
margin-right: 50px;
 +
}
 +
#menuwrap {
 +
margin: 0 auto; max-width: 960px;
 +
height: 100px;
 +
}
 +
.dropbtn {
 +
text-decoration: none !important;
 +
}
 +
#menubartable {
 +
border: 0;
 +
background: #F8F9F9;
 +
list-style-type: none;
 +
white-space: nowrap;
 +
z-index: 10;
 +
position: fixed;
 +
width: 100%;
 +
padding-top: 100px;
 +
margin-top: -80px;
 +
padding-left: 3000px;
 +
margin-left: -3000px;
 +
padding-right: 3000px;
 +
margin-right: -3000px;
 +
}
 +
#menubartable li {
 +
display: table-cell;
 +
}
 +
li .menuitem, .dropbtn {
 +
color: #a9a9a9 !important;
 +
background: #F8F9F9;
 +
display: table-cell;
 +
vertical-align: middle;
 +
padding: 20px 15px;
 +
}
 +
.dropdown-content {
 +
display: none;
 +
position: absolute;
 +
z-index: 10;
 +
}
 +
.dropdown-content .menuitem {
 +
display: block;
 +
text-align: left;
 +
text-decoration: none;
 +
}
 +
.menu-column:hover .dropdown-content {
 +
display: block;
 +
}
 +
li .menuitem:hover, li .dropbtn:hover {
 +
background: #f4f4f4;
 +
}
 +
body {
 +
background: #EFEFEE;
 +
}
 +
#mainwrap {
 +
width: 960px;
 +
height: 100%;
 +
margin: 0 auto;
 +
background: purple;
 +
display: none;
 +
top:0;
 +
}
 +
#backgroundimage1 {
 +
display: absolute;
 +
background-image: url("backgroundtest0.png");
 +
background-repeat: no-repeat;
 +
    background-attachment: cover;
 +
-webkit-background-size: cover;
 +
-moz-background-size: cover;
 +
-o-background-size: cover;
 +
background-size: cover !important;
 +
height: 720px;
 +
width: 100%;
 +
}
 +
</style>
 +
</head>
 +
<body>
 +
<div id="menuwrap">
 +
  <ul id="menubartable" class="narrow-heading-type">
 +
    <li class="menu-column"> <a href="https://2017.igem.org/Team:BostonU" class="wordmark"><img src="https://static.igem.org/mediawiki/2017/f/f2/T--BostonU--RedGrey.svg"></img></a> </li>
 +
    <li class="menu-column"> <a href="https://2017.igem.org/Team:BostonU/Overview" class="dropbtn">Research</a>
 +
      <div class="dropdown-content"> <a class="menuitem" href="https://2017.igem.org/Team:BostonU/Description">Project Description</a> <a class="menuitem" href="https://2017.igem.org/Team:BostonU/Results">Results</a> <a class="menuitem" href="https://2017.igem.org/Team:BostonU/Model">Modelling</a> <a class="menuitem" href="https://2017.igem.org/Team:BostonU/Notebook">Notebook</a> <a class="menuitem" href="https://2017.igem.org/Team:BostonU/Safety">Safety</a> </div>
 +
    </li>
 +
    <li class="menu-column"> <a href="https://2017.igem.org/Team:BostonU/Achievements" class="dropbtn">Achievements</a>
 +
      <div class="dropdown-content"> <a class="menuitem" href="https://2017.igem.org/Team:BostonU/Demonstrate">Demonstration</a> <a class="menuitem" href="https://2017.igem.org/Team:BostonU/Parts">Parts</a> <a class="menuitem" href="https://2017.igem.org/Team:BostonU/JudgingCriteria">Judging Criteria</a> </div>
 +
    </li>
 +
    <li class="menu-column"> <a href="https://2017.igem.org/Team:BostonU/BTB" class="dropbtn">Beyond the Bench</a>
 +
      <div class="dropdown-content"> <a class="menuitem" href="https://2017.igem.org/Team:BostonU/HP">Human Practices</a> <a class="menuitem" href="https://2017.igem.org/Team:BostonU/Collaborations">Collaborations</a> <a class="menuitem" href="https://2017.igem.org/Team:BostonU/Contribution">Contribution</a> </div>
 +
    </li>
 +
    <li class="menu-column"> <a href="https://2017.igem.org/Team:BostonU/Attributions" class="dropbtn">People</a>
 +
      <div class="dropdown-content"> <a class="menuitem" href="https://2017.igem.org/Team:BostonU/Attributions">Attributions</a> <a class="menuitem" href="https://2017.igem.org/Team:BostonU/Team">Team</a></div>
 +
  </ul>
 +
</div>
 +
<div id="backgroundimage1">
 +
</div>
 +
<div id="mainwrap">
 +
</div>
 +
<script> /* THIS MAKES THE MENU FADE IN */
 +
$(document).ready(function () {
 +
    $('#mainwrap').fadeIn(1000);
 +
});
 +
</script>
 +
</body>
 +
</html>

Revision as of 20:31, 23 August 2017