"
Template:Team:UC Davis/Head
From 2014.igem.org
(Difference between revisions)
| (178 intermediate revisions not shown) | |||
| Line 1: | Line 1: | ||
<html> | <html> | ||
| - | <head> | + | <head> |
| + | <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> | ||
| + | |||
| + | |||
<title> UC Davis iGEM 2014 </title> | <title> UC Davis iGEM 2014 </title> | ||
<style> | <style> | ||
/* Random CSS */ | /* Random CSS */ | ||
| - | + | body {background-color: rgb(249,245,200);} | |
a.white:link {color:#FFF;} /* unvisited link */ | a.white:link {color:#FFF;} /* unvisited link */ | ||
a.white:visited {color:#FFF;} /* visited link */ | a.white:visited {color:#FFF;} /* visited link */ | ||
| Line 12: | Line 15: | ||
a{color:#909090} | a{color:#909090} | ||
| + | .brightlink {color:#00BA00 !important; | ||
| + | |||
| + | } | ||
| + | .centertext {text-align: center; | ||
| + | } | ||
a:visited{color:#909090} | a:visited{color:#909090} | ||
| Line 31: | Line 39: | ||
} | } | ||
.genpic { border-radius:4px; | .genpic { border-radius:4px; | ||
| - | margin-right: | + | margin-right:20px; |
| - | margin-bottom: | + | margin-bottom:20px; |
} | } | ||
.genpicfloatleft { border-radius:4px; | .genpicfloatleft { border-radius:4px; | ||
| - | margin-right: | + | margin-right:20px; |
| - | margin-bottom: | + | margin-bottom:20px; |
float:left; | float:left; | ||
} | } | ||
.genpicfloatright { border-radius:4px; | .genpicfloatright { border-radius:4px; | ||
| - | margin-left: | + | margin-left:20px; |
float:right; | float:right; | ||
| - | margin-bottom: | + | margin-bottom:20px; |
} | } | ||
| - | img. | + | .horizontalCenteringDiv { float:left; |
| - | width: | + | height:100%; |
| - | + | } | |
| + | |||
| + | img.pStatImage { | ||
| + | width: 300px; | ||
| + | float: left; | ||
| + | |||
| + | top: 0; bottom: 0; left: 0; right: 0; | ||
| + | margin: auto; | ||
} | } | ||
| Line 73: | Line 88: | ||
clear:both; | clear:both; | ||
} | } | ||
| + | .clear { clear:both; | ||
| + | } | ||
/* END Random CSS */ | /* END Random CSS */ | ||
| + | |||
| + | /* Aaron - Main Containers */ | ||
| + | |||
| + | table#eChemJulie { | ||
| + | float:left; | ||
| + | border-spacing: 0px; | ||
| + | table-layout: fixed; | ||
| + | width: 100%; | ||
| + | vertical-align:top; | ||
| + | text-align: left; | ||
| + | margin: 10px; | ||
| + | border: 2px solid black; | ||
| + | color:#212f20; | ||
| + | } | ||
| + | |||
| + | .partstable {float:center; | ||
| + | border:none; | ||
| + | padding:3px; | ||
| + | margin:20px; | ||
| + | color:#212f20; | ||
| + | margin-right:auto; | ||
| + | margin-left:auto; | ||
| + | |||
| + | } | ||
| + | .partstable td { | ||
| + | padding: 5px; | ||
| + | } | ||
| + | |||
| + | .mainTitleHeader { | ||
| + | width:937px; | ||
| + | float:left; | ||
| + | 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; | ||
| + | background: rgba(168, 182, 120, .95); | ||
| + | |||
| + | } | ||
| + | |||
| + | .mainTitleHeader :first-child {color:#212f20;margin: 0px;font-size:140%;font-weight: bold; | ||
| + | } | ||
| + | |||
| + | .mainContainer | ||
| + | {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; | ||
| + | } | ||
| + | .mainContainer p | ||
| + | {color:#212f20; | ||
| + | font-size:120%; | ||
| + | } | ||
| + | |||
| + | .mainContainerLeftPic | ||
| + | {padding:10px; | ||
| + | } | ||
| + | .mainContainerLeftPic img | ||
| + | {float:left;margin-right:20px;margin-bottom:20px; | ||
| + | } | ||
| + | |||
| + | .mainContainerRightPic | ||
| + | {padding:10px; | ||
| + | } | ||
| + | .mainContainerRightPic img | ||
| + | {float:right;margin-left:20px;margin-bottom:20px; | ||
| + | } | ||
| + | .mainContainerCenterPic | ||
| + | {padding:10px;float:center;margin:auto; | ||
| + | } | ||
| + | .mainContainerCenterPic img | ||
| + | {float:center; | ||
| + | } | ||
| + | .mainContainerCenterTopPic | ||
| + | {padding:10px;float:center;margin:auto; | ||
| + | } | ||
| + | .mainContainerCenterTopPic img | ||
| + | {float:right;margin-bottom:20px;margin-bottom:20px; | ||
| + | } | ||
| + | |||
| + | /* 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*/ | /* Begin floatbox styling*/ | ||
| Line 142: | Line 306: | ||
text-align:justify; | 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 | .floatbox2 | ||
| Line 157: | Line 357: | ||
} | } | ||
/* End floatbox styling */ | /* 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 styling*/ | ||
| Line 337: | Line 586: | ||
/* The main navigation links */ | /* The main navigation links */ | ||
| - | .nav>li>a { | + | .nav>li>a, .nav>li>p { |
/* Layout & positioning */ | /* Layout & positioning */ | ||
display: block; | display: block; | ||
| Line 370: | Line 619: | ||
/* Chaning the background on hover */ | /* Chaning the background on hover */ | ||
| - | .nav>li>a:hover, .nav>li:hover>a { | + | .nav>li>a:hover, .nav>li>p:hover .nav>li:hover>a { |
background: rgba(255, 255, 255, .9); | background: rgba(255, 255, 255, .9); | ||
color: #000; | color: #000; | ||
} | } | ||
| - | .nav>li:first-child a { | + | .nav>li:first-child a, .nav>li:first-child p { |
border-top-left-radius: 3px; | border-top-left-radius: 3px; | ||
} | } | ||
| Line 480: | Line 729: | ||
/* The hover state of the links */ | /* The hover state of the links */ | ||
| - | .nav ul li:hover>a, .nav ul li>a:hover { | + | .nav ul li:hover>a, .nav ul li>a:hover, .nav ul li:hover>p, .nav ul li>p:hover { |
background: #c8c8c8; /*e7e7e7 */ | background: #c8c8c8; /*e7e7e7 */ | ||
color: #000000; | color: #000000; | ||
| Line 519: | Line 768: | ||
/* Hiding default wiki displays: Credits to TU-Delft and Groningen for the code! */ | /* Hiding default wiki displays: Credits to TU-Delft and Groningen for the code! */ | ||
#globalWrapper { | #globalWrapper { | ||
| - | background-color: rgba( | + | 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-image: url('https://static.igem.org/mediawiki/2014/2/21/UCD_2014_Picked-olives-ii-Recovered2-9.jpg'); | ||
background-size: 100%; | background-size: 100%; | ||
| Line 567: | Line 816: | ||
margin-right: auto; | margin-right: auto; | ||
margin-bottom: 10px; | margin-bottom: 10px; | ||
| - | margin-top: | + | margin-top: 0px; |
border-bottom: 20px; | border-bottom: 20px; | ||
} | } | ||
| Line 590: | Line 839: | ||
} | } | ||
</style> | </style> | ||
| + | |||
</head> | </head> | ||
| Line 597: | Line 847: | ||
<a href="/Team:UC_Davis" style="font-size:13px;">Home</a> | <a href="/Team:UC_Davis" style="font-size:13px;">Home</a> | ||
</li> | </li> | ||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
<li class="dropdown leftbookend rightbookend"> | <li class="dropdown leftbookend rightbookend"> | ||
<a href="https://2014.igem.org/Team:UC_Davis/Project_Overview" style="font-size:13px;">Project</a> | <a href="https://2014.igem.org/Team:UC_Davis/Project_Overview" style="font-size:13px;">Project</a> | ||
<ul> | <ul> | ||
<li><a href="https://2014.igem.org/Team:UC_Davis/Project_Overview">Overview</a></li> | <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/Potentiostat_Design">Potentiostat Design</a></li> | ||
<li><a href="/Team:UC_Davis/Electrochemistry">Electrochemistry</a></li> | <li><a href="/Team:UC_Davis/Electrochemistry">Electrochemistry</a></li> | ||
| - | <li><a href="/Team:UC_Davis/ | + | <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> | <li><a href='/Team:UC_Davis/Parts'>Parts</a></li> | ||
| - | |||
</ul> | </ul> | ||
</li> | </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"> | <li class="dropdown leftbookend rightbookend"> | ||
| - | + | <a href="/Team:UC_Davis/Safety" style="font-size:13px;">Safety</a> | |
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
</li> | </li> | ||
<li class="dropdown leftbookend rightbookend"> | <li class="dropdown leftbookend rightbookend"> | ||
| - | + | <a href="https://2014.igem.org/Main_Page" style="font-size:13px;">iGEM</a> | |
<ul> | <ul> | ||
| - | |||
| - | |||
| - | |||
| - | |||
</ul> | </ul> | ||
| - | </li> | + | </li> |
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
</ul> | </ul> | ||
</body> | </body> | ||
</html> | </html> | ||
Latest revision as of 02:33, 18 October 2014
