|
|
| Line 1: |
Line 1: |
| − | <html>
| |
| − | <head>
| |
| − | <style>
| |
| − | #top_menu_under {
| |
| − | display: none;
| |
| − | position: relative;
| |
| − | width: 100%;
| |
| − | height: 0;
| |
| − | }
| |
| − | #top_menu_14 {
| |
| − | position: fixed;
| |
| − | width: 100%;
| |
| − | top: 0px;
| |
| − | left: 0px;
| |
| − | height: 16px;
| |
| − | background-color: #383838;
| |
| − | border-bottom: 2px solid black;
| |
| − | z-index: 50;
| |
| − | }
| |
| − | #top_title {
| |
| − | display: none;
| |
| − | }
| |
| − | #sideMenu {
| |
| − | display: none;
| |
| − | width: 170px;
| |
| − | position: absolute;
| |
| − | top: 20px;
| |
| − | left: 1020px;
| |
| − | z-index: 10;
| |
| − | padding-top: 0px;
| |
| − | padding-bottom: 15px;
| |
| − | padding-left: 15px;
| |
| − | padding-right: 15px;
| |
| − | background-color: white;
| |
| − | text-align: left;
| |
| − | }
| |
| − | #content {
| |
| − | width: 100%;
| |
| − | height: auto;
| |
| − | }
| |
| − | #bodyContent a[href ^="https://"],
| |
| − | .link-https {
| |
| − | background: none;
| |
| − | padding: 0
| |
| − | }
| |
| − | #bodyContent a[href ^="mailto:"], .link-mailto {
| |
| − | padding:0;
| |
| − | }
| |
| − | .pop_why_cover {
| |
| − | display: none;
| |
| − | z-index: 50;
| |
| − | margin-top: -65px;
| |
| − | margin-left: -40px;
| |
| − | width: 980px;
| |
| − | height: 2100px;
| |
| − | float: left;
| |
| − | position: absolute;
| |
| − | opacity: 0.5;
| |
| − | background-color: #b2b2b2;
| |
| − | }
| |
| − | .pop_why_box {
| |
| − | display: none;
| |
| − | left: 250px;
| |
| − | top: 0px;
| |
| − | background-color: white;
| |
| − | padding: 15px;
| |
| − | width: 500px;
| |
| − | position: absolute;
| |
| − | border: 3px solid #4e606e;
| |
| − | border-radius: 3px;
| |
| − | z-index: 50;
| |
| − | }
| |
| | | | |
| − |
| |
| − | .MainNavBar ul {
| |
| − | list-style-type: none;
| |
| − | margin: 0;
| |
| − | padding: 0;
| |
| − | overflow: hidden;
| |
| − | background-color: #f3f3f3;
| |
| − | text-align:center;
| |
| − | position:fixed;
| |
| − | align:center;
| |
| − | width:100%;
| |
| − |
| |
| − | }
| |
| − | .MainNavBar li {
| |
| − | display: inline-block;
| |
| − | }
| |
| − |
| |
| − | .MainNavBar li a {
| |
| − | display: block;
| |
| − | color: #00ffff;
| |
| − | text-align: center;
| |
| − | padding: 15px 15px;
| |
| − | text-decoration: none;
| |
| − | }
| |
| − |
| |
| − | .MainNavBar li a:hover:not(.active) {
| |
| − | background-color: #ddd;
| |
| − | }
| |
| − |
| |
| − | .MainNavBar li a.active {
| |
| − | color: white;
| |
| − | background-color: #d8d4ce;
| |
| − | }
| |
| − |
| |
| − | .HeaderImage {
| |
| − | width: 100%;
| |
| − | height: auto;
| |
| − | }
| |
| − | .Logo img{
| |
| − | width:6%;
| |
| − | height:auto;
| |
| − | position:fixed;
| |
| − | top:0;
| |
| − | left:0;
| |
| − | }
| |
| − | .SubMenu ul {
| |
| − | position:fixed;
| |
| − | list-style-type: none;
| |
| − | margin: 0;
| |
| − | padding: 0;
| |
| − | top:30%;
| |
| − | }
| |
| − |
| |
| − | .SubMenu li a {
| |
| − |
| |
| − | display: block;
| |
| − | color: #00ffff;
| |
| − | text-align: left;
| |
| − | padding: 15px 15px;
| |
| − | text-decoration: none;
| |
| − | }
| |
| − |
| |
| − | .SubMenu li a:hover:not(.active) {
| |
| − | background-color: #ddd;
| |
| − | }
| |
| − |
| |
| − | .SubMenu li a.active {
| |
| − | color: white;
| |
| − | background-color: #d8d4ce;
| |
| − | }
| |
| − | </style>
| |
| − | </head>
| |
| − | <body>
| |
| − | <!-- Nav Bar -->
| |
| − | <div class="MainNavBar">
| |
| − | <ul>
| |
| − | <li><a href="Team.html">Team</a></li>
| |
| − | <li><a href="Inspiration.html">Inspiration</a></li>
| |
| − | <li><a href="Results.html">Results</a></li>
| |
| − | <li><a class="active" href="Human Practice.html">Human Practice</a></li>
| |
| − | <li><a href="Lab.html">Lab</a></li>
| |
| − | <li><a href="Attribution.html">Attribution</a></li>
| |
| − | </ul>
| |
| − | </div>
| |
| − |
| |
| − | <!-- Sub Menu -->
| |
| − | <div class="SubMenu">
| |
| − | <ul>
| |
| − | <li><a class="active" href="Human Practice.html">Main</a></li>
| |
| − | <li><a href="Silver">Silver</a></li>
| |
| − | <li><a href="Gold">Gold</a></li>
| |
| − | <li><a href="Education and public engagement">Education and public engagement</a></li>
| |
| − | </ul>
| |
| − | </div>
| |
| − |
| |
| − | <img class="HeaderImage" src="https://static.igem.org/mediawiki/2017/archive/b/b7/20171101165958%21T--Tuebingen--Pferd.jpg"></img>
| |
| − |
| |
| − | <!-- Main Logo, Background of the Image has to be transparent -->
| |
| − | <a class="Logo" href="LandingPage.html"><img src="https://static.igem.org/mediawiki/2017/b/bb/T--Tuebingen--TrojHorse.png"></img></a>
| |
| − |
| |
| − | <div class="MainContent">
| |
| − | <!-- Insert Content Here -->
| |
| − | </div>
| |
| − |
| |
| − |
| |
| − | </body>
| |
| − | </html>
| |
