class*/
small {
font-size: smaller;
}
/* New horizontal rule. Netscape 4.x should render this fine.
* apply this class to a tag for the desired effect.
* the rule is 1px wide, blue with a slight margin on the left and right.
*/
.rule {
border-top-width: 2px;
border-top-style: solid;
border-color: #003366;
margin: 4px 4px
}
img.vtop {
vertical-align: top;
}
/* Add a blue border around an image */
img.border {
border: medium;
border-style: solid;
border-color: #003366;
padding: 0px;
}
/* Format the headshot images in the who section */
img.headshot {
margin-right: 20px;
margin-bottom: 40px;
}
/* Format the headshot images in the who section
* that have alot of text aligned to the right */
img.headshot_long {
margin-right: 20px;
margin-bottom: 80px;
}
/* Format inline images justified to the left in the text*/
img.inlineleft {
border: medium;
border-style: solid;
border-color: #003366;
margin-right: 8px;
margin-top: 8px;
margin-bottom: 8px;
}
/* Format inline images justified to the right in the text*/
img.inlineright {
border: medium;
border-style: solid;
border-color: #003366;
margin-left: 8px;
margin-top: 8px;
margin-bottom: 8px;
}
/* This selector causes the 'section' tables to indent under the overarching div
* tags */
div>table.subGroup {
padding-left: 15px;
padding-right: 15px;
}
div.left {
position: absolute;
left: 20px;
clear: right;
}
div.right {
position: absolute;
right: 20px;
clear: left;
}
table.left {
position: absolute;
left: 20px;
}
table.right {
float: right;
margin-right: 10px;
clear: left;
}
th {
color: #555555;
padding: 0;
margin: 0;
text-align: left;
font-style: normal;
font-weight: 700;
}
th.rowheader {
background: #f1f8f8;
border-right: #94c1d4 solid 1px;
}
.coleven {
border-left: #94c1d4 dotted 1px;
border-right: #94c1d4 dotted 1px;
background-color: #f1f8f8;
padding-left: 2px;
padding-right: 2px;
text-align: left;
}
.colodd {
padding-left: 2px;
padding-right: 2px;
text-align: left;
}
.innercolodd {
border: solid #94c1d4 1px;
font-size: .75em;
padding-left: 2px;
padding-right: 2px;
text-align: left;
}
.innercoleven {
border: solid #94c1d4 1px;
background-color: #f1f8f8;
font-size: .75em;
padding-left: 2px;
padding-right: 2px;
text-align: left;
}
.onehundred_percent {
width: 100%;
}
.eighty_percent {
width: 80%;
}
.seventyfive_percent {
width: 75%;
}
.seventy_percent {
width: 70%;
}
.fifty_percent {
width: 50%;
}
.fortyfive_percent {
width: 45%;
}
.forty_percent {
width: 40%;
}
.twentyfive_percent {
width: 25%;
}
.twenty_percent {
width: 20%;
}
.fifteen_percent {
width: 15%;
}
input.view.data-button{
/* color: #666600; */
font-size: 1.25em;
/* font-weight: bold; */
text-decoration: underline;
background: #ffffff;
}
/***
iframe classes
****/
.iframeheaderclass {
height: 85px;
width: 100%;
border: 0px;
/*margin-bottom: 10px;*/
margin: 10px;
}
.iframesearchboxclass {
height: 450px;
width: 100%;
border: 0px;
margin: 0px;
}
.iframeadvancedsearchboxclass {
height: 1250px;
width: 100%;
border: 0px;
margin: 0px;
}
.iframemapclass {
height: 570px;
width: 100%;
border: 0px;
margin: 0px;
}
.iframeloginboxclass {
height: 305px;
width: 100%;
border: 0px;
margin: 0px;
}
.iframeleftcolclass { /* not used */ }
.iframerightcolclass { /* not used */ }
.iframefooterclass { /* not used */ }
/**
* set the size and alignment etc of the top-level layout table
*/
.templatetableclass {
width: 100%;
border: 0px;
padding: 0px;
margin: 0px;
}
/**
* set the style of the main content area and its contents
*/
.templatecontentareaclass {
border: 0px;
padding: 0px;
margin: 0px;
}
/**
* set the correct
sizes to accomodate the
* header, footer, left and right iframes.
* NOTE: these styles apply only to each
* container frame, *NOT* to the document in
* the iframe within it!
*/
.templateheaderrowclass {
height: 80px;
/*
no width allowed - uses same width as table class
*/
border: 0px;
padding: 0px;
margin: 0px;
}
.templateleftcolclass {
height: 100%;
width: 0px;
border: 0px;
padding: 0px;
margin: 0px;
}
.templaterightcolclass {
height: 100%;
width: 0px;
border: 0px;
padding: 0px;
margin: 0px;
}
.templatefooterrowclass {
height: 0px;
/*
no width allowed - uses same width as
table class
*/
border: 0px;
padding: 0px;
margin: 0px;
}
.searchresultsdivider {
height: 10px;
}
.highlight {
border-bottom: #94c1d4 dotted 1px;
border-top: #94c1d4 dotted 1px;
background-color: #f1f8f8;
padding: 0;
margin: 0;
}
.tablehead {
text-align: left;
font-style: normal;
font-weight: 700;
padding-top: 10px;
font-size: 1.1em;
}
#loading-app{
display: none;
}
/********************** GRID *******************************/
.grid {
margin: 0 0 $40px 0;
}
.grid:after {
content: "";
display: table;
clear: both;
}
[class*='col-'] {
float: left;
padding-right: $40px;
display: block;
}
.grid &:last-child {
padding-right: 0;
}
.col-2-3 {
width: 66.66%;
}
.col-1-3 {
width: 33.33%;
}
.col-1-2 {
width: 50%;
}
.col-1-4 {
width: 25%;
}
.col-1-8 {
width: 12.5%;
}
.offset-1-4{
margin-left: 25%;
}
.offset-1-2{
margin-left: 50%;
}
.offset-1-3{
margin-left: 33.33%;
}
.offset-1-8{
margin-left: 12.5%;
}
.offset-2-3{
margin-left: 66.66%;
}
.col-1-4 + .col-1-4 + .col-1-4 + .col-1-4:nth-child(3n+1){ clear: right; }
.col-1-4 + .col-1-4 + .col-1-4 + .col-1-4 + .col-1-4:nth-child(4n+1){ clear: left; }
/******************************************
* Metrics Controller Styling
********************************************/
.edit-toolbar >
#metadata-controls-container >
.metadata-controls-container >
a {
margin-left: 0px;
margin-right: 15px;
width: 138px;
}
.edit-toolbar >
#metadata-controls-container >
.metadata-controls-container {
margin-right: -25px;
}
.edit-toolbar >
#owner-controls-container >
.authority-controls {
width: auto;
height: 38px;
margin-top: -38px;
margin-right: -25px;
margin-left: 355px;
}
.metrics .metric-value.badge{
background-color: #146660;
}
.metrics:hover .metric-value.badge{
background-color: #FFFFFF;
color: #146660;
}
/******************************************
* Metric Modal Chart (Views, Downloads, Citations)
********************************************/
#metric-modal .metric-chart .scale_button:hover rect,
.views-metrics .metric-chart .scale_button:hover rect,
.downloads-metrics .metric-chart .scale_button:hover rect,
#metric-modal .metric-chart .bar,
.views-metrics .metric-chart .bar,
.downloads-metrics .metric-chart .bar,
#metric-modal .metric-chart .bar_context,
.views-metrics .metric-chart .bar_context,
.downloads-metrics .metric-chart .bar_context {
fill: #146660;
}
#metric-modal .metric-chart .bar,
.views-metrics .metric-chart .bar,
.downloads-metrics .metric-chart .bar {
stroke: #146660;
}
/** Temporary Message */
.has-temporary-message #Content {
padding-top: 185px;
}
.has-temporary-message.PortalView #Content{
padding-top: 0px;
}
|