/** * Current Website Host: https://robmorton.hostinger.com/ * @author Robert John Morton YE572246C * @version 0.1 * @date 2018-08-02 09:08:01 */ /* The default font used throughout website. "overflow:hidden" suppresses the browser's own scroll bars, which would otherwise be confusing. The default font also has to be set for tables. Tables do not automatically inherit the body properties set by CSS. They inherit the browser defaults instead due to bugs in current browser software. See: https://css-tricks.com/list-of-depreciated-elements-still-in-widespread-use/ and https://html.spec.whatwg.org/multipage/obsolete.html Possible future development: font-family:'Atkinson Hyperlegible', sans-serif; !important; */ @import url('https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible:wght@400;700&display=swap'); body { background-color: #000035; color: #FFFFFF; font-family: 'Atkinson Hyperlegible', sans-serif !important; font-size:16px !important; overflow:hidden; hyphens:auto; -webkit-hyphens:auto; -ms-hyphens:auto; } /* The

heading tag is used by search engines and is necessary in a web page for search engine optimization (SEO) */ h1 { color: #FFFFFF; font-family: 'Atkinson Hyperlegible', sans-serif; font-size: 19px; font-weight:bold; margin-top: 18px; margin-bottom: 1px; } /* for justified, centred and insert-block {repleace
] text in paragraphs and divs. */ .normal { text-align:start; } /* start, end, center, justify */ .center { text-align:center; } .blocktext { text-align:start; margin-left:6%; margin-right:6%; } .mission { margin-left:6%; margin-right:6%; } .listed { text-align:justify; margin-right:3%; } a:link { color: #00FFFF; } /* bright cyan for black background */ a:visited { color: #FF00FF; } /* bright pink for black background */ /* Tag to make browser reproduce text exactly as it appears in the source. */ pre { font-family: "courier new", courier, monospace; font-size:14px; } /* Used in a ... instead of ... because the old and tags are deprecated. */ .big { font-size: 1.2em; } .bigger { font-size: 1.5em; } .text-wrapper { /* Apply black background and white text color only to this element */ background-color: black; color: white; padding: 10px; /* Optional: for better readability */ /* The image background of the parent is not affected by these styles */ } /* --- THESE CLASSES DEFINE THE FRAMES-STYLE LAYOUT OF MY WEBSITE PAGES ---*/ /*
is for the navigation frame on the left of the browser window. Scroll bars appear only when needed, which is almost never for a ideal browser window size of width:924 height:100% of view-port height. */ .nav { position:fixed; top:0px; left:0; width:210px; height:100vh; padding-left:7px; overflow:auto; } /*
is for the non-scrolling title area at the top right of the browser window for most documents on the website. */ .top { position:fixed; left:220; width:690; top:0px; padding-right:7px; overflow:auto; } /*
is for the main text frame at the bottom right of the browser window of almost all the documents on the website. auto/scroll?*/ .bot { position:fixed; left:220; width:690; padding-right:7px; overflow:auto; } /*
is for the full-height right-hand text frame used for the top level index.html page of the website and other small format pages. */ .txt { position:fixed; left:220; width:690; top:0px; height:100vh; padding-right:7px; overflow:auto; } /* --------------------- DEALING WITH IMAGES IN CSS ------------------------ Read more: https://html.com/attributes/img-align/#ixzz61m4vgcY5 */ img { padding:0px; background-color:#000035; } .align-right { float:right; margin-left:15px; } .align-left { float:left; margin-right:15px; } br.clear { clear:both; } /* ------------------------------ TABLES ------------------------------ CSS replacement for deprecated table attributes */ table { font-family:'Atkinson Hyperlegible', sans-serif !important; font-size:16px !important; overflow:hidden; margin-right:15px; margin-left:15px; background-color: black; } /* Table horizontally-centred without a border files respectively. Used in: internet/isp.html, book [chap12/cf.html, chap12.html, chap05/domfin.html, chap04.html], science [aether.html, science/aether_br.html, science/waves.html, science/revolution.html, waves_br.html] software/mktrman/chap15.html, landshare/twin-daisy.html */ table.cnb { margin-left:auto; margin-right:auto; border-spacing: 0px 0px; } table.cnb, .cnb td , .cnb th { background-color:transparent; } table.nbp { margin-left:5%; margin-right:5%; border-spacing: 0px 0px; } table.nbp, .nbp td , .nbp th { background-color:transparent } .nbp th, .nbp td { padding:4; vertical-align:top } .nbp th { text-align:right; } /* Tables with borders. horizontally-centred, left-aligned and right-aligned. Used in 25, 8 and 12 files respectively. To find them use: grep -Rl "class=\"cwb\"" . > output.txt from website's top directory. */ table.cwb { margin-left:auto; margin-right:auto; } table.cwb, .cwb td , .cwb th { border-spacing: 0px 0px; border: 1px solid #A0A0A0; background-color:transparent; } .cwb th, .cwb td { padding:3px; } table.lwb { float:left; margin-right:15; margin-left:0px; } table.lwb, .lwb td , .lwb th { border-spacing: 0px 0px; border: 1px solid #A0A0A0; background-color:transparent; } table.rwb { float:right; margin-left:15px; margin-right:0px;} table.rwb, .rwb td , .rwb th { border-spacing: 0px 0px; border: 1px solid #A0A0A0; background-color:transparent; } /* Centred with border table but with cell padded. Used only in: /book [chap01/business.html and chap04/figures.html] */ table.cwbs { margin-left:auto; margin-right:auto; } table.cwbs, .cwbs td , .cwbs th { border: 1px solid gray; background-color:transparent; } .cwbs td , .cwbs th { padding:4px; } table.cwbt { margin-left:auto; margin-right:auto; } table.cwbt, .cwbt td , .cwbt th { border: 1px solid gray; } .cwbt th { text-align:center; font-weight:bold; } .cwbt td { text-align:right; } .cwbs td , .cwbs th { padding:15px; } /* CSS replacement for a 6% inset right-justified formula table. Used in 27 files.*/ table.crj { margin-left:6%; margin-right:auto; border-spacing: 0px 0px; } .crj td { text-align:left; vertical-align:top; } .crj th { text-align:right; vertical-align:top; font-weight:normal; padding-right:15; white-space:nowrap; } table.crj, .crj th, .crj td {background-color:transparent;} table.crk { border-spacing: 0px 0px; } .crk td { text-align:left; vertical-align:top; } .crk th { text-align:right; vertical-align:top; font-weight:normal; padding-right:12; white-space:nowrap; } table.crk, .crk th, .crk td {background-color:transparent;} /* This table class is for the tables with coloured backgrounded cells used to contain forms in: radio [coils.html calculator1.html calculator2.html] software [gaincalc.html gaincalc_br.html] */ table.col { margin-left:auto; margin-right:auto; border-spacing:0px; border-collapse:collapse;} .col td, .col th { padding:5px; font-weight:normal; text-align:right;} .col td { background-color:#602030; } .col th { background-color:#302060; } table.cul { margin-left:0; margin-right:auto; border-spacing:0px; border-collapse:collapse; } .cul td { padding:5px; font-weight:normal; text-align:right; background-color:#602030; } .cul th { padding:5px; font-weight:normal; text-align:left; background-color:#302060; } /* Table used in 'internet/insecurity.html' */ table.kol { margin-left:0; margin-right:auto; border-spacing:0px; border-collapse:collapse; } .kol td { padding:5px; font-weight:normal; text-align:left; background-color:#602030; } .kol th { padding:5px; font-weight:normal; text-align:left; background-color:#302060; } /* See the series table in: chaos [lissajou.html lissajou_br.html] science [redshift.html redshift_br.html waves.html waves_br.html] */ table.cnm { margin-left:auto; margin-right:auto; border-spacing: 0px 0px; } table.cnm, .cnm td { text-align:center; padding:7px; vertical-align:center;} table.deaf {margin-left:0;} table.deaf, .deaf th, .deaf td {background-color:transparent;}