Template:Team:UC Davis/Head
From 2013.igem.org
(Difference between revisions)
(321 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
<head> | <head> | ||
+ | |||
- | <style type="text/css"> | + | <!-- Head Scripts --> |
+ | <script src="https://2013.igem.org/wiki/skins/common/ajax.js?270"></script> | ||
+ | <script src="https://2013.igem.org/wiki/skins/common/mwsuggest.js?270"></script> | ||
+ | <script type="text/javascript" src="https://2013.igem.org/wiki/index.php? title=- &action=raw&gen=js&useskin=igem"><!-- site js --></script> | ||
+ | <!-- jQuery Javascript --> | ||
+ | <script type="text/javascript" src ="https://2013.igem.org/common/jquery-latest.min.js"> | ||
+ | </script> | ||
+ | <!-- End head Scripts --> | ||
+ | |||
+ | <script> | ||
+ | (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ | ||
+ | (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), | ||
+ | m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) | ||
+ | })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); | ||
+ | |||
+ | ga('create', 'UA-44427828-1', 'igem.org'); | ||
+ | ga('send', 'pageview'); | ||
+ | |||
+ | </script> | ||
+ | |||
+ | <style type="text/css"> | ||
a.white:link {color:#FFF;} /* unvisited link */ | a.white:link {color:#FFF;} /* unvisited link */ | ||
Line 9: | Line 30: | ||
a.white:active {color:#FFF;} /* selected link */ | a.white:active {color:#FFF;} /* selected link */ | ||
- | + | a{color:#909090} | |
+ | |||
+ | a:visited{color:#909090} | ||
+ | |||
+ | .floatbox | ||
{ | { | ||
width:707px; | width:707px; | ||
float:left; | float:left; | ||
background-color: rgba(0,0,0,.65); | background-color: rgba(0,0,0,.65); | ||
- | margin-top: | + | 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; | ||
+ | } | ||
+ | |||
+ | .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; | border-radius: 4px; | ||
padding: 15px 15px 15px 15px; | padding: 15px 15px 15px 15px; | ||
Line 20: | Line 84: | ||
font-size: 13px; | font-size: 13px; | ||
color: rgba(225,225,225,.9); | 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; | ||
+ | } | ||
+ | |||
+ | .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; | ||
} | } | ||
Line 25: | Line 117: | ||
.nav, .nav ul { | .nav, .nav ul { | ||
margin: 0; | margin: 0; | ||
+ | margin-bottom: 10px; | ||
padding: 0; | padding: 0; | ||
list-style: none; | list-style: none; | ||
Line 38: | Line 131: | ||
width: 967px; /*1000px*/ | width: 967px; /*1000px*/ | ||
height: 43px; | height: 43px; | ||
+ | border-radius:4px; | ||
/* Background & effects */ | /* Background & effects */ | ||
background: #232323; /* Background for Internet Explorer 9 and older browsers */ | background: #232323; /* Background for Internet Explorer 9 and older browsers */ | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
Line 63: | Line 154: | ||
width: 159.1px; /* 198 */ | width: 159.1px; /* 198 */ | ||
padding: 15px 0px; | padding: 15px 0px; | ||
- | |||
- | |||
/* Typography */ | /* Typography */ | ||
Line 71: | Line 160: | ||
font-weight: normal; | font-weight: normal; | ||
text-decoration: none; | text-decoration: none; | ||
- | color: | + | color: rgba(255, 255, 255, .9); |
text-shadow: 0 1px 0 #2a2a2a; | text-shadow: 0 1px 0 #2a2a2a; | ||
text-align: center; | text-align: center; | ||
Line 82: | Line 171: | ||
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 */ | /* Chaning the background on hover */ | ||
Line 124: | Line 222: | ||
/* Making the level 1 submenu to appear on hover */ | /* Making the level 1 submenu to appear on hover */ | ||
.nav>li:hover>ul { | .nav>li:hover>ul { | ||
- | left: | + | left: 0px; |
} | } | ||
Line 217: | Line 315: | ||
.nav>li:last-child:hover>ul | .nav>li:last-child:hover>ul | ||
{ | { | ||
- | left: | + | left: 0px; |
} | } | ||
Line 226: | Line 324: | ||
} | } | ||
</style> | </style> | ||
- | <style> | + | <style type="text/css"> |
/* 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(255,255, | + | background-color: rgba(255, 255, 155, ); |
- | background-image: url(' | + | background-image: url('https://static.igem.org/mediawiki/2013/8/85/UC_Davis_13_DNA-background.jpg'); |
background-size: 100%; | background-size: 100%; | ||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
background-attachment:fixed; | background-attachment:fixed; | ||
font-family: arial, times; | font-family: arial, times; | ||
+ | |||
} | } | ||
#content { | #content { | ||
position: relative; | position: relative; | ||
- | width: | + | width: 967px; |
padding: 0px 0px 0px 0px; | padding: 0px 0px 0px 0px; | ||
- | |||
border: none; | border: none; | ||
color: black; | color: black; | ||
Line 254: | Line 352: | ||
#bodyContent { | #bodyContent { | ||
- | |||
background-image: url('http://biobm.com/images/DNA-background.jpg'); | background-image: url('http://biobm.com/images/DNA-background.jpg'); | ||
background-size: 100%; | background-size: 100%; | ||
+ | background-color: rgba(255, 255, 155, 1) | ||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
background-attachment:fixed; | background-attachment:fixed; | ||
font-family: arial, times; | font-family: arial, times; | ||
+ | width:100%; | ||
+ | color:#ffffff; | ||
} | } | ||
Line 310: | Line 410: | ||
margin-top:-80px; | margin-top:-80px; | ||
border: none; | border: none; | ||
- | color: #000 | + | color: #000; |
} | } | ||
Line 324: | Line 424: | ||
p {border:none;} | p {border:none;} | ||
- | h1 {border-color:white; color:white} | + | .teampagetext {vertical-align:text-top; display:inline; width:740px; float:left;} |
- | .banner {border-radius:4px} | + | h1 {border-color:white; |
+ | color:white; | ||
+ | } | ||
+ | h2 {color:white;} | ||
+ | h3 {margin-bottom:0px; | ||
+ | font-size:140%; | ||
+ | padding:0px; | ||
+ | color:white; | ||
+ | } | ||
+ | .banner {border-radius:4px; | ||
+ | } | ||
+ | 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; | ||
+ | |||
+ | } | ||
+ | |||
+ | #myleftbox .smallboxsite | ||
+ | { | ||
+ | width:707px; | ||
+ | float:left; | ||
+ | background-color:rgba(0,0,0,.65); | ||
+ | margin-top: 17px; | ||
+ | border-radius: 4px; | ||
+ | padding: 0px 15px 15px 15px; | ||
+ | font: sans-serif; | ||
+ | font-size: 13px; | ||
+ | line-height:1.5em; | ||
+ | color:black; | ||
+ | } | ||
+ | #myleftbox | ||
+ | { | ||
+ | position:relative; | ||
+ | bottom:0px; | ||
+ | width:707px; | ||
+ | float:left; | ||
+ | margin-top: 0px; | ||
+ | border-radius: 4px; | ||
+ | padding: 0px; | ||
+ | font: sans-serif; | ||
+ | font-size: 13px; | ||
+ | color: white; | ||
+ | } | ||
- | |||
- | |||
- | |||
- | + | /*sitemap styling*/ | |
- | + | #sitemap1 {background:none; | |
- | + | width:100%; | |
- | + | } | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | #sitemap1 td {background:none; | |
- | + | vertical-align:top; | |
- | + | border: none; | |
- | + | min-width:80px; | |
- | + | } | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | #sitemap1 a:link { | |
- | + | color:#ffffff; | |
- | + | text-decoration:none; | |
- | + | } | |
+ | #sitemap1 a:visited { | ||
+ | color:#ffffff; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | #sitemap1 a:hover { | ||
+ | color:#ffffff; | ||
+ | text-decoration:none; | ||
+ | } | ||
- | + | /*end sitemap style*/ | |
- | + | ||
- | |||
+ | /*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; | ||
+ | } | ||
- | + | ||
- | <li class="dropdown"> | + | 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 */ | ||
+ | |||
+ | /* to center an image on a line by itself */ | ||
+ | .centerimg{ | ||
+ | display: block; | ||
+ | margin-left:auto; | ||
+ | margin-right:auto; | ||
+ | float:none; | ||
+ | } | ||
+ | |||
+ | table.black{ | ||
+ | background: none; | ||
+ | color:rgba(225,225,225,.9);} | ||
+ | table.black td{ | ||
+ | border:1px solid rgba(65,65,65,.64);} | ||
+ | |||
+ | .bold{font-weight:bolder; | ||
+ | font-size:14pt;} | ||
+ | |||
+ | /* Begin Blur CSS */ | ||
+ | .blur | ||
+ | { | ||
+ | filter: hue-rotate(0); | ||
+ | -webkit-filter: hue-rotate(0); | ||
+ | -moz-filter: hue-rotate(0); | ||
+ | -o-filter: hue-rotate(0); | ||
+ | -ms-filter: hue-rotate(0); | ||
+ | } | ||
+ | |||
+ | .blur:hover | ||
+ | { | ||
+ | |||
+ | |||
+ | filter: hue-rotate(180deg); | ||
+ | -webkit-filter: hue-rotate(180deg); | ||
+ | -moz-filter: hue-rotate(180deg); | ||
+ | -o-filter: hue-rotate(180deg); | ||
+ | -ms-filter: hue-rotate(180deg); | ||
+ | } | ||
+ | |||
+ | /*End Blur CSS */ | ||
+ | |||
+ | .genpic { border-radius:4px; | ||
+ | margin-right:10px; | ||
+ | margin-bottom:10px; | ||
+ | } | ||
+ | |||
+ | .genpicfloatleft | ||
+ | { border-radius:4px; | ||
+ | margin-right:10px; | ||
+ | margin-bottom:10px; | ||
+ | float:left; | ||
+ | } | ||
+ | .genpicfloatright | ||
+ | { border-radius:4px; | ||
+ | margin-left:10px; | ||
+ | float:right; | ||
+ | margin-bottom:10px; | ||
+ | } | ||
+ | .clear {clear:both;} | ||
+ | |||
+ | |||
+ | /*begin parts table css*/ | ||
+ | .partstable | ||
+ | {width:700px; | ||
+ | } | ||
+ | |||
+ | /*end parts table css*/ | ||
+ | |||
+ | /*back to top links*/ | ||
+ | a.to_top {float:right; | ||
+ | font-size:12pt;} | ||
+ | |||
+ | |||
+ | </style> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | </head> | ||
+ | <body> | ||
+ | <a id="top"> | ||
+ | </a> | ||
+ | |||
+ | <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://2013.igem.org/Team:UC_Davis/Team_Overview" style="font-size:13px;">Team</a> | ||
+ | <ul> | ||
+ | <li><a href="https://2013.igem.org/Team:UC_Davis/Team_Overview">Overview</a></li> | ||
+ | <li><a href="https://2013.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=1212">Official Team Profile</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="dropdown leftbookend rightbookend"> | ||
+ | <a href="https://2013.igem.org/Team:UC_Davis/Project_Overview" style="font-size:13px;">Project</a> | ||
+ | <ul> | ||
+ | <li><a href="https://2013.igem.org/Team:UC_Davis/Project_Overview">Overview</a></li> | ||
+ | <li><a href="/Team:UC_Davis/Modeling">Modeling</a></li> | ||
+ | <li><a href='/Team:UC_Davis/Assembly'>Assembly</a></li> | ||
+ | <li><a href='/Team:UC_Davis/Parts'>Parts</a></li> | ||
+ | <li><a href='/Team:UC_Davis/Safety'>Safety</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="dropdown leftbookend rightbookend"> | ||
+ | <a href="/Team:UC_Davis/Data" style="font-size:13px;">Data</a> | ||
+ | <ul> | ||
+ | <li><a href="/Team:UC_Davis/Data">Testing Constructs</a></li> | ||
+ | <li><a href="/Team:UC_Davis/AndersonPromoters">Anderson Promoters</a></li> | ||
+ | <li><a href="/Team:UC_Davis/AndersonPromoters2">Anderson II</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="dropdown leftbookend rightbookend"> | ||
+ | <a href='/Team:UC_Davis/Notebook_Overview' style="font-size:13px;">Notebook</a> | ||
+ | <ul> | ||
+ | <li><a href="/Team:UC_Davis/Notebook">Notebook</a></li> | ||
+ | <li><a href="/Team:UC_Davis/Protocols">Protocols</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:UC_Davis/Gallery">Gallery</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:UC_Davis/Attributions">Attributions</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="dropdown rightbookend"> | ||
<a href="/Team:UC_Davis/HumanPracticesOverview" style="font-size:13px;">Human Practices</a> | <a href="/Team:UC_Davis/HumanPracticesOverview" style="font-size:13px;">Human Practices</a> | ||
- | + | <ul> | |
- | + | ||
<li><a href='/Team:UC_Davis/HumanPracticesOverview'>Overview</a></li> | <li><a href='/Team:UC_Davis/HumanPracticesOverview'>Overview</a></li> | ||
<li><a href='/Team:UC_Davis/Outreach'>Outreach</a></li> | <li><a href='/Team:UC_Davis/Outreach'>Outreach</a></li> | ||
- | + | <li><a href='/Team:UC_Davis/Database'>The Depot</a></li> | |
- | </li> | + | </ul> |
- | </ul> | + | </li> |
+ | </ul> | ||
- | |||
- | + | ||
+ | <script>if (window.runOnloadHook) runOnloadHook();</script> | ||
+ | |||
+ | </body> | ||
+ | </html> |
Latest revision as of 05:25, 8 September 2014