/* you can use my css file as long as you leave this line: Researched, developed and written by Landis Reed of landisreed.com */ /* 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 */ /* I moved pre definitions to the bottom... getting too big */ .spacer { content:"url(http://landisreed.com/images/spacer.gif); width:1px height:1px; border:3px solid red;"; font-size:inherit; } p.inccss { font-size:18px; color:rgb(114,0,130); } .fuckoff02 { color:blue; font-size:16px; } /* end Test section: html_css_equiv page (table) --- */ /*trying to make 'signature' easier with unicode char ** Works!! 02.05.12*/ .sig { font-family:helvetica, arial, tahoma; font-size:1.1em; color:rgb(0,0,0); text-decoration:none; padding:2px; } .sigright { font-family:helvetica, arial, tahoma; 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:helvetica, arial, tahoma; 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",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 - */ body { font-family:Helvetica, Arial, Tahoma, sans-serir; color:black; font-size:14px; } /* '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 an inherit bkgr of inherit if the element is a child like table.Something to table */ /* a href - anchor style - */ a { font-family: inherit; color: rgb(96,0,0); /* affects All links even those with dif style 30.04.13 opacity:0.3; */ font-size: inherit; /*font-weight:500; */font-style: inherit; text-decoration: none; background-color:inherit; } /*changed idle state color from inherit to 64,0,0*/ /* should also use background-color: #ffffff; in most definitions where a font or element color is defined */ /*a:active { font-family:inherit; color:rgb(80,0,0); font-size:inherit; text-decoration:none; font-style:inherit; } see Below */ a:hover { font-family: inherit; TEXT-DECORATION: underline; background-color:inherit; color:rgb(128,0,0); font-weight:inherit; } 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; */text-decoration:none; } /*experiment - will it emulate the line it's in? */ a.norm { font-family: Helvetica, Arial, Tahoma, sans-serif; color: #000000; font-weight:600; font-style: normal; text-decoration: none; background-color:inherit; } a.smnorm { font-size: 8pt; font-family: Helvetica, Arial, Tahoma, sans-serif; color: #000000; font-style: normal; text-decoration: none; background-color:inherit; } a.smnormlite { font-family: Helvetica, Arial, Tahoma, sans-serif; font-size: 8pt; font-stretch: semi-condensed; color: #888888; background-color:inherit; } a.smnormsuse { font-size: 8pt; font-family: Helvetica, Arial, Tahoma, sans-serif; color:inherit; font-style: normal; text-decoration: none; background-color:inherit; } /*was having problems with 'color: #669933; '*/ a.normlite { font-family: Helvetica, Arial, Tahoma, sans-serif; color: #606060; font-style: normal; text-decoration: none; background-color:inherit; } a.normbright { font-family: Helvetica, Arial, Tahoma, sans-serif; color: rgb(255,0,255); font-style: normal; text-decoration: none; background-color:inherit; } a.normteal { font-family: Helvetica, Arial, Tahoma, sans-serif; color: rgb(32,178,170); font-style: normal; text-decoration: none; background-color:inherit; } a.normdblue { font-family: Helvetica, Arial, Tahoma, sans-serif; color: rgb(105,105,105); font-style: normal; text-decoration: none; background-color:inherit; } a.strike-wavy {text-decoration-line: line-through; text-decoration-color: #rgb(255,4,4); text-decoration-style: wavy; text-decoration-thickness: 1px;} /*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 { font-family: Helvetica, Arial, Tahoma, sans-serif; color: rgb(153,50,204); font-style: normal; text-decoration: none; background-color:inherit; } a:hover.normlitedorchid { font-family: Helvetica, Arial, Tahoma, sans-serif; color: rgb(255,255,255); font-style: normal; text-decoration: underline; background-color:rgba(0,90,156,0.2); } a:visited.normlitedorchid { font-family: Helvetica, Arial, Tahoma, sans-serif; color: rgb(153,50,204); font-style: normal; text-decoration: underline; background-color:inherit; } a.normlitemar { font-family: Helvetica, Arial, Tahoma, sans-serif; color: rgb(128,0,0); font-style: normal; text-decoration: none; background-color:inherit; } a:active.normlitemar { font-family: Helvetica, Arial, Tahoma, sans-serif; color: rgb(128,0,0); font-style: normal; text-decoration: none; background-color:inherit; } a:visited.normlitemar { font-family: Helvetica, Arial, Tahoma, sans-serif; color: rgb(96,0,0); font-style: normal; text-decoration: none; background-color:inherit; } a:hover.normlitemar { font-family: Helvetica, Arial, Tahoma, sans-serif; color: rgb(192,0,0); font-style: normal; text-decoration: underline; background-color:inherit; } a.obliquelite { font-family: Helvetica, Arial, Tahoma, sans-serif; color: #606060; font-style: oblique; text-decoration: none; background-color:inherit; } a:hover.obliquelite { font-family: Helvetica, Arial, Tahoma, sans-serif; color: #808080; font-style: oblique; text-decoration: underline; background-color:inherit; } a.bold { font-family: Helvetica, Arial, Tahoma, sans-serif; color: #000000; font-style: normal; text-decoration: none; font-weight: bolder; background-color:inherit; } a.boldblink { font-family: Helvetica, Arial, Tahoma, sans-serif; color: #000000; font-style: normal; text-decoration: blink; font-weight: bolder; background-color:inherit; } a.black strong { color:#555555; } a.snippet01 {font-size:12px; color:rgb(0,0,0); text-decoration:none; padding:1px; font-style:oblique; } a.border { color:#aaaaaa; } a.inheritit { font-family:inherit; font-size:inherit; font-weight:inherit; font-style:inherit; color:inherit; text-decoration:inherit; background-color:inherit; } a:visited { font-family: inherit; color: inherit; font-style: inherit; text-decoration: none; background-color:inherit; font-weight:inherit; } /*change color, it overrides idle and hover style 25.11.13 */ /* 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:visited.norm { font-family: Helvetica, Arial, Tahoma, sans-serif; color: #808080; font-style: normal; text-decoration: none; background-color:inherit; } a:visited.normlite { font-family: Helvetica, Arial, Tahoma, sans-serif; color: #909090; font-style: normal; text-decoration: none; background-color:inherit; } a:visited.inheritit { color:inherit; } a.address { font-family: Tahoma, Helvetica, Arial, sans-serif; color: #000000; font-style: italic; text-decoration: none; font-size: 11px; background-color:inherit; } 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:focus { font-family: inherit; color:rgb(128,0,0); font-style: italic; text-decoration: underline; background-color:inherit; } /*added 25.11.13 */ /* 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 */ a:hover.normal { 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? */ a:hover.norm { font-family: Helvetica, Arial, Tahoma, sans-serif; color: #000000; font-style: normal; text-decoration: underline; background-color:inherit; } a:hover.normlite { FONT-FAMILY: Helvetica, Arial, Tahoma, sans-serif; color: #000000; TEXT-DECORATION: underline; background-color:inherit; } a:hover.inheritit { color:rgb(96,0,0); text-decoration:none } /* - typical type - */ h1 { font-size: 2em; margin: .67em 0; font-family: Helvetica, Arial, Tahoma, sans-serif; } h2 { font-size: 1.5em; margin: .75em 0; font-family: Helvetica, Arial, Tahoma, sans-serif; } h2.purple { color:purple; font-size: 1.5em; margin: .75em 0; font-family: Helvetica, Arial, Tahoma, sans-serif; } h3 { font-size: 1.2em; margin: .83em 0; font-family: Helvetica, Arial, Tahoma, sans-serif; text-indent: 2px; } h3.cnt { font-size: 1.2em; margin: .83em 0; font-family: Helvetica, Arial, Tahoma, sans-serif; text-align:center; } h3.cntborder { width:98%; border:1px solid gray; margin:auto; text-align:center; } h3.cntrborder { border:1px solid gray; margin-left:auto; margin-top:10px; margin-right:auto; padding:4px; width:400px; text-align:center; font-size: 1.2em; margin: .83em 0; font-family: Helvetica, Arial, Tahoma, sans-serif; } h3.purple { color:purple; font-size: 1.2em; margin: .83em 0; font-family: Helvetica, Arial, Tahoma, sans-serif; text-indent: 2px; } /* 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 */ h4 { font-size: 1.0em; color:purple; margin: 0.7em 0.7em; font-family: Helvetica, Arial, Tahoma, sans-serif; }/*using for include page headings 05.2012 */ h4.cnt { font-size: 1.0em; color:purple; margin: 0.7em 0.7em; font-family: Helvetica, Arial, Tahoma, sans-serif; text-align:center; } h5 { font-size: 1.1em; font-family: Helvetica, Arial, Tahoma, sans-serif; font-weight: 500; margin: 0.5em; } h5.cnt { font-size: 1.1em; font-family: Helvetica, Arial, Tahoma, sans-serif; font-weight: 500; margin: 0.5em; text-align:center; } h6 { font-size: 1.0em; font-family: Helvetica, Arial, Tahoma, sans-serif; font-weight: 500; margin: 0.3em; } h6.cnt { font-size: 1.0em; font-family: Helvetica, Arial, Tahoma, sans-serif; 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: Helvetica, Arial, Tahoma, sans-serif; } h13 { font-size: 1.2em; margin: .83em 0; font-family: Helvetica, Arial, Tahoma, sans-serif; text-indent: 2px; } h11 + h13 { margin-top: -12px; } /* Borders - Boxes and HR's */ 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 a 'Hedera' (paragraph break) called susebook from opensuse docs susebook.css - 21.05.13 */ /* example at http://www.amp-what.com/unicode/search/rotated%20floral%20heart%20bullet */ 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 0; 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))); } /* 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; } /* 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; } /* Start div hidden-unhidden code : this is my show-hide div code - 05.2012 */ /* 'article' 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 : SEE BOTTOM of this page 05.2012 */ /* End div hidden-unhidden code 05.2012 */ /* - section headings - */ /* .heading { font-family: Helvetica, Arial, sans-serif; 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; } */ .heading { font-family: Helvetica, Arial, sans-serif; font-variant: small-caps ; text-align: left; font-size: 13px; } .headingnorm { font-family: Helvetica, Arial, sans-serif; font-variant: small-caps ; text-align: left; font-size: 13px; } .headingurgent { font-family: Helvetica, Arial, sans-serif; font-variant: small-caps ; text-align: left; font-size: 20px; } .headingcenter { font-family: Helvetica, Arial, sans-serif; font-variant: small-caps ; text-align: center; font-size: 13px; } .headingcenterbold { font-family: Helvetica, Arial, sans-serif; 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: Helvetica, Arial, sans-serif; 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: Helvetica, Arial, sans-serif; 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: Helvetica, Arial, sans-serif; color: #3333cc; font-variant: small-caps ; text-align: center; font-size: 13px; } .section { font-family: Helvetica, Arial, sans-serif; text-decoration: none; text-align: justify; font-weight: bolder; } .title { font-family: Helvetica, Arial, sans-serif; text-decoration: none; text-align: center; font-weight: bolder; font-size: 18px; } .white { font-family: Helvetica, Arial, sans-serif; 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 */ .taggold { font-size:1.1em; color:rgb(218,165,32); } 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); } /* this is really the rgb values for 'gold' yellow's too hard to see */ .smnorm { font-size: 8pt; font-family: Helvetica, Arial, Tahoma, sans-serif; color: #000000; font-style: normal; text-decoration: none; background-color:inherit; } .smnormlite { font-family: Helvetica, Arial, Tahoma, sans-serif; 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; } /* - paragraph sytles - */ /* old - save in case */ p { font-family: Arial, Tahoma, Helvetica, sans-serif; font-size: 12px; font-stretch: semi-condensed; color:black; margin-left:2px; text-indent:4px; padding:2px; } p.ml4 { font-family: Arial, Tahoma, Helvetica, sans-serif; font-size: 12px; margin-left:4px; font-stretch: semi-condensed; color:black; } /* (margin-left 4) experiment */ p.pl4 { font-family: Arial, Tahoma, Helvetica, sans-serif; font-size: 12px; 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.norm { font-family: Helvetica, Arial, sans-serif; font-size: 10pt; text-decoration: none; text-indent:4px; } p.section { font-family: Helvetica, Arial, Tahoma, sans-serif; font-size: 19px; text-decoration: none; text-align: center; font-weight: bolder; } p.smaller { font-family: Helvetica, Arial, Tahoma, sans-serif; font-size: 10pt; font-stretch: semi-condensed; font-style: oblique; } p.small { font-family: Helvetica, Arial, Tahoma, sans-serif; font-size: 8pt; font-stretch: semi-condensed; font-style: oblique; margin: 0px 0px 0px 1px; } p.smallest { font-family: Helvetica, Arial, Tahoma, sans-serif; font-size: 6pt; font-stretch: semi-condensed; font-style: oblique; } p.smnorm { font-family: Helvetica, Arial, Tahoma, sans-serif; font-size: 8pt; font-stretch: semi-condensed; font-weight: 100; } p.mednorm { font-family: Helvetica, Arial, Tahoma, sans-serif; font-size: 10px; font-stretch: semi-condensed; } p.smernorm { font-family: Helvetica, Arial, Tahoma, sans-serif; font-size: 7pt; font-stretch: semi-condensed; } p.smallestnorm { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 6px; } p.smcaps { font-family: Helvetica, Arial, Tahoma, sans-serif; font-size: 9pt; font-stretch: semi-condensed; font-variant: small-caps; } p.smercaps { font-family: Helvetica, Arial, Tahoma, sans-serif; font-size: 7pt; font-stretch: semi-condensed; font-variant: small-caps; } p.notice { font-family: Helvetica, Arial, Tahoma, sans-serif; font-size: 12px; text-decoration: none; text-align: center; font-weight: bolder; } p.notice2 { font-family: Helvetica, Arial, Tahoma, sans-serif; font-size: 14px; text-decoration: none; text-align: center; font-weight: bolder; } p.bolder { font-family: Helvetica, Arial, Tahoma, sans-serif; font-size: 10pt; font-weight: bolder; } p.bold { font-family: Helvetica, Arial, Tahoma, sans-serif; font-size: 8pt; font-weight: bolder; } p.lmargin { font-family: Helvetica, Arial, Tahoma, sans-serif; font-size: 8pt; font-stretch: semi-condensed; margin: 2px 2px 2px 5px; } /*Top, Right, Bottom, Left */ p.lmarginbig { font-family: Helvetica, Arial, Tahoma, sans-serif; font-size: 8pt; font-stretch: semi-condensed; margin: 2px 2px 2px 10px; } .lmarginbig { font-family: Helvetica, Arial, Tahoma, sans-serif; font-size: 8pt; font-stretch: semi-condensed; margin: 2px 2px 2px 10px; } 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 */ .snippet01 { font-family:sans-serif; font-size:12px; 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:12px; color:rgb(0,0,0); text-decoration:none; padding:2px; font-weight:600; } /*best exp. see css_snippets.php 28.04.12 */ p.important { font-family: courier; font-size: 14px; color: rgb( 104,33,122 ); font-weight: 600; } p.important2 { font-family:monospace; font-size:14px; color:rgb(104,33,122); font-weight:600; text-indent:4px; } p.short { margin:1px auto; margin-left:2px; padding:0px 0px; line-height:1.3em; text-indent:4px; font-family: Arial, Tahoma, Helvetica, sans-serif; font-size: 12px; font-stretch: semi-condensed; color:black; } p.normlite { font-family: Arial, Helvetica, Tahoma, sans-serif; color: rgb(96,96,96); font-style: normal; text-decoration: none; background-color:inherit; } p.normliter { font-family: Arial, Helvetica, Tahoma, sans-serif; color: rgb(144,144,144); font-style: normal; text-decoration: none; background-color:inherit; } p.philosopher600 { font-family: 'Philosopher', sans-serif, Arial, Tahoma; font-size: 1.2em; font-weight:600; } /*imported font from GoogleFontDirectory 16.09.13 */ p.philosopher400 { font-family: 'Philosopher', sans-serif, Arial, Tahoma; font-size: 1.2em; font-weight:400; } p.philosopher414 { font-family: 'Philosopher', sans-serif, Arial, Tahoma; font-size: 14px; font-weight:400; } p.philosopher416 { font-family: 'Philosopher', sans-serif, Arial, Tahoma; font-size: 16px; font-weight:300; } .strike-wavy {text-decoration-line: line-through; text-decoration-color: #darkred; text-decoration-style: wavy; text-decoration-thickness: 2px;} /* - lists - */ ul { font-family: inherit; /*Arial, Helvetica, Tahoma, sans-serif;*/ font-size: inherit; margin: 0px 20px 10px 20px; } /*was font-size:10pt; don't know why, 10.04.13 */ ul,li { list-style-type:none; } ul.less { font-family: Helvetica, Arial, Tahoma, sans-serif; font-size: 10pt; margin: 0px 0px 0px 10px; } 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: Helvetica, Arial, Tahoma, sans-serif; font-size: 8pt; margin: 0px 0px 0px 0px; } ul.narrow { font-family: Helvetica, Arial, Tahoma, sans-serif; font-size: 10pt; margin: 0px 20px 10px 10px; } ul.wide { font-family: Helvetica, Arial, Tahoma, sans-serif; font-size: 10pt; margin: 0px 20px 10px 20px; } ul.lite { font-family: Helvetica, Arial, Tahoma, sans-serif; color: #777777; font-style: normal; text-decoration: none; font-size: 10pt; } ul.litesm { font-family: Helvetica, Arial, Tahoma, sans-serif; color: #777777; font-style: normal; text-decoration: none; font-size: 8pt; list-style-type: circle; } ul.philosopher401 { font-family: 'Philosopher', sans-serif, Arial, Tahoma; font-size: 1.0em; } /*ul.litesm { font-family: Helvetica, Arial, Tahoma, sans-serif; color: #777777; font-style: normal; font-size: 8pt; margin: 0px 20px 10px 30px; }*/ ol ol { list-style-type:lower-alpha; } ol.lite { font-family: Helvetica, Arial, Tahoma, sans-serif; color: #777777; font-style: normal; text-decoration: none; font-size: 10pt; } /* 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: Helvetica, Arial, Tahoma, sans-serif; color: #777777; font-style: normal; text-decoration: none; font-size: 8pt; } 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.greek01 { list-style-type:lower-greek; font-size:12px; color:rgb(96,0,0); } /*li { font-family: Helvetica, Arial, sans-serif; font-size: 10pt; list-style-type: disc; }*/ li.newnorm { font-family: inherit; font-size: inherit; list-style-type:circle; } li.norm { font-family: Helvetica, Arial, sans-serif; font-size: 10pt; list-style-type: lower-roman; } li.circle { font-family: Helvetica, Arial, sans-serif; font-size: 10pt; list-style-type: circle; } li.circlesm { font-family: Helvetica, Arial, sans-serif; font-size: 8pt; list-style-type: circle; } li.circlesmest { font-family: Helvetica, Arial, sans-serif; font-size: 6pt; list-style-type: circle; } li.circlesnarrow { font-family: Helvetica, Arial, sans-serif; font-size: 8pt; list-style-type: circle; margin: 0px 20px 10px 15px; } li.circleswide { font-family: Helvetica, Arial, sans-serif; font-size: 8pt; list-style-type: circle; margin: 0px 20px 10px 25px; } li.small { font-family: Helvetica, Arial, sans-serif; font-size: 8pt; list-style-type: circle; margin: 0px 0px 0px 0px; } li.none {list-style-type:none; } /* - table elements - */ td.normal { font-family: Helvetica, Arial, sans-serif; font-size: 12pt; } td.section { font-family: Helvetica, Arial, sans-serif; font-size: 16px; text-decoration: none; text-align: center; font-weight: bolder; } td.standard { font-family: Helvetica, Arial, sans-serif; font-size: 11pt; } td.small { font-family: Helvetica, Arial, sans-serif; font-size: 10px; } td.smallmargin { font-family: Helvetica, Arial, sans-serif; font-size: 10px; padding-left: 1px; padding-right: 0px; } td.smaller { font-family: Helvetica, Arial, sans-serif; font-size: 8pt; } td.smallest { font-family: Helvetica, Arial, sans-serif; font-size: 6pt; } td.smcaps { font-family: Helvetica, Arial, Tahoma, sans-serif; font-size: 9pt; font-stretch: semi-condensed; font-variant: small-caps; } td.smercaps { font-family: Helvetica, Arial, Tahoma, sans-serif; font-size: 7pt; font-stretch: normal; font-variant: small-caps; } td.smestcaps { font-family: Helvetica, Arial, Tahoma, sans-serif; font-size: 6pt; font-stretch: normal; font-variant: small-caps; } td.bolder { font-family: Helvetica, Arial, sans-serif; font-size: 12pt; font-weight: bolder; } td.rbcolor { font-family: Helvetica, Arial, sans-serif; font-size: 8pt; border-width: thin; border-right: inset #dddddd; } td.rbbcolor { font-family: Helvetica, Arial, sans-serif; font-size: 8pt; 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; } th.rbbcolor { font-family: Helvetica, Arial, sans-serif; font-size: 8pt; 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:hover { background-color: #efefef; } td.rbbcolorbig { font-family: Helvetica, Arial, sans-serif; font-size: 10pt; border-width: 1px; border-left: none; border-top: none; border-right: inset #dddddd; border-bottom: inset #cccccc; } td.rbbcolorbiger { font-family: Helvetica, Arial, sans-serif; font-size: 12pt; border-width: 1px; border-left: none; border-top: none; border-right: inset #dddddd; border-bottom: inset #cccccc; } td.rtbcolor { font-family: Helvetica, Arial, sans-serif; font-size: 8pt; border-width: 1px; border-left: none; border-top: outset #cccccc; border-right: inset #dddddd; border-bottom: none; } td.lbcolor { font-family: Helvetica, Arial, sans-serif; font-size: 8pt; border-width: thin; border-left: groove #cccccc; } td.lbbcolor { font-family: Helvetica, Arial, sans-serif; font-size: 8pt; 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; } th.lbbcolor { font-family: Helvetica, Arial, sans-serif; font-size: 8pt; 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: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', 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.lbbcolorbig { font-family: Helvetica, Arial, sans-serif; font-size: 10pt; border-width: 1px; border-left: outset #dddddd; border-top: none; border-right: none; border-bottom: inset #cccccc; } td.lbbcolorbiger { font-family: Helvetica, Arial, sans-serif; font-size: 12pt; border-width: 1px; border-left: outset #dddddd; border-top: none; border-right: none; border-bottom: inset #cccccc; } td.bbcolor { font-family: Helvetica, Arial, sans-serif; font-size: 8pt; 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 { 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 */ /* - miscelanious elements - */ .normsuse { font-size: 10pt; font-family: Helvetica, Arial, Tahoma, sans-serif; color: #669933; font-style: normal; text-decoration: none; background-color:inherit; } .smnormsuse { font-size: 8pt; font-family: Helvetica, Arial, Tahoma, sans-serif; color: #669933; font-style: normal; text-decoration: none; background-color:inherit; } .hiliter {background:#ffff99; padding:2px; background-color:inherit; } .hilitergray {background:#efefef; padding:2px; background-color:inherit; } .newsDate { color:#999999; padding:2px 5px 0px 0px; background-color:inherit; } .url, url:hover, url:visited { font-family: Helvetica, Arial, Tahoma, sans-serif; font-size: 10px; text-decoration: none; background-color:inherit; } .urlmargin { font-family: Helvetica, Arial, Tahoma, sans-serif; font-size: 10px; text-decoration: none; padding-left: 2px; background-color:inherit; } .nav { font-family: Helvetica, Arial, Tahoma, sans-serif; color: black; font-size: 11px; text-decoration: none; background-color:inherit; } .note { color:rgb(32,32,32); background-color:inherit; } .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; } .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; } .important { font-family: courier; font-size: 14px; color: rgb( 104,33,122 ); font-weight: 600; } .norm { font-family: Helvetica, Arial, sans-serif; font-size: 12px; text-decoration: none; text-indent:4px; } .tt { font-family: monospace; font-size:inherit; color:inherit; } /* this is the CSS3 equivalent to html (teletype) */ /* - Shadow text - */ span.glow { background-color: inherit; color: white; text-shadow: black 0px 0px 5px; } /* - hidden text - */ .ns4 { display:none !important; } /* - form etc - */ form { margin:0px 0px 0px 0px; } frame.norm { font-family: Helvetica, Arial, sans-serif; font-size: 10pt; text-decoration: none; } .normnovell { font-size: 10pt; font-family: Helvetica, Arial, Tahoma, sans-serif; color: #FF0000; font-style: normal; text-decoration: none; } .smnormnovell { font-size: 8pt; font-family: Helvetica, Arial, Tahoma, sans-serif; color: #FF0000; font-style: normal; text-decoration: none; } dir.lite { font-family: Helvetica, Arial, Tahoma, sans-serif; color: #777777; font-style: normal; text-decoration: none; font-size: 10pt; } dir.litesm { font-family: Helvetica, Arial, Tahoma, sans-serif; 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; } /*td.codes, th { font : 14px; verdana, geneva, helvetica; } */ table.codes, th { color:black; font-size : 12px; font-family: verdana, geneva, helvetica; } td.codes { color:rgb(96,0,0); font-family: Helvetica, Arial, Tahoma, sans-serif; font-size: 14px; 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} /*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} */ /* obviously, these are 'pre' definitions (styles) ... duh.. */ /* kdb, a type of 'pre' */ kbd { border: 1px solid #aaaaaa; background-color: #f9f9f9; background-image: #eeeeee; 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(top, #eeeeee, #f9f9f9, #eeeeee); } pre {margin-left:25px} pre.norm { margin-left:2px; /* padding:0px; */ font-size:14px; 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+ */ } /* 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:14px; 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.smaller { margin-left:15px; font-size:12px; font-family:inherit; color:inherit; /* the following white-space, wrap selectors, properties and values, i found at longren.org/wrapping-text-inside-pre-tags/ 25.04.13 */ 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.wrap { margin-left:20px; font-size:14px; font-family:inherit; color:inherit; font-weight:inherit; /* the following white-space, wrap selectors, properties and values, i found at longren.org/wrapping-text-inside-pre-tags/ 25.04.13 */ 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+ */ } /* Hidden - UnHidden activation script Goes in Head Section of the page w/ 'article', 'code' divs with hide - unhide jscript link 05.2012 */ /*

☡ show~hide