/*
This is the default CIF style sheet cif.css. The current direction for CIF styles is to
validate both with IE6 XHTML and with the CSS2 standard as documented at:
http://www.w3.org/TR/REC-CSS2/
Version History:
v20060728
Removes speech and print styles and eliminates elements not supported by IE6.
v20040625
Adds feature-sidebar class to provide inline cutout sidebars.
v20030213
Adds emphasis-largebold, fantasy, cursive styles. Deletes unused Devanagari style.
v20020719
Adds various display features to simplify site design:
--crumbtrail: to show navigation clues
--header-cell: coordinated with navigation-cell
v20020628
Modifies various details of the navigation classes and adds two new navigation-cell classes.
Typical usage: | or |
Adds TD vertical-align=top.
v20010914
Adds navigation-small as a new variation of the navigation link class.
v20010823
1. Removes LI tag, which does not work correctly in Netscape 4; bullets were showing up
on prior line.
2. For H1-H6, changes style from bolder to bold to reduce intensity of effect. For H1, reduce font size
to 110% from 120% to reduce intensity of effect.
3. Added emphasis-maple style.
v20010816
Adjusts some elements to comply with W3 recommended sample at
< http://www.w3.org/TR/REC-CSS2/sample.html >
Adjusts some elements to pass the code screener at:
< http://www.htmlhelp.com/tools/csscheck/ >
Adjusts some elements to pass the code screener embedded in Top Style Pro 2.10.
Changes:
1. Adds speech and print media extensions. CSS1 did not support @media but CSS2
has recommended settings for text-to-speech conversion needed for accessibility by the blind.
Properties such as voice-family, stress, and richness are used by speech synthesizers.
Internet Explorer 3, Internet Explorer 4, and Netscape 4 do not support
@media extensions. Netscape 6 and Opera 5 support @media but do not support all properties
of voice media. As of this date the CSS2 code screener still does not correctly check for these
media and throws errors when you check the style sheet, but the coding is correct.
2. Adds classes for BLOCKQUOTE, FORM, OL, P, PRE, UL.
3. For STRONG, changes font-weight to bolder instead of bold, per recommended W3 standard.
4. Adds H4-H6 to existing header styles and redefines H1-H6 to use percentage sizing and other
adjustments to comply with W3 Web Accessibility Guidelines. Percent sizing (e.g., 120%) was
used rather than em sizing (e.g., 1.2em) because Microsoft Internet Explorer 3.x will incorrectly
treat em units as pixels. Percentage units are therefore preferable.
5. The shorthand background property is more widely supported than background-color.
Elements that specified background-color now refer simply to background for that reason.
v20010812 Upgrades various styles to CSS2 level. The main effect of this is that some older browsers
such as Internet Explorer 3 and Netscape 4 will simply not recognize some enhancements. This version
recognizes that these older browsers are no longer the default for most users. All effects have been
validated against Internet Explorer 4 and higher and Netscape 5 and higher, which are the dominant
products we see now. Known compliance issues are noted in the style sheet. Also adds custom styles
for Traditional Chinese and Devanagari, and improves multilingual
support by adding the Arial Unicode MS font as the first choice for text fonts for all styles where
sans serif font is specified. Added TD to the BODY style because Navigator 4 does not honor BODY
styles within cells of tables; to get the BODY effect there the TD element must be specified explicitly.
Credit class now inherits properties from area in which it is found.
v20000626 Added navigation and button styles to support full site navigation designs. The button family can
be extended to meet color requirements for many web sites as needed. Use of blue schemes eliminates problems with red-green color blind
users who cannot depend on color as a guide in all cases.
v20010614 Removes font-size: smaller parameter for BODY style. This corrects a display problem noted
when users have set small display sizes in their own browsers as the default setting. BODY text will now be
sized according to the parameters set by the user's browser for default display.
v20010312 Adds warning style. This is mostly used in Cold Fusion applications where user interaction with
pages is taking place.
v20060805 Eliminated various old styles to reduce the number of styles in use.
*/
BODY {
background : white;
color: black;
font-family: "Arial Unicode MS", Arial, Verdana, "MS Arial", Helvetica, "MS Verdana", Swiss, Univers, Futura, "ITC Avant Garde Gothic", "ITC Stone Sans", "Gill Sans", "Akzidenz Grotesk", "MS Trebuchet", sans-serif;
font-style: normal;
font-variant: normal;
font-weight: normal;
margin: 1em;
text-align: left;
}
FORM {
display : block;
}
H1 {
background:#ffffff;
color : #ff0000;
display: block;
font-size: 110%;
font-weight: bold;
text-align : left;
}
H2 {
display:block;
font-size: 110%;
font-weight: bold;
text-align : left;
}
H3 {
display:block;
font-size: 100%;
font-weight: bold;
text-align : left;
}
H4 {
display:block;
font-size: 90%;
font-weight: bold;
text-align : left;
}
H5 {
display:block;
font-size: 80%;
font-weight: bold;
text-align : left;
}
H6 {
display:block;
font-size: 70%;
font-weight: bold;
text-align : left;
}
TABLE
{
vertical-align: top;
}
TD {
vertical-align: top;
padding: 5pt;
}
A:link {
text-decoration: underline;
}
A:visited {
text-decoration: underline;
}
A:active {
text-decoration: underline;
}
/* Note: Pseudo-class A:hover is not supported in CSS1, Internet Explorer 3, and Netscape 4. */
A:hover {
text-decoration : none;
border : none #ccffcc;
background: #ffff00;
color : #cc6600;
}
BLOCKQUOTE { display: block }
pre {
margin-left: 10%;
white-space: pre;
}
/* Basic styling font effects. Note that the tag is deprecated; use instead. */
B { font-weight: bold }
.strong {
font-weight: bold;
}
.larger {
font-size: larger;
}
.smaller {
font-size: smaller;
}
.center {
text-align : center;
}
/* Special functions. The navigation and button classes can be extended as needed to meet special
requirements for different web sites.*/
.navigation {
font-family: "Arial Unicode MS", Arial, "MS Arial", Helvetica, Verdana, "MS Verdana", Swiss, Univers, Futura, "MS Trebuchet", sans-serif;
color: black;
background: #c9e2e9;
font-size: smaller;
}
.left-sidebar-cell
{
width: 300px;}
.navigation-cell {
font-family: "Arial Unicode MS", Arial, "MS Arial", Helvetica, Verdana, "MS Verdana", Swiss, Univers, Futura, "MS Trebuchet", sans-serif;
font-size: smaller;
color: black;
background: #e7efff ;
border : thin solid #cccccc;
padding: 5pt;
text-align : left;
vertical-align : top;
}
/* old navigation-cell: background: #c9e2e9 ; */
.navigation-cell-title {
font-family: "Arial Unicode MS", Arial, "MS Arial", Helvetica, Verdana, "MS Verdana", Swiss, Univers, Futura, "MS Trebuchet", sans-serif;
color: black;
background: #e7efff;
text-align : left;
vertical-align : top;
font-style : normal;
font-size : larger;
font-weight : bold;
}
#navcontainer
{
width: 12em;
border-right: 1px solid #000;
padding: 0 0 1em 0;
margin-bottom: 1em;
font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
background-color: #90bade;
color: #333;
}
#navcontainer ul
{
list-style: none;
margin: 0;
padding: 0;
border: none;
}
#navcontainer li
{
border-bottom: 1px solid #90bade;
margin: 0;
}
#navcontainer li a
{
display: block;
padding: 5px 5px 5px 0.5em;
border-left: 10px solid #1958b7;
border-right: 10px solid #508fc4;
background-color: #2175bc;
color: #fff;
text-decoration: none;
width: 100%;
}
#navcontainer li a:hover
{
border-left: 10px solid #1c64d1;
border-right: 10px solid #5ba3e0;
background-color: #2586d7;
color: #fff;
}
#horizontal-navcontainer {
background: #369000;
border-top: 1px solid #9cccbb;
}
#horizontal-navlist
{
list-style: none outside none;
margin: 0;
padding: 0;
}
#horizontal-navlist li
{
border-bottom: 11px;
border-top: 2px;
display: inline;
line-height: 1.2em;
margin: 0;
padding: 0;
}
html>body #horizontal-navlist li
{
background: #000;
margin: 0 3px 0 0;
padding: 4px 0px 4px 0;
}
#horizontal-navlist a, #horizontal-navlist a:link, #horizontal-navlist a:visited
{
background: #900;
border: 1px solid #FFF;
border-bottom: 2px;
color: #ffffff;
display: inline;
height: 1em;
margin: 0;
padding: 3px 5px 3px 5px;
border-right: 2px;
text-decoration: none;
}
#horizontal-navlist a:hover
{
background: #c00b00;
border-bottom: 1px;
color: #ffffff;
border-right: 1px;
}
#horizontal-navlist a:active
{
background: #999;
color: #FFF;
position: relative;
right: 0px;
}
#horizontal-navlist li#active
{
background: #369;
bottom: 13px;
display: inline;
margin: 0 3px 0 0;
padding: 0;
position: relative;
}
html>body #horizontal-navlist li#active
{
background: #000;
margin: 0 4px 0 4px;
}
#horizontal-navlist #active a, #horizontal-navlist #active a:link, #horizontal-navlist #active a:visited, #horizontal-navlist #active a:hover
{
background: #369;
border-bottom: none;
border-left: 1px solid #9CC;
border-right: 1px solid #9CC;
border-top: 1px solid #9CC;
bottom: 0;
color: #FFF;
cursor: text;
margin: 0;
padding: 2px 5px 0 5px;
position: relative;
right: 0;
}
ul#navlist
{
width: 200px;
padding: 0px;
border: 1px solid #808080;
border-top: 0px;
margin: 0px;
background: #ccccdd;
}
ul#navlist li
{
width: 200px;
list-style: none;
margin: 0px;
border: 0px;
border-top: 1px solid #808080;
}
ul#navlist li a
{
display: block;
width: 200px;
padding: 4px 8px 4px 8px;
border: 0px;
border-left: 20px solid #aaaabb;
background: #ccccdd;
text-decoration: none;
text-align: right;
}
ul#navlist li a:link { color: #666677; }
div#navcontainer li a:visited { color: #666677; }
ul#navlist li a:hover
{
border-color: #fffde7;
color: #ffffff;
background: #000d33;
}
.CONTENT-CELL-TITLE {
background : #bbbbcc;
color : Black;
font-family : "Arial Unicode MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
font-style : normal;
font-weight : bold;
height : auto;
text-decoration : none;
padding: 5pt;
}
.feature-cell {
font-family: "Arial Unicode MS", Arial, "MS Arial", Helvetica, Verdana, "MS Verdana", Swiss, Univers, Futura, "MS Trebuchet", sans-serif;
font-size: smaller;
color: black;
background: #fffde7;
border : thin solid #cccccc;
padding: 5pt;
text-align : left;
vertical-align : top;
}
/* old feature-cell background: #FDF8ED;*/
.feature-sidebar {
font-family: serif;
background: #fffde7;
border : thin solid #cccccc;
font-size : smaller;
padding-left : 10px;
padding-right : 10px;
padding-top : 5px;
padding-bottom : 5px;
color : #000000;
text-align : left;
vertical-align : top;
display : inline;
float : right;
width : 200px;
margin-left : 5px;
margin-top : 5px;
margin-bottom : 5px;
}
.feature-cell-title {
font-family: "Arial Unicode MS", Arial, "MS Arial", Helvetica, Verdana, "MS Verdana", Swiss, Univers, Futura, "MS Trebuchet", sans-serif;
color: #6495ED;
background: #fffde7;
text-align : left;
vertical-align : top;
font-size : larger;
font-style : normal;
font-weight : bold;
}
.feature-music {
color: black;
font-size: smaller;
background: #e9e2c9;
padding-left : 5px;
padding-right : 5px;
text-align : left;
vertical-align : top;
font-style : normal;
}
.feature-audiotext {
font-family: "Arial Unicode MS", Arial, "MS Arial", Helvetica, Verdana, "MS Verdana", Swiss, Univers, Futura, "MS Trebuchet", sans-serif;
font-size: smaller;
color: black;
background: #e2e9c9;
border: thin solid #cccccc;
padding-left : 5px;
padding-right : 5px;
text-align : left;
vertical-align : top;
}
.caption {
font-size: x-small;
background-color: #ffffff;
color: #666666;
font-weight : normal;
}
.bull {
background-image : url("http://web.archive.org/web/20110101151455im_/http://www.growthhouse.org/graphics/bullet_rb.gif");
background-repeat : no-repeat;
padding-left : 10px;
font-size : 11px;
}
.crumbtrail {
background-color: #e7efff;
border : thin solid #cccccc;
font-size : smaller;
padding-left : 5px;
padding-right : 5px;
color : #000000;
text-align : left;
vertical-align : top;
}
.crumbtrail-related {
background-color: #e6e6ff;
border : thin solid #cccccc;
font-size : smaller;
padding-left : 5px;
padding-right : 5px;
color : #000000;
text-align : left;
vertical-align : top;
}
.order {
background: #ffff00;
font-weight: bold;
color : #000000;
}
.credit {
background-color: #e7efff;
border : thin solid #cccccc;
font-size : smaller;
padding-left : 5px;
padding-right : 5px;
color : #000000;
text-align : left;
vertical-align : top;
}
.html {
background: Yellow;
color: blue;
font-family: Courier, "MS Courier New", Prestige, "Everson Mono", monospace
}
.html-red {
background: Yellow;
color: red;
font-weight: bold;
font-family: Courier, "MS Courier New", Prestige, "Everson Mono", monospace
}
.link-noline {
text-decoration: none;
}
.warning {
color : #ff0000;
background : #ffff00;
font-weight : bold;
}
/* Multilingual styles */
/* Hong Kong uses Traditional Chinese, primarily with Big5 encoding. The mingliu font is distributed with
the Chinese version of Windows and in the Win2000 multilingual support packs.
*/
.big5 {
font-family: "Arial Unicode MS", mingliu, sans-serif;
}
.emphasis-cursive {
font-family: cursive;
font-size : larger;
font-weight : bold;
}
.emphasis-largebold {
font-size : large;
font-weight : bold;
}
/* Emphasis styles. These can be used to highlight words or passages in body text.
emphasis-lightblue, emphasis-lightgreen, and emphasis-creme are the three least-dark background
colors supported by the standard browser color palette, making them good choices for high-contrast use.
Additional emphasis styles can be added as needed to support individual site color requirements.
*/
.EMPHASIS-MAPLE {
background : #FFFFFF;
color : #663300;
font-family : "Arial Unicode MS", Arial, Verdana, Geneva, Arial, Helvetica, sans-serif;
font-style : normal;
font-weight : normal;
height : auto;
text-decoration : none;
}
.EMPHASIS-LIGHTBLUE {
background : #CCFFFF;
color : Black;
font-family : "Arial Unicode MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
font-style : normal;
font-weight : normal;
height : auto;
text-decoration : none;
}
.EMPHASIS-LIGHTGREEN {
background : #CCFFCC;
color : Black;
font-family : "Arial Unicode MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
font-style : normal;
font-weight : normal;
height : auto;
text-decoration : none;
}
.emphasis-lightgrey {
font-family: "Arial Unicode MS", Arial, "MS Arial", Helvetica, Verdana, "MS Verdana", Swiss, Univers, Futura, "MS Trebuchet", sans-serif;
font-size: smaller;
color: black;
background: #eeeeee;
border : thin solid #cccccc;
padding-left : 5px;
padding-right : 5px;
text-align : left;
vertical-align : top;
}
.emphasis-lightgreylavender {
font-family: "Arial Unicode MS", Arial, "MS Arial", Helvetica, Verdana, "MS Verdana", Swiss, Univers, Futura, "MS Trebuchet", sans-serif;
font-size: smaller;
color: black;
background: #eeeeff;
border: thin solid #cccccc;
padding-left : 5px;
padding-right : 5px;
text-align : left;
vertical-align : top;
}
.emphasis-lightgreylavender2 {
font-family: "Arial Unicode MS", Arial, "MS Arial", Helvetica, Verdana, "MS Verdana", Swiss, Univers, Futura, "MS Trebuchet", sans-serif;
font-size: smaller;
color: black;
background: #ddddff;
border : thin solid #cccccc;
padding-left : 5px;
padding-right : 5px;
text-align : left;
vertical-align : top;
}
.emphasis-mustard {
font-family: "Arial Unicode MS", Arial, "MS Arial", Helvetica, Verdana, "MS Verdana", Swiss, Univers, Futura, "MS Trebuchet", sans-serif;
font-size: smaller;
color: black;
background: #F2EDC6;
border : thin solid #cccccc;
padding-left : 5px;
padding-right : 5px;
text-align : left;
vertical-align : top;
}
.emphasis-creme {
background : #FFFFCC;
color : Black;
font-family : "Arial Unicode MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
font-style : normal;
font-weight : normal;
height : auto;
text-decoration : none;
}
.emphasis-darkgreen {
background : #006666;
color : White;
font-family : "Arial Unicode MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
font-style : normal;
font-weight : normal;
font-size: smaller;
height : auto;
text-decoration : none;
}
.emphasis-mediumgreen {
background : #99cc99;
color : Black;
font-family : "Arial Unicode MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.EMPHASIS-mediumlightblue {
background : #9999ff;
color : White;
font-family : "Arial Unicode MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
font-style : normal;
font-weight : normal;
height : auto;
text-decoration : none;
}
.EMPHASIS-MEDIUMPINK {
background : #FFCCCC;
color : Black;
font-family : "Arial Unicode MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
font-style : normal;
font-weight : normal;
height : auto;
text-decoration : none;
}
.EMPHASIS-LAVENDER {
background : #CCCCFF;
color : Black;
font-family : "Arial Unicode MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
font-style : normal;
font-weight : normal;
height : auto;
text-decoration : none;
}
.EMPHASIS-SKYBLUE {
background : #bbCCFF;
color : Black;
}
.EMPHASIS-PINK {
background : #FFCCFF;
color : Black;
font-family : "Arial Unicode MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
font-style : normal;
font-weight : normal;
height : auto;
text-decoration : none;
}
.EMPHASIS-YELLOW {
background : #FFFF00;
color : Black;
font-family : "Arial Unicode MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
font-style : normal;
font-weight : normal;
height : auto;
text-decoration : none;
}
.theme-color1 {
font-family: "Arial Unicode MS", Arial, "MS Arial", Helvetica, Verdana, "MS Verdana", Swiss, Univers, Futura, "MS Trebuchet", sans-serif;
color: black;
font-size: smaller;
background: #e7efff;
border : thin solid #cccccc;
padding-left : 5px;
padding-right : 5px;
text-align : left;
vertical-align : top;
font-style : normal;
}
.theme-color1-darker {
font-family: "Arial Unicode MS", Arial, "MS Arial", Helvetica, Verdana, "MS Verdana", Swiss, Univers, Futura, "MS Trebuchet", sans-serif;
color: black;
font-size: smaller;
background: #b4cdff;
border : thin solid #cccccc;
padding-left : 5px;
padding-right : 5px;
text-align : left;
vertical-align : top;
font-style : normal;
}
/*
Previous theme-color1: D7E8CE
Previous theme-color1-darker: BAD8AC
*/
.theme-color2 {
font-family: "Arial Unicode MS", Arial, "MS Arial", Helvetica, Verdana, "MS Verdana", Swiss, Univers, Futura, "MS Trebuchet", sans-serif;
color: black;
font-size: smaller;
background: #efffe7;
border : thin solid #cccccc;
padding-left : 5px;
padding-right : 5px;
text-align : left;
vertical-align : top;
font-style : normal;
}
.theme-color2-darker {
font-family: "Arial Unicode MS", Arial, "MS Arial", Helvetica, Verdana, "MS Verdana", Swiss, Univers, Futura, "MS Trebuchet", sans-serif;
color: black;
font-size: smaller;
background: #cbd8c4;
border : thin solid #cccccc;
padding-left : 5px;
padding-right : 5px;
text-align : left;
vertical-align : top;
font-style : normal;
}
/*
playback timings (ms):
captures_list: 322.283
exclusion.robots: 0.076
exclusion.robots.policy: 0.071
RedisCDXSource: 27.702
esindex: 0.008
LoadShardBlock: 271.42 (3)
PetaboxLoader3.datanode: 228.269 (4)
CDXLines.iter: 20.137 (3)
load_resource: 88.243
PetaboxLoader3.resolve: 62.788
*/ |