|
|
| Line 1: |
Line 1: |
| − | {{BU17_template_global}}
| + | |
| − | <html>
| + | |
| − | <head>
| + | |
| − | <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"></script> <!-- THIS IS IMPORTANT, GUYS -->
| + | |
| − | <style>
| + | |
| − | body {
| + | |
| − | background: url("https://static.igem.org/mediawiki/2017/d/dc/T--BostonU--LandingPageBG.jpg") no-repeat center center fixed;
| + | |
| − | -webkit-background-size: cover;
| + | |
| − | -moz-background-size: cover;
| + | |
| − | -o-background-size: cover;
| + | |
| − | background-size: cover;
| + | |
| − | z-index: -100;
| + | |
| − | }
| + | |
| − | #mybody {
| + | |
| − | opacity: 0.0;
| + | |
| − | background-color:black;
| + | |
| − | position:absolute;
| + | |
| − | width:100%;
| + | |
| − | height:100%;
| + | |
| − | top: 0;
| + | |
| − | left: 0;
| + | |
| − | z-index: -1;
| + | |
| − | }
| + | |
| − | .wordmark img {
| + | |
| − | margin-top: 4.4%;
| + | |
| − | margin-left: 5%;
| + | |
| − | width: 300px;
| + | |
| − | }
| + | |
| − | #mainwrap {
| + | |
| − | margin: 0 auto;
| + | |
| − | height: 100% !important;
| + | |
| − | }
| + | |
| − | #menubartable { /* MASTER MENU TABLE */
| + | |
| − | border: 0;
| + | |
| − | list-style-type: none;
| + | |
| − | margin-top: 5%;
| + | |
| − | margin-right: 5%;
| + | |
| − | padding: 0;
| + | |
| − | position: relative;
| + | |
| − | float: right;
| + | |
| − | white-space: nowrap;
| + | |
| − | width: 0 auto !important;
| + | |
| − | height: 10%;
| + | |
| − | }
| + | |
| − | #menubartable li {
| + | |
| − | display: table-cell;
| + | |
| − | }
| + | |
| − | li .menuitem, .dropbtn { /* MAIN MENU BUTTONS */
| + | |
| − | -webkit-transition: all 2000ms ease;
| + | |
| − | -moz-transition: all 2000ms ease;
| + | |
| − | -ms-transition: all 2000ms ease;
| + | |
| − | -o-transition: all 2000ms ease;
| + | |
| − | transition: all 2000ms ease;
| + | |
| − | color: #f8f9f9 !important;
| + | |
| − | display: table-cell;
| + | |
| − | padding: 5px 18px;
| + | |
| − | font-family: Arial, sans-serif;
| + | |
| − | font-size: 120%;
| + | |
| − | text-align: center;
| + | |
| − | text-decoration: none !important;
| + | |
| − | text-transform: uppercase;
| + | |
| − | font-weight: bold;
| + | |
| − | vertical-align: middle;
| + | |
| − | }
| + | |
| − | .dropdown-content { /* DROP DOWN MENU CONTAINERS */
| + | |
| − | display: none;
| + | |
| − | position: absolute;
| + | |
| − | z-index: 1;
| + | |
| − | }
| + | |
| − | .dropdown-content .menuitem { /* RAIN DROP ... DROP DOWN */
| + | |
| − | color: black;
| + | |
| − | display: block;
| + | |
| − | padding: 5px 18px;
| + | |
| − | text-align: left;
| + | |
| − | text-decoration: none;
| + | |
| − | }
| + | |
| − | .menu-column:hover .dropdown-content {display: block;}
| + | |
| − | li .menuitem:hover, .menu-column:hover a:hover {color: #a9a9a9 !important; -webkit-transition:0.25s;}
| + | |
| − | #myfooter {
| + | |
| − | position: absolute;
| + | |
| − | bottom: 0pt;
| + | |
| − | width:100%;
| + | |
| − | height:15%; /* Height of the footer */
| + | |
| − | text-align: center;
| + | |
| − | font-family: Arial, sans-serif;
| + | |
| − | font-size: 120%;
| + | |
| − | text-align: center;
| + | |
| − | text-decoration: none !important;
| + | |
| − | text-transform: uppercase;
| + | |
| − | font-weight: bold;
| + | |
| − | color: #f8f9f9 !important;
| + | |
| − | }
| + | |
| − | #myfooterL {
| + | |
| − |
| + | |
| − | position: relative;
| + | |
| − | float: left;
| + | |
| − | width:45%;
| + | |
| − | height:50%;
| + | |
| − | text-align: left;
| + | |
| − | padding-left: 5%;
| + | |
| − | vertical-align: middle;
| + | |
| − | }
| + | |
| − | #myfooterR {
| + | |
| − | position: relative;
| + | |
| − | float: right;
| + | |
| − | width:45%;
| + | |
| − | height:50%;
| + | |
| − | text-align: right;
| + | |
| − | padding-right: 5%;
| + | |
| − |
| + | |
| − | }
| + | |
| − | #myfooterC {
| + | |
| − | position: relative;
| + | |
| − | float: top;
| + | |
| − | width:100%;
| + | |
| − | height: 50%;
| + | |
| − | text-align: center;
| + | |
| − | }
| + | |
| − | #myfooter a {
| + | |
| − | vertical-align: center;
| + | |
| − | font-family: Arial, sans-serif;
| + | |
| − | font-size: 120%;
| + | |
| − | text-align: center;
| + | |
| − | text-decoration: none !important;
| + | |
| − | text-transform: uppercase;
| + | |
| − | font-weight: bold;
| + | |
| − | color: #f8f9f9 !important;
| + | |
| − | }
| + | |
| − | #myfooterR img {
| + | |
| − | height: 25px;
| + | |
| − | padding: 0 10px;
| + | |
| − | vertical-align: middle;
| + | |
| − | }
| + | |
| − | .slide-up-div {
| + | |
| − | width: 100%;
| + | |
| − | height: 100%;
| + | |
| − | bottom: 0;
| + | |
| − | background: #f8f9f9;
| + | |
| − | border: none;
| + | |
| − | position: absolute;
| + | |
| − | width:100%;
| + | |
| − | font-size: 120%;
| + | |
| − | font-family: Arial, sans-serif;
| + | |
| − | text-decoration: none !important;
| + | |
| − | display: none;
| + | |
| − | z-index: 1;
| + | |
| − | }
| + | |
| − | </style>
| + | |
| − | </head>
| + | |
| − | <body>
| + | |
| − | <div id="mybody"></div>
| + | |
| − | <div id="mainwrap">
| + | |
| − | <a href="https://2017.igem.org/Team:BostonU" class="wordmark"><img src="https://static.igem.org/mediawiki/2017/d/de/T--BostonU--LandingPageLogo1.svg"class="fader"></img></a>
| + | |
| − | <ul id="menubartable">
| + | |
| − | <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">Attributions</a>
| + | |
| − | </li>
| + | |
| − | </li>
| + | |
| − | </ul>
| + | |
| − | <div id="myfooter">
| + | |
| − | <div id="myfooterC"><a class="div-slide-up-button">OUR PROJECT</a></div>
| + | |
| − | <div id="myfooterL"><a>ABOUT THIS PHOTO</a></div>
| + | |
| − | <div id="myfooterR"><a href="https://twitter.com/BostonU_iGEM_WL"><img src=https://static.igem.org/mediawiki/2017/2/21/T--BostonU--prettysureweareallowedtouploadthis.svg></img></a>
| + | |
| − | <a href="mailto:bu.igemwl2017@gmail.com"><img style="height: 22px;" src=https://static.igem.org/mediawiki/2017/c/ca/T--BostonU--MailTo.svg></img></a>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <div class="slide-up-div">
| + | |
| − | <h3>Our Project</h3>
| + | |
| − | <p>This could be a description of our project with hyperlinks to additional information</p>
| + | |
| − | <a> class="div-slide-down-button">Slide Down Button</a>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <script type="text/javascript">
| + | |
| − | $(document).ready(function(){
| + | |
| − | $(".div-slide-up-button").click(function(){
| + | |
| − | $(".slide-up-div").slideToggle("1000ms");
| + | |
| − | });
| + | |
| − | $(".div-slide-down-button").click(function(){
| + | |
| − | $(".slide-up-div").slideToggle("3000ms");
| + | |
| − | });
| + | |
| − | });
| + | |
| − | </script>
| + | |
| − | </body>
| + | |
