|
|
(143 intermediate revisions by 2 users not shown) |
Line 1: |
Line 1: |
− | <html>
| |
− | <head>
| |
| | | |
− |
| |
− | <title> UC Davis iGEM 2014 </title>
| |
− | <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%;}
| |
− | /*-------------------------------------------------------------------*/
| |
− | /* Random CSS */
| |
− |
| |
− | /* END Random CSS */
| |
− |
| |
− | /* Aaron - Main Containers */
| |
− | /* Aaron - Main Containers End */
| |
− |
| |
− |
| |
− |
| |
− |
| |
− | /*Begin James' Crap*/
| |
− | table#t01 {
| |
− | border-spacing: 0px;
| |
− | width: 100%;
| |
− | text-align: center;
| |
− | margin: 10px;
| |
− | border: 2px solid black;
| |
− | color:#212f20;
| |
− | }
| |
− |
| |
− | table#t02 {
| |
− | border-spacing: 0px;
| |
− | width: 100%;
| |
− | text-align: left;
| |
− | margin: 10px;
| |
− | border: 2px solid black;
| |
− | color:#212f20;
| |
− | }
| |
− |
| |
− | table#t03 {
| |
− | border-spacing: 0px;
| |
− | width: 50%;
| |
− | text-align: left;
| |
− | margin: 10px;
| |
− | padding: 3px;
| |
− | border: 2px solid black;
| |
− | color:#212f20;
| |
− | float:right;
| |
− | }
| |
− |
| |
− | th{
| |
− | background-color: rgba(168,182,120,0.95);
| |
− | }
| |
− |
| |
− |
| |
− | /*END James' Crap*/
| |
− | /* Begin Databox styling*/
| |
− | .databox {float:left;
| |
− | margin-top: 10px;
| |
− | border-radius: 4px;
| |
− | padding: 5px 15px 5px 15px;
| |
− | font:sans-serif;
| |
− | font-size:13px;
| |
− | color:rgba(225,225,225,.9);
| |
− | text-align:justify;
| |
− | background: rgba(168, 182, 120, .95);
| |
− | }
| |
− | .databox a {color:#000000;
| |
− | }
| |
− | .databox img {
| |
− | float:none;
| |
− | margin:0px 8px 0px 4px;
| |
− | }
| |
− | /* Begin Databox styling*/
| |
− |
| |
− | /* Begin floatbox styling*/
| |
− | .floatbox
| |
− | {
| |
− | width:707px;
| |
− | float:left;
| |
− | background-color: rgba(0,0,0,.65);
| |
− | margin-top: 10px;
| |
− | border-radius: 4px;
| |
− | padding: 15px 15px 15px 15px;
| |
− | font:sans-serif;
| |
− | font-size:13px;
| |
− | color:rgba(77, 69, 49, .69)
| |
− | text-align:justify;
| |
− | }
| |
− |
| |
− | .floatboxwide
| |
− | {
| |
− | width:937px;
| |
− | float:left;
| |
− | background-color: rgba(0,0,0,.65);
| |
− | margin-top: 10px;
| |
− | border-radius: 4px;
| |
− | padding: 15px 15px 15px 15px;
| |
− | font:sans-serif;
| |
− | font-size:13px;
| |
− | color:rgba(225,225,225,.9);
| |
− | text-align:justify;
| |
− | }
| |
− | .floatboxleft
| |
− | {
| |
− | width:102px;
| |
− | float:left;
| |
− | background-color: rgba(0,0,0,.65);
| |
− | border-radius: 4px;
| |
− | padding: 15px 15px 15px 15px;
| |
− | font:sans-serif;
| |
− | font-size:13px;
| |
− | color:rgba(225,225,225,.9);
| |
− | }
| |
− |
| |
− | .floatprotocol
| |
− | {
| |
− | width:710px;
| |
− | float:left;
| |
− | background-color: rgba(0,0,0,.65);
| |
− | margin-top: 10px;
| |
− | border-radius: 4px;
| |
− | padding: 15px 15px 15px 15px;
| |
− | font: sans-serif;
| |
− | font-size: 13px;
| |
− | color: rgba(225,225,225,.9);
| |
− | }
| |
− |
| |
− | .floatbox1
| |
− | {width:97%;
| |
− | float:left;
| |
− | background-color: rgba(0,0,0,.4);
| |
− | margin-top: 10px;
| |
− | margin-bottom: 0px;
| |
− | border-radius: 4px;
| |
− | padding: 15px 15px 15px 15px;
| |
− | font: sans-serif;
| |
− | font-size: 13px;
| |
− | color: rgba(225,225,225,1);
| |
− | text-align:justify;
| |
− | }
| |
− |
| |
− | .floatboxPotentiostat
| |
− | {width:97%;
| |
− | float:left;
| |
− | margin-top: 0px;
| |
− | margin-bottom: 0px;
| |
− | border-radius: 4px;
| |
− | padding: 15px 15px 15px 15px;
| |
− | font: sans-serif;
| |
− | font-size: 13px;
| |
− | color: #212f20;
| |
− | text-align:justify;
| |
− | }
| |
− | .floatboxPotentiostat p
| |
− | {color:#212f20;
| |
− | font-size:120%;
| |
− | }
| |
− |
| |
− | .floatboxPotentiostatLeftPic
| |
− | {padding:10px;
| |
− | }
| |
− | .floatboxPotentiostatLeftPic img
| |
− | {float:left;margin-right:20px;
| |
− | }
| |
− |
| |
− | .floatboxPotentiostatRightPic
| |
− | {padding:10px;
| |
− | }
| |
− | .floatboxPotentiostatRightPic img
| |
− | {float:right;margin-left:20px;
| |
− | }
| |
− |
| |
− | .PotentiostatTextNewColors{vertical-align:text-top; display:inline; float:left;}
| |
− | .potentiostatLeftTab{float:left;}
| |
− | .potentiostatCenterTab{ margin-left: 80px; float:left;}
| |
− | .potentiostatRightTab{ margin-left: 80px; float:left;}
| |
− |
| |
− | .floatbox2
| |
− | {width:194px;
| |
− | float:right;
| |
− | background-color:rgba(0,0,0,.65);
| |
− | margin-top:10px;
| |
− | margin-bottom:0px;
| |
− | border-radius:4px;
| |
− | padding: 15px 15px 15px 15px;
| |
− | font:sans-serif;
| |
− | font-size:11px;
| |
− | color:#FFFFFF;
| |
− | text-align:justify;
| |
− | }
| |
− | /* End floatbox styling */
| |
− |
| |
− | /*Begin switchbox1*/
| |
− |
| |
− |
| |
− |
| |
− | .switchbox1 {
| |
− | width:32.64%;
| |
− | height:43px;
| |
− | text-decoration:none;
| |
− | border-radius:4px;
| |
− | border:none;
| |
− | float:left;
| |
− | margin-top:10px;
| |
− | position:relative;
| |
− | background-size: 316px 43px;
| |
− | }
| |
− |
| |
− | .switchbox1:nth-of-type(2) {
| |
− | margin:10px 10px 0px 10px;
| |
− | }
| |
− |
| |
− | .switchbox1 span {
| |
− | position:absolute;
| |
− | top:0;
| |
− | left:0;
| |
− | width:316px;
| |
− | height:43px;
| |
− | background-size: 316px 43px;
| |
− | opacity:.80;
| |
− | -webkit-transition: opacity 0.5s;
| |
− | -moz-transition: opacity 0.5s;
| |
− | -o-transition: opacity 0.5s;
| |
− | border-radius:4px;
| |
− | background-color:rgba(0,0,0,.65);
| |
− |
| |
− | }
| |
− |
| |
− | .switchbox1 span:hover {
| |
− | opacity:1;
| |
− | }
| |
− |
| |
− | .switchbox1 h2 {
| |
− | text-decoration:none;
| |
− | border:none;
| |
− | text-align:center;
| |
− | }
| |
− |
| |
− |
| |
− | /*End switchbox1*/
| |
− |
| |
− | /*showbox styling*/
| |
− |
| |
− | .showbox tr:first-child td {
| |
− | border-top: 1px;
| |
− | padding-top: 1px
| |
− | }
| |
− | .showbox tr:last-child td {
| |
− | border-bottom: 1px;
| |
− | padding-bottom: 1px
| |
− | }
| |
− | .showbox tr td:first-child {
| |
− | border-left: 1px;
| |
− | padding-left: 1px;
| |
− | }
| |
− | .showbox tr td:last-child {
| |
− | border-right: 1px;
| |
− | padding-right: 1px;
| |
− | }
| |
− |
| |
− | .showbox {
| |
− | background:none;
| |
− | color:#ffffff;
| |
− | vertical-align:baseline;
| |
− | border-collapse:collapse;
| |
− | }
| |
− | .showbox td {
| |
− | background:none;
| |
− | border:1px solid rgba(65,65,65,.64);
| |
− | padding:10px;
| |
− | width:50%;
| |
− | }
| |
− | .showbox p {
| |
− | text-align:top;
| |
− | color:#ffffff;
| |
− | margin:0px;
| |
− | }
| |
− | .showbox img {
| |
− | height:120px;
| |
− | width:120px;
| |
− | float:left;
| |
− | border-radius:4px;
| |
− | margin-right:10px;
| |
− | }
| |
− |
| |
− | .showbox1 tr:first-child td {
| |
− | border-top: 1px;
| |
− | padding-top: 1px;
| |
− | }
| |
− | .showbox1 tr:last-child td {
| |
− | border-bottom: 1px;
| |
− | padding-bottom: 1px
| |
− | }
| |
− | .showbox1 tr td:first-child {
| |
− | border-left: 1px;
| |
− | padding-left: 1px;
| |
− | }
| |
− | .showbox1 tr td:last-child {
| |
− | border-right: 1px;
| |
− | padding-right: 1px;
| |
− | }
| |
− |
| |
− | .showbox1 {
| |
− | background:none;
| |
− | color:#ffffff;
| |
− | vertical-align:baseline;
| |
− | border-collapse:collapse;
| |
− | }
| |
− | .showbox1 td {
| |
− | background:none;
| |
− | border:1px solid rgba(65,65,65,.64);
| |
− | padding:10px;
| |
− | width:50%;
| |
− | }
| |
− | .showbox1 p {
| |
− | text-align:top;
| |
− | color:#ffffff;
| |
− | margin:0px;
| |
− | }
| |
− | .showbox1 img {
| |
− | height:120px;
| |
− | width:120px;
| |
− | float:left;
| |
− | border-radius:4px;
| |
− | margin-right:10px;
| |
− | }
| |
− |
| |
− |
| |
− | a:hover {
| |
− | text-decoration:none;
| |
− | }
| |
− |
| |
− | /*end showboxstyling */
| |
− |
| |
− | /*showboxwide styling*/
| |
− |
| |
− | .showboxwide tr:first-child td {
| |
− | border-top: 0px;
| |
− | padding-top: 1px
| |
− | }
| |
− | .showboxwide tr:last-child td {
| |
− | border-bottom: 0px;
| |
− | padding-bottom: 1px
| |
− | }
| |
− | .showboxwide tr td:first-child {
| |
− | border-left: 0px;
| |
− | padding-left: 1px;
| |
− | }
| |
− | .showboxwide tr td:last-child {
| |
− | border-right: 0px;
| |
− | padding-right: 1px;
| |
− | }
| |
− |
| |
− | .showboxwide {
| |
− | background:none;
| |
− | color:#ffffff;
| |
− | vertical-align:baseline;
| |
− | border-collapse:collapse;
| |
− | }
| |
− | .showboxwide td {
| |
− | background:none;
| |
− | border:1px solid rgba(65,65,65,.64);
| |
− | padding:15px;
| |
− | width:50%;
| |
− | }
| |
− | .showboxwide p {
| |
− | text-align:top;
| |
− | color:#ffffff;
| |
− | margin:0px;
| |
− | }
| |
− | .showboxwide img {
| |
− | height:120px;
| |
− | width:120px;
| |
− | float:left;
| |
− | border-radius:4px;
| |
− | margin-right:10px
| |
− | }
| |
− |
| |
− | .showboxwide a:hover {
| |
− | text-decoration:none;
| |
− | }
| |
− |
| |
− | /*end showboxwide styling */
| |
− |
| |
− | /* 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: rgba(129, 142, 94, .95); /* 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 type="text/css">
| |
− |
| |
− | /* Hiding default wiki displays: Credits to TU-Delft and Groningen for the code! */
| |
− | #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;
| |
− |
| |
− | }
| |
− |
| |
− | #content {
| |
− | position: relative;
| |
− | width: 967px;
| |
− | padding: 0px 0px 0px 0px;
| |
− | border: none;
| |
− | color: black;
| |
− | line-height: 1.5em;
| |
− | z-index: 2;
| |
− | background-color:transparent;
| |
− | }
| |
− |
| |
− | #catlinks {
| |
− | visibility:hidden;
| |
− | }
| |
− |
| |
− | #bodyContent {
| |
− | background-image: url('');
| |
− | background-size: 100%;
| |
− | background-repeat: no-repeat;
| |
− | background-attachment:fixed;
| |
− | font-family: arial, times;
| |
− | width:100%;
| |
− | background-color:transparent;
| |
− | }
| |
− |
| |
− | .partsreglink:link {
| |
− | color:#33ee33;
| |
− | }
| |
− | .partsreglink:visited {
| |
− | color:#33ee33;
| |
− | }
| |
− |
| |
− | #top-section {
| |
− | height: 20px;
| |
− | background-color: rgba(255,255,255,0);
| |
− | margin-left: auto;
| |
− | width: 99%;
| |
− | margin-right: auto;
| |
− | margin-bottom: 10px;
| |
− | margin-top: 0px;
| |
− | border-bottom: 20px;
| |
− | }
| |
− |
| |
− | #p-logo {
| |
− | height:0px;
| |
− | overflow:hidden;
| |
− | display:none;
| |
− | }
| |
− | .firstHeading {
| |
− | display: none;
| |
− | }
| |
− | #footer-box {
| |
− | background-color: transparent;
| |
− | border: none;
| |
− | width: 1000px;
| |
− | margin: 0 auto;
| |
− | padding: 0;
| |
− | }
| |
− | #search-controls {
| |
− | display: none;
| |
− | }
| |
− | </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>
| |
− | </li>
| |
− | <li class="dropdown rightbookend">
| |
− | <a href="/Team:UC_Davis/Policy_Practices_Overview" style="font-size:13px;">Policy & Practices</a>
| |
− | </li>
| |
− | <li class="dropdown leftbookend rightbookend">
| |
− | <a href="https://2014.igem.org/Team:UC_Davis/Team_Overview" style="font-size:13px;">Acknowledgements</a>
| |
− | </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>
| |