/* -*- css -*- */
/* --------------------------------------------------------------------- */
/* --------------------------------------------------------------------- */
/* ------------ Optional Styles ----------- */
/*
The following styles will only be applied if you voluntarily give the
appropriate element a specific class .
*/
/* ------------ Text styles ----------- */
.small{
font-size: 80%;
}
.large{
font-size: 120%;
}
/* page formatting options, good for headers */
div.splash {
min-height: 342px;
}
div.splash img.right {
float: right;
}
div.splash img.left {
float: left;
}
/* ---------- Sub Navigation Bar ---------------- */
/*
To use, put the div '
' around the unordered
list you want to style.
*/
.navcontainer {
color: #660000;
font-family: Arial, Helvetica, sans-serif;
font-size: 80%;
font-weight: bold;
margin-bottom: 10px;
}
.navcontainer li {
display: inline;
list-style-type:none;
margin: 0 0 0 0;
padding-left: 0;
padding-right: 1.2em;
padding-top: 0;
padding-bottom: 0;
}
.navcontainer form {
display: inline;
}
.navcontainer ul, .navcontainer ol {
margin: 0;
padding: 0;
list-style-type:none;
}
.navcontainer .navlist {
padding-top: 3px;
}
.navcontainer a {
text-decoration: none;
}
.navlist li a {
text-decoration: none;
}
.navcontainer a:visited {
text-decoration: none;
color: #000099;
}
.navcontainer a:hover {
text-decoration: underline;
}
.navlist li a:visited {
text-decoration: none;
color: #000099;
}
.navlist li a:hover {
text-decoration: underline;
}
/* ------------ Sortable Table Styling ----------- */
table.sortable a.sortheader {
display: block;
white-space: nowrap;
}
table.sortable span.sortarrow {
color: #000153;
text-decoration: none;
display: none;
}
/* ---------- Shaded Table Styling ---------------- */
/*
To use, put the div '
' around the table
you want to style
*/
.shadedarray {
color: #660000;
padding-top: 10px;
padding-bottom: 10px;
}
.shadedarray table {
padding: 0;
border-collapse: collapse;
border-style: none;
}
.shadedarray tr {
background-color: #efd9a5;
border-top: 1px solid #a5adb5;
}
.shadedarray td {
padding-top: 0.1em;
padding-bottom: 0.1em;
padding-left: 0.5em;
padding-right: 0.8em;
margin: 0;
font-size: 90%;
}
.shadedarray th {
padding-top: 0.1em;
padding-bottom: 0.1em;
padding-left: 0.5em;
padding-right: 0.7em;
background-color: #efd9a5 ;
color: #000000;
text-transform: uppercase;
font-size: 80%;
text-align: left;
}
.shadedarray a {
text-decoration: none;
font-weight: bold;
}
/* ---------- Table with Stripes ---------------- */
/*
To give a table alternating stripes, give it the class 'stripetable'.
*/
.stripetable {
border-collapse: collapse;
border:2px solid black;
color:black;
}
.stripetable th, .stripetable td {
padding:2px 5px; border:1px solid #888;
}
.stripetable thead th {
border-bottom:2px solid black;
}
.stripetable tr:nth-child(odd) {
background-color:#E2E2D5;
}
.stripetable thead tr:nth-child(odd) {
background-color:transparent;
}
.stripetable td {}
/* ---------- Basic Image Gallery ---------------- */
div.spacer {height: 1px;
clear: both;}
dl.image_gallery
{
border: 1px solid #000;
width: 160px;
text-align: center;
padding: 10px;
float: left;
margin-right: 1em;
}
.image_gallery dt { font-weight: bold; font-size: 80%; }
.square_space
{
width: 150px;
height: 150px;
}
.image_gallery dt img
{
}
.image_gallery dd
{
margin: 0;
padding: 0;
font-size: 80%;
text-align: left;
height: 6em;
}
/* miscelaneous text formatting options */
.text_right {
text-align: right;
}
/* inline images that should be aligned to the middle of teh text */
img.center_line {
vertical-align: middle;
}
/* INTERNAL LINKS */
.ilink.broken,
.iembedContainer.broken .iembedContent,
.iembedContainer .broken {
color:#D00;
}
.iembedCaption {
text-align:center;
font-size:smaller;
}
/********************************/
/* Drop-down navigation menus */
/********************************/
/* base list container */
.dropDownNav {
padding: 0;
margin: 0;
list-style: none;
margin-left: -12px; /* compensate for first li's left margin + padding */
}
h1 + .dropDownNav {
margin-top: -15px; /* pull up to heading */
margin-bottom: 25px;
}
/* drop-down containers (sublists of .dropDownNav) */
.dropDownNav .hasSubnav ol,
.dropDownNav .hasSubnav ul {
display: none;
background-color: white;
background-color: rgba(255, 255, 255, 0.97);
margin: 0;
padding: 3px 0 .5em;
border: 1px solid #888;
border-top-width: 0;
position: absolute;
z-index: 1;
left: -1px; /* line up border with parent's border */
/* note: clip box-shadow so it doesn't spill over parent li */
box-shadow: 1px 2px 7px rgba(0,0,0,.45);
clip: rect(0,9999px, 9999px, -9999px);
overflow: clip;
}
.dropDownNav > li > ol,
.dropDownNav > li > ul {
min-width: 100%; /* at least as wide as the top-level item */
}
.dropDownNav .scrolling {
max-height: 19.7em;
overflow: auto;
}
.dropDownNav :hover > ol,
.dropDownNav :hover > ul {
display: block;
}
/* sub-sub lists! */
.dropDownNav .hasSubnav .hasSubnav ol,
.dropDownNav .hasSubnav .hasSubnav ul {
left: 100%;
margin-left: -2px; /* overlap parent a bit */
top: 0;
border-top-width: 1px; /* parent to left instead of above now */
overflow: auto;
}
/* all items */
.dropDownNav li {
position: relative;
z-index: 998;
white-space: nowrap;
}
.dropDownNav li > span,
.dropDownNav li > a {
display: block;
overflow: hidden;
text-overflow: ellipsis;
max-width: 15em;
}
.dropDownNav--noclip > li > span,
.dropDownNav--noclip > li > a {
max-width: none;
}
.dropDownNav .scrolling li > span,
.dropDownNav .scrolling li > a {
text-overflow: clip; /* scrollbar over-shrinks content in Safari + FF */
}
.dropDownNav li:hover {
z-index: 999; /* one above the others! */
}
.dropDownNav .current {
background-color: #bfcbd9; /* sidebar background, lighter version */
}
/* top-level items */
.dropDownNav > li {
display: inline-block;
vertical-align: middle;
padding: 1px 6px;
margin: 0 6px;
}
.dropDownNav > .current {
border-radius: 4px;
}
.dropDownNav > .current:hover {
border-radius: 0;
background-color: transparent; /* override .current bg */
}
.dropDownNav > .hasSubnav {
border-left: 1px solid transparent; /* reserve room so it doesn't wiggle */
}
.dropDownNav > .hasSubnav:hover {
border-left-color: #888; /* same as submenu border, above */
}
/* items in drop-downs (sublists) */
.dropDownNav .hasSubnav li {
display: block;
padding: 0;
margin: 0;
}
.dropDownNav ul a,
.dropDownNav ol a {
display: block;
padding: 0 25px;
}
.dropDownNav .hasSubnav .navHead {
padding: .5em 25px 0 14px;
}
.dropDownNav .hasSubnav .navHead:first-child {
padding-top: 0;
}
/* items in drop-downs with pop-outs (sub-sub-lists!) */
.dropDownNav .hasSubnav .hasSubnav::after {
content: "▸";
position: absolute;
right: 2px; /* squeeze into padding space */
/* vertically centered on line */
top: 50%;
margin-top:-.7em;
}
/* performance sidebar */
#performanceSidebar .entry { margin-bottom:.3em; }
#performanceSidebar .more { margin-top:1.4em; }