|
|
| Line 1: |
Line 1: |
| | <html> | | <html> |
| − | <head>
| + | <head> |
| − | <script src=></script>
| + | <title>iGEM</title> |
| | + | </head> |
| | + | <style> |
| | + | body {background-color:#002855; } |
| | + | /*------------Get rid of iGEM stuff----------------------------------*/ |
| | + | #home_logo, #sideMenu { display:none; } |
| | + | #sideMenu, #top_title, .patrollink {display:none;} |
| | + | #content { margin-left:0px; margin-top:-7px; padding:0px; width:100%;} |
| | + | /*-------------------------------------------------------------------*/ |
| | | | |
| − |
| + | #topnav { |
| − | <title> UC Davis iGEM 2018 </title>
| + | display: table; |
| − | <style>
| + | width: 100%; |
| − | | + | background-color: #002855; |
| | + | margin-left: 0; |
| | + | } |
| | | | |
| − | /* Random CSS */
| + | #topnav li { |
| − | body {background-color: #002855;}
| + | display: table-cell; |
| − | a.white:link {color:#FFF;} /* unvisited link */
| + | width: 16.666666667%; |
| − | a.white:visited {color:#FFF;} /* visited link */
| + | line-height: 50px; |
| − | a.white:hover {color:#FFF;} /* mouse over link */
| + | text-align: center; |
| − | a.white:active {color:#FFF;} /* selected link */
| + | } |
| − | a{color:#909090}
| + | #topnav a { |
| − | .brightlink {color:#00BA00 !important;
| + | text-decoration: none; |
| − |
| + | font-size: 20px; |
| − | }
| + | color: white; |
| − | .centertext {text-align: center;
| + | } |
| − | }
| + | #topnav li a { |
| − | | + | display: block; |
| − | a:visited{color:#909090}
| + | } |
| − | p {border:none;
| + | #topnav li a:hover { |
| − | color:rgba(255,255,255,1);
| + | background-color: #123b68; |
| − | }
| + | } |
| − | .teampagetext {vertical-align:text-top; display:inline; width:740px; float:left;}
| + | .CenozoicLogo { |
| − | h1 {border-color:white;
| + | background-color: #002855; |
| − | color:white;
| + | } |
| − | }
| + | |
| − | h2 {color:white;}
| + | |
| − | h3 {margin-bottom:0px;
| + | |
| − | font-size:140%;
| + | |
| − | padding:0px;
| + | |
| − | color:white;
| + | |
| − | }
| + | |
| − | .banner {border-radius:4px;
| + | |
| − | background-color: rgba(255,255,255, .6);
| + | |
| − | }
| + | |
| − | .genpic { border-radius:4px;
| + | |
| − | margin-right:20px;
| + | |
| − | margin-bottom:20px;
| + | |
| − | }
| + | |
| − | .genpicfloatleft { border-radius:4px;
| + | |
| − | margin-right:20px;
| + | |
| − | margin-bottom:20px;
| + | |
| − | float:left;
| + | |
| − | }
| + | |
| − | .genpicfloatright { border-radius:4px;
| + | |
| − | margin-left:20px;
| + | |
| − | float:right;
| + | |
| − | margin-bottom:20px;
| + | |
| − | }
| + | |
| − | | + | |
| − | .horizontalCenteringDiv { float:left;
| + | |
| − | height:100%;
| + | |
| − | }
| + | |
| − | | + | |
| − | img.pStatImage {
| + | |
| − | width: 300px;
| + | |
| − | float: left;
| + | |
| − |
| + | |
| − | top: 0; bottom: 0; left: 0; right: 0;
| + | |
| − | margin: auto;
| + | |
| − | }
| + | |
| − | | + | |
| − | img.leftpic {margin-right:15px;
| + | |
| − | float:left;
| + | |
| − | vertical-align:top;
| + | |
| − | border-radius:4px;
| + | |
| − | width:150px;
| + | |
| − | border-collapse:separate;
| + | |
| − |
| + | |
| − | }
| + | |
| − | img.rightpic {margin-left:15px;
| + | |
| − | float:right;
| + | |
| − | vertical-align:top;
| + | |
| − | border-radius:4px;
| + | |
| − | width:150px;
| + | |
| − |
| + | |
| − | }
| + | |
| − | img.contactimage {
| + | |
| − | width:100px;
| + | |
| − | border-radius:5px;
| + | |
| − | margin-right:10px;
| + | |
| − | align:text-top;
| + | |
| − | float:left;
| + | |
| − | clear:both;
| + | |
| − | }
| + | |
| − | .clear { clear:both;
| + | |
| − | }
| + | |
| − | | + | |
| − | /* END Random CSS */
| + | |
| − | | + | |
| − | /* Begin Nav CSS */
| + | |
| − | | + | |
| − | .nav, .nav ul {
| + | |
| − | margin: 0;
| + | |
| − | margin-bottom: 10px;
| + | |
| − | padding: 0;
| + | |
| − | list-style: none;
| + | |
| − | line-height: 1;
| + | |
| − | z-index: 9999999;
| + | |
| − | }
| + | |
| − | | + | |
| − | /* The top navigation menu */
| + | |
| − | .nav {
| + | |
| − | /* Layout & positioning */
| + | |
| − | display: block;
| + | |
| − | position: relative;
| + | |
| − | width: 967px; /*1000px*/
| + | |
| − | height: 43px;
| + | |
| − | border-radius:4px;
| + | |
| − | | + | |
| − | /* Background & effects */
| + | |
| − | background: #123b68; /* Background for Internet Explorer 9 and older browsers */
| + | |
| − | | + | |
| − | }
| + | |
| − | | + | |
| − | /* The link containers */
| + | |
| − | .nav>li {
| + | |
| − | display: block;
| + | |
| − | float:left;
| + | |
| − | position: relative;
| + | |
| − | margin: 0;
| + | |
| − | padding: 0;
| + | |
| − |
| + | |
| − | }
| + | |
| − | | + | |
| − | /* The main navigation links */
| + | |
| − | .nav>li>a, .nav>li>p {
| + | |
| − | /* Layout & positioning */
| + | |
| − | display: block;
| + | |
| − | width: 159.1px; /* 198 */
| + | |
| − | padding: 15px 0px;
| + | |
| − | | + | |
| − | /* Typography */
| + | |
| − | font-family: Arial, san-serif;
| + | |
| − | font-size: 20px;
| + | |
| − | font-weight: normal;
| + | |
| − | text-decoration: none;
| + | |
| − | color: rgba(255, 255, 255, .9);
| + | |
| − | text-shadow: 0 1px 0 #2a2a2a;
| + | |
| − | text-align: center;
| + | |
| − | | + | |
| − | /* Chaning the background on hover with a smooth transition */
| + | |
| − | -webkit-transition: background .35s linear;
| + | |
| − | -moz-transition: background .35s linear;
| + | |
| − | -ms-transition: background .35s linear;
| + | |
| − | -o-transition: background .35s linear;
| + | |
| − | transition: background .35s linear;
| + | |
| − | }
| + | |
| − | | + | |
| − | /* Centering dotted line dividers */
| + | |
| − | .leftbookend {
| + | |
| − | border-right: 1px dotted #393939;
| + | |
| − | }
| + | |
| − |
| + | |
| − | .rightbookend {
| + | |
| − | border-left: 1px dotted #595959;
| + | |
| − | }
| + | |
| − | | + | |
| − | /* Chaning the background on hover */
| + | |
| − | .nav>li>a:hover, .nav>li>p:hover .nav>li:hover>a {
| + | |
| − | background: rgba(255, 255, 255, .9);
| + | |
| − | color: #000;
| + | |
| − | }
| + | |
| − | | + | |
| − | .nav>li:first-child a, .nav>li:first-child p {
| + | |
| − | border-top-left-radius: 3px;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | .arrow:hover {
| + | |
| − | -moz-transition-duration: 3000s;
| + | |
| − | -ms-transition-duration: 3000s;
| + | |
| − | -o-transition-duration: 3000s;
| + | |
| − | -webkit-transition-duration: 3000s;
| + | |
| − | transition-duration: 3000s;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | /* General styling for the submenus */
| + | |
| − | .nav ul {
| + | |
| − | display: block;
| + | |
| − | position: absolute;
| + | |
| − | left: -9999px;
| + | |
| − | text-align: center;
| + | |
| − | box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
| + | |
| − |
| + | |
| − | }
| + | |
| − | | + | |
| − | /* Level 1 submenus */
| + | |
| − | .nav>li>ul {
| + | |
| − | cursor: pointer;
| + | |
| − | padding-top: 0px;
| + | |
| − | z-index: 200;
| + | |
| − | top: 43px;
| + | |
| − | }
| + | |
| − | | + | |
| − | /* Making the level 1 submenu to appear on hover */
| + | |
| − | .nav>li:hover>ul {
| + | |
| − | left: 0px;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | /* The submenu link containers */
| + | |
| − | .nav ul li {
| + | |
| − | position: relative;
| + | |
| − | display: block;
| + | |
| − |
| + | |
| − | /* Creating the slide effect. The list elements which contain the links have 0 height. On hover, they will expand */
| + | |
| − | height: 0px;
| + | |
| − | -webkit-transition: height .2s;
| + | |
| − | -moz-transition: height .2s;
| + | |
| − | -o-transition: height .2s;
| + | |
| − | -ms-transition: height .2s;
| + | |
| − | }
| + | |
| − | | + | |
| − | /* Expanding the list elements which contain the links */
| + | |
| − | .nav li:hover>ul>li {
| + | |
| − | height: 24px;
| + | |
| − | }
| + | |
| − | | + | |
| − | .nav>li:hover>ul>li:first-child {
| + | |
| − | height: 27px;
| + | |
| − | }
| + | |
| − | | + | |
| − | .nav>li>ul>li:first-child>a {
| + | |
| − | border-top: 3px solid #fff;
| + | |
| − | }
| + | |
| − | | + | |
| − | .nav>li>ul>li.dropdown:first-child>ul {
| + | |
| − | top: 3px;
| + | |
| − | }
| + | |
| − | | + | |
| − | /* The links of the submenus */
| + | |
| − | .nav ul li a {
| + | |
| − | /* Layout */
| + | |
| − | display: block;
| + | |
| − | width: 127px; /* 169 */
| + | |
| − | padding: 6px 12px 6px 20px;
| + | |
| − | | + | |
| − | /* Typography */
| + | |
| − | font-size: 13px;
| + | |
| − | color: #01406e;
| + | |
| − | font-family: Arial, san-serif;
| + | |
| − | text-decoration: none;
| + | |
| − | background: #f0f0f0;
| + | |
| − | | + | |
| − | /* Every change to the links (background, color etc) will be made with a smooth transition */
| + | |
| − | -webkit-transition: all .2s;
| + | |
| − | -moz-transition: all .2s;
| + | |
| − | -ms-transition: all .2s;
| + | |
| − | -o-transition: all .2s;
| + | |
| − | transition: all .2s;
| + | |
| − | }
| + | |
| − | | + | |
| − | .nav>li>ul>li:first-child>a::before {
| + | |
| − | content: "";
| + | |
| − | display: block;
| + | |
| − | position: absolute;
| + | |
| − | text-align: center;
| + | |
| − | width: 100%;
| + | |
| − | height: 12px;
| + | |
| − | background: transparent;
| + | |
| − | top: -8px;
| + | |
| − | left: 0;
| + | |
| − | z-index: 9999;
| + | |
| − | }
| + | |
| − | | + | |
| − | /* The hover state of the links */
| + | |
| − | .nav ul li:hover>a, .nav ul li>a:hover, .nav ul li:hover>p, .nav ul li>p:hover {
| + | |
| − | background: #c8c8c8; /*e7e7e7 */
| + | |
| − | color: #000000;
| + | |
| − | }
| + | |
| − | | + | |
| − | /* Changing the color of the arrow on hover */
| + | |
| − | .nav ul>.dropdown:hover>a::after, .nav ul>.dropdown>a:hover::after {
| + | |
| − | border-left-color: #fff;
| + | |
| − | }
| + | |
| − | | + | |
| − | .nav>li>ul>li
| + | |
| − | {
| + | |
| − | margin-bottom: 0
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | .nav>li:first-child:hover>ul
| + | |
| − | {
| + | |
| − | left:0px;
| + | |
| − | }
| + | |
| − | | + | |
| − | .nav>li:last-child:hover>ul
| + | |
| − | {
| + | |
| − | left: 0px;
| + | |
| − | }
| + | |
| − | | + | |
| − | .tableCSS
| + | |
| − | {
| + | |
| − | background-color:#ffffff;
| + | |
| − | width:1000px;
| + | |
| − | }
| + | |
| − | | + | |
| − | /* END Nav CSS */
| + | |
| − | }
| + | |
| | </style> | | </style> |
| − | <style type="text/css"> | + | <body> |
| | + | <div class="CenozoicLogo"> |
| | + | <img src="https://static.igem.org/mediawiki/2018/1/1b/T--UC_Davis--DNA_refined.png" alt="Cenozoic logo" style="display: block;margin-left: auto;margin-right: auto;"> |
| | + | </div> |
| | + | <!--______________Top Navigation Bar____________--> |
| | + | <ul id="topnav"> |
| | + | <li><a href="Project">Project</a></li> |
| | + | <li><a href="Human_Practices">Human Practices</a></li> |
| | + | <li><a href="Tools">Tools</a></li> |
| | + | <li><a href="Safety">Safety</a></li> |
| | + | <li><a href="Acknowledgements">Acknowledgements</a></li> |
| | + | <li><a href="iGEM">iGEM</a></li> |
| | + | </ul> |
| | | | |
| − | /* Hiding default wiki displays: Credits to TU-Delft and Groningen for the code! */
| + | </body> |
| − | #globalWrapper {
| + | |
| − | background-color: rgba(249,245,200);
| + | |
| − | background-image: url('https://static.igem.org/mediawiki/2014/2/21/UCD_2014_Picked-olives-ii-Recovered2-9.jpg');
| + | |
| − | background-size: 100%;
| + | |
| − | background-repeat: no-repeat;
| + | |
| − | background-attachment:fixed;
| + | |
| − | font-family: arial, times;
| + | |
| − | }
| + | |
| − | #footer-box {
| + | |
| − | background-color: transparent;
| + | |
| − | border: none;
| + | |
| − | width: 1000px;
| + | |
| − | margin: 0 auto;
| + | |
| − | padding: 0;
| + | |
| − | }
| + | |
| − | </style>
| + | |
| − | | + | |
| − | </head>
| + | |
| − |
| + | |
| − | <body>
| + | |
| − | <ul class="nav">
| + | |
| − | <li class="dropdown leftbookend">
| + | |
| − | <a href="/Team:UC_Davis" style="font-size:13px;">Home</a>
| + | |
| − | </li>
| + | |
| − | <li class="dropdown leftbookend rightbookend">
| + | |
| − | <a href="https://2014.igem.org/Team:UC_Davis/Project_Overview" style="font-size:13px;">Project</a>
| + | |
| − | <ul>
| + | |
| − | <li><a href="https://2014.igem.org/Team:UC_Davis/Project_Overview">Overview</a></li>
| + | |
| − | <li><a href="/Team:UC_Davis/Protein_Engineering">Protein Engineering</a></li>
| + | |
| − | <li><a href="/Team:UC_Davis/Potentiostat_Design">Potentiostat Design</a></li>
| + | |
| − | <li><a href="/Team:UC_Davis/Electrochemistry">Electrochemistry</a></li>
| + | |
| − | <li><a href="/Team:UC_Davis/Signal_Processing">Signal Processing</a></li>
| + | |
| − | <li><a href="/Team:UC_Davis/Criteria">Achievements</a></li>
| + | |
| − | <li><a href='/Team:UC_Davis/Parts'>Parts</a></li>
| + | |
| − | </ul>
| + | |
| − | </li>
| + | |
| − | <li class="dropdown rightbookend">
| + | |
| − | <a href="/Team:UC_Davis/Policy_Practices_Overview" style="font-size:13px;">Policy & Practices</a>
| + | |
| − | <ul>
| + | |
| − | <li><a href='/Team:UC_Davis/Policy_Practices_Overview'>Overview</a></li>
| + | |
| − | <li><a href='/Team:UC_Davis/Olive_Mills'>Olive Mill Visits</a></li>
| + | |
| − | <li><a href='/Team:UC_Davis/Public_Perception'>Public Perception</a></li>
| + | |
| − | <li><a href='/Team:UC_Davis/Legislation'>Legislation</a></li>
| + | |
| − | </ul>
| + | |
| − | </li>
| + | |
| − | <li class="dropdown leftbookend rightbookend">
| + | |
| − | <a href="https://2014.igem.org/Team:UC_Davis/Team_Overview" style="font-size:13px;">Acknowledgements</a>
| + | |
| − | <ul>
| + | |
| − | <li><a href="https://2014.igem.org/Team:UC_Davis/Team_Overview">Overview</a></li>
| + | |
| − | <li><a href="https://2014.igem.org/Team:UC_Davis/Bios">Bios</a></li>
| + | |
| − | <li><a href='/Team:UC_Davis/Contact'>Contact Us</a></li>
| + | |
| − | <li><a href="https://igem.org/Team.cgi?id=1324">Official Team Profile</a></li>
| + | |
| − | </ul>
| + | |
| − | </li>
| + | |
| − | <li class="dropdown leftbookend rightbookend">
| + | |
| − | <a href="/Team:UC_Davis/Safety" style="font-size:13px;">Safety</a>
| + | |
| − | </li>
| + | |
| − | <li class="dropdown leftbookend rightbookend">
| + | |
| − | <a href="https://2014.igem.org/Main_Page" style="font-size:13px;">iGEM</a>
| + | |
| − | <ul>
| + | |
| − | </ul>
| + | |
| − | </li>
| + | |
| − | </ul>
| + | |
| − | </body>
| + | |
| | </html> | | </html> |
