vivo/productMods/css/visualization/entitycomparison/layout.css
cdtank f7452b1bce 1. Added dynamic reload of data instead of page refresh, for temporal graph vis.
2. Added link-textbox for viz of each parameter form the dropdown box in temporal vis.
3. Made sure that the choices are preserved when another option is selected from the dropdown box.
4. Refactor of some legacy front-end code for temporal vis.
5. Added legend for bars drawn below the graph.
6. Formatted the last cached at date time.
2011-03-31 15:37:32 +00:00

276 lines
No EOL
4.8 KiB
CSS

/* $This file is distributed under the terms of the license in /doc/license.txt$ */
#body {
font: 0.9em Helvetica;
background-color: #fff;
min-height: 800px;
width: 100%;
margin: auto;
overflow: hidden;
}
#body {
display: none;
}
#error-container {
display: none;
}
.easy-deselect-label a.temporal-vis-url {
float: right;
}
.known-bar {
display: inline-block;
cursor: help;
}
.unknown-inner-bar {
opacity: 0.5;
filter:alpha(opacity=50);
display: inline-block;
}
.bar-count-text {
padding-right: 3px;
vertical-align: super;
}
img.bar-count-icon {
vertical-align: super;
cursor: help;
}
.unknown-bar {
background: url("../../../images/visualization/diagonal.png") repeat scroll 50% 50% #666666;
cursor: help;
}
.legend-bar {
margin-bottom: 3px;
}
.unknown-legend-bar {
background: url("../../../images/visualization/legend-unknown-bar-dark.png") repeat #B7B7B7;
}
#legend-known-bar-text,
#legend-unknown-bar-text {
font-size: 0.75em;
}
span#copy-vis-viewlink {
display: none;
}
img#copy-vis-viewlink-icon {
cursor: pointer;
}
a.temporalGraphLinks {
background-color: #2485AE;
color: white;
cursor: pointer;
font-weight: bold;
height: 20px;
margin-top: 10px;
padding: 4px 3px 3px;
text-align: center;
text-decoration: none;
padding-bottom: 3px;
}
a.clear-selected-entities {
background-color: #878787;
}
#paginated-table-footer {
margin-top: 10px;
text-align: left;
height: 25px;
}
#loading-comparisons {
font-size: 1.2em;
font-weight: bold;
}
#loading-comparisons img {
vertical-align: sub;
}
#legend-row-header a {
background-color: #878787;
}
#reset-search {
color: #2485AE;
cursor: pointer;
margin-left: 10px;
}
#yaxislabel {
font-size: 12px;
float:right;
background-color: white;
color: #595B5B;
display: block;
height: 150px;
text-align: center;
margin-top: 50px;
position: absolute !important;
}
#xaxislabel{
font-size: 12px;
margin-top: -5px;
text-align: center;
}
#notification-container {
position: inherit;
}
.disabled-checkbox-event-receiver {
height: 21px;
position: absolute;
width: 21px;
display:none;
}
#functions{
margin-top: 20px;
margin-bottom: -40px;
}
#bar {
height: 20px;
float: left;
background-color: #fff;
width: 250px;
margin-left: 10px;
}
#checkbox{
float:left;
}
.easy-deselect-label {
float: left;
font-size: 12px;
width: 160px;
text-align: left;
}
.easy-deselect-label a,
#text {
text-decoration: none;
color: black;
font-family: Helvetica;
font-size: 1em;
}
.easy-deselect-label .entity-label {
color: #f00;
}
.small-arrows {
font-size: 0.9em;
padding: 0 !important;
text-decoration: none;
vertical-align: top;
}
#header-entity-label {
font-family: "Lucida Sans Unicode","Lucida Grande", Geneva, helvetica,
sans-serif;
font-size: 1.5275em;
color: #2485ae;
line-height: 1.3em;
padding-top:15px;
padding-bottom:10px;
}
.ellipsis {
white-space: nowrap;
overflow: hidden;
}
.entity-label-url {
width: 125px;
margin-left: 10px;
display: inline-block;
text-decoration: underline;
color: #2485AE;
}
.ellipsis.multiline {
white-space: normal;
}
#searchresult {
margin-top: 50px;
}
#graphContainer {
margin-bottom: 15px;
width: 450px;
height: 250px;
margin-left: 23px;
}
#leftblock {
float: left;
width: 39%;
}
#text {
margin-left: 5px;
}
#searchresult a {
text-decoration: none;
color: black;
font-family: Helvetica;
font-size: 13px;
font-weight: normal;
}
#rightblock {
float:right;
margin-right:3%;
width:54%;
}
#counter,
#total {
color: #f00;
}
#heading {
margin-top: 10px;
}
#paginatedTable {
margin-top: 0;
}
.sDomSearchBar {
margin-bottom: -10px;
margin-left: 41%;
}
.datatablerowhighlight {
background-color: #ECFFB3 !important;
}
.datatablerowhighlight td {
font-weight: bold !important;
}
#bottomButtons{
width: 100%;
float:right;
margin: 20px 0 20px 0;
}
#stopwordsdiv{
margin-top: 10px;
margin-left: 10px;
}
p.displayCounter{
padding-bottom: 4px;
border-bottom: 1px solid gray;
}
#comparisonHeader,
#entityHeader,
#entitylevelheading,
#comparisonParameter,
#headerText {
color: #2485ae;
}
/* --------------------------------------------------------------> */
/* SPECIAL STYLES FOR THE entityComparisonErrorCommonBody.ftl FILE */
/* --------------------------------------------------------------> */
#noPubsOrGrants-header {
font-size: 1.375em;
color: #2485ae;
line-height: 1.3em;
padding-top:15px;
padding-bottom:10px;
}
#noPubsOrGrants-span {
font-size:22px;
}
#noPubsOrGrants-span a {
color: #84a655;
font-size:16px;
}