/**************************************************************************************************************************** * standard --- ****************************************************************************************************************************/ body { /* set the relative font size of IE5-5.5 differently to everything else, and we scale it from there */ background: #fff; line-height: 1.1; color: #333; font: small Verdana, Geneva, Arial, Helvetica, sans-serif!important; } /*Global Whitespace Reset*/ body, form, input { padding: 0px; margin: 0px; } h1, h2, h4, h5, h6, p, pre, blockquote, form, label, ul, ol, dl, fieldset, address { margin: 20px 0; } dd, blockquote { margin-left: 40px; } fieldset { padding: 10px; } /* end : Global Whitespace Reset*/ img { border: 0px none #fff; } h1, h2, h3 { color: #036; background: transparent; font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; } h1 { position: relative; font-size: 190%; } h2 { font-size: 160%; } h3 { clear: right; padding: 1px 3px 2px 3px; line-height: 1.1; font: bold 100% Arial, Helvetica, sans-serif; color:#fff ; background:#7088B0 /*url(/images/layout/gradient4.gif) repeat-x*/; border: 1px solid #7088B0; } h4 { font: bold 100% Verdana, Arial, Helvetica, sans-serif; } h5 { font-size: 100%; } h6 { font-weight: normal; } p, li { line-height:150% } /**************************************************************************************************************************** * structure --- ****************************************************************************************************************************/ @media screen { html, body { margin: 0; padding: 0; } body { font: 95%/1.1em Arial; background-color: ivory; color: black; } #content { width: auto; overflow: hidden; padding: 11px 6px 11px 12px; background: ivory; /* put any background image here, e.g. background: #FFF url(xxx.giv) repeat-x; */ } #maincontent { float: left; width: 78%; padding-right: 1px; margin-left: 0px; margin-right: 1%; } #maincontent { background-color: ivory; } #newcontent { position: relative; } #feature { position: relative; height: 1%; width: 72%; margin: 0px 0 10px 0; padding: 0 0 15px 0!important; background: #fff; border: 1px solid #7088B0 ; border-top: 0 none; } div#flow { float:right; width: 74.3%; padding: 0 0 20px 0; margin: 0; overflow: visible !important; overflow: hidden; background-position: -100px 0; /* Hide tab by default in case JS is absent */ } div#flow { margin: 0; cursor: default; /*DHS*/ /*border: 1px solid green;*/ } #col1 { float: left; clear: left; width:24%; margin:0 0 0 0; overflow: hidden; } #col3 { float:left; width: 19.58%; margin:0; } } /* END media@screeen: Forces blocks to enclose their floated children? */ /**************************************************************************************************************************** * format --- ****************************************************************************************************************************/ div.wrap { margin-bottom: 15px ; padding-bottom: 15px ; background-color: #fff; border: 1px solid black;/*#7088B0;*/ } div.wrap * { margin: 8px 3% 8px 3.5%; } div.wrap * * { margin: 0; } /*==============================* * cross site layout knick-nacks *===============================*/ .nomargin { margin:0px!important; } .wrap { margin: 0px; padding: 0px; clear: left; line-height: 1.1; overflow: hidden; } div#content .wrapleft { float:left!important; margin: 0px; padding: 0px; padding-right: 5px!important; line-height: 1.1; border: 0px none; } div#content .wrapright { float:right!important; clear: both; margin: 0 10px 10px 10px; border:0px none; } /**************************************************************************************************************************** * DHS START ****************************************************************************************************************************/ a { text-decoration: none; } a:visited { color: purple; } a:link { color: purple; } a:hover { color: #0000c0; } /**************************************************************************************************************************** * div#topbar --- Top panel ****************************************************************************************************************************/ /*debug*/ #centerlinks { border: 0px solid black; } div#topbar, div#topover { height: 62px; padding: 0px; margin: 0px; overflow: hidden; } div#topbar { text-align: center; } div#topbar { border-bottom: 1px solid #aaaaaa; border-left: 1px solid #aaaaaa; } div#topbar { background: lightyellow; } img.left { float: left; } div#topbar img { padding: 0px; margin: 0px; } div#topbar img { border: 0px; border-bottom: 0px solid #aaaaaa; border-right: 1px solid #aaaaaa; } span.sitebanner { float: left; display: table; } span.sitebanner { padding 0px; margin-top: 1em; margin-left: 2em; } span.sitebanner { vertical-align: bottom; text-align: center; } span.sitebanner span { padding 0px; margin: 0px; display: table-row; } span.sitebanner span { color: #8c8c8c; background: transparent; } span.sitebanner span { font: bold 240% sans-serif; } /**************************************************************************************************************************** * div#topover --- Top panel overla ****************************************************************************************************************************/ div#topover, div#overtag, div#rightlinks, div#centerlinks, div#sitetag { position: absolute; width: 100%; background: transparent; } div#topover { left: 0; top: 0; } div#overtag { left: 0; top: 0; } div#rightlinks { right: 7%; } div#centerlinks { bottom: 0; } div#sitetag { bottom: 1em; right: 6%; } div#rightlinks, div#sitetag { text-align: right; } div#overtag, div#centerlinks { text-align: center; } div#sitetag { color: #8c8c8c; font: bold 140% sans-serif; } div#overtag { color: #8c8c8c; } div#overtag span.Ezra { font-size: 145%;/*160%;*/ line-height: .95; } div#overtag span.Greek { margin-right: 1em; font-size: 120%; /*font-weight: bold;*/ } div.menu { text-align: center; padding: 0; margin: 0; } div.menu p { text-align: center; padding: 0; margin: 0; } span.menu-cap { margin: 0; padding: 0; } span.menu-links { margin: 0em; padding: .6em; } span.menu-links a { margin-right: .8em; } span.menu-cap { font-size: 90%; color: #8c8c8c; } span.menu-cap { text-decoration: underline; } span.menu-links a { font: 85%/1.1em Arial; } h2 { margin-left: 5%; text-align: left; color: #808080; border: 0px solid green; } /**************************************************************************************************************************** * div#footer -- Bottom panel ****************************************************************************************************************************/ div#footer { position: relative; height: 37px; /*width: auto!important; clear: both;*/ } div#tuxdiv { position: absolute; left: 0; } img#tux { float: left; } span#tuxline { display: block; float: left; } div#copyright { clear: both;} div#footer, div#tuxdiv, img#logo, span#tuxline { margin: 0; padding: 0; } img#tux { margin-left: .5em; margin-top: .2em; } span#tuxline { margin-top: 3px; } p.copyright { margin-top: 19px; margin-left: 4%; } div#footer { text-align: center; /*font-size: 80%;*/ line-height: 1.1; } div#tuxdiv a { text-decoration: none; color: black; } span#tuxline { font-variant: small-caps; font-size: 85%; font-family: sans-serif; } p.copyright { text-align: left; font: 85% verdana,arial,helvetica; color: #8c8c8c; } div#footer { border: 1px solid lightyellow;/*#f60;*/ border-top: 1px solid #aaaaaa; border-bottom: 1px solid #aaaaaa; } div#footer { background: lightyellow; /*#f60;*/ } /**************************************************************************************************************************** * div#footover --- Bottom panel overlay ****************************************************************************************************************************/ div#footover { position: absolute; width: 100%; background: transparent; margin: 0; padding: 0; } div#footover { right: 0; top: 0; } img#commons { float: right; margin-top: 3px; margin-right: .5em; } /**************************************************************************************************************************** * column settings ****************************************************************************************************************************/ #col1 *, #col3 * { position: relative; } div.nav, div.product { overflow: hidden; margin-bottom: 11px ; width:auto!important; width:100%; background-color: lightyellow; border: 1px #aaaaaa solid; } div.product { position: relative; border-top: 0 none; } div.nav *, div.product * { margin: 4px 6px 6px 10px; } div.nav * *, div.product * * { margin: 0; } div.nav p, div.product p { font-size: 77%; margin-bottom: 10px; } div.product a:link { color:#730 } div.nav ul, div.product ul, div.nav ol, div.product ol { margin: 5px 0 10px 5px; padding: 0 0 0 5px; font-size: 80%; /*font-weight: bold;*/ } div.nav ul, div.product ul { list-style: none; padding-top: 1em; padding-left: 1em; padding-bottom: 1em; margin-top: 0; margin-bottom: 0; } div.nav li, div.product li { margin: 0 5px 5px 0;/*18px;*/ padding: 0; } #col1 h3, #col3 h3, div.wrap h3, div.nav h3, div.product h3 { margin-top: 0; margin-left: 0; margin-right: 0; border-width: 1px 0; } div.nav h3, div.product h3 { clear: right; margin: 0 0 10px 0; line-height: 1.1; font: bold 100% Arial, Helvetica, sans-serif; border-width: 1px 0 1px 0; } div.product h3 { color: #730; background: #FFD57D; font-size: 90%; border: 1px solid #730; } div.nav h4 { margin-bottom: 0; padding-bottom: 0; margin-left: .5em; } div.nav h4 { font-size: 90%; color: #8c8c8c; } /**************************************************************************************************************************** * right panel widgets ****************************************************************************************************************************/ form#findbysn input, form#findbyqtl input, form#viewverse input, form#viewverse select, form#viewverse option { font-size: 90%; vertical-align: middle; } span.slide { display: block; margin: 1em 1em 1em 1.5em; border: 0px solid red; } span.slide a.overlib { margin-left: 2em; } a.stepnav { padding: 0 .4em 0 .4em; } a.stepnav { background: #e0e0e0; color: black; border: 2px outset #aaaaaa; } a.stepnav:visited, a.stepnav:link { background: #e0e0e0; color: black; } a.stepnav:hover { background: lightyellow; color: #0000c0; border-style: inset; } /**************************************************************************************************************************** * Hebrew Spans span.Ezra { font-family: 'Ezra SIL'; } screws up konqueror on WLC span.Hebrew { font-family: 'Frank Ruehl CLM'; } ****************************************************************************************************************************/ span.Code2000 { font-family: 'Code2000'; } /* this works */ span.Cardo { font-family: 'Cardo'; } /* this works */ span.Ezra { font-family: 'Ezra SIL SR'; } /* screws up konqueror on WLC */ span.Ezra { font-family: 'Ezra SIL'; } /* screws up konqueror on WLC */ span.SBLHebrew { font-family: 'SBL Hebrew'; } /* screws up konqueror on WLC */ span.BSTHebrew { font-family: 'BSTHebrew'; } /* screws up konqueror on WLC */ span.SLHebrew { font-family: SLHebrew; } span.Picto { font-family: Picto; } span.Paleo { font-family: 'Paleo Hebrew'; } span.Roman { font-family: 'Roman Unicode'; } /* screwy */ /* used to stop RtoL rendering after a Hebrew span */ span.hstop { visibility: hidden; font-size: 0; } /**************************************************************************************************************************** * Greek Spans ****************************************************************************************************************************/ span.Greek { font-family: Gentium, GentiumAlt, 'DejaVu Sans', 'SBL Greek', Code2000, Cardo, 'Palatino Linotype'; } /**************************************************************************************************************************** * Generics for rootfamily.css and viewverse.css /**************************************************************************************************************************** /* SN overLIB link in word definition paragraph */ span.SNder { vertical-align: super; } span.SNder a { color: darkgreen; /*#1C553A;*/ } span.SNder a:visited { color: darkgreen; /*#1C553A;*/ } span.SNder a:link { color: darkgreen; /*#1C553A;*/ } span.SNder a:hover { color: purple; background: lightyellow; } /**************************************************************************************************************************** * div#overlib ****************************************************************************************************************************/ div.tooltip { margin: 0; padding: 10px; border: 1px solid #aaaaaa; background: lightyellow;} div#overDiv div.product { margin-bottom: 0px ; } div#overDiv a { margin: 0; padding: 0; } div#overDiv a { list-style: none; } div#overDiv a { color: darkgreen; /*#1C553A;*/ } div#overDiv a:visited { color: darkgreen; /*#1C553A;*/ } div#overDiv a:link { color: darkgreen; /*#1C553A;*/ } div#overDiv a:hover { color: purple; background: lightyellow; } /**************************************************************************************************************************** * radpad ****************************************************************************************************************************/ div.radpad { margin: 0; padding: 0; width: auto; } table.radpad { margin: 0; padding: 0; border-spacing: .2em .2em; } table.radpad caption { margin: 0; padding: 0; padding-bottom: .2em; } table.radpad td { margin: 0; padding: 0; } /* table.radpad td and th links are little display blocks */ div#overDiv table.radpad td a { margin: 0; padding: 0em .3em .6em .3em; display: block; overflow: hidden; } /* sizing */ table.radpad caption { font-size: 130%; } div#overDiv table.radpad td a { width: 1.5em; height: 1.5em; } div#overDiv table.radpad td a span { margin: 0; padding: 0; font-size: 170%; } /* text align */ table.radpad caption { text-align: center; } table.radpad td { text-align: center; } table.radpad td a { vertical-align: middle; } /* borders and colors */ div#overDiv table.radpad { background: lightyellow; border: 1px solid black; } div#overDiv table.radpad caption { background: white; color: #808080; border: 1px solid black; font-weight: bold; font-variant: small-caps; border-bottom: 0px; } div#overDiv table.radpad td a { background: #e0e0e0; color: black; border: 2px outset #aaaaaa; } div#overDiv table.radpad td a:visited, div#overDiv table.radpad td a:link { background: #e0e0e0; color: black; } div#overDiv table.radpad td a:hover { background: lightyellow; color: #0000c0; border-style: inset; } /**************************************************************************************************************************** * qtl is the parent of radpad and is not in div#overlib ****************************************************************************************************************************/ /* table.qtl td and th links are little display blocks */ table.qtl td a { margin: 0; padding: 0em .3em .6em .3em; display: block; /*overflow: hidden;*/ } /* sizing */ table.qtl td a { width: 1.5em; height: 1.5em; } table.qtl td a span { margin: 0; padding: 0; font-size: 150%; border: 0px solid red; vertical-align: super; } /* text align */ /*table.qtl td { margin: 1px; padding: 1px; } just playing*/ table.qtl td a { vertical-align: middle; } /* borders and colors */ table.qtl td a { background: #e0e0e0; border: 2px outset #aaaaaa; } table.qtl td.varformchange a, table.qtl td.varformchange a.visited { background: #e0e0e0; color: black; } table.qtl td.varformchange a:hover { background: lightyellow; color: #0000c0; border-style: inset; }