|
|
Line 1: |
Line 1: |
− | <html>
| |
− | <head>
| |
− | <meta charset="utf-8">
| |
− | <meta name="viewport" content="width=device-width, initial-scale=1">
| |
− | <link rel="stylesheet" href="https://2017.igem.org/Team:Warwick/Resources/CSS:Plant-bootstrap-min-css?action=raw&ctype=text%2Fcss">
| |
− | <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
| |
− | <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
| |
− | <style>
| |
− | .warwick-logo {
| |
− | max-width: 95%;
| |
− | }
| |
− | body {
| |
− | background-color: #f2f2f2;
| |
− | }
| |
− | p {
| |
− | padding-bottom: 10px;
| |
− | font-weight: 400;
| |
− | font-size: 18px;
| |
− | }
| |
− | .navbar-nav > li > .dropdown-menu {
| |
− | background-color: #99b3e6;
| |
− | }
| |
− | .navbar-nav > li > .dropdown-menu > li > a {
| |
− | color: white;
| |
− | text-transform: uppercase;
| |
− | }
| |
− | .navbar-default .navbar-nav>.open>a,
| |
− | .navbar-default .navbar-nav>.open>a:focus,
| |
− | .navbar-default .navbar-nav>.open>a:hover {
| |
− | background-color: #99b3e6;
| |
− | }
| |
− | .nav > li > a {
| |
− | color: #ffffff !important;
| |
− | text-transform: uppercase;
| |
− | }
| |
− | h1 {
| |
− | color: #003366;
| |
− | text-transform: uppercase;
| |
− | }
| |
− | h2 {
| |
− | border-top: 1px solid #99b3e6;
| |
− | border-bottom: 1px solid #99b3e6;
| |
− | margin: 15px 0px 5px 0px;
| |
− | padding: 10px 0px 10px 0px;
| |
− | display: inline-block;
| |
− | color: #003366;
| |
− | text-transform: uppercase;
| |
− | }
| |
− | h4 {
| |
− | font-size: 25px;
| |
− | }
| |
− | .white {
| |
− | border-top: 1px solid white;
| |
− | border-bottom: 1px solid white;
| |
− | color: white;
| |
− | }
| |
− | .hwrap {
| |
− | text-align: center;
| |
− | }
| |
− | .social-buttons {
| |
− | text-align: center;
| |
− | }
| |
− | .social-buttons img {
| |
− | padding-right: 10px;
| |
− | }
| |
− | .overlay {
| |
− | position: absolute;
| |
− | bottom: 0;
| |
− | left: 0;
| |
− | right: 0;
| |
− | overflow: hidden;
| |
− | width: 100%;
| |
− | height: 100%;
| |
− | visibility: hidden;
| |
− | opacity: 0;
| |
− | transition: .3s ease-in-out;
| |
− | }
| |
− | .col-sm-4:hover .overlay {
| |
− | visibility: visible;
| |
− | opacity: 1;
| |
− | }
| |
− | .text {
| |
− | white-space: nowrap;
| |
− | color: white;
| |
− | position: absolute;
| |
− | overflow: hidden;
| |
− | top: 50%;
| |
− | left: 50%;
| |
− | transform: translate(-50%, -50%);
| |
− | -ms-transform: translate(-50%, -50%);
| |
− | }
| |
− | html {
| |
− | position: relative;
| |
− | min-height: 100%;
| |
− | }
| |
− | body {
| |
− | margin-bottom: 370px;
| |
− | }
| |
− | .footer {
| |
− | position: absolute;
| |
− | bottom: 0;
| |
− | width: 100%;
| |
− | height: 300px;
| |
− | background-color: #cccccc;
| |
− | }
| |
− | .lowerfooter {
| |
− | position: absolute;
| |
− | bottom: 0;
| |
− | line-height: 60px;
| |
− | width: 100%;
| |
− | height: 60px;
| |
− | background-color: #003366;
| |
− | }
| |
− | .row img {
| |
− | padding-top: 5px;
| |
− | padding-bottom: 5px;
| |
− | }
| |
− | .attributions p {
| |
− | font-size: 11pt;
| |
− | margin: 0;
| |
− | text-align: center;
| |
− | }
| |
− | .light {
| |
− | background-color: #99b3e6;
| |
− | }
| |
− | .dark {
| |
− | background-color: #003366;
| |
− | }
| |
− | .name {
| |
− | color: #267a9b;
| |
− | }
| |
− | .nametitle {
| |
− | color: #636363;
| |
− | }
| |
− | .header-img {
| |
− | width: 100%;
| |
− | max-height: 500px;
| |
− | text-align: center;
| |
− | }
| |
− | .sponsors img {
| |
− | display: block;
| |
− | max-width: 100%;
| |
− | max-height: 90px;
| |
− | width: auto;
| |
− | height: auto;
| |
− | }
| |
− | @media screen and (min-width: 600px) {
| |
− | body {
| |
− | background-image: url(images/right-icons.png), url(images/left-icons.png);
| |
− | background-position: right top, left top;
| |
− | background-repeat: no-repeat, no-repeat;
| |
− | }
| |
− | .warwick-logo {
| |
− | max-width: 400px;
| |
− | }
| |
− | .attributions p {
| |
− | text-align: left;
| |
− | }
| |
− | }
| |
− | @media screen and (max-width: 599px) {
| |
− | .attributions .col-xs-4 {
| |
− | float: none;
| |
− | margin: 0 auto;
| |
− | }
| |
− | }
| |
− | </style>
| |
− | </head>
| |
− | <body>
| |
− | <nav class="navbar navbar-default navbar-static-top" style="background-color:#003366">
| |
− | <div class="container-fluid">
| |
| | | |
− | <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>
| |
− | </div>
| |
− |
| |
− | <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
| |
− | <ul class="nav navbar-nav navbar-right">
| |
− | <li><a href="?title=Team:Warwick">Front page</a></li>
| |
− |
| |
− | <li class="dropdown ">
| |
− | <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
| |
− | Project <span class="caret"></span></a>
| |
− | <ul class="dropdown-menu" role="menu">
| |
− | <li class=""><a href="https://2017.igem.org/Team:Warwick/Description">Description</a></li>
| |
− | <li class=""><a href="https://2017.igem.org/Team:Warwick/Design">Design</a></li>
| |
− | <li class=""><a href="https://2017.igem.org/Team:Warwick/Experiments">Experiments</a></li>
| |
− | <li class=""><a href="https://2017.igem.org/Team:Warwick/Notebook">Notebook</a></li>
| |
− | <li class=""><a href="https://2017.igem.org/Team:Warwick/Safety">Safety</a></li>
| |
− | <li class=""><a href="https://2017.igem.org/Team:Warwick/Improve">Improve</a></li>
| |
− | <li class=""><a href="https://2017.igem.org/Team:Warwick/Model">Model</a></li>
| |
− | <li class=""><a href="https://2017.igem.org/Team:Warwick/Demonstrate">Demonstrate</a></li>
| |
− | <li class=""><a href="https://2017.igem.org/Team:Warwick/Results">Results</a></li>
| |
− | </ul>
| |
− | </li>
| |
− |
| |
− | <li class="dropdown ">
| |
− | <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
| |
− | Parts <span class="caret"></span></a>
| |
− | <ul class="dropdown-menu" role="menu" stye="background-color:#0094ff">
| |
− | <li class=""><a href="https://2017.igem.org/Team:Warwick/Basic_Part">Parts</a></li>
| |
− | <li class=""><a href="https://2017.igem.org/Team:Warwick/InterLab">Interlab</a></li>
| |
− | </ul>
| |
− | </li>
| |
− |
| |
− | <li class="dropdown ">
| |
− | <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
| |
− | Misc <span class="caret"></span></a>
| |
− | <ul class="dropdown-menu" role="menu">
| |
− | <li class=""><a href="https://2017.igem.org/Team:Warwick/Engagement">Public Engagement</a></li>
| |
− | <li class=""><a href="https://2017.igem.org/Team:Warwick/HP/Silver">Silver Human Practices</a></li>
| |
− | <li class=""><a href="https://2017.igem.org/Team:Warwick/HP/Gold_Integrated">HP Gold</a></li>
| |
− | <li class=""><a href="https://2017.igem.org/Team:Warwick/Model">Model</a></li>
| |
− | <li class=""><a href="https://2017.igem.org/Team:Warwick/Software">Software</a></li>
| |
− | <li class=""><a href="https://2017.igem.org/Team:Warwick/Entrepreneurship">Entrepreneurship</a></li>
| |
− | <li class=""><a href="https://2017.igem.org/Team:Warwick/Hardware">Hardware</a></li>
| |
− | </ul>
| |
− | </li>
| |
− |
| |
− | <li class="dropdown ">
| |
− | <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
| |
− | About <span class="caret"></span></a>
| |
− | <ul class="dropdown-menu" role="menu" stye="background-color:#0094ff">
| |
− | <li class=""><a href="https://2017.igem.org/Team:Warwick/Team">Team</a></li>
| |
− | <li class=""><a href="https://2017.igem.org/Team:Warwick/Attributions">Attributions</a></li>
| |
− | <li class=""><a href="https://2017.igem.org/Team:Warwick/Collaborations">Collaborations</a></li>
| |
− | </ul>
| |
− | </li>
| |
− |
| |
− | </ul>
| |
− | </div>
| |
− | </div>
| |
− | </nav>
| |
− | </html>
| |