will work inside a fine, but a

inside a

does */ /* not give the expected/desired result in Konquerer - Konquerer thus becomes */ /* the lowest common denominator for testing. Till a workaround is obtained (if */ /* such exists),

s need to be declared as normal outside of the */ /* "main-container" FOR ALL PAGES --------------------------- */ /* ----------------------------------------------------------------------------- */ .main-body {background-image: url(images/bg-design.gif); background-position: 0% 0%; background-repeat: repeat; background-attachment: scroll; background-color: #FbFFFb} /* ----------------------------------------------------------------------------- */ /* THESE ARE THE EQUIVALENT OF

,

etc.
...page content...
/ / ----------------------------------------------------------------------------- / .main-container / main general purpose container for / / this first set of indent do not have the first line indented / / these are all unjustified default text / .n-first-indent / full width / {width: 100%; margin-left: 0%; border-style: none; border-width: thin} .n-second-indent / indented, then all way to right hand boundary / {width: 97%; margin-left: 3%; border-style: none; border-width: thin} .n-third-indent {width: 94%; margin-left: 6%; border-style: none; border-width: thin} .n-fourth-indent {width: 91%; margin-left: 9%; border-style: none; border-width: thin} .n-fifth-indent {width: 88%; margin-left: 12%; border-style: none; border-width: thin} .n-sixth-indent {width: 85%; margin-left: 15%; border-style: none; border-width: thin} / this set of indents are all italic text, otherwise normal / .i-first-indent / full width / {width: 100%; margin-left: 0%; border-style: none; border-width: thin; font-style: italic} .i-second-indent / indented, then all way to right hand boundary / {width: 97%; margin-left: 3%; border-style: none; border-width: thin; font-style: italic} .i-third-indent {width: 94%; margin-left: 6%; border-style: none; border-width: thin; font-style: italic} .i-fourth-indent {width: 91%; margin-left: 9%; border-style: none; border-width: thin; font-style: italic} .i-fifth-indent {width: 88%; margin-left: 12%; border-style: none; border-width: thin; font-style: italic} / this set of indents are all justified text, otherwise normal / .j-first-indent / full width / {width: 100%; margin-left: 0%; border-style: none; border-width: thin; text-align: justify} .j-second-indent / indented, then all way to right hand boundary / {width: 97%; margin-left: 3%; border-style: none; border-width: thin; text-align: justify} .j-third-indent {width: 94%; margin-left: 6%; border-style: none; border-width: thin; text-align: justify} .j-fourth-indent {width: 91%; margin-left: 9%; border-style: none; border-width: thin; text-align: justify} .j-fifth-indent {width: 88%; margin-left: 12%; border-style: none; border-width: thin; text-align: justify} / this set of indents are all justified italic text, otherwise normal / .ji-first-indent / full width / {width: 100%; margin-left: 0%; border-style: none; border-width: thin; text-align: justify; font-style: italic} .ji-second-indent / indented, then all way to right hand boundary / {width: 97%; margin-left: 3%; border-style: none; border-width: thin; text-align: justify; font-style: italic} .ji-third-indent {width: 94%; margin-left: 6%; border-style: none; border-width: thin; text-align: justify; font-style: italic} .ji-fourth-indent {width: 91%; margin-left: 9%; border-style: none; border-width: thin; text-align: justify; font-style: italic} .ji-fifth-indent {width: 88%; margin-left: 12%; border-style: none; border-width: thin; text-align: justify; font-style: italic} / / / this second set of indents have the first line indented / / / / This first set of indents are all unjustified default text, otherwise normal / .nt-first-indent / full width / {width: 100%; margin-left: 0%; border-style: none; border-width: thin; text-indent: 2%} .nt-second-indent / indented, then all way to right hand boundary / {width: 97%; margin-left: 3%; border-style: none; border-width: thin; text-indent: 2%} .nt-third-indent {width: 94%; margin-left: 6%; border-style: none; border-width: thin; text-indent: 2%} .nt-fourth-indent {width: 91%; margin-left: 9%; border-style: none; border-width: thin; text-indent: 2%} .nt-fifth-indent {width: 88%; margin-left: 12%; border-style: none; border-width: thin; text-indent: 2%} / this set of indents are all italic indented text, otherwise normal / .it-first-indent / full width / {width: 100%; margin-left: 0%; border-style: none; border-width: thin; font-style: italic; text-indent: 2%} .it-second-indent / indented, then all way to right hand boundary / {width: 97%; margin-left: 3%; border-style: none; border-width: thin; font-style: italic; text-indent: 2%} .it-third-indent {width: 94%; margin-left: 6%; border-style: none; border-width: thin; font-style: italic; text-indent: 2%} .it-fourth-indent {width: 91%; margin-left: 9%; border-style: none; border-width: thin; font-style: italic; text-indent: 2%} .it-fifth-indent {width: 88%; margin-left: 12%; border-style: none; border-width: thin; font-style: italic; text-indent: 2%} / this set of indents are all justified indented text, otherwise normal / .jt-first-indent / full width / {width: 100%; margin-left: 0%; border-style: none; border-width: thin; text-align: justify; text-indent: 2%} .jt-second-indent / indented, then all way to right hand boundary / {width: 97%; margin-left: 3%; border-style: none; border-width: thin; text-align: justify; text-indent: 2%} .jt-third-indent {width: 94%; margin-left: 6%; border-style: none; border-width: thin; text-align: justify; text-indent: 2%} .jt-fourth-indent {width: 91%; margin-left: 9%; border-style: none; border-width: thin; text-align: justify; text-indent: 2%} .jt-fifth-indent {width: 88%; margin-left: 12%; border-style: none; border-width: thin; text-align: justify; text-indent: 2%} / this set of indents are all justified italic indented text, otherwise normal / .jit-first-indent / full width / {width: 100%; margin-left: 0%; border-style: none; border-width: thin; text-align: justify; font-style: italic; text-indent: 2%} .jit-second-indent / indented, then all way to right hand boundary / {width: 97%; margin-left: 3%; border-style: none; border-width: thin; text-align: justify; font-style: italic; text-indent: 2%} .jit-third-indent {width: 94%; margin-left: 6%; border-style: none; border-width: thin; text-align: justify; font-style: italic; text-indent: 2%} .jit-fourth-indent {width: 91%; margin-left: 9%; border-style: none; border-width: thin; text-align: justify; font-style: italic; text-indent: 2%} .jit-fifth-indent {width: 88%; margin-left: 12%; border-style: none; border-width: thin; text-align: justify; font-style: italic; text-indent: 2%} / special indent styles ------------------------------------------------------- / .small-indent / used in the "by opening phrase" tables / {width: 98%; margin-left: 2%} .b-source-indent / used at bottom to identify where quote from (e.g. "Gleanings, p123") / {width: 80%; margin-left: 10%; text-align: right; font-variant: normal; font-style: italic; font-size: 80%; margin-top: 0px; margin-bottom: 0em; border-style: none} .b-signature-indent / signature at bottom of page of text (e.g. "Universal House of Justice") / {width: 70%; margin-left: 15%; text-align: right; font-variant: small-caps; margin-top: 0px; margin-bottom: 0px; border-style: none} / ----------------------------------------------------------------------------- / / SPACERS --------------------------------------------------------------------- / / ----------------------------------------------------------------------------- / / Note: there are more below "the line" still to be rationalised / .std-paragraph-spacing / standard spacing between paragraphs / {width: 80%; font-size: 25%; / make fine adjustments to size of space with this value / margin-left: 10%; margin-bottom: 0em; / + the enclosed in the
/ border-style: none} .quarter-em-spacer / the intended height of the space / {width: 80%; font-size: 25%; / make fine adjustments to size of space with this value / margin-left: 10%; margin-bottom: 0em; / + the enclosed in the
/ border-style: none} .half-em-spacer / the intended height of the space / {width: 80%; font-size: 50%; / make fine adjustments to size of space with this value / margin-left: 10%; margin-bottom: 0em; / + the enclosed in the
/ border-style: none} .threequarter-em-spacer / the intended height of the space / {width: 80%; font-size: 75%; / make fine adjustments to size of space with this value / margin-left: 10%; margin-bottom: 0em; / + the enclosed in the
/ border-style: none} .one-em-spacer / the intended height of the space / {width: 80%; font-size: 100%; / make fine adjustments to size of space with this value / margin-left: 10%; margin-bottom: 0em; / + the enclosed in the
/ border-style: none} .two-em-spacer / the intended height of the space / {width: 80%; font-size: 100%; / make fine adjustments to size of space with this value / margin-left: 10%; margin-bottom: 1em; / + the enclosed in the
/ border-style: none} .three-em-spacer / the intended height of the space / {width: 80%; font-size: 100%; / make fine adjustments to size of space with this value / margin-left: 10%; margin-bottom: 2em; / + the enclosed in the
/ border-style: none} .four-em-spacer / the intended height of the space / {width: 80%; font-size: 100%; / make fine adjustments to size of space with this value / margin-left: 10%; margin-bottom: 3em; / + the enclosed in the
/ border-style: none} .page-bottom-space / provides a consistent space at the bottom of every page / {width: 25%; margin-bottom: 775px; border-style: none; border-width: thin} / ----------------------------------------------------------------------------- / / TABLES AND CELLS ------------------------------------------------------------ / / ----------------------------------------------------------------------------- / .std-table / most tables will abide by this definition / {margin-top: 0em; margin-bottom: 0em; border-collapse: separate; border-style: none; border-width: 0px; border-spacing: 0px 0px} .std-cell / set a standard cell with no padding / {padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; border-style: none; border-width: 0px} / these next are for cells that require padding (e.g. indices) / .centre-cell / most indices cells will abide by this definition / {text-align: center; padding-left: 3px; padding-right: 3px; padding-bottom: 0px; padding-top: 0px; border-style: none; border-width: 0px} .left-cell / some cells need to be aligned left, otherwise identical to .center-cell / {text-align: left; padding-left: 3px; padding-right: 3px; padding-bottom: 0px; padding-top: 0px; border-style: none; border-width: 0px} .right-cell / some cells need to be aligned right, otherwise identical to .center-cell / {text-align: right; padding-left: 3px; padding-right: 3px; padding-bottom: 0px; padding-top: 0px; border-style: none; border-width: 0px} .number-index-cell / individual cells in the "byparanum" indices - bordered / {padding-top: 1px; padding-bottom: 2px; padding-left: 10px; padding-right: 10px; text-align: center; border-style: solid; border-width: 1px; border-color: silver} / ----------------------------------------------------------------------------- / / RULES AND DIVIDERS ---------------------------------------------------------- / / ----------------------------------------------------------------------------- / / defines the length and placement of the horizontal rule / .standard-rule /
/ {width: 80%; margin-left: 10%; font-size: 100%; / best if this size is left alone / border-style: none} / defines the length of the
used to divide footnotes from the text above / .footnote-divider /
/ {width: 125px} / ----------------------------------------------------------------------------- / / FONT SIZE DECLARATIONS. USE % SO RELATIVE TO USERS CHOSEN DEFAULT ----------- / / ----------------------------------------------------------------------------- / / replacement / .plus-three / xx-large / {font-size: 200%} / replacement / .plus-two / x-large / {font-size: 150%} .plus-two-small-caps / x-large as small caps / {font-variant: small-caps; font-size: 150%} / replacement / .plus-one / large / {font-size: 110%} .plus-one-small-caps / large as small caps / {font-variant: small-caps; font-size: 110%} / replacement / .less-one / small / {font-size: 80%} .less-one-small-caps / small as small-caps/ {font-variant: small-caps; font-size: 80%} / replacement / .less-two / x-small - note that Konqueror won't go below about 65% / {font-size: 60%} / replacement / .less-three / xx-small - note that Konqueror won't go below about 65% / {font-size: 50%} .miniature / really tiny :) - note that Konqueror won't go below about 65% / {font-size: 20%} / ----------------------------------------------------------------------------- / / SPECIAL CLASSES ------------------------------------------------------------- / / ----------------------------------------------------------------------------- / .keep-together / for use in a using a - more control. only used once ?? / .caption {font-size: 150%; / x-large / font-style: italic; font-family: serif; text-align: center} .decision-left / left decision cell holding alpha-character */ {width: 5%} .insert-text {color: teal} .red{ color:red} .c-word {font-variant: small-caps; font-size: 110%}