/* Copyright 2024 FoundingDocuments.org. All Rights Reserved. 2024-07-05 */
* { font-family: serif; vertical-align: baseline; } html, body { height: 100%; margin: 0; -webkit-logical-width: 99.6%; } .bold { font-weight: bold; } .ital { font-style: italic; } .text_left { text-align: left; } .text_right { text-align: right; } .text_indent_0 { text-indent: 0; } .text_smaller { font-size: smaller; } .text_larger { font-size: larger; } .text_70p { font-size: 70%; } .text_3vw { font-size: 3vw; } .text_6vw { font-size: 6vw; } .bigger { font-size: min(1.5em, max(1.2em, 2vw)); } .hide { visibility: hidden; } .black_box { border-color: black; border-width: 3px; border-style: solid;} .blue_box { border-color: blue; border-width: 2px; border-style: solid;} .gray_box { border-color: gray; border-width: 2px; border-style: solid;} .red_box { border-color: red; border-width: 2px; border-style: solid;} .white_box { border-color: white; border-width: 2px; border-style: solid;} .yellow_box { border-color: yellow; border-width: 2px; border-style: solid;} .purple_box { border-color: purple; border-width: 2px; border-style: solid;} .purple { color: rgba(165, 81, 197, 1); } @media only screen and (prefers-color-scheme: dark) { body { background-color: rgba(0, 0, 66, 1); } p, table, ul, ol, .page_post { color: rgba(190, 255, 190, 1); } header#banner { border-image: linear-gradient(rgba(210, 0, 0, 1), rgba(70, 0, 0, 1)) 30% round stretch; background: linear-gradient(rgba(255, 255, 255, 1), rgb(0, 0, 50) 30%, rgb(0, 0, 50) 70%, rgba(255, 255, 255, 1)); } #site_name { color: rgba(255, 255, 255, 0.9); } a:link { color: rgba(0, 150, 0, 1); text-decoration: none; } a:visited { color: rgba(180, 255, 242, 1); text-decoration: none; } a:hover { text-decoration: underline; } div#main_menu > a { color: rgba(255, 0, 0, 1); } h1, h2, h3, h4, h5, h6 { color: rgba(160, 255, 160, 1); } details.ssh_keys { color: rgba(80, 100, 10, 0.75); } details.ssh_keys[open] > summary { color: rgba(250, 250, 0, 0.8); background-color: rgba(163, 255, 229, 0.14); } details.ssh_keys[open] { color: rgba(0, 0, 0, 0.5); background-color: rgba(253, 255, 201, 0.14); } .page_post { text-shadow: rgba(255, 255, 255, 1) 0 0 2em; } .page_norm { color: rgba(0, 148, 0, 1); } .page_subtitle_c { color: rgba(20, 128, 0, 1); text-shadow: rgba(7, 7, 255, 1) 1px 1px 0.06em; } } @media only screen and (prefers-color-scheme: light) { a:link { color: rgb(0, 100, 0); text-decoration: none; } a:visited { color: rgb(0, 0, 128); text-decoration: none; } a:hover { text-decoration: underline; } body { background-color: antiquewhite; } header#banner { border-image: linear-gradient(rgba(210, 0, 0, 1), rgba(100, 0, 0, 1)) 30% round stretch; background: linear-gradient(rgba(255, 255, 255, 1), rgb(0, 0, 60) 30%, rgb(0, 0, 60) 70%, rgba(255, 255, 255, 1)); } #site_name { color: rgba(255, 255, 255, 0.88); } h1, h2, h3, h4, h5, h6 { color: black; } details.ssh_keys { color: gray;} details.ssh_keys[open] > summary { color: black; background-color: rgba(163, 255, 229, 1); } details.ssh_keys[open] { background-color: rgba(253, 255, 201, 1); } } nav > div > a { padding: 0rem 2rem 0rem 2rem; } div.wide { display: inline-flex; justify-content: center; width: 100%; padding: 0 0 0 0; flex-wrap: wrap; font-size: 1.4rem; } div#main_menu { margin-top: 0.7em; margin-bottom: 0.7em; } div#pager_menu > a { margin-top: 0.5em; margin-bottom: 0.5em; } h1, h2, h3, h4, h5, h6 { font-family: sans-serif; page-break-inside: avoid; } h1::after, h2::after, h3::after, h4::after, h5::after, h6::after { content: ""; display: block; height: 3em; margin-bottom: -3em; } h1 { font-size: 250%; } .hide { display: none; } header#banner { font-family: serif; font-size: 8vw; width: 100%; height: 2.2em; border-image-width: .4em; } span#site_logo { display: inline-flex; padding-top: 4.9vw; padding-right: 1.5vw; padding-left: 1.4vw; } img.site_logo { width: 7.7vw; height: 7.7vw; margin: 0 0 0 -1.8vw; } #site_name { position: relative; top: 3.7vw; } .site_slogan_1 { font-size: min(7em, max(1.4em, 5vw)); font-style: italic; text-align: center; margin-block-start: min(1rem, max(.25rem, 1vw)); margin-block-end: -.5em; color: gray; } bbot { text-align: center; margin-block-start: .2em; margin-block-end: .2em; } div#ssh_signing_key { max-width: 64ch; width: calc(80vw); } details.ssh_keys[open] > p { margin: 0 .5em 0 .5em; } .big_callout { font-size: max(2rem, 9vw); margin-block-start: 0; margin-block-end: 0; } .med_callout { font-size: max(2rem, 4vw); margin-block-start: 0; margin-block-end: 0; } .small_callout { font-size: max(min(5vw, 2em), 2vw); margin-block-start: 0; margin-block-end: 0; } .small_subheading { font-size: max(1rem, 1.7vw); margin-block-start: 0; margin-block-end: 0; } main#body_main { display: block; margin: 0 1em 3em 1em; } a.no_decoration { text-decoration: none; color: initial; } a.info { border-bottom: 1px dotted gray; } .intro:first-letter { font-size: 200%; font-weight: bold; } .capD:first-letter { float: left; line-height: 1em; font-size: 255%; font-weight: bold; } .wrapText__anywhere { text-align: center; word-break: break-all; } .wrapText__word { text-align: center; word-break: break-word; } .wrapText__words, summary { text-align: center; word-break: normal; } .wrapText__none { white-space: nowrap; } .no_break { word-break: keep-all; } .gray, sup { color: rgba(150, 150, 150, 1); } .gray_dim { color: rgba(70, 70, 70, 0.77); } .gray_green { color: rgba(128, 170, 128, 1); } sup { font-size: initial; } .notes { list-style: none; } .note { text-indent: -1.75em; } p.center { text-align: center; } p, table.in_center { font-size: 1.2em; display: block; margin-block-start: 0; margin-block-end: 0; text-wrap: pretty; } table.download { font-size: min(2.2rem, max(1.2em, 3.3vw)); width: 100%; } table.itemized { font-size: 1em; width: 100%; } table.in_center { margin: 1em 1em 1em 1em; padding: .3em .3em .3em .3em; } th { vertical-align: bottom; } td { padding: 0 .5em 0 .5em; } tr.height_1em { padding-top: .5em; } tr.title { font-size: min(3.5em, max(1.5em, 3.5vw)); } tr.divider, tr.divider2 { font-size: .25em; } ul, ol { font-size: 1.3em; } .center_this { display: flex; justify-content: center; } .indent_1em { margin-left: 1em; } .top_margin_minus5vw { margin-top: -5vw; } .top_margin_minus3vw { margin-top: -3vw; } .top_margin_minus1vw { margin-top: -1vw; } .top_margin_pt25em { margin-top: .25em; } .top_margin_pt5em { margin-top: .5em; } .top_margin_1em { margin-top: 1em; } .top_margin_2em { margin-top: 2em; } .bottom_margin_pt25em { margin-bottom: .25em; } .bottom_margin_pt5em { margin-bottom: .5em; } .bottom_margin_0 { margin-bottom: 0; } .top_margin_f1 { margin-top: min(3em, max(0.9em, 3vw)); } .top_pad_0 { --toppad: 0em; } .top_pad_1em { --toppad: 1em; } .top_margin_0 { margin-top: 0; } .align_top { vertical-align: top; } .width_em40 { --widmax: 40em; } .width_em64 { --widmax: 64em; } .cols_em16 { --colmax: 16em; } .cols_em24 { --colmax: 24em; } .cols_em25 { --colmax: 25em; } .width25percent { width: 25%; } .width100percent { width: 100%; } .centered_max_f { display: flex; --ww_c: calc(100vw); --ww_d: calc((var(--ww_c) - var(--widmax)) / 2); padding: var(--toppad) var(--ww_d) 0 var(--ww_d); max-width: var(--widmax); } .centered_max_b { display: block; --ww_c: calc(100vw); --ww_d: calc((var(--ww_c) - var(--widmax)) / 2); padding: var(--toppad) var(--ww_d) 0 var(--ww_d); max-width: var(--widmax); } #page_title { text-align: center; font-family: sans-serif; font-size: 3em; } .page_subtitle_c { padding: 0.2rem 0 0 0; text-align: center; font-style: italic; } #author { font-family: sans-serif; font-weight: bold; } .date_published { padding: .09em 1em 0 .5em; word-break: keep-all; } #tags { font-size: smaller; } #tag { padding: .2em 0 .2em 0; font-family: sans-serif; } .flex_cent__wid_full { display: flex; justify-content: center; width: 100%; } .pgraphs_cols { flex: 1 1 content; text-align: start; text-indent: 1.3em; columns: var(--colmax); column-gap: 1.2em; max-width: var(--widmax); } .pgraphs_cols > h1 { margin: 0 0 .32em 0; text-align: start; text-indent: .1em; column-span: all; } h2, h3, h4, h5, h6 { margin-block-end: 0.75em; text-indent: 0; } h2.compact, h3.compact, h4.compact, h5.compact, h6.compact { margin: 0; } .li_1 { text-indent: 0em; } .h_center_page { text-align: center; column-span: all; margin-block-start: initial; margin-block-end: revert; } .sbso { display: flex; flex-flow: row wrap; width: 50em; } .sbs { max-width: 25em; } .sbs > h2 { margin-block-start: 0.1em; margin-block-end: 0.1em; } .sbs > ul, ol { margin-block-start: 0.6em; } hr.norm { max-width: var(--widmax); } hr#end { height: 4px; width: 97%; max-width: var(--widmax); align-content: center; } .dot_onion { font-size: smaller; border-color: yellowgreen; border-width: 1px; border-style: dotted; padding: 0 0.2rem 0 0.2rem; margin: 0 0.1rem 0 0.05rem; } .code_1 { font-family: monospace; padding: 0 .25em 0 .25em; } footer.authored > p { font-style: italic; } footer#footer__page > #footer__page_block { padding: 0 0 1em 0; } footer#footer__page > #footer__page_block > p { margin: 0 0.5em 0 1em; font-size: smaller; font-family: sans-serif; } footer#footer__page > #footer__page_block > p > span { font-family: sans-serif; } footer > .wrapText__anywhere { font-family: sans-serif; } .wrapText__words, summary { text-align: center; word-break: normal; } footer > .wrapText__words { font-family: sans-serif; } iframe#blog { border-color: transparent; max-width: var(--widmax); } img.natural_fit { object-fit: scale-down; width: 100%; } div.img_box_holder { display: inline-flex ; width: 100%; justify-content: center ; } div.img_box { align-items: flex-start; } img.intracolumnar_left { display: block; float: left; padding-right: .8em; } img.intracolumnar_right { display: block; float: right; padding-left: .12em; } img.intracolumnar_center { display: block; margin-top: 1em; width: 100%; } img.ending { display: inline-block; width: 0.9em; margin-bottom: -0.15em; padding-left: 0.3em; } .post_box { display: flex; align-items: flex-start; border-color: rgba(0, 0, 127, 0.66); border-width: 1px; border-style: solid; border-radius: 8px; margin: 0 .2em 0 .2em; padding: 0.45em 0.4em 0.2em 0.7em; } .post_box_image { border-radius: 8px; margin-right: 1em; } .page_metadata { flex: 1; } @media screen and (max-width: 450px) { #page_title { padding: 0; font-size: 10vw; } img.scale_down { width: 100%; } } @media screen and (max-width: 410px) { .centered_max_f { display: inline-grid; justify-items: center; width: 100%; padding: var(--toppad) 0 0 0; } .date_published { padding: 0; } } @media screen and (max-width: 1111px) { tr.divider { font-size: 0em; } tr.divider2 { font-size: 0.5em; } } @media screen and (max-width: 550px) { .text_3vw { font-size: 1.2em; } } @media (orientation:landscape) { p { font-size: 1.2rem; } }