|
|
| Line 6: |
Line 6: |
| | <head> | | <head> |
| | <style> | | <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 */ | | /* Expanding the list elements which contain the links */ |
