/* 2017-08-12 */ /* RESETS */ * {padding: 0; border: 0; margin: 0; outline: 0} * {-moz-padding-: 0; -moz-border-: 0; -moz-margin-: 0} * {-webkit-padding-: 0; -webkit-border-: 0; -webkit-margin-: 0} * {background-image: none; border-image: none; list-style-image: none} /* DISPLAY TYPES */ head,title,meta,link,style {display: none} /* invisible */ html,body, /* basic blocks */ div,h1,h2,h3,h4,h5,h6,hr, /* centered blocks*/ form,fieldset,textarea,figure, /* form & image */ p,tt,cite,blockquote,code,bdo, /* text blocks */ ol,ul,dl,dt,dd,samp /* list blocks */ {display: block} span,a,b,u,s,del,q,var,em,i,sub,sup, /* text inline */ input,label,legend,ins,img,figcaption /* form & image */ {display: inline} li {display: list-item} /* list item */ table {display: table} /* table blocks */ caption {display: table-caption} tr {display: table-row} th,td {display: table-cell} /* Reserved for future use: INLINE: font; BLOCK: button,center,pre,dir (unlikely:select,option,optgroup,tbody,col,colgroup) */ /* BASIC STYLES */ body {height: auto; max-width: 44.5em; border: #000000 solid 1px; background: #C0C0C0; color: #000000; font-family: tahoma, arial, helvetica, sans-serif; font-size: 16px; line-height: 1.25; font-weight: normal; font-style: normal; font-variant: normal; text-decoration: none; text-transform: none; text-align: center} div,hr,h1,h2,h3,h4,h5,h6, /* centered blocks */ p,tt,cite,blockquote,code,bdo, /* text blocks */ span,a,b,u,s,del,q,var,em,i,sub,sup, /* text styles */ figure,figcaption,img,ins, /* image elements */ ol,ul,li,dl,dt,dd,samp, /* list elements */ table,caption,tr,th,td, /* table elements */ form,fieldset,textarea,input,label,legend /* form elements */ {background: inherit; color: inherit; line-height: inherit; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; text-decoration: inherit; text-transform: inherit; text-align: inherit} /* HEADINGS */ /* Landing Pages h1,h2,h3,h4,h5 {font-weight: normal; text-decoration: none; text-transform: none} h2 {font-size: 2.00em; font-weight: bold} ## It's About Time $$ h1 {font-size: 1.59em; text-decoration: underline} ## Cosmology: etc. $$ h4 {font-size: 1.00em; } ## Christopher Crawford $$ h3 {font-size: 1.26em; text-transform: uppercase} ## Introduce/Contents $$ h5 {font-size: 1.00em; font-weight: bold} ## section headings $$ h5 {display: inline} h4 {font-style: normal; } ## fixes bug in Chrome $$ end landing */ /* Content Pages */ h1 {font-size: 200%; font-weight: bold} h2 {font-size: 159%; text-decoration: underline} h3 {font-size: 126%; text-transform: uppercase} h4 {font-size: 100%; font-weight: bold} h5 {font-size: 100%; text-decoration: underline} h6 {font-size: 100%; } /* Horizontal rule */ hr {color: #000000; background: #000000; margin: 0 12vw; height: 0.25em} /* TEXT */ /* Blocks Top Rit Btm Lft */ p {margin: 0 9vw 0 12vw; text-align: left} /* p--cannot contain headings */ tt {margin: 0 9vw 0 12vw; text-align: left} /* TexT--can include headings */ cite {margin: 0 18vw 0 18vw; font-style: oblique} blockquote {margin: 0 15vw 0 18vw; text-align: left} code {margin: 0 12vw 0 12vw; text-align: left; white-space: pre} bdo {margin: 0 12vw 0 9vw; text-align: right; direction: rtl} /* Inline */ strong {font-weight: 700;} b {font-weight: bold} u {text-decoration: underline} s {font-style: oblique} del {text-decoration: line-through} q {quotes: "\201C" "\201D" "\2018" "\2019"; font-family: arial, helvetica, sans-serif;} /* 66 99 6 9 /* var {color: #808080} /* light gray */ em {color: #FFFFFF} /* white */ i {color: #C0C0C0} /* invisible */ sup {font-size: 75%; font-weight: bold; vertical-align: middle; position: relative; bottom: 0.75ex} sub {font-size: 75%; font-weight: bold; vertical-align: middle; position: relative; top: 0.75ex} ins {color: #FF8000; font-size: 150%; font-weight: bold; outline: #FF8000 solid 0.125em; padding: 0 0.25em} /* sign board */ /* LISTS */ ol,ul,dl,samp {text-align: left} ol.trip {margin: 0 9vw 0 21vw; list-style: upper-alpha} ol.trip>ol {margin: 0 0em 0 6vw; list-style: decimal} ol.trip>ol>ol {margin: 0 0em 0 6vw; list-style: lower-alpha} ol.doub {margin: 0 9vw 0 21vw; list-style: decimal} ol.doub>ol {margin: 0 0em 0 6vw; list-style: lower-alpha} ol.sing {margin: 0 9vw 0 21vw; list-style: lower-alpha} ul.circ {margin: 0 9vw 0 21vw; list-style: circle} ul.circ ul {margin: 0 0em 0 6vw; list-style: circle} ul.disc {margin: 0 9vw 0 21vw; list-style: disc} ul.disc ul {margin: 0 0em 0 6vw; list-style: disc} ul {margin: 0 9vw 0 18vw; list-style: none} ul ul {margin: 0 0em 0 6vw; list-style: none} dt {margin: 0 9vw 0 18vw} dd {margin: 0 9vw 0 24vw} samp.list {margin: 0 9vw 0 12vw} samp.list samp {margin: 0 0em 0 6vw} samp.dent {margin: 0 9vw 0 12vw; text-indent: -6vw} samp.dent samp {margin: 0 0em 0 12vw; text-indent: -6vw} /* TABLES */ table {margin: 0 auto; vertical-align: middle} .bold th {font-weight: bold} .line th {text-decoration: underline} table.dual {border-collapse: separate; border: 0.1250em solid #000000} .dual th,.dual td {border: 0.0625em solid #000000} table.lite {border-collapse: collapse; border: 0.1250em solid #000000} .lite th,.lite td {border: 0.0625em solid #000000} table.dark {border-collapse: collapse; border: 0.2500em solid #000000} .dark th,.dark td {border: 0.1250em solid #000000} table.trio {border-collapse: collapse; border: 0.2500em solid #000000} .trio th {border: 0.1250em solid #000000} .trio td {border: 0.0625em solid #000000} /* Cell alignment */ td,th {padding: 0 0.25em} /* all th cells wherever */ .left0 th {text-align: left} .rite0 th {text-align: right} /* td cells by columns */ .left1 tr td:nth-child(1) {text-align: left} .left2 tr td:nth-child(2) {text-align: left} .left3 tr td:nth-child(3) {text-align: left} .left4 tr td:nth-child(4) {text-align: left} .left5 tr td:nth-child(5) {text-align: left} .left6 tr td:nth-child(6) {text-align: left} .left7 tr td:nth-child(7) {text-align: left} .left8 tr td:nth-child(8) {text-align: left} .rite1 tr td:nth-child(1) {text-align: right} .rite2 tr td:nth-child(2) {text-align: right} .rite3 tr td:nth-child(3) {text-align: right} .rite4 tr td:nth-child(4) {text-align: right} .rite5 tr td:nth-child(5) {text-align: right} .rite6 tr td:nth-child(6) {text-align: right} .rite7 tr td:nth-child(7) {text-align: right} .rite8 tr td:nth-child(8) {text-align: right} /* IMAGES */ .wrap4 {border: 0.2500em solid black} .wrap2 {border: 0.1250em solid black} .wrap1 {border: 0.0625em solid black} /* LINKS & BUTTONS */ .text {outline: dotted 1px} .text:link {color: #000000; outline-color: #000000} .text:visited {color: #808080; outline-color: #808080} .text:hover {color: #FFFFFF; outline-color: #FFFFFF} .text:focus {color: #FFFFFF; outline-color: #FFFFFF} .text:active {color: #FFFFFF; outline-color: #FFFFFF} .bttn,.shar,input[type=submit] {font-size: 87.5%; font-weight: bold; padding: 0.25em 0.50em; border: 0.25em solid; border-color: #FFFFFF #000000 #000000 #FFFFFF} .bttn:active,.shar:active,input[type=submit]:active {border-color: #000000 #FFFFFF #FFFFFF #000000} .bttn,input[type=submit] {color: #000000} .shar {color: #FFFFFF} .bttn:hover,input[type=submit]:hover {color: #FFFFFF} .bttn:focus,input[type=submit]:focus {color: #FFFFFF} .shar:hover,.shar:focus {color: #C0C0C0} input[type=submit]:focus {outline: -2px solid #C0C0C0} /* opera inner box */ .face {background: #0000FF} .goog {background: #AA0000} .twit {background: #00AAFF} .pint {background: #FF0000} .rddt {background: #FF5555} .stum {background: #FFAA00} .tumb {background: #5555AA} .mail {background: #555555} input[type=text] {background: #808080; border: 0.125em solid; border-color: #000000 #FFFFFF #FFFFFF #000000} input[type=text]:hover,input[type=text]:focus {background: #C0C0C0; text-align: left} textarea {background: #808080; border: 0.125em solid; border-color: #000000 #FFFFFF #FFFFFF #000000} textarea:hover,textarea:focus {background: #C0C0C0; text-align: left} /* CURSORS */ body {cursor: not-allowed} p,tt,cite,blockquote,code,bdo {cursor: text} h1,h2,h3,h4,h5,h6,ol,ul,dl,samp {cursor: text} div,span,table,figcaption {cursor: text} img,ins,hr {cursor: crosshair} a,input,textarea {cursor: url(/cache/left-hand.cur),pointer} /* SELECTION (need to be separate) */ ::-moz-selection {color: #FFFFFF; background: #808080} ::selection {color: #FFFFFF; background: #808080} /* BEG NOTES COLORS 00 55 AA FF #000000 black #808080 darker #D4D4D4 lighter TRY C0C0C0 #FFFFFF white #FF8000 orange QUOTES 66 99 6 9 glyph name work: Chrome, FireFox, Opera, Explorer \201C \201D \2018 \2019 character code q {quotes: "\201C" "\201D" "\2018" "\2019"} <= USE “ ” ‘ ’ litteral q {quotes: "“" "”" "‘" "’"} ONLY IN UTF-8 FILE “ ” ‘ ’ NOT UTF-8 FILE q {quotes: "“" "”" "‘" "’"} MAY OR NOT WORK “ ” ‘ ’ html name paste into text 0147 0148 0145 0146 ALT + 4 num key enter into text ENCODING < < > > needed to bracket letters; NO need for numbers or math symbols For URLs, etc. %20 or + # %23 separates anchors $ %24 % %25 indicates encoded character & %26 separates query elements + %2B indicates space / %2F separates domain and directories : %3B separates protocol [http] from address ? %3F separates query strings @ %40 separates username & password from domain SYMBOLS [show only in UTF-8 files, else as "?"] Dec #s Glyph Name Descript ○ ○ white circ open center ● • black circ • ◎ ◎ bullseye white inner ◉ ◉ fisheye black inner [do not work with li & ul lists--work with samp] Dec #s Glyph HTML name Meaning ALT code UNIcode space U+0020     non-breaking space U+00A0 ° ° ° degree sign (smaller) ALT 248 U+00B0 ± ± ± plus/minus ALT 241 U+00B1 º º º degree/male (larger) ALT 167 U+00BA × × × times/multiply ALT 0215 U+00D7 é é é e acute ALT 130 U+00E9 ó ó ó o acute ALT 160 U+00F3 ÷ ÷ ÷ division sign ALT 246 U+00F7     N space U+2002     M space U+2003 – – – N dash/minus ALT 150 U+2013 — — — M dash ALT 151 U+2014 • • • bullet ALT 149 U+2022 − − &minus minus U+2212 ∞ ∞ ∞ infinity ALT 236 U+221E √ √ √ radical/square root ALT 251 U+221A ≈ ≈ ≈ asymptotic/almost equal ALT 247 U+2248 ≠ ≠ ≠ not equal U+2260 ≤ ≤ ≤ less or equal ALT 242 U+2264 ≥ ≥ ≥ more or equal ALT 243 U+2265 LINE SPACING 0
1


2




END NOTES */