/* These are my global styling rules */
/*
Dark blue: #0030A9
Light blue: #FAFCFF
Slightly darker blue for alternating rows in results: #EBF3FF
Dark red: #7F0016
Light red: #FFF8FA
Dark green: #1D7500
Light green: #FAFFF8
*/
#dhtmltooltip{
position: absolute;
width: 250px;
border: 2px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
}
BODY {
background-color: #FFFFFF;
color: #000000;
font-family: arial, verdana, helvetica ;
font-size:10pt;
font-style:normal;
font-weight:500;
}
.border-none {
border-width:0px;
}
/*
padding: 0px;
*/
button {
margin: 0px;
padding: 0px;
border: 0px;
}
.submit-button {
margin: 0px;
border: 0px;
}
/* for every block with a label in the top border */
/* add in outer container in home page home.jsp */
/* div.content-block-container, div.home-content-container { */
/* Always contains the div.content-block-header */
div.outer-content-container {
width: 976px; margin:0 auto; padding: 0px;
}
div.content-block-container {
border-style: solid; border-width: 4px; padding: 20px; padding-top: 30px; position: relative;
}
/* The label in the top border of the content block */
div.content-block-header {
font-family: arial, verdana, helvetica;
font-size:28pt;
font-style:normal;
font-weight: bold;
padding-left: 10px;
padding-right: 10px;
position: absolute;
top: -25px;
left: 40px;
}
/* search color */
.page-background-color-search {
background-color:#FAFCFF; /* Light blue */
}
.border-color-search {
border-color: #0030A9; /* blue */
}
.font-color-search {
color: #0030A9; /* blue */
}
.font-background-color-search {
background-color:#0030A9; /* blue */
}
/* welcome color */
.border-color-welcome {
border-color: #1D7500; /* green */
}
.font-color-welcome {
color: #1D7500; /* green */
}
.font-background-color-welcome {
background-color:#1D7500; /* green */
}
/* about color */
.page-background-color-about {
background-color:#FAFFF8; /* Light green */
}
.border-color-about {
border-color: #1D7500; /* green */
}
.font-color-about {
color: #1D7500; /* green */
}
.font-background-color-about {
background-color:#1D7500; /* green */
}
/* download color */
.page-background-color-download {
background-color:#FFF8FA; /* Light red */
}
.border-color-download {
border-color: #7F0016; /* red */
}
.font-color-download {
color: #7F0016; /* red */
}
.font-background-color-download {
background-color: #7F0016; /* red */
}
/* view protein color */
.page-background-color-view-protein {
background-color:white;
}
.border-color-view-protein {
border-color: #000000; /* black */
}
.font-color-view-protein {
color: #000000; /* black */
}
.font-background-color-view-protein {
background-color: #000000; /* black */
}
/* *************************** */
/* for the page home.jsp */
/* ********************* */
/* Info for all 3 blocks */
/* ********************* */
/* Search block only */
div.search-container {
height: 130px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 55px;
}
div.search-header {
}
.search-contents {
}
.search-text {
font-family: arial;
text-align: center;
font-size: 14pt;
font-style:normal;
font-weight: bold;
}
/*
.search-input-line {
width: 800px;
margin-left: auto;
margin-right: auto;
margin-top: 15px;
vertical-align: middle;
}
*/
.search-input-line-outer-block {
text-align: center;
margin-top: 15px;
}
.search-input-line-inner-centered-block {
display: inline-block;
margin-bottom: 0px;
}
.search-icon-div {
float: left; margin-right: 15px; margin-top: 5px;
}
.search-button-div {
float: right; margin-right: 0px; margin-top: 8px; margin-left: 5px
}
.search-input-text-div {
display: inline-block; margin-top: 12px; margin-bottom: 5px;
}
.search-button {
font-size: 24pt;
color:#FFFFFF;
}
.search-input-text {
font-size: 15pt;
}
/* ********************* */
/* Welcome and Get Data */
div.welcome-container, div.get-data-container {
width: 397px; /* overall width of 445px minus left and right padding minus left and right borders minus left and right margins */
height: 302px; /* overall height of 360px minus top and bottom padding minus top and bottom borders minus top and bottom margins */
}
.welcome-text, .get-data-text {
font-family: arial;
text-align: left;
font-size: 12pt;
font-style:normal;
font-weight: normal;
}
/* ********************* */
/* WELCOME */
div.welcome-container {
float: left;
}
div.welcome-header {
}
.welcome-contents {
}
.welcome-text {
}
.welcome-text a {
}
.welcome-image {
float: left;
margin-right: 5px;
}
/* ********************* */
/* Get Data */
div.get-data-container {
float: right;
}
div.get-data-header {
}
.get-data-contents {
}
.get-data-text {
}
.get-data-text a {
}
.get-data-image {
float: left;
margin-right: 5px;
}
/* ********************* */
/* about page */
.about-content {
width: 700px;
margin: 0 auto;
}
.about-image {
float: left;
margin-right: 5px;
}
.about-text {
margin-left: 80px;
font-family: arial;
text-align: left;
font-size: 12pt;
font-style:normal;
font-weight: normal;
}
/* ********************* */
/* download page */
.download-content {
width: 850px;
margin: 0 auto;
}
.download-title-section {
margin-left: 80px;
}
.download-image-title-section {
float: left;
margin-right: 15px;
margin-bottom: 20px;
}
.download-title-text {
float: left;
margin-top: 20px;
font-family: arial;
text-align: left;
font-size: 18pt;
font-style:normal;
font-weight: normal;
}
.download-block {
margin-top: 20px;
clear: both;
}
.download-image {
float: left;
margin-right: 10px;
}
.download-files-block-label-text {
font-family: arial;
text-align: left;
font-size: 14pt;
font-style:normal;
font-weight: normal;
}
.download-files-block {
margin-left: 80px;
font-family: arial;
text-align: left;
font-size: 12pt;
font-style:normal;
font-weight: normal;
}
/* ********************* */
/* search results page */
.search-results-content {
width: 900px;
margin: 0 auto;
}
.search-results-image {
float: left;
margin-right: 5px;
}
.search-results-text {
margin-left: 80px;
font-family: arial;
text-align: left;
font-size: 12pt;
font-style:normal;
font-weight: normal;
}
.search-result-row {
}
.search-result-row-A {
}
.search-result-row-B {
background-color: #EBF3FF; /* blue specified by Mike */
/* color I tried before finding Mike's color = background-color: #DDEEFF; */ /* light blue */
}
.search-results-no-results-container {
margin-top: 20px;
text-align: center;
}
.search-results-no-results {
text-align: left;
display: inline-block;
font-size: 12pt;
}
/* ********************* */
/* view protein page */
/* classes to style the links to the PDR, SGD, and Track Hub to the right of the gene name */
/* outer div for positioning above and to the right of the gene name */
div.view-protein-link-out-group-outer-div-for-positioning {
position: absolute; top: -9px; right: 5px;
}
.view-protein-link-out-group {
position: absolute; top: 0px; font-size: 10pt; white-space: nowrap;
}
.view-protein-PDR-link, .view-protein-SGD-link, .view-protein-Genome-Browser-link {
text-decoration: underline;
}
.view-protein-Genome-Browser-link {
color: black;
}
.view-protein-nav-section {
text-align: center;
margin-bottom: 10px;
}
/* nav on phenome view protein page */
.view-protein-nav {
font-size: 15pt;
color: black;
}
.view-help-nav {
font-size: 15pt;
color: #7F0016;
font-weight:bold;
}
.view-protein-nav-span {
padding-left: 5px;
padding-right: 5px;
padding-top: 1px;
padding-bottom: 1px;
font-size: 15pt;
}
/*
.view-protein-nav:hover {
color: white;
background-color: black;
}
*/
.view-protein-nav-selected, .view-protein-nav-span-selected {
color: white;
background-color: black;
text-decoration: none;
}
.view-protein-nav-disabled {
color: grey;
}
.view-protein-rna-data-box, .view-protein-protein-data-box {
margin: 0px auto; width: 800px;
}
.view-protein-protein-heatmap-box {
margin: 0px auto; width: 940px;
}
.view-protein-rna-image, .view-protein-protein-image {
border-style: solid;
border-width: 1px;
border-color: black;
}
.view-protein-rna-image-title, .view-protein-protein-image-title {
font-weight: bold; text-align: center; margin-top: 5px;
}
.view-protein-protein-heat-map-title {
font-weight: bold; text-align: left; margin-top: 5px;
}
.view-protein-protein-heat-map-image {
}
/* view protein page help overlay */
.overlay-background {
cursor: pointer; /* set mouse to pointer */
z-index: 1001;
background: #666 url(/g2p/css/ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat;
opacity: .50;
filter: Alpha(Opacity=50);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
div.helpOverlayDiv {
opacity: 1;
filter: Alpha(Opacity=100);
background-color:white;
outline: 0px;
position: absolute;
top: 50px;
left: 50px;
height: 400px;
border: 3px;
border-style: solid;
display: block;
z-index: 1002;
width: 1000px;
}
.Help-Header { background-color: black; padding-bottom: 5px; }
.X-for-exit-overlay { float: right; border-color: #000960; background-color: white; color: #black; padding: 3px; margin: 0px; cursor: pointer; }
.Help-Header-text { color: white; padding: 3px; margin: 0px; text-align: center; }
.Help-body { overflow-y:scroll; height: 300px; padding: 20px; /* padding assumed to be same on top and bottom in JS code */ }
.help-link { margin-right: 20px; }
.help-selected-div-label { margin-right: 20px; font-weight: bold; }
/* *************************** */
/* for header.jsp */
.page-main-div {
width: 1100px;
margin:0 auto;
padding: 0px;
}
.header-main-div {
width: 1100px;
margin-left: auto;
margin-right: auto;
margin-top: 80px;
margin-bottom: 60px;
padding: 0px;
}
.header-text-group {
position: relative;
width: 700px;
height: 0px;
margin: 0 auto;
margin-top: 70px;
margin-bottom: 10px;
}
.header-text-Yeast, .header-text-Genotype, .header-text-to, .header-text-Phenotype {
float: left;
font-size: 28pt;
font-family: arial, verdana, helvetica;
margin-left: 10px;
}
.header-text-Yeast {
margin-left: 90px;
}
.header-text-Genotype, .header-text-Phenotype {
font-weight:bold;
}
/*
.header-text-Yeast {
.header-text-Genotype {
.header-text-to {
.header-text-Phenotype {
*/
.header-background-position {
position: absolute;
left: 180px;
top: -60px;
z-index: -1;
}
.header-search-block {
position: absolute;
right:5px;
top: -36px;
}
.header-search-input-box {
font-size: 12pt;
font-family: arial, verdana, helvetica;
}
.header-search-button {
color: white;
font-size: 14pt;
font-family: arial, verdana, helvetica;
}
.header-line {
clear: both;
position: relative;
margin-top: 0px;
margin-bottom: 0px;
width: 1100px;
height: 4px;
}
.header-logo {
position: absolute;
left: 40px;
top: -60px;
}
.header-tab-block {
clear: both;
position: relative;
width: 800px;
margin-left: auto;
margin-right: auto;
margin-bottom: 50px;
}
.header-tab-block span a {
color: white;
font-size: 16pt;
font-family: arial, verdana, helvetica;
text-decoration: none;
}
.header-tab-home, .header-tab-download, .header-tab-about-us {
color: white;
font-size: 18pt;
font-family: arial, verdana, helvetica;
text-decoration: none;
padding-top: 2px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 3px;
}
.header-tab-home {
margin-left: 140px;
}
.header-tab-download {
margin-left: 160px;
}
.header-tab-about-us {
margin-left: 160px;
}
/*
*/
/* *************************** */
/* footer.jsp */
.footer-line {
margin-top: 30px;
margin-bottom: 30px;
width: 1100px;
height: 4px;
}
.footer-container {
position: relative;
margin-left: auto;
margin-right: auto;
width: 950px;
}
.footer-image {
float: left;
margin-left: 20px;
margin-right: 20px;
}
.footer-first-image {
margin-left: 0px;
}
.footer-text {
text-align: left;
width: 950px;
font-size: 10pt;
font-family: arial, verdana, helvetica;
}