(Created page with "<html> <head> <title>iGEM</title> </head> <style> body {background-color:#002855; } →------------Get rid of iGEM stuff----------------------------------: #home_logo, #s...") |
|||
Line 1: | Line 1: | ||
<html> | <html> | ||
− | <head> | + | <head> |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
+ | |||
+ | <title> UC Davis iGEM 2014 </title> | ||
+ | <style> | ||
+ | |||
+ | /* Random CSS */ | ||
+ | body {background-color: rgb(249,245,200);} | ||
+ | a.white:link {color:#FFF;} /* unvisited link */ | ||
+ | a.white:visited {color:#FFF;} /* visited link */ | ||
+ | a.white:hover {color:#FFF;} /* mouse over link */ | ||
+ | a.white:active {color:#FFF;} /* selected link */ | ||
+ | |||
+ | a{color:#909090} | ||
+ | .brightlink {color:#00BA00 !important; | ||
+ | |||
+ | } | ||
+ | .centertext {text-align: center; | ||
+ | } | ||
+ | |||
+ | a:visited{color:#909090} | ||
+ | p {border:none; | ||
+ | color:rgba(255,255,255,1); | ||
+ | } | ||
+ | .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; | ||
+ | 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 */ | ||
+ | |||
+ | /* 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*/ | ||
+ | .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> | </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> | </html> |
Revision as of 20:33, 24 July 2018