Template:Team:UC Davis/Head
From 2013.igem.org
(Difference between revisions)
(322 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
<head> | <head> | ||
+ | |||
+ | <!-- 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"> | <style type="text/css"> | ||
- | 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 */ |
- | a.white:hover {color:#FFF;} /* mouse over link */ | + | a.white:hover {color:#FFF;} /* mouse over link */ |
- | a.white:active {color:#FFF;} /* selected link */ | + | a.white:active {color:#FFF;} /* selected link */ |
+ | |||
+ | a{color:#909090} | ||
+ | |||
+ | a:visited{color:#909090} | ||
.floatbox | .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; | + | border-radius: 4px; |
- | padding: 15px 15px 15px 15px; | + | padding: 15px 15px 15px 15px; |
- | font: sans-serif; | + | font:sans-serif; |
- | font-size: 13px; | + | font-size:13px; |
- | color: rgba(225,225,225,.9); | + | 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; | |
+ | 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; | ||
+ | } | ||
+ | |||
+ | .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; | ||
+ | } | ||
+ | |||
+ | /* Some stylesheet reset */ | ||
+ | .nav, .nav ul { | ||
+ | margin: 0; | ||
+ | margin-bottom: 10px; | ||
+ | padding: 0; | ||
+ | list-style: none; | ||
+ | line-height: 1; | ||
+ | z-index: 9999999; | ||
+ | } | ||
- | /* The link containers */ | + | /* The top navigation menu */ |
- | .nav>li { | + | .nav { |
- | + | /* Layout & positioning */ | |
- | + | display: block; | |
- | + | position: relative; | |
- | + | width: 967px; /*1000px*/ | |
- | + | height: 43px; | |
+ | border-radius:4px; | ||
+ | |||
+ | /* Background & effects */ | ||
+ | background: #232323; /* 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 */ | + | /* The main navigation links */ |
- | .nav>li>a { | + | .nav>li>a { |
- | + | /* 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; | ||
+ | } | ||
- | .nav>li: | + | /* Chaning the background on hover */ |
- | + | .nav>li>a:hover, .nav>li:hover>a { | |
- | } | + | background: rgba(255, 255, 255, .9); |
+ | color: #000; | ||
+ | } | ||
+ | .nav>li:first-child a { | ||
+ | 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 | + | .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 | + | .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 { | + | /* 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 */ | + | /* Expanding the list elements which contain the links */ |
- | .nav li:hover>ul>li { | + | .nav li:hover>ul>li { |
- | + | height: 24px; | |
- | } | + | } |
- | .nav>li:hover>ul>li:first-child { | + | .nav>li:hover>ul>li:first-child { |
- | + | height: 27px; | |
- | } | + | } |
- | .nav>li>ul>li:first-child>a { | + | .nav>li>ul>li:first-child>a { |
- | + | border-top: 3px solid #fff; | |
- | } | + | } |
- | .nav>li>ul>li.dropdown:first-child>ul { | + | .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; | ||
+ | } | ||
- | .nav | + | /* The hover state of the links */ |
- | + | .nav ul li:hover>a, .nav ul li>a: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 | |
- | .nav | + | { |
- | + | margin-bottom: 0 | |
- | + | } | |
- | } | + | |
- | |||
- | |||
- | |||
- | |||
- | .nav>li>ul | + | .nav>li:first-child:hover>ul |
- | { | + | { |
- | + | left:0px; | |
- | } | + | } |
+ | .nav>li:last-child:hover>ul | ||
+ | { | ||
+ | left: 0px; | ||
+ | } | ||
- | . | + | .tableCSS |
- | + | { | |
+ | background-color:#ffffff; | ||
+ | width:1000px; | ||
+ | } | ||
+ | </style> | ||
+ | <style type="text/css"> | ||
- | + | /* Hiding default wiki displays: Credits to TU-Delft and Groningen for the code! */ | |
+ | #globalWrapper { | ||
+ | background-color: rgba(255, 255, 155, ); | ||
+ | background-image: url('https://static.igem.org/mediawiki/2013/8/85/UC_Davis_13_DNA-background.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; | ||
+ | } | ||
- | + | #catlinks { | |
- | { | + | visibility:hidden; |
- | + | } | |
- | } | + | |
- | . | + | #bodyContent { |
- | + | background-image: url('http://biobm.com/images/DNA-background.jpg'); | |
- | background-color: | + | background-size: 100%; |
- | width: | + | background-color: rgba(255, 255, 155, 1) |
+ | background-repeat: no-repeat; | ||
+ | background-attachment:fixed; | ||
+ | font-family: arial, times; | ||
+ | width:100%; | ||
+ | color:#ffffff; | ||
+ | } | ||
- | } | + | .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: 3px; | ||
+ | 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; | ||
+ | } | ||
+ | .left-menu { | ||
+ | width: 400px; | ||
+ | display:block; | ||
+ | float:left; | ||
+ | border: none; | ||
+ | } | ||
+ | #menubar.right-menu { | ||
+ | width:300px; | ||
+ | display:block; | ||
+ | float:left; | ||
+ | margin-top:-80px; | ||
+ | border: none; | ||
+ | color: #000; | ||
+ | } | ||
- | |||
- | + | hr{ | |
- | + | margin:50px 0; | |
- | + | color:#eee; | |
- | + | } | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | } | + | |
- | + | ul li.active{ /*IE6 hack- hide effect from that browser*/ | |
- | + | _visibility: hidden; /*IE6 rule*/ | |
- | + | } | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | } | + | |
- | # | + | p {border:none;} |
- | + | .teampagetext {vertical-align:text-top; display:inline; width:740px; float:left;} | |
- | } | + | 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%; | |
- | background | + | } |
- | + | ||
- | width: | + | #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; | |
- | border: | + | text-decoration:none; |
- | + | } | |
- | + | ||
- | padding: | + | /*end sitemap style*/ |
- | } | + | |
- | # | + | |
- | + | /*showbox styling*/ | |
- | } | + | |
- | . | + | .showbox tr:first-child td { |
- | + | border-top: 1px; | |
- | + | padding-top: 1px | |
- | float:left; | + | } |
- | border: | + | .showbox tr:last-child td { |
- | } | + | border-bottom: 1px; |
- | + | padding-bottom: 1px | |
- | + | } | |
- | + | .showbox tr td:first-child { | |
- | + | border-left: 1px; | |
- | + | padding-left: 1px; | |
- | border: | + | } |
- | + | .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 { | |
- | color:# | + | 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"> | + | <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