/* you can use my css file as long as you leave this line: Researched, developed and written by Landis Reed of LandisReed.com and LandisTwo.com*/
/* used in most every page, defacto 'main' or 'default' css 2012 to 2019 - Landis */
/* this is a copy of /landistwo.com/style-css.css - 2019.03 */
/* --- */
/* -- goes with head meta tag: viewpoint --- */
/* - it's a rediculous declaration as the width is set by may things inc body, div content etc - */
@-ms-viewport{ width: device-width; }
/* ---- */
/* I moved pre definitions to the bottom... getting too big */
/* #### start Test section: #### */
/* th {width:175px} i'm not sure this is a 'good thing' to have here... don't know what it was for 11.05.13 */
ul, blockquote {margin-left:0px} /*don't remember what this was for either, but i don't think it's hurting anything right now... 11.05.13 */
/* --- */
.spacer { content:"url(http://landisreed.com/images/spacer.gif); width:1px height:1px; border:3px solid red;"; font-size:inherit; }
/* --- */
.fuckoff02 { color:blue; font-size:16px; }
/* --- */
/* --- img:hover { outline: thick solid red; } --- */
/* ---- */
/* #### end Test section: html_css_equiv page (table) #### */
/* --- */
/*trying to make 'signature' easier with unicode char ** Works!! 02.05.12*/
.sig { font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; font-size:1.1em; color:rgb(0,0,0); text-decoration:none; padding:2px; }
.sigright { font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; font-size:1.1em; color:rgb(0,0,0); text-decoration:none; padding:2px; text-align:right; margin-left:80%; margin-right:8px; }
.sig:after { content:" ☡"; font-size:inherit; } /* in css, 'content' can also be the unicode character code with leading backslash ie, /2621 in the case of this '2' 21.05.13 - Landis */
.sigright:after { content:" \2621"; font-size:inherit; }
.sigsm { font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; font-size:0.8em; color:rgb(0,0,0); text-decoration:none; padding:2px; }
.sigsm:after { content:" ☡"; font-size:inherit; }
.inheritit { font-family:inherit; font-size:inherit; font-weight:normal; font-style:normal; color:inherit; text-decoration:inherit; background-color:inherit; }
/* cool style from twitter 'bio' section 17.05.12 i wanted for the 'font-family' values */
.bio{font-family:"Helvetica Neue",'DejaVu Sans', 'Droid Sans', 'FreeSans', 'Open Sans', Arial,"Hiragino Kaku Gothic Pro",Meiryo,"MS PGothic",sans-serif;font-style:normal;}
/* --- */
/* #### Start of my normalcss #### edited (thinned out for new css3, 26.04.12 - */
/* --- */
html { font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Helvetica, Arial, Verdana, Lucida, Tahoma; color: black; font-size: 12px; font-style: normal; font-variant: normal; }
body { font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Helvetica, Arial, Verdana, Lucida, Tahoma; color: black; font-size: 12px; font-style: normal; font-variant: normal; background-color: rgba(72,72,72,0.9); } /* this is where ul,ol,li where 'inheriting' their font definitions */
/* #### Start Menu containers #### */
/* modual, container and table section from */
body.margin { margin: 0px 0px 0px 0px; background-color:#ffffff; }
body.black { margin: 0px 0px 0px 0px; background-color:#000000; }
/* --- */
/* #### a href - anchor style #### */
/* 'WARNING' - as of 28.04.12 i was getting validation warnings about using the same background-color in Lots of elements... the only thing i found is to declair a background of inherit if the element is a child like table.Something to table */
/* opacity:0.3; #### affects All links even those with dif style 30.04.13 */
/* changed idle state color from inherit to 64,0,0*/
/* should also use background-color: #ffffff; (page color) in most definitions where a font or element color is defined */
a:link { font-family: inherit; color: rgb(0,137,153); font-size: inherit; font-style: inherit; text-decoration: none; background-color:inherit; }
a:visited { font-family: inherit; color: rgb(0,105,117); font-style: inherit; text-decoration: none; background-color:inherit; font-weight:inherit; } /*change color, it overrides idle and hover style 25.11.13 */
a:hover { font-family: inherit; TEXT-DECORATION: underline; background-color:inherit; color:rgb(232,88,72); font-weight:inherit; }
a:focus { font-family: inherit; color:rgb(128,0,0); font-style: italic; text-decoration: underline; background-color:inherit; } /*added 25.11.13 */
a:active { font-family: inherit; color:rgb(96,0,0); font-style: italic; text-decoration: none; background-color:inherit; } /*change color from 96 to 80 25.11.13 */
/* a:active { font-family:inherit; color:rgb(80,0,0); font-size:inherit; text-decoration:none; font-style:inherit; } see Below */
a.important:link, a.important:visited { font-family: courier; font-size: 13px; color: rgb( 104,33,122 ); font-weight: 500; text-decoration: none; }
a.important:hover { font-family: courier; font-size: 13px; color: rgb( 240,33,122 ); font-weight: 500; text-decoration: none; }
/* a.normal { font-family:inherit; color:rgb(96,0,0); font-style:inherit; background-color:inherit; font-size:inherit; } */
a.normal:link,a.normal:visited,a.normal:active,a.normal:focus { font-family:inherit; color:rgb(96,0,0); font-style:inherit; background-color:inherit; font-size:inherit; /*font-weight:500;*/ font-stretch: none; text-decoration:none; } /*experiment - will it emulate the line it's in? */
a.normal:hover { font-family:inherit; color:red; font-style:inherit; background-color:inherit; font-size:inherit; font-weight:inherit; text-decoration:none; } /*experiment - will it emulate the line it's in? */
/* trying to nest with a: 03.05.12 a:visited.normal { font-family: inherit; color:rgb(96,0,0); opacity:0.5; font-size:inherit; font-weight:inherit; font-style: inherit; text-decoration: none; background-color:inherit; }*/
/*a:visited.normal:hover { font-family:inherit; color:red; font-style:inherit; text-decoration:none; background-color:inherit; font-size:inherit; font-weight:inherit; } /*experiment - will it emulate the line it's in? */
a.norm:link { font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; color: #000000; font-size: inherit; font-weight:500; font-style: normal; text-decoration: none; background-color:inherit; }
a.norm:visited { font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; color: #808080; font-style: normal; text-decoration: none; background-color:inherit; }
a.norm:hover { font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; color: #000000; font-style: normal; text-decoration: underline; background-color:inherit; }
a.smnorm { font-size: 10px; font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; color: #000000; font-style: normal; text-decoration: none; background-color:inherit; }
a.smnormlite { font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; font-size: 10px; font-stretch: semi-condensed; color: #888888; background-color:inherit; }
a.smnormsuse { font-size: 10px; font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; color:inherit; font-style: normal; text-decoration: none; background-color:inherit; } /*was having problems with 'color: #669933; '*/
a.normlite:link { font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; color: #606060; font-style: normal; text-decoration: none; background-color:inherit; }
a.normlite:visited { font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; color: #909090; font-style: normal; text-decoration: none; background-color:inherit; }
a.normlite:hover { font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; color: #000000; TEXT-DECORATION: underline; background-color:inherit; }
a.normlite:active { font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; color: #606060; font-style: normal; text-decoration: none; background-color:inherit; }
a.normbright { font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; color: rgb(255,0,255); font-style: normal; text-decoration: none; background-color:inherit; }
a.normteal { font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; color: rgb(32,178,170); font-style: normal; text-decoration: none; background-color:inherit; }
a.boldteal { font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; color: rgb(32,178,170); font-weight:700; font-style: normal; text-decoration: none; background-color:inherit; }
a.normdblue { font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; color: rgb(105,105,105); font-style: normal; text-decoration: none; background-color:inherit; }
a.bolddblue { font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; color: rgb(105,105,105); font-weight:700; font-style: normal; text-decoration: none; background-color:inherit; }
a.bold { font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; color: #000000; font-style: normal; text-decoration: none; font-weight: bolder; background-color:inherit; }
a.boldblink { font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; color: #000000; font-style: normal; text-decoration: blink; font-weight: bolder; background-color:inherit; }
a.black strong { font-weight: 400; color: #555555; text-decoration: none;}
a.snippet01 {font-size:12px; color:rgb(0,0,0); text-decoration:none; padding:1px; font-style:oblique; }
a.border { color:#aaaaaa; }
a.inheritit:link, a.inheritit:active { font-family:inherit; font-size:inherit; font-weight:inherit; font-style:inherit; color:inherit; text-decoration:inherit; background-color:inherit; }
a.inheritit:visited { color:inherit; }
a.inheritit:hover { color:rgb(96,0,0); text-decoration:none }
/*messing around.. background color on hover is that of w3c. i used this on specialcharacters page declaring doctype and encoding 25.04.13 - Landis */
a.normlitedorchid:link, a.normlitedorchid:active { font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; color: rgb(153,50,204); font-style: normal; text-decoration: none; background-color:inherit; }
a.normlitedorchid:visited { font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; color: rgb(153,50,204); font-style: normal; text-decoration: underline; background-color:inherit; }
a.normlitedorchid:hover { font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; color: rgb(255,255,255); font-style: normal; text-decoration: underline; background-color:rgba(0,90,156,0.2); }
a.normlitemar:link { font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; color: rgb(128,0,0); font-style: normal; text-decoration: none; background-color:inherit; }
a.normlitemar:visited { font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; color: rgb(96,0,0); font-style: normal; text-decoration: none; background-color:inherit; }
a.normlitemar:hover { font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; color: rgb(192,0,0); font-style: normal; text-decoration: underline; background-color:inherit; }
a.normlitemar:active { font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; color: rgb(128,0,0); font-style: normal; text-decoration: none; background-color:inherit; }
a.obliquelite:link, a.obliquelite:active, a.obliquelite:visited { font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; color: #606060; font-style: oblique; text-decoration: none; background-color:inherit; }
a.obliquelite:hover { font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; color: #808080; font-style: oblique; text-decoration: underline; background-color:inherit; }
address { font-family: 'DejaVue Sans', 'Droid Sans', Helvetica, Tahoma, Arial, sans-serif; color: #000000; font-style: italic; text-decoration: none; font-size: 11px; }
a.address { font-family: 'DejaVue Sans', 'Droid Sans', Helvetica, Tahoma, Helvetica, Arial, sans-serif; color: #000000; font-style: italic; text-decoration: none; font-size: 11px; background-color:inherit; }
/* trying to nest with a: 03.05.12 a:active.normal { font-family: inherit; color:rgb(96,0,0); opacity:0.5; font-size:inherit; font-weight:inherit; font-style: inherit; text-decoration: none; background-color:inherit; }*/
/* 29.05.12 - hover MUST come AFTER link, active and visited in CSS */
/* 28.04.12 - i'm not sure if the variant, 'hover' goes before or after the seletctor: a:hover.norm or a.norm:hover */
/* 29.04.12 - answer: correct order a:hover.normal is Proven. Landis */
/* old html4 visited link */
vlink { font-family: Arial, Tahoma, sans-serif; color: #808080; font-style: italic; text-decoration: none }
/* --- */
/* #### typical type - normal elements / selectors #### */
/* #### Heading #### */
h1 { font-size: 2em; margin: .67em 0; font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; }
h1.purple { font-size: 2em; margin: .67em 0; font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; color:purple; }
h1.cnt { font-size: 2em; margin: auto; font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; text-align: center; }
h2 { font-size: 1.5em; margin: .75em 0; font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; }
h2.purple { color:purple; font-size: 1.5em; margin: .75em 0; font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; }
h3 { font-size: 1.3em; margin: .83em 0; font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; text-indent: 2px; }
h3.purple { color:purple; font-size: 1.3em; margin: 12px 8px; font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; text-indent: 2px; }
h3.cnt { font-size: 1.3em; margin: .83em 0; font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; text-align:center; }
h3.cntsmcaps { font-size: 1.3em; margin: .83em 0; font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; text-align:center; font-variant: small-caps; }
h3.cntborder { font-size: 1.3em; font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; width:98%; border:1px solid gray; margin: auto 4px auto 2px; padding: 2px 0px; text-align:center; }
h3.cntrborder { font-size: 1.3em; font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; border:1px solid gray; padding:4px; width:400px; text-align:center; margin: .83em 0; }
/* above, h3.cntrborder didn't seem to work on index. but styled he worked 'style="border:1px solid gray; margin-left:auto; margin-top:10px; margin-right:auto; padding:4px; width:400px; text-align:center;' 01.05.12 */
/*using (purple h4) for include page headings 05.2012 */
h4 { font-size: 1.2em; color:black; margin: 0.7em 0.7em; font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; }
h4.purple { font-size: 1.2em; color:purple; margin: 0.7em 0.7em; font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; }
/* plain h4 was purple so a 'black' version was needed. */
h4.black { font-size: 1.2em; color:black; margin: 0.7em 0.7em; font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; }
h4.date { font-size: 1.2em; font-weight: 400; color:rgb(195,0,0); margin: 0.7em 0.7em; font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; font-stretch: semi-condensed; }
h4.cnt { font-size: 1.2em; color: purple; margin: 0.7em 0.7em; font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; text-align:center; }
h5 { font-size: 1.1em; font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; font-weight: 500; margin: 0.5em; }
h5.purple { font-size: 1.1em; color: purple; font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; font-weight: 500; margin: 0.5em; }
h5.cnt { font-size: 1.1em; font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; font-weight: 500; margin: 0.5em; text-align:center; }
h5.cntsmcaps { font-size: 1.1em; font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; font-weight: 500; margin: 0.5em; text-align:center; font-variant: small-caps; }
h5.smcaps { font-size: 1.1em; font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; font-weight: 500; margin: 0.5em; font-variant: small-caps; }
h6 { font-size: 1.0em; font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; font-weight: 500; margin: 0.3em; }
h6.purple { font-size: 1.0em; font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; color: purple; font-weight: 500; margin: 0.3em; }
h6.cnt { font-size: 1.0em; font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; font-weight: 500; margin: 0.3em; text-align:center; }
h6.cntpurple { font-size: 1.0em; color: purple; font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; font-weight: 500; margin: 0.3em; text-align:center; }
/* --- */
/*the following 'h11' and h13' selectors (elements) are used as an example of modifiing nested selecotrs on css_snippets/style_syntax page 11.05.13 */
h11 { font-size: 2em; margin: .67em 0; font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; color: grey; }
h13 { font-size: 1.2em; margin: .83em 0; font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; margin: 2px; color: grey; font-style: oblique; }
/* --- */
/* #### Paragraph, P Element / P Selector #### */
p { font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; font-size: 13px; text-decoration: none; font-stretch: semi-condensed; color:black; margin-left:2px; text-indent:4px; padding:2px; }
p.rev { direction: rtl; margin-right: 24px; font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; font-size: 13px; font-stretch: semi-condensed; color:black; margin-left:2px; text-indent:4px; padding:2px; }
p.ml4 { font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; font-size: 13px; margin-left:4px; font-stretch: semi-condensed; color:black; } /* (margin-left 4) experiment */
p.pl4 { font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; font-size: 13px; padding-left:4px; font-stretch: semi-condensed; color:black; } /* (padding left 4) experiment to see if any diff than margin-left, above - seem to work 27.04.12 */
p.normal { font-family: inherit; color: inherit; font-style:inherit; background-color:inherit; font-size:inherit; font-weight:inherit; text-decoration:none; } /*experiment - will it emulate the line it's in? */
p.norm { font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; color: inherit; font-size: 13px; text-decoration: none; text-indent:0px; }
p.section { font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; font-size: 16px; text-decoration: none; text-align: center; font-weight: bolder; }
p.code { font-family: "DejaVu Sans Mono", monospace, Monaco, Consolas, "Andale Mono"; font-size: 12px; color: rgb(72,72,72); text-decoration: none; font-variant:normal; font-style: oblique; margin-right: 8px; }
p.smaller { font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; font-size: 12px; font-stretch: semi-condensed; font-style: oblique; }
p.small { font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; font-size: 10pt; font-stretch: semi-condensed; font-style: oblique; margin: 0px 0px 0px 1px; }
p.smallest { font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; font-size: 8px; font-stretch: semi-condensed; font-style: oblique; }
p.smnorm { font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; font-size: 11px; font-stretch: semi-condensed; font-weight: 100; }
p.mednorm { font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; font-size: 12px; font-stretch: semi-condensed; }
p.smernorm { font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; font-size: 12px; font-stretch: semi-condensed; }
p.smallestnorm { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 9px; }
p.smcaps { font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; font-size: 10px; font-stretch: semi-condensed; font-variant: small-caps; }
p.smercaps { font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; font-size: 9px; font-stretch: semi-condensed; font-variant: small-caps; }
p.notice { font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; font-size: 13px; text-decoration: none; text-align: center; font-weight: bolder; }
p.notice2 { font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; font-size: 13px; text-decoration: none; text-align: center; font-weight: bolder; }
p.bolder { font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; font-size: 13px; font-weight: bolder; }
p.bold { font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; font-size: 12px; font-weight: bolder; }
p.lmargin { font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; font-size: 10px; font-stretch: semi-condensed; margin: 2px 2px 2px 5px; } /*Top, Right, Bottom, Left */
p.lmarginbig { font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; font-size: 10px; font-stretch: semi-condensed; margin: 2px 2px 2px 12px; }
.lmarginbig { font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; font-size: 10px; font-stretch: semi-condensed; margin: 2px 2px 2px 12px; }
p.privacy { font-size:.7em; color:rgb(100,100,100); text-align:center; } /*used in new footer-css.html to gray out privacy statment 26.04.12 */
p.important { font-family: courier; font-size: 13px; color: rgb( 104,33,122 ); font-weight: 600; }
p.important2 { font-family:monospace; font-size:1.1em; color:rgb(104,33,122); font-weight:500; text-indent:4px; }
/* p. inccss conflicts with generic class .inccss and I don't find if use anywhere in this site (coding.landistwo, 2019.03) */
/* p.inccss { font-size:18px; color:rgb(114,0,130); } */
p.short { margin:1px auto; margin-left:2px; padding:0px 0px; line-height:1.3em; text-indent:4px; font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; font-size: 13px; font-stretch: semi-condensed; color:black; }
p.normlite { font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; font-size: 13px; color: rgb(96,96,96); font-style: normal; text-decoration: none; background-color:inherit; }
p.normliter { font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; color: rgb(144,144,144); font-style: normal; text-decoration: none; background-color:inherit; }
/* 2019.03 - removed the import of Google crap, i mean fonts */
p.philosopher600 { font-family: 'Philosopher', 'DejaVu Sans', 'FreeSans', Verdana, Helvetica, Arial, Lucida; font-size: 1.2em; font-weight:600; } /*imported font from GoogleFontDirectory 16.09.13 */
p.philosopher400 { font-family: 'Philosopher', 'DejaVu Sans', 'FreeSans', Verdana, Helvetica, Arial, Lucida; font-size: 1.2em; font-weight:400; }
p.philosopher414 { font-family: 'Philosopher', 'DejaVu Sans', 'FreeSans', Verdana, Helvetica, Arial, Lucida; font-size: 13px; font-weight:400; }
p.philosopher416 { font-family: 'Philosopher', 'DejaVu Sans', 'FreeSans', Verdana, Helvetica, Arial, Lucida; font-size: 16px; font-weight:300; }
/* NO. text is too thin to read, 2019.03.02 - 2019.02use Montserrat as section head and Open Sans as body, together */
p.montser {font-family: 'Montserrat', 'DejaVu Sans', 'FreeSans', Verdana, Helvetica, Arial, Lucida; font-size: 16px; font-weight: 500; }
p.opensans {font-family: 'Open Sans', 'DejaVu Sans', 'FreeSans', Verdana, Helvetica, Arial, Lucida; font-size: 14px; font-weight: 400; }
/* --- */
/* #### lists elements, list selectors #### */
/* - Frustrated... No Matter what 'the experts' say. 'list-style-type' can NOT be set in ul, ol and passed to child li !!! */
/* ul,li { list-style-type:none; } --- Was Keeping ol, li from displaying list-style-type in child li... don't know why */
/* ul was font-size:10pt; don't know why, 10.04.13 */
/* ul { font-family: inherit; font-size: inherit; margin: 0px 10px 0px 10px; padding: 4px 10px 4px 10px; list-style-type: circle; } */
/* list property not in use: list-style-position:outside; */
ul { font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; color:black; font-size: inherit; font-weight: 500; margin: 2px auto 0px 8px; padding: 4px; list-style-type: circle; }
ul.b600 { font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; color:black; font-size: inherit; font-weight: 600; margin: 0px 10px 0px 10px; padding: 4px 10px 4px 10px; list-style-type: circle; }
ul.less { font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; font-size: 10pt; margin: 0px 0px 0px 6px; }
ul.norm {font-family: inherit; font-size: inherit; margin-left:0px; list-style-type: none; }
ul.normcircle {font-family: inherit; font-size: inherit; margin-left:-20px; list-style-type: circle; }
ul.lessnorm {font-family: inherit; font-size: inherit; margin-left:-20px; list-style-type: none; }
ul.lessnormcircle {font-family: inherit; font-size: inherit; margin-left:-20px; list-style-type: circle; }
/* ul,ul .lessnormcircle {font-family: inherit; font-size: inherit; margin-left:5px; list-style-type:square; } */
ul.sm { font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; font-size: 8pt; margin: 0px 0px 0px 0px; }
ul.narrow { font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; font-size: 10pt; margin: 0px 20px 10px 10px; }
ul.wide { font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; font-size: 10pt; margin: 0px 20px 10px 20px; }
ul.lite { font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; color: #777777; font-style: normal; text-decoration: none; font-size: 10pt; }
ul.litesm { font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; color: #777777; font-style: normal; text-decoration: none; font-size: 8pt; list-style-type: circle; }
ul.philosopher401 { font-family: 'Philosopher', 'DejaVu Sans', 'FreeSans', Arial, Tahoma; font-size: 1.0em; }
ul.phil { font-family: 'Philosopher', 'DejaVu Sans', 'FreeSans', Arial, Tahoma; color: rgb(23,24,21); font-style: normal; text-decoration: none; font-size: 10pt; list-style-type: circle; }
/*ul.litesm { font-family: Helvetica, Arial, Tahoma, sans-serif; color: #777777; font-style: normal; font-size: 8pt; margin: 0px 20px 10px 30px; }*/
/* 2019.03.28 - moved ul.nav-right to style-layout.css as this has become an ID instaead of a style */
/* ul.nav-right li { font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; color:black; font-size: inherit; font-weight: 500; margin: 2px auto auto -6px; padding: 2px; list-style-type: none; box-shadow: 1px 1px grey; }
/* --- */
ol { font-family: inherit; font-size: inherit; font-weight: 500; margin: 0px 10px 0px 10px; padding: 4px 10px 4px 10px; list-style-type: lower-greek; }
/* ol:after { font-weight: 700; color: red; content: "!"; } */
ol ol { list-style-type: lower-alpha; }
ol ol ol { list-style-type: decimal; }
ol.lite { font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; color: #777777; font-style: normal; text-decoration: none; font-size: inherit; }
/* ol ol.lite { font-family: Helvetica, Arial, Tahoma, sans-serif; color: #777777; font-style: normal; text-decoration: none; font-size: 10pt; list-style-type:alpha; } */
ol.litesm { font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; color: #777777; font-style: normal; text-decoration: none; font-size: 10px; }
ol.cssdef { list-style-type:none; font-size:12px; text-align:left; margin-left:10px; line-height: 16px; } /*started with html_css_equiv 26.04.12 */
/* ol.lower-roman { list-style-type: lower-roman; font-size: 12px; color:black; } */
ol.loalpha { font-family: inherit; font-size: inherit; list-style-type: lower-latin; }
ol.lroman { font-family: inherit; font-size: inherit; list-style-type: lower-roman; }
ol.greek { list-style-type: lower-greek; font-size: inherit; color:black; }
ol.greek01 { list-style-type: lower-greek; font-size: inherit; color:rgb(96,0,0); }
ol.decimal { font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; font-size: inherit; list-style-type: decimal; }
ol.leadzero { font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; font-size: inherit; list-style-type: decimal-leading-zero; }
ol.georgian { font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; font-size: inherit; list-style-type: georgian; }
ol.cjk { font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; font-size: inherit; list-style-type: cjk-ideographic; }
ol.kannada { font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; font-size: inherit; list-style-type: kannada; }
/* --- */
/*li { font-family: Helvetica, Arial, sans-serif; font-size: 10pt; list-style-type: disc; }*/
li { font-family: inherit; list-style-type: inherit; margin-left: 0px; padding:1px 0px 1px 0px; }
.important1:after { font-weight: 700; color: red; content: "!"; }
li.newnorm { font-family: inherit; font-size: inherit; list-style-type:circle; }
li.norm { font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; font-size: 13px; list-style-type: lower-roman; }
li.circle { font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; font-size: 13px; list-style-type: circle; }
li.circlesm { font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; font-size: 10px; list-style-type: circle; }
li.circlesmest { font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; font-size: 9px; list-style-type: circle; }
li.circlesnarrow { font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; font-size: 10px; list-style-type: circle; margin: 0px 20px 10px 15px; }
li.circleswide { font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; font-size: 10px; list-style-type: circle; margin: 0px 20px 10px 25px; }
li.small { font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; font-size: 10px; list-style-type: circle; margin: 0px 0px 0px 0px; }
li.none {list-style-type:none; }
li.phil { font-family: 'Philosopher', 'DejaVu Sans', 'FreeSans', Arial, Tahoma; color: rgb(23,24,21); font-style: normal; text-decoration: none; font-size: 14px; list-style-type: circle; }
/* --- */
/* dl, dt, dd - description list, d title, d data */
dd { margin: 1px auto 1px 10px; }
/* --- */
/* #### table elements: table, th, tr, td #### */
td.normal { font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; font-size: 13px; }
td.section { font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; font-size: 14px; text-decoration: none; text-align: center; font-weight: bolder; }
td.standard { font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; font-size: 13px; }
td.small { font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; font-size: 10px; }
td.smallmargin { font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; font-size: 10px; padding-left: 1px; padding-right: 0px; }
td.smaller { font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; font-size: 10px; }
td.smallest { font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; font-size: 9px; }
td.smcaps { font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; font-size: 12px; font-stretch: semi-condensed; font-variant: small-caps; }
td.smercaps { font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; font-size: 10px; font-stretch: normal; font-variant: small-caps; }
td.smestcaps { font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; font-size: 9px; font-stretch: normal; font-variant: small-caps; }
td.bolder { font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; font-size: 14px; font-weight: bolder; }
td.rbcolor { font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; font-size: 10px; border-width: thin; border-right: inset #dddddd; }
th.rbbcolor { font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; font-size: 10px; text-align: center; height:24px; border-width: 1px; border-left: none; border-top: none; border-right: inset #dddddd; border-bottom: inset #cccccc; background-color:#efefef; }
td.rbbcolor { font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; font-size: 10px; text-align: left; border-width: 1px; border-left: none; border-top: none; border-right: inset #dddddd; border-bottom: inset #cccccc; padding-top:1px; padding-bottom:1px; }
td.rbbcolor:hover { background-color: #efefef; }
td.rbbcolorbig { font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; font-size: 13px; border-width: 1px; border-left: none; border-top: none; border-right: inset #dddddd; border-bottom: inset #cccccc; }
td.rbbcolorbiger { font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; font-size: 14px; border-width: 1px; border-left: none; border-top: none; border-right: inset #dddddd; border-bottom: inset #cccccc; }
td.rtbcolor { font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; font-size: 10px; border-width: 1px; border-left: none; border-top: outset #cccccc; border-right: inset #dddddd; border-bottom: none; }
td.lbcolor { font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; font-size: 10px; border-width: thin; border-left: groove #cccccc; }
th.lbbcolor { font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; font-size: 10px; text-align:center; height:24px; border-width: 1px; border-left: outset #dddddd; border-top: none; border-right: none; border-bottom: inset #cccccc; background-color: #efefef; }
td.lbbcolor { font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; font-size: 10px; text-align: left; text-indent: 2px; border-width: 1px; border-left: outset #dddddd; border-top: none; border-right: none; border-bottom: inset #cccccc; padding-top:1px; padding-bottom:1px; }
td.lbbcolor:hover { background-color:#efefef; }
/*td.lbbcolor img { display: block; border: 2px; border-color: red; border-style: solid; margin-top: 0px; margin-left: auto; margin-bottom: 0px; margin-right: auto; padding: 0px; }
above img Works Good, but adds space below as if */
td.lbbcolor img { border: 0px; border-color: red; border-style: solid; padding: 0px; margin-right:auto; margin-left:auto; } /*not centering image in this form 30.04.13 - works for mozilla howto ff icon table, why? */
td.philosophertd1 { font-family: 'Philosopher', 'DejaVu Sans', 'FreeSans', 'Droid Sans', Helvetica, Arial, Tahoma; font-size: 12px; text-align: left; text-indent: 2px; border-width: 1px; border-left: outset #b0b0b0; border-top: none; border-right: none; border-bottom: inset #808080; padding-top:1px; padding-bottom:1px; line-height:12px;} /*imported font from GoogleFontDirectory 16.09.13 - 05.11.13 tried in 'nav.html' */
td.philpurple { font-family: 'Philosopher', 'DejaVu Sans', 'FreeSans', 'Droid Sans', Helvetica, Arial, Tahoma; font-size: 12px; color: purple; text-align: left; text-indent: 2px; border-width: 1px; border-left: outset #b0b0b0; border-top: none; border-right: none; border-bottom: inset #808080; padding-top:1px; padding-bottom:1px; line-height:12px;} /*imported font from GoogleFontDirectory 16.09.13 - 05.11.13 tried in 'nav.html' */
td.lbbcolorbig { font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; font-size: 13px; border-width: 1px; border-left: outset #dddddd; border-top: none; border-right: none; border-bottom: inset #cccccc; }
td.lbbcolorbiger { font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; font-size: 14px; border-width: 1px; border-left: outset #dddddd; border-top: none; border-right: none; border-bottom: inset #cccccc; }
td.bbcolor { font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; font-size: 10px; border-width: thin; border-bottom: inset #cccccc; }
td.pad3 { padding:3px; text-align:center; }
td.pad3r { padding:3px; text-align:right; }
td.pad3l { padding:3px; text-align:left; }
/* ---- */
table.header { font-family:inherit; background-color:rgba(255,255,255,0.0); width:450px; border-width:0px; padding:1px; border-spacing:1px 1px; border-collapse:separate; margin:auto auto; }
table.header td { background-color:inherit; border-width:0px; border-spacing:1px; border-color:white; text-align:center; }
table.header table { padding-right:10px; border:3px; border-color:black; } /*in the header, logo table was too far right, this gave me ability to move it left 10px's - cool 04.05.12 - apparently it 'inherits' color etc from parent */
/* --- */
/* #### images elements, img tag #### */
img { border:0px solid gray; }
img.left { border:0px solid gray; margin:0px 1px auto; }
img.right { border:0px solid gray; margin:0px auto 1px; }
img.center { display:block; border:0px; margin-right:auto; margin-left:auto; }
img.centerred { display:block; border:1px solid red; margin-right:auto; margin-left:auto; }
img.centerimg { border:1px solid red; margin:auto; }
img.dg { border-color: #999999; }
img.pic {border-width: 1px; border-left: none; border-top: none; border-right: inset #dddddd; border-bottom: inset #cccccc; }
img.picbig {border-width: 3px; border-left: none; border-top: none; border-right: inset #555555; border-bottom: inset #777777; }
img.htmlverify { border:0px; width:88px; height:31px; background-color:rgba(255,255,255,0.0); } /*w3c validation button, remove img attributes for validation, 05.2012 */
/* --- */
/* #### Borders - Boxes (div's) and 'new' HR syntax #### */
border.lgray { color: #aaaaaa; }
/* hr border-width other than 0 (zero) is technically wrong, but 1 (one)**[ Warning was not the 1, but that I didn't have a unit after, eg em, px etc], to give 'chisled look' works fine - 28.04.12 LR */
hr.hg { width:90%; height:3px; border-width:1px; color:rgb(32,32,32); background-color:rgb(200,200,200); } /* 'hg' heavy gray */
hr.dot { width:90%; height:1px; border-width:2px; color:gray; border-bottom-style:dotted; border-top-style:none; } /*border-top-style:none; */
/* hr cnt - my html5, css3 'thematic break' experiment 04.05.12 */
hr.cnt { display: block; width:500px; border-style: inset; border-width: 3px; color:rgb(160,160,160); }
hr.px50 { width:50px; margin-left:0px; position:relative; }
hr.px75 { width:75px; margin-left:0px; position:relative; }
hr.px50cnt { width:50px; margin-left:auto; margin-right:auto; position:relative; }
hr.px75cnt { width:75px; margin-left:auto; margin-right:auto; position:relative; }
hr.per80gray { width:80%; height:2px; border:1px solid gray; }
/* these are part of the actual 'example' at http://www.w3.org/TR/html-markup/hr.html I used for above 'hr.cnt', BUT.. w3c validator says they Don't exist as 'Properties'
* margin-before: 10px; margin-after: 10px; margin-start: auto; margin-end: auto; */
/*
hr { font-family: Helvetica, Arial, sans-serif; color: #999999; }
br { font-size: 6px; }
*/
/* --- */
/* the following 'appleheart' is similar to what's called susebook from opensuse docs susebook.css - 21.05.13 */
hr.appleheart:before { content:"\2767"; position:absolute; width:100%; top:-0.25em; text-align:center; color:rgba(0,0,0,0.21); text-shadow:0px 0px .05em rgba(255,255,255,.12); height:2em;color:#ccc; font-size:2.75em; }
hr.appleheart { position:relative; border-style:none; border-top:.1em solid #ddd; border-collapse:collapse; margin:2em 0em 1em; padding:0em; display:block; height: 2em; line-height:1em;
background-image:-moz-radial-gradient(50% -0% 90deg,ellipse cover, rgba(255,255,255,1), rgba(255,255,255,0.7), rgba(255,255,255,0.0), rgba(255,255,255,0));
background-image:-webkit-gradient(radial, center -20, 0, center -1200, 1270, from(rgba(255,255,255,1)), to(rgba(255,255,255,0)), color-stop(0.55, rgba(255,255,255,0.0)), color-stop(0.25, rgba(255,255,255,1)));
}
/* --- */
/* #### HR's are now, in HTML5, treated as Div's - they call them 'thematic breaks'.. what ever.. #### */
div.in4 { margin-left:4px; margin-right:2px; }
/*div.margin {margin-left: 2.5em; margin-right: 5em; } */
div.margin { margin-left:4px; margin-right:auto; width:98%; }
div.margintop0 {margin-top: auto; font-size: 40px; }
div.w640 { width:635px; border:0px solid gray; padding:0px 2px; margin:0px auto; }
div.thisweek { width: auto; height: auto; border: 1px solid rgb(240,204,210); border-radius: 4px; }
div.overdue { width: auto; height: auto; border: 1px solid rgb(240,0,210); border-radius: 4px; }
div.greyb { width:98%; margin-top: -0px; margin-left:1px; border:1px solid grey; padding-left: 2px; }
div.sectionbb { border-bottom: 1px solid rgb(96,96,96); margin-bottom: 1em; padding-right: 4px; }
/* --- */
/* ######## Start div hidden-unhidden code : this is my show-hide div code - 05.2012 ######## */
/* ---- */
/* 'article' ID is the div that holds the hide, unhide div and can have heading and link to unhide 'code' div */
#article { width:635px; height:auto; position:relative; border:1px; margin-left:auto; margin-right:auto; color:black; }
/* 'code' is the div that is hidden - unhidden and can contain a link at bottom to collapse div w/o going back to top */
#code { position:relative; border:1px; margin-left:auto; margin-right:auto; color:black; }
/* these are the 'classes' assigned to the 'code' (hide - unhide) div. which ever one used is the initial state of div, hidden or unhidden */
.hidden { display: none; }
.unhidden { display: block; }
/* #### SCRIPT to activate the Hidden - UnHidden Div --- It goes into 'Head' of page #### */
/* Hidden - UnHidden activation script Goes in Head Section of the page w/ 'article', 'code' divs with hide - unhide jscript link 05.2012 */
/*
☡ show~hide
--- Content ---
*/
/* ---- */
/* this is the script that has to go in the 'head' */
/*
*/
/* ######## End div hidden-unhidden code 05.2012 ########*/
/* ---- */
/* ######## Code Fromatting - Notes - Pre Formatted ######## */
/* #### kdb, pre, code, pre-formatted text blocks #### */
/* obviously, these are 'pre' definitions (styles) ... duh.. */
/* #### kdb, a type of 'pre' #### */
/* ---- */
kbd {
border: 1px solid #aaaaaa;
background-color: #f9f9f9;
/* background-image: #eeeeee;*/ /* w3c validator, doesn't like that this is not an 'image' */
padding: 0.1em 0.3em;
font-family: monospace,Courier;
/* font-family: inherit; */
font-size: 0.85em;
white-space: nowrap;
border-radius: 0.2em;
-moz-border-radius: 0.2em;
-webkit-border-radius: 0.2em;
box-shadow: 0.1em 0.2em 0.2em #dddddd;
-moz-box-shadow: 0.1em 0.2em 0.2em #dddddd;
-webkit-box-shadow: 0.1em 0.2em 0.2em #dddddd;
background-image: -moz-linear-gradient(top, #eeeeee, #f9f9f9, #eeeeee);
background-image: -o-linear-gradient(top, #eee, #f9f9f9, #eee);
background-image: -webkit-linear-gradient(top, #eeeeee, #f9f9f9, #eeeeee);
background-image: linear-gradient(to top, #eeeeee, #f9f9f9, #eeeeee);
}
/* --- */
/* #### changed pre.norm to be just pre. as in normal pre - 2019.02.25 #### */
/* pre {margin-left:25px} */
/* --- */
pre {
margin-left:2px;
/* padding:0px; */
font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida;
font-size:13px !important;
color: rgb(72,72,72);
font-weight: 500;
text-decoration: none;
font-stretch: semi-condensed;
/* color: red; TEST, not styling LinuxTipsHowTos.php 2019.03.04 */
overflow-x: auto; /* Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
/* width: 99%; */
word-wrap: break-word; /* Internet Explorer 5.5+ */
}
/* --- */
/* #### created normmono01 for the 'LinuxTipsTricks-HowTos' html file, but didn't like the overflow of mono typeface - 25.11.13 #### */
pre.normmono01 {
margin-left:-24px;
font-size:12px;
font-family:monospace;
color:inherit;
font-weight:500;
overflow-x: auto; /* Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
/* width: 99%; */
word-wrap: break-word; /* Internet Explorer 5.5+ */
}
pre.normplus {
margin-left:10px;
font-size:13px;
font-family:inherit;
color:inherit;
font-weight:600;
overflow-x: auto; /* Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
/* width: 99%; */
word-wrap: break-word; /* Internet Explorer 5.5+ */
}
/* --- */
pre.normless {
margin-left:2px;
padding:1px;
font-size:12px;
font-family:inherit;
color:inherit;
font-weight:500;
overflow-x: auto; /* Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
/* width: 99%; */
word-wrap: break-word; /* Internet Explorer 5.5+ */
}
/* --- */
pre.normlesssm {
margin-left: 2px;
padding: 1px;
font-family: inherit;
font-size: 11px;
color: rgb(72,72,72);
font-weight: 500;
text-decoration: none;
font-stretch: semi-condensed;
overflow-x: auto; /* Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
/* width: 99%; */
word-wrap: break-word; /* Internet Explorer 5.5+ */
}
/* --- */
/* the following white-space, wrap selectors, properties and values, i found at longren.org/wrapping-text-inside-pre-tags/ 25.04.13 */
pre.smaller {
margin-left:15px;
font-size:12px;
font-family:inherit;
color:inherit;
overflow-x: auto; /* Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
/* width: 99%; */
word-wrap: break-word; /* Internet Explorer 5.5+ */
}
/* --- */
/* the following white-space, wrap selectors, properties and values, i found at longren.org/wrapping-text-inside-pre-tags/ 25.04.13 */
pre.wrap {
margin-left:20px;
font-size:13px;
font-family:inherit;
color:inherit;
font-weight:inherit;
overflow-x: auto; /* Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
/* width: 99%; */
word-wrap: break-word; /* Internet Explorer 5.5+ */
}
/* --- */
/* JUST Having this in my stylesheet affects the WHOLE Page eg, '0_todo.php' */
/* found an unclosed 'code' tag in and included text file. fixed 2019.03.05 */
code {
font-family: "DejaVu Sans Mono", monospace, Monaco, Consolas, "Andale Mono";
font-size: 95%;
line-height: 140%;
white-space: pre;
white-space: pre-wrap;
white-space: -moz-pre-wrap;
white-space: -o-pre-wrap;
background: #faf8f0;
}
/* ---- */
/* ######## Generic Classes ######## */
/* #### miscelanious elements - mostly code styling #### */
/*---- */
/* -- combine classes 'note attn' for important stuff -- */
.attn { background-color: rgba(92,0,0,0.2); border: 1px solid rgb(184,0,0); }
.code { font-family: "DejaVu Sans Mono", monospace, Monaco, Consolas, "Andale Mono"; font-size: 13px; color: rgb(28,28,28); text-decoration: none; font-variant:normal; margin-right: 8px; }
.snippet01 { font-family:sans-serif; font-size:13px; color:rgb(0,0,0); text-decoration:none; padding:2px; font-weight:500; } /*best exp. see css_snippets.php 28.04.12 */
.snippet02 { font-family:sans-serif; font-size:13px; color:rgb(0,0,0); text-decoration:none; padding:2px; font-weight:600; } /*best exp. see css_snippets.php 28.04.12 */
.normsuse { font-size: 13px; font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; color: #669933; font-style: normal; text-decoration: none; background-color:inherit; }
.smnormsuse { font-size: 10px; font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; color: #669933; font-style: normal; text-decoration: none; background-color:inherit; }
.hiliter { background:#ffff99; padding: 2px; }
.hilitergray { background: rgb(190,190,200); padding: 2px; }
.hilitergraylt { background-color: rgba(190,190,200,0.6); }
.shaddowg { text-shadow: 1px 1px #666666; }
.datered { font-size:inherit; color:rgb(192,0,0); background-color:inherit; font-style: inherit; font-variant: inherit; text-decoration: none; font-stretch: normal; }
.newsDate { color:#999999; padding:2px 5px 0px 0px; background-color:inherit; }
.url, url:hover, url:visited { font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; font-size: 10px; text-decoration: none; background-color:inherit; }
.urlmargin { font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; font-size: 10px; text-decoration: none; padding-left: 2px; background-color:inherit; }
.nav { font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; color: black; font-size: 11px; text-decoration: none; background-color:inherit; }
.note { color:rgb(32,32,32); font-family: inherit; font-size: 0.8em; }
.note1 { font-size:11px; color:rgb(32,32,32); background-color:inherit; }
.note2 { font-size:10px; color:rgb(32,32,32); background-color:inherit; }
.note3 { font-size:9px; color:rgb(32,32,32); background-color:inherit; }
.note3mar { font-size:9px; color:rgb(96,0,0); background-color:inherit; }
.note3marob { font-size:9px; color:rgb(96,0,0); background-color:inherit; font-style: oblique; }
.note4 { font-size:8px; color:rgb(32,32,32); background-color:inherit; }
.notefl { font-size:1.2em; color: rgb(96,0,0); }
.notered { color:rgb(128,0,0); background-color:inherit; font-size:inherit; font-style:italic; }
.notered1 { font-size:inherit; color:rgb(192,0,0); background-color:inherit; font-style: inherit; font-variant: inherit; text-decoration: none; }
.notes { font-family: "DejaVu Sans Mono", "Monaco", "Consolas", "Andale Mono", monospace; font-size: .9em; color: rgb(74,74,74); background-color: rgba(96,0,0,0.2); font-style: oblique; }
.important { font-family: courier; font-size: 13px; color: rgb( 104,33,122 ); font-weight: 500; }
.norm { font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; font-size: 13px; text-decoration: none; text-indent:4px; }
.tt { font-family: monospace; font-size:inherit; color:inherit; } /* this is the CSS3 equivalent to html (teletype) */
.genpurple { font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; color: purple; font-size: inherit; font-stretch: semi-condensed; margin-left:2px; text-indent:4px; padding:2px; }
.genpurpleb { font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; color: purple; font-size: inherit; font-weight: 700; margin-left:2px; text-indent:4px; padding:2px; }
.hover:hover { color: orange; }
/* --- */
/* #### section headings #### - started making the because I didn't want to mess with, change H1~H6 #### */
/* changed or styled h1 ~ h6 2019.01 */
/* ---- */
.heading { font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; font-variant: small-caps ; text-align: left; font-size: 13px; }
/* .heading { font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; font-style: italic; font-variant: small-caps ; text-align: left; font-weight: bolder; font-size: larger; } */
/* .heading { font-family: Helvetica, Arial, sans-serif; font-variant: small-caps ; text-align: left; font-weight: bolder; font-size: 13 px; } */
.headingnorm { font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; font-variant: small-caps ; text-align: left; font-size: 13px; }
.headingurgent { font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; font-variant: small-caps ; text-align: left; font-size: 20px; }
.headingcenter { font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; font-variant: small-caps ; text-align: center; font-size: 13px; }
.headingcenterbold { font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; font-variant: small-caps ; text-align: center; font-size: 13px; font-weight: bold; }
/* .headingbl { font-family: Helvetica, Arial, sans-serif; color: blue; font-variant: small-caps ; text-align: center; font-weight: bolder; font-size: 13 px; } */
.headingbl { font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; color: blue; font-variant: small-caps ; text-align: center; font-size: 13px; }
/* .headinggr { font-family: Helvetica, Arial, sans-serif; color: green; font-variant: small-caps ; text-align: center; font-weight: bolder; font-size: 13 px; } */
.headinggr { font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; color: green; font-variant: small-caps ; text-align: center; font-size: 13px; }
/* .headingmb { font-family: Helvetica, Arial, sans-serif; color: #3333cc; font-variant: small-caps ; text-align: center; font-weight: bolder; font-size: 13 px; } */
.headingmb { font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; color: #3333cc; font-variant: small-caps ; text-align: center; font-size: 13px; }
.section { font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; text-decoration: none; text-align: justify; font-weight: bolder; }
.title { font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; text-decoration: none; text-align: center; font-weight: bolder; font-size: 18px; }
.white { font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; color: white; font-size: 1px; text-decoration: none }
.tagred { font-size:1.1em;color:rgb(176,0,0); } /*started with html tag headings on css-css.php, css_snippets.html 26.04.12 */
.tagpurple { font-size:1.1em;color:rgb(129,13,193); }
.taggold { font-size:1.1em; color:rgb(218,165,32); text-shadow: 1px 1px grey; }
a.taggold { font-family:inherit; color:rgb(218,165,32); font-style:inherit; text-decoration:none; background-color:inherit; font-size:inherit; font-weight:inherit; } /*experiment for taggold to use in article on css_snippets.php */
a:hover.taggold { font-family:inherit; color:red; font-style:inherit; text-decoration:none; background-color:inherit; font-size:inherit; font-weight:inherit; } /*experiment - will it emulate the line it's in? */
.tagblack { font-size:1.1em; color:rgb(0,0,0); }
.taggrey { font-size:1.1em; color:rgb(128,128,128); }
.tagblue { font-size:1.1em; color:rgb(0,0,255); }
.taggreen { font-size:1.1em; color:rgb(0,128,0); }
.tagyellow { font-size:1.1em; color:rgb(255,215,0); text-shadow: 1px 1px #1d1d1d; } /* this is really the rgb values for 'gold' yellow's too hard to see */
.tagorange { font-size:1.1em; color:orange; text-shadow: 1px 1px #1d1d1d; }
.smnorm { font-size: 8pt; font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; color: #000000; font-style: normal; text-decoration: none; background-color:inherit; }
.smnormlite { font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; font-size: 8pt; font-stretch: semi-condensed; color: #888888; background-color:inherit; }
.smrnormlite { font-family:inherit; text-decoration:inherit; text-align:inherit; font-size:0.9em; color:rgba(0,0,0,0.5); }
.in4 { text-indent:4px; }
.in8 { text-indent:8px; }
.inccss { font-size: 1.1em; color:rgb(114,0,130); }
/* --- */
/* ######## Styles for a Specific Use ######## */
/* #### Shadow text #### */
/* ---- */
span.glow { background-color: inherit; color: white; text-shadow: black 0px 0px 5px; }
p.glow { background: white; color: white; text-shadow: black 0px 0px 5px; }
/* --- */
/* #### hidden text #### */
/* ---- */
.ns4 { display:none !important; }
/* --- */
/* #### Forms, Frame, input, etc #### */
/* ---- */
form { margin:0px 0px 0px 0px; }
frame.norm { font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; font-size: 13px; text-decoration: none; }
.normnovell { font-size: 10pt; font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; color: #FF0000; font-style: normal; text-decoration: none; }
.smnormnovell { font-size: 8pt; font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; color: #FF0000; font-style: normal; text-decoration: none; }
dir.lite { font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; color: #777777; font-style: normal; text-decoration: none; font-size: 10pt; }
dir.litesm { font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; color: #777777; font-style: normal; text-decoration: none; font-size: 8pt; }
/* --- */
/* #### definitions for the Russian ASCII code page #### */
/* ---- */
/* tbale.codes { width:640px; border:1px; border-spacing:0px; padding: 2px; text-align:center; } I THINK this was misspelled years ago, by me, eh */
/* td.codes, th { font : 14px; verdana, Lucida, helvetica; } */
table.codes, th { color:black; font-size : 12px; font-family: verdana, Lucida, helvetica; }
td.codes { color:rgb(96,0,0); font-family: 'DejaVu Sans', 'FreeSans', 'Droid Sans', Verdana, Helvetica, Arial, Lucida; font-size: 13px; font-stretch: semi-condensed; font-weight: 100; padding-left:5px; border:1px solid rgb(96,0,0); border-spacing:0px; }
tr.grey { background-color : #cccccc; }
/* table Russian Cyrillic from learning Russian */
.litera { color: #666666; background-color: #FCF3D6; font-weight: bold; font-size: 12px; padding:3px; width:16%; }
.translit { color: #666666; background-color: #FFFFFF; font-size: 12px; padding:3px; width:16%; }
.colname { color: #880000; font-weight: bold; background-color: #FFCC99; font-size: 12px}
/* --- */
/* #### style for css equiv article html_css_equivalents.html, included in css_deprecated #### */
.TableDot{width:100%; font-size:12px; color:#777777; }
.c1{color: blue}
.c2{font-size : 10px}
.c3{font-family:verdana}
.c4{font-style : italic}
.c5{text-decoration: underline}
.c6{font-weight: bold}
.c7{color: blue}
.c8{color: blue}
.c9{color: blue}
a.TableDot {font-style:normal; text-decoration:none; font-size:12px;
}
/*end style for html_css_equivalents page*/
/*Added for the articles written on CSS (pages/HTML_CSS_Equivalents.html). Landis 03.02.06*/
.Box{background-color:#F5F5F5; }
.Box80 { background-color:#f5f5f5; width:80%; }
b.Box{background-color:#F0F8FF;border:1px solid #DFE7ED;margin:25px}
/* the following are samples of what I think were for one article. I moved to head of that page:
/pages/html_css_equivalents.html called by /pages/css.php and css-css.php 26.04.12
.TableDot{width:100%}
.c1{color: blue}
*/
/* --- */
/* trying to change the way 'tool tips', the image / link title pop-ups (info box) looks */
/* img[data]:hover:after {
content: attr(data);
padding: 4px 8px;
color: rgba(0,0,0,0.5);
position: absolute;
left: 0;
top: 100%;
white-space: nowrap;
z-index: 2;
border-radius: 5px ;
background: rgba(255,0,0,0.5);
} Does NOT work */
/* --- */
/* img[data-title]:hover:after {
content: attr(data-title);
padding: 4px 8px;
color: #333;
position: absolute;
left: 0;
top: 100%;
white-space: nowrap;
z-index: 20px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0px 0px 4px #222;
-webkit-box-shadow: 0px 0px 4px #222;
box-shadow: 0px 0px 4px #222;
background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #eeeeee),color-stop(1, #cccccc));
background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
}
/* --- */