|
|
Line 1: |
Line 1: |
| | | |
− | <html>
| |
− | <head>
| |
− | <style>
| |
− | .logo { /* LOGO IN MENU */
| |
− | width: 300px;
| |
− | margin-top: 50px;
| |
− | margin-left: 5%;
| |
− | }
| |
− | #mainwrap {
| |
− | margin: 0 auto;
| |
− | height: 100% !important;
| |
− | }
| |
− | #mybody {
| |
− | position: relative;
| |
− | width:100%;
| |
− | padding-bottom:5%; /* Height of the footer */
| |
− | background-color: yellow;
| |
− | }
| |
− | #menubartable { /* MASTER MENU TABLE */
| |
− | border: 0;
| |
− | list-style-type: none;
| |
− | margin-top: 60px;
| |
− | margin-right: 5%;
| |
− | padding: 0;
| |
− | position: relative;
| |
− | float: right;
| |
− | white-space: nowrap;
| |
− | width: 0 auto !important;
| |
− | background-color: blue;
| |
− | }
| |
− | #menubartable li {
| |
− | display: table-cell;
| |
− | }
| |
− | li .menuitem, .dropbtn { /* MAIN MENU BUTTONS */
| |
− | -webkit-transition:2s;
| |
− | color: #f8f9f9 !important;
| |
− | display: table-cell;
| |
− | padding: 5px 18px;
| |
− | font-family: Arial Black, 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;
| |
− | background-color: red;
| |
− | }
| |
− | .menu-column:hover .dropdown-content {display: block;}
| |
− | li .menuitem:hover, .menu-column:hover .dropbtn {color: #a9a9a9 !important; -webkit-transition:0.25s;}
| |
− | .logo:hover {color: #b9b4b4 !important; -webkit-transition:1s;}
| |
− | #myfooter {
| |
− | position: absolute;
| |
− | bottom: 0pt;
| |
− | width:100%;
| |
− | height:25px; /* Height of the footer */
| |
− | background-color: green;
| |
− | }
| |
− | .footer-right {
| |
− | float: right;
| |
− | }
| |
− | </style>
| |
− | </head>
| |
− |
| |
− | <body>
| |
− |
| |
− | <div id="mainwrap">
| |
− | <a href="https://2017.igem.org/Team:BostonU"><img class="logo" src="https://static.igem.org/mediawiki/2017/d/de/T--BostonU--LandingPageLogo1.svg"></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">This is some footer content!
| |
− | </div>
| |
− | </div>
| |
− | </body>
| |