|
|
| Line 1: |
Line 1: |
| − | <!--<html> STUFF TO BE REMOVED/CHANGED
| |
| − | <head>
| |
| − | <style>
| |
| − |
| |
| − | body {
| |
| − | background-color: #FFFFFF;
| |
| − | padding: 0 10%;
| |
| − | }
| |
| − |
| |
| − | #main {
| |
| − | background-color: #FFFFFF;
| |
| − | margin-left:auto;
| |
| − | margin-right:auto;
| |
| − | width:1100px;
| |
| − | padding: 5px;
| |
| − | }
| |
| − |
| |
| − | .header {
| |
| − | font-family:"Trebuchet MS", Helvetica;
| |
| − | color: #FF3300;
| |
| − | text-shadow: 2px 2px 5px #888888;
| |
| − | }
| |
| − |
| |
| − | #home_image {
| |
| − | margin: 0 auto;
| |
| − | display: block;
| |
| − | padding: 15px 0;
| |
| − | }
| |
| − |
| |
| − | hr {
| |
| − | background-color: #FF3300;
| |
| − | }
| |
| − |
| |
| − | p {
| |
| − | font-family:Garamond, "Times New Roman";
| |
| − | font-size: 150%;
| |
| − | }
| |
| − |
| |
| − |
| |
| − |
| |
| − | @import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);
| |
| − | @charset "UTF-8";
| |
| − | /* Base Styles */
| |
| − | /*
| |
| − | #cssmenu ul,
| |
| − | #cssmenu li,
| |
| − | #cssmenu a {
| |
| − | list-style: none;
| |
| − | margin: 0;
| |
| − | padding: 0;
| |
| − | border: 0;
| |
| − | line-height: 1;
| |
| − | font-family: 'Lato', sans-serif;
| |
| − | }
| |
| − | #cssmenu {
| |
| − | border: 1px solid #133e40;
| |
| − | -webkit-border-radius: 5px;
| |
| − | -moz-border-radius: 5px;
| |
| − | -ms-border-radius: 5px;
| |
| − | -o-border-radius: 5px;
| |
| − | border-radius: 5px;
| |
| − | width: auto;
| |
| − | }
| |
| − | #cssmenu ul {
| |
| − | zoom: 1;
| |
| − | background: #36b0b6;
| |
| − | background: -moz-linear-gradient(top, #36b0b6 0%, #2a8a8f 100%);
| |
| − | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #36b0b6), color-stop(100%, #2a8a8f));
| |
| − | background: -webkit-linear-gradient(top, #36b0b6 0%, #2a8a8f 100%);
| |
| − | background: -o-linear-gradient(top, #36b0b6 0%, #2a8a8f 100%);
| |
| − | background: -ms-linear-gradient(top, #36b0b6 0%, #2a8a8f 100%);
| |
| − | background: linear-gradient(top, #36b0b6 0%, #2a8a8f 100%);
| |
| − | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@top-color', endColorstr='@bottom-color', GradientType=0);
| |
| − | padding: 5px 10px;
| |
| − | -webkit-border-radius: 5px;
| |
| − | -moz-border-radius: 5px;
| |
| − | -ms-border-radius: 5px;
| |
| − | -o-border-radius: 5px;
| |
| − | border-radius: 5px;
| |
| − | }
| |
| − | #cssmenu ul:before {
| |
| − | content: '';
| |
| − | display: block;
| |
| − | }
| |
| − | #cssmenu ul:after {
| |
| − | content: '';
| |
| − | display: table;
| |
| − | clear: both;
| |
| − | }
| |
| − | #cssmenu li {
| |
| − | float: left;
| |
| − | margin: 0 5px 0 0;
| |
| − | border: 1px solid transparent;
| |
| − | }
| |
| − | #cssmenu li a {
| |
| − | -webkit-border-radius: 5px;
| |
| − | -moz-border-radius: 5px;
| |
| − | -ms-border-radius: 5px;
| |
| − | -o-border-radius: 5px;
| |
| − | border-radius: 5px;
| |
| − | padding: 8px 15px 9px 15px;
| |
| − | display: block;
| |
| − | text-decoration: none;
| |
| − | color: #ffffff;
| |
| − | border: 1px solid transparent;
| |
| − | font-size: 16px;
| |
| − |
| |
| − | }
| |
| − | #cssmenu li.active {
| |
| − | -webkit-border-radius: 5px;
| |
| − | -moz-border-radius: 5px;
| |
| − | -ms-border-radius: 5px;
| |
| − | -o-border-radius: 5px;
| |
| − | border-radius: 5px;
| |
| − | border: 1px solid #36b0b6;
| |
| − | }
| |
| − | #cssmenu li.active a {
| |
| − | -webkit-border-radius: 5px;
| |
| − | -moz-border-radius: 5px;
| |
| − | -ms-border-radius: 5px;
| |
| − | -o-border-radius: 5px;
| |
| − | border-radius: 5px;
| |
| − | display: block;
| |
| − | background: #1e6468;
| |
| − | border: 1px solid #133e40;
| |
| − | -moz-box-shadow: inset 0 5px 10px #133e40;
| |
| − | -webkit-box-shadow: inset 0 5px 10px #133e40;
| |
| − | box-shadow: inset 0 5px 10px #133e40;
| |
| − | }
| |
| − | #cssmenu li:hover {
| |
| − | -webkit-border-radius: 5px;
| |
| − | -moz-border-radius: 5px;
| |
| − | -ms-border-radius: 5px;
| |
| − | -o-border-radius: 5px;
| |
| − | border-radius: 5px;
| |
| − | border: 1px solid #36b0b6;
| |
| − | }
| |
| − | #cssmenu li:hover a {
| |
| − | -webkit-border-radius: 5px;
| |
| − | -moz-border-radius: 5px;
| |
| − | -ms-border-radius: 5px;
| |
| − | -o-border-radius: 5px;
| |
| − | border-radius: 5px;
| |
| − | display: block;
| |
| − | background: #1e6468;
| |
| − | border: 1px solid #133e40;
| |
| − | -moz-box-shadow: inset 0 5px 10px #133e40;
| |
| − | -webkit-box-shadow: inset 0 5px 10px #133e40;
| |
| − | box-shadow: inset 0 5px 10px #133e40;
| |
| − | }
| |
| − | */
| |
| − |
| |
| − |
| |
| − | .full_width {
| |
| − | width: 100%;
| |
| − | }
| |
| − |
| |
| − | /*Hide the sub-menus*/
| |
| − | nav ul ul {
| |
| − | display: none;
| |
| − | }
| |
| − | /*Show the sub-menus when you hover over the bar elements*/
| |
| − | nav ul li:hover > ul {
| |
| − | display: block;
| |
| − | }
| |
| − | /*Change of the box around the bar*/
| |
| − | nav ul {
| |
| − | background-color: #A5A5C1;
| |
| − | background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%);
| |
| − | background: -webkit-linear-gradient(top, #efefef 0%,#bbbbbb 100%);
| |
| − | font-family: serif;
| |
| − | text-align: center;
| |
| − | list-style: none;
| |
| − |
| |
| − | padding: 0 15px;
| |
| − | display: inline-table;
| |
| − | }
| |
| − | nav > ul {
| |
| − | margin-top: 0px;
| |
| − | margin-left: auto;
| |
| − | margin-right: auto;
| |
| − | }
| |
| − | nav ul li {
| |
| − | float: left;
| |
| − | }
| |
| − |
| |
| − | /*Only affects links in the first ul, the bar*/
| |
| − | nav ul li:hover > a{
| |
| − | background-color: #4b545f;
| |
| − | color: #CC0000;
| |
| − | text-decoration: none;
| |
| − | background-color: #A5A5C1;
| |
| − | }
| |
| − |
| |
| − | /* Change of link text in the bar*/
| |
| − | nav ul li a {
| |
| − | display: block;
| |
| − | padding: 2px 15px;
| |
| − | text-decoration: none;
| |
| − | color: white;
| |
| − | }
| |
| − | /*List of sub-menus*/
| |
| − | nav ul ul {
| |
| − | background: #5f6975;
| |
| − | border-radius: 0px;
| |
| − | padding: 0;
| |
| − | position: absolute;
| |
| − | float: left;
| |
| − | top: 100%;
| |
| − | }
| |
| − | /*The individual sub-menu elements*/
| |
| − | nav ul ul li {
| |
| − | float: none;
| |
| − | background-color: #A5A5C1;
| |
| − | border-top: 1px solid #6b727c;
| |
| − | border-bottom: 1px solid #575f6a;
| |
| − | position: relative;
| |
| − | }
| |
| − | /*The individual link texts in the sub-menus*/
| |
| − | nav ul ul li a {
| |
| − | padding: 15px 20px;
| |
| − | }
| |
| − |
| |
| − | nav ul ul li a:hover {
| |
| − | background: #4b545f;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | /*Supposed to make the navigation bar fixed up top*/
| |
| − | .fixed {
| |
| − | position: fixed;
| |
| − | top: 0;
| |
| − | right: 0;
| |
| − | left: 0;
| |
| − | margin: auto;
| |
| − | margin-top: 15px;
| |
| − | width: 100%;
| |
| − | }
| |
| − |
| |
| − | </style>
| |
| − |
| |
| − | </head>
| |
| − | <body>
| |
| − |
| |
| − | <div class="full_width">
| |
| − | <nav class="fixed">
| |
| − | <ul class="navbar">
| |
| − | <li class="listelem"><a href="https://2015.igem.org/Team:Uppsala">Home</a></li>
| |
| − | <li class="listelem"><a href="https://2015.igem.org/Team:Uppsala/Team">Team</a></li>
| |
| − | <li class="listelem"><a href="https://2015.igem.org/Team:Uppsala/Project">Project
| |
| − | <ul>
| |
| − | <li><a href="https://2015.igem.org/Team:Uppsala/Description">Description</a></li>
| |
| − | <li><a href="https://2015.igem.org/Team:Uppsala/Experiments">Experiments & Protocols</a></li>
| |
| − | <li><a href="https://2015.igem.org/Team:Uppsala/Results">Results</a></li>
| |
| − | <li><a href="https://2015.igem.org/Team:Uppsala/Design">Design</a></li>
| |
| − | </ul>
| |
| − | </a></li>
| |
| − | <li class="listelem"><a href="https://2015.igem.org/Team:Uppsala/Parts">Parts</a>
| |
| − | <ul>
| |
| − | <li><a href="https://2015.igem.org/Team:Uppsala/Parts">Team Parts</a></li>
| |
| − | <li><a href="https://2015.igem.org/Team:Uppsala/Basic_Part">Basic Parts</a></li>
| |
| − | <li><a href="https://2015.igem.org/Team:Uppsala/Composite_Part">Composite Parts</a></li>
| |
| − | <li><a href="https://2015.igem.org/Team:Uppsala/Part_Collection">Part Collection</a></li>
| |
| − | </ul>
| |
| − | </li>
| |
| − | <li><a href="https://2015.igem.org/Team:Uppsala/Notebook">Notebook</a></li>
| |
| − | <li><a href="https://2015.igem.org/Team:Uppsala/Attributions">Attributions</a></li>
| |
| − | <li><a href="https://2015.igem.org/Team:Uppsala/Collaborations">Collaborations</a></li>
| |
| − | <li><a href="https://2015.igem.org/Team:Uppsala/Practices">Human Practices</a></li>
| |
| − | <li><a href="https://2015.igem.org/Team:Uppsala/Safety">Safety</a></li>
| |
| − | <li><a href="https://2015.igem.org/Team:Uppsala/Modeling">Modeling</a></li>
| |
| − | <li><a href="https://2015.igem.org/Team:Uppsala/Measurement">Measurement</a></li>
| |
| − | <li><a href="https://2015.igem.org/Team:Uppsala/Software">Software</a></li>
| |
| − | <li><a href="https://2015.igem.org/Team:Uppsala/Entrepreneurship">Entrepreneurship</a></li>
| |
| − | </ul>
| |
| − | </nav>
| |
| − | </div> END OF STUFF-->
| |
| − |
| |
| − |
| |
| | {{Template_All_Teams}} | | {{Template_All_Teams}} |
| | <html> | | <html> |
Here you see a part of our fantastic team. There will be more information about us soon!