From d0ec08fbda60cc1042dfed0fe6675a6133502f1a Mon Sep 17 00:00:00 2001 From: saturn Date: Tue, 2 May 2023 01:12:18 -0500 Subject: [PATCH] Complete removal of dark theme. --- pre-commit.hook | 6 +- src/resources.lisp | 6 +- www/css/style-dark.linux.css | 8615 ---------------------------------------- www/css/style-dark.mac.css | 8599 --------------------------------------- www/css/style-dark.windows.css | 8615 ---------------------------------------- www/script.js | 2 +- www/style-dark-preamble.css | 4 - 7 files changed, 7 insertions(+), 25840 deletions(-) delete mode 100644 www/css/style-dark.linux.css delete mode 100644 www/css/style-dark.mac.css delete mode 100644 www/css/style-dark.windows.css delete mode 100644 www/style-dark-preamble.css diff --git a/pre-commit.hook b/pre-commit.hook index 5ebfe9e0..14044c86 100755 --- a/pre-commit.hook +++ b/pre-commit.hook @@ -5,7 +5,7 @@ set -e SYSTEMS=(Mac Windows Linux) SUFFIXES=(.mac.css .windows.css .linux.css) -if [[ "$1" = "--force" ]] || ! git diff-index --quiet --cached HEAD -- www/style.css.php www/style_mobile_additions.css.php color-scheme-convert.php www/theme\* www/ea/\*.css.php www/accordius/\*.css.php ; then +if [[ "$1" = "--force" ]] || ! git diff-index --quiet --cached HEAD -- www/style.css.php www/style_mobile_additions.css.php www/theme\* www/ea/\*.css.php www/accordius/\*.css.php ; then git ls-files --cached HEAD 'www/theme-*' |while read F; do IN="${F#www/}" OUTBASE="css/style${IN#theme}" @@ -19,9 +19,7 @@ if [[ "$1" = "--force" ]] || ! git diff-index --quiet --cached HEAD -- www/style done done for N in ${!SYSTEMS[*]}; do - cp www/style-dark-preamble.css www/css/style-dark${SUFFIXES[N]} - php color-scheme-convert.php www/css/style${SUFFIXES[N]} 3 >>www/css/style-dark${SUFFIXES[N]} - git add www/css/style${SUFFIXES[N]} www/css/style-dark${SUFFIXES[N]} + git add www/css/style${SUFFIXES[N]} done git show :www/theme_tweaker.css.php | (cd www; php >css/theme_tweaker.css) git add www/css/theme_tweaker.css diff --git a/src/resources.lisp b/src/resources.lisp index b0b8163c..603d37b9 100644 --- a/src/resources.lisp +++ b/src/resources.lisp @@ -19,7 +19,9 @@ (alexandria:switch ((hunchentoot:cookie-in "dark-mode") :test #'string-equal) ("dark" "all") ("light" "not all") - (t "all and (prefers-color-scheme: dark)"))) + (t (if (string= (hunchentoot:cookie-in "theme") "dark") + "all" + "all and (prefers-color-scheme: dark)")))) (defmacro with-page-resources (&body body) `(let* ((*link-header* *link-header*) @@ -128,7 +130,7 @@ (let* ((ua (hunchentoot:header-in* :user-agent)) (theme (or (and *preview* (nonempty-string (hunchentoot:get-parameter "theme"))) (nonempty-string (hunchentoot:cookie-in "theme")))) - (theme (if (string= theme "default") nil theme)) + (theme (if (or (string= theme "default") (string= theme "dark")) nil theme)) (os (cond ((search "Windows" ua) "windows") ((search "Mac OS" ua) "mac") (t "linux")))) diff --git a/www/css/style-dark.linux.css b/www/css/style-dark.linux.css deleted file mode 100644 index 2dea4b49..00000000 --- a/www/css/style-dark.linux.css +++ /dev/null @@ -1,8615 +0,0 @@ -body { - --invertible-display: none; - --inverted-display: initial; -} -/*************/ -/* VARIABLES */ -/*************/ - -:root { - --GW-comment-background-color-odd: transparent; - --GW-comment-background-color-even: transparent; - --GW-comment-background-color-target: transparent; - - --GW-toggle-widget-color: #666; - --GW-toggle-widget-hover-color: #aeaeae; - --GW-toggle-widget-shadow-color: rgba(0, 0, 0, 0.5); - - --inverted-display: none; -} - -/***************/ -/* BASE LAYOUT */ -/***************/ - -html { - box-sizing: border-box; - font-size: 16px; -} -*, *::before, *::after { - box-sizing: inherit; -} -script { - display: none !important; -} - -/*=------=*/ -/*= Body =*/ -/*=------=*/ - -body { - padding: 0; - margin: 0; -} -body::before { - background-color: inherit; - position: fixed; - width: 100%; - height: 100%; -} - -body.no-scroll { - overflow-y: scroll; - position: fixed; - width: 100%; -} - -/*=----------------------------=*/ -/*= Immediate children of body =*/ -/*=----------------------------=*/ - -body > * { - max-width: 900px; -} - -/* Special styles for special browsers. - (This one is a fix for Firefox’s built-in screenshot feature.) - */ -body > iframe[id^='firefox-screenshots'] { - max-width: unset; -} - -#content { - margin: 0 auto; - padding: 0 30px; - position: relative; - overflow: visible; - display: grid; - grid-template-columns: 2fr 1fr 2fr; -} -#content::before { - content: ""; - display: block; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - z-index: -1; - pointer-events: none; -} - -/*=---------=*/ -/*= Content =*/ -/*=---------=*/ - -#content > * { - grid-column: 1 / span 3; -} - -/*=----------------------=*/ -/*= Floating UI elements =*/ -/*=----------------------=*/ - -#ui-elements-container { - position: fixed; - height: 100vh; - top: 0; - left: 0; - right: 0; - margin: auto; - z-index: 10000; - pointer-events: none; -} -#ui-elements-container > * { - pointer-events: auto; -} - -/*=----------------=*/ -/*= Images overlay =*/ -/*=----------------=*/ -/* (To exclude images in posts from theme tweaks) */ - -#images-overlay { - position: absolute; - z-index: 1; - left: 0; - right: 0; - margin: auto; -} - -/***********/ -/* NAV BAR */ -/***********/ - -.nav-bar { - margin: 0 -30px; - display: flex; - order: -11; - z-index: 1; -} - -/*=---------------=*/ -/*= Nav bar items =*/ -/*=---------------=*/ - -.nav-item { - flex: 1 1 auto; -} -.nav-item * { - text-overflow: ellipsis; - white-space: nowrap; - overflow: hidden; -} -.nav-inner { - padding: 12px 30px; - text-align: center; - display: block; - position: relative; - line-height: inherit; - width: 100%; - background: unset; -} -.nav-bar-top:not(#primary-bar) .nav-inner { - padding: 4px 0; -} - -#nav-item-sequences .nav-inner::before { - font-family: "Font Awesome", "Font Awesome 5 Free"; - content: "\F5DB"; -} -@media only screen and (min-width: 901px) { - #nav-item-about .nav-inner { - margin-right: 0.5em; - } - #nav-item-sequences .nav-inner::before { - font-size: 1rem; - display: block; - } - #secondary-bar #nav-item-sequences .nav-inner { - font-size: 0; - line-height: 1.4; - } -} - -/*=------------=*/ -/*= Bottom bar =*/ -/*=------------=*/ - -#bottom-bar { - order: 11; -} -h1.listing ~ #bottom-bar { - margin-top: 1.25em; -} -#bottom-bar .nav-item { - flex: 1 1 0; -} - -/*=-----------------=*/ -/*= Accesskey hints =*/ -/*=-----------------=*/ - -.nav-inner::after { - content: attr(accesskey); - display: none; -} - -/*=---------------=*/ -/*= Pagination UI =*/ -/*=---------------=*/ - -#bottom-bar .nav-item a::before, -#top-nav-bar a::before { - font-family: "Font Awesome", "Font Awesome 5 Free"; - font-weight: 900; - font-size: 0.8em; - position: relative; - bottom: 1px; - margin-right: 0.5em; -} -#bottom-bar #nav-item-first a::before, -#top-nav-bar a.nav-item-first::before { - content: "\F33e"; -} -#bottom-bar #nav-item-top a::before { - content: "\F062"; -} -#bottom-bar #nav-item-prev a::before, -#top-nav-bar a.nav-item-prev::before { - content: "\F060"; -} -#bottom-bar #nav-item-next a::before, -#top-nav-bar a.nav-item-next::before { - content: "\F061"; -} -#bottom-bar #nav-item-last a::before, -#top-nav-bar a.nav-item-last::before { - content: "\F340"; -} -#bottom-bar #nav-item-next a::before { - margin-left: -2em; - margin-right: 0; - left: 3.8em; -} -#bottom-bar #nav-item-last a::before { - margin-left: -1.8em; - margin-right: 0; - left: 3.4em; -} - -/*= Hover tooltips =*/ - -#top-nav-bar a { - position: relative; -} -#top-nav-bar a::after { - bottom: calc(100% - 3px); - content: attr(data-target-page); -} -#top-nav-bar a::after { - display: block; - position: absolute; - font-size: 0.75rem; - width: 100%; - line-height: 1; - visibility: hidden; -} -#top-nav-bar a:hover::after, -#bottom-bar a:hover::after { - visibility: visible; -} - -/*=-----------------------=*/ -/*= Decorative bottom bar =*/ -/*=-----------------------=*/ -/* (On short pages with no pagination) */ - -#bottom-bar.decorative { - position: relative; -} -#bottom-bar.decorative .nav-item { - display: none; -} - -/*=------------=*/ -/*= Search tab =*/ -/*=------------=*/ - -#nav-item-search { - flex: 4 1 auto; -} -#nav-item-search form::before { - content: "\F002"; - font-family: "Font Awesome", "Font Awesome 5 Free"; - font-weight: 900; - display: inline-block; - vertical-align: top; - height: 23px; - width: 23px; -} -#nav-item-search input { - height: 23px; - width: calc(95% - 80px); - padding: 1px 4px; -} -#nav-item-search button { - height: 21px; -} - -/*=-----------=*/ -/*= Login tab =*/ -/*=-----------=*/ - -#nav-item-login { - position: relative; - padding-right: 0.5em; -} - -/*******************/ -/* INBOX INDICATOR */ -/*******************/ - -#inbox-indicator { - position: absolute; - top: 1px; - right: 0; - height: 100%; - visibility: hidden; -} -#inbox-indicator::before { - content: "\F0E0"; - font-family: "Font Awesome", "Font Awesome 5 Free"; - color: #393939; - font-size: 1.1875rem; - position: absolute; - height: 100%; - right: 0; - top: 0; - padding: 0 0.45em; - visibility: visible; - font-weight: 900; -} -#inbox-indicator.new-messages::before { - color: #0090e0; - text-shadow: - 0 0 1px #777, - 0.5px 0.5px 1px #777; -} -a#inbox-indicator:hover::before { - color: #000; - text-shadow: - 0 0 1px #fff, - 0 0 2px #fff, - 0 0 4px #fff, - 0 0 1px #777, - 0.5px 0.5px 1px #777; -} -a#inbox-indicator.new-messages:hover::before { - text-shadow: - 0 0 1px #0090e0, - 0 0 2px #0090e0, - 0 0 4px #0090e0, - 0 0 1px #777, - 0.5px 0.5px 1px #777; -} - -/****************/ -/* PAGE TOOLBAR */ -/****************/ - -.page-toolbar { - font-size: 0.9em; - line-height: 1.8; - text-align: right; - margin-right: -20px; -} -#content > .page-toolbar { - grid-column: 3; - grid-row: span 3; -} -#content.user-page > .page-toolbar { - grid-column: 2 / span 2; - order: -4; -} - -/*=--------------------------=*/ -/*= Page toolbar items (all) =*/ -/*=--------------------------=*/ - -.page-toolbar > * { - display: inline-block; - margin-left: 1.5em; -} -.page-toolbar > form button { - padding: 0; - text-align: right; - white-space: unset; -} -.page-toolbar > form button::before { - text-align: center; -} -.page-toolbar .button::before { - font-family: "Font Awesome", "Font Awesome 5 Free"; - font-size: 0.9em; - padding-right: 0.3em; -} - -/*=-------------------------------=*/ -/*= Page toolbar items (specific) =*/ -/*=-------------------------------=*/ - -.new-post::before { - content: '\F067'; - font-weight: 900; -} -.new-private-message::before { - content: '\F075'; - font-weight: 400; -} -.logout-button::before { - content: '\F2F5'; - font-weight: 900; -} -#enable-push-notifications::before { - content: '\F0F3'; - font-weight: 400; -} -.ignore-button::before { - content: "\F070"; - font-weight: 400; -} -.unignore-button::before { - content: "\F06E"; - font-weight: 400; -} -.rss::before { - content: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPiANCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIGlkPSJSU1NpY29uIiB2aWV3Qm94PSIwIDAgMjU2IDI1NiI+DQo8ZGVmcz4NCjxsaW5lYXJHcmFkaWVudCB4MT0iMC4wODUiIHkxPSIwLjA4NSIgeDI9IjAuOTE1IiB5Mj0iMC45MTUiIGlkPSJSU1NnIj4NCjxzdG9wICBvZmZzZXQ9IjAuMCIgc3RvcC1jb2xvcj0iI0UzNzAyRCIvPjxzdG9wICBvZmZzZXQ9IjAuMTA3MSIgc3RvcC1jb2xvcj0iI0VBN0QzMSIvPg0KPHN0b3AgIG9mZnNldD0iMC4zNTAzIiBzdG9wLWNvbG9yPSIjRjY5NTM3Ii8+PHN0b3AgIG9mZnNldD0iMC41IiBzdG9wLWNvbG9yPSIjRkI5RTNBIi8+DQo8c3RvcCAgb2Zmc2V0PSIwLjcwMTYiIHN0b3AtY29sb3I9IiNFQTdDMzEiLz48c3RvcCAgb2Zmc2V0PSIwLjg4NjYiIHN0b3AtY29sb3I9IiNERTY0MkIiLz4NCjxzdG9wICBvZmZzZXQ9IjEuMCIgc3RvcC1jb2xvcj0iI0Q5NUIyOSIvPg0KPC9saW5lYXJHcmFkaWVudD4NCjwvZGVmcz4NCjxyZWN0IHdpZHRoPSIyNTYiIGhlaWdodD0iMjU2IiByeD0iNTUiIHJ5PSI1NSIgeD0iMCIgIHk9IjAiICBmaWxsPSIjQ0M1RDE1Ii8+DQo8cmVjdCB3aWR0aD0iMjQ2IiBoZWlnaHQ9IjI0NiIgcng9IjUwIiByeT0iNTAiIHg9IjUiICB5PSI1IiAgZmlsbD0iI0Y0OUM1MiIvPg0KPHJlY3Qgd2lkdGg9IjIzNiIgaGVpZ2h0PSIyMzYiIHJ4PSI0NyIgcnk9IjQ3IiB4PSIxMCIgeT0iMTAiIGZpbGw9InVybCgjUlNTZykiLz4NCjxjaXJjbGUgY3g9IjY4IiBjeT0iMTg5IiByPSIyNCIgZmlsbD0iI0ZGRiIvPg0KPHBhdGggZD0iTTE2MCAyMTNoLTM0YTgyIDgyIDAgMCAwIC04MiAtODJ2LTM0YTExNiAxMTYgMCAwIDEgMTE2IDExNnoiIGZpbGw9IiNGRkYiLz4NCjxwYXRoIGQ9Ik0xODQgMjEzQTE0MCAxNDAgMCAwIDAgNDQgNzMgViAzOGExNzUgMTc1IDAgMCAxIDE3NSAxNzV6IiBmaWxsPSIjRkZGIi8+DQo8L3N2Zz4NCg=='); - display: inline-block; - width: 1em; - padding-right: 0.2em; - position: relative; - top: 1px; -} - -/*********************/ -/* TOP PAGINATION UI */ -/*********************/ - -#top-nav-bar { - grid-column: 2; - margin: 0.25em 0 0 0; - padding: 0.75em 0 0 0; - text-align: center; - font-size: 1.25em; - display: flex; - justify-content: center; -} -#top-nav-bar a { - line-height: 1; -} -#top-nav-bar a.disabled { - pointer-events: none; - visibility: hidden; -} -#top-nav-bar .page-number { - position: relative; - display: inline-block; - width: 1.5em; -} -#top-nav-bar .page-number-label { - position: absolute; - font-size: 0.5em; - text-transform: uppercase; - width: 100%; - bottom: 90%; - left: 0; -} -#top-nav-bar a::before { - margin: 0.5em; - display: inline-block; -} - -/****************/ -/* SUBLEVEL NAV */ -/****************/ - -.sublevel-nav { - text-align: center; - display: flex; - justify-content: center; - margin: 1em 0 0 0; -} -#content > .sublevel-nav:not(.sort) { - grid-column: 2; - align-self: start; -} -.sublevel-nav .sublevel-item { - flex: 0 0 6em; - padding: 0.125em 0.5em; - font-size: 1.125rem; -} -.sublevel-nav .sublevel-item:active { - transform: none; -} -.sublevel-nav .sublevel-item.selected { - cursor: default; -} - -/***********************/ -/* SORT ORDER SELECTOR */ -/***********************/ - -.sublevel-nav.sort { - position: relative; - margin-top: 8px; - font-size: 0.75em; -} -#content > .sublevel-nav.sort { - grid-column: 3; - grid-row: span 2; - justify-self: end; - align-self: start; - flex-flow: column; -} -#content.index-page > .sublevel-nav.sort { - grid-column: 1; - justify-self: start; - flex-flow: row; -} - -.sublevel-nav.sort::before { - content: "Sort"; - font-size: 0.75rem; - position: absolute; - top: 0; - left: 0; - width: 100%; -} -.sublevel-nav.sort .sublevel-item { - line-height: 1; - font-size: 0.875rem; - flex-basis: unset; -} - -/*******************************/ -/* COMMENTS SORT MODE SELECTOR */ -/*******************************/ - -.comments > .sublevel-nav.sort { - margin: 1em auto 0 auto; -} -@supports (width: -moz-fit-content) { - .comments > .sublevel-nav.sort { - width: -moz-fit-content; - } -} -@supports (width: fit-content) { - .comments > .sublevel-nav.sort { - width: fit-content; - } -} - - -/**********************/ -/* DARK MODE SELECTOR */ -/**********************/ - -#dark-mode-selector { - position: absolute; - top: 4px; - right: -78px; - display: flex; - opacity: 0.4; -} -#dark-mode-selector:hover { - opacity: 1.0; -} - -/*=---------=*/ -/*= Buttons =*/ -/*=---------=*/ - -#dark-mode-selector button { - font-family: "Font Awesome", "Font Awesome 5 Free"; - font-size: 1.125rem; - width: 24px; - height: 24px; - padding: 0; - line-height: 1; - font-weight: 400; -} -#dark-mode-selector button.select-mode-auto { -} -#dark-mode-selector button.select-mode-light { - font-size: 1.25rem; - padding: 1px 0 0 1px; -} -#dark-mode-selector button.select-mode-dark { - font-weight: 300; - font-size: 1.25rem; - padding: 1px 0 0 4px; -} -#dark-mode-selector button.select-mode-dark.selected { - font-weight: 400; -} -#dark-mode-selector button:disabled:active { - transform: none; -} -#dark-mode-selector button:disabled:hover { - cursor: default; -} - -/*=----------------=*/ -/*= Hover tooltips =*/ -/*=----------------=*/ - -#dark-mode-selector button::after { - content: attr(data-name); - font-family: 'Concourse', 'a_Avante', 'GW-Symbols'; - font-weight: normal; - position: absolute; - display: block; - left: 0; - width: 100%; - text-align: center; - top: 92px; - font-size: 1rem; - visibility: hidden; -} -#dark-mode-selector button.selected::after { - content: attr(data-name) " (selected)"; -} -#dark-mode-selector button:hover:not(:active)::after { - visibility: visible; -} - - -/******************/ -/* WIDTH SELECTOR */ -/******************/ - -#width-selector { - position: absolute; - top: 40px; - right: -78px; -} -#width-selector button { - width: 22px; - height: 22px; - padding: 6px; - margin: 1px; - overflow: hidden; - background-repeat: no-repeat; - background-size: 100%; - background-origin: content-box; -} -#width-selector button, -#width-selector button:active, -#width-selector button:focus { - text-shadow: none; - color: transparent; -} -#width-selector button:disabled { - cursor: auto; -} -#width-selector button.select-width-normal { - background-image: url('data:image/gif;base64,R0lGODdhFAAUAJEAAAAAAKqqqv///wAAACH5BAkAAAMALAAAAAAUABQAAAIqnI+py+0PU5hB0Sqp1Xlu32HI9YkHGZZqyo6cC8Kmgcqr3Z5vxPf+nygAADs='); -} -#width-selector button.select-width-wide { - background-image: url('data:image/gif;base64,R0lGODdhFAAUAJEAAAAAAKqqqv///wAAACH5BAkAAAMALAAAAAAUABQAAAIrnI+py+0PT5jB0TqupUY37zEg95HhMk6bmpGi6aIw+7KnkmK1HvX+DzwUAAA7'); -} -#width-selector button.select-width-fluid { - background-image: url('data:image/gif;base64,R0lGODdhFAAUAJEAAAAAAKqqqv///wAAACH5BAkAAAMALAAAAAAUABQAAAIwnI+py+0/ApIwUGOfvTGzzYELGIoTiZpdylJte7xoQp7beMc5XnL4CYlMgsSisVEAADs='); -} - -/*=----------------=*/ -/*= Hover tooltips =*/ -/*=----------------=*/ - -#width-selector button::after { - content: attr(data-name); - position: absolute; - display: block; - left: 0; - width: 100%; - text-align: center; - top: 56px; - visibility: hidden; -} -#width-selector button.selected::after { - content: attr(data-name) " (selected)"; -} -#width-selector button:hover:not(:active)::after { - visibility: visible; -} - -head.content-width-normal + body > * { - max-width: 900px; -} -head.content-width-wide + body > * { - max-width: 1150px; -} -head.content-width-fluid + body > * { - max-width: calc(100% - 300px); -} - -/******************/ -/* THEME SELECTOR */ -/******************/ - -#theme-selector { - position: absolute; - top: 3px; - left: -41px; - opacity: 0.4; - display: table; - max-width: 40px; -} -#theme-selector:hover { - opacity: 1.0; -} - -/*=----------------------=*/ -/*= Theme select buttons =*/ -/*=----------------------=*/ - -.theme-selector button { - display: table-cell; - width: 26px; - height: 26px; - padding: 5px; - margin: 1px 7px 0 7px; - color: transparent; - background-size: 16px 16px; - background-origin: content-box; -} -.theme-selector button, -.theme-selector button:hover, -.theme-selector button:active, -.theme-selector button:focus { - text-shadow: none; - color: transparent; -} -.theme-selector button:disabled { - cursor: auto; -} - -/*=----------------------------=*/ -/*= Pre-rendered button images =*/ -/*=----------------------------=*/ -/* (Each is just a capital letter A through whatever) */ - -.theme-selector button:nth-of-type(1) { - background-image: url('data:image/gif;base64,R0lGODlhIAAgAPYAMQAAAAAAIwAAPgAAXAAAZAAAdAMchQMedAgyjQg0fA1ZsQ5hsSMAACdyujYAADmDxD0AAUGVzU6VzVoAAV6n4WIAAXIAAn/E64MgA4fE65Q8BJjGsZjN9ZnX/51MBJ5kJKHh/6ZLBadbJLBjJLPr/7l0JLzr/8b1/87Ozs7X4c/s69aXTdn//+CpZOCzZOHh4eL//+mydOvizuvr4ez///TFhfTPl/X///7ssv7su//2xP/2zv//2P//4f//6///9f///9GZfwAAQKS0df9/AABA/7bRmX8AAOB8tHX/fwAAQAoTUf9/AAClfu6S/38AACcAAAAAAAAAIFRt0QEAAABApLR1/38AAFhu75L/fwAAwAoTUf9/AAB6We6S/38AANAKE1H/fwAAelnukv9/AAAIAAAAAAAAAAAAAAAAAAAAw5+/neBPABQAAAAAAAAAALDhvNBmRklHTk9LRwAAAAAAAAAA/38AALJyKw8BAAAAAAAAAAAAAAAAAAAAAAAAACwAAAAAIAAgAAAHrIBAgoOEhYaHiImKi4yNjo+QkZKTlJWGMiiZKZaEPRUAoAEmnII2oKcUpEAlp6AIN5w8E60AASScNaEbswASnCOgBDAhoAY0lTsQoAtALqcglTGnF0A5DqAPlR6htz0WoAUwkzrXtK0cky3mtA2SPxrrrQMskTgMoAkqL/szH6cZkVacilAoFygFkHxgONWhUDJQAk480qEMwAFxhUScQqeqo8ePIEOKHElSUCAAOw=='); -} -.theme-selector button:nth-of-type(2) { - background-image: url('data:image/gif;base64,R0lGODlhIAAgAPUAMerbtOrlvOrq4Orq6uvq6uy8e+zq6u23cu3Bi+3Vzu3e6u3q6u7Lo+/U1/DOzvDq6vLe6vLj6vLq6vO6q/O6tPTI4PTe6vZlCfZqCfaTcvbN6vbT6vdTCfhPCfhTCfh3XPirtPi+4PlPCflTCfllOvlpNPlyVvlyXPlzSPmbq/pPCfpTCfp6gvqMtPtMa/tNSPtNVftOIvtONPtOOvtPCftoVvt4o/uHtPxYgvxbOvxwm/x4owEAAABApLR1/38AACwAAAAAIAAgAAAGn8CBcEgsGo/IpHLJbDqf0Kh0Sq0OE45stqGwDgQcmnhMk6UWVMGFzNYRpmpaDESZZFRjDXz9igwDHWIhezQzFkRrNINScTMSQwhiMRuENDUmKCNjLWmJbDQuD51iOSQkK3I0MBCEM35CDCJiN62HQwdiOGhRjbZCBbm7UI2PQgAeYjuVJx8fJWSLvJ6fNgZwGJ8xLBVe3d7f4OHi4+TeQQA7'); -} -.theme-selector button:nth-of-type(3) { - background-image: url('data:image/gif;base64,R0lGODlhIAAgAPUAMXVzX3V0X3V1aHV1bHV1dXhxV3h1dYBvS4BwX4BybIB1dYdtR4duS4hycIh1dYxvbIxwbIxydZNxcJhwcKhtX6xrV7BgILBraLBsaLlfHrlpT7lwdbxudcFvdcVgOMpmU8pnV85kU9JjRNtYIdtiS9tobNtocOBocORWHuRaMelQCO1PCO1eW/JPCPJSCPJZSPJbVPJdX/dTOfdbW/tOHvtOIftPCftPKPtRSPxTSPxUSzD4DwEAAABApLR1/38AACwAAAAAIAAgAAAGjkCCcEgsGo/IpHLJbDqf0Kh0Sq0eE5VPCHSJWAmIkW1MtsEUVEZ5rUNLAyvyC0PRoGwmaoZcKjYMUwIqYzFfRAdjNRuGQwtjOQ6MQo42OJGSlJaSBJSQm4g2NB2bgmMzmwQWZCxuQg2tUQAtZDckIikuNidVBbNrY3lVAx6/MhyMDxMQErCozs/Q0dLTT0EAOw=='); -} -.theme-selector button:nth-of-type(4) { - background-image: url('data:image/gif;base64,R0lGODlhIAAgAPUAMQEA5AEA5QEA5wEA6QYh5AYi3go+3BsA6RwY5SoA6TJo0jJu0joX6Txn2z120Ese6U1u1019z1YA6VhR41qFy15t22Ut6WZ1122bxm2byHEc6XObxHupxIZP6YeD3oipxoiywoxP55Ne55SR15tk5ptk55tr5qOhz6TBwamQ3qmoz6qxyKq4wrGJ4rLBwbin1rnBwcC318C4y8HAx8HAzsHBwcHBwsHBxIBYjdOZfwAAQDcTUf9/AACAPPGS/38AACwAAAAAIAAgAAAGkcCacEgsGo/IpHLJbDqf0Kh0Sq0OZaps9rSyCkuDsHgguMCqprE68KGmB43RyPMYg6bvDTF1CBvwYRlFLWIcUm+CRDQSgYeNRDYhYQuOA4lEImERlZdDJGEKnEUzGmEUokQxCWEYqEI3HWEAKJV6Qi8WYg6AAwQTEwxjBS68amEQZ8ViCBUsXs/Q0dLT1NXW0EEAOw=='); -} -.theme-selector button:nth-of-type(5) { - background-image: url('data:image/gif;base64,R0lGODlhIAAgAPUAMQAAAAAANwAAPgAATAMjNyQ0dCQ3Pjc3Nzc7fDhMXD4+Pkw+PltMXGRkZIapsYfD9YsfA5DN9ZQ8BJVMBJjN9bGxsbPh9bu7u8b1/8///9j1/9n//+HX4eHh4eL//+z///Xr4f//9f///zuAzZl/AABgO4DNmX8AAAEAAAAAAAAAwAkTUf9/AABfjBuN/38AAAAAAAAAAAAAAgAAAAEAAAAA3kQRAQAAAAQAAAABAAAAADD4DwEAAABApLR1/38AACwAAAAAIAAgAAAGekCRcEgsGo/IpHLJbDqf0Kh0Sq0SQZ2stsP5VEMQgHgsfnwlZLKZGkIDHJeKvKI5AwYZa7ENEGD0RHwCeYBCfAAGCwqLCB52aQABf2xuBAeXBwUbdoOFhmh+niKCk4WChKZuCQ2sDQwWj5ARXxOQYhSiubq7vL2+v3pBADs='); -} -.theme-selector button:nth-of-type(6) { - background-image: url('data:image/gif;base64,R0lGODlhIAAgAPQAMVUADlUYkVU5iFU6eVtysVuDw2WMy26My26Vy3OVy6+VoK+foK+oqb+xscDD3cXFusbX7+HX3eHh3eHh7+zr5uz17/HPkfHPmfP/+f//7///+QkTUf9/AAAd8ICJ/38AACwAAAAAIAAgAAAFYaAmjmRpnmiqrmzrvnAsz3RNZpGk79JkW4CgMBjA1C7DYfEYFDwa0IbDhgQgbKbqAVuqXrmjKqFCKVOMzGTQQFUHC23AgLGoKyDxL1ij3Yv6foB7gmBVCX6IiYqLjI2OiSEAOw=='); -} -.theme-selector button:nth-of-type(7) { - background-image: url('data:image/gif;base64,R0lGODlhIAAgAPYAMUOBp0OFp0R8W0R8YER9PER9S0SDd1J9PFKTwFKYwFKYx2V8PGWAPGaKfGedu2edwHB8PH2oyIB8PIB/PYZ8PYaWYIelrpGDPZKWW5Kdm56WYJ6Zg6u0yLCoora1tLfF1bfg9729u72+tMO1tMPFyMTs/8mxj8rCtMvs/9H1/9W+otf1/9f6/9yubN3b4uPWz+Pg3OTk4uro8PHs8PL///bTovbTp/fXp/fcrvfhtPfx6vfx8Pf19/f69/f6//j///7tz/7t1f/y3P/19//21f//3P//4v//9////3X/fwAA8CwTUf9/AAClfu6S/38AACcAAAAAAAAAEEy/0QEAAABApLR1/38AAFhu75L/fwAAcC0TUf9/AAB6We6S/38AAIAtE1H/fwAAelnukv9/AAAIAAAAAAAAAAAAAAAAAAAAw5+/neBPABQAAAAAAAAAABAGYdFmRklHTk9LRwAAAAAAAAAA/38AALJyKw8BAAAAAAAAAAAAAAAAAAAAAAAAACwAAAAAIAAgAAAHwYBIgoOEhYaHiImKi4yNjo+QkZKTlJWGRy8jHiEkLj+WRyYHBKSlBA+fkkATpq0Ik0YSpQYfMTAnGgQgky2lEamDQ5NFEKQKloU5pAIoyIQ2pAHAPD3VPT6SN6QAqTitAyyR2gTcgjXfKZHQBNKCQRsZGKQDK5HKBAIlhcQE9JFGFEglKERkQb96kXqRckBjED9//2QtsyCiQ4V5CCMJudDKlIB0k46oYNCqQAMODS3pkLFjBg9nMGPKnEmzps1IgQAAOw=='); -} -.theme-selector button:nth-of-type(8) { - background-image: url('data:image/gif;base64,R0lGODlhIAAgAPUAMYG3rIG4ioG4joG4koG5hIG5h4G5r4G7r4S4ioS5hIS5h4S6joi4h4i5hIy5hIy6h4y8jo+4hJa4hKm4hKy8hLG8hNXz/9X4/+Hi4uHi6uHl7eji4vHq4vL///b///r////z1v/41v/42v/+2v//9v///xNR/38AAAUAAAAAAAAAwAkTUf9/AABfjBuN/38AAAAAAAAAAAAAAgAAAAEAAAAA3kQRAQAAAAQAAAABAAAAADD4DwEAAABApLR1/38AACwAAAAAIAAgAAAGl8CScEgsGo/IpHLJbDqf0Kh0Sq0KOZjMx7jBaKSkCSFgKYIaBEAnSqoQBGViKEI4eNhueHFOMNyhbW9xQ3x+eIJmdIaAeRdFIw59f0+BBAsQmJgPBJKHnJ+gnYycBQwKpwgJnIuUeYNCIZGsToF6coqTtK57uIe2hL2jv7DBlBSIcrK5TYEDryUiEnXLVtXW19jZ2tvc2EEAOw=='); -} - -/*=------------------------------=*/ -/*= Theme select button tooltips =*/ -/*=------------------------------=*/ -/* (with the name & description of the theme that each button selects) */ - -#theme-selector button { - position: relative; - z-index: 1; -} -#theme-selector button::before { - content: attr(data-theme-name); - position: absolute; - top: 0; - right: 100%; - padding: 5px 6px 6px 6px; - line-height: 1; - width: 6em; - text-align: right; - z-index: 1; - visibility: hidden; -} -#theme-selector:hover button::before { - visibility: visible; -} -#theme-selector:hover ~ #theme-tweaker-toggle, -#theme-selector:active ~ #theme-tweaker-toggle { - z-index: -1; -} - -/************************/ -/* THEME TWEAKER TOGGLE */ -/************************/ - -#theme-tweaker-toggle { - position: absolute; - top: 7px; - left: -75px; -} -#theme-tweaker-toggle button { - font-family: "Font Awesome", "Font Awesome 5 Free"; - font-weight: 900; - font-size: 1.25rem; - opacity: 0.4; - z-index: 1; -} -#theme-tweaker-toggle button:hover { - opacity: 1.0; -} - -/*******************/ -/* QUICKNAV WIDGET */ -/*******************/ - -#quick-nav-ui { - position: absolute; - right: -67px; - bottom: 20px; -} -#quick-nav-ui a { - font-family: "Font Awesome", "Font Awesome 5 Free"; - font-weight: 900; - font-size: 1.5rem; - line-height: 1.7; - text-align: center; - display: block; - width: 40px; - height: 40px; - margin: 10px 0 0 0; -} -#quick-nav-ui a[href='#comments'].no-comments { - pointer-events: none; -} -#quick-nav-ui a { - visibility: hidden; -} -#content.post-page ~ #ui-elements-container #quick-nav-ui a[href='#comments'] { - visibility: visible; -} - -/************************/ -/* NEW COMMENT QUICKNAV */ -/************************/ - -#new-comment-nav-ui { - position: absolute; - right: -112px; - bottom: 42px; -} -#new-comment-nav-ui > * { - display: block; - position: relative; -} -#new-comment-nav-ui.no-comments { - display: none; -} - -/*=--------------------=*/ -/*= New comments count =*/ -/*=--------------------=*/ - -#new-comment-nav-ui .new-comments-count { - width: 2em; - font-size: 1.25rem; - line-height: 1.1; - text-align: center; - left: 1px; - cursor: pointer; -} -#new-comment-nav-ui .new-comments-count::selection { - background-color: transparent; -} -#new-comment-nav-ui .new-comments-count::after { - content: "NEW"; - display: block; - font-size: 0.625rem; -} - -/*=-----------------------------------=*/ -/*= Next/previous new comment buttons =*/ -/*=-----------------------------------=*/ - -#new-comment-nav-ui .new-comment-sequential-nav-button { - font-size: 1.75rem; - font-family: "Font Awesome", "Font Awesome 5 Free"; - font-weight: 900; - width: 1.5em; - z-index: 5001; -} -#new-comment-nav-ui .new-comment-previous { - top: 8px; -} -#new-comment-nav-ui .new-comment-next { - bottom: 6px; -} -#new-comment-nav-ui .new-comment-sequential-nav-button:disabled { - cursor: auto; - pointer-events: none; -} - -/*******************/ -/* HNS DATE PICKER */ -/*******************/ - -#hns-date-picker { - position: absolute; - bottom: 72px; - right: -253px; - opacity: 0.6; -} -#hns-date-picker:hover, -#hns-date-picker:focus-within { - opacity: 1.0; -} -#hns-date-picker.no-comments { - display: none; -} - -/*=---------------=*/ -/*= "Since" label =*/ -/*=---------------=*/ - -#hns-date-picker span { - display: block; - font-size: 0.75rem; - text-transform: uppercase; -} - -/*=--------------------=*/ -/*= "Since" text field =*/ -/*=--------------------=*/ - -#hns-date-picker input { - margin-top: 1px; - padding: 1px 3px; - width: 140px; - text-align: center; - box-shadow: 0 0 0 1px transparent; -} - -/************************/ -/* ANTI-KIBITZER TOGGLE */ -/************************/ - -#anti-kibitzer-toggle { - position: absolute; - right: -67px; - bottom: 225px; -} -#anti-kibitzer-toggle button { - display: block; - width: 40px; - height: 54px; - padding: 0; -} -#anti-kibitzer-toggle button::before, -#anti-kibitzer-toggle button::after { - font-family: "Font Awesome", "Font Awesome 5 Free"; -} -#anti-kibitzer-toggle button::before { - content: "\F06E"; - display: block; - font-size: 1.75em; - font-weight: 400; -} -#anti-kibitzer-toggle button::after { - content: "\F007\2004\F164"; - font-size: 0.875em; - font-weight: 900; -} -#anti-kibitzer-toggle.engaged button::before { - content: "\F070"; -} - -#anti-kibitzer-toggle button::before, -#anti-kibitzer-toggle button::after { - background-color: var(--GW-toggle-widget-color); - -webkit-background-clip: text; - color: transparent; - text-shadow: var(--GW-toggle-widget-shadow-color) 0px 1px 1px; -} -#anti-kibitzer-toggle button:hover::before, -#anti-kibitzer-toggle button:hover::after { - background-color: var(--GW-toggle-widget-hover-color); -} - -/************************/ -/* TEXT SIZE ADJUSTMENT */ -/************************/ - -#text-size-adjustment-ui { - position: absolute; - top: 64px; - right: -78px; - opacity: 0.4; -} -#text-size-adjustment-ui:hover { - opacity: 1.0; -} - -/* This doesn't work in Mozilla browsers, so hide it */ -@-moz-document url-prefix() { - #text-size-adjustment-ui { - display: none; - } -} - -/*=---------=*/ -/*= Buttons =*/ -/*=---------=*/ - -#text-size-adjustment-ui button { - font-weight: 900; - font-family: "Font Awesome", "Font Awesome 5 Free"; - font-size: 0.75rem; - width: 24px; - height: 24px; - padding: 0; -} -#text-size-adjustment-ui button.default { - font-family: inherit; - font-size: 1.125rem; - position: relative; - top: 1px; -} -#text-size-adjustment-ui button:disabled { - opacity: 0.5; -} -#text-size-adjustment-ui button:disabled:hover { - cursor: default; -} - -/*=----------------=*/ -/*= Hover tooltips =*/ -/*=----------------=*/ - -#text-size-adjustment-ui::after { - content: "Adjust text size"; - position: absolute; - display: block; - left: 0; - width: 100%; - text-align: center; - top: 32px; - visibility: hidden; - font-size: 0.9em; -} -#text-size-adjustment-ui:hover::after { - visibility: visible; -} - -/*******************************/ -/* COMMENTS VIEW MODE SELECTOR */ -/*******************************/ - -#comments-view-mode-selector { - position: absolute; - bottom: 30px; - left: -40px; - opacity: 0.6; -} -#comments-view-mode-selector:hover { - opacity: 1.0; -} - -/*=---------=*/ -/*= Buttons =*/ -/*=---------=*/ - -#comments-view-mode-selector a { - display: block; - font-family: "Font Awesome", "Font Awesome 5 Free"; - font-size: 1.25rem; - text-align: center; - opacity: 0.4; - padding: 0.25em; - z-index: 1; -} -#comments-view-mode-selector a.threaded { - transform: scaleY(-1); - font-weight: 900; -} -#comments-view-mode-selector a.chrono { - font-weight: normal; -} -#comments-view-mode-selector a.selected, -#comments-view-mode-selector a:hover { - opacity: 1.0; - text-decoration: none; -} -#comments-view-mode-selector a.selected { - cursor: default; -} - -/*****************/ -/* KEYBOARD HELP */ -/*****************/ - -#keyboard-help-overlay { - width: 100vw; - height: 100vh; - background-color: rgba(255, 255, 255, 0.7); - position: fixed; - left: 0; - top: 0; - z-index: 5001; - - display: flex; - justify-content: center; - align-items: center; - padding: 20px 30px 30px 20px; - - visibility: hidden; -} - -#keyboard-help-overlay .keyboard-help-container { - background-color: #000; - filter: drop-shadow(4px 4px 2px #fff); - flex: 1 1 auto; - max-width: 1500px; - max-height: 100%; - overflow-y: auto; - position: relative; -} -#keyboard-help-overlay .keyboard-help-container h1 { - text-align: center; - border-bottom: 1px solid #1f1f1f; - margin: 0; - padding: 10px 20px; -} -#keyboard-help-overlay .keyboard-help-container .note { - margin: 0.5em auto; - padding: 0 1em; - width: fit-content; -} -#keyboard-help-overlay .keyboard-help-container .keyboard-shortcuts-lists { - column-width: 21em; - column-count: auto; - column-gap: 1.5em; - border-top: 1px solid #1f1f1f; - padding: 15px 20px; -} -#keyboard-help-overlay .keyboard-help-container ul { - list-style-type: none; - margin: 0; - padding: 0; - break-inside: avoid; - white-space: nowrap; -} -#keyboard-help-overlay .keyboard-help-container ul:nth-of-type(n+2) { - margin: 20px 0 0 0; -} -#keyboard-help-overlay .keyboard-help-container ul li.section { - font-weight: bold; - font-size: 1.125rem; - break-after: avoid; -} -#keyboard-help-overlay .keyboard-help-container .keys { - margin: 0 0.5em 0 0; - min-width: 4.5em; - display: inline-block; -} -#keyboard-help-overlay .keyboard-help-container .keys code { - margin: 0 6px 0 0; -} -#keyboard-help-overlay .keyboard-help-container code { - display: inline-block; - background-color: #131313; - border: 1px solid #2c2c2c; - padding: 3px 8px 4px 8px; - margin: 0 1px; -} -#keyboard-help-overlay .keyboard-help-container code.ak { - background-color: #001b5f; - border-color: #0052bc; -} -#keyboard-help-overlay .keyboard-help-container code.ak::before { - content: "ak+"; - opacity: 0.3; -} - -#nav-item-about button.open-keyboard-help { - display: none; -} -@media only screen and (hover:hover) and (pointer:fine) { - #nav-item-about { - position: relative; - padding-right: 0.25em; - } - #nav-item-about button.open-keyboard-help { - font-family: "Font Awesome", "Font Awesome 5 Free"; - font-weight: 900; - position: absolute; - top: 0; - right: 0; - height: 100%; - padding: 8px; - display: initial; - line-height: 1; - background-color: transparent; - } -} - -#keyboard-help-overlay button.close-keyboard-help { - position: absolute; - right: 0; - top: 0; - font-family: "Font Awesome", "Font Awesome 5 Free"; - font-size: 1.5rem; - padding: 10px 12px; -} - -/************/ -/* ARCHIVES */ -/************/ - -.archive-nav { - margin: 1.25em 0.5em 0 0.5em; - padding: 0.25em; -} -.archive-nav > * { - display: flex; -} -.archive-nav *[class^='archive-nav-item'] { - line-height: 1; - flex: 1 1 5%; - text-align: center; - padding: 6px 4px 4px 4px; - max-width: 8%; -} -@-moz-document url-prefix() { - .archive-nav *[class^='archive-nav-item'] { - padding: 5px 4px; - } -} -.archive-nav-days .archive-nav-item-day { - font-size: 0.8em; - padding: 7px 0 5px 0; - max-width: 4%; -} -.archive-nav-days .archive-nav-item-day:first-child { - flex-basis: 10%; -} - -/************/ -/* ARCHIVES */ -/************/ - -.archive-nav { - margin: 1.25em 0.5em 0 0.5em; - padding: 0.25em; -} -.archive-nav > * { - display: flex; -} -.archive-nav *[class^='archive-nav-item'] { - line-height: 1; - flex: 1 1 5%; - text-align: center; - padding: 6px 4px 4px 4px; - max-width: 8%; -} -@-moz-document url-prefix() { - .archive-nav *[class^='archive-nav-item'] { - padding: 5px 4px; - } -} -.archive-nav-days .archive-nav-item-day { - font-size: 0.8em; - padding: 7px 0 5px 0; - max-width: 4%; -} -.archive-nav-days .archive-nav-item-day:first-child { - flex-basis: 10%; -} - -/************/ -/* LISTINGS */ -/************/ - -h1.listing { - font-size: 1.875rem; - line-height: 1.15; - max-height: 1.15em; - position: relative; -} - -h1.listing a { - position: relative; -} - -/* Links to link-posts (not the link-post links themselves; that's below) */ -h1.listing .link-post-link + a { - margin-left: 0.25em; -} - -h1.listing .link-post-link { - font-size: 0.8em; - display: inline; - vertical-align: top; - position: relative; - top: 4px; -} - -/*=----------------------=*/ -/*= Listing hover reveal =*/ -/*=----------------------=*/ -/* (On desktops, hover over a multi-line listing to reveal all of it) */ - -@media only screen and (min-width: 1160px) { - h1.listing a { - max-width: 100%; - display: inline-block; - white-space: nowrap; - text-overflow: ellipsis; - overflow: hidden; - border-bottom: 1px solid transparent; - -webkit-hyphens: auto; - -moz-hyphens: auto; - -ms-hyphens: auto; - hyphens: auto; - z-index: 1; - padding: 0 0 1px 1px; - } - h1.listing .link-post-link + a { - max-width: calc(100% - 40px); - } - h1.listing a:hover, - h1.listing a:focus { - text-decoration: dotted underline; - white-space: initial; - overflow: visible; - z-index: 2; - } - h1.listing:focus-within::before { - content: "\F105"; - font-family: "Font Awesome", "Font Awesome 5 Free"; - display: block; - position: absolute; - left: -0.75em; - } - -/* Adds hysteresis to the hover area (i.e., prevents oscillation due to small - mouse movements) */ - - h1.listing a:not(.edit-post-link):hover::before { - content: ""; - position: absolute; - top: -10px; - right: -10px; - bottom: -10px; - left: -10px; - z-index: -1; - } - h1.listing .link-post-link:hover { - text-decoration: none; - } -} - -/*=-----------------------=*/ -/*= In-listing edit links =*/ -/*=-----------------------=*/ - -h1.listing .edit-post-link { - position: absolute; - margin: 0; -} - -/*=---------------------------------=*/ -/*= Error messages on listing pages =*/ -/*=---------------------------------=*/ - -.listing-message { - width: 100%; - text-align: center; - padding: 1.25em 0 1.25em 0; - font-size: 1.375em; -} - -/*********************/ -/* LISTING POST-META */ -/*********************/ - -h1.listing + .post-meta { - position: relative; - justify-content: flex-start; - margin: 0 20px 0 21px; -} - -h1.listing + .post-meta > * { - margin: 0 1em 0 0; -} - -h1.listing + .post-meta .post-section { - width: 0; - margin: 0; - overflow: hidden; -} -h1.listing + .post-meta .post-section::before { - position: absolute; - left: -36px; -} - -h1.listing + .post-meta .read-time { - cursor: default; -} - -/********************/ -/* SEQUENCES & TAGS */ -/********************/ - -.sequence-text, .tag-description { - font-size: 1.2rem; - padding: 0 22px; -} - -#content.tag-index-page .tag-description { - margin: 1em 0 0; -} - -section { - max-width: 100%; - margin-top: 2em; - margin-bottom: 4em; -} - -h1.sequence-chapter { - font-size: 2.3rem; -} - -article { - max-width: 100%; -} - -.post-meta + .comments { - margin-top: 3em; -} - -.tag-list { - column-count: auto; - column-width: 15em; - margin-top: 0; - border-bottom: 1px solid #575756; - padding-bottom: 1em; - margin-bottom: 0; -} - -#content.sequence-page h1 { - margin-top: 0.1em; -} - -/**************/ -/* USER PAGES */ -/**************/ - -/*=---------------------=*/ -/*= User's display name =*/ -/*=---------------------=*/ - -#content.user-page h1.page-main-heading { - margin: 0.25em 0 0 0; - line-height: 1.1; - grid-column: 1 / span 2; - order: -2; -} - -#content.user-page h1.page-main-heading .user-full-name { - font-size: 1rem; - font-weight: normal; - padding-left: 0.5em; -} - -/*=--------------------=*/ -/*= User's karma total =*/ -/*=--------------------=*/ - -#content.user-page .user-stats { - grid-column: 3; - order: -2; - text-align: right; - align-self: end; -} - -#content.user-page .user-stats .karma-type { - white-space: nowrap; -} - -/*=----------------------=*/ -/*= Expanded vs. compact =*/ -/*=----------------------=*/ - -#content.user-page #comments-list-mode-selector { - grid-row: span 2; -} -#content.user-page #comments-list-mode-selector button { - display: block; -} - -/*=----------------------------------------------------=*/ -/*= All, Posts, Comments, Drafts, Conversations, Inbox =*/ -/*=----------------------------------------------------=*/ - -#content.user-page .sublevel-nav { - margin-bottom: 0.5em; -} - -/*=--------------=*/ -/*= User's posts =*/ -/*=--------------=*/ - -#content.user-page h1.listing { - margin: 0.5em 0 0 0; -} - -#content.user-page .user-bio :first-child { - margin-top: 0.5em; -} - -/*****************/ -/* CONVERSATIONS */ -/*****************/ - -/*=----------------------=*/ -/*= List of participants =*/ -/*=----------------------=*/ - -#content.conversation-page .conversation-participants { - grid-column: 2 / span 2; - text-align: right; - margin: 0.5em 0 0 0; -} -.post-meta > .conversation-participants { - white-space: normal; -} -.conversation-participants ul, -.conversation-participants li { - list-style-type: none; - display: inline-block; - margin: 0; - padding: 0; -} -.conversation-participants li { - margin-left: 0.375em; -} -.conversation-participants li:not(:last-of-type)::after { - content: ","; -} - -/*=-------------------------=*/ -/*= Posting controls (form) =*/ -/*=-------------------------=*/ - -#content.conversation-page .posting-controls { - padding: 0 0 1em 0; -} -#content.conversation-page .post-meta-fields { - overflow: auto; - display: flex; - flex-flow: row wrap; -} -.posting-controls.standalone textarea { - margin-top: 0.375em; -} -.posting-controls.standalone form { - padding: 0 1em; -} -#content.conversation-page .posting-controls.standalone form { - padding: 0 1em 3em 1em; -} -.posting-controls.standalone input[type='text'], -.posting-controls.standalone label { - margin: 0.25em 0; -} -.posting-controls.standalone label { - width: 4em; - text-align: right; - padding: 2px 6px; - border: 1px solid transparent; -} -.posting-controls.standalone input[type='text'] { - width: calc(100% - 4em); - padding: 0.25em; -} -.posting-controls.standalone input[type='submit'] { - float: right; -} -.posting-controls.standalone #markdown-hints-checkbox ~ label { - white-space: nowrap; -} -.posting-controls.standalone #markdown-hints { - top: calc(100% + 2em); -} - -/*=--------------------=*/ -/*= Conversation title =*/ -/*=--------------------=*/ - -#content.conversation-page h1.page-main-heading { - text-align: center; - margin: 0.5em 0; - line-height: 1.15; -} - -/*=----------=*/ -/*= Messages =*/ -/*=----------=*/ - -#content.conversation-page > ul.comment-thread:last-of-type { - margin-bottom: 2em; -} - -/******************/ -/* SEARCH RESULTS */ -/******************/ - -#content.search-results-page h1.listing, -#content.sequence-page h1.listing, -#content.post-page h1.listing { - font-size: 1.625em; -} - -/**************/ -/* LOGIN PAGE */ -/**************/ - -.login-container { - margin: 2em 0; - padding: 1em; - display: flex; - flex-flow: row wrap; -} - -.login-container form { - flex-basis: 50%; - display: grid; - grid-row-gap: 0.5em; - align-content: start; -} -.login-container form label { - text-align: right; - padding: 0.25em 0.5em; - white-space: nowrap; - grid-column: 1; -} -.login-container form input { - grid-column: 2; - padding: 0.25em; -} -.login-container form input[type='submit'], -.login-container form a { - grid-column: 2; - justify-self: center; -} -.login-container form input[type='submit'] { - width: 10em; - padding: 0.35em; - line-height: 1; - margin: 0.5em 0 0 0; -} -.login-container form h1 { - text-align: center; - margin: 0; - grid-column: 2; -} - -/* “Log in” form */ - -#login-form { - grid-template-columns: 5.5em 1fr; - padding: 0.5em 2em 0.5em 0; -} - -/* “Create account” form */ - -#signup-form { - font-size: 0.9em; - grid-template-columns: 8.5em 1fr; - padding: 0.5em 1em 1em 1em; -} -#signup-form h1 { - font-size: 1.7em; -} -#signup-form input[type='submit'] { - padding: 0.4em 0.5em 0.5em 0.5em; -} - -/* Log in tip */ - -.login-container .login-tip { - padding: 0.5em 0.5em 0.5em 3em; - margin: 2em 4em 0 4em; - text-indent: -2em; - line-height: 1.4; -} -.login-container .login-tip span { - font-weight: bold; -} - -/* Message box */ - -#content.login-page .error-box { - margin: 1.5em 0.875em -1.5em 0.875em; -} -.error-box, .success-box { - padding: 0.25em; - text-align: center; -} - -/***********************/ -/* PASSWORD RESET PAGE */ -/***********************/ - -.reset-password-container { - margin-bottom: 2em; -} -.reset-password-container input[type='submit'] { - padding: 0.2em 0.5em; - width: unset; -} -.reset-password-container input { - margin-left: 0.5em; - width: 12em; -} -.reset-password-container label { - display: inline-block; - width: 9em; -} -.reset-password-container form > div { - margin: 0.2em; -} -.reset-password-container .action-container { - padding-left: 11em; - padding-top: 0.2em; -} -.reset-password-container .error-box { - margin: unset; -} - - -/*********************/ -/* TABLE OF CONTENTS */ -/*********************/ - -.contents { - float: right; - min-width: 6em; - max-width: 40%; - margin: 1.25em 0 0.75em 1.25em; - padding: 7px 14px 10px 10px; - position: relative; - z-index: 1; -} - -.collection-page .contents { - margin-top: 0; -} - -.contents-head { - text-align: center; - margin-bottom: 0.25em; -} - -.body-text .contents ul { - list-style-type: none; - margin: 0 0 0 0.5em; - counter-reset: toc-item-1 toc-item-2 toc-item-3; - padding-left: 1em; - font-size: 0.75em; -} -.body-text .contents li { - margin: 0.15em 0 0.3em 1em; - text-align: left; - text-indent: -1em; - line-height: 1.2; - position: relative; -} -.body-text .contents li::before { - position: absolute; - width: 3em; - display: block; - text-align: right; - left: -4.5em; -} -.contents .toc-item-1 { - counter-increment: toc-item-1; - counter-reset: toc-item-2 toc-item-3; -} -.contents .toc-item-1::before { - content: counter(toc-item-1); -} -.contents .toc-item-1 ~ .toc-item-2 { - margin-left: 2.9em; - font-size: 0.95em; -} -.contents .toc-item-2 { - counter-increment: toc-item-2; - counter-reset: toc-item-3; -} -.contents .toc-item-1 ~ .toc-item-2::before { - content: counter(toc-item-1) "." counter(toc-item-2); -} -.contents .toc-item-2::before { - content: counter(toc-item-2); -} -.contents .toc-item-1 + .toc-item-3 { - counter-increment: toc-item-2 toc-item-3; -} -.contents .toc-item-2 ~ .toc-item-3, -.contents .toc-item-1 ~ .toc-item-3 { - margin-left: 2.9em; - font-size: 0.95em; -} -.contents .toc-item-1 ~ .toc-item-2 ~ .toc-item-3 { - margin-left: 5.7em; - font-size: 0.9em; -} -.contents .toc-item-3 { - counter-increment: toc-item-3; -} -.contents .toc-item-1 ~ .toc-item-2 ~ .toc-item-3::before { - content: counter(toc-item-1) "." counter(toc-item-2) "." counter(toc-item-3); -} -.contents .toc-item-1 ~ .toc-item-3::before { - content: counter(toc-item-1) "." counter(toc-item-3); -} -.contents .toc-item-2 ~ .toc-item-3::before { - content: counter(toc-item-2) "." counter(toc-item-3); -} -.contents .toc-item-3::before { - content: counter(toc-item-3); -} -.contents .toc-item-4, -.contents .toc-item-5, -.contents .toc-item-6 { - display: none; -} - -.contents.collapsed { - margin-bottom: 0.25em; - padding-left: 1em; - padding-right: 1.75em; - -} -.contents.collapsed .contents-head { - margin: 0; -} -.contents.collapsed .contents-list { - display: none; -} - -.contents .toc-collapse-toggle-button { - position: absolute; - top: 1px; - right: 1.5px; - font-family: "Font Awesome", "Font Awesome 5 Free"; - font-weight: 900; - font-size: 1.5rem; - padding: 0; -} -.contents .toc-collapse-toggle-button:active { - transform: translateX(1px) translateY(1px); -} - -.contents.collapsed .toc-collapse-toggle-button { - width: calc(100% - 3px); - height: calc(100% - 2px); - background-color: transparent; - display: flex; - justify-content: flex-end; - align-items: flex-start; -} - - -/********************/ -/* POSTS & COMMENTS */ -/********************/ - -.post-meta > *, -.comment-meta > * { - display: inline-block; - margin-right: 1em; - font-size: 1.0625em; -} -.body-text { - overflow-wrap: break-word; - text-align: justify; -} -.body-text p { - margin: 1em 0; -} -.retracted .body-text { - text-decoration: line-through; -} - -.bare-url { - word-break: break-all; - hyphens: auto; -} -.body-text a:not([href]), -.body-text a:not([href]):hover, -.body-text a:not([href])::before, -.body-text a:not([href])::after { - text-decoration: none; - text-shadow: unset; - border: unset; - color: unset; - content: unset; -} -/*************/ -/* POST-META */ -/*************/ - -.post-meta { - display: flex; - flex-flow: row wrap; - justify-content: center; -} -.post-meta .lw2-link { - opacity: 0.5; - order: 1; -} -.post-meta > *, -.post-meta .post-section::before { - margin: 0 0.5em; -} -.post-meta .post-section { - order: -1; - margin: 0; - visibility: hidden; -} -.post-meta .post-section::before, -.comment-meta .alignment-forum { - visibility: visible; - font-family: "Font Awesome", "Font Awesome 5 Free"; - font-weight: 900; -} -.post-section.frontpage::before { - content: "\F015"; -} -.post-section.featured::before { - content: "\F005"; -} -.post-section.meta::before { - content: "\F077"; -} -.post-section.events::before { - content: "\F5A0"; -} -.post-section.personal::before { - content: "\F007"; -} -.post-section.draft::before { - content: "\F15B"; -} -.post-section.alignment-forum::before, -.comment-meta .alignment-forum { - content: "AF"; - font-family: Concourse, 'Changa One'; -} - -/*= Karma controls hover tooltips =*/ - -@media only screen and (pointer: fine) { - .post .voting-controls, - .comment-item .voting-controls { - position: relative; - } - .post .karma.active-controls::after, - .comment-item .karma.active-controls::after { - content: "Double-click for strong vote"; - position: absolute; - pointer-events: none; - display: block; - left: 6px; - width: 100%; - line-height: 1.15; - white-space: normal; - text-align: center; - font-size: 0.875rem; - opacity: 0; - transition: opacity 0.2s ease; - } - .post .voting-controls.active-controls:hover::after, - .comment-item .voting-controls.active-controls:hover::after { - opacity: 1.0; - } - - .post .voting-controls .karma-value::after, - .comment-item .voting-controls .karma-value::after { - content: attr(title); - position: absolute; - pointer-events: none; - display: block; - left: 50%; - transform: translateX(-50%); - white-space: pre-wrap; - width: max-content; - text-align: center; - font-size: 0.875rem; - color: #393939; - opacity: 0; - transition: opacity 0.2s ease; - } - .post .voting-controls.agreement .karma-value:hover::after, - .comment-item .voting-controls.agreement .karma-value:hover::after { - top: unset; - bottom: 100%; - } - .post .voting-controls .karma-value:hover::after, - .comment-item .voting-controls .karma-value:hover::after { - opacity: 1.0; - } - .post .voting-controls.waiting .karma-value:hover::after, - .comment-item .voting-controls.waiting .karma-value:hover::after { - display: none; - } - .comment-item .voting-controls .karma-value:hover::after { - z-index: 5001; - } - - .author { - position: relative; - } - .author:not(.redacted)::before { - content: attr(data-full-name); - position: absolute; - pointer-events: none; - display: block; - padding: 0 1em; - left: 50%; - bottom: 2em; - transform: translateX(-50%); - white-space: nowrap; - text-align: center; - font-size: 0.875rem; - font-weight: normal; - opacity: 0; - transition: opacity 0.2s ease; - z-index: 5001; - } - .author:hover::before { - opacity: 1.0; - } -} - -/*********/ -/* POSTS */ -/*********/ - -.post { - max-width: 100%; -} - -.post-body { - min-height: 8em; - padding: 0 30px; - line-height: 1.5; - font-size: 1.3rem; - overflow: auto; - margin: 0.5em 0 0 0; -} -h1.post-title { - margin: 1.1em 0 0.35em 0; - padding: 0 30px; - text-align: center; - font-size: 2.5em; - line-height: 1; -} -.post .post-meta { - text-align: center; - position: relative; - z-index: 2; -} -.post .top-post-meta:last-child { - margin-bottom: 40px; -} -.post .bottom-post-meta { - margin: 0; - padding: 20px 0; -} -.bottom-post-meta { - border-style: solid; - border-width: 1px 0; -} - -/**********/ -/* EVENTS */ -/**********/ - -.event-info .map { - position: relative; - width: 100%; - margin: 2em 0 1em; -} - -.event-info .map::before { - content: ""; - display: block; - padding-bottom: 50%; -} - -.event-info .map iframe { - width: 100%; - height: 100%; - border: 1px solid #fff; - position: absolute; - top: 0; - left: 0; -} - -.event-info ul { - list-style: none; - padding: 0; - text-align: center; -} - -/*******************/ -/* POST NAVIGATION */ -/*******************/ - -.post-nav-item { - display: grid; - grid-template: 100% / 32% 36% 32%; - grid-template-areas: - "prev seq next"; -} -.post-nav { - display: flex; - flex-flow: column; - justify-content: flex-end; - padding: 0.5em; -} - -.post-nav-title { - font-size: 1.125em; - line-height: 1.15; - display: inline; - border-top: 1px solid transparent; -} -.post-nav.prev .post-nav-title, -.post-nav.next .post-nav-title { - border-bottom: 1px solid transparent; -} - -.sequence-title { - align-items: center; - text-align: center; - grid-area: seq; -} -.sequence-title .post-nav-title { - font-size: 1.5em; -} - -.post-nav.prev { - grid-area: prev; - align-items: flex-start; -} -.post-nav.prev .post-nav-title::before { - content: "\F0D9\2005"; -} -.post-nav.next { - grid-area: next; - text-align: right; - align-items: flex-end; -} -.post-nav.prev .post-nav-label, -.post-nav.next .post-nav-label { - display: none; -} -.post-nav.next .post-nav-title::after { - content: "\2004\F0DA"; -} -.post-nav.prev .post-nav-title::before, -.post-nav.next .post-nav-title::after { - font-family: Font Awesome; - font-weight: 900; - vertical-align: text-bottom; - opacity: 0.75; -} -.post-nav-links { - max-width: 100%; -} - -@media only screen and (max-width: 900px) { - .post-nav-item { - font-size: 0.875em; - grid-template: auto auto / 50% 50%; - grid-template-areas: - "prev next" - "seq seq"; - } - .post-nav.prev .post-nav-title, - .post-nav.next .post-nav-title { - border-bottom: none; - } - .post-nav.prev { - margin: 0 0 0 -1px; - position: relative; - left: 1px; - } - .sequence-title { - padding: 0.75em 0; - } -} -@media only screen and (max-width: 520px) { - .post-nav-links + .comments { - padding: 1em 0 0 0; - } -} - -.related-posts, .related-post-group { - padding-bottom: 1em; -} -.related-post-type { - font-size: 1.2em; - font-weight: 600; - margin-top: 0.5em; - margin-bottom: -0.5em; - list-style-type: disc; - margin-left: -0.5em; - opacity: 0.7; -} -.related-post-type::before { - content: "\269c"; - font-size: 1.375em; - font-weight: normal; - margin-right: 0.15em; - position: relative; - vertical-align: baseline; - top: 0.05em; -} -.related-posts .post-type-prefix { - display: none; -} - -.crosspost { - padding: 0.1em 1em; - margin: 1em auto; -} - -/**************/ -/* LINK POSTS */ -/**************/ - -.post.link-post > .post-body > p:first-child { - text-align: center; - font-size: 1.125em; - margin: 0.5em 0 0 0; -} -.post.link-post > .post-body > p:only-child { - font-size: 1.5em; - margin: 1em 0; -} -.post.link-post a.link-post-link::before { - content: "\F0C1"; - font-family: "Font Awesome", "Font Awesome 5 Free"; - font-weight: 900; - font-size: 0.75em; - position: relative; - top: -2px; - margin-right: 0.25em; -} - -/************/ -/* COMMENTS */ -/************/ - -.comments { - max-width: 100%; - padding: 0 0 1px 0; - position: relative; -} -.comments::before { - content: ""; - position: absolute; - display: block; - top: 0; - left: 0; - width: 100%; - height: 100%; - pointer-events: none; -} -ul.comment-thread { - list-style-type: none; - padding: 0; - max-width: 100%; -} -.comments .comment-thread > li { - position: relative; -} -#content > #top-nav-bar + .comment-thread .comment-item { - margin-top: 0; -} - -.comment-item { - margin: 2em 0 0 0; -} -.comment-item .comment-item { - margin: 1em 8px 8px 16px; -} -.comment-item .comment-item + .comment-item { - margin: 2em 8px 8px 16px; -} - -.comment-body { - line-height: 1.45; - font-size: 1.2rem; - padding: 10px; -} -.comment-body ul { - list-style-type: circle; -} -.comment-body > *:first-child { - margin-top: 0; -} -.comment-body > *:last-child { - margin-bottom: 0; -} - -.comments-empty-message { - width: 100%; - text-align: center; - padding: 0.75em 0 0.9em 0; - font-size: 1.375em; -} - -/**********************************/ -/* DEEP COMMENT THREAD COLLAPSING */ -/**********************************/ - -.comment-item > input[id^="expand"] { - display: none; -} -.comment-item > input[id^="expand"] + label { - display: block; - visibility: hidden; - position: relative; - margin: 8px 9px; -} -.comment-item > input[id^="expand"] + label::after { - content: "(Expand " attr(data-child-count) " below)"; - visibility: visible; - position: absolute; - left: 0; - white-space: nowrap; - cursor: pointer; -} -.comment-item > input[id^="expand"]:checked + label::after { - content: "(Collapse " attr(data-child-count) " below)"; -} -.comment-item > input[id^="expand"] ~ .comment-thread { - max-height: 34px; - overflow: hidden; -} -.comment-item > input[id^="expand"] ~ .comment-thread > li:first-child { - margin-top: 0; -} -.comment-item > input[id^="expand"]:checked ~ .comment-thread { - max-height: 1000000px; -} - -.comment-item > input[id^="expand"]:checked ~ .comment-thread .comment-thread .comment-item { - margin: 0; -} -.comment-item > input[id^="expand"]:checked ~ .comment-thread .comment-thread .comment-item a.comment-parent-link:hover::after { - display: none; -} - -/*************/ -/* BACKLINKS */ -/*************/ - -.backlinks > input { - display: none; -} - -.backlinks > label { - margin-left: 10px; - display: block; - color: #00c200; - cursor: pointer; -} - -.backlinks > label::before { - content: " "; - border-left: 5px solid currentColor; - border-top: 5px solid transparent; - border-bottom: 5px solid transparent; - transition: transform 0.25s ease-out; - transform-origin: 29% 55%; - display: inline-block; - padding-right: 0.5em; -} - -.backlinks > input:checked + label::before { - transform: rotate(90deg); -} - -.backlinks li { - margin-top: 0; -} - -.backlinks > ul { - height: 0; - perspective-origin: top; - transform: perspective(100em) rotateX(-90deg); - transform-origin: center top; - opacity: 0; - margin-top: 0.5em; - margin-bottom: 0.5em; -} - -.backlinks > input:checked ~ ul { - height: auto; - transform: perspective(100em) rotateX(0deg); - transition: transform 0.25s ease-in, opacity 0.25s ease-in; - opacity: 1; -} - -/****************/ -/* COMMENT-META */ -/****************/ - -.comment-meta { - padding: 2px 24px 2px 10px; - margin: 0 -1px; - border: none; - display: flex; - flex-flow: row wrap; - align-items: baseline; -} -.user-page .comment-meta, -.conversation-page .comment-meta { - padding-right: 10px; -} -.comment-meta .comment-post-title { - flex-basis: 100%; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - line-height: 1.3; -} -.conversation-page .comment-meta .comment-post-title { - margin: 0; - flex-basis: unset; - flex: 1 0 auto; - text-align: right; - display: none; /* Not sure if we need to display this... */ -} -.comment-item .author:not(.redacted).original-poster::after { - content: "\2004(OP)"; - font-size: 0.75em; -} - -/*****************************/ -/* COMMENT THREAD NAVIGATION */ -/*****************************/ - -a.comment-parent-link:not(.inline-author), -a.comment-parent-link.inline-author::before { - opacity: 0.5; -} -a.comment-parent-link:hover { - opacity: 1.0; -} -a.comment-parent-link::before { - content: "\F062"; - font-family: "Font Awesome", "Font Awesome 5 Free"; - font-weight: 900; - font-size: 0.75rem; - line-height: 1; - position: absolute; - z-index: 1; - display: block; - padding: 3px 3px 0 3px; - width: 16px; - height: calc(100% + 2px); - top: -1px; - left: -17px; -} -a.comment-parent-link::after { - content: ""; - position: absolute; - z-index: 0; - display: block; - width: calc(100% + 26px); - height: calc(100% + 38px); - top: -29px; - left: -17px; - pointer-events: none; - overflow: hidden; - visibility: hidden; -} -a.comment-parent-link:hover::after { - visibility: visible; -} - -.comment-child-links { - flex-basis: 100%; -} -.comment-child-link { - margin: 0 0.25em; - display: inline-block; -} -.comment-child-link::before { - content: ">"; - display: inline-block; - margin: 0 2px 0 0; -} - -.comment-popup { - position: fixed; - top: 10%; - right: 10%; - max-width: 700px; - z-index: 10001; - font-size: 1rem; - white-space: unset; - pointer-events: none; -} -.comment-popup .comment-parent-link { - display: none; -} -.comment-popup .comment-body { - font-size: 1.0625rem; -} - -.comment-item.depth-odd { - --GW-comment-background-color: var(--GW-comment-background-color-odd); - --GW-comment-parent-background-color: var(--GW-comment-background-color-even); -} -.comment-item.depth-even { - --GW-comment-background-color: var(--GW-comment-background-color-even); - --GW-comment-parent-background-color: var(--GW-comment-background-color-odd); -} - -.comment-item:target { - --GW-comment-background-color: var(--GW-comment-background-color-target); -} -.comment-item:target > .comment-thread > .comment-item { - --GW-comment-parent-background-color: var(--GW-comment-background-color-target); -} - -/**********************/ -/* COMMENT PERMALINKS */ -/**********************/ -/********************/ -/* COMMENT LW LINKS */ -/********************/ - -.comment-meta .permalink::before, -.comment-meta .lw2-link::before, -.individual-thread-page a.comment-parent-link:empty::before { - content: ""; - display: inline-block; - width: 1rem; - height: 1rem; - border-radius: 3px; - box-shadow: - 0 0 0 1px #000, - 0 0 0 2px #0cc800, - 0 0 0 3px transparent; - padding: 0 0 0 2px; - background-size: 100%; - position: relative; - top: 2px; - opacity: 0.5; -} -.comment-meta .permalink::before { - background-image: url('data:image/gif;base64,R0lGODlhIAAgAPYAMQAw5w066BxG6SZO6ipS6zJY6zhd7Dtf7Elr7k1u7lZ171178GJ/8GOA8GWC8GmF8WyH8XON8nWP8naP8oOa84Wc84ac9Ied9Iyh9I6j9JCl9ZGl9ZSo9ZWp9Zms9Zut9qKz9qi4962897G/+LPB+LTC+LjF+L3J+cLN+cTP+sXQ+srU+svU+s7X+9DZ+9HZ+9La+9Xd+9bd+9ng/Nrh/Nvh/Obq/ent/e7x/vHz/vL0/vP1/vT2/vj5//n6//r7//v7//z8//39//7+/////wAAAAAAAAAAAAAAAAAAAAAAwMyACwEAAAAPAAAAAAAAAOC8CVX/fwAAZYtHif9/AAAAPywAAGAAAHA/LAAAYAAAIJ8FAABgAAAg8A0AgGEAAJDwDQCAYQAAEOQJAABhAADYvAlV/38AAJDtsXL/fwAAkO2xcv9/AABvHvb//57//7C8CVX/fwAAG2Zyjf9/AACQ8A0AAGEAAMDkC7PFfwAAkAAAAAAAAACA7bFy/38AACwAAAAAIAAgAAAH84AAgoOEhYaHiImKi4yNjo+QhgEODQGRiiVDRERDIpeHJ5uiRCWfhAdAo5tCCaaCFZtDHyCxEK4AsERCCxG1twhBqrqttzPCNLeCDTqjOQzJGMKctq4e0kMPkQUbgxSaqtiCAR0DiwbMMoMEACybyJYAATREOQWJBjui6YMr7oPyouodEsBsFAx+/gTFUCWwkIJgo3iUA9CPCLJ4OMBlOyThWwtCFS8KchErgqIAN0SFQGhxkAhRNhhFE3XjAgAVm14AyJBSlIVGJlT5GNVDVSlHHCBKEyVEg7YUP5b2QDHx04QRL2rUaEHCZLKvYMOKHXspEAA7'); -} -.comment-meta .lw2-link::before { - background-image: url('data:image/gif;base64,R0lGODlhIAAgAPYAMQAw5w066BZB6RxG6SJL6iZO6ipS6zJY6zhd7D1h7EBk7UJl7Ulr7kts7lFx7mB+8GJ/8GmF8WyH8XON8naP8niR8n+X84GY84+k9JOn9ZSo9ZWp9Zut9qS196W296e396q6962896+++LTC+LzI+b3J+cDM+cXQ+sjS+srU+s7X+9La+9bd+9jf/Nng/Nvh/Nzi/N7k/OXq/efr/ent/eru/e3w/vDz/vHz/vL0/vT2/vb3//f4//r7//z8//39//7+/////wAAt4pHif9/AAAAAAAAAAAAAAAAAAAAAAAAwMyACwEAAAAPAAAAAAAAAOC8CVX/fwAAZYtHif9/AAAAPywAAGAAAHA/LAAAYAAAIJ8FAABgAAAg8A0AgGEAAJDwDQCAYQAAEOQJAABhAADYvAlV/38AAJDtsXL/fwAAkO2xcv9/AABvHvb//57//7C8CVX/fwAAG2Zyjf9/AACQ8A0AAGEAAKDkC7PFfwAAkAAAAAAAAACA7bFy/38AACwAAAAAIAAgAAAH5YAAgoOEhYaHiImKi4yNjo+QkZKTlJWWl5EHBwoBgwuaB56hgpqciAE3QUE6BQAIPao9BgAmqiAADT6qNac2qjuzAC2qQBQBNaovABqqQSi9v60AHM0iCbpBsifEFtBBO9IM2CwYzUAVNL/BhgG+39IAMqo4w80qPKorie3RgyHNAANu2OcO3CAIPwIG/IGAoCodAwbxawZjBsAYiiYC8dDhQwYAJQB6IAGwQ0Z3AIFEmACE2IMLzX44OKkQiAQBOVTdGEAAVhAanRwGVAkghaoUglyoGoGpqdOnUKNKnUq1qlVEgQAAOw=='); -} -.individual-thread-page a.comment-parent-link:empty::before { - left: unset; - background-image: url('data:image/gif;base64,R0lGODlhIAAgAPUAMQAw5wAw9QAw9gBj9gB39gB99i8w5y+R9y+R+T8w51eq+V8w51+R9Jeq85eq9ZfY/s/E89fL+dfl/N/E8N/L9N/L9d/4/+fL9OfY9+f4/u/R9e/4/u////fY9ffe9ffe9vfr+/f//////P////9/AAABAAAAAAAAAAAAAAAAAAAAwMyACwEAAAAwaAUAAGEAABUAAAAAAAAAMGgFAABhAABAuwlV/38AAA8AAAAAAAAAwMyACwEAAAAAAAAAAAAAACwAAAAAIAAgAAAGi0CAcEgsGo/IpHLJbDqf0Kh0Ci1IIFRkgTMaXbLFbbf7BQPEYzIYnVZP2W13lRtvl53wSKgLsqTvSwR0XRMCeyMeAYNeTQ9pFAAEhx+RgyILTAhjGkIDk0IFn00KGxVDnl2UQgcZGAZUqCOqZp2itACxs7S5t7Wpvbi2u4cdwAAMDg0JxszNzs/QZkEAOw=='); -} -.comment-meta .permalink:hover::before { - background-image: url('data:image/gif;base64,R0lGODlhIAAgAPYAMQAw5wAw6AAw6QBW5wBd6wBq6gBq6y8w5y+E7UdW508w509D50996k+k718w51+q71+x71+x8F+38G8w549W55dW55d355ed6pfL9Z++75/L86dd56eq6qex66fR86fY9a9q57+R57/L77/e9b/r+seR58fl+c+d58+k58+36s/L7c/y/8/4/9eq59fl9tf4/9+x59/E6t/e8+e36Oe+6ufL6ufe8Ofy9uf4+ef//+/R6u/e7u////fY6vfe7ffr8ffy9vf////e6//l6//l7P/r7f/y8P/47//48P//8P//8v//8///9f//9v//+f//+v///1X/fwAAZYtHif9/AAAAPywAAGAAAHA/LAAAYAAAIJ8FAABgAAAg8A0AgGEAAJDwDQCAYQAAEOQJAABhAACowQlV/38AAJDtsXL/fwAAkO2xcv9/AABvHvb//57//4DBCVX/fwAAG2Zyjf9/AACQ8A0AAGEAAKDkC7PFfwAAkAAAAAAAAACA7bFy/38AACwAAAAAIAAgAAAH84BQgoOEhYaHiImKi4yNjo+Qhk5AQJGLMQcAmh6WhzOaoAAYnYRJE6GaATmkgkSgIzqgLKxQQ6kvRbK0SA6oAAKrrE8lvg20gkYVoQU4x0K+mrOsPdAAL5FMMoNEmb7XUE42QYtKyg+DT1AtmsaDTiEABTyJShSg54PrAO3g8Jryh5YoCwUhHztBT06gMjCv0BEFqAiMU3cQSpMN3hAV6SaBkD5+UFCAWqHICQhQHwzuG1QDFAJGz0AxcAEFhqYIUHZYCEWiEQ1UA0IlQKXhkQ+I1UAFMBGpSYoF1QZkmGjpyQ8VHC5c6CDixrGvYMOKHdspEAA7'); -} -.comment-meta .lw2-link:hover::before { - background-image: url('data:image/gif;base64,R0lGODlhIAAgAPYAMQAw5wAw6AAw6gBD6gBW6gBd6wBq6gBq6wB97S8w5y997Ucw50ed70ek708w50+k7U+q8F8w51+x8G+38Xcw53dD53e38Ye37JdW55fL9ZfR9p/Y9p/e9qdW56dd56dq56d356fe9rdq57ed57fl+b9357/Y8L/y/8eR58+R58/R78/y9s/y/8/4/9eq59fR79fe9df4/9+x59///+e36O/L6u////fY6vfe6vfe6/f////l7P/r7f/y7v/47//48P/4+f/4+v//7///8f//9f//9v//+v///wAAAAAAAAAAwMyACwEAAAAPAAAAAAAAALDBCVX/fwAAZYtHif9/AAAAPywAAGAAAHA/LAAAYAAAIJ8FAABgAAAg8A0AgGEAAJDwDQCAYQAAEOQJAABhAACowQlV/38AAJDtsXL/fwAAkO2xcv9/AABvHvb//57//4DBCVX/fwAAG2Zyjf9/AACQ8A0AAGEAAJDkC7PFfwAAkAAAAAAAAACA7bFy/38AACwAAAAAIAAgAAAH2YBHgoOEhYaHiImKi4yNjo+QkZKTlJWWl5FGRkGDRkCaRoOfnZuJRR0AAAU6R0MUqQOsNKkbRz4RqQiIRR6pBKxHKakALEUfqQ1HOcMWu70Av4I3wxpCDrA6MsMnzr7AP7gAEDjDACsi3t3QwEYlqQYj5RcVqRKmz9GCNeX8wyT36QT1WNCvnAAbAFUR4lXuAYhyDBQxTGXihQoYR2YN46AxVQiJz/jF4JFgWIwdwwLMAFmwBREMqQ60egVAwaKJIo+4SDXhiBEUqTJgGkq0qNGjSJMqXcoUUSAAOw=='); -} -.individual-thread-page a.comment-parent-link:empty:hover::before { - background-image: url('data:image/gif;base64,R0lGODlhIAAgAPUAMQAw5wBD5wBD6i8w50cw50+E6k+k70+q8F8w51+x8G8w529d53cw53e38Idq54ex7oe+8Y9d54/E8Ze+8JfL9aeR6qe+7K/L8t+359/e8N/e8vfe7ffr8ff////r7f/r7v/y7//y8P/47///8P///wABAAAAAAAAAAAAAAAAAAAAwMyACwEAAAAwaAUAAGEAABUAAAAAAAAAMGgFAABhAAAQwAlV/38AAA8AAAAAAAAAwMyACwEAAAAAAAAAAAAAACwAAAAAIAAgAAAGjECScEgsGo/IpHLJbDqf0Kh0Cg1VLlQkSAEAQLLFbbf7BZPEYzIYnVZP2ePAuAyFt+d17tiC6BYiaXRLInpdFCN9AAcjDIFNGGkSJCKJBpOFAh1MHgNdDUKUXZZnlU4bCxNDoQCjJB8OD1mrrWaTpbWgt7izuLmivba/vSIEXQnAJBwZGsjNzs/Q0bVBADs='); -} -.comment-meta .permalink:hover::before, -.comment-meta .lw2-link:hover::before, -.individual-thread-page a.comment-parent-link:empty:hover::before { - box-shadow: - 0 0 0 2px #0cc800, - 0 0 0 3px transparent; - opacity: 1.0; - filter: unset; -} -.comment-meta .permalink:active::before, -.comment-meta .lw2-link:active::before, -.individual-thread-page a.comment-parent-link:empty:active::before { - transform: scale(0.9); -} - -.comment-meta .permalink, -.comment-meta .lw2-link, -.individual-thread-page .comment-parent-link:empty { - position: relative; - opacity: 1.0; -} -.comment-meta .permalink::after, -.comment-meta .lw2-link::after, -.individual-thread-page .comment-parent-link:empty::after { - content: ""; - width: 30px; - height: 30px; - display: block; - position: absolute; - top: -2px; - left: -7px; - box-shadow: none; - pointer-events: auto; - visibility: visible; -} - -/*************************/ -/* COMMENTS COMPACT VIEW */ -/*************************/ - -#comments-list-mode-selector, -#content.index-page #comments-list-mode-selector, -#content.user-page #comments-list-mode-selector { - padding-top: 6px; - grid-column: 1; - position: unset; - z-index: 1; - justify-self: start; - align-self: start; -} -#comments-list-mode-selector button { - color: transparent; - width: 32px; - height: 32px; - padding: 6px; - margin: 1px; - overflow: hidden; - background-repeat: no-repeat; - background-size: 100%; - background-origin: content-box; -} -#comments-list-mode-selector button:disabled { - cursor: auto; -} -#comments-list-mode-selector button.expanded { - background-image: url('data:image/gif;base64,R0lGODdhKAAoAJEAAAAAAKqqqv///wAAACH5BAkAAAMALAAAAAAoACgAAAJTnI+py+0Po5wn2Iuz3lrxD25eSIJjiWZnyq4s6r5kLJtJndK4eO9z77NRhsSi8YhMKpfMpvMJjTqDIR3VYr1mqdtg1/fdhXHjWll2fqVb0rY7WQAAOw=='); -} -#comments-list-mode-selector button.compact { - background-image: url('data:image/gif;base64,R0lGODdhKAAoAJEAAAAAAKqqqv///wAAACH5BAkAAAMALAAAAAAoACgAAAJXnI+py+0Po5y0uoCz3rxz5YViB46mWJ7qlq5u66rWTNf2fcQxrI98H/oBSYnhSWjU4JbMJi7pK0KD0ikRYfUgp1uo8wsOM7LXHJlVPWO6SbbRPRTL57gCADs='); -} -@media only screen and (max-resolution: 1dppx) { - #comments-list-mode-selector button.expanded { - background-image: url('data:image/gif;base64,R0lGODdhFAAUAKIAAAAAAKampqqqqv///wAAAAAAAAAAAAAAACH5BAkAAAQALAAAAAAUABQAAAMmSLrc/tCJSasV7Gqat+6eBYbcQopRqq5s257VeMokHdoevrm8mgAAOw=='); - } - #comments-list-mode-selector button.compact { - background-image: url('data:image/gif;base64,R0lGODdhFAAUAKIAAAAAAKqqqtvb2////wAAAAAAAAAAAAAAACH5BAkAAAQALAAAAAAUABQAAAMmSLrc/tCFSasN7Gqat45g433LeHUmF65phbZvurLtFJv3OO98zyQAOw=='); - } -} - -#content > ul.comment-thread > li.comment-item, -#content.compact > ul.comment-thread > li.comment-item { - margin: 0; -} - -#content > .comment-thread { - margin: 1em 0; -} -#content.compact > .comment-thread { - font-size: 0.9375rem; - margin: 0.5em 0; -} -#content.compact > .comment-thread:hover { - z-index: 1; -} -#content.compact > .comment-thread .comment-body { - font-size: 1.0625rem; -} -#content.compact > .comment-thread .comment-item, -#content.index-page .comment-item.ignored, -#content.inbox-user-page .comment-item.ignored { - max-height: 61px; - margin-top: 1em; - overflow: hidden; - position: relative; -} -#content.compact > .comment-thread .comment-item { - pointer-events: none; -} -#content.compact > .comment-thread .comment-item::after { - content: "…"; - position: absolute; - right: 0; - bottom: 0; - font-size: 2rem; - line-height: 1; - padding: 0 16px 10px 64px; - pointer-events: auto; -} -@media only screen and (hover: hover) { - #content.compact:not(:focus-within) > .comment-thread .comment-item:hover, - #content.compact > .comment-thread .comment-item.expanded { - overflow: visible; - pointer-events: auto; - z-index: 10; - } -} -@media only screen and (hover: none) { - #content.compact > .comment-thread.expanded .comment-item { - overflow: visible; - pointer-events: auto; - z-index: 10; - } -} -#content.compact > .comment-thread .comment-item .comment-meta { - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - padding: 2px 10px; -} -#content.compact > .comment-thread .comment-item:hover .comment-meta { - white-space: unset; -} -#content.compact > .comment-thread .comment-item .comment-meta a { - pointer-events: auto; -} -#content.compact > .comment-thread .comment-item .comment-meta .comment-post-title { - display: inline; -} -#content.compact > .comment-thread .comment-item .comment-meta .voting-controls + .comment-post-title { - margin-left: 0.75em; -} -@media only screen and (hover: hover) { - #content.compact > .comment-thread:last-of-type .comment-item:hover, - #content.compact > .comment-thread:last-of-type .comment-item.expanded { - max-height: unset; - } - #content.compact > .comment-thread .comment-item:hover .comment, - #content.compact > .comment-thread .comment-item.expanded .comment { - position: relative; - z-index: 1; - margin-bottom: 2em; - bottom: 0; - } - #content.compact > .comment-thread .comment-item:hover .comment::before, - #content.compact > .comment-thread .comment-item.expanded .comment::before{ - content: ""; - position: absolute; - display: block; - width: calc(100% + 20px); - height: calc(100% + 20px); - z-index: -1; - top: -10px; - left: -10px; - } - #content.compact > .comment-thread:last-of-type .comment-item:hover .comment, - #content.compact > .comment-thread:last-of-type .comment-item.expanded .comment{ - margin: 0; - } -} -@media only screen and (hover: none) { - #content.compact > .comment-thread.expanded:last-of-type .comment-item { - max-height: unset; - } - #content.compact > .comment-thread.expanded .comment-item .comment { - position: relative; - z-index: 1; - margin-bottom: 2em; - bottom: 0; - } - #content.compact > .comment-thread.expanded .comment-item .comment::before { - content: ""; - position: absolute; - display: block; - width: calc(100% + 14px); - height: calc(100% + 20px); - z-index: -1; - top: -10px; - left: -10px; - } - #content.compact > .comment-thread.expanded:last-of-type .comment-item .comment { - margin: 0; - } - #content.compact > .comment-thread.expanded .comment-item .comment::after { - content: ""; - display: block; - position: fixed; - top: 0; - left: 0; - width: 100%; - height: 100%; - z-index: -2; - background-color: rgba(255, 255, 255, 0.5); - } -} - -/*****************************/ -/* HIGHLIGHTING NEW COMMENTS */ -/*****************************/ - -.new-comment::before { - content: ""; - position: absolute; - width: 100%; - height: 100%; - z-index: 5000; - pointer-events: none; -} - -/***********************************/ -/* COMMENT THREAD MINIMIZE BUTTONS */ -/***********************************/ - -.comment-minimize-button { - font-family: "Font Awesome", "Font Awesome 5 Free"; - font-weight: 900; - font-size: 1.25rem; - line-height: 1; - position: absolute; - right: 1px; - top: 1px; - width: 18px; - margin: 0; - cursor: pointer; -} -.comment-minimize-button:active { - transform: scale(0.9); -} -.comment-minimize-button::after { - content: attr(data-child-count); - font-weight: normal; - font-size: 0.8125rem; - position: absolute; - left: 0; - width: 100%; - text-align: center; - top: 21px; -} -#content.individual-thread-page .comment-minimize-button { - display: none; -} - -/*****************/ -/* IGNORE SYSTEM */ -/*****************/ - -#content.comment-thread-page .comment-item.ignored { - height: 38px; - overflow: hidden; -} -.comment-item.ignored > .comment > .comment-meta > .author { - text-decoration: line-through; -} - -/***********************************/ -/* INDIVIDUAL COMMENT THREAD PAGES */ -/***********************************/ - -.individual-thread-page > h1 { - line-height: 1; - margin: 0.75em 0 3px 0; -} -.individual-thread-page .comments { - border: none; -} - -/*************/ -/* SHORTFORM */ -/*************/ - -.shortform-index-page .comments::before { - border: none; - box-shadow: none; -} - -.shortform-index-page .comments > .comment-thread > .comment-item:first-child { - margin-top: 0; -} - -/****************/ -/* VOTE BUTTONS */ -/****************/ - -.vote { - margin: 0; -} -.vote { - font-family: "Font Awesome", "Font Awesome 5 Free"; - font-weight: 900; - border: none; -} - -.vote:disabled { - visibility: hidden; - cursor: default; -} - -@keyframes waiting { - 0% {background-position: 200% 0%} - 100% {background-position: 0% 0%} -} - -.voting-controls .karma-value { - opacity: 1; - transition: opacity 0.5s linear; -} - -.voting-controls.waiting .karma-value { - opacity: 0.5; - background: repeat-x linear-gradient(70deg, #fff 50%, #000 75%, #fff); - background-clip: text; - -webkit-background-clip: text; - color: transparent; - background-position: 200% 0%; - background-size: 200% 100%; - animation: waiting 1s linear infinite; -} - -/* Replicated karma controls at bottom of comments. */ -.comment-controls .voting-controls { - float: left; - font-size: 0.9375em; -} - -.comment-controls .voting-controls:first-of-type { - margin-left: -14px; -} - -/*****************************/ -/* COMMENTING AND POSTING UI */ -/*****************************/ - -.comment-controls { - text-align: right; - margin: 0 8px 8px 16px; - position: relative; - z-index: 9999; -} -.comment-thread .comment-controls + .comment-thread > li:first-child { - margin-top: 8px; -} -.comments > .comment-controls { - margin: 8px 0 0 0; -} -.comments > .comment-controls:last-child { - margin: 8px 0 16px 0; -} - -.posting-controls input[type='submit'] { - margin: 6px; - padding: 4px 10px; - font-size: 1.125rem; -} - -.comment-controls .cancel-comment-button { - position: absolute; - right: 0; - margin: 0; - height: 27px; - font-size: inherit; - padding: 4px 8px 2px 4px; - z-index: 1; -} -.comment-controls .cancel-comment-button::before { - font-family: "Font Awesome", "Font Awesome 5 Free"; - margin-right: 3px; - content: '\F00D'; - font-weight: 900; - font-size: 0.9em; - opacity: 0.7; -} - -.comment + .comment-controls .action-button { - font-weight: normal; - font-size: 1.0625em; - padding: 1px 6px; -} -.comment-controls .action-button::before { - font-family: "Font Awesome", "Font Awesome 5 Free"; - margin-right: 3px; -} -.new-comment-button { - font-size: 1.5rem; - margin: 0 0.25em; -} -.comment-controls .reply-button::before { - content: '\F3E5'; - font-weight: 900; - font-size: 0.9em; - opacity: 0.6; -} -.comment-meta .replied::before { - content: '\F3E5'; - font-family: "Font Awesome", "Font Awesome 5 Free"; - color: #9740cb; - font-weight: 900; - font-size: 0.9em; - opacity: 0.6; -} - -.post-controls { - text-align: right; - margin: 0.75em 0 0 0; - align-self: start; - justify-self: end; -} -.edit-post-link { - display: inline-block; - margin-bottom: 0.25em; - font-size: 1.125rem; -} -.edit-post-link::before { - margin-right: 0.3em; -} -.comment-controls .edit-button::before, -.edit-post-link::before { - content: '\F303'; - font-family: "Font Awesome", "Font Awesome 5 Free"; - font-weight: 900; - font-size: 0.75em; - position: relative; - top: -1px; -} - -.comment-controls .delete-button { - margin-right: 0.25em; -} -.comment-controls .edit-button, -.comment-controls .retract-button, -.comment-controls .unretract-button { - margin-right: 1em; -} -.comment-controls .retract-button::before { - content: '\F4B3'; - opacity: 0.6; -} -.comment-controls .unretract-button::before { - content: '\F075'; - opacity: 0.9; -} -.comment-controls .delete-button::before { - content: '\F05E'; - opacity: 0.7; -} -.comment-controls .retract-button::before, -.comment-controls .unretract-button::before, -.comment-controls .delete-button::before { - font-weight: 900; - font-size: 0.9em; -} - -.comment-controls form { - position: relative; -} -.textarea-container { - position: relative; -} -.posting-controls textarea { - display: block; - width: 100%; - height: 15em; - min-height: 15em; - max-height: calc(100vh - 6em); - margin: 2px 0 0 0; - padding: 4px 5px; - font-size: 1.2rem; - border-style: solid; - border-width: 29px 1px 1px 1px; - resize: none; -} - -/* GUIEdit buttons */ - -.guiedit-buttons-container { - position: absolute; - left: 1px; - top: 1px; - width: calc(100% - 2px); - height: 28px; - text-align: left; - padding: 1px 4px 0 4px; - overflow: hidden; -} -.comment-thread-page .guiedit-buttons-container { - padding-right: 60px; -} -.guiedit-buttons-container button { - height: 26px; - padding: 0 7px; - font-weight: 900; - font-size: 0.875rem; - line-height: 1; - position: static; -} -.guiedit-buttons-container button:active { - transform: none; -} -.guiedit-buttons-container button:active div { - transform: scale(0.9); -} -.guiedit-buttons-container button sup { - font-weight: bold; -} -.guiedit::after { - content: attr(data-tooltip); - position: absolute; - font-weight: normal; - font-size: 1rem; - top: 2px; - left: 464px; - height: 25px; - padding: 4px 0; - white-space: nowrap; - visibility: hidden; -} -.guiedit:hover::after { - visibility: visible; -} - -/* Markdown hints */ - -.posting-controls .markdown-reference-link { - float: left; - padding: 1px 0 0 6px; -} -.posting-controls .markdown-reference-link a { - padding-right: 1.5em; - margin-right: 0.15em; - background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJAAAACQCAQAAABNTyozAAAEDklEQVR4Ae3cY3QDjRaG0V1e27Zt27Zt27Ztf7Zt27Zt10jOdZtZzbSN2q41533+tsFO4zRi0TKRJVACJdDiJVACJVACJVACZQmUQAmUQAmUQAmUQFkCJVACJVACJVACJVDWuD7P8icnGRcVbdyJ/uRZ+jTZYxwq/lN2qMcozvtMibmySe/TsPeqi0JZ3XsAHm1SZAua9CjgoMQo6UB4uiim5gbXV7Ab1EQxT+P3RRw/dHtV3e39UL3g8XuOEw39QNX3g4LHcYwU/n5uo+q7beGKNqLwJ3U1cteKuepEQ1cid03BJIESKIESKIESKIESaIkl0I3dv7Q7a293c//ShrWym7l/abdbGaCnidJGPFzre6opUdqDtLJXitJ+svpA4Uy30dru6hJRHaCws37L37CDRbWAwvctf38S1QOqe43l7f2iikDheg+x9J5ksqpA4TS3svju5CJRXaCwvX7lG3KAqDZQ+Jby/U4kUM0rNN+7hAQSrvNAC/c4Ewn0/052C8Xd0fkigebbRp/5DdpHJFCxr5nfr4QEUqzmJYC3iQRq1jXuj8cYT6CyTnAv54oEKm9EJFBnJVAC7eoS0XJn2r8qQP/wNFOipUY8wvbVAeIjooXq3ki1gPhHC0A/oWWgQZ/37ZI2FaUdVPpb33LHlQS6scPFstrDQBtAvEpNdLEfsZJA3N3lYsnOcTvaAuKzomttqW+lgXimabFoYx5N20D8SXSlw9yElQfiE0J5dW+lI6BBu4uOO8+dWB0g1hel/YIOgbiVE0VHXefhrB7QTRwtmra3gS4AcW+Xibab8SJWE4h7uaLpn/Ud6AoQTzIu2uzDrDYQzzUjCo17HF0D4g3qoo1+yWoCld8hv5OuAvFl0XLb6V8rQGws5votXQfqs45oqaPdjLUDdNO5f7Xa32APgBhu6b2SC92VtQTEfVwlXOhO9ASI2zhNLKsRj2atAfFCo55Iz4C4nyvFks16OWsRiPvQUyCeblIs0adYq0B6DsTb1EV5fk+1gfiWKG0XAwnUZyPRtOPdggTiRg4UC7rEPUkg4PbOFIXGPIEEmt+DCmeu5rUkUHHPaXj76Qsk0MK9R/ynv5FAzfdDYS9Da+n/xe6ovd2lS/8vVlyfH7o1vQLKJVACJVACJVACJVACIYGW/A6z/A6zG8RcNbdT9d1eTcx1A8eKhn6s6vtxweNYfisaqvupu+jXV8H63cXP1Asev+Wpopi6aVMVbFpdFPMUlP6jdrY/8AgTYkHZhEcAvFNdFMpq3qFh78y/okIT3qk4j8zborn290hN91S/c6zrzapVsFnXO9bvPFXjYtEykSVQAnVUAiVQAiVQAiVQAiVQlkAJlEAJlEAJlEAJlCVQAiVQAiVQAiVQAmX/BMHb3CdNrgcrAAAAAElFTkSuQmCC'); - background-size: 1.25em; - background-repeat: no-repeat; - background-position: right center; -} - -#markdown-hints-checkbox + label { - float: left; - margin: 2px 0 0 1em; - line-height: 1.3; - cursor: pointer; -} -#edit-post-form #markdown-hints-checkbox + label { - padding: 0; -} -#markdown-hints-checkbox { - visibility: hidden; - float: left; -} -#markdown-hints-checkbox + label::after { - content: "(Show Markdown help)"; -} -#markdown-hints-checkbox:checked + label::after { - content: "(Hide Markdown help)"; -} -#markdown-hints-checkbox + label::before { - content: '\F059'; - font-family: "Font Awesome", "Font Awesome 5 Free"; - font-weight: 900; - margin-right: 3px; -} -#markdown-hints-checkbox:checked + label::before { - font-weight: normal; -} -#markdown-hints { - margin: 4px 0 0 4px; - padding: 4px 8px; - position: absolute; - text-align: left; - top: calc(100% - 1em); - z-index: 1; - display: none; -} -.comment-controls #markdown-hints { - top: calc(100% + 1.75em); -} -#markdown-hints-checkbox:checked ~ #markdown-hints { - display: table; -} -.markdown-hints-row { - display: table-row; -} -#markdown-hints .markdown-hints-row span, -#markdown-hints .markdown-hints-row code { - float: none; - display: table-cell; - border: none; - background-color: inherit; - padding: 0 12px 0 0; -} - -/******************/ -/* EDIT POST FORM */ -/******************/ - -#edit-post-form { - padding: 1em 1em 4em 1em; -} -#edit-post-form .post-meta-fields { - display: grid; - grid-template-columns: 5em auto auto auto 1fr auto; - margin-bottom: 0.625em; -} - -#edit-post-form label[for='title'], -#edit-post-form label[for='url'], -#edit-post-form label[for='section'] { - grid-column: 1; -} -#edit-post-form input[type='text'] { - padding: 0.25em; - grid-column: 2 / span 4; - margin-bottom: 0.5em; -} - -#edit-post-form .link-post-checkbox, -#edit-post-form .link-post-checkbox + label { - grid-row: 1; - grid-column: 6; -} -#edit-post-form .question-checkbox, -#edit-post-form .question-checkbox + label { - grid-row: 3; - grid-column: 5; - justify-self: start; - margin-left: 1.5em; -} - -#edit-post-form .post-meta-fields label[for="submit-to-frontpage"] { - grid-row: 4; - grid-column: 2 / span 4; - text-align: left; - margin-top: 8px; -} - -#edit-post-form .post-meta-fields input[type='checkbox'] { - height: 0; - opacity: 0; - pointer-events: none; -} -#edit-post-form .post-meta-fields input[type='checkbox'] + label { - white-space: nowrap; - position: relative; - cursor: pointer; - padding: 0.25em 0.5em 0.25em calc(20px + 0.25em + 0.3725em); - align-self: start; -} -#edit-post-form .post-meta-fields input[type='checkbox'] + label::before { - content: ""; - font-family: "Font Awesome", "Font Awesome 5 Free"; - font-size: 1.375rem; - line-height: 0.7; - text-indent: 1px; - font-weight: 900; - position: absolute; - width: 20px; - height: 20px; - left: 5px; -} -#edit-post-form label[for='url'], -#edit-post-form input[name='url'] { - display: none; -} -#edit-post-form .link-post-checkbox:checked ~ label[for='url'], -#edit-post-form .link-post-checkbox:checked ~ input[name='url'] { - display: initial; -} -#edit-post-form label { - line-height: normal; - border: 1px solid transparent; - text-align: right; - padding: 0.25em 0.5em; - white-space: nowrap; -} -#edit-post-form input[type='radio'] { - width: 0; - margin: 0; - opacity: 0; - pointer-events: none; -} -#edit-post-form input[type='radio'] + label { - padding: 4px 12px; - text-align: center; - border-style: solid; - border-width: 1px 1px 1px 0; - cursor: pointer; -} -#edit-post-form input[type='radio']:checked + label { - cursor: default; -} - -#edit-post-form label[for='section'] { - grid-row: 3; -} -#edit-post-form input[type='radio'] + label { - grid-row: 3; -} -@supports (width: -moz-fit-content) { - #edit-post-form input[type='radio'] + label { - width: -moz-fit-content; - } -} -@supports (width: fit-content) { - #edit-post-form input[type='radio'] + label { - width: fit-content; - } -} - -#edit-post-form textarea { - min-height: 24em; -} - -#edit-post-form input[type='submit'] { - padding: 6px 12px; - float: right; -} -#edit-post-form #markdown-hints { - top: calc(100% + 2em); -} - -#edit-post-form button.guiedit div { - overflow: visible; -} -.guiedit-mobile-auxiliary-button { - display: none; -} - -/***********/ -/* BUTTONS */ -/***********/ - -button, -input[type='submit'] { - font-family: inherit; - font-size: inherit; - background-color: inherit; - cursor: pointer; - border: none; - border-radius: 0; -} - -/************/ -/* HEADINGS */ -/************/ - -.body-text h1, -.body-text h2, -.body-text h3, -.body-text h4, -.body-text h5, -.body-text h6 { - line-height: 1.1; - margin: 1em 0 0.75em 0; - text-align: left; -} - -.post-body h5, -.post-body h6 { - font-size: 1em; -} -.post-body h4, -.body-text h4 { - font-size: 1.2em; -} -.post-body h3, -.body-text h3 { - font-size: 1.4em; -} -.post-body h2, -.body-text h2 { - font-size: 1.75em; -} -.post-body h1, -.body-text h1 { - font-size: 2.1em; -} - -.comment-body h5, -.comment-body h6 { - font-size: 1em; -} -.comment-body h4 { - font-size: 1.15em; -} -.comment-body h3 { - font-size: 1.3em; -} -.comment-body h2 { - font-size: 1.5em; -} -.comment-body h1 { - font-size: 1.75em; -} - -/**********/ -/* QUOTES */ -/**********/ - -blockquote, -.post-body .comment-box .comment-body { - font-size: 0.9em; - margin: 1em 0; - padding-left: 0.5em; - margin-left: 1px; - padding-bottom: 3px; -} -blockquote *:first-child { - margin-top: 0; -} -blockquote *:last-child { - margin-bottom: 0; -} -blockquote blockquote { - font-size: 0.95em; -} - -/* Pseudo-blockquotes that LW sometimes uses for some reason */ - -.post-body .comment-box .user-name { - font-style: italic; -} -.post-body .comment-box .user-name::after { - content: ":"; -} -.post-body .comment-box { - zoom: 1.25; -} - -/**********/ -/* IMAGES */ -/**********/ - -#content img, #content figure { - max-width: 100%; -} - -.prediction-poll > svg { - width: 700px; - max-width: 100%; -} - -img.inline-latex { - position: relative; - top: 2.5px; - margin: 0 2px; -} - -#content figure { - text-align: center; - margin: 1.5em auto; -} - -p.imgonly, -div.imgonly, -figure { - text-align: center; - margin: auto; - clear: both; -} - -.imgonly iframe { - display: block; - width: 100%; - height: 250px; - border: 0; -} - -// Aspect ratio trick from https://css-tricks.com/aspect-ratio-boxes/ - -[style*="--aspect-ratio"] > * { - width: 100%; -} -[style*="--aspect-ratio"] > img { - height: auto; -} -@supports (--custom:property) { - [style*="--aspect-ratio"] { - position: relative; - } - [style*="--aspect-ratio"]::before { - content: ""; - display: block; - padding-bottom: calc(100% / (var(--aspect-ratio))); - } - [style*="--aspect-ratio"] > * { - position: absolute; - top: 0; - left: 0; - height: 100%; - } -} - -/**********/ -/* TABLES */ -/**********/ - -.body-text table { - border-collapse: collapse; - font-size: 0.875em; -} -.body-text table th, -.body-text table td { - text-align: left; - padding: 4px 6px; - line-height: 1.3; -} -.body-text table .numeric { - text-align: right; - font-family: Inconsolata, Menlo, monospace; -} -.body-text table caption { - margin: 0 0 0.25em 0; - font-weight: bold; - font-size: 1.125em; -} - -/********/ -/* MISC */ -/********/ - -/*= Superscripts & subscripts =*/ - -/* Make sure superscripts and subscripts do not affect line spacing. */ -sup, sub { - vertical-align: baseline; - position: relative; - top: -0.5em; - left: 0.05em; - font-size: 0.8em; -} -sub { - top: 0.3em; -} - -/*= Code blocks & other "unstyled" text. =*/ - -pre, -code { - font-family: Inconsolata, Menlo, monospace; -} -pre { - white-space: pre-wrap; -} -.body-text pre { - text-align: left; -} -code { - font-size: 0.95em; - display: inline-block; - padding: 0 4px 1px 5px; -} -pre > code { - display: block; - border-radius: 0; - padding: 3px 4px 5px 8px; - tab-size: 4; -} - -/*= Fractions =*/ - -.frac::after { - content: "\200B"; -} - -/*= Removing browser default styling of various elements =*/ - -/* On various input elements such as text fields and buttons, remove "blue glow" focus outlines on Macs, dotted black outlines in Firefox, etc. */ -:focus { - outline: none; -} - -/* Remove "embossed" appearance of horizontal rules. */ -hr { - border: none; -} - -input, -button, -textarea { - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; -} - -input { - font-family: inherit; - font-size: inherit; - font-weight: inherit; -} - -/*************/ -/* FOOTNOTES */ -/*************/ - -ol { - counter-reset: ordered-list; -} -.footnote-definition { - font-size: 0.9em; - list-style-type: none; - counter-increment: ordered-list; - position: relative; -} -.footnote-definition p { - font-size: inherit !important; -} -.footnote-definition::before { - content: counter(ordered-list) "."; - position: absolute; - left: -2.5em; - font-weight: bold; - text-align: right; - width: 2em; -} - -/*= LW Docs footnotes =*/ - -.footnote-item { - display: flex; -} - -.footnote-item > :not(.nothing) { - margin: 0 0.2em; -} - -.footnote-item > :first-child { - margin-left: -0.2em; - margin-right: 0; -} - -.footnote-back-link a:not(.nothing) { - font-size: 0; - text-decoration: none; - border: none; -} - -.footnote-back-link a:not(.nothing):hover { - text-shadow: 0 0 1px #000, 0 0 3px #000, 0 0 5px #0cc800; - border: none; - text-decoration: none; -} - -.footnote-back-link a::after { - content: '\F106'; - font-family: Font Awesome; - font-size: 1rem; - padding: 0.2em; - text-decoration: none; - font-weight: bold; -} - -.footnote-content > :first-child { - margin-top: 0; -} - -/*********/ -/* LISTS */ -/*********/ - -li { - margin-bottom: 0.5em; -} - -.body-text ol p, -.body-text ul p { - margin: 0.5em 0; -} - -.body-text ol { - list-style: none; - padding: 0; - counter-reset: ol; -} -.body-text ol > li { - position: relative; - counter-increment: ol; - padding: 0 0 0 2.5em; - margin: 0.25em 0 0 0; -} -.body-text ol > li::before { - content: counter(ol) "."; - position: absolute; - width: 2em; - text-align: right; - left: 0; -} -.body-text ul { - list-style: none; - padding: 0; -} -.body-text ul:not(.contents-list) > li:empty { - padding-bottom: 1.25em; -} -.body-text ul:not(.contents-list) > li { - position: relative; - padding: 0 0 0 1.75em; - margin: 0.25em 0 0 0; -} -.body-text ul:not(.contents-list) > li ul > li { - padding: 0 0 0 2em; -} -.body-text ul:not(.contents-list) > li::before { - content: "•"; - position: absolute; - width: 1.25em; - text-align: right; - left: 0; -} -.body-text ul:not(.contents-list) > li ul > li::before { - width: 1.5em; -} -.body-text li > ul:first-child > li { - padding-left: 0; -} -.body-text li > ul:first-child > li::before { - content: none; -} - -/**************/ -/* ERROR PAGE */ -/**************/ - -.error-retry-form { - margin: 0.5em 0; -} - -.error-retry-form input[type="submit"] { - border: 1px solid #484848; - font-weight: bold; - font-size: 1.125rem; - padding: 0.5em 1.25em; -} - -/**************/ -/* ABOUT PAGE */ -/**************/ - -#content.about-page .contents { - margin-top: 0.25em; -} -#content.about-page .accesskey-table { - border-collapse: collapse; - margin: auto; -} -#content.about-page .accesskey-table th, -#content.about-page .accesskey-table td { - padding: 2px 6px; -} -#content.about-page .accesskey-table td:first-child { - padding-right: 1.5em; -} -#content.about-page .accesskey-table td:last-child { - text-align: center; - font-family: Inconsolata, Menlo, monospace; -} -#content.about-page h3:nth-of-type(n+2) { - clear: both; -} - -/******************/ -/* IMAGES OVERLAY */ -/******************/ - -#images-overlay + #content .post-body img { - visibility: hidden; -} - -#images-overlay div { - position: absolute; -} -#images-overlay div::after { - content: "Click to enlarge"; - display: block; - position: absolute; - margin: auto; - left: 0; - right: 0; - bottom: 10px; - padding: 6px 10px; - font-size: 1.25rem; - background-color: rgba(255, 255, 255, 0.6); - color: #000; - border-radius: 5px; - opacity: 0.0; - transition: opacity 0.15s ease; - pointer-events: none; -} -@supports (width: -moz-fit-content) { - #images-overlay div::after { - width: -moz-fit-content; - } -} -@supports (width: fit-content) { - #images-overlay div::after { - width: fit-content; - } -} -#images-overlay div:hover::after { - opacity: 1.0; -} - -#images-overlay img { - width: 100%; -} - -/***************/ -/* IMAGE FOCUS */ -/***************/ - -/*=--------------=*/ -/*= Hover styles =*/ -/*=--------------=*/ - -#content img:hover, -#images-overlay img:hover { - filter: drop-shadow(0 0 3px #777); - cursor: zoom-in; -} -#content img:active, -#images-overlay img:active { - transform: scale(0.975); -} - -/*=---------=*/ -/*= Overlay =*/ -/*=---------=*/ - -#image-focus-overlay { - position: fixed; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: 2; - display: none; - cursor: zoom-out; -} -#image-focus-overlay::before { - content: ""; - display: block; - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - background-color: #fff; - opacity: 0.5; - z-index: -1; -} -#image-focus-overlay.engaged { - display: initial; -} - -#image-focus-overlay img { - margin: auto; - position: absolute; - left: 50%; - top: 50%; - transform: translateX(-50%) translateY(-50%); -} - -/*=-------------------=*/ -/*= Single-image mode =*/ -/*=-------------------=*/ - -#image-focus-overlay:not(.slideshow) .image-number, -#image-focus-overlay:not(.slideshow) .slideshow-buttons { - visibility: hidden; -} - -/*=---------=*/ -/*= Caption =*/ -/*=---------=*/ - -#image-focus-overlay .caption { - position: absolute; - bottom: 0.75em; - background-color: rgba(255, 255, 255, 0.7); - left: 9em; - right: 9em; - margin: auto; - max-width: calc(100% - 18em); - text-align: center; - font-size: 1.375em; - border-radius: 8px; - z-index: 1; - transition: - bottom 0.2s ease; -} -@supports (width: -moz-fit-content) { - #image-focus-overlay .caption { - width: -moz-fit-content; - } -} -@supports (width: fit-content) { - #image-focus-overlay .caption { - width: fit-content; - } -} -#image-focus-overlay .caption.hidden { - bottom: -5em; - transition: - bottom 0.5s ease; -} - -#image-focus-overlay .caption p { - margin: 1em 1.25em; - color: #000; -} - -#image-focus-overlay .caption:not(:empty)::before { - content: ""; - display: block; - position: absolute; - width: 100vw; - height: calc(100% + 1.5em); - z-index: -1; - top: -0.75em; - left: calc(-50vw + 50%); - -} - -/*=--------------=*/ -/*= Help overlay =*/ -/*=--------------=*/ - -#image-focus-overlay .help-overlay { - position: absolute; - display: flex; - flex-flow: column; - z-index: 2; - font-size: 1.5rem; - padding: 1em; - border-radius: 10px; - bottom: 1em; - right: 1em; - overflow: hidden; - white-space: nowrap; - color: transparent; - cursor: default; - visibility: hidden; - transition: - visibility 1s ease, - color 1s ease, - background-color 1s ease, - bottom 0.3s ease; -} -#image-focus-overlay .help-overlay:hover { - max-width: 24em; - max-height: 14em; - background-color: rgba(255, 255, 255, 0.85); - color: #000; - visibility: visible; - transition: - visibility 0.2s ease 0.3s, - color 0.2s ease 0.3s, - background-color 0.2s ease 0.3s; -} - -#image-focus-overlay .help-overlay::after { - content: "\F128"; - font-family: "Font Awesome", "Font Awesome 5 Free"; - font-weight: 900; - font-size: 2rem; - position: absolute; - right: 0; - bottom: 0; - padding: 10px; - color: #fff; - filter: drop-shadow(0 0 6px #000); - visibility: visible; - opacity: 0.85; - transition: - visibility 1s ease; -} -#image-focus-overlay .help-overlay:hover::after { - visibility: hidden; - transition: - visibility 0.2s ease 0.3s; -} - -#image-focus-overlay .help-overlay p { - margin: 0; - text-indent: -2em; - padding-left: 2em; - max-width: 100%; - overflow: hidden; -} -#image-focus-overlay .help-overlay p + p { - margin: 0.75em 0 0 0; -} -#image-focus-overlay .help-overlay.hidden { - bottom: -2em; -} - -/*=--------------=*/ -/*= Slide number =*/ -/*=--------------=*/ - -#image-focus-overlay .image-number { - position: absolute; - z-index: 2; - font-size: 1.75rem; - left: 1em; - bottom: 1em; - font-weight: 600; - text-shadow: - 0 0 3px #000, - 0 0 5px #000, - 0 0 8px #000, - 0 0 13px #000; - width: 1.5em; - text-align: right; - white-space: nowrap; - transition: bottom 0.3s ease; -} -#image-focus-overlay .image-number::before { - content: "#"; - opacity: 0.3; -} -#image-focus-overlay .image-number::after { - content: " of " attr(data-number-of-images); - opacity: 0.3; -} -#image-focus-overlay .image-number:hover::before, -#image-focus-overlay .image-number:hover::after { - opacity: 1.0; -} -#image-focus-overlay .image-number.hidden { - bottom: -1.25em; -} - -/*=-------------------=*/ -/*= Slideshow buttons =*/ -/*=-------------------=*/ - -#image-focus-overlay .slideshow-buttons { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - z-index: 1; - display: flex; - justify-content: space-between; - pointer-events: none; -} -#image-focus-overlay .slideshow-buttons button { - font-family: "Font Awesome", "Font Awesome 5 Free"; - font-weight: 900; - font-size: 3rem; - padding: 0.5em; - color: #1f1f1f; - position: relative; - left: 0; - transition: - left 0.3s ease; - pointer-events: auto; -} -#image-focus-overlay .slideshow-buttons button::selection { - background-color: transparent; -} -@media only screen and (hover: hover) { - #image-focus-overlay .slideshow-buttons button:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #777; - } -} -#image-focus-overlay .slideshow-buttons button:active { - transform: none; - color: #666; -} -#image-focus-overlay .slideshow-buttons button:disabled { - text-shadow: none; - background-color: transparent; - color: #1f1f1f; - cursor: default; - opacity: 0.4; -} -#image-focus-overlay .slideshow-button.previous.hidden { - left: -1.75em; -} -#image-focus-overlay .slideshow-button.next.hidden { - left: 1.75em; -} - -/*=-----------------=*/ -/*= Background blur =*/ -/*=-----------------=*/ - -.blurred { - filter: blur(3px); -} - -/**************************/ -/* QUALIFIED HYPERLINKING */ -/**************************/ - -#content.no-nav-bars { - margin: 8px auto; -} -#content.no-nav-bars + #ui-elements-container > * { - padding-top: 8px; -} - -#aux-about-link { - position: fixed; - top: 40px; - left: calc((100% - 900px) / 2 - 69px); - width: 1.5em; - height: 1.5em; - text-align: center; - display: table; -} -#aux-about-link a { - display: table-cell; - width: 100%; - vertical-align: middle; - font-family: "Font Awesome", "Font Awesome 5 Free"; - font-weight: 900; - font-size: 1.25rem; - opacity: 0.4; - z-index: 1; -} - -.qualified-linking { - margin: 0; - position: relative; -} -.qualified-linking input[type='checkbox'] { - visibility: hidden; - width: 0; - height: 0; - margin: 0; -} -.qualified-linking label { - font-family: "Font Awesome", "Font Awesome 5 Free"; - font-weight: 900; - font-size: 1rem; - padding: 0 0.5em; - display: inline-block; - margin-left: 0.25em; -} -.qualified-linking label:hover { - cursor: pointer; -} -.qualified-linking label:active span { - display: inline-block; - transform: scale(0.9); -} -.qualified-linking label::selection { - background-color: transparent; -} - -.qualified-linking label::after { - content: ""; - width: 100vw; - height: 0; - left: 0; - top: 0; - position: fixed; - z-index: 1; - cursor: default; -} -.qualified-linking input[type='checkbox']:checked + label::after { - height: 100vh; -} - -.qualified-linking-toolbar { - position: absolute; - right: 0.25em; - top: 110%; - z-index: 1; -} -.qualified-linking input[type='checkbox'] ~ .qualified-linking-toolbar { - display: none; -} -.qualified-linking input[type='checkbox']:checked ~ .qualified-linking-toolbar { - display: block; -} -#qualified-linking-toolbar-toggle-checkbox-bottom ~ .qualified-linking-toolbar { - top: unset; - bottom: 125%; -} - -.qualified-linking-toolbar a { - display: block; - padding: 0 6px; - margin: 4px; -} -.qualified-linking-toolbar a::selection { - background-color: transparent; -} - -/*****************/ -/* HOVER PREVIEW */ -/*****************/ - -#preview-popup-toggle { - position: absolute; - right: -67px; - bottom: 285px; - cursor: pointer; - color: var(--GW-toggle-widget-color, #666); -} -#preview-popup-toggle:hover { - color: var(--GW-toggle-widget-hover-color, #aeaeae); -} - -#content.preview:not(not) { - padding: 0; -} -#content.preview > .comment-thread { - margin: 2px; -} -#content.preview.individual-thread-page > .comment-thread > .comment-item { - border: none; -} -#content.preview.user-page .page-main-heading, #content.preview.user-page .user-stats { - padding: 0 8px; -} -#content.preview.user-page .page-main-heading { - margin-left: 8px; -} -#content.preview.not(not) .body-text { - margin-left: 8px; - margin-right: 8px; -} -#content.preview.user-page .user-stats { - margin-right: 32px; -} -#content.preview.user-page .page-toolbar, #content.preview.user-page nav { - display: none; -} -#content.preview button.vote { - display: none; -} -#content.preview > h1.listing { - max-height: unset; -} -#content.preview.user-page > .comment-thread { - margin: 0.5em 0; -} -#content.preview > .post { - margin: 0 18px; -} -#content.preview .post-title { - margin-top: 0.5em; -} -#content.preview .post-meta { - line-height: 1.0; -} -#content.preview .body-text { - font-size: 1em; -} -#content.preview nav.contents, -#content.preview .lw2-link { - display: none; -} - -.preview-popup { - position: fixed; - transform-origin: top; - top: 10%; - right: 10%; - max-width: 700px; - z-index: 10001; - background-color: #131313; - border: 1px solid #2c2c2c; - box-shadow: 2px 6px 20px -4px #fff; - transition: height 0.2s ease, top 0.2s ease; -} -.popup-hide-button { - position: fixed; - top: 4px; - right: 4px; - color: #fff; - background-color: #000; - width: 28px; - height: 28px; - display: flex; - font-family: "Font Awesome"; - font-size: 14px; - line-height: 1; - border: 1px solid #393939; - border-radius: 28px; - align-items: center; - justify-content: center; - //padding-bottom: 2px; - padding-left: 1.5px; - font-family: "Font Awesome", "Font Awesome 5 Free"; - cursor: pointer; -} -.popup-hide-button:hover::before { - content: "Turn off preview popups"; - display: block; - position: absolute; - width: max-content; - right: 32px; - color #fff; - background-color: #000; - border: 1px solid #131313; - border-radius: 2px; - padding: 4px; -} - -/********/ -/* MATH */ -/********/ - -.mathjax-block-container { - display: block; - overflow-y: hidden; - border-radius: 6px; - margin: 1em 0 1.5em 0; -} -.mathjax-inline-container { - max-width: 100%; - overflow-x: auto; - overflow-y: hidden; - position: relative; - padding: 0 1px; -} -#content .mathjax-inline-container, -#content .mathjax-inline-container .mjpage, -#content .mathjax-inline-container .mjx-chtml, -#content .mathjax-inline-container .mjx-math, -#content .mathjax-inline-container .mjx-mrow { - display: inline; - white-space: normal; -} -.post .mathjax-inline-container { - line-height: 1; -} -.comment .mathjax-inline-container { - line-height: 1; -} -.mathjax-inline-container .mjx-chtml { - padding: 0; -} - -/************/ -/* SPOILERS */ -/************/ - -.spoiler { - color: #fff; /* invert-override: #888 */ - background-color: currentColor; - transition: none; - text-shadow: none; - margin: 1em 0; - box-shadow: 0 0 0 1px currentColor inset; - overflow: auto; -} -.spoiler:not(:last-child) { - margin-bottom: 0; -} -#content .spoiler * { - color: inherit; - border: none; -} -.spoiler:hover { - color: unset; - background-color: unset; - text-shadow: unset; - transition: - color 0.1s ease-out 0.1s, - background-color 0.1s ease-out 0.1s, - text-shadow 0.1s ease-out 0.1s; -} -.spoiler::selection, -.spoiler ::selection { - color: #000; - background-color: #fff; /* invert-override: #888 */ -} -.spoiler:not(:hover)::selection, -.spoiler:not(:hover) ::selection { - background-color: transparent; -} - -/*= Fix for LessWrong being weird =*/ - -.spoiler > p { - padding: 0 7px; -} -.spoiler > p:first-child { - margin-top: 0.25em; -} -.spoiler > p:last-child { - margin-bottom: 0; - padding-bottom: 0.25em; -} -#content .spoiler > p:hover ~ p { - color: #fff; /* invert-override: #888 */ - background-color: currentColor; -} -.spoiler > p + p { - margin-top: -1em; -} -.spoiler > p:not(:first-child) { - padding-top: 0.5em; -} -.spoiler > p:not(:last-child) { - padding-bottom: 0.5em; -} - -.spoiler:not(:hover) pre, -.spoiler:not(:hover) code { - background-color: inherit; - box-shadow: none; -} -#content .spoiler pre { - border-color: currentColor; - border-style: solid; - border-width: 0 1px; - border-radius: 0; -} - -/*******************/ -/* PAGE LIST INDEX */ -/*******************/ - -.page-list-index { - margin: 1em 30px; - line-height: 1.2; -} - -.page-list-index > p { - font-weight: bold; - font-size: 1.2em; -} - -.page-list-index > ul * { - margin: 0; -} - -.page-list-index ul { - padding-left: 1.5em; -} - -.page-list-index li { - margin-top: 0.67em; -} - -.page-list-index li > a { - display: block; - font-size: 1.1em; - font-weight: bold; - margin: 0.33em 0; -} - -.page-list-index li > a:last-child { - margin-bottom: 1em; -} - - -/*****************/ -/* USER MENTIONS */ -/*****************/ - -.textarea-container .autocomplete-container { - position: absolute; - overflow-y: auto; - font-size: 1.125rem; - cursor: default; - backdrop-filter: blur(2px); - width: 360px; -} -.textarea-container .autocomplete-container:empty { - display: none; -} - -@media only screen and (min-width: 521px) { - .textarea-container .autocomplete-container.inside { - max-height: calc(100% - 36px); - top: 32px; - } - .textarea-container .autocomplete-container.outside { - max-height: calc(100% - 28px); - top: 28px; - z-index: 10001; - } - - .textarea-container .autocomplete-container.inside.right { - right: 18px; - } - .textarea-container .autocomplete-container.inside.left { - left: 18px; - } - .textarea-container .autocomplete-container.outside.right { - left: calc(100% + 3px); - } - .textarea-container .autocomplete-container.outside.left { - right: calc(100% + 3px); - } - - head.content-width-normal + body .textarea-container .autocomplete-container.outside { - max-width: calc((100vw - (900px - 40px * 2)) / 2); - } - head.content-width-wide + body .textarea-container .autocomplete-container.outside { - max-width: calc((100vw - (1150px - 40px * 2)) / 2); - } - head.content-width-fluid + body .textarea-container .autocomplete-container.outside { - max-width: calc((300px + 40px * 2) / 2); - } -} - -.textarea-container .autocomplete-container div { - padding: 2px 8px 0 8px; - white-space: nowrap; - display: flex; - justify-content: flex-end; -} - -.textarea-container .autocomplete-container div span.name { - flex: 1 1 auto; - width: calc(100% - 9em); - overflow: hidden; - text-overflow: ellipsis; -} -.textarea-container .autocomplete-container div span.name:hover { - overflow: visible; - z-index: 1; -} -.textarea-container .autocomplete-container div span.age, -.textarea-container .autocomplete-container div span.karma { - font-size: 0.9em; - text-align: right; -} -.textarea-container .autocomplete-container div span.age { - flex: 0 0 3em; -} -.textarea-container .autocomplete-container div span.karma { - flex: 0 0 6em; -} - - -/***************/ -/* COLLECTIONS */ -/***************/ - -h2.sequence-chapter, -h3.sequence-chapter, -h4.sequence-chapter { - text-align: center; -} -h2.sequence-chapter::before, -h3.sequence-chapter::before, -h4.sequence-chapter::before { - display: block; - clear: both; - margin: 1.5em 0 0.75em 0; - font-style: normal; - font-weight: normal; - font-family: 'Concourse', 'a_Avante', 'GW-Symbols'; -} -h2.sequence-chapter::before { - content: '\25A3'; -} -h3.sequence-chapter::before { - content: '\25AA\2004\25AA'; -} -h4.sequence-chapter::before { - content: '\00B7\2004\00B7\2004\00B7'; -} - - -/*******************/ -/* ALIGNMENT FORUM */ -/*******************/ - -#content.alignment-forum-index-page::after { - content: "Alignment Forum"; - font-size: 1.5rem; - margin: 0.375em 0 0 -0.375em; - order: -1; -} - -/**********************/ -/* FOR NARROW SCREENS */ -/**********************/ - -@media only screen and (max-width: 1440px) { - #hns-date-picker { - right: -81px; - padding: 8px 10px 10px 10px; - bottom: 62px; - display: none; - } - #hns-date-picker::before { - content: ""; - position: absolute; - display: block; - z-index: -1; - height: calc(100% + 2px); - top: -1px; - left: -1px; - width: 50%; - } -} -@media only screen and (max-width: 1160px) { - #new-comment-nav-ui { - bottom: 180px; - right: -68px; - } - #hns-date-picker { - bottom: 200px; - right: -36px; - } - #hns-date-picker::before { - width: calc(100% - 35px); - } - #theme-selector button::before { - right: unset; - left: 100%; - } - #theme-selector:hover::after { - content: ""; - display: block; - position: absolute; - width: calc(6em - 7px); - height: calc(100% + 2px); - top: 0; - left: calc(100% + 1px); - } - #anti-kibitzer-toggle { - bottom: 330px; - } -} -@media only screen and (max-width: 1080px) { - #width-selector { - right: -30px; - } - #width-selector button { - display: block; - } - #text-size-adjustment-ui { - top: 90px; - right: -30px; - } - #text-size-adjustment-ui button { - display: block; - position: relative; - } - #text-size-adjustment-ui button.increase { - bottom: 48px; - } - #text-size-adjustment-ui button.decrease { - top: 50px; - } - #theme-selector { - top: 46px; - left: -44px; - } - #theme-tweaker-toggle { - left: -44px; - top: 2px; - } - #theme-tweaker-toggle button { - height: 2em; - width: 2em; - padding: 7px; - } - #quick-nav-ui { - right: -54px; - } - #new-comment-nav-ui { - right: -55px; - } - #hns-date-picker { - right: -23px; - } - #hns-date-picker::before { - width: calc(100% - 22px); - } - #anti-kibitzer-toggle { - right: -54px; - } -} -@media only screen and (max-width: 1040px) { - #quick-nav-ui { - right: -49px; - } - #new-comment-nav-ui { - right: -50px; - } - #hns-date-picker { - right: -18px; - } - #hns-date-picker::before { - width: calc(100% - 17px); - } - #anti-kibitzer-toggle { - right: -50px; - } -} -@media only screen and (max-width: 1020px) { - #quick-nav-ui { - right: -20px; - } - #new-comment-nav-ui { - right: -21px; - } - #new-comment-nav-ui .new-comments-count::before { - content: ""; - position: absolute; - width: 100%; - height: calc(100% + 45px); - z-index: -1; - left: 0; - top: -22px; - } - #hns-date-picker { - right: 19px; - } - #hns-date-picker::before { - width: 100%; - } - #anti-kibitzer-toggle { - right: -20px; - } -} -@media only screen and (max-width: 1000px) { - #theme-selector { - left: -17px; - top: 120px; - padding: 3px 0; - max-width: 32px; - } - #theme-selector button { - margin: 1px 4px; - } - #text-size-adjustment-ui { - top: 100px; - right: -12px; - } - @media not screen and (hover: none) { - #quick-nav-ui, - #new-comment-nav-ui, - #new-comment-nav-ui + #hns-date-picker, - #anti-kibitzer-toggle { - opacity: 0.4; - } - #quick-nav-ui:hover, - #new-comment-nav-ui:hover, - #new-comment-nav-ui + #hns-date-picker:hover, - #new-comment-nav-ui + #hns-date-picker:focus-within, - #new-comment-nav-ui:hover + #hns-date-picker, - #anti-kibitzer-toggle:hover { - opacity: 1.0; - } - } - #theme-tweaker-toggle { - top: 70px; - left: -21px; - } -} - -/**************/ -/* PRINT VIEW */ -/**************/ - -@media only print { - .nav-bar { - visibility: hidden; - max-height: 0; - overflow: hidden; - } - #ui-elements-container { - display: none; - } - #images-overlay { - display: none; - } - #images-overlay + #content .post-body img { - visibility: visible; - } - .comment-controls { - display: none; - } - #comments-sort-mode-selector { - display: none; - } - .comment-minimize-button { - display: none; - } - .post-meta .qualified-linking, - .post-meta .lw2-link { - display: none; - } - .comment-meta .permalink, - .comment-meta .lw2-link, - .comment-meta .comment-parent-link { - display: none; - } - .new-comment::before { - display: none; - } - #content::before { - box-shadow: none; - } -} - -/*****************/ -/* MOBILE LAYOUT */ -/*****************/ - -/* Hide the mobile elements on desktop screens: */ - -@media only screen and (max-width: 1160px) { - #post-nav-ui-toggle, - #appearance-adjust-ui-toggle { - display: none; - } -} - -@media only screen and (max-width: 1160px) { - -/*====================*/ -/* MOBILE UI ELEMENTS */ -/*====================*/ - -#ui-elements-container { - height: unset !important; - position: unset; -} -#ui-elements-container > * { - position: fixed; - visibility: hidden; - opacity: 1.0; - z-index: 10000; -} - -#ui-elements-container > div[id$='-ui-toggle'] { - visibility: visible; - display: inline-block; - border-radius: 50%; - z-index: 10000; -} -#ui-elements-container > div[id$='-ui-toggle'] button, -#theme-selector .theme-selector-close-button { - font-family: Font Awesome; - font-weight: 900; - font-size: 32px; - padding: 10px; - opacity: 0.8; - -webkit-tap-highlight-color: transparent; - transition: transform 0.2s ease; -} -#ui-elements-container > div[id$='-ui-toggle'] button::selection, -#theme-selector .theme-selector-close-button::selection { - background-color: transparent; -} -#ui-elements-container > div[id$='-ui-toggle'] button::-moz-focus-inner, -#theme-selector .theme-selector-close-button::-moz-focus-inner { - border: none; -} -#ui-elements-container > div[id$='-ui-toggle'] button.engaged { - transform: rotate(-90deg); - opacity: 1.0; -} - -#appearance-adjust-ui-toggle { - bottom: 10px; - left: 10px; -} - -#post-nav-ui-toggle { - bottom: 10px; - right: 10px; -} - -#theme-selector.engaged, -#quick-nav-ui.engaged, -#new-comment-nav-ui.engaged, -#hns-date-picker.engaged { - visibility: visible; -} - -#image-focus-overlay.engaged { - visibility: visible; -} -#image-focus-overlay .help-overlay { - display: none; -} - -/*=========*/ -/* GENERAL */ -/*=========*/ - -@media only screen and (max-width: 900px) { - #content, - #images-overlay, - #ui-elements-container { - min-width: unset; - width: unset; - } - #content { - padding: 0 4px; - } -} - -/*================*/ -/* THEME SELECTOR */ -/*================*/ - -#theme-selector { - display: flex; - flex-flow: column; - background-color: #000; - width: calc(100vw - 20px); - max-width: 360px; - padding: 0; - overflow: hidden; - max-height: 0; - transition: - top 0.2s ease, - max-height 0.2s ease, - visibility 0.2s ease; - top: calc(100% + 10px); - left: 0; - right: 0; - margin: auto; -} -#theme-selector.engaged { - max-height: 1000px; - top: 10px; - z-index: 10001; -} -#theme-selector::before { - content: "Select theme"; - white-space: nowrap; - display: block; - font-weight: 600; - font-size: 2rem; - margin: 0.375em 1em 0.5em 1em; - text-align: center; -} -#theme-selector button { - width: calc(100% - 0.5em); - background-repeat: no-repeat; - padding: 1em 0.875em; - margin: 1px 4px; - line-height: 1; - height: unset; - position: relative; -} -#theme-selector button::after { - content: attr(data-theme-description); - color: #fff; - white-space: nowrap; - position: absolute; - text-align: left; - left: 2.5em; - top: 1em; -} -@media only screen and (max-height: 675px) { - #theme-selector button { - padding: 0.875em; - } - #theme-selector button::after { - top: 0.875em; - } -} -#theme-selector .theme-selector-close-button { - position: absolute; - width: unset; - background-color: transparent; - top: 0; - right: 0; - margin: 0; - font-size: 31px; -} -#theme-selector .theme-selector-close-button, -#theme-selector .theme-selector-close-button:focus, -#theme-selector .theme-selector-close-button:active, -#theme-selector .theme-selector-close-button:hover { - box-shadow: none; -} - -#theme-selector .interaction-blocker-overlay { - position: fixed; - width: 100%; - height: 100%; - left: 0; - top: 0; - z-index: 1; - pointer-events: auto; - display: none; -} -#theme-selector .interaction-blocker-overlay.enabled { - display: block; -} - -/*=============================*/ -/* THEME SELECTOR AUX CONTROLS */ -/*=============================*/ - -#theme-selector .auxiliary-controls-container { - display: flex; - justify-content: space-between; - align-items: stretch; - padding: 0.75em 0 0 0; - margin: 8px; - border-top: 1px solid #fff; -} - -/*===============*/ -/* THEME TWEAKER */ -/*===============*/ - -#theme-selector #theme-tweaker-toggle { - position: relative; - top: unset; - left: unset; - padding: 0; -} - -#theme-selector #theme-tweaker-toggle button { - display: block; - width: unset; - margin: 0; - transform: none; - position: relative; - background-image: none; - padding: 0.5em 0.625em 0.375em 0.625em; - margin: 0; - opacity: 1.0; -} -#theme-selector #theme-tweaker-toggle button::after { - content: "Theme tweaker"; - font-size: 0.625em; - white-space: nowrap; - text-align: center; - display: block; - padding: 0; - margin: 0.5em 0 0 0; - max-width: unset; - position: static; - font-family: 'Concourse', 'a_Avante', 'GW-Symbols'; - font-weight: normal; -} -#theme-selector #theme-tweaker-toggle button::before { - display: none; -} - -#theme-tweaker-ui { - visibility: visible; -} - -/*======================*/ -/* ANTI-KIBITZER TOGGLE */ -/*======================*/ - -#theme-selector #anti-kibitzer-toggle { - position: relative; - top: unset; - bottom: unset; - left: unset; - right: unset; - margin: unset; - box-shadow: unset; - border-radius: unset; - overflow: visible; -} - -#theme-selector #anti-kibitzer-toggle button { - width: 48px; - height: 100%; - padding: 0; - margin: 0; - background-image: unset; - border-radius: 10px; -} -#theme-selector #anti-kibitzer-toggle button::before { - width: 100%; - visibility: unset; - position: static; - padding: 0; - text-align: center; -} -#theme-selector #anti-kibitzer-toggle button::after { - content: "\F007\2004\F164"; - position: static; - color: transparent; -} - -/*====================*/ -/* DARK MODE SELECTOR */ -/*====================*/ - -#theme-selector #dark-mode-selector { - position: static; - opacity: 1.0; - outline: none; - border-radius: 10px; -} - -#theme-selector #dark-mode-selector button { - width: 54px; - height: 100%; - margin: 0; - padding: 0 0 0.75em 0; - border-radius: 0; - background-image: none; - box-shadow: none; - border: none; - background-color: transparent; -} -#theme-selector #dark-mode-selector button::before { - display: none; -} -#theme-selector #dark-mode-selector button::after { - content: attr(data-name); - visibility: visible; - max-width: unset; - left: 0; - right: 0; - bottom: 0; - top: unset; - text-shadow: none; - font-size: 0.875rem; - color: inherit; - padding: 0 0.25em 0.5em 0.25em; - text-align: center; -} - -/*=================*/ -/* QUICKNAV WIDGET */ -/*=================*/ - -#quick-nav-ui { - max-width: 0px; - transition: - max-width 0.2s ease, - visibility 0.2s ease; - display: flex; - right: 72px; - bottom: 14px; -} -#quick-nav-ui.engaged { - max-width: 1000px; -} -#quick-nav-ui a { - position: relative; - margin: 2px; -} -#quick-nav-ui a + a { - margin-left: 5px; -} -#quick-nav-ui a::after { - position: absolute; - top: calc(100% + 2px); - font-size: 0.375rem; - left: 0; - right: 0; - margin: auto; - line-height: 1; - padding: 2px; - text-transform: uppercase; - z-index: -1; -} -@supports (width: -moz-fit-content) { - #quick-nav-ui a::after { - width: -moz-fit-content; - } -} -@supports (width: fit-content) { - #quick-nav-ui a::after { - width: fit-content; - } -} -#quick-nav-ui a[href='#top']::after { - content: "Top"; - left: -1px; -} -#quick-nav-ui a[href='#comments']::after { - content: "Comments"; -} -#content.post-page:not(.individual-thread-page) ~ #ui-elements-container #quick-nav-ui a[href='#comments'] { - visibility: hidden; - transition: visibility 0.2s ease; -} -#content.post-page:not(.individual-thread-page) ~ #ui-elements-container #quick-nav-ui.engaged a[href='#comments'] { - visibility: visible; -} -#quick-nav-ui a[href='#bottom-bar']::after { - content: "Bottom"; -} - -/*======================*/ -/* NEW COMMENT QUICKNAV */ -/*======================*/ - -#new-comment-nav-ui { - max-width: 0px; - max-height: 0px; - transition: - max-width 0.2s ease, - max-height 0.2s ease, - visibility 0.2s ease; - display: flex; - right: 78px; - bottom: 70px; -} -#new-comment-nav-ui::before { - content: "New Comments"; - position: absolute; - bottom: 100%; - font-size: 0.5625rem; - left: 0; - right: 0; - margin: auto; - padding: 2px 3px; - text-transform: uppercase; - z-index: -1; -} -@supports (width: -moz-fit-content) { - #new-comment-nav-ui::before { - width: -moz-fit-content; - } -} -@supports (width: fit-content) { - #new-comment-nav-ui::before { - width: fit-content; - } -} -#new-comment-nav-ui.engaged { - max-width: 1000px; - max-height: 1000px; -} -#new-comment-nav-ui .new-comment-sequential-nav-button { - top: unset; - bottom: unset; - padding: 2px 7px; -} -#new-comment-nav-ui .new-comment-sequential-nav-button.new-comment-previous { - padding: 2px 7px 3px 7px; -} -#new-comment-nav-ui .new-comments-count { - padding: 4px 0 5px 0; -} -#new-comment-nav-ui .new-comments-count::before { - display: none; -} -#new-comment-nav-ui button::after { - position: absolute; - font-size: 0.375rem; - left: 0; - right: 0; - margin: auto; - line-height: 1; - text-transform: uppercase; - pointer-events: none; -} -#new-comment-nav-ui button.new-comment-previous::after { - content: "Previous"; - bottom: 5px; -} -#new-comment-nav-ui button.new-comment-next::after { - content: "Next"; - top: 7px; -} - -/*=================*/ -/* HNS DATE PICKER */ -/*=================*/ - -#hns-date-picker { - max-height: 0px; - bottom: 132px; - right: 62px; - transition: - max-height 0.2s ease, - visibility 0.2s ease; -} -#hns-date-picker.engaged { - max-height: 1000px; -} -#hns-date-picker::before { - width: calc(100% + 2px); - border-width: 1px !important; -} - -/*=========*/ -/* NAV BAR */ -/*=========*/ - -#bottom-bar { - margin-left: auto; - margin-right: auto; - width: calc(100% - 9rem + 8px); - background: rgba(0, 0, 0, 0.85); - backdrop-filter: blur(1px); -} -#content.index-page #bottom-bar { - z-index: 10001; -} -#bottom-bar .nav-item { - box-shadow: none; - position: relative; -} -#bottom-bar .nav-inner { - font-size: 2rem; - padding: 1rem 0 1.25rem 0; - visibility: hidden; - position: static; - width: 0; -} -#content #bottom-bar .nav-item .nav-inner::before { - margin: 0; - visibility: visible; - position: absolute; - width: 100%; - height: 100%; - left: 0; - top: 0; - padding: 1rem 0; -} -#bottom-bar .nav-inner::after { - display: block; - visibility: visible; - text-transform: uppercase; - color: unset; - font-size: 0.75rem; - top: unset; - left: 0; - bottom: 1rem; - width: 100%; -} -#bottom-bar #nav-item-first .nav-inner::after { - content: "First Page"; -} -#bottom-bar #nav-item-prev .nav-inner::after { - content: "Prev. Page"; -} -#bottom-bar #nav-item-top .nav-inner::after { - content: "Top"; -} -#bottom-bar #nav-item-next .nav-inner::after { - content: "Next Page"; -} -#bottom-bar #nav-item-last .nav-inner::after { - content: "Last Page"; -} - -@media only screen and (max-width: 900px) { - .nav-bar-top { - font-size: 0.75rem; - } - .nav-bar { - width: calc(100% + 8px); - margin: 0 -4px; - overflow: hidden; - } - .nav-bar .nav-inner::after { - display: none; - } - - #primary-bar .nav-item { - flex: 1 1 100%; - } - .nav-bar-top:not(#primary-bar) .nav-item:not(#nav-item-search) { - flex: 1 1 60px; - } - .nav-bar-top:not(#anything) .nav-inner { - text-transform: uppercase; - padding: 6px; - } - .nav-bar-top .nav-inner::before { - display: block; - font-family: "Font Awesome"; - font-size: 2em; - font-weight: 900; - } - - #nav-item-home .nav-inner::before { - content: "\F015"; - } - #nav-item-featured .nav-inner::before { - content: "\F005"; - } - #nav-item-all .nav-inner::before { - content: "\F069"; - } - #nav-item-meta .nav-inner::before { - content: "\F077"; - } - #nav-item-tags .nav-inner::before { - content: "\F02C"; - } - #nav-item-recent-comments > * > span { - display: none; - } - #nav-item-recent-comments .nav-inner::before, - #nav-item-alignment-forum-comments .nav-inner::before { - content: "\F036"; - } - #nav-item-alignment-forum .nav-inner::before { - content: "AF"; - font-family: Concourse, 'Changa One'; - } - #nav-item-questions .nav-inner::before { - content: "?"; - font-family: Concourse, 'Changa One'; - } - #nav-item-events .nav-inner::before { - content: "\F5A0"; - } - #nav-item-shortform .nav-inner::before { - content: "\F2F2"; - } - #nav-item-archive .nav-inner::before { - content: "\F187"; - } - #nav-item-about .nav-inner::before { - content: "\F129"; - } - #nav-item-search { - font-size: 2em; - padding: 10px; - } - #nav-item-search .nav-inner::before { - content: none; - } - #nav-item-search .nav-inner { - height: 100%; - display: flex; - } - #nav-item-search input { - width: 100%; - height: 100%; - } - #nav-item-search button { - height: 100%; - padding: 5px 5px 5px 10px; - width: 40px; - overflow: visible; - visibility: hidden; - } - #nav-item-search button::before { - content: "\F002"; - font-family: Font Awesome; - font-weight: 900; - visibility: visible; - } - #nav-item-login { - padding: 0; - } - #nav-item-login .nav-inner::before { - content: "\F007"; - } -} -@media only screen and (max-width: 520px) { - .nav-bar-top { - font-size: 0.5rem; - } - - #nav-item-search, - #nav-item-search .nav-inner { - padding: 0; - } - #nav-item-search button { - width: 31px; - } - - #bottom-bar #nav-item-first .nav-inner::after { - content: "First"; - } - #bottom-bar #nav-item-prev .nav-inner::after { - content: "Prev"; - } - #bottom-bar #nav-item-next .nav-inner::after { - content: "Next"; - } - #bottom-bar #nav-item-last .nav-inner::after { - content: "Last"; - } -} - -/*=================*/ -/* INBOX INDICATOR */ -/*=================*/ - -@media only screen and (max-width: 900px) { - #inbox-indicator { - width: 100%; - top: 0; - pointer-events: none; - } - #inbox-indicator::before { - width: 100%; - font-size: 1rem; - text-align: right; - padding: 1px 6px; - } - #inbox-indicator.new-messages { - pointer-events: auto; - } - #inbox-indicator.new-messages::before { - box-shadow: 0 0 8px 1px #0090e0 inset; - } -} -@media only screen and (max-width: 520px) { - #inbox-indicator::before { - font-size: 0.75rem; - padding: 2px 5px; - } -} -@media only screen and (max-width: 374px) { - #inbox-indicator::before { - font-size: 0.625rem; - } -} - -/*===================*/ -/* TOP PAGINATION UI */ -/*===================*/ - -#top-nav-bar { - font-size: 1.75rem; -} - -/*==============*/ -/* PAGE TOOLBAR */ -/*==============*/ - -@media only screen and (max-width: 900px) { - #content > .page-toolbar { - font-size: 1rem; - margin-right: 0; - } - #content.user-page > .page-toolbar { - grid-column: 2 / span 2; - margin: 0 0 6px 0; - } -} -@media only screen and (max-width: 520px) { - #content:not(.user-page) .page-toolbar { - display: flex; - flex-direction: column-reverse; - text-align: right; - align-self: start; - padding: 4px 0 0 0; - } - #content.user-page .page-toolbar { - display: flex; - flex-flow: row; - justify-content: flex-end; - padding: 2px 0 0 0; - } - #content.user-page .page-toolbar > form, - #content.user-page .page-toolbar > .button { - text-align: center; - flex-basis: 25%; - margin-left: 1.5em; - } - #content.user-page .page-toolbar .button { - text-transform: uppercase; - font-size: 0.625rem; - } - #content.user-page .page-toolbar .button::before { - font-size: 1.375rem; - display: block; - padding: 0; - } - #content.user-page .page-toolbar .rss { - white-space: nowrap; - margin: 0 0 0 1.5em; - } - .page-toolbar > * { - line-height: 1.15; - padding: 6px 0; - margin: 0; - } -} - -/*==============*/ -/* SUBLEVEL NAV */ -/*==============*/ - -@media only screen and (max-width: 900px) { - .sublevel-nav:not(.sort) { - flex-wrap: wrap; - width: calc(100vw - 200px); - } - .sublevel-nav:not(.sort) .sublevel-item { - margin: 1px; - flex-basis: 7em; - } -} -@media only screen and (max-width: 520px) { - .sublevel-nav:not(.sort) .sublevel-item { - font-size: 1rem; - } -} - -/*=====================*/ -/* SORT ORDER SELECTOR */ -/*=====================*/ - -@media only screen and (max-width: 720px) { - #content.index-page > .sublevel-nav.sort { - flex-flow: column; - margin-left: 4px; - } -} - -/*==========*/ -/* ARCHIVES */ -/*==========*/ - -@media only screen and (max-width: 900px) { - div[class^='archive-nav-'] { - flex-wrap: wrap; - justify-content: flex-start; - } - .archive-nav *[class^='archive-nav-item'], - .archive-nav *[class^='archive-nav-item']:first-child { - padding: 10px; - margin: 2px; - max-width: unset; - flex: 0 1 calc((100% / 8) - 4px); - } - .archive-nav .archive-nav-item-day, - .archive-nav .archive-nav-item-day:first-child { - flex-basis: calc((100% / 16) - 4px); - } - .archive-nav > *[class^='archive-nav-'] + *[class^='archive-nav-'] { - margin-top: 8px; - position: relative; - } - .archive-nav > *[class^='archive-nav-'] + *[class^='archive-nav-']::before { - content: ""; - display: block; - position: absolute; - height: 1px; - width: calc(100% + 8px); - left: -4px; - top: -4px; - } -} -@media only screen and (max-width: 720px) { - .archive-nav .archive-nav-item-day, - .archive-nav .archive-nav-item-day:first-child { - flex-basis: calc((100% / 12) - 4px); - } -} -@media only screen and (max-width: 520px) { - .archive-nav *[class^='archive-nav-item'], - .archive-nav *[class^='archive-nav-item']:first-child { - flex-basis: calc((100% / 5) - 4px); - } - .archive-nav .archive-nav-item-day, - .archive-nav .archive-nav-item-day:first-child { - flex-basis: calc((100% / 8) - 4px); - } -} - -/*==========*/ -/* LISTINGS */ -/*==========*/ - -h1.listing { - max-height: unset; -} - -/*============*/ -/* USER PAGES */ -/*============*/ - -#content.user-page h1.page-main-heading { - align-self: end; -} -@media only screen and (max-width: 520px) { - #content.user-page h1.page-main-heading { - overflow: hidden; - text-overflow: ellipsis; - } - #content.user-page .user-stats .karma-type { - display: block; - } -} - -/*============*/ -/* LOGIN PAGE */ -/*============*/ - -@media only screen and (max-width: 640px) { - .login-container { - flex-flow: column; - margin: 0 auto 3em auto; - max-width: 400px; - } - .login-container #login-form, - .login-container #signup-form { - padding: 0 1em 1.25em 1em; - grid-row-gap: 0; - } - .login-container #signup-form { - padding-top: 1em; - } - .login-container #login-form > *, - .login-container #signup-form > * { - grid-column: 1 / span 2; - } - .login-container form label { - text-align: left; - padding: 0; - line-height: 1; - } - .login-container form input { - margin: 0.25em 0 0.75em 0; - padding: 0.5em; - } - .login-container form h1 { - grid-column: 1 / span 2; - margin: 0 0 0.25em 0; - } - .login-container form a { - margin: 0.75em 0 0 0; - } - .login-container .login-tip { - margin: 1.5em 1em 0 1em; - } -} - -/*==================*/ -/* POSTS & COMMENTS */ -/*==================*/ - -@media only screen and (max-width: 720px) { - .body-text ol > li { - padding: 0 0 0 2.25em; - } - .body-text ol > li::before { - width: 1.75em; - } - .body-text ul:not(.contents-list) > li, - .body-text ul:not(.contents-list) > li ul > li { - padding: 0 0 0 0.75em; - } - .body-text ul:not(.contents-list) > li::before, - .body-text ul:not(.contents-list) > li ul > li::before { - width: 0.125em; - margin-left: -0.06em; - } -} - -/*===========*/ -/* POST-META */ -/*===========*/ - -.post-meta { - line-height: 1.9; -} -@media only screen and (max-width: 720px) { - .post-meta .lw2-link span, - .post-meta .karma-value span, - .post-meta .comment-count span { - display: none; - } - .post-meta .comment-count::before { - content: "\F086"; - font-family: Font Awesome; - font-size: 0.875em; - margin: 0 0.25em 0 0; - font-weight: 400; - } -} - -/*===================*/ -/* POSTS & BODY TEXT */ -/*===================*/ - -@media only screen and (max-width: 900px) { - .post-body, - h1.post-title, - .tag-description, - .sequence-text { - padding: 0 6px; - } -} -@media only screen and (max-width: 520px) { - .post-body { - font-size: 1.2rem; - line-height: 1.45; - } - h1.post-title { - font-size: 2em; - } -} - -/*==============*/ -/* COMMENT-META */ -/*==============*/ - -a.comment-parent-link::after { - display: none; -} -@media only screen and (max-width: 900px) { - .comment-meta { - padding: 2px 40px 2px 10px; - } -} -@media only screen and (max-width: 720px) { - .comment .karma-value span { - display: none; - } - .comment-meta .comment-parent-link { - opacity: 1.0; - } -} -@media only screen and (max-width: 520px) { - .comment-meta { - padding: 2px 24px 2px 10px; - position: relative; - } - .comment-meta > * { - order: 3; - } - .comment-meta > :not(.author) { - line-height: 1.8; - } - .comment-meta .author, - .comment-meta .date { - order: 1; - } - .comment-meta:before { - content: ""; - order: 2; - flex-basis: 100%; - } - .comment-post-title2 { - display: block; - text-overflow: ellipsis; - overflow: hidden; - } - .comment-meta .lw2-link { - display: none; - } -} - -/*=======================*/ -/* COMMENTS COMPACT VIEW */ -/*=======================*/ - -/*===========================*/ -/* COMMENT THREAD NAVIGATION */ -/*===========================*/ - -@media only screen and (max-width: 900px) { - a.comment-parent-link { - width: 0; - visibility: hidden; - position: relative; - } - a.comment-parent-link::before { - padding: 0; - font-size: 1em; - left: 0; - top: 0; - line-height: inherit; - visibility: visible; - content: "\F3BF"; - transform: scaleX(-1); - width: 2em; - text-align: center; - } -} -@media only screen and (max-width: 520px) { - a.comment-parent-link { - position: static; - } - a.comment-parent-link::before { - padding: 6px; - left: unset; - right: 0; - top: unset; - bottom: 0; - height: 2em; - } -} - -/*=================================*/ -/* COMMENT THREAD MINIMIZE BUTTONS */ -/*=================================*/ - -@media only screen and (max-width: 520px) { - .comment-minimize-button{ - right: 2px; - } -} - -/*===========================*/ -/* COMMENTING AND POSTING UI */ -/*===========================*/ - -@media only screen and (max-width: 900px) { - .comment-controls .delete-button, .comment-controls .retract-button, .comment-controls .unretract-button, .comment-controls .edit-button { - font-size: 0; - } - .comment-controls .delete-button::before, .comment-controls .retract-button::before, .comment-controls .unretract-button::before, .comment-controls .edit-button::before { - font-size: 0.9rem; - } - .comment-controls .cancel-comment-button { - max-width: 1.3em; - overflow: hidden; - margin-right: 0.125em; - } - .comment-controls .edit-button::before { - font-size: 0.9375rem; - } - .comments > .comment-controls .cancel-comment-button { - right: 8px; - } - .comment-controls .cancel-comment-button::before { - font-size: 1.25rem; - } -} -@media only screen and (max-width: 520px) { - .comment-controls { - position: static; - } - .comment-controls:focus-within { - z-index: 10001; - } - .comment-controls .cancel-comment-button { - right: 10px; - } - .textarea-container:focus-within textarea { - position: fixed; - top: 0; - left: 2px; - width: calc(100vw - 4px); - height: calc(100% - 100px); - min-height: unset; - max-height: unset; - border-width: 1px; - z-index: 11001; - } - #content.conversation-page .textarea-container:focus-within textarea { - height: calc(100% - 54px); - } - #content.conversation-page .textarea-container:focus-within::after { - content: ""; - display: block; - width: 100%; - height: 50px; - position: fixed; - left: 0; - bottom: 0; - z-index: 11000; - } - .textarea-container:focus-within .guiedit-buttons-container { - position: fixed; - z-index: 11002; - left: 0; - width: 100vw; - height: auto; - background-image: none; - padding: 3px 4px 4px 4px; - margin: 0; - text-align: center; - top: auto; - bottom: 0; - } - .textarea-container:focus-within button.guiedit { - font-size: 0.9375rem; - line-height: 1.5; - height: auto; - width: calc((100% / 10) - 2px); - padding: 10px 1px 8px 0; - position: relative; - margin: 1px; - } - .textarea-container:focus-within .guiedit-mobile-auxiliary-button { - z-index: 11011; - position: fixed; - bottom: 7px; - width: calc(((100% - 16px) / 10) * 2.5 - 7px); - font-size: 1.25rem; - padding: 5px 5px 6px 5px; - display: block; - } - .textarea-container:focus-within button.guiedit sup { - position: absolute; - left: calc(50% + 0.65em); - top: calc(50% - 1.3em); - } - .textarea-container:focus-within .guiedit-mobile-help-button { - left: 8px; - } - .textarea-container:focus-within .guiedit-mobile-exit-button { - right: 8px; - } - .guiedit::after { - display: none; - } - - #markdown-hints, - #edit-post-form #markdown-hints { - z-index: 11111; - position: fixed; - top: 40px; - left: 0; - right: 0; - margin: auto; - padding: 4px 0 4px 8px; - width: 310px; - border-width: 3px; - border-style: double; - pointer-events: none; - } - #markdown-hints::after { - content: "(Type to hide this help box.)"; - color: #9740cb; - display: block; - margin: 12px 18px 13px 10px; - padding: 5px; - font-size: 0.9em; - text-align: center; - } -} - -/*================*/ -/* EDIT POST FORM */ -/*================*/ - -@media only screen and (max-width: 520px) { - #edit-post-form { - padding-bottom: 0; - } - #edit-post-form .post-meta-fields { - grid-template-columns: 4.5em auto auto auto 1fr auto; - } - #edit-post-form label[for='url'], - #edit-post-form label[for='section'], - #edit-post-form label[for='title'] { - padding-left: 0; - } - #edit-post-form .post-meta-fields input[type='checkbox'] + label.iconify { - white-space: normal; - line-height: 0.9; - top: -1px; - font-family: Font Awesome; - font-weight: 900; - justify-self: start; - } - #edit-post-form .post-meta-fields .question-checkbox, - #edit-post-form .post-meta-fields .question-checkbox + label { - grid-column: 6; - margin-left: unset; - } - #edit-post-form .post-meta-fields input[type='radio'] + label { - align-self: start; - } - #edit-post-form .textarea-container:focus-within textarea { - height: calc(100% - 101px); - min-height: unset; - } - - #markdown-hints-checkbox, - #markdown-hints-checkbox + label { - display: none; - } - - #edit-post-form div:last-child { - clear: both; - overflow: auto; - } - #edit-post-form input[type='submit'] { - float: none; - display: block; - font-size: 1.5rem; - margin: 1rem auto 1.5rem auto; - padding: 6px 12px 8px 12px; - } - - #edit-post-form .textarea-container .autocomplete-container, - .comment-controls .textarea-container .autocomplete-container { - max-height: calc(50vh - 101px); - position: fixed; - top: 50vh; - left: 4px; - right: 4px; - width: unset; - z-index: 11002; - } -} - -/*===================*/ -/* TABLE OF CONTENTS */ -/*===================*/ - -@media only screen and (max-width: 900px) { - .contents { - float: none; - display: table; - max-width: none; - margin-left: auto; - margin-right: auto; - } - .contents.collapsed { - overflow: hidden; - display: block; - } -} -@media only screen and (max-width: 520px) { - .contents { - max-width: 100%; - margin: 1em auto 0 auto; - display: table; - } - .contents.collapsed { - margin-bottom: 0; - display: block; - } - .contents-head { - font-size: 1.2em; - } - div.post-body .contents ul { - font-size: unset; - } -} - -/*========================*/ -/* QUALIFIED HYPERLINKING */ -/*========================*/ - -@media only screen and (max-width: 520px) { - .qualified-linking-toolbar { - right: -5em; - } -} - -} /* END MOBILE LAYOUT */ - - -/*****************/ -/* DEFAULT THEME */ -/*****************/ - -/*===========*/ -/* VARIABLES */ -/*===========*/ - -/* Color scheme. - */ -:root { - --GW-comment-background-color-odd: #131313; - --GW-comment-background-color-even: #000; - --GW-comment-background-color-target: #00001e; -} - -/*======*/ -/* BASE */ -/*======*/ - -body { - color: #fff; - background-color: #232323; - font-family: 'Concourse', 'a_Avante', 'Assistant', Arial, 'GW-Symbols', sans-serif; - font-feature-settings: 'ss07'; -} -#content { - line-height: 1.55; -} -#content::before { - background-color: #000; - box-shadow: 0px 0px 10px #9b9b9b; -} - -/*=========*/ -/* NAV BAR */ -/*=========*/ - -.nav-inner { - font-size: 1.375em; - font-weight: 600; -} -.nav-bar-top:not(#primary-bar) .nav-inner { - font-size: 1em; -} - -.nav-bar .nav-item:not(.nav-current):not(#nav-item-search):hover, -#bottom-bar a:hover, -#nav-item-search:not(.nav-current):focus-within { - background-color: #1f1f1f; -} -.inactive-bar .nav-item:not(.nav-current):not(#nav-item-search):hover, -.inactive-bar #nav-item-search:not(.nav-current):focus-within { - background-color: #232323; -} - -.nav-bar a:visited { - color: #0cc800; -} -.nav-bar a:hover, -.nav-bar a:focus { - text-decoration: none; - text-shadow: 0 0 1px #000, 0 0 3px #000, 0 0 5px #000; -} - -#bottom-bar.decorative::before, -#bottom-bar.decorative::after { - content: "GW"; - display: block; - text-align: center; - padding: 0.25em 0 1em 0; -} -#bottom-bar.decorative::before { - width: 100%; - color: transparent; - background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAMdXV1QUAACwAAAAAAQABAAACAkQBADs='); - background-repeat: repeat-x; - background-position: center 35%; - margin: 0 30px; -} -#bottom-bar.decorative::after { - color: #232323; - position: absolute; - left: 0; - right: 0; - margin: auto; - background-color: #000; - padding-right: 4px; - padding-left: 4px; -} -@supports (width: -moz-fit-content) { - #bottom-bar.decorative::after { - width: -moz-fit-content; - } -} -@supports (width: fit-content) { - #bottom-bar.decorative::after { - width: fit-content; - } -} - -/* Accesskey hints */ - -.nav-inner::after { - display: block; - position: absolute; - left: 5px; - top: -2px; - font-weight: 400; - font-size: 0.7em; - color: #232323; -} -.inactive-bar .nav-inner::after { - color: #2c2c2c; -} -.nav-inner:hover::after { - color: #393939; -} - -/* This makes the navbar items look like tabs: */ - -.nav-inactive { - box-shadow: - 0 -1px #232323 inset, - 1px 0 #000 inset; -} -.nav-inactive:first-child { - box-shadow: 0 -1px #232323 inset; -} -.inactive-bar .nav-inactive { - background-color: #1a1a1a; -} -.active-bar .nav-inactive { - background-color: #131313; -} -.nav-bar + .nav-bar { - position: relative; -} - -/* For Webkit: */ -.nav-bar:not(#bottom-bar) { - box-shadow: 0 -3px 8px -2px #2c2c2c; -} -.active-bar .nav-inactive { - box-shadow: - 0 -4px 8px -4px #393939 inset, - 1px 0 #000 inset; -} -.active-bar .nav-inactive:first-child { - box-shadow: - 0 -4px 8px -4px #393939 inset; -} -.active-bar .nav-current + .nav-inactive { - box-shadow: - 5px -4px 8px -4px #393939 inset; -} -.active-bar .nav-item-last-before-current { - box-shadow: - -5px -4px 8px -4px #393939 inset, - 1px 0 #000 inset; -} -.active-bar .nav-item-last-before-current:first-child { - box-shadow: - -5px -4px 8px -4px #393939 inset; -} -/* And for Gecko: */ -@-moz-document url-prefix() { - .nav-bar:not(#bottom-bar) { - box-shadow: 0 -3px 4px -2px #2c2c2c; - } - - .active-bar .nav-inactive { - box-shadow: - 0 -4px 4px -4px #393939 inset, - 1px 0 #000 inset; - } - .active-bar .nav-inactive:first-child { - box-shadow: - 0 -4px 4px -4px #393939 inset; - } - .active-bar .nav-current + .nav-inactive { - box-shadow: - 5px -4px 4px -4px #393939 inset; - } - .active-bar .nav-item-last-before-current { - box-shadow: - -5px -4px 4px -4px #393939 inset, - 1px 0 #000 inset; - } - .active-bar .nav-item-last-before-current:first-child { - box-shadow: - -5px -4px 4px -4px #393939 inset; - } -} - -/* Search tab */ - -#nav-item-search button { - border: none; - font-weight: inherit; -} -#nav-item-search input::placeholder { - color: #00a1e8; - font-weight: normal; -} - -/*= Top pagination UI hover tooltips =*/ - -#top-nav-bar a::after, -#bottom-bar a::after { - color: #fff; -} - -/*==============*/ -/* PAGE TOOLBAR */ -/*==============*/ - -.button.new-post:not(:hover), -.button.new-private-message:not(:hover), -.button.unignore-button:not(:hover){ - color: #9740cb; -} -.button.logout-button, .button.ignore-button { - color: #0094be; -} - -/*==============*/ -/* SUBLEVEL NAV */ -/*==============*/ - -.sublevel-nav .sublevel-item { - color: #777; - background-color: #000; -} -.sublevel-nav .sublevel-item:not(.selected):hover { - background-color: #1f1f1f; - color: #fff; - text-decoration: none; - text-shadow: none; -} -.sublevel-nav .sublevel-item:not(.selected):active, -.sublevel-nav .sublevel-item.selected { - background-color: #1f1f1f; - color: #fff; - text-shadow: - 0 -1px 0 #000, - 0 0.5px 0.5px #fff; -} - -.sublevel-nav:not(.sort) .sublevel-item { - border-style: solid; - border-color: #1f1f1f; - border-width: 1px 0 1px 1px; -} -.sublevel-nav:not(.sort) .sublevel-item:first-child { - border-radius: 8px 0 0 8px; -} -.sublevel-nav:not(.sort) .sublevel-item:last-child { - border-width: 1px; - border-radius: 0 8px 8px 0; -} - -/*=====================*/ -/* SORT ORDER SELECTOR */ -/*=====================*/ - -.sublevel-nav.sort .sublevel-item { - font-family: 'Concourse', 'a_Avante', 'Assistant', Arial, 'GW-Symbols', sans-serif; - letter-spacing: 0.5px; - padding: 6px 7px; - text-transform: uppercase; - pointer-events: auto; - box-shadow: 1px 1px 0 0 #484848 inset; -} -.sublevel-nav.sort { - border: 2px solid transparent; - padding: 18px 0 0 0; - border-radius: 8px; - pointer-events: none; - background-color: #393939; -} -.sublevel-nav.sort::before { - text-transform: uppercase; - font-weight: 600; - color: #aeaeae; - text-shadow: 0.5px 0.5px 0 #000; - z-index: 1; -} -.sublevel-nav.sort::after { - content: ""; - position: absolute; - display: block; - top: 0; - left: 0; - width: 100%; - height: 100%; - border-radius: 6px; - box-shadow: - 0 18px 0 0 #393939 inset, - 0 0 0 1px #484848 inset, - 0 18px 0 1px #484848 inset, - 0 0 0 2px #393939; -} - -/*================*/ -/* WIDTH SELECTOR */ -/*================*/ -/* THEME SELECTOR */ -/*================*/ - -#width-selector button, -#theme-selector button { - box-shadow: - 0 0 0 4px #232323 inset, - 0 0 0 5px #393939 inset; -} -#width-selector button:hover, -#width-selector button.selected, -#theme-selector button:hover, -#theme-selector button.selected { - box-shadow: - 0 0 0 5px #393939 inset; -} - -#theme-selector button::before { - color: #575756; - background-color: #232323; -} -#theme-selector button:hover::before, -#theme-selector button.selected::before { - color: #888; -} -#width-selector button::after { - color: #575756; -} - -/*======================*/ -/* THEME TWEAKER TOGGLE */ -/*======================*/ - -#theme-tweaker-toggle button { - color: #777; -} - -/*=================*/ -/* QUICKNAV WIDGET */ -/*=================*/ - -#quick-nav-ui a { - color: #575756; - background-color: #1a1a1a; - border-radius: 4px; - text-decoration: none; -} -#quick-nav-ui a[href='#bottom-bar'] { - line-height: 1.8; -} -#quick-nav-ui a:active { - transform: scale(0.9); -} -#quick-nav-ui a[href='#comments'].no-comments { - opacity: 0.4; - color: #393939; -} -@media only screen and (hover:hover) { - #quick-nav-ui a:hover { - color: #fff; - background-color: #131313; - } - #quick-nav-ui a:focus:not(:hover) { - transform: none; - text-shadow: none; - } -} - -/*======================*/ -/* NEW COMMENT QUICKNAV */ -/*======================*/ - -#new-comment-nav-ui .new-comments-count { - font-weight: 600; - color: #888; - text-shadow: 0.5px 0.5px 0 #000; -} -#new-comment-nav-ui .new-comments-count::after { - font-weight: 600; - color: #777; -} -#new-comment-nav-ui .new-comment-sequential-nav-button:disabled { - color: #393939; - text-shadow: none; -} -@media only screen and (hover:hover) { - #new-comment-nav-ui .new-comments-count:hover { - text-shadow: - 0 0 1px #000, - 0 0 3px #000, - 0 0 5px #000, - 0 0 8px #000, - 0.5px 0.5px 0 #000; - } - #new-comment-nav-ui .new-comment-sequential-nav-button:focus { - color: #00a1e8; - text-shadow: 0 0 1px #000, 0 0 3px #000, 0 0 5px #000; - } -} - -/*=================*/ -/* HNS DATE PICKER */ -/*=================*/ - -#hns-date-picker span { - color: #777; - text-shadow: 0.5px 0.5px 0 #000; - font-weight: 600; -} -#hns-date-picker input { - border: 1px solid #777; - background-color: transparent; - color: #888; - box-shadow: 0 0 0 1px transparent; -} -#hns-date-picker input:focus { - color: #fff; -} - -/*====================*/ -/* DARK MODE SELECTOR */ -/*====================*/ - -#dark-mode-selector { - outline: 1px solid #575756; -} -#dark-mode-selector button { - color: #777; -} -#dark-mode-selector button.selected { - background-color: #575756; - color: #000; -} -#dark-mode-selector button:not(.selected) + button:not(.selected) { - box-shadow: 1px 0 0 0 #575756 inset; -} -#dark-mode-selector button:disabled:hover { - text-shadow: none; -} -#dark-mode-selector button::after { - font-family: 'Concourse', 'a_Avante', 'Assistant', Arial, 'GW-Symbols', sans-serif; - color: #575756; - text-shadow: none; -} - -/*======================*/ -/* TEXT SIZE ADJUSTMENT */ -/*======================*/ - -#text-size-adjustment-ui button { - color: #777; -} -#text-size-adjustment-ui button.default { - font-weight: 600; -} -#text-size-adjustment-ui button:disabled:hover { - text-shadow: none; -} -#text-size-adjustment-ui::after { - color: #575756; -} - -/*=============================*/ -/* COMMENTS VIEW MODE SELECTOR */ -/*=============================*/ - -#comments-view-mode-selector a { - color: #777; -} - -/*==========*/ -/* ARCHIVES */ -/*==========*/ - -.archive-nav { - border: 1px solid #484848; -} -.archive-nav *[class^='archive-nav-item'] { - border-style: solid; - border-color: #1f1f1f; - border-width: 1px 0 1px 1px; - background-color: #131313; -} -.archive-nav div[class^='archive-nav-']:nth-of-type(2) *[class^='archive-nav-item'] { - border-top-width: 0; - border-bottom-width: 0; -} -.archive-nav div[class^='archive-nav-']:last-of-type *[class^='archive-nav-item'] { - border-bottom-width: 1px; -} -.archive-nav *[class^='archive-nav-item']:last-child { - border-right-width: 1px; -} -.archive-nav span[class^='archive-nav-item'] { - font-weight: bold; - background-color: #1f1f1f; -} - -.archive-nav a:link, -.archive-nav a:visited { - color: rgba(12, 200, 0, 0.7); -} -.archive-nav a:hover { - text-decoration: none; - color: #00a9ed; - background-color: #1d1d1d; - text-shadow: 0 0 1px #000, 0 0 3px #000, 0 0 5px #000; -} -.archive-nav a:active { - transform: scale(0.9); -} -.archive-nav a:focus:not(:hover) { - transform: none; -} -.archive-nav a.archive-nav-item-day:hover { - background-color: #1f1f1f; -} - -/*==========*/ -/* LISTINGS */ -/*==========*/ - -h1.listing { - font-family: 'Concourse', 'a_Avante', 'Assistant', Arial, 'GW-Symbols', sans-serif, 'Font Awesome', 'Font Awesome 5 Free'; - font-weight: 800; - margin: 0.7em 20px 0 20px; - max-width: calc(100% - 40px); - top: 0.125em; ; -} - -h1.listing .post-title-link { - color: #fff; -} -h1.listing .link-post-link { - color: #54d400; -} - -@media only screen and (hover: hover) { - h1.listing a:hover, - h1.listing a:focus { - color: #777; - background-color: rgba(0, 0, 0, 0.85); - } - h1.listing:focus-within::before { - color: #00c200; - left: -0.625em; - } - h1.listing .link-post-link:hover { - color: #670; - text-shadow: - 0.5px 0.5px 0 #000, - -0.5px -0.5px 0 #000, - 0 0 2px #000, - 0 0 3px #54d400; - } -} - -h1.listing .edit-post-link { - padding: 5px 3px 12px 0.5em; - top: 0; - right: 0; -} -h1.listing .edit-post-link:hover { - text-decoration: none; -} -#content.user-page h1.listing .edit-post-link { - background-color: #131313; -} - -/*======*/ -/* SPAM */ -/*======*/ - -h1.listing.spam { - opacity: 0.15; -} -h1.listing.spam + .post-meta { - opacity: 0.4; -} -h1.listing.spam:hover, -h1.listing.spam + .post-meta:hover, -h1.listing.spam:hover + .post-meta { - opacity: 1.0; -} - -/*===================*/ -/* LISTING POST-META */ -/*===================*/ - -h1.listing + .post-meta { - padding-right: 330px; -} -h1.listing + .post-meta .karma-value, -h1.listing + .post-meta .comment-count, -h1.listing + .post-meta .lw2-link, -h1.listing + .post-meta .read-time { - border-radius: 4px; - padding: 0 4px 0 2px; - text-shadow: 0.5px 0.5px 0.5px #575756; - margin: 0 0.25em 0 0.5em; - position: absolute; - line-height: 1.15; - bottom: -6px; -} -h1.listing + .post-meta .karma-value span, -h1.listing + .post-meta .comment-count span, -h1.listing + .post-meta .lw2-link span, -h1.listing + .post-meta .read-time span { - display: none; -} -h1.listing + .post-meta .karma-value::before, -h1.listing + .post-meta .comment-count::before, -h1.listing + .post-meta .lw2-link::before, -h1.listing + .post-meta .read-time::before { - color: #000; - font-family: 'Font Awesome', 'Font Awesome 5 Free'; - font-weight: 900; - margin: 0 8px 0 0; - box-shadow: 0 0 0 2px #1f1f1f; -} -_::-webkit-full-page-media, _:future, :root h1.listing + .post-meta .karma-value::before, -_::-webkit-full-page-media, _:future, :root h1.listing + .post-meta .comment-count::before, -_::-webkit-full-page-media, _:future, :root h1.listing + .post-meta .lw2-link::before, -_::-webkit-full-page-media, _:future, :root h1.listing + .post-meta .read-time::before { - text-shadow: 0 0 3px #575756; -} - -h1.listing + .post-meta .karma { - margin: 0; -} -h1.listing + .post-meta .karma-value { - box-shadow: - 22px 0 0 0 #1f1f1f inset, - 0 0 0 3px #1f1f1f; - cursor: default; - color: #00a9ed; - right: 264px; -} -h1.listing + .post-meta .karma-value::before { - content: "\F139"; - text-shadow: none; - font-size: 0.9375em; - line-height: 1.3; -} - -h1.listing + .post-meta .comment-count::before { - content: "\F086"; -} -h1.listing + .post-meta .comment-count { - box-shadow: - 25px 0 0 0 #1f1f1f inset, - 0 0 0 3px #1f1f1f; - color: #9e4acf; - right: 176px; -} -h1.listing + .post-meta .comment-count:hover { - text-decoration: none; - color: #000; - background-color: #9e4acf; -} -h1.listing + .post-meta .comment-count:hover::before { - color: #9e4acf; -} -h1.listing + .post-meta .comment-count.new-comments::before { - color: #9e4acf; - text-shadow: 0.5px 0.5px 0.5px #000; -} -h1.listing + .post-meta .comment-count.new-comments:hover::before { - text-shadow: 0.5px 0.5px 0.5px #575756; -} - - -h1.listing + .post-meta .lw2-link { - box-shadow: - 23px 0 0 0 #1f1f1f inset, - 0 0 0 3px #1f1f1f; - right: 0; -} -h1.listing + .post-meta .lw2-link::before { - content: "\F0C1"; -} -h1.listing + .post-meta .lw2-link:hover { - text-decoration: none; - color: #000; - background-color: #00c200; -} -h1.listing + .post-meta .lw2-link:hover::before { - color: #00c200; -} - -h1.listing + .post-meta .read-time { - box-shadow: - 21px 0 0 0 #1f1f1f inset, - 0 0 0 3px #1f1f1f; - right: 80px; -} -h1.listing + .post-meta .read-time::before { - content: "\F2F2"; - cursor: pointer; -} -h1.listing + .post-meta .read-time::after { - content: " min"; -} -h1.listing + .post-meta .read-time:hover::before { - color: #777; -} - -h1.listing + .post-meta .word-count { - box-shadow: - 22px 0 0 0 #1f1f1f inset, - 0 0 0 3px #1f1f1f; - padding: 0 4px 0 4px; -} -h1.listing + .post-meta .word-count::before { - content: "\F15C"; - margin: 0 10px 0 0; -} -h1.listing + .post-meta .read-time.word-count::after { - content: none; -} - -h1.listing + .post-meta .link-post-domain { - margin: 0 0 0 0.5em; -} - -h1.listing + .post-meta::after { - content: ""; - display: block; - height: 1px; - width: 100%; - background-color: #1f1f1f; - position: absolute; - bottom: -14px; -} - -/*============*/ -/* USER PAGES */ -/*============*/ - -#content.user-page h1.page-main-heading, -#content.user-page .user-stats { - border-bottom: 1px solid #2c2c2c; -} - -#content.user-page h1.listing, -#content.user-page h1.listing + .post-meta { - background-color: #131313; - border-style: solid; - border-color: #2c2c2c; -} -#content.user-page h1.listing { - padding: 0 6px; - padding-top: 0.25em; - border-width: 1px 1px 0 1px; - margin: 1rem 0 0 0; - max-width: 100%; -} -#content.own-user-page h1.listing, -h1.listing.own-post-listing { - padding-right: 36px; -} -@media only screen and (hover: hover) { - #content.user-page h1.listing a:hover, - #content.user-page h1.listing a:focus { - background-color: #131313; - } - #content.user-page h1.listing:focus-within::before { - left: -0.625em; - } -} -#content.user-page h1.listing + .post-meta { - padding: 0.125em 6px 1em 36px; - border-width: 0 1px 1px 1px; - margin: 0 0 1rem 0; -} -#content.user-page h1.listing + .post-meta::after { - display: none; -} -@media only screen and (min-width: 521px) { - #content.user-page h1.listing + .post-meta .karma-value, - #content.user-page h1.listing + .post-meta .comment-count, - #content.user-page h1.listing + .post-meta .lw2-link, - #content.user-page h1.listing + .post-meta .read-time { - bottom: 10px; - } -} -#content.user-page h1.listing + .post-meta .post-section::before { - left: -1px; -} - -#content.conversations-user-page h1.listing { - padding: 4px 6px; - font-size: 1.75rem; -} -#content.conversations-user-page h1.listing + .post-meta { - padding: 6px 4px; - margin: 0 0 0.25rem 0; -} - -.user-stats .karma-total { - font-weight: bold; -} - -/*===============*/ -/* CONVERSATIONS */ -/*===============*/ - -/*============*/ -/* LOGIN PAGE */ -/*============*/ - -.login-container form input[type='submit'] { - font-weight: bold; - background-color: #131313; - border: 1px solid #2c2c2c; -} -.login-container form input[type='submit']:hover, -.login-container form input[type='submit']:focus { - background-color: #1f1f1f; - border: 1px solid #484848; -} - -/* “Create account” form */ - -#signup-form { - background-color: #0f0f0f; - border: 1px solid #1f1f1f; -} -#signup-form input[type='submit'] { - background-color: #1a1a1a; - border: 1px solid #2c2c2c; -} -#signup-form input[type='submit']:hover { - background-color: #232323; - border: 1px solid #484848; -} - -/* Log in tip */ - -.login-container .login-tip { - border: 1px solid #131313; -} - -/* Message box */ - -.error-box { - border: 1px solid red; - background-color: #004147; -} -.success-box { - border: 1px solid green; - background-color: #320042; -} - -/*=====================*/ -/* PASSWORD RESET PAGE */ -/*=====================*/ - -.reset-password-container input[type='submit'] { - background-color: #1a1a1a; - border: 1px solid #2c2c2c; - font-weight: bold; -} - -/*===================*/ -/* TABLE OF CONTENTS */ -/*===================*/ - -.contents { - font-family: 'Concourse', 'a_Avante', 'Assistant', Arial, 'GW-Symbols', sans-serif; - border: 1px solid #1f1f1f; - background-color: #131313; -} -.contents-head { - font-weight: bold; -} -.body-text .contents li::before { - color: #575756; - font-feature-settings: "tnum"; -} -.body-text .contents a, -.body-text .contents a:hover { - border: none; -} -.body-text .contents a:hover { - text-decoration: underline; -} - -.contents .toc-collapse-toggle-button { - color: #2c2c2c; -} -.contents .toc-collapse-toggle-button:hover { - color: #484848; - text-shadow: 0 0 1px #000, 0 0 3px #000, 0 0 5px #000; -} - -/*==================*/ -/* POSTS & COMMENTS */ -/*==================*/ - -.body-text { - font-family: 'Charter', 'PT Serif', 'Georgia', serif; -} - -.body-text a { - border-bottom: 1px dotted #393939; -} -.body-text a:hover { - text-decoration: none; - border-bottom: 1px solid currentColor; -} - -/*=======*/ -/* POSTS */ -/*=======*/ - -h1.post-title { - font-family: 'Concourse', 'a_Avante', 'Assistant', Arial, 'GW-Symbols', sans-serif; - font-weight: 800; -} - -/*=================*/ -/* POST NAVIGATION */ -/*=================*/ - -.post-nav-links a, -.post-nav-links a:visited { - color: #fff; -} -.post-nav-links a:hover { - text-decoration: none; -} -.post-nav-title { - font-weight: 600; -} - -.post-nav-label { - color: #777; -} -.post-nav-links a:hover .post-nav-label { - font-weight: 600; - color: #666; -} -.post-nav-links a:hover .post-nav-title { - color: #777; -} - -@media only screen and (max-width: 900px) { - .sequence-title { - border-top: 1px dotted #777; - } - .post-nav.prev { - border-right: 1px dotted #777; - } - .post-nav.next { - border-left: 1px dotted #777; - } -} - -.crosspost { - background-color: #131313; - border: 1px solid #2c2c2c; -} - -/*===========*/ -/* POST-META */ -/*===========*/ - -.post-meta .post-section::before, -.comment-meta .alignment-forum { - color: #000; - text-shadow: - 1px 1px 0 #9740cb, - 0 1px 0 #9740cb, - 0 0 5px #9740cb; -} -a.post-section:hover { - text-decoration: none; -} -a.post-section:hover::before { - color: #2e0062; -} -.post-meta .post-section.alignment-forum::before, -.comment-meta .alignment-forum { - text-shadow: - 1px 1px 0 #658100, - 0 1px 0 #658100, - 0 0 5px #658100; -} -a.post-section.alignment-forum:hover::before { - color: #181a00; -} -.post-meta .date { - color: #666; -} -.post-meta .author { - color: #9740cb; -} -.bottom-post-meta { - border-color: #1f1f1f; -} - -/*============*/ -/* LINK POSTS */ -/*============*/ - -.post.link-post a.link-post-link { - text-decoration: none; - font-family: 'Concourse', 'a_Avante', 'Assistant', Arial, 'GW-Symbols', sans-serif; - font-weight: 600; -} -.post.link-post a.link-post-link:hover { - color: #00a9ed; -} -.post.link-post a.link-post-link:hover::before { - color: #670; - text-shadow: - 0.5px 0.5px 0 #000, - -0.5px -0.5px 0 #000, - 0 0 2px #000, - 0 0 3px #54d400; -} -.post.link-post a.link-post-link:focus { - color: #777; - border-bottom: 2px dotted #777; -} - -/*==========*/ -/* COMMENTS */ -/*==========*/ - -.comments::before { - border-top: 1px solid #fff; - box-shadow: 0 3px 4px -4px #fff inset; -} -@-moz-document url-prefix() { - .comments::before { - box-shadow: 0 3px 3px -4px #fff inset; - } -} -#content > .comment-thread .comment-meta a.date:focus, -#content > .comment-thread .comment-meta a.permalink:focus { - color: #666; - outline: 2px dotted #575756; - position: relative; - background-color: #000; -} -#content > .comment-thread .comment-meta a.date:focus { - padding: 0 4px; - left: -4px; -} -#content > .comment-thread .comment-meta a.date:focus + * { - margin-left: -8px; -} -#content > .comment-thread .comment-meta a.permalink:focus { - padding: 0 5px; - left: -5px; -} -#content > .comment-thread .comment-meta a.permalink:focus + *:not(.comment-post-title) { - margin-left: -10px; -} -.comment-item { - border: 1px solid #2c2c2c; - background-color: var(--GW-comment-background-color); -} -.comment-parent-link::after { - box-shadow: - 0 28px 16px -16px var(--GW-comment-parent-background-color) inset, - 4px 16px 0 12px var(--GW-comment-background-color-target) inset, - 4px 4px 0 12px var(--GW-comment-background-color-target) inset; -} - -/*================================*/ -/* DEEP COMMENT THREAD COLLAPSING */ -/*================================*/ - -.comment-item input[id^="expand"] + label::after { - color: #0cc800; - font-weight: 600; -} -.comment-item input[id^="expand"] + label:hover::after { - color: #00a9ed; -} -.comment-item input[id^="expand"] + label:active::after, -.comment-item input[id^="expand"] + label:focus::after{ - color: #00a9ed; -} -.comment-item input[id^="expand"]:checked ~ .comment-thread .comment-thread .comment-item { - border-width: 1px 0 0 0; -} - -/*==============*/ -/* COMMENT-META */ -/*==============*/ - -.comment-meta .author { - font-weight: bold; - font-size: 1.25em; - color: #fff; -} -.comment-meta .author:hover { - text-decoration: none; - color: #9740cb; -} -.comment-item .author:not(.redacted).original-poster::after { - opacity: 0.5; -} - -.comment-item .voting-controls.active-controls::after, -.comment-item .voting-controls .karma-value::after, -.post .voting-controls.active-controls::after, -.post .voting-controls .karma-value::after, -.author::before { - background-color: #000; - color: #575756; - border-radius: 4px; - box-shadow: 0 0 0 1px #1f1f1f inset; -} -.comment-item .voting-controls.active-controls::after, -.post .voting-controls.active-controls::after { - padding: 6px 4px 4px 4px; - bottom: -44px; -} -.comment-item .voting-controls .karma-value::after, -.post .voting-controls .karma-value::after { - padding: 2px 8px 1px 8px; - top: -25px; - min-width: 56px; -} - -/*====================*/ -/* ANTI-KIBITZER MODE */ -/*====================*/ - -.author.redacted, -.inline-author.redacted { - opacity: 0.6; - font-weight: 400; -} - -.karma-value.redacted { - opacity: 0.4; -} - -.link-post-domain.redacted { - opacity: 0.4; -} - -/*===========================*/ -/* COMMENT THREAD NAVIGATION */ -/*===========================*/ - -div.comment-parent-link { - font-weight: 600; -} -a.comment-parent-link { - font-weight: 400; -} -a.comment-parent-link::before { - color: #393939; -} -a.comment-parent-link:hover::before { - background-color: #00001e; - color: #575756; -} - -div.comment-child-links { - font-weight: 600; -} -div.comment-child-links a { - font-weight: 400; -} -.comment-child-link::before { - color: #484848; -} - -.comment-item-highlight { - box-shadow: - 0 0 2px #0047b5, - 0 0 3px #0047b5, - 0 0 5px #0047b5, - 0 0 7px #0047b5, - 0 0 10px #0047b5; - border: 1px solid #0047b5; -} -.comment-item-highlight-faint { - box-shadow: - 0 0 2px #00193b, - 0 0 3px #00193b, - 0 0 5px #00193b, - 0 0 7px #00193b, - 0 0 10px #00193b; - border: 1px solid #00193b; -} - -.comment-popup { - background-color: #000; -} - -/*=======================*/ -/* COMMENTS COMPACT VIEW */ -/*=======================*/ - -#comments-list-mode-selector button { - box-shadow: - 0 0 0 4px #000 inset, - 0 0 0 5px #393939 inset; -} -#comments-list-mode-selector button:hover, -#comments-list-mode-selector button.selected { - box-shadow: - 0 0 0 5px #393939 inset; -} -#content.compact > .comment-thread .comment-item::after { - color: #0cc800; - background: linear-gradient(to right, transparent 0%, #000 50%, #000 100%); -} - -@media only screen and (hover: hover) { - #content.compact > .comment-thread .comment-item:hover .comment, - #content.compact > .comment-thread .comment-item.expanded .comment { - background-color: #000; - outline: 3px solid #54d400; - } - #content.compact > .comment-thread .comment-item:hover .comment::before, - #content.compact > .comment-thread .comment-item.expanded .comment::before { - background-color: #000; - box-shadow: - 0 0 3px #000, - 0 0 5px #000, - 0 0 7px #000, - 0 0 10px #000, - 0 0 20px #000, - 0 0 30px #000, - 0 0 40px #000; - } -} -@media only screen and (hover: none) { - #content.compact > .comment-thread.expanded .comment-item .comment { - background-color: #000; - outline: 3px solid #54d400; - } - #content.compact > .comment-thread.expanded .comment-item .comment::before { - background-color: #000; - box-shadow: - 0 0 3px #000, - 0 0 5px #000, - 0 0 7px #000, - 0 0 10px #000, - 0 0 20px #000, - 0 0 30px #000, - 0 0 40px #000; - } -} - -#content.user-page.compact > h1.listing { - margin-top: 0.5rem; -} -#content.user-page.compact > h1.listing + .post-meta { - margin-bottom: 0.5rem; -} - -/*===========================*/ -/* HIGHLIGHTING NEW COMMENTS */ -/*===========================*/ - -.new-comment::before { - outline: 2px solid #7f3b92; - box-shadow: - 0 0 6px -2px #7f3b92 inset, - 0 0 4px #7f3b92, - 0 0 6px #7f3b92; -} - -/*=================================*/ -/* COMMENT THREAD MINIMIZE BUTTONS */ -/*=================================*/ - -.comment-minimize-button { - color: #2c2c2c; -} -.comment-minimize-button:hover { - color: #484848; - text-shadow: 0 0 1px #000, 0 0 3px #000, 0 0 5px #000; -} -.comment-minimize-button::after { - font-family: 'Concourse', 'a_Avante', 'Assistant', Arial, 'GW-Symbols', sans-serif; - color: #777; -} -.comment-minimize-button.maximized::after { - color: #2c2c2c; -} - -/*==============*/ -/* VOTE BUTTONS */ -/*==============*/ - -.vote::before { - content: ""; - border-radius: 50%; - background-size: 17px 17px; - width: 17px; - height: 17px; - display: inline-block; - position: relative; - top: 2.5px; -} -.vote:active { - transform: none; -} - -/**********/ -/* States. - */ - -/* _ 1 - */ -.upvote { - filter: grayscale(100%) brightness(128%); -} -.downvote { - filter: grayscale(100%) brightness(188%); -} - -/* _ 2 - */ -.vote:not(.none) { - filter: drop-shadow(0 0 1px #000); -} - -/* 1 _ - */ -.vote.two-temp::before { - box-shadow: - 0 0 0 1px #000, - 0 0 0 4px #2f2f2f, - 0 0 0 5px transparent; -} - -/* 2 _ - */ -.upvote.two::before { - box-shadow: - 0 0 0 1px #000, - 0 0 0 4px var(--GW-upvote-button-color), - 0 0 0 5px transparent; -} -.downvote.two::before { - box-shadow: - 0 0 0 1px #000, - 0 0 0 4px var(--GW-downvote-button-color), - 0 0 0 5px transparent; -} - -/* Disabled. - */ -.vote:disabled { - visibility: unset; - filter: brightness(50%); -} - -/*********/ -/* Icons. - */ - -.karma .upvote::before { - background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBkPSJNMjU2IDhDMTE5IDggOCAxMTkgOCAyNTZzMTExIDI0OCAyNDggMjQ4IDI0OC0xMTEgMjQ4LTI0OFMzOTMgOCAyNTYgOHptMTQ0IDI3NmMwIDYuNi01LjQgMTItMTIgMTJoLTkydjkyYzAgNi42LTUuNCAxMi0xMiAxMmgtNTZjLTYuNiAwLTEyLTUuNC0xMi0xMnYtOTJoLTkyYy02LjYgMC0xMi01LjQtMTItMTJ2LTU2YzAtNi42IDUuNC0xMiAxMi0xMmg5MnYtOTJjMC02LjYgNS40LTEyIDEyLTEyaDU2YzYuNiAwIDEyIDUuNCAxMiAxMnY5Mmg5MmM2LjYgMCAxMiA1LjQgMTIgMTJ2NTZ6IiAgIGZpbGw9IiMwMEQ4MDAiLz48L3N2Zz4='); -} -.karma .downvote::before { - background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBkPSJNMjU2IDhDMTE5IDggOCAxMTkgOCAyNTZzMTExIDI0OCAyNDggMjQ4IDI0OC0xMTEgMjQ4LTI0OFMzOTMgOCAyNTYgOHpNMTI0IDI5NmMtNi42IDAtMTItNS40LTEyLTEydi01NmMwLTYuNiA1LjQtMTIgMTItMTJoMjY0YzYuNiAwIDEyIDUuNCAxMiAxMnY1NmMwIDYuNi01LjQgMTItMTIgMTJIMTI0eiIgZmlsbD0iI0VCNEMyQSIvPjwvc3ZnPg=='); -} - -.karma .upvote:disabled::before { - background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBkPSJNMjU2IDhDMTE5IDggOCAxMTkgOCAyNTZzMTExIDI0OCAyNDggMjQ4IDI0OC0xMTEgMjQ4LTI0OFMzOTMgOCAyNTYgOHptMTQ0IDI3NmMwIDYuNi01LjQgMTItMTIgMTJoLTkydjkyYzAgNi42LTUuNCAxMi0xMiAxMmgtNTZjLTYuNiAwLTEyLTUuNC0xMi0xMnYtOTJoLTkyYy02LjYgMC0xMi01LjQtMTItMTJ2LTU2YzAtNi42IDUuNC0xMiAxMi0xMmg5MnYtOTJjMC02LjYgNS40LTEyIDEyLTEyaDU2YzYuNiAwIDEyIDUuNCAxMiAxMnY5Mmg5MmM2LjYgMCAxMiA1LjQgMTIgMTJ2NTZ6IiBzdHJva2U9IiNEOEQ4RDgiIHN0cm9rZS13aWR0aD0iNCUiIGZpbGw9InRyYW5zcGFyZW50Ii8+PC9zdmc+'); -} -.karma .downvote:disabled::before { - background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+PHBhdGggZD0iTTI1NiA4QzExOSA4IDggMTE5IDggMjU2czExMSAyNDggMjQ4IDI0OCAyNDgtMTExIDI0OC0yNDhTMzkzIDggMjU2IDh6TTEyNCAyOTZjLTYuNiAwLTEyLTUuNC0xMi0xMnYtNTZjMC02LjYgNS40LTEyIDEyLTEyaDI2NGM2LjYgMCAxMiA1LjQgMTIgMTJ2NTZjMCA2LjYtNS40IDEyLTEyIDEySDEyNHoiIHN0cm9rZT0iI0Q4RDhEOCIgc3Ryb2tlLXdpZHRoPSI0JSIgZmlsbD0idHJhbnNwYXJlbnQiLz48L3N2Zz4='); -} - -.agreement .upvote::before { - background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBkPSJNNTA0IDI1NmMwIDEzNi45NjctMTExLjAzMyAyNDgtMjQ4IDI0OFM4IDM5Mi45NjcgOCAyNTYgMTE5LjAzMyA4IDI1NiA4czI0OCAxMTEuMDMzIDI0OCAyNDh6TTIyNy4zMTQgMzg3LjMxNGwxODQtMTg0YzYuMjQ4LTYuMjQ4IDYuMjQ4LTE2LjM3OSAwLTIyLjYyN2wtMjIuNjI3LTIyLjYyN2MtNi4yNDgtNi4yNDktMTYuMzc5LTYuMjQ5LTIyLjYyOCAwTDIxNiAzMDguMTE4bC03MC4wNTktNzAuMDU5Yy02LjI0OC02LjI0OC0xNi4zNzktNi4yNDgtMjIuNjI4IDBsLTIyLjYyNyAyMi42MjdjLTYuMjQ4IDYuMjQ4LTYuMjQ4IDE2LjM3OSAwIDIyLjYyN2wxMDQgMTA0YzYuMjQ5IDYuMjQ5IDE2LjM3OSA2LjI0OSAyMi42MjguMDAxeiIgZmlsbD0iIzAwRDgwMCIvPjwvc3ZnPg=='); -} -.agreement .downvote::before { - background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBkPSJNMjU2IDhDMTE5IDggOCAxMTkgOCAyNTZzMTExIDI0OCAyNDggMjQ4IDI0OC0xMTEgMjQ4LTI0OFMzOTMgOCAyNTYgOHptMTIxLjYgMzEzLjFjNC43IDQuNyA0LjcgMTIuMyAwIDE3TDMzOCAzNzcuNmMtNC43IDQuNy0xMi4zIDQuNy0xNyAwTDI1NiAzMTJsLTY1LjEgNjUuNmMtNC43IDQuNy0xMi4zIDQuNy0xNyAwTDEzNC40IDMzOGMtNC43LTQuNy00LjctMTIuMyAwLTE3bDY1LjYtNjUtNjUuNi02NS4xYy00LjctNC43LTQuNy0xMi4zIDAtMTdsMzkuNi0zOS42YzQuNy00LjcgMTIuMy00LjcgMTcgMGw2NSA2NS43IDY1LjEtNjUuNmM0LjctNC43IDEyLjMtNC43IDE3IDBsMzkuNiAzOS42YzQuNyA0LjcgNC43IDEyLjMgMCAxN0wzMTIgMjU2bDY1LjYgNjUuMXoiIGZpbGw9IiNFQjRDMkEiLz48L3N2Zz4='); -} - -.agreement .upvote:disabled::before { - background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBkPSJNNTA0IDI1NmMwIDEzNi45NjctMTExLjAzMyAyNDgtMjQ4IDI0OFM4IDM5Mi45NjcgOCAyNTYgMTE5LjAzMyA4IDI1NiA4czI0OCAxMTEuMDMzIDI0OCAyNDh6TTIyNy4zMTQgMzg3LjMxNGwxODQtMTg0YzYuMjQ4LTYuMjQ4IDYuMjQ4LTE2LjM3OSAwLTIyLjYyN2wtMjIuNjI3LTIyLjYyN2MtNi4yNDgtNi4yNDktMTYuMzc5LTYuMjQ5LTIyLjYyOCAwTDIxNiAzMDguMTE4bC03MC4wNTktNzAuMDU5Yy02LjI0OC02LjI0OC0xNi4zNzktNi4yNDgtMjIuNjI4IDBsLTIyLjYyNyAyMi42MjdjLTYuMjQ4IDYuMjQ4LTYuMjQ4IDE2LjM3OSAwIDIyLjYyN2wxMDQgMTA0YzYuMjQ5IDYuMjQ5IDE2LjM3OSA2LjI0OSAyMi42MjguMDAxeiIgc3Ryb2tlPSIjRDhEOEQ4IiBzdHJva2Utd2lkdGg9IjQlIiBmaWxsPSJ0cmFuc3BhcmVudCIvPjwvc3ZnPg=='); -} -.agreement .downvote:disabled::before { - background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBkPSJNMjU2IDhDMTE5IDggOCAxMTkgOCAyNTZzMTExIDI0OCAyNDggMjQ4IDI0OC0xMTEgMjQ4LTI0OFMzOTMgOCAyNTYgOHptMTIxLjYgMzEzLjFjNC43IDQuNyA0LjcgMTIuMyAwIDE3TDMzOCAzNzcuNmMtNC43IDQuNy0xMi4zIDQuNy0xNyAwTDI1NiAzMTJsLTY1LjEgNjUuNmMtNC43IDQuNy0xMi4zIDQuNy0xNyAwTDEzNC40IDMzOGMtNC43LTQuNy00LjctMTIuMyAwLTE3bDY1LjYtNjUtNjUuNi02NS4xYy00LjctNC43LTQuNy0xMi4zIDAtMTdsMzkuNi0zOS42YzQuNy00LjcgMTIuMy00LjcgMTcgMGw2NSA2NS43IDY1LjEtNjUuNmM0LjctNC43IDEyLjMtNC43IDE3IDBsMzkuNiAzOS42YzQuNyA0LjcgNC43IDEyLjMgMCAxN0wzMTIgMjU2bDY1LjYgNjUuMXoiIHN0cm9rZT0iI0Q4RDhEOCIgc3Ryb2tlLXdpZHRoPSI0JSIgZmlsbD0idHJhbnNwYXJlbnQiLz48L3N2Zz4='); -} - -/*===========================*/ -/* COMMENTING AND POSTING UI */ -/*===========================*/ - -.posting-controls input[type='submit'] { - background-color: #000; - border: 1px solid #484848; - font-weight: bold; -} -.posting-controls input[type='submit']:hover, -.posting-controls input[type='submit']:focus { - background-color: #1f1f1f; - border: 1px solid #575756; -} - -.comment-controls .cancel-comment-button { - font-weight: 600; - color: #00a9ed; - text-shadow: - 0 0 1px #000, - 0 0 2px #000; -} -.comment-controls .cancel-comment-button:hover { - color: #0090e0; - text-shadow: 0 0 1px #000, 0 0 3px #000, 0 0 5px #000; -} - -.new-comment-button { - font-weight: 600; -} - -.comment-controls .delete-button, -.comment-controls .retract-button { - color: #00bbf5; - opacity: 0.85; -} -.comment-controls .edit-button, -.comment-controls .unretract-button { - color: #9740cb; -} -.comment-controls .action-button:hover { - color: #0090e0; - opacity: 1.0; -} - -.button.edit-post-link:not(:hover) { - color: #9740cb; -} - -.posting-controls textarea { - font-family: 'Charter', 'PT Serif', 'Georgia', serif; - color: #fff; - background-color: #000; - border-color: #484848; - box-shadow: - 0 0 0 1px #131313 inset; -} -.posting-controls textarea:focus { - background-color: #00001e; - border-color: #0cc800; - box-shadow: - 0 0 0 1px #1d1f00 inset, - 0 0 0 1px #000, - 0 0 0 2px #0cc800; -} -.posting-controls.edit-existing-post textarea:focus, -.posting-controls form.edit-existing-comment textarea:focus { - border-color: #9740cb; - box-shadow: - 0 0 0 1px #3d0061 inset, - 0 0 0 1px #000, - 0 0 0 2px #9740cb; -} - -/*= Scroll bars =*/ - -.posting-controls textarea::-webkit-scrollbar, -.textarea-container .autocomplete-container::-webkit-scrollbar { - width: 16px; - background-color: transparent; -} -.posting-controls textarea::-webkit-scrollbar-track, -.textarea-container .autocomplete-container::-webkit-scrollbar-track { - background-color: #131313; - border-left: 1px solid #484848; - border-top: 1px solid #131313; -} -.posting-controls textarea:focus::-webkit-scrollbar-track, -.textarea-container .autocomplete-container::-webkit-scrollbar-track { - border-left: 1px solid #0cc800; - border-top: 1px solid #1d1f00; -} -.posting-controls textarea::-webkit-scrollbar-thumb { - background-color: #484848; - box-shadow: 0 0 0 1px #131313 inset; - border-left: 1px solid #484848; -} -.posting-controls textarea:focus::-webkit-scrollbar-thumb, -.textarea-container .autocomplete-container::-webkit-scrollbar-thumb { - border-left: 1px solid #0cc800; - background-color: #40a800; - box-shadow: - 0 1px 0 0 #1d1f00 inset, - 0 0 0 1px #131313 inset; -} - -.posting-controls.edit-existing-post textarea:focus::-webkit-scrollbar-track, -.posting-controls form.edit-existing-comment textarea:focus::-webkit-scrollbar-track { - border-left: 1px solid #9740cb; -} -.posting-controls.edit-existing-post textarea:focus::-webkit-scrollbar-thumb, -.posting-controls form.edit-existing-comment textarea:focus::-webkit-scrollbar-thumb { - border-left: 1px solid #9740cb; - background-color: #8533c2; -} - -/* GUIEdit buttons */ - -.guiedit-buttons-container { - background-image: linear-gradient(to bottom, #000 0%, #1d1f00 50%, #252c00 75%, #344700 100%); -} - -.posting-controls.edit-existing-post .guiedit-buttons-container button, -.posting-controls form.edit-existing-comment .guiedit-buttons-container button { - color: #ce92ee; -} -.guiedit-buttons-container button { - font-family: 'Font Awesome', 'Font Awesome 5 Free', 'Charter', 'PT Serif', 'Georgia', serif; -} - -.guiedit::after { - font-family: 'Concourse', 'a_Avante', 'Assistant', Arial, 'GW-Symbols', sans-serif; - color: #777; - text-shadow: none; -} - -/* Markdown hints */ - -#markdown-hints-checkbox + label { - color: #0cc800; -} -#markdown-hints-checkbox + label:hover { - color: #0098e4; - text-shadow: 0 0 1px #000, 0 0 3px #000, 0 0 5px #000; -} -#markdown-hints { - border: 1px solid #00a9ed; - background-color: #000340; -} - -/*================*/ -/* EDIT POST FORM */ -/*================*/ - -#edit-post-form .post-meta-fields input[type='checkbox'] + label { - top: -1px; -} -#edit-post-form .post-meta-fields input[type='checkbox'] + label::before { - border-radius: 3px; - border: 1px solid #1f1f1f; - color: #777; -} -@media only screen and (hover:hover) { - #edit-post-form .post-meta-fields input[type='checkbox'] + label:hover, - #edit-post-form .post-meta-fields input[type='checkbox']:focus + label { - text-shadow: - 0 0 1px #000, - 0 0 2px #000, - 0 0 2.5px #484848; - } - #edit-post-form .post-meta-fields input[type='checkbox'] + label:hover::before, - #edit-post-form .post-meta-fields input[type='checkbox']:focus + label::before { - border-color: #484848; - } -} -#edit-post-form .post-meta-fields input[type='checkbox']:checked + label::before { - content: "\F00C"; -} -#edit-post-form input[type='radio'] + label { - color: #777; - border-color: #1f1f1f; - padding: 4px 12px 5px 12px; -} -#edit-post-form input[type='radio'][value='all'] + label { - border-radius: 8px 0 0 8px; - border-width: 1px; -} -#edit-post-form input[type='radio'][value='drafts'] + label { - border-radius: 0 8px 8px 0; -} -@media only screen and (hover:hover) { - #edit-post-form input[type='radio'] + label:hover, - #edit-post-form input[type='radio']:focus + label { - background-color: #1f1f1f; - color: #fff; - } -} -#edit-post-form input[type='radio']:focus + label { - color: #fff; - box-shadow: - 0 0 0 1px #484848; -} -#edit-post-form input[type='radio']:checked + label { - background-color: #1f1f1f; - border-color: #1f1f1f; - color: #fff; - text-shadow: - 0 -1px 0 #000, - 0 0.5px 0.5px #fff; -} - -/*=======*/ -/* LINKS */ -/*=======*/ - -a { - text-decoration: none; - color: #0cc800; -} -a:visited { - color: #76cc54; -} -a:hover { - text-decoration: underline; -} - -/*=========*/ -/* BUTTONS */ -/*=========*/ - -button, -input[type='submit'] { - color: #0cc800; -} - -button:active, -input[type='submit']:active { - color: #0090e0; - transform: scale(0.9); -} -.button:visited { - color: #0cc800; -} -.button:active { - transform: scale(0.9); -} -@-moz-document url-prefix() { - .button:active { - transform: none; - } -} - -@media only screen and (hover:hover) { - button:hover, - input[type='submit']:hover, - button:focus, - input[type='submit']:focus { - color: #0090e0; - text-shadow: 0 0 1px #000, 0 0 3px #000, 0 0 5px #000; - } - - .button:hover { - color: #0090e0; - text-shadow: 0 0 1px #000, 0 0 3px #000, 0 0 5px #000; - text-decoration: none; - } - .button:focus:not(:hover) { - transform: none; - } -} - -/*==========*/ -/* HEADINGS */ -/*==========*/ - -.body-text h1, -.body-text h2, -.body-text h4 { - font-family: 'Concourse', 'a_Avante', 'Assistant', Arial, 'GW-Symbols', sans-serif; -} -.body-text h3, -.body-text h5, -.body-text h6 { - font-weight: 600; - font-family: 'Concourse Smallcaps', 'a_Avante', 'Assistant', Arial, 'GW-Symbols', sans-serif; -} -.body-text h6 { - color: #9b9b9b; -} -.body-text h1 { - border-bottom: 1px solid #484848; -} - -/*========*/ -/* QUOTES */ -/*========*/ - -blockquote { - border-left: 5px solid #2c2c2c; -} - -/*========*/ -/* IMAGES */ -/*========*/ - -#content img, -#content figure.image img { - border: 1px solid #2c2c2c; -} -#content figure img { - border: 1px solid #fff; -} -#content img[src$='.svg'], -#content figure img[src$='.svg'] { - border: none; -} -#content img[style^='float'] { - border: 1px solid transparent; -} - -/*========*/ -/* TABLES */ -/*========*/ - -#content:not(.tag-index-page) .body-text table, -#content:not(.tag-index-page) .body-text table th, -#content:not(.tag-index-page) .body-text table td { - border: 1px solid #2c2c2c; -} - -/*======*/ -/* MISC */ -/*======*/ - -hr { - border-bottom: 1px solid #575756; -} - -code { - background-color: #0b0b00; - border: 1px solid #1d1f00; - border-radius: 4px; -} - -input[type='text'], -input[type='search'], -input[type='password'] { - background-color: #000; - border: 1px solid #1f1f1f; - color: #fff; -} -input[type='text']:focus, -input[type='search']:focus, -input[type='password']:focus { - background-color: #00001e; - border: 1px solid #393939; - box-shadow: 0 0 1px #393939; -} - -select { - color: #fff; -} - -@-moz-document url-prefix() { - h1.listing s, - .post > h1:first-of-type s { - position: relative; - text-decoration: none; - } - h1.listing s::after, - .post > h1:first-of-type s::after { - position: absolute; - border-bottom: 3px solid #fff; - content: ""; - top: 0; - left: 0; - width: 100%; - height: 50%; - } -} -/*============*/ -/* ABOUT PAGE */ -/*============*/ - -.about-page mark { - background-color: #191919; - text-decoration: none; - box-shadow: - 0 -1px 0 0 #fff inset, - 0 -3px 1px -2px #fff inset; - padding: 0 1px; -} - -#content.about-page .accesskey-table { - font-family: 'Concourse', 'a_Avante', 'Assistant', Arial, 'GW-Symbols', sans-serif; - border-color: #1f1f1f; -} - -#content.about-page img { - border: 1px solid #fff; -} - -/*========================*/ -/* QUALIFIED HYPERLINKING */ -/*========================*/ - -#aux-about-link a { - color: #777; -} -#aux-about-link a:hover { - opacity: 1.0; - text-shadow: 0 0 1px #000, 0 0 3px #000, 0 0 5px #000; -} - -.qualified-linking label { - color: #0cc800; -} -.qualified-linking label:hover { - text-shadow: - 0 0 1px #000, - 0 0 3px #000, - 0 0 5px #0cc800; -} - -.qualified-linking-toolbar { - border: 1px solid #fff; - background-color: #000; -} -.qualified-linking-toolbar a { - background-color: #131313; - border: 1px solid #2c2c2c; - border-radius: 4px; -} -.qualified-linking-toolbar a:visited { - color: #0cc800; -} -.qualified-linking-toolbar a:hover { - text-decoration: none; - background-color: #1f1f1f; - text-shadow: 0 0 1px #000, 0 0 3px #000, 0 0 5px #000; -} -.qualified-linking label::after { - background-color: #232323; - opacity: 0.8; -} - -/*======*/ -/* MATH */ -/*======*/ - -.mathjax-block-container::-webkit-scrollbar { - height: 12px; - background-color: #0b0b00; - border-radius: 6px; - border: 1px solid #1d1f00; -} -.mathjax-block-container::-webkit-scrollbar-thumb { - background-color: #1e1f13; - border-radius: 6px; - border: 1px solid #282c11; -} -.mathjax-inline-container::-webkit-scrollbar { - height: 8px; - background-color: #0b0b00; - border-radius: 4px; - border: 1px solid #1d1f00; -} -.mathjax-inline-container::-webkit-scrollbar-thumb { - background-color: #1e1f13; - border-radius: 4px; - border: 1px solid #282c11; -} - - -/*===============*/ -/* USER MENTIONS */ -/*===============*/ - -.textarea-container .autocomplete-container { - background-color: rgba(0, 3, 64, 0.75); - border: 1px solid rgba(10, 200, 0, 0.75); -} - -.textarea-container .autocomplete-container div.highlighted { - background-color: rgba(10, 200, 0, 0.75); - color: #000; -} - -.textarea-container .autocomplete-container div:not(.highlighted):hover { - background-color: rgba(10, 200, 0, 0.25); -} - -.textarea-container .autocomplete-container div span.age, -.textarea-container .autocomplete-container div span.karma { - color: #666; -} - - -/*=================*/ -/* ALIGNMENT FORUM */ -/*=================*/ - -#content.alignment-forum-index-page::before { - background-color: #131100; -} -#content.alignment-forum-index-page::after { - font-family: "Concourse SmallCaps"; - font-weight: bold; - background-color: #658100; - -webkit-background-clip: text; - color: transparent; - text-shadow: - rgba(0, 0, 0, 0.5) 0px 3px 3px;; -} -@media only screen and (hover: hover) { - #content.alignment-forum-index-page h1.listing a:hover, - #content.alignment-forum-index-page h1.listing a:focus { - background-color: rgba(19, 17, 0, 0.85); - } -} - -/*====================*/ -/* FOR NARROW SCREENS */ -/*====================*/ - -@media only screen and (max-width: 1440px) { - #hns-date-picker { - background-color: #232323; - opacity: 1.0; - } - #hns-date-picker::before { - border: 1px solid #575756; - border-width: 1px 0 1px 1px; - } -} -@media only screen and (max-width: 1160px) { - #theme-selector:hover::after { - background-color: #575756; - } -} -@media only screen and (max-width: 1080px) { - #text-size-adjustment-ui button { - border: 1px solid #575756; - padding: 0 0 0 1px; - border-radius: 50%; - box-shadow: - 0 0 6px #575756 inset, - 0 0 0 1px transparent; - } - #theme-tweaker-toggle button { - border: 1px solid #575756; - box-shadow: - 0 0 10px #575756 inset, - 0 0 0 1px transparent; - border-radius: 50%; - transform: scale(0.8); - } -} -@media only screen and (max-width: 1020px) { - #quick-nav-ui a { - box-shadow: - 0 0 0 1px #575756, - 0 0 0 2px transparent; - } - #new-comment-nav-ui .new-comments-count::before { - background-color: #232323; - box-shadow: - 0 0 0 1px #575756, - 0 0 0 2px transparent; - border-radius: 8px; - } - #anti-kibitzer-toggle { - box-shadow: - 0 0 0 1px #575756, - 0 0 0 2px transparent; - background-color: #232323; - border-radius: 6px; - overflow: hidden; - } -} -@media only screen and (max-width: 1000px) { - #theme-selector { - background-color: #232323; - box-shadow: - 0 0 0 1px #575756, - 0 0 0 2px transparent; - } - #theme-selector:hover::after { - width: calc(6em - 3px); - height: calc(100% - 5px); - top: 3px; - left: 100%; - } - #text-size-adjustment-ui button { - background-color: #1f1f1f; - } - #text-size-adjustment-ui button:hover { - background-color: #131313; - } - #theme-tweaker-toggle button { - background-color: #1f1f1f; - } -} - -/*========*/ -/* MOBILE */ -/*========*/ - -/*******************************************/ -@media only screen and (max-width: 1160px) { -/*******************************************/ - - #ui-elements-container > div[id$='-ui-toggle'] button { - color: #666; - text-shadow: - 0 0 1px #000, - 0 0 3px #000, - 0 0 5px #000, - 0 0 10px #000, - 0 0 20px #000, - 0 0 30px #000; - } - - #theme-selector { - background-color: #232323; - box-shadow: - 0 0 0 1px #575756, - 0 0 1px 3px #000, - 0 0 3px 3px #000, - 0 0 5px 3px #000, - 0 0 10px 3px #000, - 0 0 20px 3px #000; - border-radius: 12px; - } - #theme-selector::before, - #theme-selector .theme-selector-close-button { - color: #888; - text-shadow: 0.5px 0.5px 0 #000; - } - #theme-selector button { - background-color: #191919; - border-radius: 10px; - } - #theme-selector button::after { - color: #fff; - padding-bottom: 2px; - max-width: calc(100% - 3.25em); - overflow: hidden; - text-overflow: ellipsis; - } - #theme-selector button.selected::after { - text-shadow: - 0 -1px 0 #000, - 0 0.5px 0.5px #fff; - } - - #theme-selector .auxiliary-controls-container { - border-top-color: #575756; - } - #theme-selector .auxiliary-controls-container button { - background-color: #191919; - box-shadow: - 0 0 10px 0 #575756 inset, - 0 0 0 1px transparent; - border: 1px solid #575756; - } - #theme-selector #anti-kibitzer-toggle button::before, - #theme-selector #anti-kibitzer-toggle button::after { - background-color: #aeaeae; - } - #theme-selector #dark-mode-selector { - background-color: #191919; - box-shadow: - 0 0 10px 0 #575756 inset, - 0 0 0 1px transparent; - border: 1px solid #575756; - } - #theme-selector #dark-mode-selector button.selected { - background-color: #575756; - border-radius: 8px; - box-shadow: 0 0 2px 0 #575756; - } - - #quick-nav-ui { - background-color: #000; - } - #quick-nav-ui, - #new-comment-nav-ui, - #hns-date-picker { - box-shadow: - 0 0 1px 3px #000, - 0 0 3px 3px #000, - 0 0 5px 3px #000, - 0 0 10px 3px #000, - 0 0 20px 3px #000; - } - #quick-nav-ui a::after, - #new-comment-nav-ui::before { - font-family: 'Concourse', 'a_Avante', 'Assistant', Arial, 'GW-Symbols', sans-serif; - font-weight: 600; - box-shadow: - 0 0 1px 0 #000, - 0 0 3px 0 #000, - 0 0 5px 0 #000; - background-color: #000; - border-radius: 4px; - } - #quick-nav-ui, - #new-comment-nav-ui { - border-radius: 8px; - } - #new-comment-nav-ui { - background-color: #232323; - border: 1px solid #575756; - } - #new-comment-nav-ui::before { - color: #777; - } - #new-comment-nav-ui .new-comment-sequential-nav-button { - box-shadow: 0 0 0 1px #575756; - color: #777; - } - #new-comment-nav-ui .new-comments-count { - background-color: inherit; - box-shadow: 0 -1px 0 0 #575756; - } - #new-comment-nav-ui .new-comment-sequential-nav-button:disabled { - color: #393939; - } - #new-comment-nav-ui .new-comment-sequential-nav-button.new-comment-previous { - border-radius: 7px 0 0 7px; - } - #new-comment-nav-ui .new-comment-sequential-nav-button.new-comment-next { - border-radius: 0 7px 7px 0; - } - #new-comment-nav-ui button::after { - font-family: 'Concourse', 'a_Avante', 'Assistant', Arial, 'GW-Symbols', sans-serif; - } - - /*****************************************/ - @media only screen and (max-width: 900px) { - /*****************************************/ - h1.listing { - font-size: 1.75rem; - line-height: 1; - } - h1.listing .link-post-link { - top: 2px; - } - h1.listing + .post-meta .karma-value, - h1.listing + .post-meta .comment-count, - h1.listing + .post-meta .lw2-link, - h1.listing + .post-meta .read-time { - bottom: 0; - } - h1.listing + .post-meta .post-section::before { - position: unset; - } - h1.listing + .post-meta .post-section { - overflow: visible; - order: 1; - } - h1.listing + .post-meta .link-post-domain { - order: 2; - line-height: 1; - flex-basis: 100%; - } - h1.listing + .post-meta::after { - bottom: -10px; - } - #content.user-page h1.listing + .post-meta { - margin-bottom: 1em; - } - #content.user-page h1.link-post-listing::after { - height: calc(100% + 2em); - } - - #nav-item-search button::before { - color: #0cc800; - } - - .archive-nav > *[class^='archive-nav-'] + *[class^='archive-nav-']::before { - background-color: #484848; - } - - .comment-item .comment-item { - margin: 0.75em 2px 4px 6px; - box-shadow: - 0 0 2px #2c2c2c, - 0 0 4px #2c2c2c, - 0 0 7px #2c2c2c; - } - .comment-item .comment-item + .comment-item { - margin: 1.5em 2px 4px 6px; - } - .comment-body { - font-size: 1.125rem; - } - - a.comment-parent-link:hover::before { - background-color: unset; - } - - .sublevel-nav:not(.sort) .sublevel-item, - .sublevel-nav:not(.sort) .sublevel-item:first-child, - .sublevel-nav:not(.sort) .sublevel-item:last-child { - border-radius: 8px; - border-width: 1px; - margin: 2px; - } - /*******************************************/ - } @media only screen and (max-width: 720px) { - /*******************************************/ - h1.listing { - margin: 10px 6px 6px 6px; - max-width: calc(100% - 12px); - font-size: 1.5rem; - padding-right: 35px; - } - #content.conversations-user-page h1.listing { - font-size: 1.5rem; - } - h1.listing + .post-meta { - margin: 0 6px 0 7px; - clear: both; - } - h1.listing + .post-meta { - padding: .25em 254px 0 0; - } - h1.listing + .post-meta::after { - bottom: -2px; - } - h1.listing + .post-meta > * { - line-height: 1; - display: block; - } - #content.conversations-user-page h1.listing + .post-meta > * { - line-height: 1.5; - } - h1.listing + .post-meta .date, - h1.listing + .post-meta .author { - line-height: 1.3; - } - h1.listing + .post-meta .karma-value, - h1.listing + .post-meta .comment-count, - h1.listing + .post-meta .lw2-link, - h1.listing + .post-meta .read-time { - top: unset; - font-size: 1rem; - box-shadow: none; - } - h1.listing + .post-meta .karma-value::before, - h1.listing + .post-meta .comment-count::before, - h1.listing + .post-meta .lw2-link::before, - h1.listing + .post-meta .read-time::before { - box-shadow: none; - } - h1.listing + .post-meta .karma-value, - h1.listing + .post-meta .comment-count, - h1.listing + .post-meta .read-time, - h1.listing + .post-meta .lw2-link { - bottom: 4px; - } - - h1.listing + .post-meta .karma-value { - right: 192px; - } - h1.listing + .post-meta .karma-value::before { - text-shadow: 0.5px 0.5px 0.5px #575756; - } - h1.listing + .post-meta .comment-count { - right: 132px; - } - h1.listing + .post-meta .read-time { - right: 56px; - } - h1.listing + .post-meta .lw2-link { - opacity: 1; - right: 0; - } - h1.listing + .post-meta .link-post-domain { - margin: 0; - line-height: 1.3; - overflow: hidden; - text-overflow: ellipsis; - } - h1.listing + .post-meta .post-section::before { - position: absolute; - left: unset; - right: 0; - bottom: 30px; - top: unset; - } - h1.listing a { - display: inline; - } - /*******************************************/ - } @media only screen and (max-width: 520px) { - /*******************************************/ - h1.listing + .post-meta { - padding: .25em 144px 0 0; - flex-flow: column; - } - #content.conversations-user-page h1.listing + .post-meta { - flex-flow: row wrap; - } - h1.listing + .post-meta .date { - margin: 0.375em 0 0.25em 0; - line-height: 1; - } - #content.user-page h1.listing::after { - height: calc(100% + 2.125em); - } - #content.user-page h1.link-post-listing::after { - height: calc(100% + 3.125em); - } - #content.user-page:not(.conversations-user-page) h1.listing + .post-meta { - padding: 0.25em 144px 0.5em 36px; - } - #content.conversations-user-page h1.listing + .post-meta .date { - margin: 0 0 0 1em; - } - - h1.listing + .post-meta .karma-value { - bottom: 28px; - right: 56px; - } - h1.listing + .post-meta .comment-count { - bottom: 28px; - right: 0; - } - h1.listing + .post-meta .read-time { - right: 56px; - bottom: 4px; - } - h1.listing + .post-meta .lw2-link { - right: 0; - bottom: 4px; - } - h1.listing + .post-meta .link-post-domain { - max-width: 100%; - } - h1.listing + .post-meta .post-section::before { - right: 120px; - } - - #content.compact > .comment-thread .comment-item { - max-height: 110px; - } - - .textarea-container:focus-within button:active { - background-color: #2c2c2c; - } - .textarea-container:focus-within .guiedit-mobile-auxiliary-button { - background-color: #131313; - border: 1px solid #1f1f1f; - border-radius: 6px; - } - .textarea-container:focus-within .guiedit-mobile-help-button.active { - border-color: #00a9ed; - box-shadow: - 0 0 0 1px #000, - 0 0 0 2px #00a9ed; - color: #00a9ed; - font-weight: 600; - } - #content.conversation-page .textarea-container:focus-within::after { - background-color: #000; - } - .textarea-container:focus-within .guiedit-buttons-container { - background-color: white; - border-top: 1px solid #1d1f00; - } - .textarea-container:focus-within button.guiedit { - background-color: #131313; - border: 1px solid #1f1f1f; - border-radius: 6px; - } - #markdown-hints::after { - color: #9740cb; - } - - #edit-post-form .post-meta-fields input[type='checkbox'] + label { - top: 2px; - } - #edit-post-form .post-meta-fields input[type='checkbox'] + label::before { - top: 1px; - } - /*******************************************/ - } @media only screen and (max-width: 320px) { - /*******************************************/ - h1.listing { - font-size: 1.25rem; - } - #content.user-page h1.listing::after { - height: calc(100% + 2.625em); - } - #content.user-page h1.link-post-listing::after { - height: calc(100% + 3.75em); - } - } -} - - -/*************/ -/* ACCORDIUS */ -/*************/ - -/*======*/ -/* TAGS */ -/*======*/ - -#tags { - order: 12; - display: flex; - flex-basis: 100%; - justify-content: center; - margin: 0; - flex-flow: row wrap; - align-items: flex-start; -} - -/*===============*/ -/* DEFAULT THEME */ -/*===============*/ - -/*++++++*/ -/* TAGS */ -/*++++++*/ - -#tags { - padding: 0.5em; -} -#tags::before { - content: "Tags:"; - margin: 0 0.25em 0 0; - opacity: 0.5; - line-height: 1; - align-self: center; -} -#tags a { - border-radius: 8px; - background-color: #110c06; - border: 1px solid #2e2416; - padding: 4px 8px 5px 8px; - line-height: 1; - margin: 0.25em; - font-size: 0.9375em; -} -#tags a:hover { - text-decoration: none; - background-color: #221806; -} -#tags a:active { - color: #00a1e8; -} diff --git a/www/css/style-dark.mac.css b/www/css/style-dark.mac.css deleted file mode 100644 index 97c90b7f..00000000 --- a/www/css/style-dark.mac.css +++ /dev/null @@ -1,8599 +0,0 @@ -body { - --invertible-display: none; - --inverted-display: initial; -} -/*************/ -/* VARIABLES */ -/*************/ - -:root { - --GW-comment-background-color-odd: transparent; - --GW-comment-background-color-even: transparent; - --GW-comment-background-color-target: transparent; - - --GW-toggle-widget-color: #666; - --GW-toggle-widget-hover-color: #aeaeae; - --GW-toggle-widget-shadow-color: rgba(0, 0, 0, 0.5); - - --inverted-display: none; -} - -/***************/ -/* BASE LAYOUT */ -/***************/ - -html { - box-sizing: border-box; - font-size: 16px; -} -*, *::before, *::after { - box-sizing: inherit; -} -script { - display: none !important; -} - -/*=------=*/ -/*= Body =*/ -/*=------=*/ - -body { - padding: 0; - margin: 0; -} -body::before { - background-color: inherit; - position: fixed; - width: 100%; - height: 100%; -} - -body.no-scroll { - overflow-y: scroll; - position: fixed; - width: 100%; -} - -/*=----------------------------=*/ -/*= Immediate children of body =*/ -/*=----------------------------=*/ - -body > * { - max-width: 900px; -} - -/* Special styles for special browsers. - (This one is a fix for Firefox’s built-in screenshot feature.) - */ -body > iframe[id^='firefox-screenshots'] { - max-width: unset; -} - -#content { - margin: 0 auto; - padding: 0 30px; - position: relative; - overflow: visible; - display: grid; - grid-template-columns: 2fr 1fr 2fr; -} -#content::before { - content: ""; - display: block; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - z-index: -1; - pointer-events: none; -} - -/*=---------=*/ -/*= Content =*/ -/*=---------=*/ - -#content > * { - grid-column: 1 / span 3; -} - -/*=----------------------=*/ -/*= Floating UI elements =*/ -/*=----------------------=*/ - -#ui-elements-container { - position: fixed; - height: 100vh; - top: 0; - left: 0; - right: 0; - margin: auto; - z-index: 10000; - pointer-events: none; -} -#ui-elements-container > * { - pointer-events: auto; -} - -/*=----------------=*/ -/*= Images overlay =*/ -/*=----------------=*/ -/* (To exclude images in posts from theme tweaks) */ - -#images-overlay { - position: absolute; - z-index: 1; - left: 0; - right: 0; - margin: auto; -} - -/***********/ -/* NAV BAR */ -/***********/ - -.nav-bar { - margin: 0 -30px; - display: flex; - order: -11; - z-index: 1; -} - -/*=---------------=*/ -/*= Nav bar items =*/ -/*=---------------=*/ - -.nav-item { - flex: 1 1 auto; -} -.nav-item * { - text-overflow: ellipsis; - white-space: nowrap; - overflow: hidden; -} -.nav-inner { - padding: 12px 30px; - text-align: center; - display: block; - position: relative; - line-height: inherit; - width: 100%; - background: unset; -} -.nav-bar-top:not(#primary-bar) .nav-inner { - padding: 4px 0; -} - -#nav-item-sequences .nav-inner::before { - font-family: "Font Awesome", "Font Awesome 5 Free"; - content: "\F5DB"; -} -@media only screen and (min-width: 901px) { - #nav-item-about .nav-inner { - margin-right: 0.5em; - } - #nav-item-sequences .nav-inner::before { - font-size: 1rem; - display: block; - } - #secondary-bar #nav-item-sequences .nav-inner { - font-size: 0; - line-height: 1.4; - } -} - -/*=------------=*/ -/*= Bottom bar =*/ -/*=------------=*/ - -#bottom-bar { - order: 11; -} -h1.listing ~ #bottom-bar { - margin-top: 1.25em; -} -#bottom-bar .nav-item { - flex: 1 1 0; -} - -/*=-----------------=*/ -/*= Accesskey hints =*/ -/*=-----------------=*/ - -.nav-inner::after { - content: attr(accesskey); - display: none; -} - -/*=---------------=*/ -/*= Pagination UI =*/ -/*=---------------=*/ - -#bottom-bar .nav-item a::before, -#top-nav-bar a::before { - font-family: "Font Awesome", "Font Awesome 5 Free"; - font-weight: 900; - font-size: 0.8em; - position: relative; - bottom: 1px; - margin-right: 0.5em; -} -#bottom-bar #nav-item-first a::before, -#top-nav-bar a.nav-item-first::before { - content: "\F33e"; -} -#bottom-bar #nav-item-top a::before { - content: "\F062"; -} -#bottom-bar #nav-item-prev a::before, -#top-nav-bar a.nav-item-prev::before { - content: "\F060"; -} -#bottom-bar #nav-item-next a::before, -#top-nav-bar a.nav-item-next::before { - content: "\F061"; -} -#bottom-bar #nav-item-last a::before, -#top-nav-bar a.nav-item-last::before { - content: "\F340"; -} -#bottom-bar #nav-item-next a::before { - margin-left: -2em; - margin-right: 0; - left: 3.8em; -} -#bottom-bar #nav-item-last a::before { - margin-left: -1.8em; - margin-right: 0; - left: 3.4em; -} - -/*= Hover tooltips =*/ - -#top-nav-bar a { - position: relative; -} -#top-nav-bar a::after { - bottom: calc(100% - 3px); - content: attr(data-target-page); -} -#top-nav-bar a::after { - display: block; - position: absolute; - font-size: 0.75rem; - width: 100%; - line-height: 1; - visibility: hidden; -} -#top-nav-bar a:hover::after, -#bottom-bar a:hover::after { - visibility: visible; -} - -/*=-----------------------=*/ -/*= Decorative bottom bar =*/ -/*=-----------------------=*/ -/* (On short pages with no pagination) */ - -#bottom-bar.decorative { - position: relative; -} -#bottom-bar.decorative .nav-item { - display: none; -} - -/*=------------=*/ -/*= Search tab =*/ -/*=------------=*/ - -#nav-item-search { - flex: 4 1 auto; -} -#nav-item-search form::before { - content: "\F002"; - font-family: "Font Awesome", "Font Awesome 5 Free"; - font-weight: 900; - display: inline-block; - vertical-align: top; - height: 23px; - width: 23px; -} -#nav-item-search input { - height: 23px; - width: calc(95% - 80px); - padding: 1px 4px; -} -#nav-item-search button { - height: 21px; -} - -/*=-----------=*/ -/*= Login tab =*/ -/*=-----------=*/ - -#nav-item-login { - position: relative; - padding-right: 0.5em; -} - -/*******************/ -/* INBOX INDICATOR */ -/*******************/ - -#inbox-indicator { - position: absolute; - top: 1px; - right: 0; - height: 100%; - visibility: hidden; -} -#inbox-indicator::before { - content: "\F0E0"; - font-family: "Font Awesome", "Font Awesome 5 Free"; - color: #393939; - font-size: 1.1875rem; - position: absolute; - height: 100%; - right: 0; - top: 0; - padding: 0 0.45em; - visibility: visible; - font-weight: 900; -} -#inbox-indicator.new-messages::before { - color: #0090e0; - text-shadow: - 0 0 1px #777, - 0.5px 0.5px 1px #777; -} -a#inbox-indicator:hover::before { - color: #000; - text-shadow: - 0 0 1px #fff, - 0 0 2px #fff, - 0 0 4px #fff, - 0 0 1px #777, - 0.5px 0.5px 1px #777; -} -a#inbox-indicator.new-messages:hover::before { - text-shadow: - 0 0 1px #0090e0, - 0 0 2px #0090e0, - 0 0 4px #0090e0, - 0 0 1px #777, - 0.5px 0.5px 1px #777; -} - -/****************/ -/* PAGE TOOLBAR */ -/****************/ - -.page-toolbar { - font-size: 0.9em; - line-height: 1.8; - text-align: right; - margin-right: -20px; -} -#content > .page-toolbar { - grid-column: 3; - grid-row: span 3; -} -#content.user-page > .page-toolbar { - grid-column: 2 / span 2; - order: -4; -} - -/*=--------------------------=*/ -/*= Page toolbar items (all) =*/ -/*=--------------------------=*/ - -.page-toolbar > * { - display: inline-block; - margin-left: 1.5em; -} -.page-toolbar > form button { - padding: 0; - text-align: right; - white-space: unset; -} -.page-toolbar > form button::before { - text-align: center; -} -.page-toolbar .button::before { - font-family: "Font Awesome", "Font Awesome 5 Free"; - font-size: 0.9em; - padding-right: 0.3em; -} - -/*=-------------------------------=*/ -/*= Page toolbar items (specific) =*/ -/*=-------------------------------=*/ - -.new-post::before { - content: '\F067'; - font-weight: 900; -} -.new-private-message::before { - content: '\F075'; - font-weight: 400; -} -.logout-button::before { - content: '\F2F5'; - font-weight: 900; -} -#enable-push-notifications::before { - content: '\F0F3'; - font-weight: 400; -} -.ignore-button::before { - content: "\F070"; - font-weight: 400; -} -.unignore-button::before { - content: "\F06E"; - font-weight: 400; -} -.rss::before { - content: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPiANCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIGlkPSJSU1NpY29uIiB2aWV3Qm94PSIwIDAgMjU2IDI1NiI+DQo8ZGVmcz4NCjxsaW5lYXJHcmFkaWVudCB4MT0iMC4wODUiIHkxPSIwLjA4NSIgeDI9IjAuOTE1IiB5Mj0iMC45MTUiIGlkPSJSU1NnIj4NCjxzdG9wICBvZmZzZXQ9IjAuMCIgc3RvcC1jb2xvcj0iI0UzNzAyRCIvPjxzdG9wICBvZmZzZXQ9IjAuMTA3MSIgc3RvcC1jb2xvcj0iI0VBN0QzMSIvPg0KPHN0b3AgIG9mZnNldD0iMC4zNTAzIiBzdG9wLWNvbG9yPSIjRjY5NTM3Ii8+PHN0b3AgIG9mZnNldD0iMC41IiBzdG9wLWNvbG9yPSIjRkI5RTNBIi8+DQo8c3RvcCAgb2Zmc2V0PSIwLjcwMTYiIHN0b3AtY29sb3I9IiNFQTdDMzEiLz48c3RvcCAgb2Zmc2V0PSIwLjg4NjYiIHN0b3AtY29sb3I9IiNERTY0MkIiLz4NCjxzdG9wICBvZmZzZXQ9IjEuMCIgc3RvcC1jb2xvcj0iI0Q5NUIyOSIvPg0KPC9saW5lYXJHcmFkaWVudD4NCjwvZGVmcz4NCjxyZWN0IHdpZHRoPSIyNTYiIGhlaWdodD0iMjU2IiByeD0iNTUiIHJ5PSI1NSIgeD0iMCIgIHk9IjAiICBmaWxsPSIjQ0M1RDE1Ii8+DQo8cmVjdCB3aWR0aD0iMjQ2IiBoZWlnaHQ9IjI0NiIgcng9IjUwIiByeT0iNTAiIHg9IjUiICB5PSI1IiAgZmlsbD0iI0Y0OUM1MiIvPg0KPHJlY3Qgd2lkdGg9IjIzNiIgaGVpZ2h0PSIyMzYiIHJ4PSI0NyIgcnk9IjQ3IiB4PSIxMCIgeT0iMTAiIGZpbGw9InVybCgjUlNTZykiLz4NCjxjaXJjbGUgY3g9IjY4IiBjeT0iMTg5IiByPSIyNCIgZmlsbD0iI0ZGRiIvPg0KPHBhdGggZD0iTTE2MCAyMTNoLTM0YTgyIDgyIDAgMCAwIC04MiAtODJ2LTM0YTExNiAxMTYgMCAwIDEgMTE2IDExNnoiIGZpbGw9IiNGRkYiLz4NCjxwYXRoIGQ9Ik0xODQgMjEzQTE0MCAxNDAgMCAwIDAgNDQgNzMgViAzOGExNzUgMTc1IDAgMCAxIDE3NSAxNzV6IiBmaWxsPSIjRkZGIi8+DQo8L3N2Zz4NCg=='); - display: inline-block; - width: 1em; - padding-right: 0.2em; - position: relative; - top: 1px; -} - -/*********************/ -/* TOP PAGINATION UI */ -/*********************/ - -#top-nav-bar { - grid-column: 2; - margin: 0.25em 0 0 0; - padding: 0.75em 0 0 0; - text-align: center; - font-size: 1.25em; - display: flex; - justify-content: center; -} -#top-nav-bar a { - line-height: 1; -} -#top-nav-bar a.disabled { - pointer-events: none; - visibility: hidden; -} -#top-nav-bar .page-number { - position: relative; - display: inline-block; - width: 1.5em; -} -#top-nav-bar .page-number-label { - position: absolute; - font-size: 0.5em; - text-transform: uppercase; - width: 100%; - bottom: 90%; - left: 0; -} -#top-nav-bar a::before { - margin: 0.5em; - display: inline-block; -} - -/****************/ -/* SUBLEVEL NAV */ -/****************/ - -.sublevel-nav { - text-align: center; - display: flex; - justify-content: center; - margin: 1em 0 0 0; -} -#content > .sublevel-nav:not(.sort) { - grid-column: 2; - align-self: start; -} -.sublevel-nav .sublevel-item { - flex: 0 0 6em; - padding: 0.125em 0.5em; - font-size: 1.125rem; -} -.sublevel-nav .sublevel-item:active { - transform: none; -} -.sublevel-nav .sublevel-item.selected { - cursor: default; -} - -/***********************/ -/* SORT ORDER SELECTOR */ -/***********************/ - -.sublevel-nav.sort { - position: relative; - margin-top: 8px; - font-size: 0.75em; -} -#content > .sublevel-nav.sort { - grid-column: 3; - grid-row: span 2; - justify-self: end; - align-self: start; - flex-flow: column; -} -#content.index-page > .sublevel-nav.sort { - grid-column: 1; - justify-self: start; - flex-flow: row; -} - -.sublevel-nav.sort::before { - content: "Sort"; - font-size: 0.75rem; - position: absolute; - top: 0; - left: 0; - width: 100%; -} -.sublevel-nav.sort .sublevel-item { - line-height: 1; - font-size: 0.875rem; - flex-basis: unset; -} - -/*******************************/ -/* COMMENTS SORT MODE SELECTOR */ -/*******************************/ - -.comments > .sublevel-nav.sort { - margin: 1em auto 0 auto; -} -@supports (width: -moz-fit-content) { - .comments > .sublevel-nav.sort { - width: -moz-fit-content; - } -} -@supports (width: fit-content) { - .comments > .sublevel-nav.sort { - width: fit-content; - } -} - - -/**********************/ -/* DARK MODE SELECTOR */ -/**********************/ - -#dark-mode-selector { - position: absolute; - top: 4px; - right: -78px; - display: flex; - opacity: 0.4; -} -#dark-mode-selector:hover { - opacity: 1.0; -} - -/*=---------=*/ -/*= Buttons =*/ -/*=---------=*/ - -#dark-mode-selector button { - font-family: "Font Awesome", "Font Awesome 5 Free"; - font-size: 1.125rem; - width: 24px; - height: 24px; - padding: 0; - line-height: 1; - font-weight: 400; -} -#dark-mode-selector button.select-mode-auto { -} -#dark-mode-selector button.select-mode-light { - font-size: 1.25rem; - padding: 1px 0 0 1px; -} -#dark-mode-selector button.select-mode-dark { - font-weight: 300; - font-size: 1.25rem; - padding: 1px 0 0 4px; -} -#dark-mode-selector button.select-mode-dark.selected { - font-weight: 400; -} -#dark-mode-selector button:disabled:active { - transform: none; -} -#dark-mode-selector button:disabled:hover { - cursor: default; -} - -/*=----------------=*/ -/*= Hover tooltips =*/ -/*=----------------=*/ - -#dark-mode-selector button::after { - content: attr(data-name); - font-family: 'Concourse', 'a_Avante', 'GW-Symbols'; - font-weight: normal; - position: absolute; - display: block; - left: 0; - width: 100%; - text-align: center; - top: 92px; - font-size: 1rem; - visibility: hidden; -} -#dark-mode-selector button.selected::after { - content: attr(data-name) " (selected)"; -} -#dark-mode-selector button:hover:not(:active)::after { - visibility: visible; -} - - -/******************/ -/* WIDTH SELECTOR */ -/******************/ - -#width-selector { - position: absolute; - top: 40px; - right: -78px; -} -#width-selector button { - width: 22px; - height: 22px; - padding: 6px; - margin: 1px; - overflow: hidden; - background-repeat: no-repeat; - background-size: 100%; - background-origin: content-box; -} -#width-selector button, -#width-selector button:active, -#width-selector button:focus { - text-shadow: none; - color: transparent; -} -#width-selector button:disabled { - cursor: auto; -} -#width-selector button.select-width-normal { - background-image: url('data:image/gif;base64,R0lGODdhFAAUAJEAAAAAAKqqqv///wAAACH5BAkAAAMALAAAAAAUABQAAAIqnI+py+0PU5hB0Sqp1Xlu32HI9YkHGZZqyo6cC8Kmgcqr3Z5vxPf+nygAADs='); -} -#width-selector button.select-width-wide { - background-image: url('data:image/gif;base64,R0lGODdhFAAUAJEAAAAAAKqqqv///wAAACH5BAkAAAMALAAAAAAUABQAAAIrnI+py+0PT5jB0TqupUY37zEg95HhMk6bmpGi6aIw+7KnkmK1HvX+DzwUAAA7'); -} -#width-selector button.select-width-fluid { - background-image: url('data:image/gif;base64,R0lGODdhFAAUAJEAAAAAAKqqqv///wAAACH5BAkAAAMALAAAAAAUABQAAAIwnI+py+0/ApIwUGOfvTGzzYELGIoTiZpdylJte7xoQp7beMc5XnL4CYlMgsSisVEAADs='); -} - -/*=----------------=*/ -/*= Hover tooltips =*/ -/*=----------------=*/ - -#width-selector button::after { - content: attr(data-name); - position: absolute; - display: block; - left: 0; - width: 100%; - text-align: center; - top: 56px; - visibility: hidden; -} -#width-selector button.selected::after { - content: attr(data-name) " (selected)"; -} -#width-selector button:hover:not(:active)::after { - visibility: visible; -} - -head.content-width-normal + body > * { - max-width: 900px; -} -head.content-width-wide + body > * { - max-width: 1150px; -} -head.content-width-fluid + body > * { - max-width: calc(100% - 300px); -} - -/******************/ -/* THEME SELECTOR */ -/******************/ - -#theme-selector { - position: absolute; - top: 3px; - left: -41px; - opacity: 0.4; - display: table; - max-width: 40px; -} -#theme-selector:hover { - opacity: 1.0; -} - -/*=----------------------=*/ -/*= Theme select buttons =*/ -/*=----------------------=*/ - -.theme-selector button { - display: table-cell; - width: 26px; - height: 26px; - padding: 5px; - margin: 1px 7px 0 7px; - color: transparent; - background-size: 16px 16px; - background-origin: content-box; -} -.theme-selector button, -.theme-selector button:hover, -.theme-selector button:active, -.theme-selector button:focus { - text-shadow: none; - color: transparent; -} -.theme-selector button:disabled { - cursor: auto; -} - -/*=----------------------------=*/ -/*= Pre-rendered button images =*/ -/*=----------------------------=*/ -/* (Each is just a capital letter A through whatever) */ - -.theme-selector button:nth-of-type(1) { - background-image: url('data:image/gif;base64,R0lGODlhIAAgAPYAMQAAAAAAIwAAPgAAXAAAZAAAdAMchQMedAgyjQg0fA1ZsQ5hsSMAACdyujYAADmDxD0AAUGVzU6VzVoAAV6n4WIAAXIAAn/E64MgA4fE65Q8BJjGsZjN9ZnX/51MBJ5kJKHh/6ZLBadbJLBjJLPr/7l0JLzr/8b1/87Ozs7X4c/s69aXTdn//+CpZOCzZOHh4eL//+mydOvizuvr4ez///TFhfTPl/X///7ssv7su//2xP/2zv//2P//4f//6///9f///9GZfwAAQKS0df9/AABA/7bRmX8AAOB8tHX/fwAAQAoTUf9/AAClfu6S/38AACcAAAAAAAAAIFRt0QEAAABApLR1/38AAFhu75L/fwAAwAoTUf9/AAB6We6S/38AANAKE1H/fwAAelnukv9/AAAIAAAAAAAAAAAAAAAAAAAAw5+/neBPABQAAAAAAAAAALDhvNBmRklHTk9LRwAAAAAAAAAA/38AALJyKw8BAAAAAAAAAAAAAAAAAAAAAAAAACwAAAAAIAAgAAAHrIBAgoOEhYaHiImKi4yNjo+QkZKTlJWGMiiZKZaEPRUAoAEmnII2oKcUpEAlp6AIN5w8E60AASScNaEbswASnCOgBDAhoAY0lTsQoAtALqcglTGnF0A5DqAPlR6htz0WoAUwkzrXtK0cky3mtA2SPxrrrQMskTgMoAkqL/szH6cZkVacilAoFygFkHxgONWhUDJQAk480qEMwAFxhUScQqeqo8ePIEOKHElSUCAAOw=='); -} -.theme-selector button:nth-of-type(2) { - background-image: url('data:image/gif;base64,R0lGODlhIAAgAPUAMerbtOrlvOrq4Orq6uvq6uy8e+zq6u23cu3Bi+3Vzu3e6u3q6u7Lo+/U1/DOzvDq6vLe6vLj6vLq6vO6q/O6tPTI4PTe6vZlCfZqCfaTcvbN6vbT6vdTCfhPCfhTCfh3XPirtPi+4PlPCflTCfllOvlpNPlyVvlyXPlzSPmbq/pPCfpTCfp6gvqMtPtMa/tNSPtNVftOIvtONPtOOvtPCftoVvt4o/uHtPxYgvxbOvxwm/x4owEAAABApLR1/38AACwAAAAAIAAgAAAGn8CBcEgsGo/IpHLJbDqf0Kh0Sq0OE45stqGwDgQcmnhMk6UWVMGFzNYRpmpaDESZZFRjDXz9igwDHWIhezQzFkRrNINScTMSQwhiMRuENDUmKCNjLWmJbDQuD51iOSQkK3I0MBCEM35CDCJiN62HQwdiOGhRjbZCBbm7UI2PQgAeYjuVJx8fJWSLvJ6fNgZwGJ8xLBVe3d7f4OHi4+TeQQA7'); -} -.theme-selector button:nth-of-type(3) { - background-image: url('data:image/gif;base64,R0lGODlhIAAgAPUAMXVzX3V0X3V1aHV1bHV1dXhxV3h1dYBvS4BwX4BybIB1dYdtR4duS4hycIh1dYxvbIxwbIxydZNxcJhwcKhtX6xrV7BgILBraLBsaLlfHrlpT7lwdbxudcFvdcVgOMpmU8pnV85kU9JjRNtYIdtiS9tobNtocOBocORWHuRaMelQCO1PCO1eW/JPCPJSCPJZSPJbVPJdX/dTOfdbW/tOHvtOIftPCftPKPtRSPxTSPxUSzD4DwEAAABApLR1/38AACwAAAAAIAAgAAAGjkCCcEgsGo/IpHLJbDqf0Kh0Sq0eE5VPCHSJWAmIkW1MtsEUVEZ5rUNLAyvyC0PRoGwmaoZcKjYMUwIqYzFfRAdjNRuGQwtjOQ6MQo42OJGSlJaSBJSQm4g2NB2bgmMzmwQWZCxuQg2tUQAtZDckIikuNidVBbNrY3lVAx6/MhyMDxMQErCozs/Q0dLTT0EAOw=='); -} -.theme-selector button:nth-of-type(4) { - background-image: url('data:image/gif;base64,R0lGODlhIAAgAPUAMQEA5AEA5QEA5wEA6QYh5AYi3go+3BsA6RwY5SoA6TJo0jJu0joX6Txn2z120Ese6U1u1019z1YA6VhR41qFy15t22Ut6WZ1122bxm2byHEc6XObxHupxIZP6YeD3oipxoiywoxP55Ne55SR15tk5ptk55tr5qOhz6TBwamQ3qmoz6qxyKq4wrGJ4rLBwbin1rnBwcC318C4y8HAx8HAzsHBwcHBwsHBxIBYjdOZfwAAQDcTUf9/AACAPPGS/38AACwAAAAAIAAgAAAGkcCacEgsGo/IpHLJbDqf0Kh0Sq0OZaps9rSyCkuDsHgguMCqprE68KGmB43RyPMYg6bvDTF1CBvwYRlFLWIcUm+CRDQSgYeNRDYhYQuOA4lEImERlZdDJGEKnEUzGmEUokQxCWEYqEI3HWEAKJV6Qi8WYg6AAwQTEwxjBS68amEQZ8ViCBUsXs/Q0dLT1NXW0EEAOw=='); -} -.theme-selector button:nth-of-type(5) { - background-image: url('data:image/gif;base64,R0lGODlhIAAgAPUAMQAAAAAANwAAPgAATAMjNyQ0dCQ3Pjc3Nzc7fDhMXD4+Pkw+PltMXGRkZIapsYfD9YsfA5DN9ZQ8BJVMBJjN9bGxsbPh9bu7u8b1/8///9j1/9n//+HX4eHh4eL//+z///Xr4f//9f///zuAzZl/AABgO4DNmX8AAAEAAAAAAAAAwAkTUf9/AABfjBuN/38AAAAAAAAAAAAAAgAAAAEAAAAA3kQRAQAAAAQAAAABAAAAADD4DwEAAABApLR1/38AACwAAAAAIAAgAAAGekCRcEgsGo/IpHLJbDqf0Kh0Sq0SQZ2stsP5VEMQgHgsfnwlZLKZGkIDHJeKvKI5AwYZa7ENEGD0RHwCeYBCfAAGCwqLCB52aQABf2xuBAeXBwUbdoOFhmh+niKCk4WChKZuCQ2sDQwWj5ARXxOQYhSiubq7vL2+v3pBADs='); -} -.theme-selector button:nth-of-type(6) { - background-image: url('data:image/gif;base64,R0lGODlhIAAgAPQAMVUADlUYkVU5iFU6eVtysVuDw2WMy26My26Vy3OVy6+VoK+foK+oqb+xscDD3cXFusbX7+HX3eHh3eHh7+zr5uz17/HPkfHPmfP/+f//7///+QkTUf9/AAAd8ICJ/38AACwAAAAAIAAgAAAFYaAmjmRpnmiqrmzrvnAsz3RNZpGk79JkW4CgMBjA1C7DYfEYFDwa0IbDhgQgbKbqAVuqXrmjKqFCKVOMzGTQQFUHC23AgLGoKyDxL1ij3Yv6foB7gmBVCX6IiYqLjI2OiSEAOw=='); -} -.theme-selector button:nth-of-type(7) { - background-image: url('data:image/gif;base64,R0lGODlhIAAgAPYAMUOBp0OFp0R8W0R8YER9PER9S0SDd1J9PFKTwFKYwFKYx2V8PGWAPGaKfGedu2edwHB8PH2oyIB8PIB/PYZ8PYaWYIelrpGDPZKWW5Kdm56WYJ6Zg6u0yLCoora1tLfF1bfg9729u72+tMO1tMPFyMTs/8mxj8rCtMvs/9H1/9W+otf1/9f6/9yubN3b4uPWz+Pg3OTk4uro8PHs8PL///bTovbTp/fXp/fcrvfhtPfx6vfx8Pf19/f69/f6//j///7tz/7t1f/y3P/19//21f//3P//4v//9////3X/fwAA8CwTUf9/AAClfu6S/38AACcAAAAAAAAAEEy/0QEAAABApLR1/38AAFhu75L/fwAAcC0TUf9/AAB6We6S/38AAIAtE1H/fwAAelnukv9/AAAIAAAAAAAAAAAAAAAAAAAAw5+/neBPABQAAAAAAAAAABAGYdFmRklHTk9LRwAAAAAAAAAA/38AALJyKw8BAAAAAAAAAAAAAAAAAAAAAAAAACwAAAAAIAAgAAAHwYBIgoOEhYaHiImKi4yNjo+QkZKTlJWGRy8jHiEkLj+WRyYHBKSlBA+fkkATpq0Ik0YSpQYfMTAnGgQgky2lEamDQ5NFEKQKloU5pAIoyIQ2pAHAPD3VPT6SN6QAqTitAyyR2gTcgjXfKZHQBNKCQRsZGKQDK5HKBAIlhcQE9JFGFEglKERkQb96kXqRckBjED9//2QtsyCiQ4V5CCMJudDKlIB0k46oYNCqQAMODS3pkLFjBg9nMGPKnEmzps1IgQAAOw=='); -} -.theme-selector button:nth-of-type(8) { - background-image: url('data:image/gif;base64,R0lGODlhIAAgAPUAMYG3rIG4ioG4joG4koG5hIG5h4G5r4G7r4S4ioS5hIS5h4S6joi4h4i5hIy5hIy6h4y8jo+4hJa4hKm4hKy8hLG8hNXz/9X4/+Hi4uHi6uHl7eji4vHq4vL///b///r////z1v/41v/42v/+2v//9v///xNR/38AAAUAAAAAAAAAwAkTUf9/AABfjBuN/38AAAAAAAAAAAAAAgAAAAEAAAAA3kQRAQAAAAQAAAABAAAAADD4DwEAAABApLR1/38AACwAAAAAIAAgAAAGl8CScEgsGo/IpHLJbDqf0Kh0Sq0KOZjMx7jBaKSkCSFgKYIaBEAnSqoQBGViKEI4eNhueHFOMNyhbW9xQ3x+eIJmdIaAeRdFIw59f0+BBAsQmJgPBJKHnJ+gnYycBQwKpwgJnIuUeYNCIZGsToF6coqTtK57uIe2hL2jv7DBlBSIcrK5TYEDryUiEnXLVtXW19jZ2tvc2EEAOw=='); -} - -/*=------------------------------=*/ -/*= Theme select button tooltips =*/ -/*=------------------------------=*/ -/* (with the name & description of the theme that each button selects) */ - -#theme-selector button { - position: relative; - z-index: 1; -} -#theme-selector button::before { - content: attr(data-theme-name); - position: absolute; - top: 0; - right: 100%; - padding: 5px 6px 6px 6px; - line-height: 1; - width: 6em; - text-align: right; - z-index: 1; - visibility: hidden; -} -#theme-selector:hover button::before { - visibility: visible; -} -#theme-selector:hover ~ #theme-tweaker-toggle, -#theme-selector:active ~ #theme-tweaker-toggle { - z-index: -1; -} - -/************************/ -/* THEME TWEAKER TOGGLE */ -/************************/ - -#theme-tweaker-toggle { - position: absolute; - top: 7px; - left: -75px; -} -#theme-tweaker-toggle button { - font-family: "Font Awesome", "Font Awesome 5 Free"; - font-weight: 900; - font-size: 1.25rem; - opacity: 0.4; - z-index: 1; -} -#theme-tweaker-toggle button:hover { - opacity: 1.0; -} - -/*******************/ -/* QUICKNAV WIDGET */ -/*******************/ - -#quick-nav-ui { - position: absolute; - right: -67px; - bottom: 20px; -} -#quick-nav-ui a { - font-family: "Font Awesome", "Font Awesome 5 Free"; - font-weight: 900; - font-size: 1.5rem; - line-height: 1.7; - text-align: center; - display: block; - width: 40px; - height: 40px; - margin: 10px 0 0 0; -} -#quick-nav-ui a[href='#comments'].no-comments { - pointer-events: none; -} -#quick-nav-ui a { - visibility: hidden; -} -#content.post-page ~ #ui-elements-container #quick-nav-ui a[href='#comments'] { - visibility: visible; -} - -/************************/ -/* NEW COMMENT QUICKNAV */ -/************************/ - -#new-comment-nav-ui { - position: absolute; - right: -112px; - bottom: 42px; -} -#new-comment-nav-ui > * { - display: block; - position: relative; -} -#new-comment-nav-ui.no-comments { - display: none; -} - -/*=--------------------=*/ -/*= New comments count =*/ -/*=--------------------=*/ - -#new-comment-nav-ui .new-comments-count { - width: 2em; - font-size: 1.25rem; - line-height: 1.1; - text-align: center; - left: 1px; - cursor: pointer; -} -#new-comment-nav-ui .new-comments-count::selection { - background-color: transparent; -} -#new-comment-nav-ui .new-comments-count::after { - content: "NEW"; - display: block; - font-size: 0.625rem; -} - -/*=-----------------------------------=*/ -/*= Next/previous new comment buttons =*/ -/*=-----------------------------------=*/ - -#new-comment-nav-ui .new-comment-sequential-nav-button { - font-size: 1.75rem; - font-family: "Font Awesome", "Font Awesome 5 Free"; - font-weight: 900; - width: 1.5em; - z-index: 5001; -} -#new-comment-nav-ui .new-comment-previous { - top: 8px; -} -#new-comment-nav-ui .new-comment-next { - bottom: 6px; -} -#new-comment-nav-ui .new-comment-sequential-nav-button:disabled { - cursor: auto; - pointer-events: none; -} - -/*******************/ -/* HNS DATE PICKER */ -/*******************/ - -#hns-date-picker { - position: absolute; - bottom: 72px; - right: -253px; - opacity: 0.6; -} -#hns-date-picker:hover, -#hns-date-picker:focus-within { - opacity: 1.0; -} -#hns-date-picker.no-comments { - display: none; -} - -/*=---------------=*/ -/*= "Since" label =*/ -/*=---------------=*/ - -#hns-date-picker span { - display: block; - font-size: 0.75rem; - text-transform: uppercase; -} - -/*=--------------------=*/ -/*= "Since" text field =*/ -/*=--------------------=*/ - -#hns-date-picker input { - margin-top: 1px; - padding: 1px 3px; - width: 140px; - text-align: center; - box-shadow: 0 0 0 1px transparent; -} - -/************************/ -/* ANTI-KIBITZER TOGGLE */ -/************************/ - -#anti-kibitzer-toggle { - position: absolute; - right: -67px; - bottom: 225px; -} -#anti-kibitzer-toggle button { - display: block; - width: 40px; - height: 54px; - padding: 0; -} -#anti-kibitzer-toggle button::before, -#anti-kibitzer-toggle button::after { - font-family: "Font Awesome", "Font Awesome 5 Free"; -} -#anti-kibitzer-toggle button::before { - content: "\F06E"; - display: block; - font-size: 1.75em; - font-weight: 400; -} -#anti-kibitzer-toggle button::after { - content: "\F007\2004\F164"; - font-size: 0.875em; - font-weight: 900; -} -#anti-kibitzer-toggle.engaged button::before { - content: "\F070"; -} - -#anti-kibitzer-toggle button::before, -#anti-kibitzer-toggle button::after { - background-color: var(--GW-toggle-widget-color); - -webkit-background-clip: text; - color: transparent; - text-shadow: var(--GW-toggle-widget-shadow-color) 0px 1px 1px; -} -#anti-kibitzer-toggle button:hover::before, -#anti-kibitzer-toggle button:hover::after { - background-color: var(--GW-toggle-widget-hover-color); -} - -/************************/ -/* TEXT SIZE ADJUSTMENT */ -/************************/ - -#text-size-adjustment-ui { - position: absolute; - top: 64px; - right: -78px; - opacity: 0.4; -} -#text-size-adjustment-ui:hover { - opacity: 1.0; -} - -/* This doesn't work in Mozilla browsers, so hide it */ -@-moz-document url-prefix() { - #text-size-adjustment-ui { - display: none; - } -} - -/*=---------=*/ -/*= Buttons =*/ -/*=---------=*/ - -#text-size-adjustment-ui button { - font-weight: 900; - font-family: "Font Awesome", "Font Awesome 5 Free"; - font-size: 0.75rem; - width: 24px; - height: 24px; - padding: 0; -} -#text-size-adjustment-ui button.default { - font-family: inherit; - font-size: 1.125rem; - position: relative; - top: 1px; -} -#text-size-adjustment-ui button:disabled { - opacity: 0.5; -} -#text-size-adjustment-ui button:disabled:hover { - cursor: default; -} - -/*=----------------=*/ -/*= Hover tooltips =*/ -/*=----------------=*/ - -#text-size-adjustment-ui::after { - content: "Adjust text size"; - position: absolute; - display: block; - left: 0; - width: 100%; - text-align: center; - top: 32px; - visibility: hidden; - font-size: 0.9em; -} -#text-size-adjustment-ui:hover::after { - visibility: visible; -} - -/*******************************/ -/* COMMENTS VIEW MODE SELECTOR */ -/*******************************/ - -#comments-view-mode-selector { - position: absolute; - bottom: 30px; - left: -40px; - opacity: 0.6; -} -#comments-view-mode-selector:hover { - opacity: 1.0; -} - -/*=---------=*/ -/*= Buttons =*/ -/*=---------=*/ - -#comments-view-mode-selector a { - display: block; - font-family: "Font Awesome", "Font Awesome 5 Free"; - font-size: 1.25rem; - text-align: center; - opacity: 0.4; - padding: 0.25em; - z-index: 1; -} -#comments-view-mode-selector a.threaded { - transform: scaleY(-1); - font-weight: 900; -} -#comments-view-mode-selector a.chrono { - font-weight: normal; -} -#comments-view-mode-selector a.selected, -#comments-view-mode-selector a:hover { - opacity: 1.0; - text-decoration: none; -} -#comments-view-mode-selector a.selected { - cursor: default; -} - -/*****************/ -/* KEYBOARD HELP */ -/*****************/ - -#keyboard-help-overlay { - width: 100vw; - height: 100vh; - background-color: rgba(255, 255, 255, 0.7); - position: fixed; - left: 0; - top: 0; - z-index: 5001; - - display: flex; - justify-content: center; - align-items: center; - padding: 20px 30px 30px 20px; - - visibility: hidden; -} - -#keyboard-help-overlay .keyboard-help-container { - background-color: #000; - filter: drop-shadow(4px 4px 2px #fff); - flex: 1 1 auto; - max-width: 1500px; - max-height: 100%; - overflow-y: auto; - position: relative; -} -#keyboard-help-overlay .keyboard-help-container h1 { - text-align: center; - border-bottom: 1px solid #1f1f1f; - margin: 0; - padding: 10px 20px; -} -#keyboard-help-overlay .keyboard-help-container .note { - margin: 0.5em auto; - padding: 0 1em; - width: fit-content; -} -#keyboard-help-overlay .keyboard-help-container .keyboard-shortcuts-lists { - column-width: 21em; - column-count: auto; - column-gap: 1.5em; - border-top: 1px solid #1f1f1f; - padding: 15px 20px; -} -#keyboard-help-overlay .keyboard-help-container ul { - list-style-type: none; - margin: 0; - padding: 0; - break-inside: avoid; - white-space: nowrap; -} -#keyboard-help-overlay .keyboard-help-container ul:nth-of-type(n+2) { - margin: 20px 0 0 0; -} -#keyboard-help-overlay .keyboard-help-container ul li.section { - font-weight: bold; - font-size: 1.125rem; - break-after: avoid; -} -#keyboard-help-overlay .keyboard-help-container .keys { - margin: 0 0.5em 0 0; - min-width: 4.5em; - display: inline-block; -} -#keyboard-help-overlay .keyboard-help-container .keys code { - margin: 0 6px 0 0; -} -#keyboard-help-overlay .keyboard-help-container code { - display: inline-block; - background-color: #131313; - border: 1px solid #2c2c2c; - padding: 3px 8px 4px 8px; - margin: 0 1px; -} -#keyboard-help-overlay .keyboard-help-container code.ak { - background-color: #001b5f; - border-color: #0052bc; -} -#keyboard-help-overlay .keyboard-help-container code.ak::before { - content: "ak+"; - opacity: 0.3; -} - -#nav-item-about button.open-keyboard-help { - display: none; -} -@media only screen and (hover:hover) and (pointer:fine) { - #nav-item-about { - position: relative; - padding-right: 0.25em; - } - #nav-item-about button.open-keyboard-help { - font-family: "Font Awesome", "Font Awesome 5 Free"; - font-weight: 900; - position: absolute; - top: 0; - right: 0; - height: 100%; - padding: 8px; - display: initial; - line-height: 1; - background-color: transparent; - } -} - -#keyboard-help-overlay button.close-keyboard-help { - position: absolute; - right: 0; - top: 0; - font-family: "Font Awesome", "Font Awesome 5 Free"; - font-size: 1.5rem; - padding: 10px 12px; -} - -/************/ -/* ARCHIVES */ -/************/ - -.archive-nav { - margin: 1.25em 0.5em 0 0.5em; - padding: 0.25em; -} -.archive-nav > * { - display: flex; -} -.archive-nav *[class^='archive-nav-item'] { - line-height: 1; - flex: 1 1 5%; - text-align: center; - padding: 6px 4px 4px 4px; - max-width: 8%; -} -@-moz-document url-prefix() { - .archive-nav *[class^='archive-nav-item'] { - padding: 5px 4px; - } -} -.archive-nav-days .archive-nav-item-day { - font-size: 0.8em; - padding: 7px 0 5px 0; - max-width: 4%; -} -.archive-nav-days .archive-nav-item-day:first-child { - flex-basis: 10%; -} - -/************/ -/* ARCHIVES */ -/************/ - -.archive-nav { - margin: 1.25em 0.5em 0 0.5em; - padding: 0.25em; -} -.archive-nav > * { - display: flex; -} -.archive-nav *[class^='archive-nav-item'] { - line-height: 1; - flex: 1 1 5%; - text-align: center; - padding: 6px 4px 4px 4px; - max-width: 8%; -} -@-moz-document url-prefix() { - .archive-nav *[class^='archive-nav-item'] { - padding: 5px 4px; - } -} -.archive-nav-days .archive-nav-item-day { - font-size: 0.8em; - padding: 7px 0 5px 0; - max-width: 4%; -} -.archive-nav-days .archive-nav-item-day:first-child { - flex-basis: 10%; -} - -/************/ -/* LISTINGS */ -/************/ - -h1.listing { - font-size: 1.875rem; - line-height: 1.15; - max-height: 1.15em; - position: relative; -} - -h1.listing a { - position: relative; -} - -/* Links to link-posts (not the link-post links themselves; that's below) */ -h1.listing .link-post-link + a { - margin-left: 0.25em; -} - -h1.listing .link-post-link { - font-size: 0.8em; - display: inline; - vertical-align: top; - position: relative; - top: 4px; -} - -/*=----------------------=*/ -/*= Listing hover reveal =*/ -/*=----------------------=*/ -/* (On desktops, hover over a multi-line listing to reveal all of it) */ - -@media only screen and (min-width: 1160px) { - h1.listing a { - max-width: 100%; - display: inline-block; - white-space: nowrap; - text-overflow: ellipsis; - overflow: hidden; - border-bottom: 1px solid transparent; - -webkit-hyphens: auto; - -moz-hyphens: auto; - -ms-hyphens: auto; - hyphens: auto; - z-index: 1; - padding: 0 0 1px 1px; - } - h1.listing .link-post-link + a { - max-width: calc(100% - 40px); - } - h1.listing a:hover, - h1.listing a:focus { - text-decoration: dotted underline; - white-space: initial; - overflow: visible; - z-index: 2; - } - h1.listing:focus-within::before { - content: "\F105"; - font-family: "Font Awesome", "Font Awesome 5 Free"; - display: block; - position: absolute; - left: -0.75em; - } - -/* Adds hysteresis to the hover area (i.e., prevents oscillation due to small - mouse movements) */ - - h1.listing a:not(.edit-post-link):hover::before { - content: ""; - position: absolute; - top: -10px; - right: -10px; - bottom: -10px; - left: -10px; - z-index: -1; - } - h1.listing .link-post-link:hover { - text-decoration: none; - } -} - -/*=-----------------------=*/ -/*= In-listing edit links =*/ -/*=-----------------------=*/ - -h1.listing .edit-post-link { - position: absolute; - margin: 0; -} - -/*=---------------------------------=*/ -/*= Error messages on listing pages =*/ -/*=---------------------------------=*/ - -.listing-message { - width: 100%; - text-align: center; - padding: 1.25em 0 1.25em 0; - font-size: 1.375em; -} - -/*********************/ -/* LISTING POST-META */ -/*********************/ - -h1.listing + .post-meta { - position: relative; - justify-content: flex-start; - margin: 0 20px 0 21px; -} - -h1.listing + .post-meta > * { - margin: 0 1em 0 0; -} - -h1.listing + .post-meta .post-section { - width: 0; - margin: 0; - overflow: hidden; -} -h1.listing + .post-meta .post-section::before { - position: absolute; - left: -36px; -} - -h1.listing + .post-meta .read-time { - cursor: default; -} - -/********************/ -/* SEQUENCES & TAGS */ -/********************/ - -.sequence-text, .tag-description { - font-size: 1.2rem; - padding: 0 22px; -} - -#content.tag-index-page .tag-description { - margin: 1em 0 0; -} - -section { - max-width: 100%; - margin-top: 2em; - margin-bottom: 4em; -} - -h1.sequence-chapter { - font-size: 2.3rem; -} - -article { - max-width: 100%; -} - -.post-meta + .comments { - margin-top: 3em; -} - -.tag-list { - column-count: auto; - column-width: 15em; - margin-top: 0; - border-bottom: 1px solid #575756; - padding-bottom: 1em; - margin-bottom: 0; -} - -#content.sequence-page h1 { - margin-top: 0.1em; -} - -/**************/ -/* USER PAGES */ -/**************/ - -/*=---------------------=*/ -/*= User's display name =*/ -/*=---------------------=*/ - -#content.user-page h1.page-main-heading { - margin: 0.25em 0 0 0; - line-height: 1.1; - grid-column: 1 / span 2; - order: -2; -} - -#content.user-page h1.page-main-heading .user-full-name { - font-size: 1rem; - font-weight: normal; - padding-left: 0.5em; -} - -/*=--------------------=*/ -/*= User's karma total =*/ -/*=--------------------=*/ - -#content.user-page .user-stats { - grid-column: 3; - order: -2; - text-align: right; - align-self: end; -} - -#content.user-page .user-stats .karma-type { - white-space: nowrap; -} - -/*=----------------------=*/ -/*= Expanded vs. compact =*/ -/*=----------------------=*/ - -#content.user-page #comments-list-mode-selector { - grid-row: span 2; -} -#content.user-page #comments-list-mode-selector button { - display: block; -} - -/*=----------------------------------------------------=*/ -/*= All, Posts, Comments, Drafts, Conversations, Inbox =*/ -/*=----------------------------------------------------=*/ - -#content.user-page .sublevel-nav { - margin-bottom: 0.5em; -} - -/*=--------------=*/ -/*= User's posts =*/ -/*=--------------=*/ - -#content.user-page h1.listing { - margin: 0.5em 0 0 0; -} - -#content.user-page .user-bio :first-child { - margin-top: 0.5em; -} - -/*****************/ -/* CONVERSATIONS */ -/*****************/ - -/*=----------------------=*/ -/*= List of participants =*/ -/*=----------------------=*/ - -#content.conversation-page .conversation-participants { - grid-column: 2 / span 2; - text-align: right; - margin: 0.5em 0 0 0; -} -.post-meta > .conversation-participants { - white-space: normal; -} -.conversation-participants ul, -.conversation-participants li { - list-style-type: none; - display: inline-block; - margin: 0; - padding: 0; -} -.conversation-participants li { - margin-left: 0.375em; -} -.conversation-participants li:not(:last-of-type)::after { - content: ","; -} - -/*=-------------------------=*/ -/*= Posting controls (form) =*/ -/*=-------------------------=*/ - -#content.conversation-page .posting-controls { - padding: 0 0 1em 0; -} -#content.conversation-page .post-meta-fields { - overflow: auto; - display: flex; - flex-flow: row wrap; -} -.posting-controls.standalone textarea { - margin-top: 0.375em; -} -.posting-controls.standalone form { - padding: 0 1em; -} -#content.conversation-page .posting-controls.standalone form { - padding: 0 1em 3em 1em; -} -.posting-controls.standalone input[type='text'], -.posting-controls.standalone label { - margin: 0.25em 0; -} -.posting-controls.standalone label { - width: 4em; - text-align: right; - padding: 2px 6px; - border: 1px solid transparent; -} -.posting-controls.standalone input[type='text'] { - width: calc(100% - 4em); - padding: 0.25em; -} -.posting-controls.standalone input[type='submit'] { - float: right; -} -.posting-controls.standalone #markdown-hints-checkbox ~ label { - white-space: nowrap; -} -.posting-controls.standalone #markdown-hints { - top: calc(100% + 2em); -} - -/*=--------------------=*/ -/*= Conversation title =*/ -/*=--------------------=*/ - -#content.conversation-page h1.page-main-heading { - text-align: center; - margin: 0.5em 0; - line-height: 1.15; -} - -/*=----------=*/ -/*= Messages =*/ -/*=----------=*/ - -#content.conversation-page > ul.comment-thread:last-of-type { - margin-bottom: 2em; -} - -/******************/ -/* SEARCH RESULTS */ -/******************/ - -#content.search-results-page h1.listing, -#content.sequence-page h1.listing, -#content.post-page h1.listing { - font-size: 1.625em; -} - -/**************/ -/* LOGIN PAGE */ -/**************/ - -.login-container { - margin: 2em 0; - padding: 1em; - display: flex; - flex-flow: row wrap; -} - -.login-container form { - flex-basis: 50%; - display: grid; - grid-row-gap: 0.5em; - align-content: start; -} -.login-container form label { - text-align: right; - padding: 0.25em 0.5em; - white-space: nowrap; - grid-column: 1; -} -.login-container form input { - grid-column: 2; - padding: 0.25em; -} -.login-container form input[type='submit'], -.login-container form a { - grid-column: 2; - justify-self: center; -} -.login-container form input[type='submit'] { - width: 10em; - padding: 0.35em; - line-height: 1; - margin: 0.5em 0 0 0; -} -.login-container form h1 { - text-align: center; - margin: 0; - grid-column: 2; -} - -/* “Log in” form */ - -#login-form { - grid-template-columns: 5.5em 1fr; - padding: 0.5em 2em 0.5em 0; -} - -/* “Create account” form */ - -#signup-form { - font-size: 0.9em; - grid-template-columns: 8.5em 1fr; - padding: 0.5em 1em 1em 1em; -} -#signup-form h1 { - font-size: 1.7em; -} -#signup-form input[type='submit'] { - padding: 0.4em 0.5em 0.5em 0.5em; -} - -/* Log in tip */ - -.login-container .login-tip { - padding: 0.5em 0.5em 0.5em 3em; - margin: 2em 4em 0 4em; - text-indent: -2em; - line-height: 1.4; -} -.login-container .login-tip span { - font-weight: bold; -} - -/* Message box */ - -#content.login-page .error-box { - margin: 1.5em 0.875em -1.5em 0.875em; -} -.error-box, .success-box { - padding: 0.25em; - text-align: center; -} - -/***********************/ -/* PASSWORD RESET PAGE */ -/***********************/ - -.reset-password-container { - margin-bottom: 2em; -} -.reset-password-container input[type='submit'] { - padding: 0.2em 0.5em; - width: unset; -} -.reset-password-container input { - margin-left: 0.5em; - width: 12em; -} -.reset-password-container label { - display: inline-block; - width: 9em; -} -.reset-password-container form > div { - margin: 0.2em; -} -.reset-password-container .action-container { - padding-left: 11em; - padding-top: 0.2em; -} -.reset-password-container .error-box { - margin: unset; -} - - -/*********************/ -/* TABLE OF CONTENTS */ -/*********************/ - -.contents { - float: right; - min-width: 6em; - max-width: 40%; - margin: 1.25em 0 0.75em 1.25em; - padding: 7px 14px 10px 10px; - position: relative; - z-index: 1; -} - -.collection-page .contents { - margin-top: 0; -} - -.contents-head { - text-align: center; - margin-bottom: 0.25em; -} - -.body-text .contents ul { - list-style-type: none; - margin: 0 0 0 0.5em; - counter-reset: toc-item-1 toc-item-2 toc-item-3; - padding-left: 1em; - font-size: 0.75em; -} -.body-text .contents li { - margin: 0.15em 0 0.3em 1em; - text-align: left; - text-indent: -1em; - line-height: 1.2; - position: relative; -} -.body-text .contents li::before { - position: absolute; - width: 3em; - display: block; - text-align: right; - left: -4.5em; -} -.contents .toc-item-1 { - counter-increment: toc-item-1; - counter-reset: toc-item-2 toc-item-3; -} -.contents .toc-item-1::before { - content: counter(toc-item-1); -} -.contents .toc-item-1 ~ .toc-item-2 { - margin-left: 2.9em; - font-size: 0.95em; -} -.contents .toc-item-2 { - counter-increment: toc-item-2; - counter-reset: toc-item-3; -} -.contents .toc-item-1 ~ .toc-item-2::before { - content: counter(toc-item-1) "." counter(toc-item-2); -} -.contents .toc-item-2::before { - content: counter(toc-item-2); -} -.contents .toc-item-1 + .toc-item-3 { - counter-increment: toc-item-2 toc-item-3; -} -.contents .toc-item-2 ~ .toc-item-3, -.contents .toc-item-1 ~ .toc-item-3 { - margin-left: 2.9em; - font-size: 0.95em; -} -.contents .toc-item-1 ~ .toc-item-2 ~ .toc-item-3 { - margin-left: 5.7em; - font-size: 0.9em; -} -.contents .toc-item-3 { - counter-increment: toc-item-3; -} -.contents .toc-item-1 ~ .toc-item-2 ~ .toc-item-3::before { - content: counter(toc-item-1) "." counter(toc-item-2) "." counter(toc-item-3); -} -.contents .toc-item-1 ~ .toc-item-3::before { - content: counter(toc-item-1) "." counter(toc-item-3); -} -.contents .toc-item-2 ~ .toc-item-3::before { - content: counter(toc-item-2) "." counter(toc-item-3); -} -.contents .toc-item-3::before { - content: counter(toc-item-3); -} -.contents .toc-item-4, -.contents .toc-item-5, -.contents .toc-item-6 { - display: none; -} - -.contents.collapsed { - margin-bottom: 0.25em; - padding-left: 1em; - padding-right: 1.75em; - -} -.contents.collapsed .contents-head { - margin: 0; -} -.contents.collapsed .contents-list { - display: none; -} - -.contents .toc-collapse-toggle-button { - position: absolute; - top: 1px; - right: 1.5px; - font-family: "Font Awesome", "Font Awesome 5 Free"; - font-weight: 900; - font-size: 1.5rem; - padding: 0; -} -.contents .toc-collapse-toggle-button:active { - transform: translateX(1px) translateY(1px); -} - -.contents.collapsed .toc-collapse-toggle-button { - width: calc(100% - 3px); - height: calc(100% - 2px); - background-color: transparent; - display: flex; - justify-content: flex-end; - align-items: flex-start; -} - - -/********************/ -/* POSTS & COMMENTS */ -/********************/ - -.post-meta > *, -.comment-meta > * { - display: inline-block; - margin-right: 1em; - font-size: 1.0625em; -} -.body-text { - overflow-wrap: break-word; - text-align: justify; -} -.body-text p { - margin: 1em 0; -} -.retracted .body-text { - text-decoration: line-through; -} - -.bare-url { - word-break: break-all; - hyphens: auto; -} -.body-text a:not([href]), -.body-text a:not([href]):hover, -.body-text a:not([href])::before, -.body-text a:not([href])::after { - text-decoration: none; - text-shadow: unset; - border: unset; - color: unset; - content: unset; -} -/*************/ -/* POST-META */ -/*************/ - -.post-meta { - display: flex; - flex-flow: row wrap; - justify-content: center; -} -.post-meta .lw2-link { - opacity: 0.5; - order: 1; -} -.post-meta > *, -.post-meta .post-section::before { - margin: 0 0.5em; -} -.post-meta .post-section { - order: -1; - margin: 0; - visibility: hidden; -} -.post-meta .post-section::before, -.comment-meta .alignment-forum { - visibility: visible; - font-family: "Font Awesome", "Font Awesome 5 Free"; - font-weight: 900; -} -.post-section.frontpage::before { - content: "\F015"; -} -.post-section.featured::before { - content: "\F005"; -} -.post-section.meta::before { - content: "\F077"; -} -.post-section.events::before { - content: "\F5A0"; -} -.post-section.personal::before { - content: "\F007"; -} -.post-section.draft::before { - content: "\F15B"; -} -.post-section.alignment-forum::before, -.comment-meta .alignment-forum { - content: "AF"; - font-family: Concourse, 'Changa One'; -} - -/*= Karma controls hover tooltips =*/ - -@media only screen and (pointer: fine) { - .post .voting-controls, - .comment-item .voting-controls { - position: relative; - } - .post .karma.active-controls::after, - .comment-item .karma.active-controls::after { - content: "Double-click for strong vote"; - position: absolute; - pointer-events: none; - display: block; - left: 6px; - width: 100%; - line-height: 1.15; - white-space: normal; - text-align: center; - font-size: 0.875rem; - opacity: 0; - transition: opacity 0.2s ease; - } - .post .voting-controls.active-controls:hover::after, - .comment-item .voting-controls.active-controls:hover::after { - opacity: 1.0; - } - - .post .voting-controls .karma-value::after, - .comment-item .voting-controls .karma-value::after { - content: attr(title); - position: absolute; - pointer-events: none; - display: block; - left: 50%; - transform: translateX(-50%); - white-space: pre-wrap; - width: max-content; - text-align: center; - font-size: 0.875rem; - color: #393939; - opacity: 0; - transition: opacity 0.2s ease; - } - .post .voting-controls.agreement .karma-value:hover::after, - .comment-item .voting-controls.agreement .karma-value:hover::after { - top: unset; - bottom: 100%; - } - .post .voting-controls .karma-value:hover::after, - .comment-item .voting-controls .karma-value:hover::after { - opacity: 1.0; - } - .post .voting-controls.waiting .karma-value:hover::after, - .comment-item .voting-controls.waiting .karma-value:hover::after { - display: none; - } - .comment-item .voting-controls .karma-value:hover::after { - z-index: 5001; - } - - .author { - position: relative; - } - .author:not(.redacted)::before { - content: attr(data-full-name); - position: absolute; - pointer-events: none; - display: block; - padding: 0 1em; - left: 50%; - bottom: 2em; - transform: translateX(-50%); - white-space: nowrap; - text-align: center; - font-size: 0.875rem; - font-weight: normal; - opacity: 0; - transition: opacity 0.2s ease; - z-index: 5001; - } - .author:hover::before { - opacity: 1.0; - } -} - -/*********/ -/* POSTS */ -/*********/ - -.post { - max-width: 100%; -} - -.post-body { - min-height: 8em; - padding: 0 30px; - line-height: 1.5; - font-size: 1.3rem; - overflow: auto; - margin: 0.5em 0 0 0; -} -h1.post-title { - margin: 1.1em 0 0.35em 0; - padding: 0 30px; - text-align: center; - font-size: 2.5em; - line-height: 1; -} -.post .post-meta { - text-align: center; - position: relative; - z-index: 2; -} -.post .top-post-meta:last-child { - margin-bottom: 40px; -} -.post .bottom-post-meta { - margin: 0; - padding: 20px 0; -} -.bottom-post-meta { - border-style: solid; - border-width: 1px 0; -} - -/**********/ -/* EVENTS */ -/**********/ - -.event-info .map { - position: relative; - width: 100%; - margin: 2em 0 1em; -} - -.event-info .map::before { - content: ""; - display: block; - padding-bottom: 50%; -} - -.event-info .map iframe { - width: 100%; - height: 100%; - border: 1px solid #fff; - position: absolute; - top: 0; - left: 0; -} - -.event-info ul { - list-style: none; - padding: 0; - text-align: center; -} - -/*******************/ -/* POST NAVIGATION */ -/*******************/ - -.post-nav-item { - display: grid; - grid-template: 100% / 32% 36% 32%; - grid-template-areas: - "prev seq next"; -} -.post-nav { - display: flex; - flex-flow: column; - justify-content: flex-end; - padding: 0.5em; -} - -.post-nav-title { - font-size: 1.125em; - line-height: 1.15; - display: inline; - border-top: 1px solid transparent; -} -.post-nav.prev .post-nav-title, -.post-nav.next .post-nav-title { - border-bottom: 1px solid transparent; -} - -.sequence-title { - align-items: center; - text-align: center; - grid-area: seq; -} -.sequence-title .post-nav-title { - font-size: 1.5em; -} - -.post-nav.prev { - grid-area: prev; - align-items: flex-start; -} -.post-nav.prev .post-nav-title::before { - content: "\F0D9\2005"; -} -.post-nav.next { - grid-area: next; - text-align: right; - align-items: flex-end; -} -.post-nav.prev .post-nav-label, -.post-nav.next .post-nav-label { - display: none; -} -.post-nav.next .post-nav-title::after { - content: "\2004\F0DA"; -} -.post-nav.prev .post-nav-title::before, -.post-nav.next .post-nav-title::after { - font-family: Font Awesome; - font-weight: 900; - vertical-align: text-bottom; - opacity: 0.75; -} -.post-nav-links { - max-width: 100%; -} - -@media only screen and (max-width: 900px) { - .post-nav-item { - font-size: 0.875em; - grid-template: auto auto / 50% 50%; - grid-template-areas: - "prev next" - "seq seq"; - } - .post-nav.prev .post-nav-title, - .post-nav.next .post-nav-title { - border-bottom: none; - } - .post-nav.prev { - margin: 0 0 0 -1px; - position: relative; - left: 1px; - } - .sequence-title { - padding: 0.75em 0; - } -} -@media only screen and (max-width: 520px) { - .post-nav-links + .comments { - padding: 1em 0 0 0; - } -} - -.related-posts, .related-post-group { - padding-bottom: 1em; -} -.related-post-type { - font-size: 1.2em; - font-weight: 600; - margin-top: 0.5em; - margin-bottom: -0.5em; - list-style-type: disc; - margin-left: -0.5em; - opacity: 0.7; -} -.related-post-type::before { - content: "\269c"; - font-size: 1.375em; - font-weight: normal; - margin-right: 0.15em; - position: relative; - vertical-align: baseline; - top: 0.05em; -} -.related-posts .post-type-prefix { - display: none; -} - -.crosspost { - padding: 0.1em 1em; - margin: 1em auto; -} - -/**************/ -/* LINK POSTS */ -/**************/ - -.post.link-post > .post-body > p:first-child { - text-align: center; - font-size: 1.125em; - margin: 0.5em 0 0 0; -} -.post.link-post > .post-body > p:only-child { - font-size: 1.5em; - margin: 1em 0; -} -.post.link-post a.link-post-link::before { - content: "\F0C1"; - font-family: "Font Awesome", "Font Awesome 5 Free"; - font-weight: 900; - font-size: 0.75em; - position: relative; - top: -2px; - margin-right: 0.25em; -} - -/************/ -/* COMMENTS */ -/************/ - -.comments { - max-width: 100%; - padding: 0 0 1px 0; - position: relative; -} -.comments::before { - content: ""; - position: absolute; - display: block; - top: 0; - left: 0; - width: 100%; - height: 100%; - pointer-events: none; -} -ul.comment-thread { - list-style-type: none; - padding: 0; - max-width: 100%; -} -.comments .comment-thread > li { - position: relative; -} -#content > #top-nav-bar + .comment-thread .comment-item { - margin-top: 0; -} - -.comment-item { - margin: 2em 0 0 0; -} -.comment-item .comment-item { - margin: 1em 8px 8px 16px; -} -.comment-item .comment-item + .comment-item { - margin: 2em 8px 8px 16px; -} - -.comment-body { - line-height: 1.45; - font-size: 1.2rem; - padding: 10px; -} -.comment-body ul { - list-style-type: circle; -} -.comment-body > *:first-child { - margin-top: 0; -} -.comment-body > *:last-child { - margin-bottom: 0; -} - -.comments-empty-message { - width: 100%; - text-align: center; - padding: 0.75em 0 0.9em 0; - font-size: 1.375em; -} - -/**********************************/ -/* DEEP COMMENT THREAD COLLAPSING */ -/**********************************/ - -.comment-item > input[id^="expand"] { - display: none; -} -.comment-item > input[id^="expand"] + label { - display: block; - visibility: hidden; - position: relative; - margin: 8px 9px; -} -.comment-item > input[id^="expand"] + label::after { - content: "(Expand " attr(data-child-count) " below)"; - visibility: visible; - position: absolute; - left: 0; - white-space: nowrap; - cursor: pointer; -} -.comment-item > input[id^="expand"]:checked + label::after { - content: "(Collapse " attr(data-child-count) " below)"; -} -.comment-item > input[id^="expand"] ~ .comment-thread { - max-height: 34px; - overflow: hidden; -} -.comment-item > input[id^="expand"] ~ .comment-thread > li:first-child { - margin-top: 0; -} -.comment-item > input[id^="expand"]:checked ~ .comment-thread { - max-height: 1000000px; -} - -.comment-item > input[id^="expand"]:checked ~ .comment-thread .comment-thread .comment-item { - margin: 0; -} -.comment-item > input[id^="expand"]:checked ~ .comment-thread .comment-thread .comment-item a.comment-parent-link:hover::after { - display: none; -} - -/*************/ -/* BACKLINKS */ -/*************/ - -.backlinks > input { - display: none; -} - -.backlinks > label { - margin-left: 10px; - display: block; - color: #00c200; - cursor: pointer; -} - -.backlinks > label::before { - content: " "; - border-left: 5px solid currentColor; - border-top: 5px solid transparent; - border-bottom: 5px solid transparent; - transition: transform 0.25s ease-out; - transform-origin: 29% 55%; - display: inline-block; - padding-right: 0.5em; -} - -.backlinks > input:checked + label::before { - transform: rotate(90deg); -} - -.backlinks li { - margin-top: 0; -} - -.backlinks > ul { - height: 0; - perspective-origin: top; - transform: perspective(100em) rotateX(-90deg); - transform-origin: center top; - opacity: 0; - margin-top: 0.5em; - margin-bottom: 0.5em; -} - -.backlinks > input:checked ~ ul { - height: auto; - transform: perspective(100em) rotateX(0deg); - transition: transform 0.25s ease-in, opacity 0.25s ease-in; - opacity: 1; -} - -/****************/ -/* COMMENT-META */ -/****************/ - -.comment-meta { - padding: 2px 24px 2px 10px; - margin: 0 -1px; - border: none; - display: flex; - flex-flow: row wrap; - align-items: baseline; -} -.user-page .comment-meta, -.conversation-page .comment-meta { - padding-right: 10px; -} -.comment-meta .comment-post-title { - flex-basis: 100%; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - line-height: 1.3; -} -.conversation-page .comment-meta .comment-post-title { - margin: 0; - flex-basis: unset; - flex: 1 0 auto; - text-align: right; - display: none; /* Not sure if we need to display this... */ -} -.comment-item .author:not(.redacted).original-poster::after { - content: "\2004(OP)"; - font-size: 0.75em; -} - -/*****************************/ -/* COMMENT THREAD NAVIGATION */ -/*****************************/ - -a.comment-parent-link:not(.inline-author), -a.comment-parent-link.inline-author::before { - opacity: 0.5; -} -a.comment-parent-link:hover { - opacity: 1.0; -} -a.comment-parent-link::before { - content: "\F062"; - font-family: "Font Awesome", "Font Awesome 5 Free"; - font-weight: 900; - font-size: 0.75rem; - line-height: 1; - position: absolute; - z-index: 1; - display: block; - padding: 3px 3px 0 3px; - width: 16px; - height: calc(100% + 2px); - top: -1px; - left: -17px; -} -a.comment-parent-link::after { - content: ""; - position: absolute; - z-index: 0; - display: block; - width: calc(100% + 26px); - height: calc(100% + 38px); - top: -29px; - left: -17px; - pointer-events: none; - overflow: hidden; - visibility: hidden; -} -a.comment-parent-link:hover::after { - visibility: visible; -} - -.comment-child-links { - flex-basis: 100%; -} -.comment-child-link { - margin: 0 0.25em; - display: inline-block; -} -.comment-child-link::before { - content: ">"; - display: inline-block; - margin: 0 2px 0 0; -} - -.comment-popup { - position: fixed; - top: 10%; - right: 10%; - max-width: 700px; - z-index: 10001; - font-size: 1rem; - white-space: unset; - pointer-events: none; -} -.comment-popup .comment-parent-link { - display: none; -} -.comment-popup .comment-body { - font-size: 1.0625rem; -} - -.comment-item.depth-odd { - --GW-comment-background-color: var(--GW-comment-background-color-odd); - --GW-comment-parent-background-color: var(--GW-comment-background-color-even); -} -.comment-item.depth-even { - --GW-comment-background-color: var(--GW-comment-background-color-even); - --GW-comment-parent-background-color: var(--GW-comment-background-color-odd); -} - -.comment-item:target { - --GW-comment-background-color: var(--GW-comment-background-color-target); -} -.comment-item:target > .comment-thread > .comment-item { - --GW-comment-parent-background-color: var(--GW-comment-background-color-target); -} - -/**********************/ -/* COMMENT PERMALINKS */ -/**********************/ -/********************/ -/* COMMENT LW LINKS */ -/********************/ - -.comment-meta .permalink::before, -.comment-meta .lw2-link::before, -.individual-thread-page a.comment-parent-link:empty::before { - content: ""; - display: inline-block; - width: 1rem; - height: 1rem; - border-radius: 3px; - box-shadow: - 0 0 0 1px #000, - 0 0 0 2px #0cc800, - 0 0 0 3px transparent; - padding: 0 0 0 2px; - background-size: 100%; - position: relative; - top: 2px; - opacity: 0.5; -} -.comment-meta .permalink::before { - background-image: url('data:image/gif;base64,R0lGODlhIAAgAPYAMQAw5w066BxG6SZO6ipS6zJY6zhd7Dtf7Elr7k1u7lZ171178GJ/8GOA8GWC8GmF8WyH8XON8nWP8naP8oOa84Wc84ac9Ied9Iyh9I6j9JCl9ZGl9ZSo9ZWp9Zms9Zut9qKz9qi4962897G/+LPB+LTC+LjF+L3J+cLN+cTP+sXQ+srU+svU+s7X+9DZ+9HZ+9La+9Xd+9bd+9ng/Nrh/Nvh/Obq/ent/e7x/vHz/vL0/vP1/vT2/vj5//n6//r7//v7//z8//39//7+/////wAAAAAAAAAAAAAAAAAAAAAAwMyACwEAAAAPAAAAAAAAAOC8CVX/fwAAZYtHif9/AAAAPywAAGAAAHA/LAAAYAAAIJ8FAABgAAAg8A0AgGEAAJDwDQCAYQAAEOQJAABhAADYvAlV/38AAJDtsXL/fwAAkO2xcv9/AABvHvb//57//7C8CVX/fwAAG2Zyjf9/AACQ8A0AAGEAAMDkC7PFfwAAkAAAAAAAAACA7bFy/38AACwAAAAAIAAgAAAH84AAgoOEhYaHiImKi4yNjo+QhgEODQGRiiVDRERDIpeHJ5uiRCWfhAdAo5tCCaaCFZtDHyCxEK4AsERCCxG1twhBqrqttzPCNLeCDTqjOQzJGMKctq4e0kMPkQUbgxSaqtiCAR0DiwbMMoMEACybyJYAATREOQWJBjui6YMr7oPyouodEsBsFAx+/gTFUCWwkIJgo3iUA9CPCLJ4OMBlOyThWwtCFS8KchErgqIAN0SFQGhxkAhRNhhFE3XjAgAVm14AyJBSlIVGJlT5GNVDVSlHHCBKEyVEg7YUP5b2QDHx04QRL2rUaEHCZLKvYMOKHXspEAA7'); -} -.comment-meta .lw2-link::before { - background-image: url('data:image/gif;base64,R0lGODlhIAAgAPYAMQAw5w066BZB6RxG6SJL6iZO6ipS6zJY6zhd7D1h7EBk7UJl7Ulr7kts7lFx7mB+8GJ/8GmF8WyH8XON8naP8niR8n+X84GY84+k9JOn9ZSo9ZWp9Zut9qS196W296e396q6962896+++LTC+LzI+b3J+cDM+cXQ+sjS+srU+s7X+9La+9bd+9jf/Nng/Nvh/Nzi/N7k/OXq/efr/ent/eru/e3w/vDz/vHz/vL0/vT2/vb3//f4//r7//z8//39//7+/////wAAt4pHif9/AAAAAAAAAAAAAAAAAAAAAAAAwMyACwEAAAAPAAAAAAAAAOC8CVX/fwAAZYtHif9/AAAAPywAAGAAAHA/LAAAYAAAIJ8FAABgAAAg8A0AgGEAAJDwDQCAYQAAEOQJAABhAADYvAlV/38AAJDtsXL/fwAAkO2xcv9/AABvHvb//57//7C8CVX/fwAAG2Zyjf9/AACQ8A0AAGEAAKDkC7PFfwAAkAAAAAAAAACA7bFy/38AACwAAAAAIAAgAAAH5YAAgoOEhYaHiImKi4yNjo+QkZKTlJWWl5EHBwoBgwuaB56hgpqciAE3QUE6BQAIPao9BgAmqiAADT6qNac2qjuzAC2qQBQBNaovABqqQSi9v60AHM0iCbpBsifEFtBBO9IM2CwYzUAVNL/BhgG+39IAMqo4w80qPKorie3RgyHNAANu2OcO3CAIPwIG/IGAoCodAwbxawZjBsAYiiYC8dDhQwYAJQB6IAGwQ0Z3AIFEmACE2IMLzX44OKkQiAQBOVTdGEAAVhAanRwGVAkghaoUglyoGoGpqdOnUKNKnUq1qlVEgQAAOw=='); -} -.individual-thread-page a.comment-parent-link:empty::before { - left: unset; - background-image: url('data:image/gif;base64,R0lGODlhIAAgAPUAMQAw5wAw9QAw9gBj9gB39gB99i8w5y+R9y+R+T8w51eq+V8w51+R9Jeq85eq9ZfY/s/E89fL+dfl/N/E8N/L9N/L9d/4/+fL9OfY9+f4/u/R9e/4/u////fY9ffe9ffe9vfr+/f//////P////9/AAABAAAAAAAAAAAAAAAAAAAAwMyACwEAAAAwaAUAAGEAABUAAAAAAAAAMGgFAABhAABAuwlV/38AAA8AAAAAAAAAwMyACwEAAAAAAAAAAAAAACwAAAAAIAAgAAAGi0CAcEgsGo/IpHLJbDqf0Kh0Ci1IIFRkgTMaXbLFbbf7BQPEYzIYnVZP2W13lRtvl53wSKgLsqTvSwR0XRMCeyMeAYNeTQ9pFAAEhx+RgyILTAhjGkIDk0IFn00KGxVDnl2UQgcZGAZUqCOqZp2itACxs7S5t7Wpvbi2u4cdwAAMDg0JxszNzs/QZkEAOw=='); -} -.comment-meta .permalink:hover::before { - background-image: url('data:image/gif;base64,R0lGODlhIAAgAPYAMQAw5wAw6AAw6QBW5wBd6wBq6gBq6y8w5y+E7UdW508w509D50996k+k718w51+q71+x71+x8F+38G8w549W55dW55d355ed6pfL9Z++75/L86dd56eq6qex66fR86fY9a9q57+R57/L77/e9b/r+seR58fl+c+d58+k58+36s/L7c/y/8/4/9eq59fl9tf4/9+x59/E6t/e8+e36Oe+6ufL6ufe8Ofy9uf4+ef//+/R6u/e7u////fY6vfe7ffr8ffy9vf////e6//l6//l7P/r7f/y8P/47//48P//8P//8v//8///9f//9v//+f//+v///1X/fwAAZYtHif9/AAAAPywAAGAAAHA/LAAAYAAAIJ8FAABgAAAg8A0AgGEAAJDwDQCAYQAAEOQJAABhAACowQlV/38AAJDtsXL/fwAAkO2xcv9/AABvHvb//57//4DBCVX/fwAAG2Zyjf9/AACQ8A0AAGEAAKDkC7PFfwAAkAAAAAAAAACA7bFy/38AACwAAAAAIAAgAAAH84BQgoOEhYaHiImKi4yNjo+Qhk5AQJGLMQcAmh6WhzOaoAAYnYRJE6GaATmkgkSgIzqgLKxQQ6kvRbK0SA6oAAKrrE8lvg20gkYVoQU4x0K+mrOsPdAAL5FMMoNEmb7XUE42QYtKyg+DT1AtmsaDTiEABTyJShSg54PrAO3g8Jryh5YoCwUhHztBT06gMjCv0BEFqAiMU3cQSpMN3hAV6SaBkD5+UFCAWqHICQhQHwzuG1QDFAJGz0AxcAEFhqYIUHZYCEWiEQ1UA0IlQKXhkQ+I1UAFMBGpSYoF1QZkmGjpyQ8VHC5c6CDixrGvYMOKHdspEAA7'); -} -.comment-meta .lw2-link:hover::before { - background-image: url('data:image/gif;base64,R0lGODlhIAAgAPYAMQAw5wAw6AAw6gBD6gBW6gBd6wBq6gBq6wB97S8w5y997Ucw50ed70ek708w50+k7U+q8F8w51+x8G+38Xcw53dD53e38Ye37JdW55fL9ZfR9p/Y9p/e9qdW56dd56dq56d356fe9rdq57ed57fl+b9357/Y8L/y/8eR58+R58/R78/y9s/y/8/4/9eq59fR79fe9df4/9+x59///+e36O/L6u////fY6vfe6vfe6/f////l7P/r7f/y7v/47//48P/4+f/4+v//7///8f//9f//9v//+v///wAAAAAAAAAAwMyACwEAAAAPAAAAAAAAALDBCVX/fwAAZYtHif9/AAAAPywAAGAAAHA/LAAAYAAAIJ8FAABgAAAg8A0AgGEAAJDwDQCAYQAAEOQJAABhAACowQlV/38AAJDtsXL/fwAAkO2xcv9/AABvHvb//57//4DBCVX/fwAAG2Zyjf9/AACQ8A0AAGEAAJDkC7PFfwAAkAAAAAAAAACA7bFy/38AACwAAAAAIAAgAAAH2YBHgoOEhYaHiImKi4yNjo+QkZKTlJWWl5FGRkGDRkCaRoOfnZuJRR0AAAU6R0MUqQOsNKkbRz4RqQiIRR6pBKxHKakALEUfqQ1HOcMWu70Av4I3wxpCDrA6MsMnzr7AP7gAEDjDACsi3t3QwEYlqQYj5RcVqRKmz9GCNeX8wyT36QT1WNCvnAAbAFUR4lXuAYhyDBQxTGXihQoYR2YN46AxVQiJz/jF4JFgWIwdwwLMAFmwBREMqQ60egVAwaKJIo+4SDXhiBEUqTJgGkq0qNGjSJMqXcoUUSAAOw=='); -} -.individual-thread-page a.comment-parent-link:empty:hover::before { - background-image: url('data:image/gif;base64,R0lGODlhIAAgAPUAMQAw5wBD5wBD6i8w50cw50+E6k+k70+q8F8w51+x8G8w529d53cw53e38Idq54ex7oe+8Y9d54/E8Ze+8JfL9aeR6qe+7K/L8t+359/e8N/e8vfe7ffr8ff////r7f/r7v/y7//y8P/47///8P///wABAAAAAAAAAAAAAAAAAAAAwMyACwEAAAAwaAUAAGEAABUAAAAAAAAAMGgFAABhAAAQwAlV/38AAA8AAAAAAAAAwMyACwEAAAAAAAAAAAAAACwAAAAAIAAgAAAGjECScEgsGo/IpHLJbDqf0Kh0Cg1VLlQkSAEAQLLFbbf7BZPEYzIYnVZP2ePAuAyFt+d17tiC6BYiaXRLInpdFCN9AAcjDIFNGGkSJCKJBpOFAh1MHgNdDUKUXZZnlU4bCxNDoQCjJB8OD1mrrWaTpbWgt7izuLmivba/vSIEXQnAJBwZGsjNzs/Q0bVBADs='); -} -.comment-meta .permalink:hover::before, -.comment-meta .lw2-link:hover::before, -.individual-thread-page a.comment-parent-link:empty:hover::before { - box-shadow: - 0 0 0 2px #0cc800, - 0 0 0 3px transparent; - opacity: 1.0; - filter: unset; -} -.comment-meta .permalink:active::before, -.comment-meta .lw2-link:active::before, -.individual-thread-page a.comment-parent-link:empty:active::before { - transform: scale(0.9); -} - -.comment-meta .permalink, -.comment-meta .lw2-link, -.individual-thread-page .comment-parent-link:empty { - position: relative; - opacity: 1.0; -} -.comment-meta .permalink::after, -.comment-meta .lw2-link::after, -.individual-thread-page .comment-parent-link:empty::after { - content: ""; - width: 30px; - height: 30px; - display: block; - position: absolute; - top: -2px; - left: -7px; - box-shadow: none; - pointer-events: auto; - visibility: visible; -} - -/*************************/ -/* COMMENTS COMPACT VIEW */ -/*************************/ - -#comments-list-mode-selector, -#content.index-page #comments-list-mode-selector, -#content.user-page #comments-list-mode-selector { - padding-top: 6px; - grid-column: 1; - position: unset; - z-index: 1; - justify-self: start; - align-self: start; -} -#comments-list-mode-selector button { - color: transparent; - width: 32px; - height: 32px; - padding: 6px; - margin: 1px; - overflow: hidden; - background-repeat: no-repeat; - background-size: 100%; - background-origin: content-box; -} -#comments-list-mode-selector button:disabled { - cursor: auto; -} -#comments-list-mode-selector button.expanded { - background-image: url('data:image/gif;base64,R0lGODdhKAAoAJEAAAAAAKqqqv///wAAACH5BAkAAAMALAAAAAAoACgAAAJTnI+py+0Po5wn2Iuz3lrxD25eSIJjiWZnyq4s6r5kLJtJndK4eO9z77NRhsSi8YhMKpfMpvMJjTqDIR3VYr1mqdtg1/fdhXHjWll2fqVb0rY7WQAAOw=='); -} -#comments-list-mode-selector button.compact { - background-image: url('data:image/gif;base64,R0lGODdhKAAoAJEAAAAAAKqqqv///wAAACH5BAkAAAMALAAAAAAoACgAAAJXnI+py+0Po5y0uoCz3rxz5YViB46mWJ7qlq5u66rWTNf2fcQxrI98H/oBSYnhSWjU4JbMJi7pK0KD0ikRYfUgp1uo8wsOM7LXHJlVPWO6SbbRPRTL57gCADs='); -} -@media only screen and (max-resolution: 1dppx) { - #comments-list-mode-selector button.expanded { - background-image: url('data:image/gif;base64,R0lGODdhFAAUAKIAAAAAAKampqqqqv///wAAAAAAAAAAAAAAACH5BAkAAAQALAAAAAAUABQAAAMmSLrc/tCJSasV7Gqat+6eBYbcQopRqq5s257VeMokHdoevrm8mgAAOw=='); - } - #comments-list-mode-selector button.compact { - background-image: url('data:image/gif;base64,R0lGODdhFAAUAKIAAAAAAKqqqtvb2////wAAAAAAAAAAAAAAACH5BAkAAAQALAAAAAAUABQAAAMmSLrc/tCFSasN7Gqat45g433LeHUmF65phbZvurLtFJv3OO98zyQAOw=='); - } -} - -#content > ul.comment-thread > li.comment-item, -#content.compact > ul.comment-thread > li.comment-item { - margin: 0; -} - -#content > .comment-thread { - margin: 1em 0; -} -#content.compact > .comment-thread { - font-size: 0.9375rem; - margin: 0.5em 0; -} -#content.compact > .comment-thread:hover { - z-index: 1; -} -#content.compact > .comment-thread .comment-body { - font-size: 1.0625rem; -} -#content.compact > .comment-thread .comment-item, -#content.index-page .comment-item.ignored, -#content.inbox-user-page .comment-item.ignored { - max-height: 61px; - margin-top: 1em; - overflow: hidden; - position: relative; -} -#content.compact > .comment-thread .comment-item { - pointer-events: none; -} -#content.compact > .comment-thread .comment-item::after { - content: "…"; - position: absolute; - right: 0; - bottom: 0; - font-size: 2rem; - line-height: 1; - padding: 0 16px 10px 64px; - pointer-events: auto; -} -@media only screen and (hover: hover) { - #content.compact:not(:focus-within) > .comment-thread .comment-item:hover, - #content.compact > .comment-thread .comment-item.expanded { - overflow: visible; - pointer-events: auto; - z-index: 10; - } -} -@media only screen and (hover: none) { - #content.compact > .comment-thread.expanded .comment-item { - overflow: visible; - pointer-events: auto; - z-index: 10; - } -} -#content.compact > .comment-thread .comment-item .comment-meta { - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - padding: 2px 10px; -} -#content.compact > .comment-thread .comment-item:hover .comment-meta { - white-space: unset; -} -#content.compact > .comment-thread .comment-item .comment-meta a { - pointer-events: auto; -} -#content.compact > .comment-thread .comment-item .comment-meta .comment-post-title { - display: inline; -} -#content.compact > .comment-thread .comment-item .comment-meta .voting-controls + .comment-post-title { - margin-left: 0.75em; -} -@media only screen and (hover: hover) { - #content.compact > .comment-thread:last-of-type .comment-item:hover, - #content.compact > .comment-thread:last-of-type .comment-item.expanded { - max-height: unset; - } - #content.compact > .comment-thread .comment-item:hover .comment, - #content.compact > .comment-thread .comment-item.expanded .comment { - position: relative; - z-index: 1; - margin-bottom: 2em; - bottom: 0; - } - #content.compact > .comment-thread .comment-item:hover .comment::before, - #content.compact > .comment-thread .comment-item.expanded .comment::before{ - content: ""; - position: absolute; - display: block; - width: calc(100% + 20px); - height: calc(100% + 20px); - z-index: -1; - top: -10px; - left: -10px; - } - #content.compact > .comment-thread:last-of-type .comment-item:hover .comment, - #content.compact > .comment-thread:last-of-type .comment-item.expanded .comment{ - margin: 0; - } -} -@media only screen and (hover: none) { - #content.compact > .comment-thread.expanded:last-of-type .comment-item { - max-height: unset; - } - #content.compact > .comment-thread.expanded .comment-item .comment { - position: relative; - z-index: 1; - margin-bottom: 2em; - bottom: 0; - } - #content.compact > .comment-thread.expanded .comment-item .comment::before { - content: ""; - position: absolute; - display: block; - width: calc(100% + 14px); - height: calc(100% + 20px); - z-index: -1; - top: -10px; - left: -10px; - } - #content.compact > .comment-thread.expanded:last-of-type .comment-item .comment { - margin: 0; - } - #content.compact > .comment-thread.expanded .comment-item .comment::after { - content: ""; - display: block; - position: fixed; - top: 0; - left: 0; - width: 100%; - height: 100%; - z-index: -2; - background-color: rgba(255, 255, 255, 0.5); - } -} - -/*****************************/ -/* HIGHLIGHTING NEW COMMENTS */ -/*****************************/ - -.new-comment::before { - content: ""; - position: absolute; - width: 100%; - height: 100%; - z-index: 5000; - pointer-events: none; -} - -/***********************************/ -/* COMMENT THREAD MINIMIZE BUTTONS */ -/***********************************/ - -.comment-minimize-button { - font-family: "Font Awesome", "Font Awesome 5 Free"; - font-weight: 900; - font-size: 1.25rem; - line-height: 1; - position: absolute; - right: 1px; - top: 1px; - width: 18px; - margin: 0; - cursor: pointer; -} -.comment-minimize-button:active { - transform: scale(0.9); -} -.comment-minimize-button::after { - content: attr(data-child-count); - font-weight: normal; - font-size: 0.8125rem; - position: absolute; - left: 0; - width: 100%; - text-align: center; - top: 21px; -} -#content.individual-thread-page .comment-minimize-button { - display: none; -} - -/*****************/ -/* IGNORE SYSTEM */ -/*****************/ - -#content.comment-thread-page .comment-item.ignored { - height: 38px; - overflow: hidden; -} -.comment-item.ignored > .comment > .comment-meta > .author { - text-decoration: line-through; -} - -/***********************************/ -/* INDIVIDUAL COMMENT THREAD PAGES */ -/***********************************/ - -.individual-thread-page > h1 { - line-height: 1; - margin: 0.75em 0 3px 0; -} -.individual-thread-page .comments { - border: none; -} - -/*************/ -/* SHORTFORM */ -/*************/ - -.shortform-index-page .comments::before { - border: none; - box-shadow: none; -} - -.shortform-index-page .comments > .comment-thread > .comment-item:first-child { - margin-top: 0; -} - -/****************/ -/* VOTE BUTTONS */ -/****************/ - -.vote { - margin: 0; -} -.vote { - font-family: "Font Awesome", "Font Awesome 5 Free"; - font-weight: 900; - border: none; -} - -.vote:disabled { - visibility: hidden; - cursor: default; -} - -@keyframes waiting { - 0% {background-position: 200% 0%} - 100% {background-position: 0% 0%} -} - -.voting-controls .karma-value { - opacity: 1; - transition: opacity 0.5s linear; -} - -.voting-controls.waiting .karma-value { - opacity: 0.5; - background: repeat-x linear-gradient(70deg, #fff 50%, #000 75%, #fff); - background-clip: text; - -webkit-background-clip: text; - color: transparent; - background-position: 200% 0%; - background-size: 200% 100%; - animation: waiting 1s linear infinite; -} - -/* Replicated karma controls at bottom of comments. */ -.comment-controls .voting-controls { - float: left; - font-size: 0.9375em; -} - -.comment-controls .voting-controls:first-of-type { - margin-left: -14px; -} - -/*****************************/ -/* COMMENTING AND POSTING UI */ -/*****************************/ - -.comment-controls { - text-align: right; - margin: 0 8px 8px 16px; - position: relative; - z-index: 9999; -} -.comment-thread .comment-controls + .comment-thread > li:first-child { - margin-top: 8px; -} -.comments > .comment-controls { - margin: 8px 0 0 0; -} -.comments > .comment-controls:last-child { - margin: 8px 0 16px 0; -} - -.posting-controls input[type='submit'] { - margin: 6px; - padding: 4px 10px; - font-size: 1.125rem; -} - -.comment-controls .cancel-comment-button { - position: absolute; - right: 0; - margin: 0; - height: 27px; - font-size: inherit; - padding: 4px 8px 2px 4px; - z-index: 1; -} -.comment-controls .cancel-comment-button::before { - font-family: "Font Awesome", "Font Awesome 5 Free"; - margin-right: 3px; - content: '\F00D'; - font-weight: 900; - font-size: 0.9em; - opacity: 0.7; -} - -.comment + .comment-controls .action-button { - font-weight: normal; - font-size: 1.0625em; - padding: 1px 6px; -} -.comment-controls .action-button::before { - font-family: "Font Awesome", "Font Awesome 5 Free"; - margin-right: 3px; -} -.new-comment-button { - font-size: 1.5rem; - margin: 0 0.25em; -} -.comment-controls .reply-button::before { - content: '\F3E5'; - font-weight: 900; - font-size: 0.9em; - opacity: 0.6; -} -.comment-meta .replied::before { - content: '\F3E5'; - font-family: "Font Awesome", "Font Awesome 5 Free"; - color: #9740cb; - font-weight: 900; - font-size: 0.9em; - opacity: 0.6; -} - -.post-controls { - text-align: right; - margin: 0.75em 0 0 0; - align-self: start; - justify-self: end; -} -.edit-post-link { - display: inline-block; - margin-bottom: 0.25em; - font-size: 1.125rem; -} -.edit-post-link::before { - margin-right: 0.3em; -} -.comment-controls .edit-button::before, -.edit-post-link::before { - content: '\F303'; - font-family: "Font Awesome", "Font Awesome 5 Free"; - font-weight: 900; - font-size: 0.75em; - position: relative; - top: -1px; -} - -.comment-controls .delete-button { - margin-right: 0.25em; -} -.comment-controls .edit-button, -.comment-controls .retract-button, -.comment-controls .unretract-button { - margin-right: 1em; -} -.comment-controls .retract-button::before { - content: '\F4B3'; - opacity: 0.6; -} -.comment-controls .unretract-button::before { - content: '\F075'; - opacity: 0.9; -} -.comment-controls .delete-button::before { - content: '\F05E'; - opacity: 0.7; -} -.comment-controls .retract-button::before, -.comment-controls .unretract-button::before, -.comment-controls .delete-button::before { - font-weight: 900; - font-size: 0.9em; -} - -.comment-controls form { - position: relative; -} -.textarea-container { - position: relative; -} -.posting-controls textarea { - display: block; - width: 100%; - height: 15em; - min-height: 15em; - max-height: calc(100vh - 6em); - margin: 2px 0 0 0; - padding: 4px 5px; - font-size: 1.2rem; - border-style: solid; - border-width: 29px 1px 1px 1px; - resize: none; -} - -/* GUIEdit buttons */ - -.guiedit-buttons-container { - position: absolute; - left: 1px; - top: 1px; - width: calc(100% - 2px); - height: 28px; - text-align: left; - padding: 1px 4px 0 4px; - overflow: hidden; -} -.comment-thread-page .guiedit-buttons-container { - padding-right: 60px; -} -.guiedit-buttons-container button { - height: 26px; - padding: 0 7px; - font-weight: 900; - font-size: 0.875rem; - line-height: 1; - position: static; -} -.guiedit-buttons-container button:active { - transform: none; -} -.guiedit-buttons-container button:active div { - transform: scale(0.9); -} -.guiedit-buttons-container button sup { - font-weight: bold; -} -.guiedit::after { - content: attr(data-tooltip); - position: absolute; - font-weight: normal; - font-size: 1rem; - top: 2px; - left: 464px; - height: 25px; - padding: 4px 0; - white-space: nowrap; - visibility: hidden; -} -.guiedit:hover::after { - visibility: visible; -} - -/* Markdown hints */ - -.posting-controls .markdown-reference-link { - float: left; - padding: 1px 0 0 6px; -} -.posting-controls .markdown-reference-link a { - padding-right: 1.5em; - margin-right: 0.15em; - background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJAAAACQCAQAAABNTyozAAAEDklEQVR4Ae3cY3QDjRaG0V1e27Zt27Zt27Ztf7Zt27Zt10jOdZtZzbSN2q41533+tsFO4zRi0TKRJVACJdDiJVACJVACJVACZQmUQAmUQAmUQAmUQFkCJVACJVACJVACJVDWuD7P8icnGRcVbdyJ/uRZ+jTZYxwq/lN2qMcozvtMibmySe/TsPeqi0JZ3XsAHm1SZAua9CjgoMQo6UB4uiim5gbXV7Ab1EQxT+P3RRw/dHtV3e39UL3g8XuOEw39QNX3g4LHcYwU/n5uo+q7beGKNqLwJ3U1cteKuepEQ1cid03BJIESKIESKIESKIESaIkl0I3dv7Q7a293c//ShrWym7l/abdbGaCnidJGPFzre6opUdqDtLJXitJ+svpA4Uy30dru6hJRHaCws37L37CDRbWAwvctf38S1QOqe43l7f2iikDheg+x9J5ksqpA4TS3svju5CJRXaCwvX7lG3KAqDZQ+Jby/U4kUM0rNN+7hAQSrvNAC/c4Ewn0/052C8Xd0fkigebbRp/5DdpHJFCxr5nfr4QEUqzmJYC3iQRq1jXuj8cYT6CyTnAv54oEKm9EJFBnJVAC7eoS0XJn2r8qQP/wNFOipUY8wvbVAeIjooXq3ki1gPhHC0A/oWWgQZ/37ZI2FaUdVPpb33LHlQS6scPFstrDQBtAvEpNdLEfsZJA3N3lYsnOcTvaAuKzomttqW+lgXimabFoYx5N20D8SXSlw9yElQfiE0J5dW+lI6BBu4uOO8+dWB0g1hel/YIOgbiVE0VHXefhrB7QTRwtmra3gS4AcW+Xibab8SJWE4h7uaLpn/Ud6AoQTzIu2uzDrDYQzzUjCo17HF0D4g3qoo1+yWoCld8hv5OuAvFl0XLb6V8rQGws5votXQfqs45oqaPdjLUDdNO5f7Xa32APgBhu6b2SC92VtQTEfVwlXOhO9ASI2zhNLKsRj2atAfFCo55Iz4C4nyvFks16OWsRiPvQUyCeblIs0adYq0B6DsTb1EV5fk+1gfiWKG0XAwnUZyPRtOPdggTiRg4UC7rEPUkg4PbOFIXGPIEEmt+DCmeu5rUkUHHPaXj76Qsk0MK9R/ynv5FAzfdDYS9Da+n/xe6ovd2lS/8vVlyfH7o1vQLKJVACJVACJVACJVACIYGW/A6z/A6zG8RcNbdT9d1eTcx1A8eKhn6s6vtxweNYfisaqvupu+jXV8H63cXP1Asev+Wpopi6aVMVbFpdFPMUlP6jdrY/8AgTYkHZhEcAvFNdFMpq3qFh78y/okIT3qk4j8zborn290hN91S/c6zrzapVsFnXO9bvPFXjYtEykSVQAnVUAiVQAiVQAiVQAiVQlkAJlEAJlEAJlEAJlCVQAiVQAiVQAiVQAmX/BMHb3CdNrgcrAAAAAElFTkSuQmCC'); - background-size: 1.25em; - background-repeat: no-repeat; - background-position: right center; -} - -#markdown-hints-checkbox + label { - float: left; - margin: 2px 0 0 1em; - line-height: 1.3; - cursor: pointer; -} -#edit-post-form #markdown-hints-checkbox + label { - padding: 0; -} -#markdown-hints-checkbox { - visibility: hidden; - float: left; -} -#markdown-hints-checkbox + label::after { - content: "(Show Markdown help)"; -} -#markdown-hints-checkbox:checked + label::after { - content: "(Hide Markdown help)"; -} -#markdown-hints-checkbox + label::before { - content: '\F059'; - font-family: "Font Awesome", "Font Awesome 5 Free"; - font-weight: 900; - margin-right: 3px; -} -#markdown-hints-checkbox:checked + label::before { - font-weight: normal; -} -#markdown-hints { - margin: 4px 0 0 4px; - padding: 4px 8px; - position: absolute; - text-align: left; - top: calc(100% - 1em); - z-index: 1; - display: none; -} -.comment-controls #markdown-hints { - top: calc(100% + 1.75em); -} -#markdown-hints-checkbox:checked ~ #markdown-hints { - display: table; -} -.markdown-hints-row { - display: table-row; -} -#markdown-hints .markdown-hints-row span, -#markdown-hints .markdown-hints-row code { - float: none; - display: table-cell; - border: none; - background-color: inherit; - padding: 0 12px 0 0; -} - -/******************/ -/* EDIT POST FORM */ -/******************/ - -#edit-post-form { - padding: 1em 1em 4em 1em; -} -#edit-post-form .post-meta-fields { - display: grid; - grid-template-columns: 5em auto auto auto 1fr auto; - margin-bottom: 0.625em; -} - -#edit-post-form label[for='title'], -#edit-post-form label[for='url'], -#edit-post-form label[for='section'] { - grid-column: 1; -} -#edit-post-form input[type='text'] { - padding: 0.25em; - grid-column: 2 / span 4; - margin-bottom: 0.5em; -} - -#edit-post-form .link-post-checkbox, -#edit-post-form .link-post-checkbox + label { - grid-row: 1; - grid-column: 6; -} -#edit-post-form .question-checkbox, -#edit-post-form .question-checkbox + label { - grid-row: 3; - grid-column: 5; - justify-self: start; - margin-left: 1.5em; -} - -#edit-post-form .post-meta-fields label[for="submit-to-frontpage"] { - grid-row: 4; - grid-column: 2 / span 4; - text-align: left; - margin-top: 8px; -} - -#edit-post-form .post-meta-fields input[type='checkbox'] { - height: 0; - opacity: 0; - pointer-events: none; -} -#edit-post-form .post-meta-fields input[type='checkbox'] + label { - white-space: nowrap; - position: relative; - cursor: pointer; - padding: 0.25em 0.5em 0.25em calc(20px + 0.25em + 0.3725em); - align-self: start; -} -#edit-post-form .post-meta-fields input[type='checkbox'] + label::before { - content: ""; - font-family: "Font Awesome", "Font Awesome 5 Free"; - font-size: 1.375rem; - line-height: 0.7; - text-indent: 1px; - font-weight: 900; - position: absolute; - width: 20px; - height: 20px; - left: 5px; -} -#edit-post-form label[for='url'], -#edit-post-form input[name='url'] { - display: none; -} -#edit-post-form .link-post-checkbox:checked ~ label[for='url'], -#edit-post-form .link-post-checkbox:checked ~ input[name='url'] { - display: initial; -} -#edit-post-form label { - line-height: normal; - border: 1px solid transparent; - text-align: right; - padding: 0.25em 0.5em; - white-space: nowrap; -} -#edit-post-form input[type='radio'] { - width: 0; - margin: 0; - opacity: 0; - pointer-events: none; -} -#edit-post-form input[type='radio'] + label { - padding: 4px 12px; - text-align: center; - border-style: solid; - border-width: 1px 1px 1px 0; - cursor: pointer; -} -#edit-post-form input[type='radio']:checked + label { - cursor: default; -} - -#edit-post-form label[for='section'] { - grid-row: 3; -} -#edit-post-form input[type='radio'] + label { - grid-row: 3; -} -@supports (width: -moz-fit-content) { - #edit-post-form input[type='radio'] + label { - width: -moz-fit-content; - } -} -@supports (width: fit-content) { - #edit-post-form input[type='radio'] + label { - width: fit-content; - } -} - -#edit-post-form textarea { - min-height: 24em; -} - -#edit-post-form input[type='submit'] { - padding: 6px 12px; - float: right; -} -#edit-post-form #markdown-hints { - top: calc(100% + 2em); -} - -#edit-post-form button.guiedit div { - overflow: visible; -} -.guiedit-mobile-auxiliary-button { - display: none; -} - -/***********/ -/* BUTTONS */ -/***********/ - -button, -input[type='submit'] { - font-family: inherit; - font-size: inherit; - background-color: inherit; - cursor: pointer; - border: none; - border-radius: 0; -} - -/************/ -/* HEADINGS */ -/************/ - -.body-text h1, -.body-text h2, -.body-text h3, -.body-text h4, -.body-text h5, -.body-text h6 { - line-height: 1.1; - margin: 1em 0 0.75em 0; - text-align: left; -} - -.post-body h5, -.post-body h6 { - font-size: 1em; -} -.post-body h4, -.body-text h4 { - font-size: 1.2em; -} -.post-body h3, -.body-text h3 { - font-size: 1.4em; -} -.post-body h2, -.body-text h2 { - font-size: 1.75em; -} -.post-body h1, -.body-text h1 { - font-size: 2.1em; -} - -.comment-body h5, -.comment-body h6 { - font-size: 1em; -} -.comment-body h4 { - font-size: 1.15em; -} -.comment-body h3 { - font-size: 1.3em; -} -.comment-body h2 { - font-size: 1.5em; -} -.comment-body h1 { - font-size: 1.75em; -} - -/**********/ -/* QUOTES */ -/**********/ - -blockquote, -.post-body .comment-box .comment-body { - font-size: 0.9em; - margin: 1em 0; - padding-left: 0.5em; - margin-left: 1px; - padding-bottom: 3px; -} -blockquote *:first-child { - margin-top: 0; -} -blockquote *:last-child { - margin-bottom: 0; -} -blockquote blockquote { - font-size: 0.95em; -} - -/* Pseudo-blockquotes that LW sometimes uses for some reason */ - -.post-body .comment-box .user-name { - font-style: italic; -} -.post-body .comment-box .user-name::after { - content: ":"; -} -.post-body .comment-box { - zoom: 1.25; -} - -/**********/ -/* IMAGES */ -/**********/ - -#content img, #content figure { - max-width: 100%; -} - -.prediction-poll > svg { - width: 700px; - max-width: 100%; -} - -img.inline-latex { - position: relative; - top: 2.5px; - margin: 0 2px; -} - -#content figure { - text-align: center; - margin: 1.5em auto; -} - -p.imgonly, -div.imgonly, -figure { - text-align: center; - margin: auto; - clear: both; -} - -.imgonly iframe { - display: block; - width: 100%; - height: 250px; - border: 0; -} - -// Aspect ratio trick from https://css-tricks.com/aspect-ratio-boxes/ - -[style*="--aspect-ratio"] > * { - width: 100%; -} -[style*="--aspect-ratio"] > img { - height: auto; -} -@supports (--custom:property) { - [style*="--aspect-ratio"] { - position: relative; - } - [style*="--aspect-ratio"]::before { - content: ""; - display: block; - padding-bottom: calc(100% / (var(--aspect-ratio))); - } - [style*="--aspect-ratio"] > * { - position: absolute; - top: 0; - left: 0; - height: 100%; - } -} - -/**********/ -/* TABLES */ -/**********/ - -.body-text table { - border-collapse: collapse; - font-size: 0.875em; -} -.body-text table th, -.body-text table td { - text-align: left; - padding: 4px 6px; - line-height: 1.3; -} -.body-text table .numeric { - text-align: right; - font-family: Inconsolata, Menlo, monospace; -} -.body-text table caption { - margin: 0 0 0.25em 0; - font-weight: bold; - font-size: 1.125em; -} - -/********/ -/* MISC */ -/********/ - -/*= Superscripts & subscripts =*/ - -/* Make sure superscripts and subscripts do not affect line spacing. */ -sup, sub { - vertical-align: baseline; - position: relative; - top: -0.5em; - left: 0.05em; - font-size: 0.8em; -} -sub { - top: 0.3em; -} - -/*= Code blocks & other "unstyled" text. =*/ - -pre, -code { - font-family: Inconsolata, Menlo, monospace; -} -pre { - white-space: pre-wrap; -} -.body-text pre { - text-align: left; -} -code { - font-size: 0.95em; - display: inline-block; - padding: 0 4px 1px 5px; -} -pre > code { - display: block; - border-radius: 0; - padding: 3px 4px 5px 8px; - tab-size: 4; -} - -/*= Fractions =*/ - -.frac::after { - content: "\200B"; -} - -/*= Removing browser default styling of various elements =*/ - -/* On various input elements such as text fields and buttons, remove "blue glow" focus outlines on Macs, dotted black outlines in Firefox, etc. */ -:focus { - outline: none; -} - -/* Remove "embossed" appearance of horizontal rules. */ -hr { - border: none; -} - -input, -button, -textarea { - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; -} - -input { - font-family: inherit; - font-size: inherit; - font-weight: inherit; -} - -/*************/ -/* FOOTNOTES */ -/*************/ - -ol { - counter-reset: ordered-list; -} -.footnote-definition { - font-size: 0.9em; - list-style-type: none; - counter-increment: ordered-list; - position: relative; -} -.footnote-definition p { - font-size: inherit !important; -} -.footnote-definition::before { - content: counter(ordered-list) "."; - position: absolute; - left: -2.5em; - font-weight: bold; - text-align: right; - width: 2em; -} - -/*= LW Docs footnotes =*/ - -.footnote-item { - display: flex; -} - -.footnote-item > :not(.nothing) { - margin: 0 0.2em; -} - -.footnote-item > :first-child { - margin-left: -0.2em; - margin-right: 0; -} - -.footnote-back-link a:not(.nothing) { - font-size: 0; - text-decoration: none; - border: none; -} - -.footnote-back-link a:not(.nothing):hover { - text-shadow: 0 0 1px #000, 0 0 3px #000, 0 0 5px #0cc800; - border: none; - text-decoration: none; -} - -.footnote-back-link a::after { - content: '\F106'; - font-family: Font Awesome; - font-size: 1rem; - padding: 0.2em; - text-decoration: none; - font-weight: bold; -} - -.footnote-content > :first-child { - margin-top: 0; -} - -/*********/ -/* LISTS */ -/*********/ - -li { - margin-bottom: 0.5em; -} - -.body-text ol p, -.body-text ul p { - margin: 0.5em 0; -} - -.body-text ol { - list-style: none; - padding: 0; - counter-reset: ol; -} -.body-text ol > li { - position: relative; - counter-increment: ol; - padding: 0 0 0 2.5em; - margin: 0.25em 0 0 0; -} -.body-text ol > li::before { - content: counter(ol) "."; - position: absolute; - width: 2em; - text-align: right; - left: 0; -} -.body-text ul { - list-style: none; - padding: 0; -} -.body-text ul:not(.contents-list) > li:empty { - padding-bottom: 1.25em; -} -.body-text ul:not(.contents-list) > li { - position: relative; - padding: 0 0 0 1.75em; - margin: 0.25em 0 0 0; -} -.body-text ul:not(.contents-list) > li ul > li { - padding: 0 0 0 2em; -} -.body-text ul:not(.contents-list) > li::before { - content: "•"; - position: absolute; - width: 1.25em; - text-align: right; - left: 0; -} -.body-text ul:not(.contents-list) > li ul > li::before { - width: 1.5em; -} -.body-text li > ul:first-child > li { - padding-left: 0; -} -.body-text li > ul:first-child > li::before { - content: none; -} - -/**************/ -/* ERROR PAGE */ -/**************/ - -.error-retry-form { - margin: 0.5em 0; -} - -.error-retry-form input[type="submit"] { - border: 1px solid #484848; - font-weight: bold; - font-size: 1.125rem; - padding: 0.5em 1.25em; -} - -/**************/ -/* ABOUT PAGE */ -/**************/ - -#content.about-page .contents { - margin-top: 0.25em; -} -#content.about-page .accesskey-table { - border-collapse: collapse; - margin: auto; -} -#content.about-page .accesskey-table th, -#content.about-page .accesskey-table td { - padding: 2px 6px; -} -#content.about-page .accesskey-table td:first-child { - padding-right: 1.5em; -} -#content.about-page .accesskey-table td:last-child { - text-align: center; - font-family: Inconsolata, Menlo, monospace; -} -#content.about-page h3:nth-of-type(n+2) { - clear: both; -} - -/******************/ -/* IMAGES OVERLAY */ -/******************/ - -#images-overlay + #content .post-body img { - visibility: hidden; -} - -#images-overlay div { - position: absolute; -} -#images-overlay div::after { - content: "Click to enlarge"; - display: block; - position: absolute; - margin: auto; - left: 0; - right: 0; - bottom: 10px; - padding: 6px 10px; - font-size: 1.25rem; - background-color: rgba(255, 255, 255, 0.6); - color: #000; - border-radius: 5px; - opacity: 0.0; - transition: opacity 0.15s ease; - pointer-events: none; -} -@supports (width: -moz-fit-content) { - #images-overlay div::after { - width: -moz-fit-content; - } -} -@supports (width: fit-content) { - #images-overlay div::after { - width: fit-content; - } -} -#images-overlay div:hover::after { - opacity: 1.0; -} - -#images-overlay img { - width: 100%; -} - -/***************/ -/* IMAGE FOCUS */ -/***************/ - -/*=--------------=*/ -/*= Hover styles =*/ -/*=--------------=*/ - -#content img:hover, -#images-overlay img:hover { - filter: drop-shadow(0 0 3px #777); - cursor: zoom-in; -} -#content img:active, -#images-overlay img:active { - transform: scale(0.975); -} - -/*=---------=*/ -/*= Overlay =*/ -/*=---------=*/ - -#image-focus-overlay { - position: fixed; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: 2; - display: none; - cursor: zoom-out; -} -#image-focus-overlay::before { - content: ""; - display: block; - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - background-color: #fff; - opacity: 0.5; - z-index: -1; -} -#image-focus-overlay.engaged { - display: initial; -} - -#image-focus-overlay img { - margin: auto; - position: absolute; - left: 50%; - top: 50%; - transform: translateX(-50%) translateY(-50%); -} - -/*=-------------------=*/ -/*= Single-image mode =*/ -/*=-------------------=*/ - -#image-focus-overlay:not(.slideshow) .image-number, -#image-focus-overlay:not(.slideshow) .slideshow-buttons { - visibility: hidden; -} - -/*=---------=*/ -/*= Caption =*/ -/*=---------=*/ - -#image-focus-overlay .caption { - position: absolute; - bottom: 0.75em; - background-color: rgba(255, 255, 255, 0.7); - left: 9em; - right: 9em; - margin: auto; - max-width: calc(100% - 18em); - text-align: center; - font-size: 1.375em; - border-radius: 8px; - z-index: 1; - transition: - bottom 0.2s ease; -} -@supports (width: -moz-fit-content) { - #image-focus-overlay .caption { - width: -moz-fit-content; - } -} -@supports (width: fit-content) { - #image-focus-overlay .caption { - width: fit-content; - } -} -#image-focus-overlay .caption.hidden { - bottom: -5em; - transition: - bottom 0.5s ease; -} - -#image-focus-overlay .caption p { - margin: 1em 1.25em; - color: #000; -} - -#image-focus-overlay .caption:not(:empty)::before { - content: ""; - display: block; - position: absolute; - width: 100vw; - height: calc(100% + 1.5em); - z-index: -1; - top: -0.75em; - left: calc(-50vw + 50%); - -} - -/*=--------------=*/ -/*= Help overlay =*/ -/*=--------------=*/ - -#image-focus-overlay .help-overlay { - position: absolute; - display: flex; - flex-flow: column; - z-index: 2; - font-size: 1.5rem; - padding: 1em; - border-radius: 10px; - bottom: 1em; - right: 1em; - overflow: hidden; - white-space: nowrap; - color: transparent; - cursor: default; - visibility: hidden; - transition: - visibility 1s ease, - color 1s ease, - background-color 1s ease, - bottom 0.3s ease; -} -#image-focus-overlay .help-overlay:hover { - max-width: 24em; - max-height: 14em; - background-color: rgba(255, 255, 255, 0.85); - color: #000; - visibility: visible; - transition: - visibility 0.2s ease 0.3s, - color 0.2s ease 0.3s, - background-color 0.2s ease 0.3s; -} - -#image-focus-overlay .help-overlay::after { - content: "\F128"; - font-family: "Font Awesome", "Font Awesome 5 Free"; - font-weight: 900; - font-size: 2rem; - position: absolute; - right: 0; - bottom: 0; - padding: 10px; - color: #fff; - filter: drop-shadow(0 0 6px #000); - visibility: visible; - opacity: 0.85; - transition: - visibility 1s ease; -} -#image-focus-overlay .help-overlay:hover::after { - visibility: hidden; - transition: - visibility 0.2s ease 0.3s; -} - -#image-focus-overlay .help-overlay p { - margin: 0; - text-indent: -2em; - padding-left: 2em; - max-width: 100%; - overflow: hidden; -} -#image-focus-overlay .help-overlay p + p { - margin: 0.75em 0 0 0; -} -#image-focus-overlay .help-overlay.hidden { - bottom: -2em; -} - -/*=--------------=*/ -/*= Slide number =*/ -/*=--------------=*/ - -#image-focus-overlay .image-number { - position: absolute; - z-index: 2; - font-size: 1.75rem; - left: 1em; - bottom: 1em; - font-weight: 600; - text-shadow: - 0 0 3px #000, - 0 0 5px #000, - 0 0 8px #000, - 0 0 13px #000; - width: 1.5em; - text-align: right; - white-space: nowrap; - transition: bottom 0.3s ease; -} -#image-focus-overlay .image-number::before { - content: "#"; - opacity: 0.3; -} -#image-focus-overlay .image-number::after { - content: " of " attr(data-number-of-images); - opacity: 0.3; -} -#image-focus-overlay .image-number:hover::before, -#image-focus-overlay .image-number:hover::after { - opacity: 1.0; -} -#image-focus-overlay .image-number.hidden { - bottom: -1.25em; -} - -/*=-------------------=*/ -/*= Slideshow buttons =*/ -/*=-------------------=*/ - -#image-focus-overlay .slideshow-buttons { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - z-index: 1; - display: flex; - justify-content: space-between; - pointer-events: none; -} -#image-focus-overlay .slideshow-buttons button { - font-family: "Font Awesome", "Font Awesome 5 Free"; - font-weight: 900; - font-size: 3rem; - padding: 0.5em; - color: #1f1f1f; - position: relative; - left: 0; - transition: - left 0.3s ease; - pointer-events: auto; -} -#image-focus-overlay .slideshow-buttons button::selection { - background-color: transparent; -} -@media only screen and (hover: hover) { - #image-focus-overlay .slideshow-buttons button:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #777; - } -} -#image-focus-overlay .slideshow-buttons button:active { - transform: none; - color: #666; -} -#image-focus-overlay .slideshow-buttons button:disabled { - text-shadow: none; - background-color: transparent; - color: #1f1f1f; - cursor: default; - opacity: 0.4; -} -#image-focus-overlay .slideshow-button.previous.hidden { - left: -1.75em; -} -#image-focus-overlay .slideshow-button.next.hidden { - left: 1.75em; -} - -/*=-----------------=*/ -/*= Background blur =*/ -/*=-----------------=*/ - -.blurred { - filter: blur(3px); -} - -/**************************/ -/* QUALIFIED HYPERLINKING */ -/**************************/ - -#content.no-nav-bars { - margin: 8px auto; -} -#content.no-nav-bars + #ui-elements-container > * { - padding-top: 8px; -} - -#aux-about-link { - position: fixed; - top: 40px; - left: calc((100% - 900px) / 2 - 69px); - width: 1.5em; - height: 1.5em; - text-align: center; - display: table; -} -#aux-about-link a { - display: table-cell; - width: 100%; - vertical-align: middle; - font-family: "Font Awesome", "Font Awesome 5 Free"; - font-weight: 900; - font-size: 1.25rem; - opacity: 0.4; - z-index: 1; -} - -.qualified-linking { - margin: 0; - position: relative; -} -.qualified-linking input[type='checkbox'] { - visibility: hidden; - width: 0; - height: 0; - margin: 0; -} -.qualified-linking label { - font-family: "Font Awesome", "Font Awesome 5 Free"; - font-weight: 900; - font-size: 1rem; - padding: 0 0.5em; - display: inline-block; - margin-left: 0.25em; -} -.qualified-linking label:hover { - cursor: pointer; -} -.qualified-linking label:active span { - display: inline-block; - transform: scale(0.9); -} -.qualified-linking label::selection { - background-color: transparent; -} - -.qualified-linking label::after { - content: ""; - width: 100vw; - height: 0; - left: 0; - top: 0; - position: fixed; - z-index: 1; - cursor: default; -} -.qualified-linking input[type='checkbox']:checked + label::after { - height: 100vh; -} - -.qualified-linking-toolbar { - position: absolute; - right: 0.25em; - top: 110%; - z-index: 1; -} -.qualified-linking input[type='checkbox'] ~ .qualified-linking-toolbar { - display: none; -} -.qualified-linking input[type='checkbox']:checked ~ .qualified-linking-toolbar { - display: block; -} -#qualified-linking-toolbar-toggle-checkbox-bottom ~ .qualified-linking-toolbar { - top: unset; - bottom: 125%; -} - -.qualified-linking-toolbar a { - display: block; - padding: 0 6px; - margin: 4px; -} -.qualified-linking-toolbar a::selection { - background-color: transparent; -} - -/*****************/ -/* HOVER PREVIEW */ -/*****************/ - -#preview-popup-toggle { - position: absolute; - right: -67px; - bottom: 285px; - cursor: pointer; - color: var(--GW-toggle-widget-color, #666); -} -#preview-popup-toggle:hover { - color: var(--GW-toggle-widget-hover-color, #aeaeae); -} - -#content.preview:not(not) { - padding: 0; -} -#content.preview > .comment-thread { - margin: 2px; -} -#content.preview.individual-thread-page > .comment-thread > .comment-item { - border: none; -} -#content.preview.user-page .page-main-heading, #content.preview.user-page .user-stats { - padding: 0 8px; -} -#content.preview.user-page .page-main-heading { - margin-left: 8px; -} -#content.preview.not(not) .body-text { - margin-left: 8px; - margin-right: 8px; -} -#content.preview.user-page .user-stats { - margin-right: 32px; -} -#content.preview.user-page .page-toolbar, #content.preview.user-page nav { - display: none; -} -#content.preview button.vote { - display: none; -} -#content.preview > h1.listing { - max-height: unset; -} -#content.preview.user-page > .comment-thread { - margin: 0.5em 0; -} -#content.preview > .post { - margin: 0 18px; -} -#content.preview .post-title { - margin-top: 0.5em; -} -#content.preview .post-meta { - line-height: 1.0; -} -#content.preview .body-text { - font-size: 1em; -} -#content.preview nav.contents, -#content.preview .lw2-link { - display: none; -} - -.preview-popup { - position: fixed; - transform-origin: top; - top: 10%; - right: 10%; - max-width: 700px; - z-index: 10001; - background-color: #131313; - border: 1px solid #2c2c2c; - box-shadow: 2px 6px 20px -4px #fff; - transition: height 0.2s ease, top 0.2s ease; -} -.popup-hide-button { - position: fixed; - top: 4px; - right: 4px; - color: #fff; - background-color: #000; - width: 28px; - height: 28px; - display: flex; - font-family: "Font Awesome"; - font-size: 14px; - line-height: 1; - border: 1px solid #393939; - border-radius: 28px; - align-items: center; - justify-content: center; - //padding-bottom: 2px; - padding-left: 1.5px; - font-family: "Font Awesome", "Font Awesome 5 Free"; - cursor: pointer; -} -.popup-hide-button:hover::before { - content: "Turn off preview popups"; - display: block; - position: absolute; - width: max-content; - right: 32px; - color #fff; - background-color: #000; - border: 1px solid #131313; - border-radius: 2px; - padding: 4px; -} - -/********/ -/* MATH */ -/********/ - -.mathjax-block-container { - display: block; - overflow-y: hidden; - border-radius: 6px; - margin: 1em 0 1.5em 0; -} -.mathjax-inline-container { - max-width: 100%; - overflow-x: auto; - overflow-y: hidden; - position: relative; - padding: 0 1px; -} -#content .mathjax-inline-container, -#content .mathjax-inline-container .mjpage, -#content .mathjax-inline-container .mjx-chtml, -#content .mathjax-inline-container .mjx-math, -#content .mathjax-inline-container .mjx-mrow { - display: inline; - white-space: normal; -} -.post .mathjax-inline-container { - line-height: 1; -} -.comment .mathjax-inline-container { - line-height: 1; -} -.mathjax-inline-container .mjx-chtml { - padding: 0; -} - -/************/ -/* SPOILERS */ -/************/ - -.spoiler { - color: #fff; /* invert-override: #888 */ - background-color: currentColor; - transition: none; - text-shadow: none; - margin: 1em 0; - box-shadow: 0 0 0 1px currentColor inset; - overflow: auto; -} -.spoiler:not(:last-child) { - margin-bottom: 0; -} -#content .spoiler * { - color: inherit; - border: none; -} -.spoiler:hover { - color: unset; - background-color: unset; - text-shadow: unset; - transition: - color 0.1s ease-out 0.1s, - background-color 0.1s ease-out 0.1s, - text-shadow 0.1s ease-out 0.1s; -} -.spoiler::selection, -.spoiler ::selection { - color: #000; - background-color: #fff; /* invert-override: #888 */ -} -.spoiler:not(:hover)::selection, -.spoiler:not(:hover) ::selection { - background-color: transparent; -} - -/*= Fix for LessWrong being weird =*/ - -.spoiler > p { - padding: 0 7px; -} -.spoiler > p:first-child { - margin-top: 0.25em; -} -.spoiler > p:last-child { - margin-bottom: 0; - padding-bottom: 0.25em; -} -#content .spoiler > p:hover ~ p { - color: #fff; /* invert-override: #888 */ - background-color: currentColor; -} -.spoiler > p + p { - margin-top: -1em; -} -.spoiler > p:not(:first-child) { - padding-top: 0.5em; -} -.spoiler > p:not(:last-child) { - padding-bottom: 0.5em; -} - -.spoiler:not(:hover) pre, -.spoiler:not(:hover) code { - background-color: inherit; - box-shadow: none; -} -#content .spoiler pre { - border-color: currentColor; - border-style: solid; - border-width: 0 1px; - border-radius: 0; -} - -/*******************/ -/* PAGE LIST INDEX */ -/*******************/ - -.page-list-index { - margin: 1em 30px; - line-height: 1.2; -} - -.page-list-index > p { - font-weight: bold; - font-size: 1.2em; -} - -.page-list-index > ul * { - margin: 0; -} - -.page-list-index ul { - padding-left: 1.5em; -} - -.page-list-index li { - margin-top: 0.67em; -} - -.page-list-index li > a { - display: block; - font-size: 1.1em; - font-weight: bold; - margin: 0.33em 0; -} - -.page-list-index li > a:last-child { - margin-bottom: 1em; -} - - -/*****************/ -/* USER MENTIONS */ -/*****************/ - -.textarea-container .autocomplete-container { - position: absolute; - overflow-y: auto; - font-size: 1.125rem; - cursor: default; - backdrop-filter: blur(2px); - width: 360px; -} -.textarea-container .autocomplete-container:empty { - display: none; -} - -@media only screen and (min-width: 521px) { - .textarea-container .autocomplete-container.inside { - max-height: calc(100% - 36px); - top: 32px; - } - .textarea-container .autocomplete-container.outside { - max-height: calc(100% - 28px); - top: 28px; - z-index: 10001; - } - - .textarea-container .autocomplete-container.inside.right { - right: 18px; - } - .textarea-container .autocomplete-container.inside.left { - left: 18px; - } - .textarea-container .autocomplete-container.outside.right { - left: calc(100% + 3px); - } - .textarea-container .autocomplete-container.outside.left { - right: calc(100% + 3px); - } - - head.content-width-normal + body .textarea-container .autocomplete-container.outside { - max-width: calc((100vw - (900px - 40px * 2)) / 2); - } - head.content-width-wide + body .textarea-container .autocomplete-container.outside { - max-width: calc((100vw - (1150px - 40px * 2)) / 2); - } - head.content-width-fluid + body .textarea-container .autocomplete-container.outside { - max-width: calc((300px + 40px * 2) / 2); - } -} - -.textarea-container .autocomplete-container div { - padding: 2px 8px 0 8px; - white-space: nowrap; - display: flex; - justify-content: flex-end; -} - -.textarea-container .autocomplete-container div span.name { - flex: 1 1 auto; - width: calc(100% - 9em); - overflow: hidden; - text-overflow: ellipsis; -} -.textarea-container .autocomplete-container div span.name:hover { - overflow: visible; - z-index: 1; -} -.textarea-container .autocomplete-container div span.age, -.textarea-container .autocomplete-container div span.karma { - font-size: 0.9em; - text-align: right; -} -.textarea-container .autocomplete-container div span.age { - flex: 0 0 3em; -} -.textarea-container .autocomplete-container div span.karma { - flex: 0 0 6em; -} - - -/***************/ -/* COLLECTIONS */ -/***************/ - -h2.sequence-chapter, -h3.sequence-chapter, -h4.sequence-chapter { - text-align: center; -} -h2.sequence-chapter::before, -h3.sequence-chapter::before, -h4.sequence-chapter::before { - display: block; - clear: both; - margin: 1.5em 0 0.75em 0; - font-style: normal; - font-weight: normal; - font-family: 'Concourse', 'a_Avante', 'GW-Symbols'; -} -h2.sequence-chapter::before { - content: '\25A3'; -} -h3.sequence-chapter::before { - content: '\25AA\2004\25AA'; -} -h4.sequence-chapter::before { - content: '\00B7\2004\00B7\2004\00B7'; -} - - -/*******************/ -/* ALIGNMENT FORUM */ -/*******************/ - -#content.alignment-forum-index-page::after { - content: "Alignment Forum"; - font-size: 1.5rem; - margin: 0.375em 0 0 -0.375em; - order: -1; -} - -/**********************/ -/* FOR NARROW SCREENS */ -/**********************/ - -@media only screen and (max-width: 1440px) { - #hns-date-picker { - right: -81px; - padding: 8px 10px 10px 10px; - bottom: 62px; - display: none; - } - #hns-date-picker::before { - content: ""; - position: absolute; - display: block; - z-index: -1; - height: calc(100% + 2px); - top: -1px; - left: -1px; - width: 50%; - } -} -@media only screen and (max-width: 1160px) { - #new-comment-nav-ui { - bottom: 180px; - right: -68px; - } - #hns-date-picker { - bottom: 200px; - right: -36px; - } - #hns-date-picker::before { - width: calc(100% - 35px); - } - #theme-selector button::before { - right: unset; - left: 100%; - } - #theme-selector:hover::after { - content: ""; - display: block; - position: absolute; - width: calc(6em - 7px); - height: calc(100% + 2px); - top: 0; - left: calc(100% + 1px); - } - #anti-kibitzer-toggle { - bottom: 330px; - } -} -@media only screen and (max-width: 1080px) { - #width-selector { - right: -30px; - } - #width-selector button { - display: block; - } - #text-size-adjustment-ui { - top: 90px; - right: -30px; - } - #text-size-adjustment-ui button { - display: block; - position: relative; - } - #text-size-adjustment-ui button.increase { - bottom: 48px; - } - #text-size-adjustment-ui button.decrease { - top: 50px; - } - #theme-selector { - top: 46px; - left: -44px; - } - #theme-tweaker-toggle { - left: -44px; - top: 2px; - } - #theme-tweaker-toggle button { - height: 2em; - width: 2em; - padding: 7px; - } - #quick-nav-ui { - right: -54px; - } - #new-comment-nav-ui { - right: -55px; - } - #hns-date-picker { - right: -23px; - } - #hns-date-picker::before { - width: calc(100% - 22px); - } - #anti-kibitzer-toggle { - right: -54px; - } -} -@media only screen and (max-width: 1040px) { - #quick-nav-ui { - right: -49px; - } - #new-comment-nav-ui { - right: -50px; - } - #hns-date-picker { - right: -18px; - } - #hns-date-picker::before { - width: calc(100% - 17px); - } - #anti-kibitzer-toggle { - right: -50px; - } -} -@media only screen and (max-width: 1020px) { - #quick-nav-ui { - right: -20px; - } - #new-comment-nav-ui { - right: -21px; - } - #new-comment-nav-ui .new-comments-count::before { - content: ""; - position: absolute; - width: 100%; - height: calc(100% + 45px); - z-index: -1; - left: 0; - top: -22px; - } - #hns-date-picker { - right: 19px; - } - #hns-date-picker::before { - width: 100%; - } - #anti-kibitzer-toggle { - right: -20px; - } -} -@media only screen and (max-width: 1000px) { - #theme-selector { - left: -17px; - top: 120px; - padding: 3px 0; - max-width: 32px; - } - #theme-selector button { - margin: 1px 4px; - } - #text-size-adjustment-ui { - top: 100px; - right: -12px; - } - @media not screen and (hover: none) { - #quick-nav-ui, - #new-comment-nav-ui, - #new-comment-nav-ui + #hns-date-picker, - #anti-kibitzer-toggle { - opacity: 0.4; - } - #quick-nav-ui:hover, - #new-comment-nav-ui:hover, - #new-comment-nav-ui + #hns-date-picker:hover, - #new-comment-nav-ui + #hns-date-picker:focus-within, - #new-comment-nav-ui:hover + #hns-date-picker, - #anti-kibitzer-toggle:hover { - opacity: 1.0; - } - } - #theme-tweaker-toggle { - top: 70px; - left: -21px; - } -} - -/**************/ -/* PRINT VIEW */ -/**************/ - -@media only print { - .nav-bar { - visibility: hidden; - max-height: 0; - overflow: hidden; - } - #ui-elements-container { - display: none; - } - #images-overlay { - display: none; - } - #images-overlay + #content .post-body img { - visibility: visible; - } - .comment-controls { - display: none; - } - #comments-sort-mode-selector { - display: none; - } - .comment-minimize-button { - display: none; - } - .post-meta .qualified-linking, - .post-meta .lw2-link { - display: none; - } - .comment-meta .permalink, - .comment-meta .lw2-link, - .comment-meta .comment-parent-link { - display: none; - } - .new-comment::before { - display: none; - } - #content::before { - box-shadow: none; - } -} - -/*****************/ -/* MOBILE LAYOUT */ -/*****************/ - -/* Hide the mobile elements on desktop screens: */ - -@media only screen and (max-width: 1160px) { - #post-nav-ui-toggle, - #appearance-adjust-ui-toggle { - display: none; - } -} - -@media only screen and (max-width: 1160px) { - -/*====================*/ -/* MOBILE UI ELEMENTS */ -/*====================*/ - -#ui-elements-container { - height: unset !important; - position: unset; -} -#ui-elements-container > * { - position: fixed; - visibility: hidden; - opacity: 1.0; - z-index: 10000; -} - -#ui-elements-container > div[id$='-ui-toggle'] { - visibility: visible; - display: inline-block; - border-radius: 50%; - z-index: 10000; -} -#ui-elements-container > div[id$='-ui-toggle'] button, -#theme-selector .theme-selector-close-button { - font-family: Font Awesome; - font-weight: 900; - font-size: 32px; - padding: 10px; - opacity: 0.8; - -webkit-tap-highlight-color: transparent; - transition: transform 0.2s ease; -} -#ui-elements-container > div[id$='-ui-toggle'] button::selection, -#theme-selector .theme-selector-close-button::selection { - background-color: transparent; -} -#ui-elements-container > div[id$='-ui-toggle'] button::-moz-focus-inner, -#theme-selector .theme-selector-close-button::-moz-focus-inner { - border: none; -} -#ui-elements-container > div[id$='-ui-toggle'] button.engaged { - transform: rotate(-90deg); - opacity: 1.0; -} - -#appearance-adjust-ui-toggle { - bottom: 10px; - left: 10px; -} - -#post-nav-ui-toggle { - bottom: 10px; - right: 10px; -} - -#theme-selector.engaged, -#quick-nav-ui.engaged, -#new-comment-nav-ui.engaged, -#hns-date-picker.engaged { - visibility: visible; -} - -#image-focus-overlay.engaged { - visibility: visible; -} -#image-focus-overlay .help-overlay { - display: none; -} - -/*=========*/ -/* GENERAL */ -/*=========*/ - -@media only screen and (max-width: 900px) { - #content, - #images-overlay, - #ui-elements-container { - min-width: unset; - width: unset; - } - #content { - padding: 0 4px; - } -} - -/*================*/ -/* THEME SELECTOR */ -/*================*/ - -#theme-selector { - display: flex; - flex-flow: column; - background-color: #000; - width: calc(100vw - 20px); - max-width: 360px; - padding: 0; - overflow: hidden; - max-height: 0; - transition: - top 0.2s ease, - max-height 0.2s ease, - visibility 0.2s ease; - top: calc(100% + 10px); - left: 0; - right: 0; - margin: auto; -} -#theme-selector.engaged { - max-height: 1000px; - top: 10px; - z-index: 10001; -} -#theme-selector::before { - content: "Select theme"; - white-space: nowrap; - display: block; - font-weight: 600; - font-size: 2rem; - margin: 0.375em 1em 0.5em 1em; - text-align: center; -} -#theme-selector button { - width: calc(100% - 0.5em); - background-repeat: no-repeat; - padding: 1em 0.875em; - margin: 1px 4px; - line-height: 1; - height: unset; - position: relative; -} -#theme-selector button::after { - content: attr(data-theme-description); - color: #fff; - white-space: nowrap; - position: absolute; - text-align: left; - left: 2.5em; - top: 1em; -} -@media only screen and (max-height: 675px) { - #theme-selector button { - padding: 0.875em; - } - #theme-selector button::after { - top: 0.875em; - } -} -#theme-selector .theme-selector-close-button { - position: absolute; - width: unset; - background-color: transparent; - top: 0; - right: 0; - margin: 0; - font-size: 31px; -} -#theme-selector .theme-selector-close-button, -#theme-selector .theme-selector-close-button:focus, -#theme-selector .theme-selector-close-button:active, -#theme-selector .theme-selector-close-button:hover { - box-shadow: none; -} - -#theme-selector .interaction-blocker-overlay { - position: fixed; - width: 100%; - height: 100%; - left: 0; - top: 0; - z-index: 1; - pointer-events: auto; - display: none; -} -#theme-selector .interaction-blocker-overlay.enabled { - display: block; -} - -/*=============================*/ -/* THEME SELECTOR AUX CONTROLS */ -/*=============================*/ - -#theme-selector .auxiliary-controls-container { - display: flex; - justify-content: space-between; - align-items: stretch; - padding: 0.75em 0 0 0; - margin: 8px; - border-top: 1px solid #fff; -} - -/*===============*/ -/* THEME TWEAKER */ -/*===============*/ - -#theme-selector #theme-tweaker-toggle { - position: relative; - top: unset; - left: unset; - padding: 0; -} - -#theme-selector #theme-tweaker-toggle button { - display: block; - width: unset; - margin: 0; - transform: none; - position: relative; - background-image: none; - padding: 0.5em 0.625em 0.375em 0.625em; - margin: 0; - opacity: 1.0; -} -#theme-selector #theme-tweaker-toggle button::after { - content: "Theme tweaker"; - font-size: 0.625em; - white-space: nowrap; - text-align: center; - display: block; - padding: 0; - margin: 0.5em 0 0 0; - max-width: unset; - position: static; - font-family: 'Concourse', 'a_Avante', 'GW-Symbols'; - font-weight: normal; -} -#theme-selector #theme-tweaker-toggle button::before { - display: none; -} - -#theme-tweaker-ui { - visibility: visible; -} - -/*======================*/ -/* ANTI-KIBITZER TOGGLE */ -/*======================*/ - -#theme-selector #anti-kibitzer-toggle { - position: relative; - top: unset; - bottom: unset; - left: unset; - right: unset; - margin: unset; - box-shadow: unset; - border-radius: unset; - overflow: visible; -} - -#theme-selector #anti-kibitzer-toggle button { - width: 48px; - height: 100%; - padding: 0; - margin: 0; - background-image: unset; - border-radius: 10px; -} -#theme-selector #anti-kibitzer-toggle button::before { - width: 100%; - visibility: unset; - position: static; - padding: 0; - text-align: center; -} -#theme-selector #anti-kibitzer-toggle button::after { - content: "\F007\2004\F164"; - position: static; - color: transparent; -} - -/*====================*/ -/* DARK MODE SELECTOR */ -/*====================*/ - -#theme-selector #dark-mode-selector { - position: static; - opacity: 1.0; - outline: none; - border-radius: 10px; -} - -#theme-selector #dark-mode-selector button { - width: 54px; - height: 100%; - margin: 0; - padding: 0 0 0.75em 0; - border-radius: 0; - background-image: none; - box-shadow: none; - border: none; - background-color: transparent; -} -#theme-selector #dark-mode-selector button::before { - display: none; -} -#theme-selector #dark-mode-selector button::after { - content: attr(data-name); - visibility: visible; - max-width: unset; - left: 0; - right: 0; - bottom: 0; - top: unset; - text-shadow: none; - font-size: 0.875rem; - color: inherit; - padding: 0 0.25em 0.5em 0.25em; - text-align: center; -} - -/*=================*/ -/* QUICKNAV WIDGET */ -/*=================*/ - -#quick-nav-ui { - max-width: 0px; - transition: - max-width 0.2s ease, - visibility 0.2s ease; - display: flex; - right: 72px; - bottom: 14px; -} -#quick-nav-ui.engaged { - max-width: 1000px; -} -#quick-nav-ui a { - position: relative; - margin: 2px; -} -#quick-nav-ui a + a { - margin-left: 5px; -} -#quick-nav-ui a::after { - position: absolute; - top: calc(100% + 2px); - font-size: 0.375rem; - left: 0; - right: 0; - margin: auto; - line-height: 1; - padding: 2px; - text-transform: uppercase; - z-index: -1; -} -@supports (width: -moz-fit-content) { - #quick-nav-ui a::after { - width: -moz-fit-content; - } -} -@supports (width: fit-content) { - #quick-nav-ui a::after { - width: fit-content; - } -} -#quick-nav-ui a[href='#top']::after { - content: "Top"; - left: -1px; -} -#quick-nav-ui a[href='#comments']::after { - content: "Comments"; -} -#content.post-page:not(.individual-thread-page) ~ #ui-elements-container #quick-nav-ui a[href='#comments'] { - visibility: hidden; - transition: visibility 0.2s ease; -} -#content.post-page:not(.individual-thread-page) ~ #ui-elements-container #quick-nav-ui.engaged a[href='#comments'] { - visibility: visible; -} -#quick-nav-ui a[href='#bottom-bar']::after { - content: "Bottom"; -} - -/*======================*/ -/* NEW COMMENT QUICKNAV */ -/*======================*/ - -#new-comment-nav-ui { - max-width: 0px; - max-height: 0px; - transition: - max-width 0.2s ease, - max-height 0.2s ease, - visibility 0.2s ease; - display: flex; - right: 78px; - bottom: 70px; -} -#new-comment-nav-ui::before { - content: "New Comments"; - position: absolute; - bottom: 100%; - font-size: 0.5625rem; - left: 0; - right: 0; - margin: auto; - padding: 2px 3px; - text-transform: uppercase; - z-index: -1; -} -@supports (width: -moz-fit-content) { - #new-comment-nav-ui::before { - width: -moz-fit-content; - } -} -@supports (width: fit-content) { - #new-comment-nav-ui::before { - width: fit-content; - } -} -#new-comment-nav-ui.engaged { - max-width: 1000px; - max-height: 1000px; -} -#new-comment-nav-ui .new-comment-sequential-nav-button { - top: unset; - bottom: unset; - padding: 2px 7px; -} -#new-comment-nav-ui .new-comment-sequential-nav-button.new-comment-previous { - padding: 2px 7px 3px 7px; -} -#new-comment-nav-ui .new-comments-count { - padding: 4px 0 5px 0; -} -#new-comment-nav-ui .new-comments-count::before { - display: none; -} -#new-comment-nav-ui button::after { - position: absolute; - font-size: 0.375rem; - left: 0; - right: 0; - margin: auto; - line-height: 1; - text-transform: uppercase; - pointer-events: none; -} -#new-comment-nav-ui button.new-comment-previous::after { - content: "Previous"; - bottom: 5px; -} -#new-comment-nav-ui button.new-comment-next::after { - content: "Next"; - top: 7px; -} - -/*=================*/ -/* HNS DATE PICKER */ -/*=================*/ - -#hns-date-picker { - max-height: 0px; - bottom: 132px; - right: 62px; - transition: - max-height 0.2s ease, - visibility 0.2s ease; -} -#hns-date-picker.engaged { - max-height: 1000px; -} -#hns-date-picker::before { - width: calc(100% + 2px); - border-width: 1px !important; -} - -/*=========*/ -/* NAV BAR */ -/*=========*/ - -#bottom-bar { - margin-left: auto; - margin-right: auto; - width: calc(100% - 9rem + 8px); - background: rgba(0, 0, 0, 0.85); - backdrop-filter: blur(1px); -} -#content.index-page #bottom-bar { - z-index: 10001; -} -#bottom-bar .nav-item { - box-shadow: none; - position: relative; -} -#bottom-bar .nav-inner { - font-size: 2rem; - padding: 1rem 0 1.25rem 0; - visibility: hidden; - position: static; - width: 0; -} -#content #bottom-bar .nav-item .nav-inner::before { - margin: 0; - visibility: visible; - position: absolute; - width: 100%; - height: 100%; - left: 0; - top: 0; - padding: 1rem 0; -} -#bottom-bar .nav-inner::after { - display: block; - visibility: visible; - text-transform: uppercase; - color: unset; - font-size: 0.75rem; - top: unset; - left: 0; - bottom: 1rem; - width: 100%; -} -#bottom-bar #nav-item-first .nav-inner::after { - content: "First Page"; -} -#bottom-bar #nav-item-prev .nav-inner::after { - content: "Prev. Page"; -} -#bottom-bar #nav-item-top .nav-inner::after { - content: "Top"; -} -#bottom-bar #nav-item-next .nav-inner::after { - content: "Next Page"; -} -#bottom-bar #nav-item-last .nav-inner::after { - content: "Last Page"; -} - -@media only screen and (max-width: 900px) { - .nav-bar-top { - font-size: 0.75rem; - } - .nav-bar { - width: calc(100% + 8px); - margin: 0 -4px; - overflow: hidden; - } - .nav-bar .nav-inner::after { - display: none; - } - - #primary-bar .nav-item { - flex: 1 1 100%; - } - .nav-bar-top:not(#primary-bar) .nav-item:not(#nav-item-search) { - flex: 1 1 60px; - } - .nav-bar-top:not(#anything) .nav-inner { - text-transform: uppercase; - padding: 6px; - } - .nav-bar-top .nav-inner::before { - display: block; - font-family: "Font Awesome"; - font-size: 2em; - font-weight: 900; - } - - #nav-item-home .nav-inner::before { - content: "\F015"; - } - #nav-item-featured .nav-inner::before { - content: "\F005"; - } - #nav-item-all .nav-inner::before { - content: "\F069"; - } - #nav-item-meta .nav-inner::before { - content: "\F077"; - } - #nav-item-tags .nav-inner::before { - content: "\F02C"; - } - #nav-item-recent-comments > * > span { - display: none; - } - #nav-item-recent-comments .nav-inner::before, - #nav-item-alignment-forum-comments .nav-inner::before { - content: "\F036"; - } - #nav-item-alignment-forum .nav-inner::before { - content: "AF"; - font-family: Concourse, 'Changa One'; - } - #nav-item-questions .nav-inner::before { - content: "?"; - font-family: Concourse, 'Changa One'; - } - #nav-item-events .nav-inner::before { - content: "\F5A0"; - } - #nav-item-shortform .nav-inner::before { - content: "\F2F2"; - } - #nav-item-archive .nav-inner::before { - content: "\F187"; - } - #nav-item-about .nav-inner::before { - content: "\F129"; - } - #nav-item-search { - font-size: 2em; - padding: 10px; - } - #nav-item-search .nav-inner::before { - content: none; - } - #nav-item-search .nav-inner { - height: 100%; - display: flex; - } - #nav-item-search input { - width: 100%; - height: 100%; - } - #nav-item-search button { - height: 100%; - padding: 5px 5px 5px 10px; - width: 40px; - overflow: visible; - visibility: hidden; - } - #nav-item-search button::before { - content: "\F002"; - font-family: Font Awesome; - font-weight: 900; - visibility: visible; - } - #nav-item-login { - padding: 0; - } - #nav-item-login .nav-inner::before { - content: "\F007"; - } -} -@media only screen and (max-width: 520px) { - .nav-bar-top { - font-size: 0.5rem; - } - - #nav-item-search, - #nav-item-search .nav-inner { - padding: 0; - } - #nav-item-search button { - width: 31px; - } - - #bottom-bar #nav-item-first .nav-inner::after { - content: "First"; - } - #bottom-bar #nav-item-prev .nav-inner::after { - content: "Prev"; - } - #bottom-bar #nav-item-next .nav-inner::after { - content: "Next"; - } - #bottom-bar #nav-item-last .nav-inner::after { - content: "Last"; - } -} - -/*=================*/ -/* INBOX INDICATOR */ -/*=================*/ - -@media only screen and (max-width: 900px) { - #inbox-indicator { - width: 100%; - top: 0; - pointer-events: none; - } - #inbox-indicator::before { - width: 100%; - font-size: 1rem; - text-align: right; - padding: 1px 6px; - } - #inbox-indicator.new-messages { - pointer-events: auto; - } - #inbox-indicator.new-messages::before { - box-shadow: 0 0 8px 1px #0090e0 inset; - } -} -@media only screen and (max-width: 520px) { - #inbox-indicator::before { - font-size: 0.75rem; - padding: 2px 5px; - } -} -@media only screen and (max-width: 374px) { - #inbox-indicator::before { - font-size: 0.625rem; - } -} - -/*===================*/ -/* TOP PAGINATION UI */ -/*===================*/ - -#top-nav-bar { - font-size: 1.75rem; -} - -/*==============*/ -/* PAGE TOOLBAR */ -/*==============*/ - -@media only screen and (max-width: 900px) { - #content > .page-toolbar { - font-size: 1rem; - margin-right: 0; - } - #content.user-page > .page-toolbar { - grid-column: 2 / span 2; - margin: 0 0 6px 0; - } -} -@media only screen and (max-width: 520px) { - #content:not(.user-page) .page-toolbar { - display: flex; - flex-direction: column-reverse; - text-align: right; - align-self: start; - padding: 4px 0 0 0; - } - #content.user-page .page-toolbar { - display: flex; - flex-flow: row; - justify-content: flex-end; - padding: 2px 0 0 0; - } - #content.user-page .page-toolbar > form, - #content.user-page .page-toolbar > .button { - text-align: center; - flex-basis: 25%; - margin-left: 1.5em; - } - #content.user-page .page-toolbar .button { - text-transform: uppercase; - font-size: 0.625rem; - } - #content.user-page .page-toolbar .button::before { - font-size: 1.375rem; - display: block; - padding: 0; - } - #content.user-page .page-toolbar .rss { - white-space: nowrap; - margin: 0 0 0 1.5em; - } - .page-toolbar > * { - line-height: 1.15; - padding: 6px 0; - margin: 0; - } -} - -/*==============*/ -/* SUBLEVEL NAV */ -/*==============*/ - -@media only screen and (max-width: 900px) { - .sublevel-nav:not(.sort) { - flex-wrap: wrap; - width: calc(100vw - 200px); - } - .sublevel-nav:not(.sort) .sublevel-item { - margin: 1px; - flex-basis: 7em; - } -} -@media only screen and (max-width: 520px) { - .sublevel-nav:not(.sort) .sublevel-item { - font-size: 1rem; - } -} - -/*=====================*/ -/* SORT ORDER SELECTOR */ -/*=====================*/ - -@media only screen and (max-width: 720px) { - #content.index-page > .sublevel-nav.sort { - flex-flow: column; - margin-left: 4px; - } -} - -/*==========*/ -/* ARCHIVES */ -/*==========*/ - -@media only screen and (max-width: 900px) { - div[class^='archive-nav-'] { - flex-wrap: wrap; - justify-content: flex-start; - } - .archive-nav *[class^='archive-nav-item'], - .archive-nav *[class^='archive-nav-item']:first-child { - padding: 10px; - margin: 2px; - max-width: unset; - flex: 0 1 calc((100% / 8) - 4px); - } - .archive-nav .archive-nav-item-day, - .archive-nav .archive-nav-item-day:first-child { - flex-basis: calc((100% / 16) - 4px); - } - .archive-nav > *[class^='archive-nav-'] + *[class^='archive-nav-'] { - margin-top: 8px; - position: relative; - } - .archive-nav > *[class^='archive-nav-'] + *[class^='archive-nav-']::before { - content: ""; - display: block; - position: absolute; - height: 1px; - width: calc(100% + 8px); - left: -4px; - top: -4px; - } -} -@media only screen and (max-width: 720px) { - .archive-nav .archive-nav-item-day, - .archive-nav .archive-nav-item-day:first-child { - flex-basis: calc((100% / 12) - 4px); - } -} -@media only screen and (max-width: 520px) { - .archive-nav *[class^='archive-nav-item'], - .archive-nav *[class^='archive-nav-item']:first-child { - flex-basis: calc((100% / 5) - 4px); - } - .archive-nav .archive-nav-item-day, - .archive-nav .archive-nav-item-day:first-child { - flex-basis: calc((100% / 8) - 4px); - } -} - -/*==========*/ -/* LISTINGS */ -/*==========*/ - -h1.listing { - max-height: unset; -} - -/*============*/ -/* USER PAGES */ -/*============*/ - -#content.user-page h1.page-main-heading { - align-self: end; -} -@media only screen and (max-width: 520px) { - #content.user-page h1.page-main-heading { - overflow: hidden; - text-overflow: ellipsis; - } - #content.user-page .user-stats .karma-type { - display: block; - } -} - -/*============*/ -/* LOGIN PAGE */ -/*============*/ - -@media only screen and (max-width: 640px) { - .login-container { - flex-flow: column; - margin: 0 auto 3em auto; - max-width: 400px; - } - .login-container #login-form, - .login-container #signup-form { - padding: 0 1em 1.25em 1em; - grid-row-gap: 0; - } - .login-container #signup-form { - padding-top: 1em; - } - .login-container #login-form > *, - .login-container #signup-form > * { - grid-column: 1 / span 2; - } - .login-container form label { - text-align: left; - padding: 0; - line-height: 1; - } - .login-container form input { - margin: 0.25em 0 0.75em 0; - padding: 0.5em; - } - .login-container form h1 { - grid-column: 1 / span 2; - margin: 0 0 0.25em 0; - } - .login-container form a { - margin: 0.75em 0 0 0; - } - .login-container .login-tip { - margin: 1.5em 1em 0 1em; - } -} - -/*==================*/ -/* POSTS & COMMENTS */ -/*==================*/ - -@media only screen and (max-width: 720px) { - .body-text ol > li { - padding: 0 0 0 2.25em; - } - .body-text ol > li::before { - width: 1.75em; - } - .body-text ul:not(.contents-list) > li, - .body-text ul:not(.contents-list) > li ul > li { - padding: 0 0 0 0.75em; - } - .body-text ul:not(.contents-list) > li::before, - .body-text ul:not(.contents-list) > li ul > li::before { - width: 0.125em; - margin-left: -0.06em; - } -} - -/*===========*/ -/* POST-META */ -/*===========*/ - -.post-meta { - line-height: 1.9; -} -@media only screen and (max-width: 720px) { - .post-meta .lw2-link span, - .post-meta .karma-value span, - .post-meta .comment-count span { - display: none; - } - .post-meta .comment-count::before { - content: "\F086"; - font-family: Font Awesome; - font-size: 0.875em; - margin: 0 0.25em 0 0; - font-weight: 400; - } -} - -/*===================*/ -/* POSTS & BODY TEXT */ -/*===================*/ - -@media only screen and (max-width: 900px) { - .post-body, - h1.post-title, - .tag-description, - .sequence-text { - padding: 0 6px; - } -} -@media only screen and (max-width: 520px) { - .post-body { - font-size: 1.2rem; - line-height: 1.45; - } - h1.post-title { - font-size: 2em; - } -} - -/*==============*/ -/* COMMENT-META */ -/*==============*/ - -a.comment-parent-link::after { - display: none; -} -@media only screen and (max-width: 900px) { - .comment-meta { - padding: 2px 40px 2px 10px; - } -} -@media only screen and (max-width: 720px) { - .comment .karma-value span { - display: none; - } - .comment-meta .comment-parent-link { - opacity: 1.0; - } -} -@media only screen and (max-width: 520px) { - .comment-meta { - padding: 2px 24px 2px 10px; - position: relative; - } - .comment-meta > * { - order: 3; - } - .comment-meta > :not(.author) { - line-height: 1.8; - } - .comment-meta .author, - .comment-meta .date { - order: 1; - } - .comment-meta:before { - content: ""; - order: 2; - flex-basis: 100%; - } - .comment-post-title2 { - display: block; - text-overflow: ellipsis; - overflow: hidden; - } - .comment-meta .lw2-link { - display: none; - } -} - -/*=======================*/ -/* COMMENTS COMPACT VIEW */ -/*=======================*/ - -/*===========================*/ -/* COMMENT THREAD NAVIGATION */ -/*===========================*/ - -@media only screen and (max-width: 900px) { - a.comment-parent-link { - width: 0; - visibility: hidden; - position: relative; - } - a.comment-parent-link::before { - padding: 0; - font-size: 1em; - left: 0; - top: 0; - line-height: inherit; - visibility: visible; - content: "\F3BF"; - transform: scaleX(-1); - width: 2em; - text-align: center; - } -} -@media only screen and (max-width: 520px) { - a.comment-parent-link { - position: static; - } - a.comment-parent-link::before { - padding: 6px; - left: unset; - right: 0; - top: unset; - bottom: 0; - height: 2em; - } -} - -/*=================================*/ -/* COMMENT THREAD MINIMIZE BUTTONS */ -/*=================================*/ - -@media only screen and (max-width: 520px) { - .comment-minimize-button{ - right: 2px; - } -} - -/*===========================*/ -/* COMMENTING AND POSTING UI */ -/*===========================*/ - -@media only screen and (max-width: 900px) { - .comment-controls .delete-button, .comment-controls .retract-button, .comment-controls .unretract-button, .comment-controls .edit-button { - font-size: 0; - } - .comment-controls .delete-button::before, .comment-controls .retract-button::before, .comment-controls .unretract-button::before, .comment-controls .edit-button::before { - font-size: 0.9rem; - } - .comment-controls .cancel-comment-button { - max-width: 1.3em; - overflow: hidden; - margin-right: 0.125em; - } - .comment-controls .edit-button::before { - font-size: 0.9375rem; - } - .comments > .comment-controls .cancel-comment-button { - right: 8px; - } - .comment-controls .cancel-comment-button::before { - font-size: 1.25rem; - } -} -@media only screen and (max-width: 520px) { - .comment-controls { - position: static; - } - .comment-controls:focus-within { - z-index: 10001; - } - .comment-controls .cancel-comment-button { - right: 10px; - } - .textarea-container:focus-within textarea { - position: fixed; - top: 0; - left: 2px; - width: calc(100vw - 4px); - height: calc(100% - 100px); - min-height: unset; - max-height: unset; - border-width: 1px; - z-index: 11001; - } - #content.conversation-page .textarea-container:focus-within textarea { - height: calc(100% - 54px); - } - #content.conversation-page .textarea-container:focus-within::after { - content: ""; - display: block; - width: 100%; - height: 50px; - position: fixed; - left: 0; - bottom: 0; - z-index: 11000; - } - .textarea-container:focus-within .guiedit-buttons-container { - position: fixed; - z-index: 11002; - left: 0; - width: 100vw; - height: auto; - background-image: none; - padding: 3px 4px 4px 4px; - margin: 0; - text-align: center; - top: auto; - bottom: 0; - } - .textarea-container:focus-within button.guiedit { - font-size: 0.9375rem; - line-height: 1.5; - height: auto; - width: calc((100% / 10) - 2px); - padding: 10px 1px 8px 0; - position: relative; - margin: 1px; - } - .textarea-container:focus-within .guiedit-mobile-auxiliary-button { - z-index: 11011; - position: fixed; - bottom: 7px; - width: calc(((100% - 16px) / 10) * 2.5 - 7px); - font-size: 1.25rem; - padding: 5px 5px 6px 5px; - display: block; - } - .textarea-container:focus-within button.guiedit sup { - position: absolute; - left: calc(50% + 0.65em); - top: calc(50% - 1.3em); - } - .textarea-container:focus-within .guiedit-mobile-help-button { - left: 8px; - } - .textarea-container:focus-within .guiedit-mobile-exit-button { - right: 8px; - } - .guiedit::after { - display: none; - } - - #markdown-hints, - #edit-post-form #markdown-hints { - z-index: 11111; - position: fixed; - top: 40px; - left: 0; - right: 0; - margin: auto; - padding: 4px 0 4px 8px; - width: 310px; - border-width: 3px; - border-style: double; - pointer-events: none; - } - #markdown-hints::after { - content: "(Type to hide this help box.)"; - color: #9740cb; - display: block; - margin: 12px 18px 13px 10px; - padding: 5px; - font-size: 0.9em; - text-align: center; - } -} - -/*================*/ -/* EDIT POST FORM */ -/*================*/ - -@media only screen and (max-width: 520px) { - #edit-post-form { - padding-bottom: 0; - } - #edit-post-form .post-meta-fields { - grid-template-columns: 4.5em auto auto auto 1fr auto; - } - #edit-post-form label[for='url'], - #edit-post-form label[for='section'], - #edit-post-form label[for='title'] { - padding-left: 0; - } - #edit-post-form .post-meta-fields input[type='checkbox'] + label.iconify { - white-space: normal; - line-height: 0.9; - top: -1px; - font-family: Font Awesome; - font-weight: 900; - justify-self: start; - } - #edit-post-form .post-meta-fields .question-checkbox, - #edit-post-form .post-meta-fields .question-checkbox + label { - grid-column: 6; - margin-left: unset; - } - #edit-post-form .post-meta-fields input[type='radio'] + label { - align-self: start; - } - #edit-post-form .textarea-container:focus-within textarea { - height: calc(100% - 101px); - min-height: unset; - } - - #markdown-hints-checkbox, - #markdown-hints-checkbox + label { - display: none; - } - - #edit-post-form div:last-child { - clear: both; - overflow: auto; - } - #edit-post-form input[type='submit'] { - float: none; - display: block; - font-size: 1.5rem; - margin: 1rem auto 1.5rem auto; - padding: 6px 12px 8px 12px; - } - - #edit-post-form .textarea-container .autocomplete-container, - .comment-controls .textarea-container .autocomplete-container { - max-height: calc(50vh - 101px); - position: fixed; - top: 50vh; - left: 4px; - right: 4px; - width: unset; - z-index: 11002; - } -} - -/*===================*/ -/* TABLE OF CONTENTS */ -/*===================*/ - -@media only screen and (max-width: 900px) { - .contents { - float: none; - display: table; - max-width: none; - margin-left: auto; - margin-right: auto; - } - .contents.collapsed { - overflow: hidden; - display: block; - } -} -@media only screen and (max-width: 520px) { - .contents { - max-width: 100%; - margin: 1em auto 0 auto; - display: table; - } - .contents.collapsed { - margin-bottom: 0; - display: block; - } - .contents-head { - font-size: 1.2em; - } - div.post-body .contents ul { - font-size: unset; - } -} - -/*========================*/ -/* QUALIFIED HYPERLINKING */ -/*========================*/ - -@media only screen and (max-width: 520px) { - .qualified-linking-toolbar { - right: -5em; - } -} - -} /* END MOBILE LAYOUT */ - - -/*****************/ -/* DEFAULT THEME */ -/*****************/ - -/*===========*/ -/* VARIABLES */ -/*===========*/ - -/* Color scheme. - */ -:root { - --GW-comment-background-color-odd: #131313; - --GW-comment-background-color-even: #000; - --GW-comment-background-color-target: #00001e; -} - -/*======*/ -/* BASE */ -/*======*/ - -body { - color: #fff; - background-color: #232323; - font-family: 'Concourse', 'a_Avante', 'Assistant', Arial, 'GW-Symbols', sans-serif; - font-feature-settings: 'ss07'; -} -#content { - line-height: 1.55; -} -#content::before { - background-color: #000; - box-shadow: 0px 0px 10px #9b9b9b; -} - -/*=========*/ -/* NAV BAR */ -/*=========*/ - -.nav-inner { - font-size: 1.375em; - font-weight: 600; -} -.nav-bar-top:not(#primary-bar) .nav-inner { - font-size: 1em; -} - -.nav-bar .nav-item:not(.nav-current):not(#nav-item-search):hover, -#bottom-bar a:hover, -#nav-item-search:not(.nav-current):focus-within { - background-color: #1f1f1f; -} -.inactive-bar .nav-item:not(.nav-current):not(#nav-item-search):hover, -.inactive-bar #nav-item-search:not(.nav-current):focus-within { - background-color: #232323; -} - -.nav-bar a:visited { - color: #0cc800; -} -.nav-bar a:hover, -.nav-bar a:focus { - text-decoration: none; - text-shadow: 0 0 1px #000, 0 0 3px #000, 0 0 5px #000; -} - -#bottom-bar.decorative::before, -#bottom-bar.decorative::after { - content: "GW"; - display: block; - text-align: center; - padding: 0.25em 0 1em 0; -} -#bottom-bar.decorative::before { - width: 100%; - color: transparent; - background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAMdXV1QUAACwAAAAAAQABAAACAkQBADs='); - background-repeat: repeat-x; - background-position: center 35%; - margin: 0 30px; -} -#bottom-bar.decorative::after { - color: #232323; - position: absolute; - left: 0; - right: 0; - margin: auto; - background-color: #000; - padding-right: 4px; - padding-left: 4px; -} -@supports (width: -moz-fit-content) { - #bottom-bar.decorative::after { - width: -moz-fit-content; - } -} -@supports (width: fit-content) { - #bottom-bar.decorative::after { - width: fit-content; - } -} - -/* Accesskey hints */ - -.nav-inner::after { - display: block; - position: absolute; - left: 5px; - top: -2px; - font-weight: 400; - font-size: 0.7em; - color: #232323; -} -.inactive-bar .nav-inner::after { - color: #2c2c2c; -} -.nav-inner:hover::after { - color: #393939; -} - -/* This makes the navbar items look like tabs: */ - -.nav-inactive { - box-shadow: - 0 -1px #232323 inset, - 1px 0 #000 inset; -} -.nav-inactive:first-child { - box-shadow: 0 -1px #232323 inset; -} -.inactive-bar .nav-inactive { - background-color: #1a1a1a; -} -.active-bar .nav-inactive { - background-color: #131313; -} -.nav-bar + .nav-bar { - position: relative; -} - -/* For Webkit: */ -.nav-bar:not(#bottom-bar) { - box-shadow: 0 -3px 8px -2px #2c2c2c; -} -.active-bar .nav-inactive { - box-shadow: - 0 -4px 8px -4px #393939 inset, - 1px 0 #000 inset; -} -.active-bar .nav-inactive:first-child { - box-shadow: - 0 -4px 8px -4px #393939 inset; -} -.active-bar .nav-current + .nav-inactive { - box-shadow: - 5px -4px 8px -4px #393939 inset; -} -.active-bar .nav-item-last-before-current { - box-shadow: - -5px -4px 8px -4px #393939 inset, - 1px 0 #000 inset; -} -.active-bar .nav-item-last-before-current:first-child { - box-shadow: - -5px -4px 8px -4px #393939 inset; -} -/* And for Gecko: */ -@-moz-document url-prefix() { - .nav-bar:not(#bottom-bar) { - box-shadow: 0 -3px 4px -2px #2c2c2c; - } - - .active-bar .nav-inactive { - box-shadow: - 0 -4px 4px -4px #393939 inset, - 1px 0 #000 inset; - } - .active-bar .nav-inactive:first-child { - box-shadow: - 0 -4px 4px -4px #393939 inset; - } - .active-bar .nav-current + .nav-inactive { - box-shadow: - 5px -4px 4px -4px #393939 inset; - } - .active-bar .nav-item-last-before-current { - box-shadow: - -5px -4px 4px -4px #393939 inset, - 1px 0 #000 inset; - } - .active-bar .nav-item-last-before-current:first-child { - box-shadow: - -5px -4px 4px -4px #393939 inset; - } -} - -/* Search tab */ - -#nav-item-search button { - border: none; - font-weight: inherit; -} -#nav-item-search input::placeholder { - color: #00a1e8; - font-weight: normal; -} - -/*= Top pagination UI hover tooltips =*/ - -#top-nav-bar a::after, -#bottom-bar a::after { - color: #fff; -} - -/*==============*/ -/* PAGE TOOLBAR */ -/*==============*/ - -.button.new-post:not(:hover), -.button.new-private-message:not(:hover), -.button.unignore-button:not(:hover){ - color: #9740cb; -} -.button.logout-button, .button.ignore-button { - color: #0094be; -} - -/*==============*/ -/* SUBLEVEL NAV */ -/*==============*/ - -.sublevel-nav .sublevel-item { - color: #777; - background-color: #000; -} -.sublevel-nav .sublevel-item:not(.selected):hover { - background-color: #1f1f1f; - color: #fff; - text-decoration: none; - text-shadow: none; -} -.sublevel-nav .sublevel-item:not(.selected):active, -.sublevel-nav .sublevel-item.selected { - background-color: #1f1f1f; - color: #fff; - text-shadow: - 0 -1px 0 #000, - 0 0.5px 0.5px #fff; -} - -.sublevel-nav:not(.sort) .sublevel-item { - border-style: solid; - border-color: #1f1f1f; - border-width: 1px 0 1px 1px; -} -.sublevel-nav:not(.sort) .sublevel-item:first-child { - border-radius: 8px 0 0 8px; -} -.sublevel-nav:not(.sort) .sublevel-item:last-child { - border-width: 1px; - border-radius: 0 8px 8px 0; -} - -/*=====================*/ -/* SORT ORDER SELECTOR */ -/*=====================*/ - -.sublevel-nav.sort .sublevel-item { - font-family: 'Concourse', 'a_Avante', 'Assistant', Arial, 'GW-Symbols', sans-serif; - letter-spacing: 0.5px; - padding: 7px 7px 5px 7px; - text-transform: uppercase; - pointer-events: auto; - box-shadow: 1px 1px 0 0 #484848 inset; -} -.sublevel-nav.sort { - border: 2px solid transparent; - padding: 18px 0 0 0; - border-radius: 8px; - pointer-events: none; - background-color: #393939; -} -.sublevel-nav.sort::before { - text-transform: uppercase; - font-weight: 600; - color: #aeaeae; - text-shadow: 0.5px 0.5px 0 #000; - z-index: 1; -} -.sublevel-nav.sort::after { - content: ""; - position: absolute; - display: block; - top: 0; - left: 0; - width: 100%; - height: 100%; - border-radius: 6px; - box-shadow: - 0 18px 0 0 #393939 inset, - 0 0 0 1px #484848 inset, - 0 18px 0 1px #484848 inset, - 0 0 0 2px #393939; -} - -/*================*/ -/* WIDTH SELECTOR */ -/*================*/ -/* THEME SELECTOR */ -/*================*/ - -#width-selector button, -#theme-selector button { - box-shadow: - 0 0 0 4px #232323 inset, - 0 0 0 5px #393939 inset; -} -#width-selector button:hover, -#width-selector button.selected, -#theme-selector button:hover, -#theme-selector button.selected { - box-shadow: - 0 0 0 5px #393939 inset; -} - -#theme-selector button::before { - color: #575756; - background-color: #232323; -} -#theme-selector button:hover::before, -#theme-selector button.selected::before { - color: #888; -} -#width-selector button::after { - color: #575756; -} - -/*======================*/ -/* THEME TWEAKER TOGGLE */ -/*======================*/ - -#theme-tweaker-toggle button { - color: #777; -} - -/*=================*/ -/* QUICKNAV WIDGET */ -/*=================*/ - -#quick-nav-ui a { - color: #575756; - background-color: #1a1a1a; - border-radius: 4px; - text-decoration: none; -} -#quick-nav-ui a[href='#bottom-bar'] { - line-height: 1.8; -} -#quick-nav-ui a:active { - transform: scale(0.9); -} -#quick-nav-ui a[href='#comments'].no-comments { - opacity: 0.4; - color: #393939; -} -@media only screen and (hover:hover) { - #quick-nav-ui a:hover { - color: #fff; - background-color: #131313; - } - #quick-nav-ui a:focus:not(:hover) { - transform: none; - text-shadow: none; - } -} - -/*======================*/ -/* NEW COMMENT QUICKNAV */ -/*======================*/ - -#new-comment-nav-ui .new-comments-count { - font-weight: 600; - color: #888; - text-shadow: 0.5px 0.5px 0 #000; -} -#new-comment-nav-ui .new-comments-count::after { - font-weight: 600; - color: #777; -} -#new-comment-nav-ui .new-comment-sequential-nav-button:disabled { - color: #393939; - text-shadow: none; -} -@media only screen and (hover:hover) { - #new-comment-nav-ui .new-comments-count:hover { - text-shadow: - 0 0 1px #000, - 0 0 3px #000, - 0 0 5px #000, - 0 0 8px #000, - 0.5px 0.5px 0 #000; - } - #new-comment-nav-ui .new-comment-sequential-nav-button:focus { - color: #00a1e8; - text-shadow: 0 0 1px #000, 0 0 3px #000, 0 0 5px #000; - } -} - -/*=================*/ -/* HNS DATE PICKER */ -/*=================*/ - -#hns-date-picker span { - color: #777; - text-shadow: 0.5px 0.5px 0 #000; - font-weight: 600; -} -#hns-date-picker input { - border: 1px solid #777; - background-color: transparent; - color: #888; - box-shadow: 0 0 0 1px transparent; -} -#hns-date-picker input:focus { - color: #fff; -} - -/*====================*/ -/* DARK MODE SELECTOR */ -/*====================*/ - -#dark-mode-selector { - outline: 1px solid #575756; -} -#dark-mode-selector button { - color: #777; -} -#dark-mode-selector button.selected { - background-color: #575756; - color: #000; -} -#dark-mode-selector button:not(.selected) + button:not(.selected) { - box-shadow: 1px 0 0 0 #575756 inset; -} -#dark-mode-selector button:disabled:hover { - text-shadow: none; -} -#dark-mode-selector button::after { - font-family: 'Concourse', 'a_Avante', 'Assistant', Arial, 'GW-Symbols', sans-serif; - color: #575756; - text-shadow: none; -} - -/*======================*/ -/* TEXT SIZE ADJUSTMENT */ -/*======================*/ - -#text-size-adjustment-ui button { - color: #777; -} -#text-size-adjustment-ui button.default { - font-weight: 600; -} -#text-size-adjustment-ui button:disabled:hover { - text-shadow: none; -} -#text-size-adjustment-ui::after { - color: #575756; -} - -/*=============================*/ -/* COMMENTS VIEW MODE SELECTOR */ -/*=============================*/ - -#comments-view-mode-selector a { - color: #777; -} - -/*==========*/ -/* ARCHIVES */ -/*==========*/ - -.archive-nav { - border: 1px solid #484848; -} -.archive-nav *[class^='archive-nav-item'] { - border-style: solid; - border-color: #1f1f1f; - border-width: 1px 0 1px 1px; - background-color: #131313; -} -.archive-nav div[class^='archive-nav-']:nth-of-type(2) *[class^='archive-nav-item'] { - border-top-width: 0; - border-bottom-width: 0; -} -.archive-nav div[class^='archive-nav-']:last-of-type *[class^='archive-nav-item'] { - border-bottom-width: 1px; -} -.archive-nav *[class^='archive-nav-item']:last-child { - border-right-width: 1px; -} -.archive-nav span[class^='archive-nav-item'] { - font-weight: bold; - background-color: #1f1f1f; -} - -.archive-nav a:link, -.archive-nav a:visited { - color: rgba(12, 200, 0, 0.7); -} -.archive-nav a:hover { - text-decoration: none; - color: #00a9ed; - background-color: #1d1d1d; - text-shadow: 0 0 1px #000, 0 0 3px #000, 0 0 5px #000; -} -.archive-nav a:active { - transform: scale(0.9); -} -.archive-nav a:focus:not(:hover) { - transform: none; -} -.archive-nav a.archive-nav-item-day:hover { - background-color: #1f1f1f; -} - -/*==========*/ -/* LISTINGS */ -/*==========*/ - -h1.listing { - font-family: 'Concourse', 'a_Avante', 'Assistant', Arial, 'GW-Symbols', sans-serif, 'Font Awesome', 'Font Awesome 5 Free'; - font-weight: 700; - margin: 0.7em 20px 0 20px; - max-width: calc(100% - 40px); - top: 0; ; -} - -h1.listing .post-title-link { - color: #fff; -} -h1.listing .link-post-link { - color: #54d400; -} - -@media only screen and (hover: hover) { - h1.listing a:hover, - h1.listing a:focus { - color: #777; - background-color: rgba(0, 0, 0, 0.85); - } - h1.listing:focus-within::before { - color: #00c200; - left: -0.625em; - } - h1.listing .link-post-link:hover { - color: #670; - text-shadow: - 0.5px 0.5px 0 #000, - -0.5px -0.5px 0 #000, - 0 0 2px #000, - 0 0 3px #54d400; - } -} - -h1.listing .edit-post-link { - padding: 5px 3px 12px 0.5em; - top: 0; - right: 0; -} -h1.listing .edit-post-link:hover { - text-decoration: none; -} -#content.user-page h1.listing .edit-post-link { - background-color: #131313; -} - -/*======*/ -/* SPAM */ -/*======*/ - -h1.listing.spam { - opacity: 0.15; -} -h1.listing.spam + .post-meta { - opacity: 0.4; -} -h1.listing.spam:hover, -h1.listing.spam + .post-meta:hover, -h1.listing.spam:hover + .post-meta { - opacity: 1.0; -} - -/*===================*/ -/* LISTING POST-META */ -/*===================*/ - -h1.listing + .post-meta { - padding-right: 330px; -} -h1.listing + .post-meta .karma-value, -h1.listing + .post-meta .comment-count, -h1.listing + .post-meta .lw2-link, -h1.listing + .post-meta .read-time { - border-radius: 4px; - padding: 0 4px 0 2px; - text-shadow: 0.5px 0.5px 0.5px #575756; - margin: 0 0.25em 0 0.5em; - position: absolute; - line-height: 1.15; - bottom: -6px; -} -h1.listing + .post-meta .karma-value span, -h1.listing + .post-meta .comment-count span, -h1.listing + .post-meta .lw2-link span, -h1.listing + .post-meta .read-time span { - display: none; -} -h1.listing + .post-meta .karma-value::before, -h1.listing + .post-meta .comment-count::before, -h1.listing + .post-meta .lw2-link::before, -h1.listing + .post-meta .read-time::before { - color: #000; - font-family: 'Font Awesome', 'Font Awesome 5 Free'; - font-weight: 900; - margin: 0 8px 0 0; - box-shadow: 0 0 0 2px #1f1f1f; -} -_::-webkit-full-page-media, _:future, :root h1.listing + .post-meta .karma-value::before, -_::-webkit-full-page-media, _:future, :root h1.listing + .post-meta .comment-count::before, -_::-webkit-full-page-media, _:future, :root h1.listing + .post-meta .lw2-link::before, -_::-webkit-full-page-media, _:future, :root h1.listing + .post-meta .read-time::before { - text-shadow: 0 0 3px #575756; -} - -h1.listing + .post-meta .karma { - margin: 0; -} -h1.listing + .post-meta .karma-value { - box-shadow: - 22px 0 0 0 #1f1f1f inset, - 0 0 0 3px #1f1f1f; - cursor: default; - color: #00a9ed; - right: 264px; -} -h1.listing + .post-meta .karma-value::before { - content: "\F139"; - text-shadow: none; - font-size: 0.9375em; - line-height: 1.3; -} - -h1.listing + .post-meta .comment-count::before { - content: "\F086"; -} -h1.listing + .post-meta .comment-count { - box-shadow: - 25px 0 0 0 #1f1f1f inset, - 0 0 0 3px #1f1f1f; - color: #9e4acf; - right: 176px; -} -h1.listing + .post-meta .comment-count:hover { - text-decoration: none; - color: #000; - background-color: #9e4acf; -} -h1.listing + .post-meta .comment-count:hover::before { - color: #9e4acf; -} -h1.listing + .post-meta .comment-count.new-comments::before { - color: #9e4acf; - text-shadow: 0.5px 0.5px 0.5px #000; -} -h1.listing + .post-meta .comment-count.new-comments:hover::before { - text-shadow: 0.5px 0.5px 0.5px #575756; -} - - -h1.listing + .post-meta .lw2-link { - box-shadow: - 23px 0 0 0 #1f1f1f inset, - 0 0 0 3px #1f1f1f; - right: 0; -} -h1.listing + .post-meta .lw2-link::before { - content: "\F0C1"; -} -h1.listing + .post-meta .lw2-link:hover { - text-decoration: none; - color: #000; - background-color: #00c200; -} -h1.listing + .post-meta .lw2-link:hover::before { - color: #00c200; -} - -h1.listing + .post-meta .read-time { - box-shadow: - 21px 0 0 0 #1f1f1f inset, - 0 0 0 3px #1f1f1f; - right: 80px; -} -h1.listing + .post-meta .read-time::before { - content: "\F2F2"; - cursor: pointer; -} -h1.listing + .post-meta .read-time::after { - content: " min"; -} -h1.listing + .post-meta .read-time:hover::before { - color: #777; -} - -h1.listing + .post-meta .word-count { - box-shadow: - 22px 0 0 0 #1f1f1f inset, - 0 0 0 3px #1f1f1f; - padding: 0 4px 0 4px; -} -h1.listing + .post-meta .word-count::before { - content: "\F15C"; - margin: 0 10px 0 0; -} -h1.listing + .post-meta .read-time.word-count::after { - content: none; -} - -h1.listing + .post-meta .link-post-domain { - margin: 0 0 0 0.5em; -} - -h1.listing + .post-meta::after { - content: ""; - display: block; - height: 1px; - width: 100%; - background-color: #1f1f1f; - position: absolute; - bottom: -14px; -} - -/*============*/ -/* USER PAGES */ -/*============*/ - -#content.user-page h1.page-main-heading, -#content.user-page .user-stats { - border-bottom: 1px solid #2c2c2c; -} - -#content.user-page h1.listing, -#content.user-page h1.listing + .post-meta { - background-color: #131313; - border-style: solid; - border-color: #2c2c2c; -} -#content.user-page h1.listing { - padding: 0 6px; - padding-top: 0.125em; - border-width: 1px 1px 0 1px; - margin: 1rem 0 0 0; - max-width: 100%; -} -#content.own-user-page h1.listing, -h1.listing.own-post-listing { - padding-right: 36px; -} -@media only screen and (hover: hover) { - #content.user-page h1.listing a:hover, - #content.user-page h1.listing a:focus { - background-color: #131313; - } - #content.user-page h1.listing:focus-within::before { - left: -0.625em; - } -} -#content.user-page h1.listing + .post-meta { - padding: 0.125em 6px 1em 36px; - border-width: 0 1px 1px 1px; - margin: 0 0 1rem 0; -} -#content.user-page h1.listing + .post-meta::after { - display: none; -} -@media only screen and (min-width: 521px) { - #content.user-page h1.listing + .post-meta .karma-value, - #content.user-page h1.listing + .post-meta .comment-count, - #content.user-page h1.listing + .post-meta .lw2-link, - #content.user-page h1.listing + .post-meta .read-time { - bottom: 10px; - } -} -#content.user-page h1.listing + .post-meta .post-section::before { - left: -1px; -} - -#content.conversations-user-page h1.listing { - padding: 4px 6px; - font-size: 1.75rem; -} -#content.conversations-user-page h1.listing + .post-meta { - padding: 6px 4px; - margin: 0 0 0.25rem 0; -} - -.user-stats .karma-total { - font-weight: bold; -} - -/*===============*/ -/* CONVERSATIONS */ -/*===============*/ - -/*============*/ -/* LOGIN PAGE */ -/*============*/ - -.login-container form input[type='submit'] { - font-weight: bold; - background-color: #131313; - border: 1px solid #2c2c2c; -} -.login-container form input[type='submit']:hover, -.login-container form input[type='submit']:focus { - background-color: #1f1f1f; - border: 1px solid #484848; -} - -/* “Create account” form */ - -#signup-form { - background-color: #0f0f0f; - border: 1px solid #1f1f1f; -} -#signup-form input[type='submit'] { - background-color: #1a1a1a; - border: 1px solid #2c2c2c; -} -#signup-form input[type='submit']:hover { - background-color: #232323; - border: 1px solid #484848; -} - -/* Log in tip */ - -.login-container .login-tip { - border: 1px solid #131313; -} - -/* Message box */ - -.error-box { - border: 1px solid red; - background-color: #004147; -} -.success-box { - border: 1px solid green; - background-color: #320042; -} - -/*=====================*/ -/* PASSWORD RESET PAGE */ -/*=====================*/ - -.reset-password-container input[type='submit'] { - background-color: #1a1a1a; - border: 1px solid #2c2c2c; - font-weight: bold; -} - -/*===================*/ -/* TABLE OF CONTENTS */ -/*===================*/ - -.contents { - font-family: 'Concourse', 'a_Avante', 'Assistant', Arial, 'GW-Symbols', sans-serif; - border: 1px solid #1f1f1f; - background-color: #131313; -} -.contents-head { - font-weight: bold; -} -.body-text .contents li::before { - color: #575756; - font-feature-settings: "tnum"; -} -.body-text .contents a, -.body-text .contents a:hover { - border: none; -} -.body-text .contents a:hover { - text-decoration: underline; -} - -.contents .toc-collapse-toggle-button { - color: #2c2c2c; -} -.contents .toc-collapse-toggle-button:hover { - color: #484848; - text-shadow: 0 0 1px #000, 0 0 3px #000, 0 0 5px #000; -} - -/*==================*/ -/* POSTS & COMMENTS */ -/*==================*/ - -.body-text { - font-family: 'Charter', 'PT Serif', 'Georgia', serif; -} - -.body-text a { - border-bottom: 1px dotted #393939; -} -.body-text a:hover { - text-decoration: none; - border-bottom: 1px solid currentColor; -} - -/*=======*/ -/* POSTS */ -/*=======*/ - -h1.post-title { - font-family: 'Concourse', 'a_Avante', 'Assistant', Arial, 'GW-Symbols', sans-serif; - font-weight: 700; -} - -/*=================*/ -/* POST NAVIGATION */ -/*=================*/ - -.post-nav-links a, -.post-nav-links a:visited { - color: #fff; -} -.post-nav-links a:hover { - text-decoration: none; -} -.post-nav-title { - font-weight: 600; -} - -.post-nav-label { - color: #777; -} -.post-nav-links a:hover .post-nav-label { - font-weight: 600; - color: #666; -} -.post-nav-links a:hover .post-nav-title { - color: #777; -} - -@media only screen and (max-width: 900px) { - .sequence-title { - border-top: 1px dotted #777; - } - .post-nav.prev { - border-right: 1px dotted #777; - } - .post-nav.next { - border-left: 1px dotted #777; - } -} - -.crosspost { - background-color: #131313; - border: 1px solid #2c2c2c; -} - -/*===========*/ -/* POST-META */ -/*===========*/ - -.post-meta .post-section::before, -.comment-meta .alignment-forum { - color: #000; - text-shadow: - 1px 1px 0 #9740cb, - 0 1px 0 #9740cb, - 0 0 5px #9740cb; -} -a.post-section:hover { - text-decoration: none; -} -a.post-section:hover::before { - color: #2e0062; -} -.post-meta .post-section.alignment-forum::before, -.comment-meta .alignment-forum { - text-shadow: - 1px 1px 0 #658100, - 0 1px 0 #658100, - 0 0 5px #658100; -} -a.post-section.alignment-forum:hover::before { - color: #181a00; -} -.post-meta .date { - color: #666; -} -.post-meta .author { - color: #9740cb; -} -.bottom-post-meta { - border-color: #1f1f1f; -} - -/*============*/ -/* LINK POSTS */ -/*============*/ - -.post.link-post a.link-post-link { - text-decoration: none; - font-family: 'Concourse', 'a_Avante', 'Assistant', Arial, 'GW-Symbols', sans-serif; - font-weight: 600; -} -.post.link-post a.link-post-link:hover { - color: #00a9ed; -} -.post.link-post a.link-post-link:hover::before { - color: #670; - text-shadow: - 0.5px 0.5px 0 #000, - -0.5px -0.5px 0 #000, - 0 0 2px #000, - 0 0 3px #54d400; -} -.post.link-post a.link-post-link:focus { - color: #777; - border-bottom: 2px dotted #777; -} - -/*==========*/ -/* COMMENTS */ -/*==========*/ - -.comments::before { - border-top: 1px solid #fff; - box-shadow: 0 3px 4px -4px #fff inset; -} -@-moz-document url-prefix() { - .comments::before { - box-shadow: 0 3px 3px -4px #fff inset; - } -} -#content > .comment-thread .comment-meta a.date:focus, -#content > .comment-thread .comment-meta a.permalink:focus { - color: #666; - outline: 2px dotted #575756; - position: relative; - background-color: #000; -} -#content > .comment-thread .comment-meta a.date:focus { - padding: 0 4px; - left: -4px; -} -#content > .comment-thread .comment-meta a.date:focus + * { - margin-left: -8px; -} -#content > .comment-thread .comment-meta a.permalink:focus { - padding: 0 5px; - left: -5px; -} -#content > .comment-thread .comment-meta a.permalink:focus + *:not(.comment-post-title) { - margin-left: -10px; -} -.comment-item { - border: 1px solid #2c2c2c; - background-color: var(--GW-comment-background-color); -} -.comment-parent-link::after { - box-shadow: - 0 28px 16px -16px var(--GW-comment-parent-background-color) inset, - 4px 16px 0 12px var(--GW-comment-background-color-target) inset, - 4px 4px 0 12px var(--GW-comment-background-color-target) inset; -} - -/*================================*/ -/* DEEP COMMENT THREAD COLLAPSING */ -/*================================*/ - -.comment-item input[id^="expand"] + label::after { - color: #0cc800; - font-weight: 600; -} -.comment-item input[id^="expand"] + label:hover::after { - color: #00a9ed; -} -.comment-item input[id^="expand"] + label:active::after, -.comment-item input[id^="expand"] + label:focus::after{ - color: #00a9ed; -} -.comment-item input[id^="expand"]:checked ~ .comment-thread .comment-thread .comment-item { - border-width: 1px 0 0 0; -} - -/*==============*/ -/* COMMENT-META */ -/*==============*/ - -.comment-meta .author { - font-weight: bold; - font-size: 1.25em; - color: #fff; -} -.comment-meta .author:hover { - text-decoration: none; - color: #9740cb; -} -.comment-item .author:not(.redacted).original-poster::after { - opacity: 0.5; -} - -.comment-item .voting-controls.active-controls::after, -.comment-item .voting-controls .karma-value::after, -.post .voting-controls.active-controls::after, -.post .voting-controls .karma-value::after, -.author::before { - background-color: #000; - color: #575756; - border-radius: 4px; - box-shadow: 0 0 0 1px #1f1f1f inset; -} -.comment-item .voting-controls.active-controls::after, -.post .voting-controls.active-controls::after { - padding: 6px 4px 4px 4px; - bottom: -44px; -} -.comment-item .voting-controls .karma-value::after, -.post .voting-controls .karma-value::after { - padding: 2px 8px 1px 8px; - top: -25px; - min-width: 56px; -} - -/*====================*/ -/* ANTI-KIBITZER MODE */ -/*====================*/ - -.author.redacted, -.inline-author.redacted { - opacity: 0.6; - font-weight: 400; -} - -.karma-value.redacted { - opacity: 0.4; -} - -.link-post-domain.redacted { - opacity: 0.4; -} - -/*===========================*/ -/* COMMENT THREAD NAVIGATION */ -/*===========================*/ - -div.comment-parent-link { - font-weight: 600; -} -a.comment-parent-link { - font-weight: 400; -} -a.comment-parent-link::before { - color: #393939; -} -a.comment-parent-link:hover::before { - background-color: #00001e; - color: #575756; -} - -div.comment-child-links { - font-weight: 600; -} -div.comment-child-links a { - font-weight: 400; -} -.comment-child-link::before { - color: #484848; -} - -.comment-item-highlight { - box-shadow: - 0 0 2px #0047b5, - 0 0 3px #0047b5, - 0 0 5px #0047b5, - 0 0 7px #0047b5, - 0 0 10px #0047b5; - border: 1px solid #0047b5; -} -.comment-item-highlight-faint { - box-shadow: - 0 0 2px #00193b, - 0 0 3px #00193b, - 0 0 5px #00193b, - 0 0 7px #00193b, - 0 0 10px #00193b; - border: 1px solid #00193b; -} - -.comment-popup { - background-color: #000; -} - -/*=======================*/ -/* COMMENTS COMPACT VIEW */ -/*=======================*/ - -#comments-list-mode-selector button { - box-shadow: - 0 0 0 4px #000 inset, - 0 0 0 5px #393939 inset; -} -#comments-list-mode-selector button:hover, -#comments-list-mode-selector button.selected { - box-shadow: - 0 0 0 5px #393939 inset; -} -#content.compact > .comment-thread .comment-item::after { - color: #0cc800; - background: linear-gradient(to right, transparent 0%, #000 50%, #000 100%); -} - -@media only screen and (hover: hover) { - #content.compact > .comment-thread .comment-item:hover .comment, - #content.compact > .comment-thread .comment-item.expanded .comment { - background-color: #000; - outline: 3px solid #54d400; - } - #content.compact > .comment-thread .comment-item:hover .comment::before, - #content.compact > .comment-thread .comment-item.expanded .comment::before { - background-color: #000; - box-shadow: - 0 0 3px #000, - 0 0 5px #000, - 0 0 7px #000, - 0 0 10px #000, - 0 0 20px #000, - 0 0 30px #000, - 0 0 40px #000; - } -} -@media only screen and (hover: none) { - #content.compact > .comment-thread.expanded .comment-item .comment { - background-color: #000; - outline: 3px solid #54d400; - } - #content.compact > .comment-thread.expanded .comment-item .comment::before { - background-color: #000; - box-shadow: - 0 0 3px #000, - 0 0 5px #000, - 0 0 7px #000, - 0 0 10px #000, - 0 0 20px #000, - 0 0 30px #000, - 0 0 40px #000; - } -} - -#content.user-page.compact > h1.listing { - margin-top: 0.5rem; -} -#content.user-page.compact > h1.listing + .post-meta { - margin-bottom: 0.5rem; -} - -/*===========================*/ -/* HIGHLIGHTING NEW COMMENTS */ -/*===========================*/ - -.new-comment::before { - outline: 2px solid #7f3b92; - box-shadow: - 0 0 6px -2px #7f3b92 inset, - 0 0 4px #7f3b92, - 0 0 6px #7f3b92; -} - -/*=================================*/ -/* COMMENT THREAD MINIMIZE BUTTONS */ -/*=================================*/ - -.comment-minimize-button { - color: #2c2c2c; -} -.comment-minimize-button:hover { - color: #484848; - text-shadow: 0 0 1px #000, 0 0 3px #000, 0 0 5px #000; -} -.comment-minimize-button::after { - font-family: 'Concourse', 'a_Avante', 'Assistant', Arial, 'GW-Symbols', sans-serif; - color: #777; -} -.comment-minimize-button.maximized::after { - color: #2c2c2c; -} - -/*==============*/ -/* VOTE BUTTONS */ -/*==============*/ - -.vote::before { - content: ""; - border-radius: 50%; - background-size: 17px 17px; - width: 17px; - height: 17px; - display: inline-block; - position: relative; - top: 2.5px; -} -.vote:active { - transform: none; -} - -/**********/ -/* States. - */ - -/* _ 1 - */ -.upvote { - filter: grayscale(100%) brightness(128%); -} -.downvote { - filter: grayscale(100%) brightness(188%); -} - -/* _ 2 - */ -.vote:not(.none) { - filter: drop-shadow(0 0 1px #000); -} - -/* 1 _ - */ -.vote.two-temp::before { - box-shadow: - 0 0 0 1px #000, - 0 0 0 4px #2f2f2f, - 0 0 0 5px transparent; -} - -/* 2 _ - */ -.upvote.two::before { - box-shadow: - 0 0 0 1px #000, - 0 0 0 4px var(--GW-upvote-button-color), - 0 0 0 5px transparent; -} -.downvote.two::before { - box-shadow: - 0 0 0 1px #000, - 0 0 0 4px var(--GW-downvote-button-color), - 0 0 0 5px transparent; -} - -/* Disabled. - */ -.vote:disabled { - visibility: unset; - filter: brightness(50%); -} - -/*********/ -/* Icons. - */ - -.karma .upvote::before { - background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBkPSJNMjU2IDhDMTE5IDggOCAxMTkgOCAyNTZzMTExIDI0OCAyNDggMjQ4IDI0OC0xMTEgMjQ4LTI0OFMzOTMgOCAyNTYgOHptMTQ0IDI3NmMwIDYuNi01LjQgMTItMTIgMTJoLTkydjkyYzAgNi42LTUuNCAxMi0xMiAxMmgtNTZjLTYuNiAwLTEyLTUuNC0xMi0xMnYtOTJoLTkyYy02LjYgMC0xMi01LjQtMTItMTJ2LTU2YzAtNi42IDUuNC0xMiAxMi0xMmg5MnYtOTJjMC02LjYgNS40LTEyIDEyLTEyaDU2YzYuNiAwIDEyIDUuNCAxMiAxMnY5Mmg5MmM2LjYgMCAxMiA1LjQgMTIgMTJ2NTZ6IiAgIGZpbGw9IiMwMEQ4MDAiLz48L3N2Zz4='); -} -.karma .downvote::before { - background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBkPSJNMjU2IDhDMTE5IDggOCAxMTkgOCAyNTZzMTExIDI0OCAyNDggMjQ4IDI0OC0xMTEgMjQ4LTI0OFMzOTMgOCAyNTYgOHpNMTI0IDI5NmMtNi42IDAtMTItNS40LTEyLTEydi01NmMwLTYuNiA1LjQtMTIgMTItMTJoMjY0YzYuNiAwIDEyIDUuNCAxMiAxMnY1NmMwIDYuNi01LjQgMTItMTIgMTJIMTI0eiIgZmlsbD0iI0VCNEMyQSIvPjwvc3ZnPg=='); -} - -.karma .upvote:disabled::before { - background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBkPSJNMjU2IDhDMTE5IDggOCAxMTkgOCAyNTZzMTExIDI0OCAyNDggMjQ4IDI0OC0xMTEgMjQ4LTI0OFMzOTMgOCAyNTYgOHptMTQ0IDI3NmMwIDYuNi01LjQgMTItMTIgMTJoLTkydjkyYzAgNi42LTUuNCAxMi0xMiAxMmgtNTZjLTYuNiAwLTEyLTUuNC0xMi0xMnYtOTJoLTkyYy02LjYgMC0xMi01LjQtMTItMTJ2LTU2YzAtNi42IDUuNC0xMiAxMi0xMmg5MnYtOTJjMC02LjYgNS40LTEyIDEyLTEyaDU2YzYuNiAwIDEyIDUuNCAxMiAxMnY5Mmg5MmM2LjYgMCAxMiA1LjQgMTIgMTJ2NTZ6IiBzdHJva2U9IiNEOEQ4RDgiIHN0cm9rZS13aWR0aD0iNCUiIGZpbGw9InRyYW5zcGFyZW50Ii8+PC9zdmc+'); -} -.karma .downvote:disabled::before { - background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+PHBhdGggZD0iTTI1NiA4QzExOSA4IDggMTE5IDggMjU2czExMSAyNDggMjQ4IDI0OCAyNDgtMTExIDI0OC0yNDhTMzkzIDggMjU2IDh6TTEyNCAyOTZjLTYuNiAwLTEyLTUuNC0xMi0xMnYtNTZjMC02LjYgNS40LTEyIDEyLTEyaDI2NGM2LjYgMCAxMiA1LjQgMTIgMTJ2NTZjMCA2LjYtNS40IDEyLTEyIDEySDEyNHoiIHN0cm9rZT0iI0Q4RDhEOCIgc3Ryb2tlLXdpZHRoPSI0JSIgZmlsbD0idHJhbnNwYXJlbnQiLz48L3N2Zz4='); -} - -.agreement .upvote::before { - background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBkPSJNNTA0IDI1NmMwIDEzNi45NjctMTExLjAzMyAyNDgtMjQ4IDI0OFM4IDM5Mi45NjcgOCAyNTYgMTE5LjAzMyA4IDI1NiA4czI0OCAxMTEuMDMzIDI0OCAyNDh6TTIyNy4zMTQgMzg3LjMxNGwxODQtMTg0YzYuMjQ4LTYuMjQ4IDYuMjQ4LTE2LjM3OSAwLTIyLjYyN2wtMjIuNjI3LTIyLjYyN2MtNi4yNDgtNi4yNDktMTYuMzc5LTYuMjQ5LTIyLjYyOCAwTDIxNiAzMDguMTE4bC03MC4wNTktNzAuMDU5Yy02LjI0OC02LjI0OC0xNi4zNzktNi4yNDgtMjIuNjI4IDBsLTIyLjYyNyAyMi42MjdjLTYuMjQ4IDYuMjQ4LTYuMjQ4IDE2LjM3OSAwIDIyLjYyN2wxMDQgMTA0YzYuMjQ5IDYuMjQ5IDE2LjM3OSA2LjI0OSAyMi42MjguMDAxeiIgZmlsbD0iIzAwRDgwMCIvPjwvc3ZnPg=='); -} -.agreement .downvote::before { - background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBkPSJNMjU2IDhDMTE5IDggOCAxMTkgOCAyNTZzMTExIDI0OCAyNDggMjQ4IDI0OC0xMTEgMjQ4LTI0OFMzOTMgOCAyNTYgOHptMTIxLjYgMzEzLjFjNC43IDQuNyA0LjcgMTIuMyAwIDE3TDMzOCAzNzcuNmMtNC43IDQuNy0xMi4zIDQuNy0xNyAwTDI1NiAzMTJsLTY1LjEgNjUuNmMtNC43IDQuNy0xMi4zIDQuNy0xNyAwTDEzNC40IDMzOGMtNC43LTQuNy00LjctMTIuMyAwLTE3bDY1LjYtNjUtNjUuNi02NS4xYy00LjctNC43LTQuNy0xMi4zIDAtMTdsMzkuNi0zOS42YzQuNy00LjcgMTIuMy00LjcgMTcgMGw2NSA2NS43IDY1LjEtNjUuNmM0LjctNC43IDEyLjMtNC43IDE3IDBsMzkuNiAzOS42YzQuNyA0LjcgNC43IDEyLjMgMCAxN0wzMTIgMjU2bDY1LjYgNjUuMXoiIGZpbGw9IiNFQjRDMkEiLz48L3N2Zz4='); -} - -.agreement .upvote:disabled::before { - background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBkPSJNNTA0IDI1NmMwIDEzNi45NjctMTExLjAzMyAyNDgtMjQ4IDI0OFM4IDM5Mi45NjcgOCAyNTYgMTE5LjAzMyA4IDI1NiA4czI0OCAxMTEuMDMzIDI0OCAyNDh6TTIyNy4zMTQgMzg3LjMxNGwxODQtMTg0YzYuMjQ4LTYuMjQ4IDYuMjQ4LTE2LjM3OSAwLTIyLjYyN2wtMjIuNjI3LTIyLjYyN2MtNi4yNDgtNi4yNDktMTYuMzc5LTYuMjQ5LTIyLjYyOCAwTDIxNiAzMDguMTE4bC03MC4wNTktNzAuMDU5Yy02LjI0OC02LjI0OC0xNi4zNzktNi4yNDgtMjIuNjI4IDBsLTIyLjYyNyAyMi42MjdjLTYuMjQ4IDYuMjQ4LTYuMjQ4IDE2LjM3OSAwIDIyLjYyN2wxMDQgMTA0YzYuMjQ5IDYuMjQ5IDE2LjM3OSA2LjI0OSAyMi42MjguMDAxeiIgc3Ryb2tlPSIjRDhEOEQ4IiBzdHJva2Utd2lkdGg9IjQlIiBmaWxsPSJ0cmFuc3BhcmVudCIvPjwvc3ZnPg=='); -} -.agreement .downvote:disabled::before { - background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBkPSJNMjU2IDhDMTE5IDggOCAxMTkgOCAyNTZzMTExIDI0OCAyNDggMjQ4IDI0OC0xMTEgMjQ4LTI0OFMzOTMgOCAyNTYgOHptMTIxLjYgMzEzLjFjNC43IDQuNyA0LjcgMTIuMyAwIDE3TDMzOCAzNzcuNmMtNC43IDQuNy0xMi4zIDQuNy0xNyAwTDI1NiAzMTJsLTY1LjEgNjUuNmMtNC43IDQuNy0xMi4zIDQuNy0xNyAwTDEzNC40IDMzOGMtNC43LTQuNy00LjctMTIuMyAwLTE3bDY1LjYtNjUtNjUuNi02NS4xYy00LjctNC43LTQuNy0xMi4zIDAtMTdsMzkuNi0zOS42YzQuNy00LjcgMTIuMy00LjcgMTcgMGw2NSA2NS43IDY1LjEtNjUuNmM0LjctNC43IDEyLjMtNC43IDE3IDBsMzkuNiAzOS42YzQuNyA0LjcgNC43IDEyLjMgMCAxN0wzMTIgMjU2bDY1LjYgNjUuMXoiIHN0cm9rZT0iI0Q4RDhEOCIgc3Ryb2tlLXdpZHRoPSI0JSIgZmlsbD0idHJhbnNwYXJlbnQiLz48L3N2Zz4='); -} - -/*===========================*/ -/* COMMENTING AND POSTING UI */ -/*===========================*/ - -.posting-controls input[type='submit'] { - background-color: #000; - border: 1px solid #484848; - font-weight: bold; -} -.posting-controls input[type='submit']:hover, -.posting-controls input[type='submit']:focus { - background-color: #1f1f1f; - border: 1px solid #575756; -} - -.comment-controls .cancel-comment-button { - font-weight: 600; - color: #00a9ed; - text-shadow: - 0 0 1px #000, - 0 0 2px #000; -} -.comment-controls .cancel-comment-button:hover { - color: #0090e0; - text-shadow: 0 0 1px #000, 0 0 3px #000, 0 0 5px #000; -} - -.new-comment-button { - font-weight: 600; -} - -.comment-controls .delete-button, -.comment-controls .retract-button { - color: #00bbf5; - opacity: 0.85; -} -.comment-controls .edit-button, -.comment-controls .unretract-button { - color: #9740cb; -} -.comment-controls .action-button:hover { - color: #0090e0; - opacity: 1.0; -} - -.button.edit-post-link:not(:hover) { - color: #9740cb; -} - -.posting-controls textarea { - font-family: 'Charter', 'PT Serif', 'Georgia', serif; - color: #fff; - background-color: #000; - border-color: #484848; - box-shadow: - 0 0 0 1px #131313 inset; -} -.posting-controls textarea:focus { - background-color: #00001e; - border-color: #0cc800; - box-shadow: - 0 0 0 1px #1d1f00 inset, - 0 0 0 1px #000, - 0 0 0 2px #0cc800; -} -.posting-controls.edit-existing-post textarea:focus, -.posting-controls form.edit-existing-comment textarea:focus { - border-color: #9740cb; - box-shadow: - 0 0 0 1px #3d0061 inset, - 0 0 0 1px #000, - 0 0 0 2px #9740cb; -} - -/*= Scroll bars =*/ - -.posting-controls textarea::-webkit-scrollbar, -.textarea-container .autocomplete-container::-webkit-scrollbar { - width: 16px; - background-color: transparent; -} -.posting-controls textarea::-webkit-scrollbar-track, -.textarea-container .autocomplete-container::-webkit-scrollbar-track { - background-color: #131313; - border-left: 1px solid #484848; - border-top: 1px solid #131313; -} -.posting-controls textarea:focus::-webkit-scrollbar-track, -.textarea-container .autocomplete-container::-webkit-scrollbar-track { - border-left: 1px solid #0cc800; - border-top: 1px solid #1d1f00; -} -.posting-controls textarea::-webkit-scrollbar-thumb { - background-color: #484848; - box-shadow: 0 0 0 1px #131313 inset; - border-left: 1px solid #484848; -} -.posting-controls textarea:focus::-webkit-scrollbar-thumb, -.textarea-container .autocomplete-container::-webkit-scrollbar-thumb { - border-left: 1px solid #0cc800; - background-color: #40a800; - box-shadow: - 0 1px 0 0 #1d1f00 inset, - 0 0 0 1px #131313 inset; -} - -.posting-controls.edit-existing-post textarea:focus::-webkit-scrollbar-track, -.posting-controls form.edit-existing-comment textarea:focus::-webkit-scrollbar-track { - border-left: 1px solid #9740cb; -} -.posting-controls.edit-existing-post textarea:focus::-webkit-scrollbar-thumb, -.posting-controls form.edit-existing-comment textarea:focus::-webkit-scrollbar-thumb { - border-left: 1px solid #9740cb; - background-color: #8533c2; -} - -/* GUIEdit buttons */ - -.guiedit-buttons-container { - background-image: linear-gradient(to bottom, #000 0%, #1d1f00 50%, #252c00 75%, #344700 100%); -} - -.posting-controls.edit-existing-post .guiedit-buttons-container button, -.posting-controls form.edit-existing-comment .guiedit-buttons-container button { - color: #ce92ee; -} -.guiedit-buttons-container button { - font-family: 'Font Awesome', 'Font Awesome 5 Free', 'Charter', 'PT Serif', 'Georgia', serif; -} - -.guiedit::after { - font-family: 'Concourse', 'a_Avante', 'Assistant', Arial, 'GW-Symbols', sans-serif; - color: #777; - text-shadow: none; -} - -/* Markdown hints */ - -#markdown-hints-checkbox + label { - color: #0cc800; -} -#markdown-hints-checkbox + label:hover { - color: #0098e4; - text-shadow: 0 0 1px #000, 0 0 3px #000, 0 0 5px #000; -} -#markdown-hints { - border: 1px solid #00a9ed; - background-color: #000340; -} - -/*================*/ -/* EDIT POST FORM */ -/*================*/ - -#edit-post-form .post-meta-fields input[type='checkbox'] + label { - top: -1px; -} -#edit-post-form .post-meta-fields input[type='checkbox'] + label::before { - border-radius: 3px; - border: 1px solid #1f1f1f; - color: #777; -} -@media only screen and (hover:hover) { - #edit-post-form .post-meta-fields input[type='checkbox'] + label:hover, - #edit-post-form .post-meta-fields input[type='checkbox']:focus + label { - text-shadow: - 0 0 1px #000, - 0 0 2px #000, - 0 0 2.5px #484848; - } - #edit-post-form .post-meta-fields input[type='checkbox'] + label:hover::before, - #edit-post-form .post-meta-fields input[type='checkbox']:focus + label::before { - border-color: #484848; - } -} -#edit-post-form .post-meta-fields input[type='checkbox']:checked + label::before { - content: "\F00C"; -} -#edit-post-form input[type='radio'] + label { - color: #777; - border-color: #1f1f1f; - padding: 4px 12px 5px 12px; -} -#edit-post-form input[type='radio'][value='all'] + label { - border-radius: 8px 0 0 8px; - border-width: 1px; -} -#edit-post-form input[type='radio'][value='drafts'] + label { - border-radius: 0 8px 8px 0; -} -@media only screen and (hover:hover) { - #edit-post-form input[type='radio'] + label:hover, - #edit-post-form input[type='radio']:focus + label { - background-color: #1f1f1f; - color: #fff; - } -} -#edit-post-form input[type='radio']:focus + label { - color: #fff; - box-shadow: - 0 0 0 1px #484848; -} -#edit-post-form input[type='radio']:checked + label { - background-color: #1f1f1f; - border-color: #1f1f1f; - color: #fff; - text-shadow: - 0 -1px 0 #000, - 0 0.5px 0.5px #fff; -} - -/*=======*/ -/* LINKS */ -/*=======*/ - -a { - text-decoration: none; - color: #0cc800; -} -a:visited { - color: #76cc54; -} -a:hover { - text-decoration: underline; -} - -/*=========*/ -/* BUTTONS */ -/*=========*/ - -button, -input[type='submit'] { - color: #0cc800; -} - -button:active, -input[type='submit']:active { - color: #0090e0; - transform: scale(0.9); -} -.button:visited { - color: #0cc800; -} -.button:active { - transform: scale(0.9); -} -@-moz-document url-prefix() { - .button:active { - transform: none; - } -} - -@media only screen and (hover:hover) { - button:hover, - input[type='submit']:hover, - button:focus, - input[type='submit']:focus { - color: #0090e0; - text-shadow: 0 0 1px #000, 0 0 3px #000, 0 0 5px #000; - } - - .button:hover { - color: #0090e0; - text-shadow: 0 0 1px #000, 0 0 3px #000, 0 0 5px #000; - text-decoration: none; - } - .button:focus:not(:hover) { - transform: none; - } -} - -/*==========*/ -/* HEADINGS */ -/*==========*/ - -.body-text h1, -.body-text h2, -.body-text h4 { - font-family: 'Concourse', 'a_Avante', 'Assistant', Arial, 'GW-Symbols', sans-serif; -} -.body-text h3, -.body-text h5, -.body-text h6 { - font-weight: 600; - font-family: 'Concourse Smallcaps', 'a_Avante', 'Assistant', Arial, 'GW-Symbols', sans-serif; -} -.body-text h6 { - color: #9b9b9b; -} -.body-text h1 { - border-bottom: 1px solid #484848; -} - -/*========*/ -/* QUOTES */ -/*========*/ - -blockquote { - border-left: 5px solid #2c2c2c; -} - -/*========*/ -/* IMAGES */ -/*========*/ - -#content img, -#content figure.image img { - border: 1px solid #2c2c2c; -} -#content figure img { - border: 1px solid #fff; -} -#content img[src$='.svg'], -#content figure img[src$='.svg'] { - border: none; -} -#content img[style^='float'] { - border: 1px solid transparent; -} - -/*========*/ -/* TABLES */ -/*========*/ - -#content:not(.tag-index-page) .body-text table, -#content:not(.tag-index-page) .body-text table th, -#content:not(.tag-index-page) .body-text table td { - border: 1px solid #2c2c2c; -} - -/*======*/ -/* MISC */ -/*======*/ - -hr { - border-bottom: 1px solid #575756; -} - -code { - background-color: #0b0b00; - border: 1px solid #1d1f00; - border-radius: 4px; -} - -input[type='text'], -input[type='search'], -input[type='password'] { - background-color: #000; - border: 1px solid #1f1f1f; - color: #fff; -} -input[type='text']:focus, -input[type='search']:focus, -input[type='password']:focus { - background-color: #00001e; - border: 1px solid #393939; - box-shadow: 0 0 1px #393939; -} - -select { - color: #fff; -} - - -/*============*/ -/* ABOUT PAGE */ -/*============*/ - -.about-page mark { - background-color: #191919; - text-decoration: none; - box-shadow: - 0 -1px 0 0 #fff inset, - 0 -3px 1px -2px #fff inset; - padding: 0 1px; -} - -#content.about-page .accesskey-table { - font-family: 'Concourse', 'a_Avante', 'Assistant', Arial, 'GW-Symbols', sans-serif; - border-color: #1f1f1f; -} - -#content.about-page img { - border: 1px solid #fff; -} - -/*========================*/ -/* QUALIFIED HYPERLINKING */ -/*========================*/ - -#aux-about-link a { - color: #777; -} -#aux-about-link a:hover { - opacity: 1.0; - text-shadow: 0 0 1px #000, 0 0 3px #000, 0 0 5px #000; -} - -.qualified-linking label { - color: #0cc800; -} -.qualified-linking label:hover { - text-shadow: - 0 0 1px #000, - 0 0 3px #000, - 0 0 5px #0cc800; -} - -.qualified-linking-toolbar { - border: 1px solid #fff; - background-color: #000; -} -.qualified-linking-toolbar a { - background-color: #131313; - border: 1px solid #2c2c2c; - border-radius: 4px; -} -.qualified-linking-toolbar a:visited { - color: #0cc800; -} -.qualified-linking-toolbar a:hover { - text-decoration: none; - background-color: #1f1f1f; - text-shadow: 0 0 1px #000, 0 0 3px #000, 0 0 5px #000; -} -.qualified-linking label::after { - background-color: #232323; - opacity: 0.8; -} - -/*======*/ -/* MATH */ -/*======*/ - -.mathjax-block-container::-webkit-scrollbar { - height: 12px; - background-color: #0b0b00; - border-radius: 6px; - border: 1px solid #1d1f00; -} -.mathjax-block-container::-webkit-scrollbar-thumb { - background-color: #1e1f13; - border-radius: 6px; - border: 1px solid #282c11; -} -.mathjax-inline-container::-webkit-scrollbar { - height: 8px; - background-color: #0b0b00; - border-radius: 4px; - border: 1px solid #1d1f00; -} -.mathjax-inline-container::-webkit-scrollbar-thumb { - background-color: #1e1f13; - border-radius: 4px; - border: 1px solid #282c11; -} - - -/*===============*/ -/* USER MENTIONS */ -/*===============*/ - -.textarea-container .autocomplete-container { - background-color: rgba(0, 3, 64, 0.75); - border: 1px solid rgba(10, 200, 0, 0.75); -} - -.textarea-container .autocomplete-container div.highlighted { - background-color: rgba(10, 200, 0, 0.75); - color: #000; -} - -.textarea-container .autocomplete-container div:not(.highlighted):hover { - background-color: rgba(10, 200, 0, 0.25); -} - -.textarea-container .autocomplete-container div span.age, -.textarea-container .autocomplete-container div span.karma { - color: #666; -} - - -/*=================*/ -/* ALIGNMENT FORUM */ -/*=================*/ - -#content.alignment-forum-index-page::before { - background-color: #131100; -} -#content.alignment-forum-index-page::after { - font-family: "Concourse SmallCaps"; - font-weight: bold; - background-color: #658100; - -webkit-background-clip: text; - color: transparent; - text-shadow: - rgba(0, 0, 0, 0.5) 0px 3px 3px;; -} -@media only screen and (hover: hover) { - #content.alignment-forum-index-page h1.listing a:hover, - #content.alignment-forum-index-page h1.listing a:focus { - background-color: rgba(19, 17, 0, 0.85); - } -} - -/*====================*/ -/* FOR NARROW SCREENS */ -/*====================*/ - -@media only screen and (max-width: 1440px) { - #hns-date-picker { - background-color: #232323; - opacity: 1.0; - } - #hns-date-picker::before { - border: 1px solid #575756; - border-width: 1px 0 1px 1px; - } -} -@media only screen and (max-width: 1160px) { - #theme-selector:hover::after { - background-color: #575756; - } -} -@media only screen and (max-width: 1080px) { - #text-size-adjustment-ui button { - border: 1px solid #575756; - padding: 0 0 0 1px; - border-radius: 50%; - box-shadow: - 0 0 6px #575756 inset, - 0 0 0 1px transparent; - } - #theme-tweaker-toggle button { - border: 1px solid #575756; - box-shadow: - 0 0 10px #575756 inset, - 0 0 0 1px transparent; - border-radius: 50%; - transform: scale(0.8); - } -} -@media only screen and (max-width: 1020px) { - #quick-nav-ui a { - box-shadow: - 0 0 0 1px #575756, - 0 0 0 2px transparent; - } - #new-comment-nav-ui .new-comments-count::before { - background-color: #232323; - box-shadow: - 0 0 0 1px #575756, - 0 0 0 2px transparent; - border-radius: 8px; - } - #anti-kibitzer-toggle { - box-shadow: - 0 0 0 1px #575756, - 0 0 0 2px transparent; - background-color: #232323; - border-radius: 6px; - overflow: hidden; - } -} -@media only screen and (max-width: 1000px) { - #theme-selector { - background-color: #232323; - box-shadow: - 0 0 0 1px #575756, - 0 0 0 2px transparent; - } - #theme-selector:hover::after { - width: calc(6em - 3px); - height: calc(100% - 5px); - top: 3px; - left: 100%; - } - #text-size-adjustment-ui button { - background-color: #1f1f1f; - } - #text-size-adjustment-ui button:hover { - background-color: #131313; - } - #theme-tweaker-toggle button { - background-color: #1f1f1f; - } -} - -/*========*/ -/* MOBILE */ -/*========*/ - -/*******************************************/ -@media only screen and (max-width: 1160px) { -/*******************************************/ - - #ui-elements-container > div[id$='-ui-toggle'] button { - color: #666; - text-shadow: - 0 0 1px #000, - 0 0 3px #000, - 0 0 5px #000, - 0 0 10px #000, - 0 0 20px #000, - 0 0 30px #000; - } - - #theme-selector { - background-color: #232323; - box-shadow: - 0 0 0 1px #575756, - 0 0 1px 3px #000, - 0 0 3px 3px #000, - 0 0 5px 3px #000, - 0 0 10px 3px #000, - 0 0 20px 3px #000; - border-radius: 12px; - } - #theme-selector::before, - #theme-selector .theme-selector-close-button { - color: #888; - text-shadow: 0.5px 0.5px 0 #000; - } - #theme-selector button { - background-color: #191919; - border-radius: 10px; - } - #theme-selector button::after { - color: #fff; - padding-bottom: 2px; - max-width: calc(100% - 3.25em); - overflow: hidden; - text-overflow: ellipsis; - } - #theme-selector button.selected::after { - text-shadow: - 0 -1px 0 #000, - 0 0.5px 0.5px #fff; - } - - #theme-selector .auxiliary-controls-container { - border-top-color: #575756; - } - #theme-selector .auxiliary-controls-container button { - background-color: #191919; - box-shadow: - 0 0 10px 0 #575756 inset, - 0 0 0 1px transparent; - border: 1px solid #575756; - } - #theme-selector #anti-kibitzer-toggle button::before, - #theme-selector #anti-kibitzer-toggle button::after { - background-color: #aeaeae; - } - #theme-selector #dark-mode-selector { - background-color: #191919; - box-shadow: - 0 0 10px 0 #575756 inset, - 0 0 0 1px transparent; - border: 1px solid #575756; - } - #theme-selector #dark-mode-selector button.selected { - background-color: #575756; - border-radius: 8px; - box-shadow: 0 0 2px 0 #575756; - } - - #quick-nav-ui { - background-color: #000; - } - #quick-nav-ui, - #new-comment-nav-ui, - #hns-date-picker { - box-shadow: - 0 0 1px 3px #000, - 0 0 3px 3px #000, - 0 0 5px 3px #000, - 0 0 10px 3px #000, - 0 0 20px 3px #000; - } - #quick-nav-ui a::after, - #new-comment-nav-ui::before { - font-family: 'Concourse', 'a_Avante', 'Assistant', Arial, 'GW-Symbols', sans-serif; - font-weight: 600; - box-shadow: - 0 0 1px 0 #000, - 0 0 3px 0 #000, - 0 0 5px 0 #000; - background-color: #000; - border-radius: 4px; - } - #quick-nav-ui, - #new-comment-nav-ui { - border-radius: 8px; - } - #new-comment-nav-ui { - background-color: #232323; - border: 1px solid #575756; - } - #new-comment-nav-ui::before { - color: #777; - } - #new-comment-nav-ui .new-comment-sequential-nav-button { - box-shadow: 0 0 0 1px #575756; - color: #777; - } - #new-comment-nav-ui .new-comments-count { - background-color: inherit; - box-shadow: 0 -1px 0 0 #575756; - } - #new-comment-nav-ui .new-comment-sequential-nav-button:disabled { - color: #393939; - } - #new-comment-nav-ui .new-comment-sequential-nav-button.new-comment-previous { - border-radius: 7px 0 0 7px; - } - #new-comment-nav-ui .new-comment-sequential-nav-button.new-comment-next { - border-radius: 0 7px 7px 0; - } - #new-comment-nav-ui button::after { - font-family: 'Concourse', 'a_Avante', 'Assistant', Arial, 'GW-Symbols', sans-serif; - } - - /*****************************************/ - @media only screen and (max-width: 900px) { - /*****************************************/ - h1.listing { - font-size: 1.75rem; - line-height: 1; - } - h1.listing .link-post-link { - top: 2px; - } - h1.listing + .post-meta .karma-value, - h1.listing + .post-meta .comment-count, - h1.listing + .post-meta .lw2-link, - h1.listing + .post-meta .read-time { - bottom: 0; - } - h1.listing + .post-meta .post-section::before { - position: unset; - } - h1.listing + .post-meta .post-section { - overflow: visible; - order: 1; - } - h1.listing + .post-meta .link-post-domain { - order: 2; - line-height: 1; - flex-basis: 100%; - } - h1.listing + .post-meta::after { - bottom: -10px; - } - #content.user-page h1.listing + .post-meta { - margin-bottom: 1em; - } - #content.user-page h1.link-post-listing::after { - height: calc(100% + 2em); - } - - #nav-item-search button::before { - color: #0cc800; - } - - .archive-nav > *[class^='archive-nav-'] + *[class^='archive-nav-']::before { - background-color: #484848; - } - - .comment-item .comment-item { - margin: 0.75em 2px 4px 6px; - box-shadow: - 0 0 2px #2c2c2c, - 0 0 4px #2c2c2c, - 0 0 7px #2c2c2c; - } - .comment-item .comment-item + .comment-item { - margin: 1.5em 2px 4px 6px; - } - .comment-body { - font-size: 1.125rem; - } - - a.comment-parent-link:hover::before { - background-color: unset; - } - - .sublevel-nav:not(.sort) .sublevel-item, - .sublevel-nav:not(.sort) .sublevel-item:first-child, - .sublevel-nav:not(.sort) .sublevel-item:last-child { - border-radius: 8px; - border-width: 1px; - margin: 2px; - } - /*******************************************/ - } @media only screen and (max-width: 720px) { - /*******************************************/ - h1.listing { - margin: 10px 6px 6px 6px; - max-width: calc(100% - 12px); - font-size: 1.5rem; - padding-right: 35px; - } - #content.conversations-user-page h1.listing { - font-size: 1.5rem; - } - h1.listing + .post-meta { - margin: 0 6px 0 7px; - clear: both; - } - h1.listing + .post-meta { - padding: .25em 254px 0 0; - } - h1.listing + .post-meta::after { - bottom: -2px; - } - h1.listing + .post-meta > * { - line-height: 1; - display: block; - } - #content.conversations-user-page h1.listing + .post-meta > * { - line-height: 1.5; - } - h1.listing + .post-meta .date, - h1.listing + .post-meta .author { - line-height: 1.3; - } - h1.listing + .post-meta .karma-value, - h1.listing + .post-meta .comment-count, - h1.listing + .post-meta .lw2-link, - h1.listing + .post-meta .read-time { - top: unset; - font-size: 1rem; - box-shadow: none; - } - h1.listing + .post-meta .karma-value::before, - h1.listing + .post-meta .comment-count::before, - h1.listing + .post-meta .lw2-link::before, - h1.listing + .post-meta .read-time::before { - box-shadow: none; - } - h1.listing + .post-meta .karma-value, - h1.listing + .post-meta .comment-count, - h1.listing + .post-meta .read-time, - h1.listing + .post-meta .lw2-link { - bottom: 4px; - } - - h1.listing + .post-meta .karma-value { - right: 192px; - } - h1.listing + .post-meta .karma-value::before { - text-shadow: 0.5px 0.5px 0.5px #575756; - } - h1.listing + .post-meta .comment-count { - right: 132px; - } - h1.listing + .post-meta .read-time { - right: 56px; - } - h1.listing + .post-meta .lw2-link { - opacity: 1; - right: 0; - } - h1.listing + .post-meta .link-post-domain { - margin: 0; - line-height: 1.3; - overflow: hidden; - text-overflow: ellipsis; - } - h1.listing + .post-meta .post-section::before { - position: absolute; - left: unset; - right: 0; - bottom: 30px; - top: unset; - } - h1.listing a { - display: inline; - } - /*******************************************/ - } @media only screen and (max-width: 520px) { - /*******************************************/ - h1.listing + .post-meta { - padding: .25em 144px 0 0; - flex-flow: column; - } - #content.conversations-user-page h1.listing + .post-meta { - flex-flow: row wrap; - } - h1.listing + .post-meta .date { - margin: 0.375em 0 0.25em 0; - line-height: 1; - } - #content.user-page h1.listing::after { - height: calc(100% + 2.125em); - } - #content.user-page h1.link-post-listing::after { - height: calc(100% + 3.125em); - } - #content.user-page:not(.conversations-user-page) h1.listing + .post-meta { - padding: 0.25em 144px 0.5em 36px; - } - #content.conversations-user-page h1.listing + .post-meta .date { - margin: 0 0 0 1em; - } - - h1.listing + .post-meta .karma-value { - bottom: 28px; - right: 56px; - } - h1.listing + .post-meta .comment-count { - bottom: 28px; - right: 0; - } - h1.listing + .post-meta .read-time { - right: 56px; - bottom: 4px; - } - h1.listing + .post-meta .lw2-link { - right: 0; - bottom: 4px; - } - h1.listing + .post-meta .link-post-domain { - max-width: 100%; - } - h1.listing + .post-meta .post-section::before { - right: 120px; - } - - #content.compact > .comment-thread .comment-item { - max-height: 110px; - } - - .textarea-container:focus-within button:active { - background-color: #2c2c2c; - } - .textarea-container:focus-within .guiedit-mobile-auxiliary-button { - background-color: #131313; - border: 1px solid #1f1f1f; - border-radius: 6px; - } - .textarea-container:focus-within .guiedit-mobile-help-button.active { - border-color: #00a9ed; - box-shadow: - 0 0 0 1px #000, - 0 0 0 2px #00a9ed; - color: #00a9ed; - font-weight: 600; - } - #content.conversation-page .textarea-container:focus-within::after { - background-color: #000; - } - .textarea-container:focus-within .guiedit-buttons-container { - background-color: white; - border-top: 1px solid #1d1f00; - } - .textarea-container:focus-within button.guiedit { - background-color: #131313; - border: 1px solid #1f1f1f; - border-radius: 6px; - } - #markdown-hints::after { - color: #9740cb; - } - - #edit-post-form .post-meta-fields input[type='checkbox'] + label { - top: 2px; - } - #edit-post-form .post-meta-fields input[type='checkbox'] + label::before { - top: 1px; - } - /*******************************************/ - } @media only screen and (max-width: 320px) { - /*******************************************/ - h1.listing { - font-size: 1.25rem; - } - #content.user-page h1.listing::after { - height: calc(100% + 2.625em); - } - #content.user-page h1.link-post-listing::after { - height: calc(100% + 3.75em); - } - } -} - - -/*************/ -/* ACCORDIUS */ -/*************/ - -/*======*/ -/* TAGS */ -/*======*/ - -#tags { - order: 12; - display: flex; - flex-basis: 100%; - justify-content: center; - margin: 0; - flex-flow: row wrap; - align-items: flex-start; -} - -/*===============*/ -/* DEFAULT THEME */ -/*===============*/ - -/*++++++*/ -/* TAGS */ -/*++++++*/ - -#tags { - padding: 0.5em; -} -#tags::before { - content: "Tags:"; - margin: 0 0.25em 0 0; - opacity: 0.5; - line-height: 1; - align-self: center; -} -#tags a { - border-radius: 8px; - background-color: #110c06; - border: 1px solid #2e2416; - padding: 4px 8px 5px 8px; - line-height: 1; - margin: 0.25em; - font-size: 0.9375em; -} -#tags a:hover { - text-decoration: none; - background-color: #221806; -} -#tags a:active { - color: #00a1e8; -} diff --git a/www/css/style-dark.windows.css b/www/css/style-dark.windows.css deleted file mode 100644 index 2dea4b49..00000000 --- a/www/css/style-dark.windows.css +++ /dev/null @@ -1,8615 +0,0 @@ -body { - --invertible-display: none; - --inverted-display: initial; -} -/*************/ -/* VARIABLES */ -/*************/ - -:root { - --GW-comment-background-color-odd: transparent; - --GW-comment-background-color-even: transparent; - --GW-comment-background-color-target: transparent; - - --GW-toggle-widget-color: #666; - --GW-toggle-widget-hover-color: #aeaeae; - --GW-toggle-widget-shadow-color: rgba(0, 0, 0, 0.5); - - --inverted-display: none; -} - -/***************/ -/* BASE LAYOUT */ -/***************/ - -html { - box-sizing: border-box; - font-size: 16px; -} -*, *::before, *::after { - box-sizing: inherit; -} -script { - display: none !important; -} - -/*=------=*/ -/*= Body =*/ -/*=------=*/ - -body { - padding: 0; - margin: 0; -} -body::before { - background-color: inherit; - position: fixed; - width: 100%; - height: 100%; -} - -body.no-scroll { - overflow-y: scroll; - position: fixed; - width: 100%; -} - -/*=----------------------------=*/ -/*= Immediate children of body =*/ -/*=----------------------------=*/ - -body > * { - max-width: 900px; -} - -/* Special styles for special browsers. - (This one is a fix for Firefox’s built-in screenshot feature.) - */ -body > iframe[id^='firefox-screenshots'] { - max-width: unset; -} - -#content { - margin: 0 auto; - padding: 0 30px; - position: relative; - overflow: visible; - display: grid; - grid-template-columns: 2fr 1fr 2fr; -} -#content::before { - content: ""; - display: block; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - z-index: -1; - pointer-events: none; -} - -/*=---------=*/ -/*= Content =*/ -/*=---------=*/ - -#content > * { - grid-column: 1 / span 3; -} - -/*=----------------------=*/ -/*= Floating UI elements =*/ -/*=----------------------=*/ - -#ui-elements-container { - position: fixed; - height: 100vh; - top: 0; - left: 0; - right: 0; - margin: auto; - z-index: 10000; - pointer-events: none; -} -#ui-elements-container > * { - pointer-events: auto; -} - -/*=----------------=*/ -/*= Images overlay =*/ -/*=----------------=*/ -/* (To exclude images in posts from theme tweaks) */ - -#images-overlay { - position: absolute; - z-index: 1; - left: 0; - right: 0; - margin: auto; -} - -/***********/ -/* NAV BAR */ -/***********/ - -.nav-bar { - margin: 0 -30px; - display: flex; - order: -11; - z-index: 1; -} - -/*=---------------=*/ -/*= Nav bar items =*/ -/*=---------------=*/ - -.nav-item { - flex: 1 1 auto; -} -.nav-item * { - text-overflow: ellipsis; - white-space: nowrap; - overflow: hidden; -} -.nav-inner { - padding: 12px 30px; - text-align: center; - display: block; - position: relative; - line-height: inherit; - width: 100%; - background: unset; -} -.nav-bar-top:not(#primary-bar) .nav-inner { - padding: 4px 0; -} - -#nav-item-sequences .nav-inner::before { - font-family: "Font Awesome", "Font Awesome 5 Free"; - content: "\F5DB"; -} -@media only screen and (min-width: 901px) { - #nav-item-about .nav-inner { - margin-right: 0.5em; - } - #nav-item-sequences .nav-inner::before { - font-size: 1rem; - display: block; - } - #secondary-bar #nav-item-sequences .nav-inner { - font-size: 0; - line-height: 1.4; - } -} - -/*=------------=*/ -/*= Bottom bar =*/ -/*=------------=*/ - -#bottom-bar { - order: 11; -} -h1.listing ~ #bottom-bar { - margin-top: 1.25em; -} -#bottom-bar .nav-item { - flex: 1 1 0; -} - -/*=-----------------=*/ -/*= Accesskey hints =*/ -/*=-----------------=*/ - -.nav-inner::after { - content: attr(accesskey); - display: none; -} - -/*=---------------=*/ -/*= Pagination UI =*/ -/*=---------------=*/ - -#bottom-bar .nav-item a::before, -#top-nav-bar a::before { - font-family: "Font Awesome", "Font Awesome 5 Free"; - font-weight: 900; - font-size: 0.8em; - position: relative; - bottom: 1px; - margin-right: 0.5em; -} -#bottom-bar #nav-item-first a::before, -#top-nav-bar a.nav-item-first::before { - content: "\F33e"; -} -#bottom-bar #nav-item-top a::before { - content: "\F062"; -} -#bottom-bar #nav-item-prev a::before, -#top-nav-bar a.nav-item-prev::before { - content: "\F060"; -} -#bottom-bar #nav-item-next a::before, -#top-nav-bar a.nav-item-next::before { - content: "\F061"; -} -#bottom-bar #nav-item-last a::before, -#top-nav-bar a.nav-item-last::before { - content: "\F340"; -} -#bottom-bar #nav-item-next a::before { - margin-left: -2em; - margin-right: 0; - left: 3.8em; -} -#bottom-bar #nav-item-last a::before { - margin-left: -1.8em; - margin-right: 0; - left: 3.4em; -} - -/*= Hover tooltips =*/ - -#top-nav-bar a { - position: relative; -} -#top-nav-bar a::after { - bottom: calc(100% - 3px); - content: attr(data-target-page); -} -#top-nav-bar a::after { - display: block; - position: absolute; - font-size: 0.75rem; - width: 100%; - line-height: 1; - visibility: hidden; -} -#top-nav-bar a:hover::after, -#bottom-bar a:hover::after { - visibility: visible; -} - -/*=-----------------------=*/ -/*= Decorative bottom bar =*/ -/*=-----------------------=*/ -/* (On short pages with no pagination) */ - -#bottom-bar.decorative { - position: relative; -} -#bottom-bar.decorative .nav-item { - display: none; -} - -/*=------------=*/ -/*= Search tab =*/ -/*=------------=*/ - -#nav-item-search { - flex: 4 1 auto; -} -#nav-item-search form::before { - content: "\F002"; - font-family: "Font Awesome", "Font Awesome 5 Free"; - font-weight: 900; - display: inline-block; - vertical-align: top; - height: 23px; - width: 23px; -} -#nav-item-search input { - height: 23px; - width: calc(95% - 80px); - padding: 1px 4px; -} -#nav-item-search button { - height: 21px; -} - -/*=-----------=*/ -/*= Login tab =*/ -/*=-----------=*/ - -#nav-item-login { - position: relative; - padding-right: 0.5em; -} - -/*******************/ -/* INBOX INDICATOR */ -/*******************/ - -#inbox-indicator { - position: absolute; - top: 1px; - right: 0; - height: 100%; - visibility: hidden; -} -#inbox-indicator::before { - content: "\F0E0"; - font-family: "Font Awesome", "Font Awesome 5 Free"; - color: #393939; - font-size: 1.1875rem; - position: absolute; - height: 100%; - right: 0; - top: 0; - padding: 0 0.45em; - visibility: visible; - font-weight: 900; -} -#inbox-indicator.new-messages::before { - color: #0090e0; - text-shadow: - 0 0 1px #777, - 0.5px 0.5px 1px #777; -} -a#inbox-indicator:hover::before { - color: #000; - text-shadow: - 0 0 1px #fff, - 0 0 2px #fff, - 0 0 4px #fff, - 0 0 1px #777, - 0.5px 0.5px 1px #777; -} -a#inbox-indicator.new-messages:hover::before { - text-shadow: - 0 0 1px #0090e0, - 0 0 2px #0090e0, - 0 0 4px #0090e0, - 0 0 1px #777, - 0.5px 0.5px 1px #777; -} - -/****************/ -/* PAGE TOOLBAR */ -/****************/ - -.page-toolbar { - font-size: 0.9em; - line-height: 1.8; - text-align: right; - margin-right: -20px; -} -#content > .page-toolbar { - grid-column: 3; - grid-row: span 3; -} -#content.user-page > .page-toolbar { - grid-column: 2 / span 2; - order: -4; -} - -/*=--------------------------=*/ -/*= Page toolbar items (all) =*/ -/*=--------------------------=*/ - -.page-toolbar > * { - display: inline-block; - margin-left: 1.5em; -} -.page-toolbar > form button { - padding: 0; - text-align: right; - white-space: unset; -} -.page-toolbar > form button::before { - text-align: center; -} -.page-toolbar .button::before { - font-family: "Font Awesome", "Font Awesome 5 Free"; - font-size: 0.9em; - padding-right: 0.3em; -} - -/*=-------------------------------=*/ -/*= Page toolbar items (specific) =*/ -/*=-------------------------------=*/ - -.new-post::before { - content: '\F067'; - font-weight: 900; -} -.new-private-message::before { - content: '\F075'; - font-weight: 400; -} -.logout-button::before { - content: '\F2F5'; - font-weight: 900; -} -#enable-push-notifications::before { - content: '\F0F3'; - font-weight: 400; -} -.ignore-button::before { - content: "\F070"; - font-weight: 400; -} -.unignore-button::before { - content: "\F06E"; - font-weight: 400; -} -.rss::before { - content: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPiANCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIGlkPSJSU1NpY29uIiB2aWV3Qm94PSIwIDAgMjU2IDI1NiI+DQo8ZGVmcz4NCjxsaW5lYXJHcmFkaWVudCB4MT0iMC4wODUiIHkxPSIwLjA4NSIgeDI9IjAuOTE1IiB5Mj0iMC45MTUiIGlkPSJSU1NnIj4NCjxzdG9wICBvZmZzZXQ9IjAuMCIgc3RvcC1jb2xvcj0iI0UzNzAyRCIvPjxzdG9wICBvZmZzZXQ9IjAuMTA3MSIgc3RvcC1jb2xvcj0iI0VBN0QzMSIvPg0KPHN0b3AgIG9mZnNldD0iMC4zNTAzIiBzdG9wLWNvbG9yPSIjRjY5NTM3Ii8+PHN0b3AgIG9mZnNldD0iMC41IiBzdG9wLWNvbG9yPSIjRkI5RTNBIi8+DQo8c3RvcCAgb2Zmc2V0PSIwLjcwMTYiIHN0b3AtY29sb3I9IiNFQTdDMzEiLz48c3RvcCAgb2Zmc2V0PSIwLjg4NjYiIHN0b3AtY29sb3I9IiNERTY0MkIiLz4NCjxzdG9wICBvZmZzZXQ9IjEuMCIgc3RvcC1jb2xvcj0iI0Q5NUIyOSIvPg0KPC9saW5lYXJHcmFkaWVudD4NCjwvZGVmcz4NCjxyZWN0IHdpZHRoPSIyNTYiIGhlaWdodD0iMjU2IiByeD0iNTUiIHJ5PSI1NSIgeD0iMCIgIHk9IjAiICBmaWxsPSIjQ0M1RDE1Ii8+DQo8cmVjdCB3aWR0aD0iMjQ2IiBoZWlnaHQ9IjI0NiIgcng9IjUwIiByeT0iNTAiIHg9IjUiICB5PSI1IiAgZmlsbD0iI0Y0OUM1MiIvPg0KPHJlY3Qgd2lkdGg9IjIzNiIgaGVpZ2h0PSIyMzYiIHJ4PSI0NyIgcnk9IjQ3IiB4PSIxMCIgeT0iMTAiIGZpbGw9InVybCgjUlNTZykiLz4NCjxjaXJjbGUgY3g9IjY4IiBjeT0iMTg5IiByPSIyNCIgZmlsbD0iI0ZGRiIvPg0KPHBhdGggZD0iTTE2MCAyMTNoLTM0YTgyIDgyIDAgMCAwIC04MiAtODJ2LTM0YTExNiAxMTYgMCAwIDEgMTE2IDExNnoiIGZpbGw9IiNGRkYiLz4NCjxwYXRoIGQ9Ik0xODQgMjEzQTE0MCAxNDAgMCAwIDAgNDQgNzMgViAzOGExNzUgMTc1IDAgMCAxIDE3NSAxNzV6IiBmaWxsPSIjRkZGIi8+DQo8L3N2Zz4NCg=='); - display: inline-block; - width: 1em; - padding-right: 0.2em; - position: relative; - top: 1px; -} - -/*********************/ -/* TOP PAGINATION UI */ -/*********************/ - -#top-nav-bar { - grid-column: 2; - margin: 0.25em 0 0 0; - padding: 0.75em 0 0 0; - text-align: center; - font-size: 1.25em; - display: flex; - justify-content: center; -} -#top-nav-bar a { - line-height: 1; -} -#top-nav-bar a.disabled { - pointer-events: none; - visibility: hidden; -} -#top-nav-bar .page-number { - position: relative; - display: inline-block; - width: 1.5em; -} -#top-nav-bar .page-number-label { - position: absolute; - font-size: 0.5em; - text-transform: uppercase; - width: 100%; - bottom: 90%; - left: 0; -} -#top-nav-bar a::before { - margin: 0.5em; - display: inline-block; -} - -/****************/ -/* SUBLEVEL NAV */ -/****************/ - -.sublevel-nav { - text-align: center; - display: flex; - justify-content: center; - margin: 1em 0 0 0; -} -#content > .sublevel-nav:not(.sort) { - grid-column: 2; - align-self: start; -} -.sublevel-nav .sublevel-item { - flex: 0 0 6em; - padding: 0.125em 0.5em; - font-size: 1.125rem; -} -.sublevel-nav .sublevel-item:active { - transform: none; -} -.sublevel-nav .sublevel-item.selected { - cursor: default; -} - -/***********************/ -/* SORT ORDER SELECTOR */ -/***********************/ - -.sublevel-nav.sort { - position: relative; - margin-top: 8px; - font-size: 0.75em; -} -#content > .sublevel-nav.sort { - grid-column: 3; - grid-row: span 2; - justify-self: end; - align-self: start; - flex-flow: column; -} -#content.index-page > .sublevel-nav.sort { - grid-column: 1; - justify-self: start; - flex-flow: row; -} - -.sublevel-nav.sort::before { - content: "Sort"; - font-size: 0.75rem; - position: absolute; - top: 0; - left: 0; - width: 100%; -} -.sublevel-nav.sort .sublevel-item { - line-height: 1; - font-size: 0.875rem; - flex-basis: unset; -} - -/*******************************/ -/* COMMENTS SORT MODE SELECTOR */ -/*******************************/ - -.comments > .sublevel-nav.sort { - margin: 1em auto 0 auto; -} -@supports (width: -moz-fit-content) { - .comments > .sublevel-nav.sort { - width: -moz-fit-content; - } -} -@supports (width: fit-content) { - .comments > .sublevel-nav.sort { - width: fit-content; - } -} - - -/**********************/ -/* DARK MODE SELECTOR */ -/**********************/ - -#dark-mode-selector { - position: absolute; - top: 4px; - right: -78px; - display: flex; - opacity: 0.4; -} -#dark-mode-selector:hover { - opacity: 1.0; -} - -/*=---------=*/ -/*= Buttons =*/ -/*=---------=*/ - -#dark-mode-selector button { - font-family: "Font Awesome", "Font Awesome 5 Free"; - font-size: 1.125rem; - width: 24px; - height: 24px; - padding: 0; - line-height: 1; - font-weight: 400; -} -#dark-mode-selector button.select-mode-auto { -} -#dark-mode-selector button.select-mode-light { - font-size: 1.25rem; - padding: 1px 0 0 1px; -} -#dark-mode-selector button.select-mode-dark { - font-weight: 300; - font-size: 1.25rem; - padding: 1px 0 0 4px; -} -#dark-mode-selector button.select-mode-dark.selected { - font-weight: 400; -} -#dark-mode-selector button:disabled:active { - transform: none; -} -#dark-mode-selector button:disabled:hover { - cursor: default; -} - -/*=----------------=*/ -/*= Hover tooltips =*/ -/*=----------------=*/ - -#dark-mode-selector button::after { - content: attr(data-name); - font-family: 'Concourse', 'a_Avante', 'GW-Symbols'; - font-weight: normal; - position: absolute; - display: block; - left: 0; - width: 100%; - text-align: center; - top: 92px; - font-size: 1rem; - visibility: hidden; -} -#dark-mode-selector button.selected::after { - content: attr(data-name) " (selected)"; -} -#dark-mode-selector button:hover:not(:active)::after { - visibility: visible; -} - - -/******************/ -/* WIDTH SELECTOR */ -/******************/ - -#width-selector { - position: absolute; - top: 40px; - right: -78px; -} -#width-selector button { - width: 22px; - height: 22px; - padding: 6px; - margin: 1px; - overflow: hidden; - background-repeat: no-repeat; - background-size: 100%; - background-origin: content-box; -} -#width-selector button, -#width-selector button:active, -#width-selector button:focus { - text-shadow: none; - color: transparent; -} -#width-selector button:disabled { - cursor: auto; -} -#width-selector button.select-width-normal { - background-image: url('data:image/gif;base64,R0lGODdhFAAUAJEAAAAAAKqqqv///wAAACH5BAkAAAMALAAAAAAUABQAAAIqnI+py+0PU5hB0Sqp1Xlu32HI9YkHGZZqyo6cC8Kmgcqr3Z5vxPf+nygAADs='); -} -#width-selector button.select-width-wide { - background-image: url('data:image/gif;base64,R0lGODdhFAAUAJEAAAAAAKqqqv///wAAACH5BAkAAAMALAAAAAAUABQAAAIrnI+py+0PT5jB0TqupUY37zEg95HhMk6bmpGi6aIw+7KnkmK1HvX+DzwUAAA7'); -} -#width-selector button.select-width-fluid { - background-image: url('data:image/gif;base64,R0lGODdhFAAUAJEAAAAAAKqqqv///wAAACH5BAkAAAMALAAAAAAUABQAAAIwnI+py+0/ApIwUGOfvTGzzYELGIoTiZpdylJte7xoQp7beMc5XnL4CYlMgsSisVEAADs='); -} - -/*=----------------=*/ -/*= Hover tooltips =*/ -/*=----------------=*/ - -#width-selector button::after { - content: attr(data-name); - position: absolute; - display: block; - left: 0; - width: 100%; - text-align: center; - top: 56px; - visibility: hidden; -} -#width-selector button.selected::after { - content: attr(data-name) " (selected)"; -} -#width-selector button:hover:not(:active)::after { - visibility: visible; -} - -head.content-width-normal + body > * { - max-width: 900px; -} -head.content-width-wide + body > * { - max-width: 1150px; -} -head.content-width-fluid + body > * { - max-width: calc(100% - 300px); -} - -/******************/ -/* THEME SELECTOR */ -/******************/ - -#theme-selector { - position: absolute; - top: 3px; - left: -41px; - opacity: 0.4; - display: table; - max-width: 40px; -} -#theme-selector:hover { - opacity: 1.0; -} - -/*=----------------------=*/ -/*= Theme select buttons =*/ -/*=----------------------=*/ - -.theme-selector button { - display: table-cell; - width: 26px; - height: 26px; - padding: 5px; - margin: 1px 7px 0 7px; - color: transparent; - background-size: 16px 16px; - background-origin: content-box; -} -.theme-selector button, -.theme-selector button:hover, -.theme-selector button:active, -.theme-selector button:focus { - text-shadow: none; - color: transparent; -} -.theme-selector button:disabled { - cursor: auto; -} - -/*=----------------------------=*/ -/*= Pre-rendered button images =*/ -/*=----------------------------=*/ -/* (Each is just a capital letter A through whatever) */ - -.theme-selector button:nth-of-type(1) { - background-image: url('data:image/gif;base64,R0lGODlhIAAgAPYAMQAAAAAAIwAAPgAAXAAAZAAAdAMchQMedAgyjQg0fA1ZsQ5hsSMAACdyujYAADmDxD0AAUGVzU6VzVoAAV6n4WIAAXIAAn/E64MgA4fE65Q8BJjGsZjN9ZnX/51MBJ5kJKHh/6ZLBadbJLBjJLPr/7l0JLzr/8b1/87Ozs7X4c/s69aXTdn//+CpZOCzZOHh4eL//+mydOvizuvr4ez///TFhfTPl/X///7ssv7su//2xP/2zv//2P//4f//6///9f///9GZfwAAQKS0df9/AABA/7bRmX8AAOB8tHX/fwAAQAoTUf9/AAClfu6S/38AACcAAAAAAAAAIFRt0QEAAABApLR1/38AAFhu75L/fwAAwAoTUf9/AAB6We6S/38AANAKE1H/fwAAelnukv9/AAAIAAAAAAAAAAAAAAAAAAAAw5+/neBPABQAAAAAAAAAALDhvNBmRklHTk9LRwAAAAAAAAAA/38AALJyKw8BAAAAAAAAAAAAAAAAAAAAAAAAACwAAAAAIAAgAAAHrIBAgoOEhYaHiImKi4yNjo+QkZKTlJWGMiiZKZaEPRUAoAEmnII2oKcUpEAlp6AIN5w8E60AASScNaEbswASnCOgBDAhoAY0lTsQoAtALqcglTGnF0A5DqAPlR6htz0WoAUwkzrXtK0cky3mtA2SPxrrrQMskTgMoAkqL/szH6cZkVacilAoFygFkHxgONWhUDJQAk480qEMwAFxhUScQqeqo8ePIEOKHElSUCAAOw=='); -} -.theme-selector button:nth-of-type(2) { - background-image: url('data:image/gif;base64,R0lGODlhIAAgAPUAMerbtOrlvOrq4Orq6uvq6uy8e+zq6u23cu3Bi+3Vzu3e6u3q6u7Lo+/U1/DOzvDq6vLe6vLj6vLq6vO6q/O6tPTI4PTe6vZlCfZqCfaTcvbN6vbT6vdTCfhPCfhTCfh3XPirtPi+4PlPCflTCfllOvlpNPlyVvlyXPlzSPmbq/pPCfpTCfp6gvqMtPtMa/tNSPtNVftOIvtONPtOOvtPCftoVvt4o/uHtPxYgvxbOvxwm/x4owEAAABApLR1/38AACwAAAAAIAAgAAAGn8CBcEgsGo/IpHLJbDqf0Kh0Sq0OE45stqGwDgQcmnhMk6UWVMGFzNYRpmpaDESZZFRjDXz9igwDHWIhezQzFkRrNINScTMSQwhiMRuENDUmKCNjLWmJbDQuD51iOSQkK3I0MBCEM35CDCJiN62HQwdiOGhRjbZCBbm7UI2PQgAeYjuVJx8fJWSLvJ6fNgZwGJ8xLBVe3d7f4OHi4+TeQQA7'); -} -.theme-selector button:nth-of-type(3) { - background-image: url('data:image/gif;base64,R0lGODlhIAAgAPUAMXVzX3V0X3V1aHV1bHV1dXhxV3h1dYBvS4BwX4BybIB1dYdtR4duS4hycIh1dYxvbIxwbIxydZNxcJhwcKhtX6xrV7BgILBraLBsaLlfHrlpT7lwdbxudcFvdcVgOMpmU8pnV85kU9JjRNtYIdtiS9tobNtocOBocORWHuRaMelQCO1PCO1eW/JPCPJSCPJZSPJbVPJdX/dTOfdbW/tOHvtOIftPCftPKPtRSPxTSPxUSzD4DwEAAABApLR1/38AACwAAAAAIAAgAAAGjkCCcEgsGo/IpHLJbDqf0Kh0Sq0eE5VPCHSJWAmIkW1MtsEUVEZ5rUNLAyvyC0PRoGwmaoZcKjYMUwIqYzFfRAdjNRuGQwtjOQ6MQo42OJGSlJaSBJSQm4g2NB2bgmMzmwQWZCxuQg2tUQAtZDckIikuNidVBbNrY3lVAx6/MhyMDxMQErCozs/Q0dLTT0EAOw=='); -} -.theme-selector button:nth-of-type(4) { - background-image: url('data:image/gif;base64,R0lGODlhIAAgAPUAMQEA5AEA5QEA5wEA6QYh5AYi3go+3BsA6RwY5SoA6TJo0jJu0joX6Txn2z120Ese6U1u1019z1YA6VhR41qFy15t22Ut6WZ1122bxm2byHEc6XObxHupxIZP6YeD3oipxoiywoxP55Ne55SR15tk5ptk55tr5qOhz6TBwamQ3qmoz6qxyKq4wrGJ4rLBwbin1rnBwcC318C4y8HAx8HAzsHBwcHBwsHBxIBYjdOZfwAAQDcTUf9/AACAPPGS/38AACwAAAAAIAAgAAAGkcCacEgsGo/IpHLJbDqf0Kh0Sq0OZaps9rSyCkuDsHgguMCqprE68KGmB43RyPMYg6bvDTF1CBvwYRlFLWIcUm+CRDQSgYeNRDYhYQuOA4lEImERlZdDJGEKnEUzGmEUokQxCWEYqEI3HWEAKJV6Qi8WYg6AAwQTEwxjBS68amEQZ8ViCBUsXs/Q0dLT1NXW0EEAOw=='); -} -.theme-selector button:nth-of-type(5) { - background-image: url('data:image/gif;base64,R0lGODlhIAAgAPUAMQAAAAAANwAAPgAATAMjNyQ0dCQ3Pjc3Nzc7fDhMXD4+Pkw+PltMXGRkZIapsYfD9YsfA5DN9ZQ8BJVMBJjN9bGxsbPh9bu7u8b1/8///9j1/9n//+HX4eHh4eL//+z///Xr4f//9f///zuAzZl/AABgO4DNmX8AAAEAAAAAAAAAwAkTUf9/AABfjBuN/38AAAAAAAAAAAAAAgAAAAEAAAAA3kQRAQAAAAQAAAABAAAAADD4DwEAAABApLR1/38AACwAAAAAIAAgAAAGekCRcEgsGo/IpHLJbDqf0Kh0Sq0SQZ2stsP5VEMQgHgsfnwlZLKZGkIDHJeKvKI5AwYZa7ENEGD0RHwCeYBCfAAGCwqLCB52aQABf2xuBAeXBwUbdoOFhmh+niKCk4WChKZuCQ2sDQwWj5ARXxOQYhSiubq7vL2+v3pBADs='); -} -.theme-selector button:nth-of-type(6) { - background-image: url('data:image/gif;base64,R0lGODlhIAAgAPQAMVUADlUYkVU5iFU6eVtysVuDw2WMy26My26Vy3OVy6+VoK+foK+oqb+xscDD3cXFusbX7+HX3eHh3eHh7+zr5uz17/HPkfHPmfP/+f//7///+QkTUf9/AAAd8ICJ/38AACwAAAAAIAAgAAAFYaAmjmRpnmiqrmzrvnAsz3RNZpGk79JkW4CgMBjA1C7DYfEYFDwa0IbDhgQgbKbqAVuqXrmjKqFCKVOMzGTQQFUHC23AgLGoKyDxL1ij3Yv6foB7gmBVCX6IiYqLjI2OiSEAOw=='); -} -.theme-selector button:nth-of-type(7) { - background-image: url('data:image/gif;base64,R0lGODlhIAAgAPYAMUOBp0OFp0R8W0R8YER9PER9S0SDd1J9PFKTwFKYwFKYx2V8PGWAPGaKfGedu2edwHB8PH2oyIB8PIB/PYZ8PYaWYIelrpGDPZKWW5Kdm56WYJ6Zg6u0yLCoora1tLfF1bfg9729u72+tMO1tMPFyMTs/8mxj8rCtMvs/9H1/9W+otf1/9f6/9yubN3b4uPWz+Pg3OTk4uro8PHs8PL///bTovbTp/fXp/fcrvfhtPfx6vfx8Pf19/f69/f6//j///7tz/7t1f/y3P/19//21f//3P//4v//9////3X/fwAA8CwTUf9/AAClfu6S/38AACcAAAAAAAAAEEy/0QEAAABApLR1/38AAFhu75L/fwAAcC0TUf9/AAB6We6S/38AAIAtE1H/fwAAelnukv9/AAAIAAAAAAAAAAAAAAAAAAAAw5+/neBPABQAAAAAAAAAABAGYdFmRklHTk9LRwAAAAAAAAAA/38AALJyKw8BAAAAAAAAAAAAAAAAAAAAAAAAACwAAAAAIAAgAAAHwYBIgoOEhYaHiImKi4yNjo+QkZKTlJWGRy8jHiEkLj+WRyYHBKSlBA+fkkATpq0Ik0YSpQYfMTAnGgQgky2lEamDQ5NFEKQKloU5pAIoyIQ2pAHAPD3VPT6SN6QAqTitAyyR2gTcgjXfKZHQBNKCQRsZGKQDK5HKBAIlhcQE9JFGFEglKERkQb96kXqRckBjED9//2QtsyCiQ4V5CCMJudDKlIB0k46oYNCqQAMODS3pkLFjBg9nMGPKnEmzps1IgQAAOw=='); -} -.theme-selector button:nth-of-type(8) { - background-image: url('data:image/gif;base64,R0lGODlhIAAgAPUAMYG3rIG4ioG4joG4koG5hIG5h4G5r4G7r4S4ioS5hIS5h4S6joi4h4i5hIy5hIy6h4y8jo+4hJa4hKm4hKy8hLG8hNXz/9X4/+Hi4uHi6uHl7eji4vHq4vL///b///r////z1v/41v/42v/+2v//9v///xNR/38AAAUAAAAAAAAAwAkTUf9/AABfjBuN/38AAAAAAAAAAAAAAgAAAAEAAAAA3kQRAQAAAAQAAAABAAAAADD4DwEAAABApLR1/38AACwAAAAAIAAgAAAGl8CScEgsGo/IpHLJbDqf0Kh0Sq0KOZjMx7jBaKSkCSFgKYIaBEAnSqoQBGViKEI4eNhueHFOMNyhbW9xQ3x+eIJmdIaAeRdFIw59f0+BBAsQmJgPBJKHnJ+gnYycBQwKpwgJnIuUeYNCIZGsToF6coqTtK57uIe2hL2jv7DBlBSIcrK5TYEDryUiEnXLVtXW19jZ2tvc2EEAOw=='); -} - -/*=------------------------------=*/ -/*= Theme select button tooltips =*/ -/*=------------------------------=*/ -/* (with the name & description of the theme that each button selects) */ - -#theme-selector button { - position: relative; - z-index: 1; -} -#theme-selector button::before { - content: attr(data-theme-name); - position: absolute; - top: 0; - right: 100%; - padding: 5px 6px 6px 6px; - line-height: 1; - width: 6em; - text-align: right; - z-index: 1; - visibility: hidden; -} -#theme-selector:hover button::before { - visibility: visible; -} -#theme-selector:hover ~ #theme-tweaker-toggle, -#theme-selector:active ~ #theme-tweaker-toggle { - z-index: -1; -} - -/************************/ -/* THEME TWEAKER TOGGLE */ -/************************/ - -#theme-tweaker-toggle { - position: absolute; - top: 7px; - left: -75px; -} -#theme-tweaker-toggle button { - font-family: "Font Awesome", "Font Awesome 5 Free"; - font-weight: 900; - font-size: 1.25rem; - opacity: 0.4; - z-index: 1; -} -#theme-tweaker-toggle button:hover { - opacity: 1.0; -} - -/*******************/ -/* QUICKNAV WIDGET */ -/*******************/ - -#quick-nav-ui { - position: absolute; - right: -67px; - bottom: 20px; -} -#quick-nav-ui a { - font-family: "Font Awesome", "Font Awesome 5 Free"; - font-weight: 900; - font-size: 1.5rem; - line-height: 1.7; - text-align: center; - display: block; - width: 40px; - height: 40px; - margin: 10px 0 0 0; -} -#quick-nav-ui a[href='#comments'].no-comments { - pointer-events: none; -} -#quick-nav-ui a { - visibility: hidden; -} -#content.post-page ~ #ui-elements-container #quick-nav-ui a[href='#comments'] { - visibility: visible; -} - -/************************/ -/* NEW COMMENT QUICKNAV */ -/************************/ - -#new-comment-nav-ui { - position: absolute; - right: -112px; - bottom: 42px; -} -#new-comment-nav-ui > * { - display: block; - position: relative; -} -#new-comment-nav-ui.no-comments { - display: none; -} - -/*=--------------------=*/ -/*= New comments count =*/ -/*=--------------------=*/ - -#new-comment-nav-ui .new-comments-count { - width: 2em; - font-size: 1.25rem; - line-height: 1.1; - text-align: center; - left: 1px; - cursor: pointer; -} -#new-comment-nav-ui .new-comments-count::selection { - background-color: transparent; -} -#new-comment-nav-ui .new-comments-count::after { - content: "NEW"; - display: block; - font-size: 0.625rem; -} - -/*=-----------------------------------=*/ -/*= Next/previous new comment buttons =*/ -/*=-----------------------------------=*/ - -#new-comment-nav-ui .new-comment-sequential-nav-button { - font-size: 1.75rem; - font-family: "Font Awesome", "Font Awesome 5 Free"; - font-weight: 900; - width: 1.5em; - z-index: 5001; -} -#new-comment-nav-ui .new-comment-previous { - top: 8px; -} -#new-comment-nav-ui .new-comment-next { - bottom: 6px; -} -#new-comment-nav-ui .new-comment-sequential-nav-button:disabled { - cursor: auto; - pointer-events: none; -} - -/*******************/ -/* HNS DATE PICKER */ -/*******************/ - -#hns-date-picker { - position: absolute; - bottom: 72px; - right: -253px; - opacity: 0.6; -} -#hns-date-picker:hover, -#hns-date-picker:focus-within { - opacity: 1.0; -} -#hns-date-picker.no-comments { - display: none; -} - -/*=---------------=*/ -/*= "Since" label =*/ -/*=---------------=*/ - -#hns-date-picker span { - display: block; - font-size: 0.75rem; - text-transform: uppercase; -} - -/*=--------------------=*/ -/*= "Since" text field =*/ -/*=--------------------=*/ - -#hns-date-picker input { - margin-top: 1px; - padding: 1px 3px; - width: 140px; - text-align: center; - box-shadow: 0 0 0 1px transparent; -} - -/************************/ -/* ANTI-KIBITZER TOGGLE */ -/************************/ - -#anti-kibitzer-toggle { - position: absolute; - right: -67px; - bottom: 225px; -} -#anti-kibitzer-toggle button { - display: block; - width: 40px; - height: 54px; - padding: 0; -} -#anti-kibitzer-toggle button::before, -#anti-kibitzer-toggle button::after { - font-family: "Font Awesome", "Font Awesome 5 Free"; -} -#anti-kibitzer-toggle button::before { - content: "\F06E"; - display: block; - font-size: 1.75em; - font-weight: 400; -} -#anti-kibitzer-toggle button::after { - content: "\F007\2004\F164"; - font-size: 0.875em; - font-weight: 900; -} -#anti-kibitzer-toggle.engaged button::before { - content: "\F070"; -} - -#anti-kibitzer-toggle button::before, -#anti-kibitzer-toggle button::after { - background-color: var(--GW-toggle-widget-color); - -webkit-background-clip: text; - color: transparent; - text-shadow: var(--GW-toggle-widget-shadow-color) 0px 1px 1px; -} -#anti-kibitzer-toggle button:hover::before, -#anti-kibitzer-toggle button:hover::after { - background-color: var(--GW-toggle-widget-hover-color); -} - -/************************/ -/* TEXT SIZE ADJUSTMENT */ -/************************/ - -#text-size-adjustment-ui { - position: absolute; - top: 64px; - right: -78px; - opacity: 0.4; -} -#text-size-adjustment-ui:hover { - opacity: 1.0; -} - -/* This doesn't work in Mozilla browsers, so hide it */ -@-moz-document url-prefix() { - #text-size-adjustment-ui { - display: none; - } -} - -/*=---------=*/ -/*= Buttons =*/ -/*=---------=*/ - -#text-size-adjustment-ui button { - font-weight: 900; - font-family: "Font Awesome", "Font Awesome 5 Free"; - font-size: 0.75rem; - width: 24px; - height: 24px; - padding: 0; -} -#text-size-adjustment-ui button.default { - font-family: inherit; - font-size: 1.125rem; - position: relative; - top: 1px; -} -#text-size-adjustment-ui button:disabled { - opacity: 0.5; -} -#text-size-adjustment-ui button:disabled:hover { - cursor: default; -} - -/*=----------------=*/ -/*= Hover tooltips =*/ -/*=----------------=*/ - -#text-size-adjustment-ui::after { - content: "Adjust text size"; - position: absolute; - display: block; - left: 0; - width: 100%; - text-align: center; - top: 32px; - visibility: hidden; - font-size: 0.9em; -} -#text-size-adjustment-ui:hover::after { - visibility: visible; -} - -/*******************************/ -/* COMMENTS VIEW MODE SELECTOR */ -/*******************************/ - -#comments-view-mode-selector { - position: absolute; - bottom: 30px; - left: -40px; - opacity: 0.6; -} -#comments-view-mode-selector:hover { - opacity: 1.0; -} - -/*=---------=*/ -/*= Buttons =*/ -/*=---------=*/ - -#comments-view-mode-selector a { - display: block; - font-family: "Font Awesome", "Font Awesome 5 Free"; - font-size: 1.25rem; - text-align: center; - opacity: 0.4; - padding: 0.25em; - z-index: 1; -} -#comments-view-mode-selector a.threaded { - transform: scaleY(-1); - font-weight: 900; -} -#comments-view-mode-selector a.chrono { - font-weight: normal; -} -#comments-view-mode-selector a.selected, -#comments-view-mode-selector a:hover { - opacity: 1.0; - text-decoration: none; -} -#comments-view-mode-selector a.selected { - cursor: default; -} - -/*****************/ -/* KEYBOARD HELP */ -/*****************/ - -#keyboard-help-overlay { - width: 100vw; - height: 100vh; - background-color: rgba(255, 255, 255, 0.7); - position: fixed; - left: 0; - top: 0; - z-index: 5001; - - display: flex; - justify-content: center; - align-items: center; - padding: 20px 30px 30px 20px; - - visibility: hidden; -} - -#keyboard-help-overlay .keyboard-help-container { - background-color: #000; - filter: drop-shadow(4px 4px 2px #fff); - flex: 1 1 auto; - max-width: 1500px; - max-height: 100%; - overflow-y: auto; - position: relative; -} -#keyboard-help-overlay .keyboard-help-container h1 { - text-align: center; - border-bottom: 1px solid #1f1f1f; - margin: 0; - padding: 10px 20px; -} -#keyboard-help-overlay .keyboard-help-container .note { - margin: 0.5em auto; - padding: 0 1em; - width: fit-content; -} -#keyboard-help-overlay .keyboard-help-container .keyboard-shortcuts-lists { - column-width: 21em; - column-count: auto; - column-gap: 1.5em; - border-top: 1px solid #1f1f1f; - padding: 15px 20px; -} -#keyboard-help-overlay .keyboard-help-container ul { - list-style-type: none; - margin: 0; - padding: 0; - break-inside: avoid; - white-space: nowrap; -} -#keyboard-help-overlay .keyboard-help-container ul:nth-of-type(n+2) { - margin: 20px 0 0 0; -} -#keyboard-help-overlay .keyboard-help-container ul li.section { - font-weight: bold; - font-size: 1.125rem; - break-after: avoid; -} -#keyboard-help-overlay .keyboard-help-container .keys { - margin: 0 0.5em 0 0; - min-width: 4.5em; - display: inline-block; -} -#keyboard-help-overlay .keyboard-help-container .keys code { - margin: 0 6px 0 0; -} -#keyboard-help-overlay .keyboard-help-container code { - display: inline-block; - background-color: #131313; - border: 1px solid #2c2c2c; - padding: 3px 8px 4px 8px; - margin: 0 1px; -} -#keyboard-help-overlay .keyboard-help-container code.ak { - background-color: #001b5f; - border-color: #0052bc; -} -#keyboard-help-overlay .keyboard-help-container code.ak::before { - content: "ak+"; - opacity: 0.3; -} - -#nav-item-about button.open-keyboard-help { - display: none; -} -@media only screen and (hover:hover) and (pointer:fine) { - #nav-item-about { - position: relative; - padding-right: 0.25em; - } - #nav-item-about button.open-keyboard-help { - font-family: "Font Awesome", "Font Awesome 5 Free"; - font-weight: 900; - position: absolute; - top: 0; - right: 0; - height: 100%; - padding: 8px; - display: initial; - line-height: 1; - background-color: transparent; - } -} - -#keyboard-help-overlay button.close-keyboard-help { - position: absolute; - right: 0; - top: 0; - font-family: "Font Awesome", "Font Awesome 5 Free"; - font-size: 1.5rem; - padding: 10px 12px; -} - -/************/ -/* ARCHIVES */ -/************/ - -.archive-nav { - margin: 1.25em 0.5em 0 0.5em; - padding: 0.25em; -} -.archive-nav > * { - display: flex; -} -.archive-nav *[class^='archive-nav-item'] { - line-height: 1; - flex: 1 1 5%; - text-align: center; - padding: 6px 4px 4px 4px; - max-width: 8%; -} -@-moz-document url-prefix() { - .archive-nav *[class^='archive-nav-item'] { - padding: 5px 4px; - } -} -.archive-nav-days .archive-nav-item-day { - font-size: 0.8em; - padding: 7px 0 5px 0; - max-width: 4%; -} -.archive-nav-days .archive-nav-item-day:first-child { - flex-basis: 10%; -} - -/************/ -/* ARCHIVES */ -/************/ - -.archive-nav { - margin: 1.25em 0.5em 0 0.5em; - padding: 0.25em; -} -.archive-nav > * { - display: flex; -} -.archive-nav *[class^='archive-nav-item'] { - line-height: 1; - flex: 1 1 5%; - text-align: center; - padding: 6px 4px 4px 4px; - max-width: 8%; -} -@-moz-document url-prefix() { - .archive-nav *[class^='archive-nav-item'] { - padding: 5px 4px; - } -} -.archive-nav-days .archive-nav-item-day { - font-size: 0.8em; - padding: 7px 0 5px 0; - max-width: 4%; -} -.archive-nav-days .archive-nav-item-day:first-child { - flex-basis: 10%; -} - -/************/ -/* LISTINGS */ -/************/ - -h1.listing { - font-size: 1.875rem; - line-height: 1.15; - max-height: 1.15em; - position: relative; -} - -h1.listing a { - position: relative; -} - -/* Links to link-posts (not the link-post links themselves; that's below) */ -h1.listing .link-post-link + a { - margin-left: 0.25em; -} - -h1.listing .link-post-link { - font-size: 0.8em; - display: inline; - vertical-align: top; - position: relative; - top: 4px; -} - -/*=----------------------=*/ -/*= Listing hover reveal =*/ -/*=----------------------=*/ -/* (On desktops, hover over a multi-line listing to reveal all of it) */ - -@media only screen and (min-width: 1160px) { - h1.listing a { - max-width: 100%; - display: inline-block; - white-space: nowrap; - text-overflow: ellipsis; - overflow: hidden; - border-bottom: 1px solid transparent; - -webkit-hyphens: auto; - -moz-hyphens: auto; - -ms-hyphens: auto; - hyphens: auto; - z-index: 1; - padding: 0 0 1px 1px; - } - h1.listing .link-post-link + a { - max-width: calc(100% - 40px); - } - h1.listing a:hover, - h1.listing a:focus { - text-decoration: dotted underline; - white-space: initial; - overflow: visible; - z-index: 2; - } - h1.listing:focus-within::before { - content: "\F105"; - font-family: "Font Awesome", "Font Awesome 5 Free"; - display: block; - position: absolute; - left: -0.75em; - } - -/* Adds hysteresis to the hover area (i.e., prevents oscillation due to small - mouse movements) */ - - h1.listing a:not(.edit-post-link):hover::before { - content: ""; - position: absolute; - top: -10px; - right: -10px; - bottom: -10px; - left: -10px; - z-index: -1; - } - h1.listing .link-post-link:hover { - text-decoration: none; - } -} - -/*=-----------------------=*/ -/*= In-listing edit links =*/ -/*=-----------------------=*/ - -h1.listing .edit-post-link { - position: absolute; - margin: 0; -} - -/*=---------------------------------=*/ -/*= Error messages on listing pages =*/ -/*=---------------------------------=*/ - -.listing-message { - width: 100%; - text-align: center; - padding: 1.25em 0 1.25em 0; - font-size: 1.375em; -} - -/*********************/ -/* LISTING POST-META */ -/*********************/ - -h1.listing + .post-meta { - position: relative; - justify-content: flex-start; - margin: 0 20px 0 21px; -} - -h1.listing + .post-meta > * { - margin: 0 1em 0 0; -} - -h1.listing + .post-meta .post-section { - width: 0; - margin: 0; - overflow: hidden; -} -h1.listing + .post-meta .post-section::before { - position: absolute; - left: -36px; -} - -h1.listing + .post-meta .read-time { - cursor: default; -} - -/********************/ -/* SEQUENCES & TAGS */ -/********************/ - -.sequence-text, .tag-description { - font-size: 1.2rem; - padding: 0 22px; -} - -#content.tag-index-page .tag-description { - margin: 1em 0 0; -} - -section { - max-width: 100%; - margin-top: 2em; - margin-bottom: 4em; -} - -h1.sequence-chapter { - font-size: 2.3rem; -} - -article { - max-width: 100%; -} - -.post-meta + .comments { - margin-top: 3em; -} - -.tag-list { - column-count: auto; - column-width: 15em; - margin-top: 0; - border-bottom: 1px solid #575756; - padding-bottom: 1em; - margin-bottom: 0; -} - -#content.sequence-page h1 { - margin-top: 0.1em; -} - -/**************/ -/* USER PAGES */ -/**************/ - -/*=---------------------=*/ -/*= User's display name =*/ -/*=---------------------=*/ - -#content.user-page h1.page-main-heading { - margin: 0.25em 0 0 0; - line-height: 1.1; - grid-column: 1 / span 2; - order: -2; -} - -#content.user-page h1.page-main-heading .user-full-name { - font-size: 1rem; - font-weight: normal; - padding-left: 0.5em; -} - -/*=--------------------=*/ -/*= User's karma total =*/ -/*=--------------------=*/ - -#content.user-page .user-stats { - grid-column: 3; - order: -2; - text-align: right; - align-self: end; -} - -#content.user-page .user-stats .karma-type { - white-space: nowrap; -} - -/*=----------------------=*/ -/*= Expanded vs. compact =*/ -/*=----------------------=*/ - -#content.user-page #comments-list-mode-selector { - grid-row: span 2; -} -#content.user-page #comments-list-mode-selector button { - display: block; -} - -/*=----------------------------------------------------=*/ -/*= All, Posts, Comments, Drafts, Conversations, Inbox =*/ -/*=----------------------------------------------------=*/ - -#content.user-page .sublevel-nav { - margin-bottom: 0.5em; -} - -/*=--------------=*/ -/*= User's posts =*/ -/*=--------------=*/ - -#content.user-page h1.listing { - margin: 0.5em 0 0 0; -} - -#content.user-page .user-bio :first-child { - margin-top: 0.5em; -} - -/*****************/ -/* CONVERSATIONS */ -/*****************/ - -/*=----------------------=*/ -/*= List of participants =*/ -/*=----------------------=*/ - -#content.conversation-page .conversation-participants { - grid-column: 2 / span 2; - text-align: right; - margin: 0.5em 0 0 0; -} -.post-meta > .conversation-participants { - white-space: normal; -} -.conversation-participants ul, -.conversation-participants li { - list-style-type: none; - display: inline-block; - margin: 0; - padding: 0; -} -.conversation-participants li { - margin-left: 0.375em; -} -.conversation-participants li:not(:last-of-type)::after { - content: ","; -} - -/*=-------------------------=*/ -/*= Posting controls (form) =*/ -/*=-------------------------=*/ - -#content.conversation-page .posting-controls { - padding: 0 0 1em 0; -} -#content.conversation-page .post-meta-fields { - overflow: auto; - display: flex; - flex-flow: row wrap; -} -.posting-controls.standalone textarea { - margin-top: 0.375em; -} -.posting-controls.standalone form { - padding: 0 1em; -} -#content.conversation-page .posting-controls.standalone form { - padding: 0 1em 3em 1em; -} -.posting-controls.standalone input[type='text'], -.posting-controls.standalone label { - margin: 0.25em 0; -} -.posting-controls.standalone label { - width: 4em; - text-align: right; - padding: 2px 6px; - border: 1px solid transparent; -} -.posting-controls.standalone input[type='text'] { - width: calc(100% - 4em); - padding: 0.25em; -} -.posting-controls.standalone input[type='submit'] { - float: right; -} -.posting-controls.standalone #markdown-hints-checkbox ~ label { - white-space: nowrap; -} -.posting-controls.standalone #markdown-hints { - top: calc(100% + 2em); -} - -/*=--------------------=*/ -/*= Conversation title =*/ -/*=--------------------=*/ - -#content.conversation-page h1.page-main-heading { - text-align: center; - margin: 0.5em 0; - line-height: 1.15; -} - -/*=----------=*/ -/*= Messages =*/ -/*=----------=*/ - -#content.conversation-page > ul.comment-thread:last-of-type { - margin-bottom: 2em; -} - -/******************/ -/* SEARCH RESULTS */ -/******************/ - -#content.search-results-page h1.listing, -#content.sequence-page h1.listing, -#content.post-page h1.listing { - font-size: 1.625em; -} - -/**************/ -/* LOGIN PAGE */ -/**************/ - -.login-container { - margin: 2em 0; - padding: 1em; - display: flex; - flex-flow: row wrap; -} - -.login-container form { - flex-basis: 50%; - display: grid; - grid-row-gap: 0.5em; - align-content: start; -} -.login-container form label { - text-align: right; - padding: 0.25em 0.5em; - white-space: nowrap; - grid-column: 1; -} -.login-container form input { - grid-column: 2; - padding: 0.25em; -} -.login-container form input[type='submit'], -.login-container form a { - grid-column: 2; - justify-self: center; -} -.login-container form input[type='submit'] { - width: 10em; - padding: 0.35em; - line-height: 1; - margin: 0.5em 0 0 0; -} -.login-container form h1 { - text-align: center; - margin: 0; - grid-column: 2; -} - -/* “Log in” form */ - -#login-form { - grid-template-columns: 5.5em 1fr; - padding: 0.5em 2em 0.5em 0; -} - -/* “Create account” form */ - -#signup-form { - font-size: 0.9em; - grid-template-columns: 8.5em 1fr; - padding: 0.5em 1em 1em 1em; -} -#signup-form h1 { - font-size: 1.7em; -} -#signup-form input[type='submit'] { - padding: 0.4em 0.5em 0.5em 0.5em; -} - -/* Log in tip */ - -.login-container .login-tip { - padding: 0.5em 0.5em 0.5em 3em; - margin: 2em 4em 0 4em; - text-indent: -2em; - line-height: 1.4; -} -.login-container .login-tip span { - font-weight: bold; -} - -/* Message box */ - -#content.login-page .error-box { - margin: 1.5em 0.875em -1.5em 0.875em; -} -.error-box, .success-box { - padding: 0.25em; - text-align: center; -} - -/***********************/ -/* PASSWORD RESET PAGE */ -/***********************/ - -.reset-password-container { - margin-bottom: 2em; -} -.reset-password-container input[type='submit'] { - padding: 0.2em 0.5em; - width: unset; -} -.reset-password-container input { - margin-left: 0.5em; - width: 12em; -} -.reset-password-container label { - display: inline-block; - width: 9em; -} -.reset-password-container form > div { - margin: 0.2em; -} -.reset-password-container .action-container { - padding-left: 11em; - padding-top: 0.2em; -} -.reset-password-container .error-box { - margin: unset; -} - - -/*********************/ -/* TABLE OF CONTENTS */ -/*********************/ - -.contents { - float: right; - min-width: 6em; - max-width: 40%; - margin: 1.25em 0 0.75em 1.25em; - padding: 7px 14px 10px 10px; - position: relative; - z-index: 1; -} - -.collection-page .contents { - margin-top: 0; -} - -.contents-head { - text-align: center; - margin-bottom: 0.25em; -} - -.body-text .contents ul { - list-style-type: none; - margin: 0 0 0 0.5em; - counter-reset: toc-item-1 toc-item-2 toc-item-3; - padding-left: 1em; - font-size: 0.75em; -} -.body-text .contents li { - margin: 0.15em 0 0.3em 1em; - text-align: left; - text-indent: -1em; - line-height: 1.2; - position: relative; -} -.body-text .contents li::before { - position: absolute; - width: 3em; - display: block; - text-align: right; - left: -4.5em; -} -.contents .toc-item-1 { - counter-increment: toc-item-1; - counter-reset: toc-item-2 toc-item-3; -} -.contents .toc-item-1::before { - content: counter(toc-item-1); -} -.contents .toc-item-1 ~ .toc-item-2 { - margin-left: 2.9em; - font-size: 0.95em; -} -.contents .toc-item-2 { - counter-increment: toc-item-2; - counter-reset: toc-item-3; -} -.contents .toc-item-1 ~ .toc-item-2::before { - content: counter(toc-item-1) "." counter(toc-item-2); -} -.contents .toc-item-2::before { - content: counter(toc-item-2); -} -.contents .toc-item-1 + .toc-item-3 { - counter-increment: toc-item-2 toc-item-3; -} -.contents .toc-item-2 ~ .toc-item-3, -.contents .toc-item-1 ~ .toc-item-3 { - margin-left: 2.9em; - font-size: 0.95em; -} -.contents .toc-item-1 ~ .toc-item-2 ~ .toc-item-3 { - margin-left: 5.7em; - font-size: 0.9em; -} -.contents .toc-item-3 { - counter-increment: toc-item-3; -} -.contents .toc-item-1 ~ .toc-item-2 ~ .toc-item-3::before { - content: counter(toc-item-1) "." counter(toc-item-2) "." counter(toc-item-3); -} -.contents .toc-item-1 ~ .toc-item-3::before { - content: counter(toc-item-1) "." counter(toc-item-3); -} -.contents .toc-item-2 ~ .toc-item-3::before { - content: counter(toc-item-2) "." counter(toc-item-3); -} -.contents .toc-item-3::before { - content: counter(toc-item-3); -} -.contents .toc-item-4, -.contents .toc-item-5, -.contents .toc-item-6 { - display: none; -} - -.contents.collapsed { - margin-bottom: 0.25em; - padding-left: 1em; - padding-right: 1.75em; - -} -.contents.collapsed .contents-head { - margin: 0; -} -.contents.collapsed .contents-list { - display: none; -} - -.contents .toc-collapse-toggle-button { - position: absolute; - top: 1px; - right: 1.5px; - font-family: "Font Awesome", "Font Awesome 5 Free"; - font-weight: 900; - font-size: 1.5rem; - padding: 0; -} -.contents .toc-collapse-toggle-button:active { - transform: translateX(1px) translateY(1px); -} - -.contents.collapsed .toc-collapse-toggle-button { - width: calc(100% - 3px); - height: calc(100% - 2px); - background-color: transparent; - display: flex; - justify-content: flex-end; - align-items: flex-start; -} - - -/********************/ -/* POSTS & COMMENTS */ -/********************/ - -.post-meta > *, -.comment-meta > * { - display: inline-block; - margin-right: 1em; - font-size: 1.0625em; -} -.body-text { - overflow-wrap: break-word; - text-align: justify; -} -.body-text p { - margin: 1em 0; -} -.retracted .body-text { - text-decoration: line-through; -} - -.bare-url { - word-break: break-all; - hyphens: auto; -} -.body-text a:not([href]), -.body-text a:not([href]):hover, -.body-text a:not([href])::before, -.body-text a:not([href])::after { - text-decoration: none; - text-shadow: unset; - border: unset; - color: unset; - content: unset; -} -/*************/ -/* POST-META */ -/*************/ - -.post-meta { - display: flex; - flex-flow: row wrap; - justify-content: center; -} -.post-meta .lw2-link { - opacity: 0.5; - order: 1; -} -.post-meta > *, -.post-meta .post-section::before { - margin: 0 0.5em; -} -.post-meta .post-section { - order: -1; - margin: 0; - visibility: hidden; -} -.post-meta .post-section::before, -.comment-meta .alignment-forum { - visibility: visible; - font-family: "Font Awesome", "Font Awesome 5 Free"; - font-weight: 900; -} -.post-section.frontpage::before { - content: "\F015"; -} -.post-section.featured::before { - content: "\F005"; -} -.post-section.meta::before { - content: "\F077"; -} -.post-section.events::before { - content: "\F5A0"; -} -.post-section.personal::before { - content: "\F007"; -} -.post-section.draft::before { - content: "\F15B"; -} -.post-section.alignment-forum::before, -.comment-meta .alignment-forum { - content: "AF"; - font-family: Concourse, 'Changa One'; -} - -/*= Karma controls hover tooltips =*/ - -@media only screen and (pointer: fine) { - .post .voting-controls, - .comment-item .voting-controls { - position: relative; - } - .post .karma.active-controls::after, - .comment-item .karma.active-controls::after { - content: "Double-click for strong vote"; - position: absolute; - pointer-events: none; - display: block; - left: 6px; - width: 100%; - line-height: 1.15; - white-space: normal; - text-align: center; - font-size: 0.875rem; - opacity: 0; - transition: opacity 0.2s ease; - } - .post .voting-controls.active-controls:hover::after, - .comment-item .voting-controls.active-controls:hover::after { - opacity: 1.0; - } - - .post .voting-controls .karma-value::after, - .comment-item .voting-controls .karma-value::after { - content: attr(title); - position: absolute; - pointer-events: none; - display: block; - left: 50%; - transform: translateX(-50%); - white-space: pre-wrap; - width: max-content; - text-align: center; - font-size: 0.875rem; - color: #393939; - opacity: 0; - transition: opacity 0.2s ease; - } - .post .voting-controls.agreement .karma-value:hover::after, - .comment-item .voting-controls.agreement .karma-value:hover::after { - top: unset; - bottom: 100%; - } - .post .voting-controls .karma-value:hover::after, - .comment-item .voting-controls .karma-value:hover::after { - opacity: 1.0; - } - .post .voting-controls.waiting .karma-value:hover::after, - .comment-item .voting-controls.waiting .karma-value:hover::after { - display: none; - } - .comment-item .voting-controls .karma-value:hover::after { - z-index: 5001; - } - - .author { - position: relative; - } - .author:not(.redacted)::before { - content: attr(data-full-name); - position: absolute; - pointer-events: none; - display: block; - padding: 0 1em; - left: 50%; - bottom: 2em; - transform: translateX(-50%); - white-space: nowrap; - text-align: center; - font-size: 0.875rem; - font-weight: normal; - opacity: 0; - transition: opacity 0.2s ease; - z-index: 5001; - } - .author:hover::before { - opacity: 1.0; - } -} - -/*********/ -/* POSTS */ -/*********/ - -.post { - max-width: 100%; -} - -.post-body { - min-height: 8em; - padding: 0 30px; - line-height: 1.5; - font-size: 1.3rem; - overflow: auto; - margin: 0.5em 0 0 0; -} -h1.post-title { - margin: 1.1em 0 0.35em 0; - padding: 0 30px; - text-align: center; - font-size: 2.5em; - line-height: 1; -} -.post .post-meta { - text-align: center; - position: relative; - z-index: 2; -} -.post .top-post-meta:last-child { - margin-bottom: 40px; -} -.post .bottom-post-meta { - margin: 0; - padding: 20px 0; -} -.bottom-post-meta { - border-style: solid; - border-width: 1px 0; -} - -/**********/ -/* EVENTS */ -/**********/ - -.event-info .map { - position: relative; - width: 100%; - margin: 2em 0 1em; -} - -.event-info .map::before { - content: ""; - display: block; - padding-bottom: 50%; -} - -.event-info .map iframe { - width: 100%; - height: 100%; - border: 1px solid #fff; - position: absolute; - top: 0; - left: 0; -} - -.event-info ul { - list-style: none; - padding: 0; - text-align: center; -} - -/*******************/ -/* POST NAVIGATION */ -/*******************/ - -.post-nav-item { - display: grid; - grid-template: 100% / 32% 36% 32%; - grid-template-areas: - "prev seq next"; -} -.post-nav { - display: flex; - flex-flow: column; - justify-content: flex-end; - padding: 0.5em; -} - -.post-nav-title { - font-size: 1.125em; - line-height: 1.15; - display: inline; - border-top: 1px solid transparent; -} -.post-nav.prev .post-nav-title, -.post-nav.next .post-nav-title { - border-bottom: 1px solid transparent; -} - -.sequence-title { - align-items: center; - text-align: center; - grid-area: seq; -} -.sequence-title .post-nav-title { - font-size: 1.5em; -} - -.post-nav.prev { - grid-area: prev; - align-items: flex-start; -} -.post-nav.prev .post-nav-title::before { - content: "\F0D9\2005"; -} -.post-nav.next { - grid-area: next; - text-align: right; - align-items: flex-end; -} -.post-nav.prev .post-nav-label, -.post-nav.next .post-nav-label { - display: none; -} -.post-nav.next .post-nav-title::after { - content: "\2004\F0DA"; -} -.post-nav.prev .post-nav-title::before, -.post-nav.next .post-nav-title::after { - font-family: Font Awesome; - font-weight: 900; - vertical-align: text-bottom; - opacity: 0.75; -} -.post-nav-links { - max-width: 100%; -} - -@media only screen and (max-width: 900px) { - .post-nav-item { - font-size: 0.875em; - grid-template: auto auto / 50% 50%; - grid-template-areas: - "prev next" - "seq seq"; - } - .post-nav.prev .post-nav-title, - .post-nav.next .post-nav-title { - border-bottom: none; - } - .post-nav.prev { - margin: 0 0 0 -1px; - position: relative; - left: 1px; - } - .sequence-title { - padding: 0.75em 0; - } -} -@media only screen and (max-width: 520px) { - .post-nav-links + .comments { - padding: 1em 0 0 0; - } -} - -.related-posts, .related-post-group { - padding-bottom: 1em; -} -.related-post-type { - font-size: 1.2em; - font-weight: 600; - margin-top: 0.5em; - margin-bottom: -0.5em; - list-style-type: disc; - margin-left: -0.5em; - opacity: 0.7; -} -.related-post-type::before { - content: "\269c"; - font-size: 1.375em; - font-weight: normal; - margin-right: 0.15em; - position: relative; - vertical-align: baseline; - top: 0.05em; -} -.related-posts .post-type-prefix { - display: none; -} - -.crosspost { - padding: 0.1em 1em; - margin: 1em auto; -} - -/**************/ -/* LINK POSTS */ -/**************/ - -.post.link-post > .post-body > p:first-child { - text-align: center; - font-size: 1.125em; - margin: 0.5em 0 0 0; -} -.post.link-post > .post-body > p:only-child { - font-size: 1.5em; - margin: 1em 0; -} -.post.link-post a.link-post-link::before { - content: "\F0C1"; - font-family: "Font Awesome", "Font Awesome 5 Free"; - font-weight: 900; - font-size: 0.75em; - position: relative; - top: -2px; - margin-right: 0.25em; -} - -/************/ -/* COMMENTS */ -/************/ - -.comments { - max-width: 100%; - padding: 0 0 1px 0; - position: relative; -} -.comments::before { - content: ""; - position: absolute; - display: block; - top: 0; - left: 0; - width: 100%; - height: 100%; - pointer-events: none; -} -ul.comment-thread { - list-style-type: none; - padding: 0; - max-width: 100%; -} -.comments .comment-thread > li { - position: relative; -} -#content > #top-nav-bar + .comment-thread .comment-item { - margin-top: 0; -} - -.comment-item { - margin: 2em 0 0 0; -} -.comment-item .comment-item { - margin: 1em 8px 8px 16px; -} -.comment-item .comment-item + .comment-item { - margin: 2em 8px 8px 16px; -} - -.comment-body { - line-height: 1.45; - font-size: 1.2rem; - padding: 10px; -} -.comment-body ul { - list-style-type: circle; -} -.comment-body > *:first-child { - margin-top: 0; -} -.comment-body > *:last-child { - margin-bottom: 0; -} - -.comments-empty-message { - width: 100%; - text-align: center; - padding: 0.75em 0 0.9em 0; - font-size: 1.375em; -} - -/**********************************/ -/* DEEP COMMENT THREAD COLLAPSING */ -/**********************************/ - -.comment-item > input[id^="expand"] { - display: none; -} -.comment-item > input[id^="expand"] + label { - display: block; - visibility: hidden; - position: relative; - margin: 8px 9px; -} -.comment-item > input[id^="expand"] + label::after { - content: "(Expand " attr(data-child-count) " below)"; - visibility: visible; - position: absolute; - left: 0; - white-space: nowrap; - cursor: pointer; -} -.comment-item > input[id^="expand"]:checked + label::after { - content: "(Collapse " attr(data-child-count) " below)"; -} -.comment-item > input[id^="expand"] ~ .comment-thread { - max-height: 34px; - overflow: hidden; -} -.comment-item > input[id^="expand"] ~ .comment-thread > li:first-child { - margin-top: 0; -} -.comment-item > input[id^="expand"]:checked ~ .comment-thread { - max-height: 1000000px; -} - -.comment-item > input[id^="expand"]:checked ~ .comment-thread .comment-thread .comment-item { - margin: 0; -} -.comment-item > input[id^="expand"]:checked ~ .comment-thread .comment-thread .comment-item a.comment-parent-link:hover::after { - display: none; -} - -/*************/ -/* BACKLINKS */ -/*************/ - -.backlinks > input { - display: none; -} - -.backlinks > label { - margin-left: 10px; - display: block; - color: #00c200; - cursor: pointer; -} - -.backlinks > label::before { - content: " "; - border-left: 5px solid currentColor; - border-top: 5px solid transparent; - border-bottom: 5px solid transparent; - transition: transform 0.25s ease-out; - transform-origin: 29% 55%; - display: inline-block; - padding-right: 0.5em; -} - -.backlinks > input:checked + label::before { - transform: rotate(90deg); -} - -.backlinks li { - margin-top: 0; -} - -.backlinks > ul { - height: 0; - perspective-origin: top; - transform: perspective(100em) rotateX(-90deg); - transform-origin: center top; - opacity: 0; - margin-top: 0.5em; - margin-bottom: 0.5em; -} - -.backlinks > input:checked ~ ul { - height: auto; - transform: perspective(100em) rotateX(0deg); - transition: transform 0.25s ease-in, opacity 0.25s ease-in; - opacity: 1; -} - -/****************/ -/* COMMENT-META */ -/****************/ - -.comment-meta { - padding: 2px 24px 2px 10px; - margin: 0 -1px; - border: none; - display: flex; - flex-flow: row wrap; - align-items: baseline; -} -.user-page .comment-meta, -.conversation-page .comment-meta { - padding-right: 10px; -} -.comment-meta .comment-post-title { - flex-basis: 100%; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - line-height: 1.3; -} -.conversation-page .comment-meta .comment-post-title { - margin: 0; - flex-basis: unset; - flex: 1 0 auto; - text-align: right; - display: none; /* Not sure if we need to display this... */ -} -.comment-item .author:not(.redacted).original-poster::after { - content: "\2004(OP)"; - font-size: 0.75em; -} - -/*****************************/ -/* COMMENT THREAD NAVIGATION */ -/*****************************/ - -a.comment-parent-link:not(.inline-author), -a.comment-parent-link.inline-author::before { - opacity: 0.5; -} -a.comment-parent-link:hover { - opacity: 1.0; -} -a.comment-parent-link::before { - content: "\F062"; - font-family: "Font Awesome", "Font Awesome 5 Free"; - font-weight: 900; - font-size: 0.75rem; - line-height: 1; - position: absolute; - z-index: 1; - display: block; - padding: 3px 3px 0 3px; - width: 16px; - height: calc(100% + 2px); - top: -1px; - left: -17px; -} -a.comment-parent-link::after { - content: ""; - position: absolute; - z-index: 0; - display: block; - width: calc(100% + 26px); - height: calc(100% + 38px); - top: -29px; - left: -17px; - pointer-events: none; - overflow: hidden; - visibility: hidden; -} -a.comment-parent-link:hover::after { - visibility: visible; -} - -.comment-child-links { - flex-basis: 100%; -} -.comment-child-link { - margin: 0 0.25em; - display: inline-block; -} -.comment-child-link::before { - content: ">"; - display: inline-block; - margin: 0 2px 0 0; -} - -.comment-popup { - position: fixed; - top: 10%; - right: 10%; - max-width: 700px; - z-index: 10001; - font-size: 1rem; - white-space: unset; - pointer-events: none; -} -.comment-popup .comment-parent-link { - display: none; -} -.comment-popup .comment-body { - font-size: 1.0625rem; -} - -.comment-item.depth-odd { - --GW-comment-background-color: var(--GW-comment-background-color-odd); - --GW-comment-parent-background-color: var(--GW-comment-background-color-even); -} -.comment-item.depth-even { - --GW-comment-background-color: var(--GW-comment-background-color-even); - --GW-comment-parent-background-color: var(--GW-comment-background-color-odd); -} - -.comment-item:target { - --GW-comment-background-color: var(--GW-comment-background-color-target); -} -.comment-item:target > .comment-thread > .comment-item { - --GW-comment-parent-background-color: var(--GW-comment-background-color-target); -} - -/**********************/ -/* COMMENT PERMALINKS */ -/**********************/ -/********************/ -/* COMMENT LW LINKS */ -/********************/ - -.comment-meta .permalink::before, -.comment-meta .lw2-link::before, -.individual-thread-page a.comment-parent-link:empty::before { - content: ""; - display: inline-block; - width: 1rem; - height: 1rem; - border-radius: 3px; - box-shadow: - 0 0 0 1px #000, - 0 0 0 2px #0cc800, - 0 0 0 3px transparent; - padding: 0 0 0 2px; - background-size: 100%; - position: relative; - top: 2px; - opacity: 0.5; -} -.comment-meta .permalink::before { - background-image: url('data:image/gif;base64,R0lGODlhIAAgAPYAMQAw5w066BxG6SZO6ipS6zJY6zhd7Dtf7Elr7k1u7lZ171178GJ/8GOA8GWC8GmF8WyH8XON8nWP8naP8oOa84Wc84ac9Ied9Iyh9I6j9JCl9ZGl9ZSo9ZWp9Zms9Zut9qKz9qi4962897G/+LPB+LTC+LjF+L3J+cLN+cTP+sXQ+srU+svU+s7X+9DZ+9HZ+9La+9Xd+9bd+9ng/Nrh/Nvh/Obq/ent/e7x/vHz/vL0/vP1/vT2/vj5//n6//r7//v7//z8//39//7+/////wAAAAAAAAAAAAAAAAAAAAAAwMyACwEAAAAPAAAAAAAAAOC8CVX/fwAAZYtHif9/AAAAPywAAGAAAHA/LAAAYAAAIJ8FAABgAAAg8A0AgGEAAJDwDQCAYQAAEOQJAABhAADYvAlV/38AAJDtsXL/fwAAkO2xcv9/AABvHvb//57//7C8CVX/fwAAG2Zyjf9/AACQ8A0AAGEAAMDkC7PFfwAAkAAAAAAAAACA7bFy/38AACwAAAAAIAAgAAAH84AAgoOEhYaHiImKi4yNjo+QhgEODQGRiiVDRERDIpeHJ5uiRCWfhAdAo5tCCaaCFZtDHyCxEK4AsERCCxG1twhBqrqttzPCNLeCDTqjOQzJGMKctq4e0kMPkQUbgxSaqtiCAR0DiwbMMoMEACybyJYAATREOQWJBjui6YMr7oPyouodEsBsFAx+/gTFUCWwkIJgo3iUA9CPCLJ4OMBlOyThWwtCFS8KchErgqIAN0SFQGhxkAhRNhhFE3XjAgAVm14AyJBSlIVGJlT5GNVDVSlHHCBKEyVEg7YUP5b2QDHx04QRL2rUaEHCZLKvYMOKHXspEAA7'); -} -.comment-meta .lw2-link::before { - background-image: url('data:image/gif;base64,R0lGODlhIAAgAPYAMQAw5w066BZB6RxG6SJL6iZO6ipS6zJY6zhd7D1h7EBk7UJl7Ulr7kts7lFx7mB+8GJ/8GmF8WyH8XON8naP8niR8n+X84GY84+k9JOn9ZSo9ZWp9Zut9qS196W296e396q6962896+++LTC+LzI+b3J+cDM+cXQ+sjS+srU+s7X+9La+9bd+9jf/Nng/Nvh/Nzi/N7k/OXq/efr/ent/eru/e3w/vDz/vHz/vL0/vT2/vb3//f4//r7//z8//39//7+/////wAAt4pHif9/AAAAAAAAAAAAAAAAAAAAAAAAwMyACwEAAAAPAAAAAAAAAOC8CVX/fwAAZYtHif9/AAAAPywAAGAAAHA/LAAAYAAAIJ8FAABgAAAg8A0AgGEAAJDwDQCAYQAAEOQJAABhAADYvAlV/38AAJDtsXL/fwAAkO2xcv9/AABvHvb//57//7C8CVX/fwAAG2Zyjf9/AACQ8A0AAGEAAKDkC7PFfwAAkAAAAAAAAACA7bFy/38AACwAAAAAIAAgAAAH5YAAgoOEhYaHiImKi4yNjo+QkZKTlJWWl5EHBwoBgwuaB56hgpqciAE3QUE6BQAIPao9BgAmqiAADT6qNac2qjuzAC2qQBQBNaovABqqQSi9v60AHM0iCbpBsifEFtBBO9IM2CwYzUAVNL/BhgG+39IAMqo4w80qPKorie3RgyHNAANu2OcO3CAIPwIG/IGAoCodAwbxawZjBsAYiiYC8dDhQwYAJQB6IAGwQ0Z3AIFEmACE2IMLzX44OKkQiAQBOVTdGEAAVhAanRwGVAkghaoUglyoGoGpqdOnUKNKnUq1qlVEgQAAOw=='); -} -.individual-thread-page a.comment-parent-link:empty::before { - left: unset; - background-image: url('data:image/gif;base64,R0lGODlhIAAgAPUAMQAw5wAw9QAw9gBj9gB39gB99i8w5y+R9y+R+T8w51eq+V8w51+R9Jeq85eq9ZfY/s/E89fL+dfl/N/E8N/L9N/L9d/4/+fL9OfY9+f4/u/R9e/4/u////fY9ffe9ffe9vfr+/f//////P////9/AAABAAAAAAAAAAAAAAAAAAAAwMyACwEAAAAwaAUAAGEAABUAAAAAAAAAMGgFAABhAABAuwlV/38AAA8AAAAAAAAAwMyACwEAAAAAAAAAAAAAACwAAAAAIAAgAAAGi0CAcEgsGo/IpHLJbDqf0Kh0Ci1IIFRkgTMaXbLFbbf7BQPEYzIYnVZP2W13lRtvl53wSKgLsqTvSwR0XRMCeyMeAYNeTQ9pFAAEhx+RgyILTAhjGkIDk0IFn00KGxVDnl2UQgcZGAZUqCOqZp2itACxs7S5t7Wpvbi2u4cdwAAMDg0JxszNzs/QZkEAOw=='); -} -.comment-meta .permalink:hover::before { - background-image: url('data:image/gif;base64,R0lGODlhIAAgAPYAMQAw5wAw6AAw6QBW5wBd6wBq6gBq6y8w5y+E7UdW508w509D50996k+k718w51+q71+x71+x8F+38G8w549W55dW55d355ed6pfL9Z++75/L86dd56eq6qex66fR86fY9a9q57+R57/L77/e9b/r+seR58fl+c+d58+k58+36s/L7c/y/8/4/9eq59fl9tf4/9+x59/E6t/e8+e36Oe+6ufL6ufe8Ofy9uf4+ef//+/R6u/e7u////fY6vfe7ffr8ffy9vf////e6//l6//l7P/r7f/y8P/47//48P//8P//8v//8///9f//9v//+f//+v///1X/fwAAZYtHif9/AAAAPywAAGAAAHA/LAAAYAAAIJ8FAABgAAAg8A0AgGEAAJDwDQCAYQAAEOQJAABhAACowQlV/38AAJDtsXL/fwAAkO2xcv9/AABvHvb//57//4DBCVX/fwAAG2Zyjf9/AACQ8A0AAGEAAKDkC7PFfwAAkAAAAAAAAACA7bFy/38AACwAAAAAIAAgAAAH84BQgoOEhYaHiImKi4yNjo+Qhk5AQJGLMQcAmh6WhzOaoAAYnYRJE6GaATmkgkSgIzqgLKxQQ6kvRbK0SA6oAAKrrE8lvg20gkYVoQU4x0K+mrOsPdAAL5FMMoNEmb7XUE42QYtKyg+DT1AtmsaDTiEABTyJShSg54PrAO3g8Jryh5YoCwUhHztBT06gMjCv0BEFqAiMU3cQSpMN3hAV6SaBkD5+UFCAWqHICQhQHwzuG1QDFAJGz0AxcAEFhqYIUHZYCEWiEQ1UA0IlQKXhkQ+I1UAFMBGpSYoF1QZkmGjpyQ8VHC5c6CDixrGvYMOKHdspEAA7'); -} -.comment-meta .lw2-link:hover::before { - background-image: url('data:image/gif;base64,R0lGODlhIAAgAPYAMQAw5wAw6AAw6gBD6gBW6gBd6wBq6gBq6wB97S8w5y997Ucw50ed70ek708w50+k7U+q8F8w51+x8G+38Xcw53dD53e38Ye37JdW55fL9ZfR9p/Y9p/e9qdW56dd56dq56d356fe9rdq57ed57fl+b9357/Y8L/y/8eR58+R58/R78/y9s/y/8/4/9eq59fR79fe9df4/9+x59///+e36O/L6u////fY6vfe6vfe6/f////l7P/r7f/y7v/47//48P/4+f/4+v//7///8f//9f//9v//+v///wAAAAAAAAAAwMyACwEAAAAPAAAAAAAAALDBCVX/fwAAZYtHif9/AAAAPywAAGAAAHA/LAAAYAAAIJ8FAABgAAAg8A0AgGEAAJDwDQCAYQAAEOQJAABhAACowQlV/38AAJDtsXL/fwAAkO2xcv9/AABvHvb//57//4DBCVX/fwAAG2Zyjf9/AACQ8A0AAGEAAJDkC7PFfwAAkAAAAAAAAACA7bFy/38AACwAAAAAIAAgAAAH2YBHgoOEhYaHiImKi4yNjo+QkZKTlJWWl5FGRkGDRkCaRoOfnZuJRR0AAAU6R0MUqQOsNKkbRz4RqQiIRR6pBKxHKakALEUfqQ1HOcMWu70Av4I3wxpCDrA6MsMnzr7AP7gAEDjDACsi3t3QwEYlqQYj5RcVqRKmz9GCNeX8wyT36QT1WNCvnAAbAFUR4lXuAYhyDBQxTGXihQoYR2YN46AxVQiJz/jF4JFgWIwdwwLMAFmwBREMqQ60egVAwaKJIo+4SDXhiBEUqTJgGkq0qNGjSJMqXcoUUSAAOw=='); -} -.individual-thread-page a.comment-parent-link:empty:hover::before { - background-image: url('data:image/gif;base64,R0lGODlhIAAgAPUAMQAw5wBD5wBD6i8w50cw50+E6k+k70+q8F8w51+x8G8w529d53cw53e38Idq54ex7oe+8Y9d54/E8Ze+8JfL9aeR6qe+7K/L8t+359/e8N/e8vfe7ffr8ff////r7f/r7v/y7//y8P/47///8P///wABAAAAAAAAAAAAAAAAAAAAwMyACwEAAAAwaAUAAGEAABUAAAAAAAAAMGgFAABhAAAQwAlV/38AAA8AAAAAAAAAwMyACwEAAAAAAAAAAAAAACwAAAAAIAAgAAAGjECScEgsGo/IpHLJbDqf0Kh0Cg1VLlQkSAEAQLLFbbf7BZPEYzIYnVZP2ePAuAyFt+d17tiC6BYiaXRLInpdFCN9AAcjDIFNGGkSJCKJBpOFAh1MHgNdDUKUXZZnlU4bCxNDoQCjJB8OD1mrrWaTpbWgt7izuLmivba/vSIEXQnAJBwZGsjNzs/Q0bVBADs='); -} -.comment-meta .permalink:hover::before, -.comment-meta .lw2-link:hover::before, -.individual-thread-page a.comment-parent-link:empty:hover::before { - box-shadow: - 0 0 0 2px #0cc800, - 0 0 0 3px transparent; - opacity: 1.0; - filter: unset; -} -.comment-meta .permalink:active::before, -.comment-meta .lw2-link:active::before, -.individual-thread-page a.comment-parent-link:empty:active::before { - transform: scale(0.9); -} - -.comment-meta .permalink, -.comment-meta .lw2-link, -.individual-thread-page .comment-parent-link:empty { - position: relative; - opacity: 1.0; -} -.comment-meta .permalink::after, -.comment-meta .lw2-link::after, -.individual-thread-page .comment-parent-link:empty::after { - content: ""; - width: 30px; - height: 30px; - display: block; - position: absolute; - top: -2px; - left: -7px; - box-shadow: none; - pointer-events: auto; - visibility: visible; -} - -/*************************/ -/* COMMENTS COMPACT VIEW */ -/*************************/ - -#comments-list-mode-selector, -#content.index-page #comments-list-mode-selector, -#content.user-page #comments-list-mode-selector { - padding-top: 6px; - grid-column: 1; - position: unset; - z-index: 1; - justify-self: start; - align-self: start; -} -#comments-list-mode-selector button { - color: transparent; - width: 32px; - height: 32px; - padding: 6px; - margin: 1px; - overflow: hidden; - background-repeat: no-repeat; - background-size: 100%; - background-origin: content-box; -} -#comments-list-mode-selector button:disabled { - cursor: auto; -} -#comments-list-mode-selector button.expanded { - background-image: url('data:image/gif;base64,R0lGODdhKAAoAJEAAAAAAKqqqv///wAAACH5BAkAAAMALAAAAAAoACgAAAJTnI+py+0Po5wn2Iuz3lrxD25eSIJjiWZnyq4s6r5kLJtJndK4eO9z77NRhsSi8YhMKpfMpvMJjTqDIR3VYr1mqdtg1/fdhXHjWll2fqVb0rY7WQAAOw=='); -} -#comments-list-mode-selector button.compact { - background-image: url('data:image/gif;base64,R0lGODdhKAAoAJEAAAAAAKqqqv///wAAACH5BAkAAAMALAAAAAAoACgAAAJXnI+py+0Po5y0uoCz3rxz5YViB46mWJ7qlq5u66rWTNf2fcQxrI98H/oBSYnhSWjU4JbMJi7pK0KD0ikRYfUgp1uo8wsOM7LXHJlVPWO6SbbRPRTL57gCADs='); -} -@media only screen and (max-resolution: 1dppx) { - #comments-list-mode-selector button.expanded { - background-image: url('data:image/gif;base64,R0lGODdhFAAUAKIAAAAAAKampqqqqv///wAAAAAAAAAAAAAAACH5BAkAAAQALAAAAAAUABQAAAMmSLrc/tCJSasV7Gqat+6eBYbcQopRqq5s257VeMokHdoevrm8mgAAOw=='); - } - #comments-list-mode-selector button.compact { - background-image: url('data:image/gif;base64,R0lGODdhFAAUAKIAAAAAAKqqqtvb2////wAAAAAAAAAAAAAAACH5BAkAAAQALAAAAAAUABQAAAMmSLrc/tCFSasN7Gqat45g433LeHUmF65phbZvurLtFJv3OO98zyQAOw=='); - } -} - -#content > ul.comment-thread > li.comment-item, -#content.compact > ul.comment-thread > li.comment-item { - margin: 0; -} - -#content > .comment-thread { - margin: 1em 0; -} -#content.compact > .comment-thread { - font-size: 0.9375rem; - margin: 0.5em 0; -} -#content.compact > .comment-thread:hover { - z-index: 1; -} -#content.compact > .comment-thread .comment-body { - font-size: 1.0625rem; -} -#content.compact > .comment-thread .comment-item, -#content.index-page .comment-item.ignored, -#content.inbox-user-page .comment-item.ignored { - max-height: 61px; - margin-top: 1em; - overflow: hidden; - position: relative; -} -#content.compact > .comment-thread .comment-item { - pointer-events: none; -} -#content.compact > .comment-thread .comment-item::after { - content: "…"; - position: absolute; - right: 0; - bottom: 0; - font-size: 2rem; - line-height: 1; - padding: 0 16px 10px 64px; - pointer-events: auto; -} -@media only screen and (hover: hover) { - #content.compact:not(:focus-within) > .comment-thread .comment-item:hover, - #content.compact > .comment-thread .comment-item.expanded { - overflow: visible; - pointer-events: auto; - z-index: 10; - } -} -@media only screen and (hover: none) { - #content.compact > .comment-thread.expanded .comment-item { - overflow: visible; - pointer-events: auto; - z-index: 10; - } -} -#content.compact > .comment-thread .comment-item .comment-meta { - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - padding: 2px 10px; -} -#content.compact > .comment-thread .comment-item:hover .comment-meta { - white-space: unset; -} -#content.compact > .comment-thread .comment-item .comment-meta a { - pointer-events: auto; -} -#content.compact > .comment-thread .comment-item .comment-meta .comment-post-title { - display: inline; -} -#content.compact > .comment-thread .comment-item .comment-meta .voting-controls + .comment-post-title { - margin-left: 0.75em; -} -@media only screen and (hover: hover) { - #content.compact > .comment-thread:last-of-type .comment-item:hover, - #content.compact > .comment-thread:last-of-type .comment-item.expanded { - max-height: unset; - } - #content.compact > .comment-thread .comment-item:hover .comment, - #content.compact > .comment-thread .comment-item.expanded .comment { - position: relative; - z-index: 1; - margin-bottom: 2em; - bottom: 0; - } - #content.compact > .comment-thread .comment-item:hover .comment::before, - #content.compact > .comment-thread .comment-item.expanded .comment::before{ - content: ""; - position: absolute; - display: block; - width: calc(100% + 20px); - height: calc(100% + 20px); - z-index: -1; - top: -10px; - left: -10px; - } - #content.compact > .comment-thread:last-of-type .comment-item:hover .comment, - #content.compact > .comment-thread:last-of-type .comment-item.expanded .comment{ - margin: 0; - } -} -@media only screen and (hover: none) { - #content.compact > .comment-thread.expanded:last-of-type .comment-item { - max-height: unset; - } - #content.compact > .comment-thread.expanded .comment-item .comment { - position: relative; - z-index: 1; - margin-bottom: 2em; - bottom: 0; - } - #content.compact > .comment-thread.expanded .comment-item .comment::before { - content: ""; - position: absolute; - display: block; - width: calc(100% + 14px); - height: calc(100% + 20px); - z-index: -1; - top: -10px; - left: -10px; - } - #content.compact > .comment-thread.expanded:last-of-type .comment-item .comment { - margin: 0; - } - #content.compact > .comment-thread.expanded .comment-item .comment::after { - content: ""; - display: block; - position: fixed; - top: 0; - left: 0; - width: 100%; - height: 100%; - z-index: -2; - background-color: rgba(255, 255, 255, 0.5); - } -} - -/*****************************/ -/* HIGHLIGHTING NEW COMMENTS */ -/*****************************/ - -.new-comment::before { - content: ""; - position: absolute; - width: 100%; - height: 100%; - z-index: 5000; - pointer-events: none; -} - -/***********************************/ -/* COMMENT THREAD MINIMIZE BUTTONS */ -/***********************************/ - -.comment-minimize-button { - font-family: "Font Awesome", "Font Awesome 5 Free"; - font-weight: 900; - font-size: 1.25rem; - line-height: 1; - position: absolute; - right: 1px; - top: 1px; - width: 18px; - margin: 0; - cursor: pointer; -} -.comment-minimize-button:active { - transform: scale(0.9); -} -.comment-minimize-button::after { - content: attr(data-child-count); - font-weight: normal; - font-size: 0.8125rem; - position: absolute; - left: 0; - width: 100%; - text-align: center; - top: 21px; -} -#content.individual-thread-page .comment-minimize-button { - display: none; -} - -/*****************/ -/* IGNORE SYSTEM */ -/*****************/ - -#content.comment-thread-page .comment-item.ignored { - height: 38px; - overflow: hidden; -} -.comment-item.ignored > .comment > .comment-meta > .author { - text-decoration: line-through; -} - -/***********************************/ -/* INDIVIDUAL COMMENT THREAD PAGES */ -/***********************************/ - -.individual-thread-page > h1 { - line-height: 1; - margin: 0.75em 0 3px 0; -} -.individual-thread-page .comments { - border: none; -} - -/*************/ -/* SHORTFORM */ -/*************/ - -.shortform-index-page .comments::before { - border: none; - box-shadow: none; -} - -.shortform-index-page .comments > .comment-thread > .comment-item:first-child { - margin-top: 0; -} - -/****************/ -/* VOTE BUTTONS */ -/****************/ - -.vote { - margin: 0; -} -.vote { - font-family: "Font Awesome", "Font Awesome 5 Free"; - font-weight: 900; - border: none; -} - -.vote:disabled { - visibility: hidden; - cursor: default; -} - -@keyframes waiting { - 0% {background-position: 200% 0%} - 100% {background-position: 0% 0%} -} - -.voting-controls .karma-value { - opacity: 1; - transition: opacity 0.5s linear; -} - -.voting-controls.waiting .karma-value { - opacity: 0.5; - background: repeat-x linear-gradient(70deg, #fff 50%, #000 75%, #fff); - background-clip: text; - -webkit-background-clip: text; - color: transparent; - background-position: 200% 0%; - background-size: 200% 100%; - animation: waiting 1s linear infinite; -} - -/* Replicated karma controls at bottom of comments. */ -.comment-controls .voting-controls { - float: left; - font-size: 0.9375em; -} - -.comment-controls .voting-controls:first-of-type { - margin-left: -14px; -} - -/*****************************/ -/* COMMENTING AND POSTING UI */ -/*****************************/ - -.comment-controls { - text-align: right; - margin: 0 8px 8px 16px; - position: relative; - z-index: 9999; -} -.comment-thread .comment-controls + .comment-thread > li:first-child { - margin-top: 8px; -} -.comments > .comment-controls { - margin: 8px 0 0 0; -} -.comments > .comment-controls:last-child { - margin: 8px 0 16px 0; -} - -.posting-controls input[type='submit'] { - margin: 6px; - padding: 4px 10px; - font-size: 1.125rem; -} - -.comment-controls .cancel-comment-button { - position: absolute; - right: 0; - margin: 0; - height: 27px; - font-size: inherit; - padding: 4px 8px 2px 4px; - z-index: 1; -} -.comment-controls .cancel-comment-button::before { - font-family: "Font Awesome", "Font Awesome 5 Free"; - margin-right: 3px; - content: '\F00D'; - font-weight: 900; - font-size: 0.9em; - opacity: 0.7; -} - -.comment + .comment-controls .action-button { - font-weight: normal; - font-size: 1.0625em; - padding: 1px 6px; -} -.comment-controls .action-button::before { - font-family: "Font Awesome", "Font Awesome 5 Free"; - margin-right: 3px; -} -.new-comment-button { - font-size: 1.5rem; - margin: 0 0.25em; -} -.comment-controls .reply-button::before { - content: '\F3E5'; - font-weight: 900; - font-size: 0.9em; - opacity: 0.6; -} -.comment-meta .replied::before { - content: '\F3E5'; - font-family: "Font Awesome", "Font Awesome 5 Free"; - color: #9740cb; - font-weight: 900; - font-size: 0.9em; - opacity: 0.6; -} - -.post-controls { - text-align: right; - margin: 0.75em 0 0 0; - align-self: start; - justify-self: end; -} -.edit-post-link { - display: inline-block; - margin-bottom: 0.25em; - font-size: 1.125rem; -} -.edit-post-link::before { - margin-right: 0.3em; -} -.comment-controls .edit-button::before, -.edit-post-link::before { - content: '\F303'; - font-family: "Font Awesome", "Font Awesome 5 Free"; - font-weight: 900; - font-size: 0.75em; - position: relative; - top: -1px; -} - -.comment-controls .delete-button { - margin-right: 0.25em; -} -.comment-controls .edit-button, -.comment-controls .retract-button, -.comment-controls .unretract-button { - margin-right: 1em; -} -.comment-controls .retract-button::before { - content: '\F4B3'; - opacity: 0.6; -} -.comment-controls .unretract-button::before { - content: '\F075'; - opacity: 0.9; -} -.comment-controls .delete-button::before { - content: '\F05E'; - opacity: 0.7; -} -.comment-controls .retract-button::before, -.comment-controls .unretract-button::before, -.comment-controls .delete-button::before { - font-weight: 900; - font-size: 0.9em; -} - -.comment-controls form { - position: relative; -} -.textarea-container { - position: relative; -} -.posting-controls textarea { - display: block; - width: 100%; - height: 15em; - min-height: 15em; - max-height: calc(100vh - 6em); - margin: 2px 0 0 0; - padding: 4px 5px; - font-size: 1.2rem; - border-style: solid; - border-width: 29px 1px 1px 1px; - resize: none; -} - -/* GUIEdit buttons */ - -.guiedit-buttons-container { - position: absolute; - left: 1px; - top: 1px; - width: calc(100% - 2px); - height: 28px; - text-align: left; - padding: 1px 4px 0 4px; - overflow: hidden; -} -.comment-thread-page .guiedit-buttons-container { - padding-right: 60px; -} -.guiedit-buttons-container button { - height: 26px; - padding: 0 7px; - font-weight: 900; - font-size: 0.875rem; - line-height: 1; - position: static; -} -.guiedit-buttons-container button:active { - transform: none; -} -.guiedit-buttons-container button:active div { - transform: scale(0.9); -} -.guiedit-buttons-container button sup { - font-weight: bold; -} -.guiedit::after { - content: attr(data-tooltip); - position: absolute; - font-weight: normal; - font-size: 1rem; - top: 2px; - left: 464px; - height: 25px; - padding: 4px 0; - white-space: nowrap; - visibility: hidden; -} -.guiedit:hover::after { - visibility: visible; -} - -/* Markdown hints */ - -.posting-controls .markdown-reference-link { - float: left; - padding: 1px 0 0 6px; -} -.posting-controls .markdown-reference-link a { - padding-right: 1.5em; - margin-right: 0.15em; - background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJAAAACQCAQAAABNTyozAAAEDklEQVR4Ae3cY3QDjRaG0V1e27Zt27Zt27Ztf7Zt27Zt10jOdZtZzbSN2q41533+tsFO4zRi0TKRJVACJdDiJVACJVACJVACZQmUQAmUQAmUQAmUQFkCJVACJVACJVACJVDWuD7P8icnGRcVbdyJ/uRZ+jTZYxwq/lN2qMcozvtMibmySe/TsPeqi0JZ3XsAHm1SZAua9CjgoMQo6UB4uiim5gbXV7Ab1EQxT+P3RRw/dHtV3e39UL3g8XuOEw39QNX3g4LHcYwU/n5uo+q7beGKNqLwJ3U1cteKuepEQ1cid03BJIESKIESKIESKIESaIkl0I3dv7Q7a293c//ShrWym7l/abdbGaCnidJGPFzre6opUdqDtLJXitJ+svpA4Uy30dru6hJRHaCws37L37CDRbWAwvctf38S1QOqe43l7f2iikDheg+x9J5ksqpA4TS3svju5CJRXaCwvX7lG3KAqDZQ+Jby/U4kUM0rNN+7hAQSrvNAC/c4Ewn0/052C8Xd0fkigebbRp/5DdpHJFCxr5nfr4QEUqzmJYC3iQRq1jXuj8cYT6CyTnAv54oEKm9EJFBnJVAC7eoS0XJn2r8qQP/wNFOipUY8wvbVAeIjooXq3ki1gPhHC0A/oWWgQZ/37ZI2FaUdVPpb33LHlQS6scPFstrDQBtAvEpNdLEfsZJA3N3lYsnOcTvaAuKzomttqW+lgXimabFoYx5N20D8SXSlw9yElQfiE0J5dW+lI6BBu4uOO8+dWB0g1hel/YIOgbiVE0VHXefhrB7QTRwtmra3gS4AcW+Xibab8SJWE4h7uaLpn/Ud6AoQTzIu2uzDrDYQzzUjCo17HF0D4g3qoo1+yWoCld8hv5OuAvFl0XLb6V8rQGws5votXQfqs45oqaPdjLUDdNO5f7Xa32APgBhu6b2SC92VtQTEfVwlXOhO9ASI2zhNLKsRj2atAfFCo55Iz4C4nyvFks16OWsRiPvQUyCeblIs0adYq0B6DsTb1EV5fk+1gfiWKG0XAwnUZyPRtOPdggTiRg4UC7rEPUkg4PbOFIXGPIEEmt+DCmeu5rUkUHHPaXj76Qsk0MK9R/ynv5FAzfdDYS9Da+n/xe6ovd2lS/8vVlyfH7o1vQLKJVACJVACJVACJVACIYGW/A6z/A6zG8RcNbdT9d1eTcx1A8eKhn6s6vtxweNYfisaqvupu+jXV8H63cXP1Asev+Wpopi6aVMVbFpdFPMUlP6jdrY/8AgTYkHZhEcAvFNdFMpq3qFh78y/okIT3qk4j8zborn290hN91S/c6zrzapVsFnXO9bvPFXjYtEykSVQAnVUAiVQAiVQAiVQAiVQlkAJlEAJlEAJlEAJlCVQAiVQAiVQAiVQAmX/BMHb3CdNrgcrAAAAAElFTkSuQmCC'); - background-size: 1.25em; - background-repeat: no-repeat; - background-position: right center; -} - -#markdown-hints-checkbox + label { - float: left; - margin: 2px 0 0 1em; - line-height: 1.3; - cursor: pointer; -} -#edit-post-form #markdown-hints-checkbox + label { - padding: 0; -} -#markdown-hints-checkbox { - visibility: hidden; - float: left; -} -#markdown-hints-checkbox + label::after { - content: "(Show Markdown help)"; -} -#markdown-hints-checkbox:checked + label::after { - content: "(Hide Markdown help)"; -} -#markdown-hints-checkbox + label::before { - content: '\F059'; - font-family: "Font Awesome", "Font Awesome 5 Free"; - font-weight: 900; - margin-right: 3px; -} -#markdown-hints-checkbox:checked + label::before { - font-weight: normal; -} -#markdown-hints { - margin: 4px 0 0 4px; - padding: 4px 8px; - position: absolute; - text-align: left; - top: calc(100% - 1em); - z-index: 1; - display: none; -} -.comment-controls #markdown-hints { - top: calc(100% + 1.75em); -} -#markdown-hints-checkbox:checked ~ #markdown-hints { - display: table; -} -.markdown-hints-row { - display: table-row; -} -#markdown-hints .markdown-hints-row span, -#markdown-hints .markdown-hints-row code { - float: none; - display: table-cell; - border: none; - background-color: inherit; - padding: 0 12px 0 0; -} - -/******************/ -/* EDIT POST FORM */ -/******************/ - -#edit-post-form { - padding: 1em 1em 4em 1em; -} -#edit-post-form .post-meta-fields { - display: grid; - grid-template-columns: 5em auto auto auto 1fr auto; - margin-bottom: 0.625em; -} - -#edit-post-form label[for='title'], -#edit-post-form label[for='url'], -#edit-post-form label[for='section'] { - grid-column: 1; -} -#edit-post-form input[type='text'] { - padding: 0.25em; - grid-column: 2 / span 4; - margin-bottom: 0.5em; -} - -#edit-post-form .link-post-checkbox, -#edit-post-form .link-post-checkbox + label { - grid-row: 1; - grid-column: 6; -} -#edit-post-form .question-checkbox, -#edit-post-form .question-checkbox + label { - grid-row: 3; - grid-column: 5; - justify-self: start; - margin-left: 1.5em; -} - -#edit-post-form .post-meta-fields label[for="submit-to-frontpage"] { - grid-row: 4; - grid-column: 2 / span 4; - text-align: left; - margin-top: 8px; -} - -#edit-post-form .post-meta-fields input[type='checkbox'] { - height: 0; - opacity: 0; - pointer-events: none; -} -#edit-post-form .post-meta-fields input[type='checkbox'] + label { - white-space: nowrap; - position: relative; - cursor: pointer; - padding: 0.25em 0.5em 0.25em calc(20px + 0.25em + 0.3725em); - align-self: start; -} -#edit-post-form .post-meta-fields input[type='checkbox'] + label::before { - content: ""; - font-family: "Font Awesome", "Font Awesome 5 Free"; - font-size: 1.375rem; - line-height: 0.7; - text-indent: 1px; - font-weight: 900; - position: absolute; - width: 20px; - height: 20px; - left: 5px; -} -#edit-post-form label[for='url'], -#edit-post-form input[name='url'] { - display: none; -} -#edit-post-form .link-post-checkbox:checked ~ label[for='url'], -#edit-post-form .link-post-checkbox:checked ~ input[name='url'] { - display: initial; -} -#edit-post-form label { - line-height: normal; - border: 1px solid transparent; - text-align: right; - padding: 0.25em 0.5em; - white-space: nowrap; -} -#edit-post-form input[type='radio'] { - width: 0; - margin: 0; - opacity: 0; - pointer-events: none; -} -#edit-post-form input[type='radio'] + label { - padding: 4px 12px; - text-align: center; - border-style: solid; - border-width: 1px 1px 1px 0; - cursor: pointer; -} -#edit-post-form input[type='radio']:checked + label { - cursor: default; -} - -#edit-post-form label[for='section'] { - grid-row: 3; -} -#edit-post-form input[type='radio'] + label { - grid-row: 3; -} -@supports (width: -moz-fit-content) { - #edit-post-form input[type='radio'] + label { - width: -moz-fit-content; - } -} -@supports (width: fit-content) { - #edit-post-form input[type='radio'] + label { - width: fit-content; - } -} - -#edit-post-form textarea { - min-height: 24em; -} - -#edit-post-form input[type='submit'] { - padding: 6px 12px; - float: right; -} -#edit-post-form #markdown-hints { - top: calc(100% + 2em); -} - -#edit-post-form button.guiedit div { - overflow: visible; -} -.guiedit-mobile-auxiliary-button { - display: none; -} - -/***********/ -/* BUTTONS */ -/***********/ - -button, -input[type='submit'] { - font-family: inherit; - font-size: inherit; - background-color: inherit; - cursor: pointer; - border: none; - border-radius: 0; -} - -/************/ -/* HEADINGS */ -/************/ - -.body-text h1, -.body-text h2, -.body-text h3, -.body-text h4, -.body-text h5, -.body-text h6 { - line-height: 1.1; - margin: 1em 0 0.75em 0; - text-align: left; -} - -.post-body h5, -.post-body h6 { - font-size: 1em; -} -.post-body h4, -.body-text h4 { - font-size: 1.2em; -} -.post-body h3, -.body-text h3 { - font-size: 1.4em; -} -.post-body h2, -.body-text h2 { - font-size: 1.75em; -} -.post-body h1, -.body-text h1 { - font-size: 2.1em; -} - -.comment-body h5, -.comment-body h6 { - font-size: 1em; -} -.comment-body h4 { - font-size: 1.15em; -} -.comment-body h3 { - font-size: 1.3em; -} -.comment-body h2 { - font-size: 1.5em; -} -.comment-body h1 { - font-size: 1.75em; -} - -/**********/ -/* QUOTES */ -/**********/ - -blockquote, -.post-body .comment-box .comment-body { - font-size: 0.9em; - margin: 1em 0; - padding-left: 0.5em; - margin-left: 1px; - padding-bottom: 3px; -} -blockquote *:first-child { - margin-top: 0; -} -blockquote *:last-child { - margin-bottom: 0; -} -blockquote blockquote { - font-size: 0.95em; -} - -/* Pseudo-blockquotes that LW sometimes uses for some reason */ - -.post-body .comment-box .user-name { - font-style: italic; -} -.post-body .comment-box .user-name::after { - content: ":"; -} -.post-body .comment-box { - zoom: 1.25; -} - -/**********/ -/* IMAGES */ -/**********/ - -#content img, #content figure { - max-width: 100%; -} - -.prediction-poll > svg { - width: 700px; - max-width: 100%; -} - -img.inline-latex { - position: relative; - top: 2.5px; - margin: 0 2px; -} - -#content figure { - text-align: center; - margin: 1.5em auto; -} - -p.imgonly, -div.imgonly, -figure { - text-align: center; - margin: auto; - clear: both; -} - -.imgonly iframe { - display: block; - width: 100%; - height: 250px; - border: 0; -} - -// Aspect ratio trick from https://css-tricks.com/aspect-ratio-boxes/ - -[style*="--aspect-ratio"] > * { - width: 100%; -} -[style*="--aspect-ratio"] > img { - height: auto; -} -@supports (--custom:property) { - [style*="--aspect-ratio"] { - position: relative; - } - [style*="--aspect-ratio"]::before { - content: ""; - display: block; - padding-bottom: calc(100% / (var(--aspect-ratio))); - } - [style*="--aspect-ratio"] > * { - position: absolute; - top: 0; - left: 0; - height: 100%; - } -} - -/**********/ -/* TABLES */ -/**********/ - -.body-text table { - border-collapse: collapse; - font-size: 0.875em; -} -.body-text table th, -.body-text table td { - text-align: left; - padding: 4px 6px; - line-height: 1.3; -} -.body-text table .numeric { - text-align: right; - font-family: Inconsolata, Menlo, monospace; -} -.body-text table caption { - margin: 0 0 0.25em 0; - font-weight: bold; - font-size: 1.125em; -} - -/********/ -/* MISC */ -/********/ - -/*= Superscripts & subscripts =*/ - -/* Make sure superscripts and subscripts do not affect line spacing. */ -sup, sub { - vertical-align: baseline; - position: relative; - top: -0.5em; - left: 0.05em; - font-size: 0.8em; -} -sub { - top: 0.3em; -} - -/*= Code blocks & other "unstyled" text. =*/ - -pre, -code { - font-family: Inconsolata, Menlo, monospace; -} -pre { - white-space: pre-wrap; -} -.body-text pre { - text-align: left; -} -code { - font-size: 0.95em; - display: inline-block; - padding: 0 4px 1px 5px; -} -pre > code { - display: block; - border-radius: 0; - padding: 3px 4px 5px 8px; - tab-size: 4; -} - -/*= Fractions =*/ - -.frac::after { - content: "\200B"; -} - -/*= Removing browser default styling of various elements =*/ - -/* On various input elements such as text fields and buttons, remove "blue glow" focus outlines on Macs, dotted black outlines in Firefox, etc. */ -:focus { - outline: none; -} - -/* Remove "embossed" appearance of horizontal rules. */ -hr { - border: none; -} - -input, -button, -textarea { - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; -} - -input { - font-family: inherit; - font-size: inherit; - font-weight: inherit; -} - -/*************/ -/* FOOTNOTES */ -/*************/ - -ol { - counter-reset: ordered-list; -} -.footnote-definition { - font-size: 0.9em; - list-style-type: none; - counter-increment: ordered-list; - position: relative; -} -.footnote-definition p { - font-size: inherit !important; -} -.footnote-definition::before { - content: counter(ordered-list) "."; - position: absolute; - left: -2.5em; - font-weight: bold; - text-align: right; - width: 2em; -} - -/*= LW Docs footnotes =*/ - -.footnote-item { - display: flex; -} - -.footnote-item > :not(.nothing) { - margin: 0 0.2em; -} - -.footnote-item > :first-child { - margin-left: -0.2em; - margin-right: 0; -} - -.footnote-back-link a:not(.nothing) { - font-size: 0; - text-decoration: none; - border: none; -} - -.footnote-back-link a:not(.nothing):hover { - text-shadow: 0 0 1px #000, 0 0 3px #000, 0 0 5px #0cc800; - border: none; - text-decoration: none; -} - -.footnote-back-link a::after { - content: '\F106'; - font-family: Font Awesome; - font-size: 1rem; - padding: 0.2em; - text-decoration: none; - font-weight: bold; -} - -.footnote-content > :first-child { - margin-top: 0; -} - -/*********/ -/* LISTS */ -/*********/ - -li { - margin-bottom: 0.5em; -} - -.body-text ol p, -.body-text ul p { - margin: 0.5em 0; -} - -.body-text ol { - list-style: none; - padding: 0; - counter-reset: ol; -} -.body-text ol > li { - position: relative; - counter-increment: ol; - padding: 0 0 0 2.5em; - margin: 0.25em 0 0 0; -} -.body-text ol > li::before { - content: counter(ol) "."; - position: absolute; - width: 2em; - text-align: right; - left: 0; -} -.body-text ul { - list-style: none; - padding: 0; -} -.body-text ul:not(.contents-list) > li:empty { - padding-bottom: 1.25em; -} -.body-text ul:not(.contents-list) > li { - position: relative; - padding: 0 0 0 1.75em; - margin: 0.25em 0 0 0; -} -.body-text ul:not(.contents-list) > li ul > li { - padding: 0 0 0 2em; -} -.body-text ul:not(.contents-list) > li::before { - content: "•"; - position: absolute; - width: 1.25em; - text-align: right; - left: 0; -} -.body-text ul:not(.contents-list) > li ul > li::before { - width: 1.5em; -} -.body-text li > ul:first-child > li { - padding-left: 0; -} -.body-text li > ul:first-child > li::before { - content: none; -} - -/**************/ -/* ERROR PAGE */ -/**************/ - -.error-retry-form { - margin: 0.5em 0; -} - -.error-retry-form input[type="submit"] { - border: 1px solid #484848; - font-weight: bold; - font-size: 1.125rem; - padding: 0.5em 1.25em; -} - -/**************/ -/* ABOUT PAGE */ -/**************/ - -#content.about-page .contents { - margin-top: 0.25em; -} -#content.about-page .accesskey-table { - border-collapse: collapse; - margin: auto; -} -#content.about-page .accesskey-table th, -#content.about-page .accesskey-table td { - padding: 2px 6px; -} -#content.about-page .accesskey-table td:first-child { - padding-right: 1.5em; -} -#content.about-page .accesskey-table td:last-child { - text-align: center; - font-family: Inconsolata, Menlo, monospace; -} -#content.about-page h3:nth-of-type(n+2) { - clear: both; -} - -/******************/ -/* IMAGES OVERLAY */ -/******************/ - -#images-overlay + #content .post-body img { - visibility: hidden; -} - -#images-overlay div { - position: absolute; -} -#images-overlay div::after { - content: "Click to enlarge"; - display: block; - position: absolute; - margin: auto; - left: 0; - right: 0; - bottom: 10px; - padding: 6px 10px; - font-size: 1.25rem; - background-color: rgba(255, 255, 255, 0.6); - color: #000; - border-radius: 5px; - opacity: 0.0; - transition: opacity 0.15s ease; - pointer-events: none; -} -@supports (width: -moz-fit-content) { - #images-overlay div::after { - width: -moz-fit-content; - } -} -@supports (width: fit-content) { - #images-overlay div::after { - width: fit-content; - } -} -#images-overlay div:hover::after { - opacity: 1.0; -} - -#images-overlay img { - width: 100%; -} - -/***************/ -/* IMAGE FOCUS */ -/***************/ - -/*=--------------=*/ -/*= Hover styles =*/ -/*=--------------=*/ - -#content img:hover, -#images-overlay img:hover { - filter: drop-shadow(0 0 3px #777); - cursor: zoom-in; -} -#content img:active, -#images-overlay img:active { - transform: scale(0.975); -} - -/*=---------=*/ -/*= Overlay =*/ -/*=---------=*/ - -#image-focus-overlay { - position: fixed; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: 2; - display: none; - cursor: zoom-out; -} -#image-focus-overlay::before { - content: ""; - display: block; - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - background-color: #fff; - opacity: 0.5; - z-index: -1; -} -#image-focus-overlay.engaged { - display: initial; -} - -#image-focus-overlay img { - margin: auto; - position: absolute; - left: 50%; - top: 50%; - transform: translateX(-50%) translateY(-50%); -} - -/*=-------------------=*/ -/*= Single-image mode =*/ -/*=-------------------=*/ - -#image-focus-overlay:not(.slideshow) .image-number, -#image-focus-overlay:not(.slideshow) .slideshow-buttons { - visibility: hidden; -} - -/*=---------=*/ -/*= Caption =*/ -/*=---------=*/ - -#image-focus-overlay .caption { - position: absolute; - bottom: 0.75em; - background-color: rgba(255, 255, 255, 0.7); - left: 9em; - right: 9em; - margin: auto; - max-width: calc(100% - 18em); - text-align: center; - font-size: 1.375em; - border-radius: 8px; - z-index: 1; - transition: - bottom 0.2s ease; -} -@supports (width: -moz-fit-content) { - #image-focus-overlay .caption { - width: -moz-fit-content; - } -} -@supports (width: fit-content) { - #image-focus-overlay .caption { - width: fit-content; - } -} -#image-focus-overlay .caption.hidden { - bottom: -5em; - transition: - bottom 0.5s ease; -} - -#image-focus-overlay .caption p { - margin: 1em 1.25em; - color: #000; -} - -#image-focus-overlay .caption:not(:empty)::before { - content: ""; - display: block; - position: absolute; - width: 100vw; - height: calc(100% + 1.5em); - z-index: -1; - top: -0.75em; - left: calc(-50vw + 50%); - -} - -/*=--------------=*/ -/*= Help overlay =*/ -/*=--------------=*/ - -#image-focus-overlay .help-overlay { - position: absolute; - display: flex; - flex-flow: column; - z-index: 2; - font-size: 1.5rem; - padding: 1em; - border-radius: 10px; - bottom: 1em; - right: 1em; - overflow: hidden; - white-space: nowrap; - color: transparent; - cursor: default; - visibility: hidden; - transition: - visibility 1s ease, - color 1s ease, - background-color 1s ease, - bottom 0.3s ease; -} -#image-focus-overlay .help-overlay:hover { - max-width: 24em; - max-height: 14em; - background-color: rgba(255, 255, 255, 0.85); - color: #000; - visibility: visible; - transition: - visibility 0.2s ease 0.3s, - color 0.2s ease 0.3s, - background-color 0.2s ease 0.3s; -} - -#image-focus-overlay .help-overlay::after { - content: "\F128"; - font-family: "Font Awesome", "Font Awesome 5 Free"; - font-weight: 900; - font-size: 2rem; - position: absolute; - right: 0; - bottom: 0; - padding: 10px; - color: #fff; - filter: drop-shadow(0 0 6px #000); - visibility: visible; - opacity: 0.85; - transition: - visibility 1s ease; -} -#image-focus-overlay .help-overlay:hover::after { - visibility: hidden; - transition: - visibility 0.2s ease 0.3s; -} - -#image-focus-overlay .help-overlay p { - margin: 0; - text-indent: -2em; - padding-left: 2em; - max-width: 100%; - overflow: hidden; -} -#image-focus-overlay .help-overlay p + p { - margin: 0.75em 0 0 0; -} -#image-focus-overlay .help-overlay.hidden { - bottom: -2em; -} - -/*=--------------=*/ -/*= Slide number =*/ -/*=--------------=*/ - -#image-focus-overlay .image-number { - position: absolute; - z-index: 2; - font-size: 1.75rem; - left: 1em; - bottom: 1em; - font-weight: 600; - text-shadow: - 0 0 3px #000, - 0 0 5px #000, - 0 0 8px #000, - 0 0 13px #000; - width: 1.5em; - text-align: right; - white-space: nowrap; - transition: bottom 0.3s ease; -} -#image-focus-overlay .image-number::before { - content: "#"; - opacity: 0.3; -} -#image-focus-overlay .image-number::after { - content: " of " attr(data-number-of-images); - opacity: 0.3; -} -#image-focus-overlay .image-number:hover::before, -#image-focus-overlay .image-number:hover::after { - opacity: 1.0; -} -#image-focus-overlay .image-number.hidden { - bottom: -1.25em; -} - -/*=-------------------=*/ -/*= Slideshow buttons =*/ -/*=-------------------=*/ - -#image-focus-overlay .slideshow-buttons { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - z-index: 1; - display: flex; - justify-content: space-between; - pointer-events: none; -} -#image-focus-overlay .slideshow-buttons button { - font-family: "Font Awesome", "Font Awesome 5 Free"; - font-weight: 900; - font-size: 3rem; - padding: 0.5em; - color: #1f1f1f; - position: relative; - left: 0; - transition: - left 0.3s ease; - pointer-events: auto; -} -#image-focus-overlay .slideshow-buttons button::selection { - background-color: transparent; -} -@media only screen and (hover: hover) { - #image-focus-overlay .slideshow-buttons button:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #777; - } -} -#image-focus-overlay .slideshow-buttons button:active { - transform: none; - color: #666; -} -#image-focus-overlay .slideshow-buttons button:disabled { - text-shadow: none; - background-color: transparent; - color: #1f1f1f; - cursor: default; - opacity: 0.4; -} -#image-focus-overlay .slideshow-button.previous.hidden { - left: -1.75em; -} -#image-focus-overlay .slideshow-button.next.hidden { - left: 1.75em; -} - -/*=-----------------=*/ -/*= Background blur =*/ -/*=-----------------=*/ - -.blurred { - filter: blur(3px); -} - -/**************************/ -/* QUALIFIED HYPERLINKING */ -/**************************/ - -#content.no-nav-bars { - margin: 8px auto; -} -#content.no-nav-bars + #ui-elements-container > * { - padding-top: 8px; -} - -#aux-about-link { - position: fixed; - top: 40px; - left: calc((100% - 900px) / 2 - 69px); - width: 1.5em; - height: 1.5em; - text-align: center; - display: table; -} -#aux-about-link a { - display: table-cell; - width: 100%; - vertical-align: middle; - font-family: "Font Awesome", "Font Awesome 5 Free"; - font-weight: 900; - font-size: 1.25rem; - opacity: 0.4; - z-index: 1; -} - -.qualified-linking { - margin: 0; - position: relative; -} -.qualified-linking input[type='checkbox'] { - visibility: hidden; - width: 0; - height: 0; - margin: 0; -} -.qualified-linking label { - font-family: "Font Awesome", "Font Awesome 5 Free"; - font-weight: 900; - font-size: 1rem; - padding: 0 0.5em; - display: inline-block; - margin-left: 0.25em; -} -.qualified-linking label:hover { - cursor: pointer; -} -.qualified-linking label:active span { - display: inline-block; - transform: scale(0.9); -} -.qualified-linking label::selection { - background-color: transparent; -} - -.qualified-linking label::after { - content: ""; - width: 100vw; - height: 0; - left: 0; - top: 0; - position: fixed; - z-index: 1; - cursor: default; -} -.qualified-linking input[type='checkbox']:checked + label::after { - height: 100vh; -} - -.qualified-linking-toolbar { - position: absolute; - right: 0.25em; - top: 110%; - z-index: 1; -} -.qualified-linking input[type='checkbox'] ~ .qualified-linking-toolbar { - display: none; -} -.qualified-linking input[type='checkbox']:checked ~ .qualified-linking-toolbar { - display: block; -} -#qualified-linking-toolbar-toggle-checkbox-bottom ~ .qualified-linking-toolbar { - top: unset; - bottom: 125%; -} - -.qualified-linking-toolbar a { - display: block; - padding: 0 6px; - margin: 4px; -} -.qualified-linking-toolbar a::selection { - background-color: transparent; -} - -/*****************/ -/* HOVER PREVIEW */ -/*****************/ - -#preview-popup-toggle { - position: absolute; - right: -67px; - bottom: 285px; - cursor: pointer; - color: var(--GW-toggle-widget-color, #666); -} -#preview-popup-toggle:hover { - color: var(--GW-toggle-widget-hover-color, #aeaeae); -} - -#content.preview:not(not) { - padding: 0; -} -#content.preview > .comment-thread { - margin: 2px; -} -#content.preview.individual-thread-page > .comment-thread > .comment-item { - border: none; -} -#content.preview.user-page .page-main-heading, #content.preview.user-page .user-stats { - padding: 0 8px; -} -#content.preview.user-page .page-main-heading { - margin-left: 8px; -} -#content.preview.not(not) .body-text { - margin-left: 8px; - margin-right: 8px; -} -#content.preview.user-page .user-stats { - margin-right: 32px; -} -#content.preview.user-page .page-toolbar, #content.preview.user-page nav { - display: none; -} -#content.preview button.vote { - display: none; -} -#content.preview > h1.listing { - max-height: unset; -} -#content.preview.user-page > .comment-thread { - margin: 0.5em 0; -} -#content.preview > .post { - margin: 0 18px; -} -#content.preview .post-title { - margin-top: 0.5em; -} -#content.preview .post-meta { - line-height: 1.0; -} -#content.preview .body-text { - font-size: 1em; -} -#content.preview nav.contents, -#content.preview .lw2-link { - display: none; -} - -.preview-popup { - position: fixed; - transform-origin: top; - top: 10%; - right: 10%; - max-width: 700px; - z-index: 10001; - background-color: #131313; - border: 1px solid #2c2c2c; - box-shadow: 2px 6px 20px -4px #fff; - transition: height 0.2s ease, top 0.2s ease; -} -.popup-hide-button { - position: fixed; - top: 4px; - right: 4px; - color: #fff; - background-color: #000; - width: 28px; - height: 28px; - display: flex; - font-family: "Font Awesome"; - font-size: 14px; - line-height: 1; - border: 1px solid #393939; - border-radius: 28px; - align-items: center; - justify-content: center; - //padding-bottom: 2px; - padding-left: 1.5px; - font-family: "Font Awesome", "Font Awesome 5 Free"; - cursor: pointer; -} -.popup-hide-button:hover::before { - content: "Turn off preview popups"; - display: block; - position: absolute; - width: max-content; - right: 32px; - color #fff; - background-color: #000; - border: 1px solid #131313; - border-radius: 2px; - padding: 4px; -} - -/********/ -/* MATH */ -/********/ - -.mathjax-block-container { - display: block; - overflow-y: hidden; - border-radius: 6px; - margin: 1em 0 1.5em 0; -} -.mathjax-inline-container { - max-width: 100%; - overflow-x: auto; - overflow-y: hidden; - position: relative; - padding: 0 1px; -} -#content .mathjax-inline-container, -#content .mathjax-inline-container .mjpage, -#content .mathjax-inline-container .mjx-chtml, -#content .mathjax-inline-container .mjx-math, -#content .mathjax-inline-container .mjx-mrow { - display: inline; - white-space: normal; -} -.post .mathjax-inline-container { - line-height: 1; -} -.comment .mathjax-inline-container { - line-height: 1; -} -.mathjax-inline-container .mjx-chtml { - padding: 0; -} - -/************/ -/* SPOILERS */ -/************/ - -.spoiler { - color: #fff; /* invert-override: #888 */ - background-color: currentColor; - transition: none; - text-shadow: none; - margin: 1em 0; - box-shadow: 0 0 0 1px currentColor inset; - overflow: auto; -} -.spoiler:not(:last-child) { - margin-bottom: 0; -} -#content .spoiler * { - color: inherit; - border: none; -} -.spoiler:hover { - color: unset; - background-color: unset; - text-shadow: unset; - transition: - color 0.1s ease-out 0.1s, - background-color 0.1s ease-out 0.1s, - text-shadow 0.1s ease-out 0.1s; -} -.spoiler::selection, -.spoiler ::selection { - color: #000; - background-color: #fff; /* invert-override: #888 */ -} -.spoiler:not(:hover)::selection, -.spoiler:not(:hover) ::selection { - background-color: transparent; -} - -/*= Fix for LessWrong being weird =*/ - -.spoiler > p { - padding: 0 7px; -} -.spoiler > p:first-child { - margin-top: 0.25em; -} -.spoiler > p:last-child { - margin-bottom: 0; - padding-bottom: 0.25em; -} -#content .spoiler > p:hover ~ p { - color: #fff; /* invert-override: #888 */ - background-color: currentColor; -} -.spoiler > p + p { - margin-top: -1em; -} -.spoiler > p:not(:first-child) { - padding-top: 0.5em; -} -.spoiler > p:not(:last-child) { - padding-bottom: 0.5em; -} - -.spoiler:not(:hover) pre, -.spoiler:not(:hover) code { - background-color: inherit; - box-shadow: none; -} -#content .spoiler pre { - border-color: currentColor; - border-style: solid; - border-width: 0 1px; - border-radius: 0; -} - -/*******************/ -/* PAGE LIST INDEX */ -/*******************/ - -.page-list-index { - margin: 1em 30px; - line-height: 1.2; -} - -.page-list-index > p { - font-weight: bold; - font-size: 1.2em; -} - -.page-list-index > ul * { - margin: 0; -} - -.page-list-index ul { - padding-left: 1.5em; -} - -.page-list-index li { - margin-top: 0.67em; -} - -.page-list-index li > a { - display: block; - font-size: 1.1em; - font-weight: bold; - margin: 0.33em 0; -} - -.page-list-index li > a:last-child { - margin-bottom: 1em; -} - - -/*****************/ -/* USER MENTIONS */ -/*****************/ - -.textarea-container .autocomplete-container { - position: absolute; - overflow-y: auto; - font-size: 1.125rem; - cursor: default; - backdrop-filter: blur(2px); - width: 360px; -} -.textarea-container .autocomplete-container:empty { - display: none; -} - -@media only screen and (min-width: 521px) { - .textarea-container .autocomplete-container.inside { - max-height: calc(100% - 36px); - top: 32px; - } - .textarea-container .autocomplete-container.outside { - max-height: calc(100% - 28px); - top: 28px; - z-index: 10001; - } - - .textarea-container .autocomplete-container.inside.right { - right: 18px; - } - .textarea-container .autocomplete-container.inside.left { - left: 18px; - } - .textarea-container .autocomplete-container.outside.right { - left: calc(100% + 3px); - } - .textarea-container .autocomplete-container.outside.left { - right: calc(100% + 3px); - } - - head.content-width-normal + body .textarea-container .autocomplete-container.outside { - max-width: calc((100vw - (900px - 40px * 2)) / 2); - } - head.content-width-wide + body .textarea-container .autocomplete-container.outside { - max-width: calc((100vw - (1150px - 40px * 2)) / 2); - } - head.content-width-fluid + body .textarea-container .autocomplete-container.outside { - max-width: calc((300px + 40px * 2) / 2); - } -} - -.textarea-container .autocomplete-container div { - padding: 2px 8px 0 8px; - white-space: nowrap; - display: flex; - justify-content: flex-end; -} - -.textarea-container .autocomplete-container div span.name { - flex: 1 1 auto; - width: calc(100% - 9em); - overflow: hidden; - text-overflow: ellipsis; -} -.textarea-container .autocomplete-container div span.name:hover { - overflow: visible; - z-index: 1; -} -.textarea-container .autocomplete-container div span.age, -.textarea-container .autocomplete-container div span.karma { - font-size: 0.9em; - text-align: right; -} -.textarea-container .autocomplete-container div span.age { - flex: 0 0 3em; -} -.textarea-container .autocomplete-container div span.karma { - flex: 0 0 6em; -} - - -/***************/ -/* COLLECTIONS */ -/***************/ - -h2.sequence-chapter, -h3.sequence-chapter, -h4.sequence-chapter { - text-align: center; -} -h2.sequence-chapter::before, -h3.sequence-chapter::before, -h4.sequence-chapter::before { - display: block; - clear: both; - margin: 1.5em 0 0.75em 0; - font-style: normal; - font-weight: normal; - font-family: 'Concourse', 'a_Avante', 'GW-Symbols'; -} -h2.sequence-chapter::before { - content: '\25A3'; -} -h3.sequence-chapter::before { - content: '\25AA\2004\25AA'; -} -h4.sequence-chapter::before { - content: '\00B7\2004\00B7\2004\00B7'; -} - - -/*******************/ -/* ALIGNMENT FORUM */ -/*******************/ - -#content.alignment-forum-index-page::after { - content: "Alignment Forum"; - font-size: 1.5rem; - margin: 0.375em 0 0 -0.375em; - order: -1; -} - -/**********************/ -/* FOR NARROW SCREENS */ -/**********************/ - -@media only screen and (max-width: 1440px) { - #hns-date-picker { - right: -81px; - padding: 8px 10px 10px 10px; - bottom: 62px; - display: none; - } - #hns-date-picker::before { - content: ""; - position: absolute; - display: block; - z-index: -1; - height: calc(100% + 2px); - top: -1px; - left: -1px; - width: 50%; - } -} -@media only screen and (max-width: 1160px) { - #new-comment-nav-ui { - bottom: 180px; - right: -68px; - } - #hns-date-picker { - bottom: 200px; - right: -36px; - } - #hns-date-picker::before { - width: calc(100% - 35px); - } - #theme-selector button::before { - right: unset; - left: 100%; - } - #theme-selector:hover::after { - content: ""; - display: block; - position: absolute; - width: calc(6em - 7px); - height: calc(100% + 2px); - top: 0; - left: calc(100% + 1px); - } - #anti-kibitzer-toggle { - bottom: 330px; - } -} -@media only screen and (max-width: 1080px) { - #width-selector { - right: -30px; - } - #width-selector button { - display: block; - } - #text-size-adjustment-ui { - top: 90px; - right: -30px; - } - #text-size-adjustment-ui button { - display: block; - position: relative; - } - #text-size-adjustment-ui button.increase { - bottom: 48px; - } - #text-size-adjustment-ui button.decrease { - top: 50px; - } - #theme-selector { - top: 46px; - left: -44px; - } - #theme-tweaker-toggle { - left: -44px; - top: 2px; - } - #theme-tweaker-toggle button { - height: 2em; - width: 2em; - padding: 7px; - } - #quick-nav-ui { - right: -54px; - } - #new-comment-nav-ui { - right: -55px; - } - #hns-date-picker { - right: -23px; - } - #hns-date-picker::before { - width: calc(100% - 22px); - } - #anti-kibitzer-toggle { - right: -54px; - } -} -@media only screen and (max-width: 1040px) { - #quick-nav-ui { - right: -49px; - } - #new-comment-nav-ui { - right: -50px; - } - #hns-date-picker { - right: -18px; - } - #hns-date-picker::before { - width: calc(100% - 17px); - } - #anti-kibitzer-toggle { - right: -50px; - } -} -@media only screen and (max-width: 1020px) { - #quick-nav-ui { - right: -20px; - } - #new-comment-nav-ui { - right: -21px; - } - #new-comment-nav-ui .new-comments-count::before { - content: ""; - position: absolute; - width: 100%; - height: calc(100% + 45px); - z-index: -1; - left: 0; - top: -22px; - } - #hns-date-picker { - right: 19px; - } - #hns-date-picker::before { - width: 100%; - } - #anti-kibitzer-toggle { - right: -20px; - } -} -@media only screen and (max-width: 1000px) { - #theme-selector { - left: -17px; - top: 120px; - padding: 3px 0; - max-width: 32px; - } - #theme-selector button { - margin: 1px 4px; - } - #text-size-adjustment-ui { - top: 100px; - right: -12px; - } - @media not screen and (hover: none) { - #quick-nav-ui, - #new-comment-nav-ui, - #new-comment-nav-ui + #hns-date-picker, - #anti-kibitzer-toggle { - opacity: 0.4; - } - #quick-nav-ui:hover, - #new-comment-nav-ui:hover, - #new-comment-nav-ui + #hns-date-picker:hover, - #new-comment-nav-ui + #hns-date-picker:focus-within, - #new-comment-nav-ui:hover + #hns-date-picker, - #anti-kibitzer-toggle:hover { - opacity: 1.0; - } - } - #theme-tweaker-toggle { - top: 70px; - left: -21px; - } -} - -/**************/ -/* PRINT VIEW */ -/**************/ - -@media only print { - .nav-bar { - visibility: hidden; - max-height: 0; - overflow: hidden; - } - #ui-elements-container { - display: none; - } - #images-overlay { - display: none; - } - #images-overlay + #content .post-body img { - visibility: visible; - } - .comment-controls { - display: none; - } - #comments-sort-mode-selector { - display: none; - } - .comment-minimize-button { - display: none; - } - .post-meta .qualified-linking, - .post-meta .lw2-link { - display: none; - } - .comment-meta .permalink, - .comment-meta .lw2-link, - .comment-meta .comment-parent-link { - display: none; - } - .new-comment::before { - display: none; - } - #content::before { - box-shadow: none; - } -} - -/*****************/ -/* MOBILE LAYOUT */ -/*****************/ - -/* Hide the mobile elements on desktop screens: */ - -@media only screen and (max-width: 1160px) { - #post-nav-ui-toggle, - #appearance-adjust-ui-toggle { - display: none; - } -} - -@media only screen and (max-width: 1160px) { - -/*====================*/ -/* MOBILE UI ELEMENTS */ -/*====================*/ - -#ui-elements-container { - height: unset !important; - position: unset; -} -#ui-elements-container > * { - position: fixed; - visibility: hidden; - opacity: 1.0; - z-index: 10000; -} - -#ui-elements-container > div[id$='-ui-toggle'] { - visibility: visible; - display: inline-block; - border-radius: 50%; - z-index: 10000; -} -#ui-elements-container > div[id$='-ui-toggle'] button, -#theme-selector .theme-selector-close-button { - font-family: Font Awesome; - font-weight: 900; - font-size: 32px; - padding: 10px; - opacity: 0.8; - -webkit-tap-highlight-color: transparent; - transition: transform 0.2s ease; -} -#ui-elements-container > div[id$='-ui-toggle'] button::selection, -#theme-selector .theme-selector-close-button::selection { - background-color: transparent; -} -#ui-elements-container > div[id$='-ui-toggle'] button::-moz-focus-inner, -#theme-selector .theme-selector-close-button::-moz-focus-inner { - border: none; -} -#ui-elements-container > div[id$='-ui-toggle'] button.engaged { - transform: rotate(-90deg); - opacity: 1.0; -} - -#appearance-adjust-ui-toggle { - bottom: 10px; - left: 10px; -} - -#post-nav-ui-toggle { - bottom: 10px; - right: 10px; -} - -#theme-selector.engaged, -#quick-nav-ui.engaged, -#new-comment-nav-ui.engaged, -#hns-date-picker.engaged { - visibility: visible; -} - -#image-focus-overlay.engaged { - visibility: visible; -} -#image-focus-overlay .help-overlay { - display: none; -} - -/*=========*/ -/* GENERAL */ -/*=========*/ - -@media only screen and (max-width: 900px) { - #content, - #images-overlay, - #ui-elements-container { - min-width: unset; - width: unset; - } - #content { - padding: 0 4px; - } -} - -/*================*/ -/* THEME SELECTOR */ -/*================*/ - -#theme-selector { - display: flex; - flex-flow: column; - background-color: #000; - width: calc(100vw - 20px); - max-width: 360px; - padding: 0; - overflow: hidden; - max-height: 0; - transition: - top 0.2s ease, - max-height 0.2s ease, - visibility 0.2s ease; - top: calc(100% + 10px); - left: 0; - right: 0; - margin: auto; -} -#theme-selector.engaged { - max-height: 1000px; - top: 10px; - z-index: 10001; -} -#theme-selector::before { - content: "Select theme"; - white-space: nowrap; - display: block; - font-weight: 600; - font-size: 2rem; - margin: 0.375em 1em 0.5em 1em; - text-align: center; -} -#theme-selector button { - width: calc(100% - 0.5em); - background-repeat: no-repeat; - padding: 1em 0.875em; - margin: 1px 4px; - line-height: 1; - height: unset; - position: relative; -} -#theme-selector button::after { - content: attr(data-theme-description); - color: #fff; - white-space: nowrap; - position: absolute; - text-align: left; - left: 2.5em; - top: 1em; -} -@media only screen and (max-height: 675px) { - #theme-selector button { - padding: 0.875em; - } - #theme-selector button::after { - top: 0.875em; - } -} -#theme-selector .theme-selector-close-button { - position: absolute; - width: unset; - background-color: transparent; - top: 0; - right: 0; - margin: 0; - font-size: 31px; -} -#theme-selector .theme-selector-close-button, -#theme-selector .theme-selector-close-button:focus, -#theme-selector .theme-selector-close-button:active, -#theme-selector .theme-selector-close-button:hover { - box-shadow: none; -} - -#theme-selector .interaction-blocker-overlay { - position: fixed; - width: 100%; - height: 100%; - left: 0; - top: 0; - z-index: 1; - pointer-events: auto; - display: none; -} -#theme-selector .interaction-blocker-overlay.enabled { - display: block; -} - -/*=============================*/ -/* THEME SELECTOR AUX CONTROLS */ -/*=============================*/ - -#theme-selector .auxiliary-controls-container { - display: flex; - justify-content: space-between; - align-items: stretch; - padding: 0.75em 0 0 0; - margin: 8px; - border-top: 1px solid #fff; -} - -/*===============*/ -/* THEME TWEAKER */ -/*===============*/ - -#theme-selector #theme-tweaker-toggle { - position: relative; - top: unset; - left: unset; - padding: 0; -} - -#theme-selector #theme-tweaker-toggle button { - display: block; - width: unset; - margin: 0; - transform: none; - position: relative; - background-image: none; - padding: 0.5em 0.625em 0.375em 0.625em; - margin: 0; - opacity: 1.0; -} -#theme-selector #theme-tweaker-toggle button::after { - content: "Theme tweaker"; - font-size: 0.625em; - white-space: nowrap; - text-align: center; - display: block; - padding: 0; - margin: 0.5em 0 0 0; - max-width: unset; - position: static; - font-family: 'Concourse', 'a_Avante', 'GW-Symbols'; - font-weight: normal; -} -#theme-selector #theme-tweaker-toggle button::before { - display: none; -} - -#theme-tweaker-ui { - visibility: visible; -} - -/*======================*/ -/* ANTI-KIBITZER TOGGLE */ -/*======================*/ - -#theme-selector #anti-kibitzer-toggle { - position: relative; - top: unset; - bottom: unset; - left: unset; - right: unset; - margin: unset; - box-shadow: unset; - border-radius: unset; - overflow: visible; -} - -#theme-selector #anti-kibitzer-toggle button { - width: 48px; - height: 100%; - padding: 0; - margin: 0; - background-image: unset; - border-radius: 10px; -} -#theme-selector #anti-kibitzer-toggle button::before { - width: 100%; - visibility: unset; - position: static; - padding: 0; - text-align: center; -} -#theme-selector #anti-kibitzer-toggle button::after { - content: "\F007\2004\F164"; - position: static; - color: transparent; -} - -/*====================*/ -/* DARK MODE SELECTOR */ -/*====================*/ - -#theme-selector #dark-mode-selector { - position: static; - opacity: 1.0; - outline: none; - border-radius: 10px; -} - -#theme-selector #dark-mode-selector button { - width: 54px; - height: 100%; - margin: 0; - padding: 0 0 0.75em 0; - border-radius: 0; - background-image: none; - box-shadow: none; - border: none; - background-color: transparent; -} -#theme-selector #dark-mode-selector button::before { - display: none; -} -#theme-selector #dark-mode-selector button::after { - content: attr(data-name); - visibility: visible; - max-width: unset; - left: 0; - right: 0; - bottom: 0; - top: unset; - text-shadow: none; - font-size: 0.875rem; - color: inherit; - padding: 0 0.25em 0.5em 0.25em; - text-align: center; -} - -/*=================*/ -/* QUICKNAV WIDGET */ -/*=================*/ - -#quick-nav-ui { - max-width: 0px; - transition: - max-width 0.2s ease, - visibility 0.2s ease; - display: flex; - right: 72px; - bottom: 14px; -} -#quick-nav-ui.engaged { - max-width: 1000px; -} -#quick-nav-ui a { - position: relative; - margin: 2px; -} -#quick-nav-ui a + a { - margin-left: 5px; -} -#quick-nav-ui a::after { - position: absolute; - top: calc(100% + 2px); - font-size: 0.375rem; - left: 0; - right: 0; - margin: auto; - line-height: 1; - padding: 2px; - text-transform: uppercase; - z-index: -1; -} -@supports (width: -moz-fit-content) { - #quick-nav-ui a::after { - width: -moz-fit-content; - } -} -@supports (width: fit-content) { - #quick-nav-ui a::after { - width: fit-content; - } -} -#quick-nav-ui a[href='#top']::after { - content: "Top"; - left: -1px; -} -#quick-nav-ui a[href='#comments']::after { - content: "Comments"; -} -#content.post-page:not(.individual-thread-page) ~ #ui-elements-container #quick-nav-ui a[href='#comments'] { - visibility: hidden; - transition: visibility 0.2s ease; -} -#content.post-page:not(.individual-thread-page) ~ #ui-elements-container #quick-nav-ui.engaged a[href='#comments'] { - visibility: visible; -} -#quick-nav-ui a[href='#bottom-bar']::after { - content: "Bottom"; -} - -/*======================*/ -/* NEW COMMENT QUICKNAV */ -/*======================*/ - -#new-comment-nav-ui { - max-width: 0px; - max-height: 0px; - transition: - max-width 0.2s ease, - max-height 0.2s ease, - visibility 0.2s ease; - display: flex; - right: 78px; - bottom: 70px; -} -#new-comment-nav-ui::before { - content: "New Comments"; - position: absolute; - bottom: 100%; - font-size: 0.5625rem; - left: 0; - right: 0; - margin: auto; - padding: 2px 3px; - text-transform: uppercase; - z-index: -1; -} -@supports (width: -moz-fit-content) { - #new-comment-nav-ui::before { - width: -moz-fit-content; - } -} -@supports (width: fit-content) { - #new-comment-nav-ui::before { - width: fit-content; - } -} -#new-comment-nav-ui.engaged { - max-width: 1000px; - max-height: 1000px; -} -#new-comment-nav-ui .new-comment-sequential-nav-button { - top: unset; - bottom: unset; - padding: 2px 7px; -} -#new-comment-nav-ui .new-comment-sequential-nav-button.new-comment-previous { - padding: 2px 7px 3px 7px; -} -#new-comment-nav-ui .new-comments-count { - padding: 4px 0 5px 0; -} -#new-comment-nav-ui .new-comments-count::before { - display: none; -} -#new-comment-nav-ui button::after { - position: absolute; - font-size: 0.375rem; - left: 0; - right: 0; - margin: auto; - line-height: 1; - text-transform: uppercase; - pointer-events: none; -} -#new-comment-nav-ui button.new-comment-previous::after { - content: "Previous"; - bottom: 5px; -} -#new-comment-nav-ui button.new-comment-next::after { - content: "Next"; - top: 7px; -} - -/*=================*/ -/* HNS DATE PICKER */ -/*=================*/ - -#hns-date-picker { - max-height: 0px; - bottom: 132px; - right: 62px; - transition: - max-height 0.2s ease, - visibility 0.2s ease; -} -#hns-date-picker.engaged { - max-height: 1000px; -} -#hns-date-picker::before { - width: calc(100% + 2px); - border-width: 1px !important; -} - -/*=========*/ -/* NAV BAR */ -/*=========*/ - -#bottom-bar { - margin-left: auto; - margin-right: auto; - width: calc(100% - 9rem + 8px); - background: rgba(0, 0, 0, 0.85); - backdrop-filter: blur(1px); -} -#content.index-page #bottom-bar { - z-index: 10001; -} -#bottom-bar .nav-item { - box-shadow: none; - position: relative; -} -#bottom-bar .nav-inner { - font-size: 2rem; - padding: 1rem 0 1.25rem 0; - visibility: hidden; - position: static; - width: 0; -} -#content #bottom-bar .nav-item .nav-inner::before { - margin: 0; - visibility: visible; - position: absolute; - width: 100%; - height: 100%; - left: 0; - top: 0; - padding: 1rem 0; -} -#bottom-bar .nav-inner::after { - display: block; - visibility: visible; - text-transform: uppercase; - color: unset; - font-size: 0.75rem; - top: unset; - left: 0; - bottom: 1rem; - width: 100%; -} -#bottom-bar #nav-item-first .nav-inner::after { - content: "First Page"; -} -#bottom-bar #nav-item-prev .nav-inner::after { - content: "Prev. Page"; -} -#bottom-bar #nav-item-top .nav-inner::after { - content: "Top"; -} -#bottom-bar #nav-item-next .nav-inner::after { - content: "Next Page"; -} -#bottom-bar #nav-item-last .nav-inner::after { - content: "Last Page"; -} - -@media only screen and (max-width: 900px) { - .nav-bar-top { - font-size: 0.75rem; - } - .nav-bar { - width: calc(100% + 8px); - margin: 0 -4px; - overflow: hidden; - } - .nav-bar .nav-inner::after { - display: none; - } - - #primary-bar .nav-item { - flex: 1 1 100%; - } - .nav-bar-top:not(#primary-bar) .nav-item:not(#nav-item-search) { - flex: 1 1 60px; - } - .nav-bar-top:not(#anything) .nav-inner { - text-transform: uppercase; - padding: 6px; - } - .nav-bar-top .nav-inner::before { - display: block; - font-family: "Font Awesome"; - font-size: 2em; - font-weight: 900; - } - - #nav-item-home .nav-inner::before { - content: "\F015"; - } - #nav-item-featured .nav-inner::before { - content: "\F005"; - } - #nav-item-all .nav-inner::before { - content: "\F069"; - } - #nav-item-meta .nav-inner::before { - content: "\F077"; - } - #nav-item-tags .nav-inner::before { - content: "\F02C"; - } - #nav-item-recent-comments > * > span { - display: none; - } - #nav-item-recent-comments .nav-inner::before, - #nav-item-alignment-forum-comments .nav-inner::before { - content: "\F036"; - } - #nav-item-alignment-forum .nav-inner::before { - content: "AF"; - font-family: Concourse, 'Changa One'; - } - #nav-item-questions .nav-inner::before { - content: "?"; - font-family: Concourse, 'Changa One'; - } - #nav-item-events .nav-inner::before { - content: "\F5A0"; - } - #nav-item-shortform .nav-inner::before { - content: "\F2F2"; - } - #nav-item-archive .nav-inner::before { - content: "\F187"; - } - #nav-item-about .nav-inner::before { - content: "\F129"; - } - #nav-item-search { - font-size: 2em; - padding: 10px; - } - #nav-item-search .nav-inner::before { - content: none; - } - #nav-item-search .nav-inner { - height: 100%; - display: flex; - } - #nav-item-search input { - width: 100%; - height: 100%; - } - #nav-item-search button { - height: 100%; - padding: 5px 5px 5px 10px; - width: 40px; - overflow: visible; - visibility: hidden; - } - #nav-item-search button::before { - content: "\F002"; - font-family: Font Awesome; - font-weight: 900; - visibility: visible; - } - #nav-item-login { - padding: 0; - } - #nav-item-login .nav-inner::before { - content: "\F007"; - } -} -@media only screen and (max-width: 520px) { - .nav-bar-top { - font-size: 0.5rem; - } - - #nav-item-search, - #nav-item-search .nav-inner { - padding: 0; - } - #nav-item-search button { - width: 31px; - } - - #bottom-bar #nav-item-first .nav-inner::after { - content: "First"; - } - #bottom-bar #nav-item-prev .nav-inner::after { - content: "Prev"; - } - #bottom-bar #nav-item-next .nav-inner::after { - content: "Next"; - } - #bottom-bar #nav-item-last .nav-inner::after { - content: "Last"; - } -} - -/*=================*/ -/* INBOX INDICATOR */ -/*=================*/ - -@media only screen and (max-width: 900px) { - #inbox-indicator { - width: 100%; - top: 0; - pointer-events: none; - } - #inbox-indicator::before { - width: 100%; - font-size: 1rem; - text-align: right; - padding: 1px 6px; - } - #inbox-indicator.new-messages { - pointer-events: auto; - } - #inbox-indicator.new-messages::before { - box-shadow: 0 0 8px 1px #0090e0 inset; - } -} -@media only screen and (max-width: 520px) { - #inbox-indicator::before { - font-size: 0.75rem; - padding: 2px 5px; - } -} -@media only screen and (max-width: 374px) { - #inbox-indicator::before { - font-size: 0.625rem; - } -} - -/*===================*/ -/* TOP PAGINATION UI */ -/*===================*/ - -#top-nav-bar { - font-size: 1.75rem; -} - -/*==============*/ -/* PAGE TOOLBAR */ -/*==============*/ - -@media only screen and (max-width: 900px) { - #content > .page-toolbar { - font-size: 1rem; - margin-right: 0; - } - #content.user-page > .page-toolbar { - grid-column: 2 / span 2; - margin: 0 0 6px 0; - } -} -@media only screen and (max-width: 520px) { - #content:not(.user-page) .page-toolbar { - display: flex; - flex-direction: column-reverse; - text-align: right; - align-self: start; - padding: 4px 0 0 0; - } - #content.user-page .page-toolbar { - display: flex; - flex-flow: row; - justify-content: flex-end; - padding: 2px 0 0 0; - } - #content.user-page .page-toolbar > form, - #content.user-page .page-toolbar > .button { - text-align: center; - flex-basis: 25%; - margin-left: 1.5em; - } - #content.user-page .page-toolbar .button { - text-transform: uppercase; - font-size: 0.625rem; - } - #content.user-page .page-toolbar .button::before { - font-size: 1.375rem; - display: block; - padding: 0; - } - #content.user-page .page-toolbar .rss { - white-space: nowrap; - margin: 0 0 0 1.5em; - } - .page-toolbar > * { - line-height: 1.15; - padding: 6px 0; - margin: 0; - } -} - -/*==============*/ -/* SUBLEVEL NAV */ -/*==============*/ - -@media only screen and (max-width: 900px) { - .sublevel-nav:not(.sort) { - flex-wrap: wrap; - width: calc(100vw - 200px); - } - .sublevel-nav:not(.sort) .sublevel-item { - margin: 1px; - flex-basis: 7em; - } -} -@media only screen and (max-width: 520px) { - .sublevel-nav:not(.sort) .sublevel-item { - font-size: 1rem; - } -} - -/*=====================*/ -/* SORT ORDER SELECTOR */ -/*=====================*/ - -@media only screen and (max-width: 720px) { - #content.index-page > .sublevel-nav.sort { - flex-flow: column; - margin-left: 4px; - } -} - -/*==========*/ -/* ARCHIVES */ -/*==========*/ - -@media only screen and (max-width: 900px) { - div[class^='archive-nav-'] { - flex-wrap: wrap; - justify-content: flex-start; - } - .archive-nav *[class^='archive-nav-item'], - .archive-nav *[class^='archive-nav-item']:first-child { - padding: 10px; - margin: 2px; - max-width: unset; - flex: 0 1 calc((100% / 8) - 4px); - } - .archive-nav .archive-nav-item-day, - .archive-nav .archive-nav-item-day:first-child { - flex-basis: calc((100% / 16) - 4px); - } - .archive-nav > *[class^='archive-nav-'] + *[class^='archive-nav-'] { - margin-top: 8px; - position: relative; - } - .archive-nav > *[class^='archive-nav-'] + *[class^='archive-nav-']::before { - content: ""; - display: block; - position: absolute; - height: 1px; - width: calc(100% + 8px); - left: -4px; - top: -4px; - } -} -@media only screen and (max-width: 720px) { - .archive-nav .archive-nav-item-day, - .archive-nav .archive-nav-item-day:first-child { - flex-basis: calc((100% / 12) - 4px); - } -} -@media only screen and (max-width: 520px) { - .archive-nav *[class^='archive-nav-item'], - .archive-nav *[class^='archive-nav-item']:first-child { - flex-basis: calc((100% / 5) - 4px); - } - .archive-nav .archive-nav-item-day, - .archive-nav .archive-nav-item-day:first-child { - flex-basis: calc((100% / 8) - 4px); - } -} - -/*==========*/ -/* LISTINGS */ -/*==========*/ - -h1.listing { - max-height: unset; -} - -/*============*/ -/* USER PAGES */ -/*============*/ - -#content.user-page h1.page-main-heading { - align-self: end; -} -@media only screen and (max-width: 520px) { - #content.user-page h1.page-main-heading { - overflow: hidden; - text-overflow: ellipsis; - } - #content.user-page .user-stats .karma-type { - display: block; - } -} - -/*============*/ -/* LOGIN PAGE */ -/*============*/ - -@media only screen and (max-width: 640px) { - .login-container { - flex-flow: column; - margin: 0 auto 3em auto; - max-width: 400px; - } - .login-container #login-form, - .login-container #signup-form { - padding: 0 1em 1.25em 1em; - grid-row-gap: 0; - } - .login-container #signup-form { - padding-top: 1em; - } - .login-container #login-form > *, - .login-container #signup-form > * { - grid-column: 1 / span 2; - } - .login-container form label { - text-align: left; - padding: 0; - line-height: 1; - } - .login-container form input { - margin: 0.25em 0 0.75em 0; - padding: 0.5em; - } - .login-container form h1 { - grid-column: 1 / span 2; - margin: 0 0 0.25em 0; - } - .login-container form a { - margin: 0.75em 0 0 0; - } - .login-container .login-tip { - margin: 1.5em 1em 0 1em; - } -} - -/*==================*/ -/* POSTS & COMMENTS */ -/*==================*/ - -@media only screen and (max-width: 720px) { - .body-text ol > li { - padding: 0 0 0 2.25em; - } - .body-text ol > li::before { - width: 1.75em; - } - .body-text ul:not(.contents-list) > li, - .body-text ul:not(.contents-list) > li ul > li { - padding: 0 0 0 0.75em; - } - .body-text ul:not(.contents-list) > li::before, - .body-text ul:not(.contents-list) > li ul > li::before { - width: 0.125em; - margin-left: -0.06em; - } -} - -/*===========*/ -/* POST-META */ -/*===========*/ - -.post-meta { - line-height: 1.9; -} -@media only screen and (max-width: 720px) { - .post-meta .lw2-link span, - .post-meta .karma-value span, - .post-meta .comment-count span { - display: none; - } - .post-meta .comment-count::before { - content: "\F086"; - font-family: Font Awesome; - font-size: 0.875em; - margin: 0 0.25em 0 0; - font-weight: 400; - } -} - -/*===================*/ -/* POSTS & BODY TEXT */ -/*===================*/ - -@media only screen and (max-width: 900px) { - .post-body, - h1.post-title, - .tag-description, - .sequence-text { - padding: 0 6px; - } -} -@media only screen and (max-width: 520px) { - .post-body { - font-size: 1.2rem; - line-height: 1.45; - } - h1.post-title { - font-size: 2em; - } -} - -/*==============*/ -/* COMMENT-META */ -/*==============*/ - -a.comment-parent-link::after { - display: none; -} -@media only screen and (max-width: 900px) { - .comment-meta { - padding: 2px 40px 2px 10px; - } -} -@media only screen and (max-width: 720px) { - .comment .karma-value span { - display: none; - } - .comment-meta .comment-parent-link { - opacity: 1.0; - } -} -@media only screen and (max-width: 520px) { - .comment-meta { - padding: 2px 24px 2px 10px; - position: relative; - } - .comment-meta > * { - order: 3; - } - .comment-meta > :not(.author) { - line-height: 1.8; - } - .comment-meta .author, - .comment-meta .date { - order: 1; - } - .comment-meta:before { - content: ""; - order: 2; - flex-basis: 100%; - } - .comment-post-title2 { - display: block; - text-overflow: ellipsis; - overflow: hidden; - } - .comment-meta .lw2-link { - display: none; - } -} - -/*=======================*/ -/* COMMENTS COMPACT VIEW */ -/*=======================*/ - -/*===========================*/ -/* COMMENT THREAD NAVIGATION */ -/*===========================*/ - -@media only screen and (max-width: 900px) { - a.comment-parent-link { - width: 0; - visibility: hidden; - position: relative; - } - a.comment-parent-link::before { - padding: 0; - font-size: 1em; - left: 0; - top: 0; - line-height: inherit; - visibility: visible; - content: "\F3BF"; - transform: scaleX(-1); - width: 2em; - text-align: center; - } -} -@media only screen and (max-width: 520px) { - a.comment-parent-link { - position: static; - } - a.comment-parent-link::before { - padding: 6px; - left: unset; - right: 0; - top: unset; - bottom: 0; - height: 2em; - } -} - -/*=================================*/ -/* COMMENT THREAD MINIMIZE BUTTONS */ -/*=================================*/ - -@media only screen and (max-width: 520px) { - .comment-minimize-button{ - right: 2px; - } -} - -/*===========================*/ -/* COMMENTING AND POSTING UI */ -/*===========================*/ - -@media only screen and (max-width: 900px) { - .comment-controls .delete-button, .comment-controls .retract-button, .comment-controls .unretract-button, .comment-controls .edit-button { - font-size: 0; - } - .comment-controls .delete-button::before, .comment-controls .retract-button::before, .comment-controls .unretract-button::before, .comment-controls .edit-button::before { - font-size: 0.9rem; - } - .comment-controls .cancel-comment-button { - max-width: 1.3em; - overflow: hidden; - margin-right: 0.125em; - } - .comment-controls .edit-button::before { - font-size: 0.9375rem; - } - .comments > .comment-controls .cancel-comment-button { - right: 8px; - } - .comment-controls .cancel-comment-button::before { - font-size: 1.25rem; - } -} -@media only screen and (max-width: 520px) { - .comment-controls { - position: static; - } - .comment-controls:focus-within { - z-index: 10001; - } - .comment-controls .cancel-comment-button { - right: 10px; - } - .textarea-container:focus-within textarea { - position: fixed; - top: 0; - left: 2px; - width: calc(100vw - 4px); - height: calc(100% - 100px); - min-height: unset; - max-height: unset; - border-width: 1px; - z-index: 11001; - } - #content.conversation-page .textarea-container:focus-within textarea { - height: calc(100% - 54px); - } - #content.conversation-page .textarea-container:focus-within::after { - content: ""; - display: block; - width: 100%; - height: 50px; - position: fixed; - left: 0; - bottom: 0; - z-index: 11000; - } - .textarea-container:focus-within .guiedit-buttons-container { - position: fixed; - z-index: 11002; - left: 0; - width: 100vw; - height: auto; - background-image: none; - padding: 3px 4px 4px 4px; - margin: 0; - text-align: center; - top: auto; - bottom: 0; - } - .textarea-container:focus-within button.guiedit { - font-size: 0.9375rem; - line-height: 1.5; - height: auto; - width: calc((100% / 10) - 2px); - padding: 10px 1px 8px 0; - position: relative; - margin: 1px; - } - .textarea-container:focus-within .guiedit-mobile-auxiliary-button { - z-index: 11011; - position: fixed; - bottom: 7px; - width: calc(((100% - 16px) / 10) * 2.5 - 7px); - font-size: 1.25rem; - padding: 5px 5px 6px 5px; - display: block; - } - .textarea-container:focus-within button.guiedit sup { - position: absolute; - left: calc(50% + 0.65em); - top: calc(50% - 1.3em); - } - .textarea-container:focus-within .guiedit-mobile-help-button { - left: 8px; - } - .textarea-container:focus-within .guiedit-mobile-exit-button { - right: 8px; - } - .guiedit::after { - display: none; - } - - #markdown-hints, - #edit-post-form #markdown-hints { - z-index: 11111; - position: fixed; - top: 40px; - left: 0; - right: 0; - margin: auto; - padding: 4px 0 4px 8px; - width: 310px; - border-width: 3px; - border-style: double; - pointer-events: none; - } - #markdown-hints::after { - content: "(Type to hide this help box.)"; - color: #9740cb; - display: block; - margin: 12px 18px 13px 10px; - padding: 5px; - font-size: 0.9em; - text-align: center; - } -} - -/*================*/ -/* EDIT POST FORM */ -/*================*/ - -@media only screen and (max-width: 520px) { - #edit-post-form { - padding-bottom: 0; - } - #edit-post-form .post-meta-fields { - grid-template-columns: 4.5em auto auto auto 1fr auto; - } - #edit-post-form label[for='url'], - #edit-post-form label[for='section'], - #edit-post-form label[for='title'] { - padding-left: 0; - } - #edit-post-form .post-meta-fields input[type='checkbox'] + label.iconify { - white-space: normal; - line-height: 0.9; - top: -1px; - font-family: Font Awesome; - font-weight: 900; - justify-self: start; - } - #edit-post-form .post-meta-fields .question-checkbox, - #edit-post-form .post-meta-fields .question-checkbox + label { - grid-column: 6; - margin-left: unset; - } - #edit-post-form .post-meta-fields input[type='radio'] + label { - align-self: start; - } - #edit-post-form .textarea-container:focus-within textarea { - height: calc(100% - 101px); - min-height: unset; - } - - #markdown-hints-checkbox, - #markdown-hints-checkbox + label { - display: none; - } - - #edit-post-form div:last-child { - clear: both; - overflow: auto; - } - #edit-post-form input[type='submit'] { - float: none; - display: block; - font-size: 1.5rem; - margin: 1rem auto 1.5rem auto; - padding: 6px 12px 8px 12px; - } - - #edit-post-form .textarea-container .autocomplete-container, - .comment-controls .textarea-container .autocomplete-container { - max-height: calc(50vh - 101px); - position: fixed; - top: 50vh; - left: 4px; - right: 4px; - width: unset; - z-index: 11002; - } -} - -/*===================*/ -/* TABLE OF CONTENTS */ -/*===================*/ - -@media only screen and (max-width: 900px) { - .contents { - float: none; - display: table; - max-width: none; - margin-left: auto; - margin-right: auto; - } - .contents.collapsed { - overflow: hidden; - display: block; - } -} -@media only screen and (max-width: 520px) { - .contents { - max-width: 100%; - margin: 1em auto 0 auto; - display: table; - } - .contents.collapsed { - margin-bottom: 0; - display: block; - } - .contents-head { - font-size: 1.2em; - } - div.post-body .contents ul { - font-size: unset; - } -} - -/*========================*/ -/* QUALIFIED HYPERLINKING */ -/*========================*/ - -@media only screen and (max-width: 520px) { - .qualified-linking-toolbar { - right: -5em; - } -} - -} /* END MOBILE LAYOUT */ - - -/*****************/ -/* DEFAULT THEME */ -/*****************/ - -/*===========*/ -/* VARIABLES */ -/*===========*/ - -/* Color scheme. - */ -:root { - --GW-comment-background-color-odd: #131313; - --GW-comment-background-color-even: #000; - --GW-comment-background-color-target: #00001e; -} - -/*======*/ -/* BASE */ -/*======*/ - -body { - color: #fff; - background-color: #232323; - font-family: 'Concourse', 'a_Avante', 'Assistant', Arial, 'GW-Symbols', sans-serif; - font-feature-settings: 'ss07'; -} -#content { - line-height: 1.55; -} -#content::before { - background-color: #000; - box-shadow: 0px 0px 10px #9b9b9b; -} - -/*=========*/ -/* NAV BAR */ -/*=========*/ - -.nav-inner { - font-size: 1.375em; - font-weight: 600; -} -.nav-bar-top:not(#primary-bar) .nav-inner { - font-size: 1em; -} - -.nav-bar .nav-item:not(.nav-current):not(#nav-item-search):hover, -#bottom-bar a:hover, -#nav-item-search:not(.nav-current):focus-within { - background-color: #1f1f1f; -} -.inactive-bar .nav-item:not(.nav-current):not(#nav-item-search):hover, -.inactive-bar #nav-item-search:not(.nav-current):focus-within { - background-color: #232323; -} - -.nav-bar a:visited { - color: #0cc800; -} -.nav-bar a:hover, -.nav-bar a:focus { - text-decoration: none; - text-shadow: 0 0 1px #000, 0 0 3px #000, 0 0 5px #000; -} - -#bottom-bar.decorative::before, -#bottom-bar.decorative::after { - content: "GW"; - display: block; - text-align: center; - padding: 0.25em 0 1em 0; -} -#bottom-bar.decorative::before { - width: 100%; - color: transparent; - background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAMdXV1QUAACwAAAAAAQABAAACAkQBADs='); - background-repeat: repeat-x; - background-position: center 35%; - margin: 0 30px; -} -#bottom-bar.decorative::after { - color: #232323; - position: absolute; - left: 0; - right: 0; - margin: auto; - background-color: #000; - padding-right: 4px; - padding-left: 4px; -} -@supports (width: -moz-fit-content) { - #bottom-bar.decorative::after { - width: -moz-fit-content; - } -} -@supports (width: fit-content) { - #bottom-bar.decorative::after { - width: fit-content; - } -} - -/* Accesskey hints */ - -.nav-inner::after { - display: block; - position: absolute; - left: 5px; - top: -2px; - font-weight: 400; - font-size: 0.7em; - color: #232323; -} -.inactive-bar .nav-inner::after { - color: #2c2c2c; -} -.nav-inner:hover::after { - color: #393939; -} - -/* This makes the navbar items look like tabs: */ - -.nav-inactive { - box-shadow: - 0 -1px #232323 inset, - 1px 0 #000 inset; -} -.nav-inactive:first-child { - box-shadow: 0 -1px #232323 inset; -} -.inactive-bar .nav-inactive { - background-color: #1a1a1a; -} -.active-bar .nav-inactive { - background-color: #131313; -} -.nav-bar + .nav-bar { - position: relative; -} - -/* For Webkit: */ -.nav-bar:not(#bottom-bar) { - box-shadow: 0 -3px 8px -2px #2c2c2c; -} -.active-bar .nav-inactive { - box-shadow: - 0 -4px 8px -4px #393939 inset, - 1px 0 #000 inset; -} -.active-bar .nav-inactive:first-child { - box-shadow: - 0 -4px 8px -4px #393939 inset; -} -.active-bar .nav-current + .nav-inactive { - box-shadow: - 5px -4px 8px -4px #393939 inset; -} -.active-bar .nav-item-last-before-current { - box-shadow: - -5px -4px 8px -4px #393939 inset, - 1px 0 #000 inset; -} -.active-bar .nav-item-last-before-current:first-child { - box-shadow: - -5px -4px 8px -4px #393939 inset; -} -/* And for Gecko: */ -@-moz-document url-prefix() { - .nav-bar:not(#bottom-bar) { - box-shadow: 0 -3px 4px -2px #2c2c2c; - } - - .active-bar .nav-inactive { - box-shadow: - 0 -4px 4px -4px #393939 inset, - 1px 0 #000 inset; - } - .active-bar .nav-inactive:first-child { - box-shadow: - 0 -4px 4px -4px #393939 inset; - } - .active-bar .nav-current + .nav-inactive { - box-shadow: - 5px -4px 4px -4px #393939 inset; - } - .active-bar .nav-item-last-before-current { - box-shadow: - -5px -4px 4px -4px #393939 inset, - 1px 0 #000 inset; - } - .active-bar .nav-item-last-before-current:first-child { - box-shadow: - -5px -4px 4px -4px #393939 inset; - } -} - -/* Search tab */ - -#nav-item-search button { - border: none; - font-weight: inherit; -} -#nav-item-search input::placeholder { - color: #00a1e8; - font-weight: normal; -} - -/*= Top pagination UI hover tooltips =*/ - -#top-nav-bar a::after, -#bottom-bar a::after { - color: #fff; -} - -/*==============*/ -/* PAGE TOOLBAR */ -/*==============*/ - -.button.new-post:not(:hover), -.button.new-private-message:not(:hover), -.button.unignore-button:not(:hover){ - color: #9740cb; -} -.button.logout-button, .button.ignore-button { - color: #0094be; -} - -/*==============*/ -/* SUBLEVEL NAV */ -/*==============*/ - -.sublevel-nav .sublevel-item { - color: #777; - background-color: #000; -} -.sublevel-nav .sublevel-item:not(.selected):hover { - background-color: #1f1f1f; - color: #fff; - text-decoration: none; - text-shadow: none; -} -.sublevel-nav .sublevel-item:not(.selected):active, -.sublevel-nav .sublevel-item.selected { - background-color: #1f1f1f; - color: #fff; - text-shadow: - 0 -1px 0 #000, - 0 0.5px 0.5px #fff; -} - -.sublevel-nav:not(.sort) .sublevel-item { - border-style: solid; - border-color: #1f1f1f; - border-width: 1px 0 1px 1px; -} -.sublevel-nav:not(.sort) .sublevel-item:first-child { - border-radius: 8px 0 0 8px; -} -.sublevel-nav:not(.sort) .sublevel-item:last-child { - border-width: 1px; - border-radius: 0 8px 8px 0; -} - -/*=====================*/ -/* SORT ORDER SELECTOR */ -/*=====================*/ - -.sublevel-nav.sort .sublevel-item { - font-family: 'Concourse', 'a_Avante', 'Assistant', Arial, 'GW-Symbols', sans-serif; - letter-spacing: 0.5px; - padding: 6px 7px; - text-transform: uppercase; - pointer-events: auto; - box-shadow: 1px 1px 0 0 #484848 inset; -} -.sublevel-nav.sort { - border: 2px solid transparent; - padding: 18px 0 0 0; - border-radius: 8px; - pointer-events: none; - background-color: #393939; -} -.sublevel-nav.sort::before { - text-transform: uppercase; - font-weight: 600; - color: #aeaeae; - text-shadow: 0.5px 0.5px 0 #000; - z-index: 1; -} -.sublevel-nav.sort::after { - content: ""; - position: absolute; - display: block; - top: 0; - left: 0; - width: 100%; - height: 100%; - border-radius: 6px; - box-shadow: - 0 18px 0 0 #393939 inset, - 0 0 0 1px #484848 inset, - 0 18px 0 1px #484848 inset, - 0 0 0 2px #393939; -} - -/*================*/ -/* WIDTH SELECTOR */ -/*================*/ -/* THEME SELECTOR */ -/*================*/ - -#width-selector button, -#theme-selector button { - box-shadow: - 0 0 0 4px #232323 inset, - 0 0 0 5px #393939 inset; -} -#width-selector button:hover, -#width-selector button.selected, -#theme-selector button:hover, -#theme-selector button.selected { - box-shadow: - 0 0 0 5px #393939 inset; -} - -#theme-selector button::before { - color: #575756; - background-color: #232323; -} -#theme-selector button:hover::before, -#theme-selector button.selected::before { - color: #888; -} -#width-selector button::after { - color: #575756; -} - -/*======================*/ -/* THEME TWEAKER TOGGLE */ -/*======================*/ - -#theme-tweaker-toggle button { - color: #777; -} - -/*=================*/ -/* QUICKNAV WIDGET */ -/*=================*/ - -#quick-nav-ui a { - color: #575756; - background-color: #1a1a1a; - border-radius: 4px; - text-decoration: none; -} -#quick-nav-ui a[href='#bottom-bar'] { - line-height: 1.8; -} -#quick-nav-ui a:active { - transform: scale(0.9); -} -#quick-nav-ui a[href='#comments'].no-comments { - opacity: 0.4; - color: #393939; -} -@media only screen and (hover:hover) { - #quick-nav-ui a:hover { - color: #fff; - background-color: #131313; - } - #quick-nav-ui a:focus:not(:hover) { - transform: none; - text-shadow: none; - } -} - -/*======================*/ -/* NEW COMMENT QUICKNAV */ -/*======================*/ - -#new-comment-nav-ui .new-comments-count { - font-weight: 600; - color: #888; - text-shadow: 0.5px 0.5px 0 #000; -} -#new-comment-nav-ui .new-comments-count::after { - font-weight: 600; - color: #777; -} -#new-comment-nav-ui .new-comment-sequential-nav-button:disabled { - color: #393939; - text-shadow: none; -} -@media only screen and (hover:hover) { - #new-comment-nav-ui .new-comments-count:hover { - text-shadow: - 0 0 1px #000, - 0 0 3px #000, - 0 0 5px #000, - 0 0 8px #000, - 0.5px 0.5px 0 #000; - } - #new-comment-nav-ui .new-comment-sequential-nav-button:focus { - color: #00a1e8; - text-shadow: 0 0 1px #000, 0 0 3px #000, 0 0 5px #000; - } -} - -/*=================*/ -/* HNS DATE PICKER */ -/*=================*/ - -#hns-date-picker span { - color: #777; - text-shadow: 0.5px 0.5px 0 #000; - font-weight: 600; -} -#hns-date-picker input { - border: 1px solid #777; - background-color: transparent; - color: #888; - box-shadow: 0 0 0 1px transparent; -} -#hns-date-picker input:focus { - color: #fff; -} - -/*====================*/ -/* DARK MODE SELECTOR */ -/*====================*/ - -#dark-mode-selector { - outline: 1px solid #575756; -} -#dark-mode-selector button { - color: #777; -} -#dark-mode-selector button.selected { - background-color: #575756; - color: #000; -} -#dark-mode-selector button:not(.selected) + button:not(.selected) { - box-shadow: 1px 0 0 0 #575756 inset; -} -#dark-mode-selector button:disabled:hover { - text-shadow: none; -} -#dark-mode-selector button::after { - font-family: 'Concourse', 'a_Avante', 'Assistant', Arial, 'GW-Symbols', sans-serif; - color: #575756; - text-shadow: none; -} - -/*======================*/ -/* TEXT SIZE ADJUSTMENT */ -/*======================*/ - -#text-size-adjustment-ui button { - color: #777; -} -#text-size-adjustment-ui button.default { - font-weight: 600; -} -#text-size-adjustment-ui button:disabled:hover { - text-shadow: none; -} -#text-size-adjustment-ui::after { - color: #575756; -} - -/*=============================*/ -/* COMMENTS VIEW MODE SELECTOR */ -/*=============================*/ - -#comments-view-mode-selector a { - color: #777; -} - -/*==========*/ -/* ARCHIVES */ -/*==========*/ - -.archive-nav { - border: 1px solid #484848; -} -.archive-nav *[class^='archive-nav-item'] { - border-style: solid; - border-color: #1f1f1f; - border-width: 1px 0 1px 1px; - background-color: #131313; -} -.archive-nav div[class^='archive-nav-']:nth-of-type(2) *[class^='archive-nav-item'] { - border-top-width: 0; - border-bottom-width: 0; -} -.archive-nav div[class^='archive-nav-']:last-of-type *[class^='archive-nav-item'] { - border-bottom-width: 1px; -} -.archive-nav *[class^='archive-nav-item']:last-child { - border-right-width: 1px; -} -.archive-nav span[class^='archive-nav-item'] { - font-weight: bold; - background-color: #1f1f1f; -} - -.archive-nav a:link, -.archive-nav a:visited { - color: rgba(12, 200, 0, 0.7); -} -.archive-nav a:hover { - text-decoration: none; - color: #00a9ed; - background-color: #1d1d1d; - text-shadow: 0 0 1px #000, 0 0 3px #000, 0 0 5px #000; -} -.archive-nav a:active { - transform: scale(0.9); -} -.archive-nav a:focus:not(:hover) { - transform: none; -} -.archive-nav a.archive-nav-item-day:hover { - background-color: #1f1f1f; -} - -/*==========*/ -/* LISTINGS */ -/*==========*/ - -h1.listing { - font-family: 'Concourse', 'a_Avante', 'Assistant', Arial, 'GW-Symbols', sans-serif, 'Font Awesome', 'Font Awesome 5 Free'; - font-weight: 800; - margin: 0.7em 20px 0 20px; - max-width: calc(100% - 40px); - top: 0.125em; ; -} - -h1.listing .post-title-link { - color: #fff; -} -h1.listing .link-post-link { - color: #54d400; -} - -@media only screen and (hover: hover) { - h1.listing a:hover, - h1.listing a:focus { - color: #777; - background-color: rgba(0, 0, 0, 0.85); - } - h1.listing:focus-within::before { - color: #00c200; - left: -0.625em; - } - h1.listing .link-post-link:hover { - color: #670; - text-shadow: - 0.5px 0.5px 0 #000, - -0.5px -0.5px 0 #000, - 0 0 2px #000, - 0 0 3px #54d400; - } -} - -h1.listing .edit-post-link { - padding: 5px 3px 12px 0.5em; - top: 0; - right: 0; -} -h1.listing .edit-post-link:hover { - text-decoration: none; -} -#content.user-page h1.listing .edit-post-link { - background-color: #131313; -} - -/*======*/ -/* SPAM */ -/*======*/ - -h1.listing.spam { - opacity: 0.15; -} -h1.listing.spam + .post-meta { - opacity: 0.4; -} -h1.listing.spam:hover, -h1.listing.spam + .post-meta:hover, -h1.listing.spam:hover + .post-meta { - opacity: 1.0; -} - -/*===================*/ -/* LISTING POST-META */ -/*===================*/ - -h1.listing + .post-meta { - padding-right: 330px; -} -h1.listing + .post-meta .karma-value, -h1.listing + .post-meta .comment-count, -h1.listing + .post-meta .lw2-link, -h1.listing + .post-meta .read-time { - border-radius: 4px; - padding: 0 4px 0 2px; - text-shadow: 0.5px 0.5px 0.5px #575756; - margin: 0 0.25em 0 0.5em; - position: absolute; - line-height: 1.15; - bottom: -6px; -} -h1.listing + .post-meta .karma-value span, -h1.listing + .post-meta .comment-count span, -h1.listing + .post-meta .lw2-link span, -h1.listing + .post-meta .read-time span { - display: none; -} -h1.listing + .post-meta .karma-value::before, -h1.listing + .post-meta .comment-count::before, -h1.listing + .post-meta .lw2-link::before, -h1.listing + .post-meta .read-time::before { - color: #000; - font-family: 'Font Awesome', 'Font Awesome 5 Free'; - font-weight: 900; - margin: 0 8px 0 0; - box-shadow: 0 0 0 2px #1f1f1f; -} -_::-webkit-full-page-media, _:future, :root h1.listing + .post-meta .karma-value::before, -_::-webkit-full-page-media, _:future, :root h1.listing + .post-meta .comment-count::before, -_::-webkit-full-page-media, _:future, :root h1.listing + .post-meta .lw2-link::before, -_::-webkit-full-page-media, _:future, :root h1.listing + .post-meta .read-time::before { - text-shadow: 0 0 3px #575756; -} - -h1.listing + .post-meta .karma { - margin: 0; -} -h1.listing + .post-meta .karma-value { - box-shadow: - 22px 0 0 0 #1f1f1f inset, - 0 0 0 3px #1f1f1f; - cursor: default; - color: #00a9ed; - right: 264px; -} -h1.listing + .post-meta .karma-value::before { - content: "\F139"; - text-shadow: none; - font-size: 0.9375em; - line-height: 1.3; -} - -h1.listing + .post-meta .comment-count::before { - content: "\F086"; -} -h1.listing + .post-meta .comment-count { - box-shadow: - 25px 0 0 0 #1f1f1f inset, - 0 0 0 3px #1f1f1f; - color: #9e4acf; - right: 176px; -} -h1.listing + .post-meta .comment-count:hover { - text-decoration: none; - color: #000; - background-color: #9e4acf; -} -h1.listing + .post-meta .comment-count:hover::before { - color: #9e4acf; -} -h1.listing + .post-meta .comment-count.new-comments::before { - color: #9e4acf; - text-shadow: 0.5px 0.5px 0.5px #000; -} -h1.listing + .post-meta .comment-count.new-comments:hover::before { - text-shadow: 0.5px 0.5px 0.5px #575756; -} - - -h1.listing + .post-meta .lw2-link { - box-shadow: - 23px 0 0 0 #1f1f1f inset, - 0 0 0 3px #1f1f1f; - right: 0; -} -h1.listing + .post-meta .lw2-link::before { - content: "\F0C1"; -} -h1.listing + .post-meta .lw2-link:hover { - text-decoration: none; - color: #000; - background-color: #00c200; -} -h1.listing + .post-meta .lw2-link:hover::before { - color: #00c200; -} - -h1.listing + .post-meta .read-time { - box-shadow: - 21px 0 0 0 #1f1f1f inset, - 0 0 0 3px #1f1f1f; - right: 80px; -} -h1.listing + .post-meta .read-time::before { - content: "\F2F2"; - cursor: pointer; -} -h1.listing + .post-meta .read-time::after { - content: " min"; -} -h1.listing + .post-meta .read-time:hover::before { - color: #777; -} - -h1.listing + .post-meta .word-count { - box-shadow: - 22px 0 0 0 #1f1f1f inset, - 0 0 0 3px #1f1f1f; - padding: 0 4px 0 4px; -} -h1.listing + .post-meta .word-count::before { - content: "\F15C"; - margin: 0 10px 0 0; -} -h1.listing + .post-meta .read-time.word-count::after { - content: none; -} - -h1.listing + .post-meta .link-post-domain { - margin: 0 0 0 0.5em; -} - -h1.listing + .post-meta::after { - content: ""; - display: block; - height: 1px; - width: 100%; - background-color: #1f1f1f; - position: absolute; - bottom: -14px; -} - -/*============*/ -/* USER PAGES */ -/*============*/ - -#content.user-page h1.page-main-heading, -#content.user-page .user-stats { - border-bottom: 1px solid #2c2c2c; -} - -#content.user-page h1.listing, -#content.user-page h1.listing + .post-meta { - background-color: #131313; - border-style: solid; - border-color: #2c2c2c; -} -#content.user-page h1.listing { - padding: 0 6px; - padding-top: 0.25em; - border-width: 1px 1px 0 1px; - margin: 1rem 0 0 0; - max-width: 100%; -} -#content.own-user-page h1.listing, -h1.listing.own-post-listing { - padding-right: 36px; -} -@media only screen and (hover: hover) { - #content.user-page h1.listing a:hover, - #content.user-page h1.listing a:focus { - background-color: #131313; - } - #content.user-page h1.listing:focus-within::before { - left: -0.625em; - } -} -#content.user-page h1.listing + .post-meta { - padding: 0.125em 6px 1em 36px; - border-width: 0 1px 1px 1px; - margin: 0 0 1rem 0; -} -#content.user-page h1.listing + .post-meta::after { - display: none; -} -@media only screen and (min-width: 521px) { - #content.user-page h1.listing + .post-meta .karma-value, - #content.user-page h1.listing + .post-meta .comment-count, - #content.user-page h1.listing + .post-meta .lw2-link, - #content.user-page h1.listing + .post-meta .read-time { - bottom: 10px; - } -} -#content.user-page h1.listing + .post-meta .post-section::before { - left: -1px; -} - -#content.conversations-user-page h1.listing { - padding: 4px 6px; - font-size: 1.75rem; -} -#content.conversations-user-page h1.listing + .post-meta { - padding: 6px 4px; - margin: 0 0 0.25rem 0; -} - -.user-stats .karma-total { - font-weight: bold; -} - -/*===============*/ -/* CONVERSATIONS */ -/*===============*/ - -/*============*/ -/* LOGIN PAGE */ -/*============*/ - -.login-container form input[type='submit'] { - font-weight: bold; - background-color: #131313; - border: 1px solid #2c2c2c; -} -.login-container form input[type='submit']:hover, -.login-container form input[type='submit']:focus { - background-color: #1f1f1f; - border: 1px solid #484848; -} - -/* “Create account” form */ - -#signup-form { - background-color: #0f0f0f; - border: 1px solid #1f1f1f; -} -#signup-form input[type='submit'] { - background-color: #1a1a1a; - border: 1px solid #2c2c2c; -} -#signup-form input[type='submit']:hover { - background-color: #232323; - border: 1px solid #484848; -} - -/* Log in tip */ - -.login-container .login-tip { - border: 1px solid #131313; -} - -/* Message box */ - -.error-box { - border: 1px solid red; - background-color: #004147; -} -.success-box { - border: 1px solid green; - background-color: #320042; -} - -/*=====================*/ -/* PASSWORD RESET PAGE */ -/*=====================*/ - -.reset-password-container input[type='submit'] { - background-color: #1a1a1a; - border: 1px solid #2c2c2c; - font-weight: bold; -} - -/*===================*/ -/* TABLE OF CONTENTS */ -/*===================*/ - -.contents { - font-family: 'Concourse', 'a_Avante', 'Assistant', Arial, 'GW-Symbols', sans-serif; - border: 1px solid #1f1f1f; - background-color: #131313; -} -.contents-head { - font-weight: bold; -} -.body-text .contents li::before { - color: #575756; - font-feature-settings: "tnum"; -} -.body-text .contents a, -.body-text .contents a:hover { - border: none; -} -.body-text .contents a:hover { - text-decoration: underline; -} - -.contents .toc-collapse-toggle-button { - color: #2c2c2c; -} -.contents .toc-collapse-toggle-button:hover { - color: #484848; - text-shadow: 0 0 1px #000, 0 0 3px #000, 0 0 5px #000; -} - -/*==================*/ -/* POSTS & COMMENTS */ -/*==================*/ - -.body-text { - font-family: 'Charter', 'PT Serif', 'Georgia', serif; -} - -.body-text a { - border-bottom: 1px dotted #393939; -} -.body-text a:hover { - text-decoration: none; - border-bottom: 1px solid currentColor; -} - -/*=======*/ -/* POSTS */ -/*=======*/ - -h1.post-title { - font-family: 'Concourse', 'a_Avante', 'Assistant', Arial, 'GW-Symbols', sans-serif; - font-weight: 800; -} - -/*=================*/ -/* POST NAVIGATION */ -/*=================*/ - -.post-nav-links a, -.post-nav-links a:visited { - color: #fff; -} -.post-nav-links a:hover { - text-decoration: none; -} -.post-nav-title { - font-weight: 600; -} - -.post-nav-label { - color: #777; -} -.post-nav-links a:hover .post-nav-label { - font-weight: 600; - color: #666; -} -.post-nav-links a:hover .post-nav-title { - color: #777; -} - -@media only screen and (max-width: 900px) { - .sequence-title { - border-top: 1px dotted #777; - } - .post-nav.prev { - border-right: 1px dotted #777; - } - .post-nav.next { - border-left: 1px dotted #777; - } -} - -.crosspost { - background-color: #131313; - border: 1px solid #2c2c2c; -} - -/*===========*/ -/* POST-META */ -/*===========*/ - -.post-meta .post-section::before, -.comment-meta .alignment-forum { - color: #000; - text-shadow: - 1px 1px 0 #9740cb, - 0 1px 0 #9740cb, - 0 0 5px #9740cb; -} -a.post-section:hover { - text-decoration: none; -} -a.post-section:hover::before { - color: #2e0062; -} -.post-meta .post-section.alignment-forum::before, -.comment-meta .alignment-forum { - text-shadow: - 1px 1px 0 #658100, - 0 1px 0 #658100, - 0 0 5px #658100; -} -a.post-section.alignment-forum:hover::before { - color: #181a00; -} -.post-meta .date { - color: #666; -} -.post-meta .author { - color: #9740cb; -} -.bottom-post-meta { - border-color: #1f1f1f; -} - -/*============*/ -/* LINK POSTS */ -/*============*/ - -.post.link-post a.link-post-link { - text-decoration: none; - font-family: 'Concourse', 'a_Avante', 'Assistant', Arial, 'GW-Symbols', sans-serif; - font-weight: 600; -} -.post.link-post a.link-post-link:hover { - color: #00a9ed; -} -.post.link-post a.link-post-link:hover::before { - color: #670; - text-shadow: - 0.5px 0.5px 0 #000, - -0.5px -0.5px 0 #000, - 0 0 2px #000, - 0 0 3px #54d400; -} -.post.link-post a.link-post-link:focus { - color: #777; - border-bottom: 2px dotted #777; -} - -/*==========*/ -/* COMMENTS */ -/*==========*/ - -.comments::before { - border-top: 1px solid #fff; - box-shadow: 0 3px 4px -4px #fff inset; -} -@-moz-document url-prefix() { - .comments::before { - box-shadow: 0 3px 3px -4px #fff inset; - } -} -#content > .comment-thread .comment-meta a.date:focus, -#content > .comment-thread .comment-meta a.permalink:focus { - color: #666; - outline: 2px dotted #575756; - position: relative; - background-color: #000; -} -#content > .comment-thread .comment-meta a.date:focus { - padding: 0 4px; - left: -4px; -} -#content > .comment-thread .comment-meta a.date:focus + * { - margin-left: -8px; -} -#content > .comment-thread .comment-meta a.permalink:focus { - padding: 0 5px; - left: -5px; -} -#content > .comment-thread .comment-meta a.permalink:focus + *:not(.comment-post-title) { - margin-left: -10px; -} -.comment-item { - border: 1px solid #2c2c2c; - background-color: var(--GW-comment-background-color); -} -.comment-parent-link::after { - box-shadow: - 0 28px 16px -16px var(--GW-comment-parent-background-color) inset, - 4px 16px 0 12px var(--GW-comment-background-color-target) inset, - 4px 4px 0 12px var(--GW-comment-background-color-target) inset; -} - -/*================================*/ -/* DEEP COMMENT THREAD COLLAPSING */ -/*================================*/ - -.comment-item input[id^="expand"] + label::after { - color: #0cc800; - font-weight: 600; -} -.comment-item input[id^="expand"] + label:hover::after { - color: #00a9ed; -} -.comment-item input[id^="expand"] + label:active::after, -.comment-item input[id^="expand"] + label:focus::after{ - color: #00a9ed; -} -.comment-item input[id^="expand"]:checked ~ .comment-thread .comment-thread .comment-item { - border-width: 1px 0 0 0; -} - -/*==============*/ -/* COMMENT-META */ -/*==============*/ - -.comment-meta .author { - font-weight: bold; - font-size: 1.25em; - color: #fff; -} -.comment-meta .author:hover { - text-decoration: none; - color: #9740cb; -} -.comment-item .author:not(.redacted).original-poster::after { - opacity: 0.5; -} - -.comment-item .voting-controls.active-controls::after, -.comment-item .voting-controls .karma-value::after, -.post .voting-controls.active-controls::after, -.post .voting-controls .karma-value::after, -.author::before { - background-color: #000; - color: #575756; - border-radius: 4px; - box-shadow: 0 0 0 1px #1f1f1f inset; -} -.comment-item .voting-controls.active-controls::after, -.post .voting-controls.active-controls::after { - padding: 6px 4px 4px 4px; - bottom: -44px; -} -.comment-item .voting-controls .karma-value::after, -.post .voting-controls .karma-value::after { - padding: 2px 8px 1px 8px; - top: -25px; - min-width: 56px; -} - -/*====================*/ -/* ANTI-KIBITZER MODE */ -/*====================*/ - -.author.redacted, -.inline-author.redacted { - opacity: 0.6; - font-weight: 400; -} - -.karma-value.redacted { - opacity: 0.4; -} - -.link-post-domain.redacted { - opacity: 0.4; -} - -/*===========================*/ -/* COMMENT THREAD NAVIGATION */ -/*===========================*/ - -div.comment-parent-link { - font-weight: 600; -} -a.comment-parent-link { - font-weight: 400; -} -a.comment-parent-link::before { - color: #393939; -} -a.comment-parent-link:hover::before { - background-color: #00001e; - color: #575756; -} - -div.comment-child-links { - font-weight: 600; -} -div.comment-child-links a { - font-weight: 400; -} -.comment-child-link::before { - color: #484848; -} - -.comment-item-highlight { - box-shadow: - 0 0 2px #0047b5, - 0 0 3px #0047b5, - 0 0 5px #0047b5, - 0 0 7px #0047b5, - 0 0 10px #0047b5; - border: 1px solid #0047b5; -} -.comment-item-highlight-faint { - box-shadow: - 0 0 2px #00193b, - 0 0 3px #00193b, - 0 0 5px #00193b, - 0 0 7px #00193b, - 0 0 10px #00193b; - border: 1px solid #00193b; -} - -.comment-popup { - background-color: #000; -} - -/*=======================*/ -/* COMMENTS COMPACT VIEW */ -/*=======================*/ - -#comments-list-mode-selector button { - box-shadow: - 0 0 0 4px #000 inset, - 0 0 0 5px #393939 inset; -} -#comments-list-mode-selector button:hover, -#comments-list-mode-selector button.selected { - box-shadow: - 0 0 0 5px #393939 inset; -} -#content.compact > .comment-thread .comment-item::after { - color: #0cc800; - background: linear-gradient(to right, transparent 0%, #000 50%, #000 100%); -} - -@media only screen and (hover: hover) { - #content.compact > .comment-thread .comment-item:hover .comment, - #content.compact > .comment-thread .comment-item.expanded .comment { - background-color: #000; - outline: 3px solid #54d400; - } - #content.compact > .comment-thread .comment-item:hover .comment::before, - #content.compact > .comment-thread .comment-item.expanded .comment::before { - background-color: #000; - box-shadow: - 0 0 3px #000, - 0 0 5px #000, - 0 0 7px #000, - 0 0 10px #000, - 0 0 20px #000, - 0 0 30px #000, - 0 0 40px #000; - } -} -@media only screen and (hover: none) { - #content.compact > .comment-thread.expanded .comment-item .comment { - background-color: #000; - outline: 3px solid #54d400; - } - #content.compact > .comment-thread.expanded .comment-item .comment::before { - background-color: #000; - box-shadow: - 0 0 3px #000, - 0 0 5px #000, - 0 0 7px #000, - 0 0 10px #000, - 0 0 20px #000, - 0 0 30px #000, - 0 0 40px #000; - } -} - -#content.user-page.compact > h1.listing { - margin-top: 0.5rem; -} -#content.user-page.compact > h1.listing + .post-meta { - margin-bottom: 0.5rem; -} - -/*===========================*/ -/* HIGHLIGHTING NEW COMMENTS */ -/*===========================*/ - -.new-comment::before { - outline: 2px solid #7f3b92; - box-shadow: - 0 0 6px -2px #7f3b92 inset, - 0 0 4px #7f3b92, - 0 0 6px #7f3b92; -} - -/*=================================*/ -/* COMMENT THREAD MINIMIZE BUTTONS */ -/*=================================*/ - -.comment-minimize-button { - color: #2c2c2c; -} -.comment-minimize-button:hover { - color: #484848; - text-shadow: 0 0 1px #000, 0 0 3px #000, 0 0 5px #000; -} -.comment-minimize-button::after { - font-family: 'Concourse', 'a_Avante', 'Assistant', Arial, 'GW-Symbols', sans-serif; - color: #777; -} -.comment-minimize-button.maximized::after { - color: #2c2c2c; -} - -/*==============*/ -/* VOTE BUTTONS */ -/*==============*/ - -.vote::before { - content: ""; - border-radius: 50%; - background-size: 17px 17px; - width: 17px; - height: 17px; - display: inline-block; - position: relative; - top: 2.5px; -} -.vote:active { - transform: none; -} - -/**********/ -/* States. - */ - -/* _ 1 - */ -.upvote { - filter: grayscale(100%) brightness(128%); -} -.downvote { - filter: grayscale(100%) brightness(188%); -} - -/* _ 2 - */ -.vote:not(.none) { - filter: drop-shadow(0 0 1px #000); -} - -/* 1 _ - */ -.vote.two-temp::before { - box-shadow: - 0 0 0 1px #000, - 0 0 0 4px #2f2f2f, - 0 0 0 5px transparent; -} - -/* 2 _ - */ -.upvote.two::before { - box-shadow: - 0 0 0 1px #000, - 0 0 0 4px var(--GW-upvote-button-color), - 0 0 0 5px transparent; -} -.downvote.two::before { - box-shadow: - 0 0 0 1px #000, - 0 0 0 4px var(--GW-downvote-button-color), - 0 0 0 5px transparent; -} - -/* Disabled. - */ -.vote:disabled { - visibility: unset; - filter: brightness(50%); -} - -/*********/ -/* Icons. - */ - -.karma .upvote::before { - background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBkPSJNMjU2IDhDMTE5IDggOCAxMTkgOCAyNTZzMTExIDI0OCAyNDggMjQ4IDI0OC0xMTEgMjQ4LTI0OFMzOTMgOCAyNTYgOHptMTQ0IDI3NmMwIDYuNi01LjQgMTItMTIgMTJoLTkydjkyYzAgNi42LTUuNCAxMi0xMiAxMmgtNTZjLTYuNiAwLTEyLTUuNC0xMi0xMnYtOTJoLTkyYy02LjYgMC0xMi01LjQtMTItMTJ2LTU2YzAtNi42IDUuNC0xMiAxMi0xMmg5MnYtOTJjMC02LjYgNS40LTEyIDEyLTEyaDU2YzYuNiAwIDEyIDUuNCAxMiAxMnY5Mmg5MmM2LjYgMCAxMiA1LjQgMTIgMTJ2NTZ6IiAgIGZpbGw9IiMwMEQ4MDAiLz48L3N2Zz4='); -} -.karma .downvote::before { - background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBkPSJNMjU2IDhDMTE5IDggOCAxMTkgOCAyNTZzMTExIDI0OCAyNDggMjQ4IDI0OC0xMTEgMjQ4LTI0OFMzOTMgOCAyNTYgOHpNMTI0IDI5NmMtNi42IDAtMTItNS40LTEyLTEydi01NmMwLTYuNiA1LjQtMTIgMTItMTJoMjY0YzYuNiAwIDEyIDUuNCAxMiAxMnY1NmMwIDYuNi01LjQgMTItMTIgMTJIMTI0eiIgZmlsbD0iI0VCNEMyQSIvPjwvc3ZnPg=='); -} - -.karma .upvote:disabled::before { - background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBkPSJNMjU2IDhDMTE5IDggOCAxMTkgOCAyNTZzMTExIDI0OCAyNDggMjQ4IDI0OC0xMTEgMjQ4LTI0OFMzOTMgOCAyNTYgOHptMTQ0IDI3NmMwIDYuNi01LjQgMTItMTIgMTJoLTkydjkyYzAgNi42LTUuNCAxMi0xMiAxMmgtNTZjLTYuNiAwLTEyLTUuNC0xMi0xMnYtOTJoLTkyYy02LjYgMC0xMi01LjQtMTItMTJ2LTU2YzAtNi42IDUuNC0xMiAxMi0xMmg5MnYtOTJjMC02LjYgNS40LTEyIDEyLTEyaDU2YzYuNiAwIDEyIDUuNCAxMiAxMnY5Mmg5MmM2LjYgMCAxMiA1LjQgMTIgMTJ2NTZ6IiBzdHJva2U9IiNEOEQ4RDgiIHN0cm9rZS13aWR0aD0iNCUiIGZpbGw9InRyYW5zcGFyZW50Ii8+PC9zdmc+'); -} -.karma .downvote:disabled::before { - background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+PHBhdGggZD0iTTI1NiA4QzExOSA4IDggMTE5IDggMjU2czExMSAyNDggMjQ4IDI0OCAyNDgtMTExIDI0OC0yNDhTMzkzIDggMjU2IDh6TTEyNCAyOTZjLTYuNiAwLTEyLTUuNC0xMi0xMnYtNTZjMC02LjYgNS40LTEyIDEyLTEyaDI2NGM2LjYgMCAxMiA1LjQgMTIgMTJ2NTZjMCA2LjYtNS40IDEyLTEyIDEySDEyNHoiIHN0cm9rZT0iI0Q4RDhEOCIgc3Ryb2tlLXdpZHRoPSI0JSIgZmlsbD0idHJhbnNwYXJlbnQiLz48L3N2Zz4='); -} - -.agreement .upvote::before { - background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBkPSJNNTA0IDI1NmMwIDEzNi45NjctMTExLjAzMyAyNDgtMjQ4IDI0OFM4IDM5Mi45NjcgOCAyNTYgMTE5LjAzMyA4IDI1NiA4czI0OCAxMTEuMDMzIDI0OCAyNDh6TTIyNy4zMTQgMzg3LjMxNGwxODQtMTg0YzYuMjQ4LTYuMjQ4IDYuMjQ4LTE2LjM3OSAwLTIyLjYyN2wtMjIuNjI3LTIyLjYyN2MtNi4yNDgtNi4yNDktMTYuMzc5LTYuMjQ5LTIyLjYyOCAwTDIxNiAzMDguMTE4bC03MC4wNTktNzAuMDU5Yy02LjI0OC02LjI0OC0xNi4zNzktNi4yNDgtMjIuNjI4IDBsLTIyLjYyNyAyMi42MjdjLTYuMjQ4IDYuMjQ4LTYuMjQ4IDE2LjM3OSAwIDIyLjYyN2wxMDQgMTA0YzYuMjQ5IDYuMjQ5IDE2LjM3OSA2LjI0OSAyMi42MjguMDAxeiIgZmlsbD0iIzAwRDgwMCIvPjwvc3ZnPg=='); -} -.agreement .downvote::before { - background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBkPSJNMjU2IDhDMTE5IDggOCAxMTkgOCAyNTZzMTExIDI0OCAyNDggMjQ4IDI0OC0xMTEgMjQ4LTI0OFMzOTMgOCAyNTYgOHptMTIxLjYgMzEzLjFjNC43IDQuNyA0LjcgMTIuMyAwIDE3TDMzOCAzNzcuNmMtNC43IDQuNy0xMi4zIDQuNy0xNyAwTDI1NiAzMTJsLTY1LjEgNjUuNmMtNC43IDQuNy0xMi4zIDQuNy0xNyAwTDEzNC40IDMzOGMtNC43LTQuNy00LjctMTIuMyAwLTE3bDY1LjYtNjUtNjUuNi02NS4xYy00LjctNC43LTQuNy0xMi4zIDAtMTdsMzkuNi0zOS42YzQuNy00LjcgMTIuMy00LjcgMTcgMGw2NSA2NS43IDY1LjEtNjUuNmM0LjctNC43IDEyLjMtNC43IDE3IDBsMzkuNiAzOS42YzQuNyA0LjcgNC43IDEyLjMgMCAxN0wzMTIgMjU2bDY1LjYgNjUuMXoiIGZpbGw9IiNFQjRDMkEiLz48L3N2Zz4='); -} - -.agreement .upvote:disabled::before { - background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBkPSJNNTA0IDI1NmMwIDEzNi45NjctMTExLjAzMyAyNDgtMjQ4IDI0OFM4IDM5Mi45NjcgOCAyNTYgMTE5LjAzMyA4IDI1NiA4czI0OCAxMTEuMDMzIDI0OCAyNDh6TTIyNy4zMTQgMzg3LjMxNGwxODQtMTg0YzYuMjQ4LTYuMjQ4IDYuMjQ4LTE2LjM3OSAwLTIyLjYyN2wtMjIuNjI3LTIyLjYyN2MtNi4yNDgtNi4yNDktMTYuMzc5LTYuMjQ5LTIyLjYyOCAwTDIxNiAzMDguMTE4bC03MC4wNTktNzAuMDU5Yy02LjI0OC02LjI0OC0xNi4zNzktNi4yNDgtMjIuNjI4IDBsLTIyLjYyNyAyMi42MjdjLTYuMjQ4IDYuMjQ4LTYuMjQ4IDE2LjM3OSAwIDIyLjYyN2wxMDQgMTA0YzYuMjQ5IDYuMjQ5IDE2LjM3OSA2LjI0OSAyMi42MjguMDAxeiIgc3Ryb2tlPSIjRDhEOEQ4IiBzdHJva2Utd2lkdGg9IjQlIiBmaWxsPSJ0cmFuc3BhcmVudCIvPjwvc3ZnPg=='); -} -.agreement .downvote:disabled::before { - background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBkPSJNMjU2IDhDMTE5IDggOCAxMTkgOCAyNTZzMTExIDI0OCAyNDggMjQ4IDI0OC0xMTEgMjQ4LTI0OFMzOTMgOCAyNTYgOHptMTIxLjYgMzEzLjFjNC43IDQuNyA0LjcgMTIuMyAwIDE3TDMzOCAzNzcuNmMtNC43IDQuNy0xMi4zIDQuNy0xNyAwTDI1NiAzMTJsLTY1LjEgNjUuNmMtNC43IDQuNy0xMi4zIDQuNy0xNyAwTDEzNC40IDMzOGMtNC43LTQuNy00LjctMTIuMyAwLTE3bDY1LjYtNjUtNjUuNi02NS4xYy00LjctNC43LTQuNy0xMi4zIDAtMTdsMzkuNi0zOS42YzQuNy00LjcgMTIuMy00LjcgMTcgMGw2NSA2NS43IDY1LjEtNjUuNmM0LjctNC43IDEyLjMtNC43IDE3IDBsMzkuNiAzOS42YzQuNyA0LjcgNC43IDEyLjMgMCAxN0wzMTIgMjU2bDY1LjYgNjUuMXoiIHN0cm9rZT0iI0Q4RDhEOCIgc3Ryb2tlLXdpZHRoPSI0JSIgZmlsbD0idHJhbnNwYXJlbnQiLz48L3N2Zz4='); -} - -/*===========================*/ -/* COMMENTING AND POSTING UI */ -/*===========================*/ - -.posting-controls input[type='submit'] { - background-color: #000; - border: 1px solid #484848; - font-weight: bold; -} -.posting-controls input[type='submit']:hover, -.posting-controls input[type='submit']:focus { - background-color: #1f1f1f; - border: 1px solid #575756; -} - -.comment-controls .cancel-comment-button { - font-weight: 600; - color: #00a9ed; - text-shadow: - 0 0 1px #000, - 0 0 2px #000; -} -.comment-controls .cancel-comment-button:hover { - color: #0090e0; - text-shadow: 0 0 1px #000, 0 0 3px #000, 0 0 5px #000; -} - -.new-comment-button { - font-weight: 600; -} - -.comment-controls .delete-button, -.comment-controls .retract-button { - color: #00bbf5; - opacity: 0.85; -} -.comment-controls .edit-button, -.comment-controls .unretract-button { - color: #9740cb; -} -.comment-controls .action-button:hover { - color: #0090e0; - opacity: 1.0; -} - -.button.edit-post-link:not(:hover) { - color: #9740cb; -} - -.posting-controls textarea { - font-family: 'Charter', 'PT Serif', 'Georgia', serif; - color: #fff; - background-color: #000; - border-color: #484848; - box-shadow: - 0 0 0 1px #131313 inset; -} -.posting-controls textarea:focus { - background-color: #00001e; - border-color: #0cc800; - box-shadow: - 0 0 0 1px #1d1f00 inset, - 0 0 0 1px #000, - 0 0 0 2px #0cc800; -} -.posting-controls.edit-existing-post textarea:focus, -.posting-controls form.edit-existing-comment textarea:focus { - border-color: #9740cb; - box-shadow: - 0 0 0 1px #3d0061 inset, - 0 0 0 1px #000, - 0 0 0 2px #9740cb; -} - -/*= Scroll bars =*/ - -.posting-controls textarea::-webkit-scrollbar, -.textarea-container .autocomplete-container::-webkit-scrollbar { - width: 16px; - background-color: transparent; -} -.posting-controls textarea::-webkit-scrollbar-track, -.textarea-container .autocomplete-container::-webkit-scrollbar-track { - background-color: #131313; - border-left: 1px solid #484848; - border-top: 1px solid #131313; -} -.posting-controls textarea:focus::-webkit-scrollbar-track, -.textarea-container .autocomplete-container::-webkit-scrollbar-track { - border-left: 1px solid #0cc800; - border-top: 1px solid #1d1f00; -} -.posting-controls textarea::-webkit-scrollbar-thumb { - background-color: #484848; - box-shadow: 0 0 0 1px #131313 inset; - border-left: 1px solid #484848; -} -.posting-controls textarea:focus::-webkit-scrollbar-thumb, -.textarea-container .autocomplete-container::-webkit-scrollbar-thumb { - border-left: 1px solid #0cc800; - background-color: #40a800; - box-shadow: - 0 1px 0 0 #1d1f00 inset, - 0 0 0 1px #131313 inset; -} - -.posting-controls.edit-existing-post textarea:focus::-webkit-scrollbar-track, -.posting-controls form.edit-existing-comment textarea:focus::-webkit-scrollbar-track { - border-left: 1px solid #9740cb; -} -.posting-controls.edit-existing-post textarea:focus::-webkit-scrollbar-thumb, -.posting-controls form.edit-existing-comment textarea:focus::-webkit-scrollbar-thumb { - border-left: 1px solid #9740cb; - background-color: #8533c2; -} - -/* GUIEdit buttons */ - -.guiedit-buttons-container { - background-image: linear-gradient(to bottom, #000 0%, #1d1f00 50%, #252c00 75%, #344700 100%); -} - -.posting-controls.edit-existing-post .guiedit-buttons-container button, -.posting-controls form.edit-existing-comment .guiedit-buttons-container button { - color: #ce92ee; -} -.guiedit-buttons-container button { - font-family: 'Font Awesome', 'Font Awesome 5 Free', 'Charter', 'PT Serif', 'Georgia', serif; -} - -.guiedit::after { - font-family: 'Concourse', 'a_Avante', 'Assistant', Arial, 'GW-Symbols', sans-serif; - color: #777; - text-shadow: none; -} - -/* Markdown hints */ - -#markdown-hints-checkbox + label { - color: #0cc800; -} -#markdown-hints-checkbox + label:hover { - color: #0098e4; - text-shadow: 0 0 1px #000, 0 0 3px #000, 0 0 5px #000; -} -#markdown-hints { - border: 1px solid #00a9ed; - background-color: #000340; -} - -/*================*/ -/* EDIT POST FORM */ -/*================*/ - -#edit-post-form .post-meta-fields input[type='checkbox'] + label { - top: -1px; -} -#edit-post-form .post-meta-fields input[type='checkbox'] + label::before { - border-radius: 3px; - border: 1px solid #1f1f1f; - color: #777; -} -@media only screen and (hover:hover) { - #edit-post-form .post-meta-fields input[type='checkbox'] + label:hover, - #edit-post-form .post-meta-fields input[type='checkbox']:focus + label { - text-shadow: - 0 0 1px #000, - 0 0 2px #000, - 0 0 2.5px #484848; - } - #edit-post-form .post-meta-fields input[type='checkbox'] + label:hover::before, - #edit-post-form .post-meta-fields input[type='checkbox']:focus + label::before { - border-color: #484848; - } -} -#edit-post-form .post-meta-fields input[type='checkbox']:checked + label::before { - content: "\F00C"; -} -#edit-post-form input[type='radio'] + label { - color: #777; - border-color: #1f1f1f; - padding: 4px 12px 5px 12px; -} -#edit-post-form input[type='radio'][value='all'] + label { - border-radius: 8px 0 0 8px; - border-width: 1px; -} -#edit-post-form input[type='radio'][value='drafts'] + label { - border-radius: 0 8px 8px 0; -} -@media only screen and (hover:hover) { - #edit-post-form input[type='radio'] + label:hover, - #edit-post-form input[type='radio']:focus + label { - background-color: #1f1f1f; - color: #fff; - } -} -#edit-post-form input[type='radio']:focus + label { - color: #fff; - box-shadow: - 0 0 0 1px #484848; -} -#edit-post-form input[type='radio']:checked + label { - background-color: #1f1f1f; - border-color: #1f1f1f; - color: #fff; - text-shadow: - 0 -1px 0 #000, - 0 0.5px 0.5px #fff; -} - -/*=======*/ -/* LINKS */ -/*=======*/ - -a { - text-decoration: none; - color: #0cc800; -} -a:visited { - color: #76cc54; -} -a:hover { - text-decoration: underline; -} - -/*=========*/ -/* BUTTONS */ -/*=========*/ - -button, -input[type='submit'] { - color: #0cc800; -} - -button:active, -input[type='submit']:active { - color: #0090e0; - transform: scale(0.9); -} -.button:visited { - color: #0cc800; -} -.button:active { - transform: scale(0.9); -} -@-moz-document url-prefix() { - .button:active { - transform: none; - } -} - -@media only screen and (hover:hover) { - button:hover, - input[type='submit']:hover, - button:focus, - input[type='submit']:focus { - color: #0090e0; - text-shadow: 0 0 1px #000, 0 0 3px #000, 0 0 5px #000; - } - - .button:hover { - color: #0090e0; - text-shadow: 0 0 1px #000, 0 0 3px #000, 0 0 5px #000; - text-decoration: none; - } - .button:focus:not(:hover) { - transform: none; - } -} - -/*==========*/ -/* HEADINGS */ -/*==========*/ - -.body-text h1, -.body-text h2, -.body-text h4 { - font-family: 'Concourse', 'a_Avante', 'Assistant', Arial, 'GW-Symbols', sans-serif; -} -.body-text h3, -.body-text h5, -.body-text h6 { - font-weight: 600; - font-family: 'Concourse Smallcaps', 'a_Avante', 'Assistant', Arial, 'GW-Symbols', sans-serif; -} -.body-text h6 { - color: #9b9b9b; -} -.body-text h1 { - border-bottom: 1px solid #484848; -} - -/*========*/ -/* QUOTES */ -/*========*/ - -blockquote { - border-left: 5px solid #2c2c2c; -} - -/*========*/ -/* IMAGES */ -/*========*/ - -#content img, -#content figure.image img { - border: 1px solid #2c2c2c; -} -#content figure img { - border: 1px solid #fff; -} -#content img[src$='.svg'], -#content figure img[src$='.svg'] { - border: none; -} -#content img[style^='float'] { - border: 1px solid transparent; -} - -/*========*/ -/* TABLES */ -/*========*/ - -#content:not(.tag-index-page) .body-text table, -#content:not(.tag-index-page) .body-text table th, -#content:not(.tag-index-page) .body-text table td { - border: 1px solid #2c2c2c; -} - -/*======*/ -/* MISC */ -/*======*/ - -hr { - border-bottom: 1px solid #575756; -} - -code { - background-color: #0b0b00; - border: 1px solid #1d1f00; - border-radius: 4px; -} - -input[type='text'], -input[type='search'], -input[type='password'] { - background-color: #000; - border: 1px solid #1f1f1f; - color: #fff; -} -input[type='text']:focus, -input[type='search']:focus, -input[type='password']:focus { - background-color: #00001e; - border: 1px solid #393939; - box-shadow: 0 0 1px #393939; -} - -select { - color: #fff; -} - -@-moz-document url-prefix() { - h1.listing s, - .post > h1:first-of-type s { - position: relative; - text-decoration: none; - } - h1.listing s::after, - .post > h1:first-of-type s::after { - position: absolute; - border-bottom: 3px solid #fff; - content: ""; - top: 0; - left: 0; - width: 100%; - height: 50%; - } -} -/*============*/ -/* ABOUT PAGE */ -/*============*/ - -.about-page mark { - background-color: #191919; - text-decoration: none; - box-shadow: - 0 -1px 0 0 #fff inset, - 0 -3px 1px -2px #fff inset; - padding: 0 1px; -} - -#content.about-page .accesskey-table { - font-family: 'Concourse', 'a_Avante', 'Assistant', Arial, 'GW-Symbols', sans-serif; - border-color: #1f1f1f; -} - -#content.about-page img { - border: 1px solid #fff; -} - -/*========================*/ -/* QUALIFIED HYPERLINKING */ -/*========================*/ - -#aux-about-link a { - color: #777; -} -#aux-about-link a:hover { - opacity: 1.0; - text-shadow: 0 0 1px #000, 0 0 3px #000, 0 0 5px #000; -} - -.qualified-linking label { - color: #0cc800; -} -.qualified-linking label:hover { - text-shadow: - 0 0 1px #000, - 0 0 3px #000, - 0 0 5px #0cc800; -} - -.qualified-linking-toolbar { - border: 1px solid #fff; - background-color: #000; -} -.qualified-linking-toolbar a { - background-color: #131313; - border: 1px solid #2c2c2c; - border-radius: 4px; -} -.qualified-linking-toolbar a:visited { - color: #0cc800; -} -.qualified-linking-toolbar a:hover { - text-decoration: none; - background-color: #1f1f1f; - text-shadow: 0 0 1px #000, 0 0 3px #000, 0 0 5px #000; -} -.qualified-linking label::after { - background-color: #232323; - opacity: 0.8; -} - -/*======*/ -/* MATH */ -/*======*/ - -.mathjax-block-container::-webkit-scrollbar { - height: 12px; - background-color: #0b0b00; - border-radius: 6px; - border: 1px solid #1d1f00; -} -.mathjax-block-container::-webkit-scrollbar-thumb { - background-color: #1e1f13; - border-radius: 6px; - border: 1px solid #282c11; -} -.mathjax-inline-container::-webkit-scrollbar { - height: 8px; - background-color: #0b0b00; - border-radius: 4px; - border: 1px solid #1d1f00; -} -.mathjax-inline-container::-webkit-scrollbar-thumb { - background-color: #1e1f13; - border-radius: 4px; - border: 1px solid #282c11; -} - - -/*===============*/ -/* USER MENTIONS */ -/*===============*/ - -.textarea-container .autocomplete-container { - background-color: rgba(0, 3, 64, 0.75); - border: 1px solid rgba(10, 200, 0, 0.75); -} - -.textarea-container .autocomplete-container div.highlighted { - background-color: rgba(10, 200, 0, 0.75); - color: #000; -} - -.textarea-container .autocomplete-container div:not(.highlighted):hover { - background-color: rgba(10, 200, 0, 0.25); -} - -.textarea-container .autocomplete-container div span.age, -.textarea-container .autocomplete-container div span.karma { - color: #666; -} - - -/*=================*/ -/* ALIGNMENT FORUM */ -/*=================*/ - -#content.alignment-forum-index-page::before { - background-color: #131100; -} -#content.alignment-forum-index-page::after { - font-family: "Concourse SmallCaps"; - font-weight: bold; - background-color: #658100; - -webkit-background-clip: text; - color: transparent; - text-shadow: - rgba(0, 0, 0, 0.5) 0px 3px 3px;; -} -@media only screen and (hover: hover) { - #content.alignment-forum-index-page h1.listing a:hover, - #content.alignment-forum-index-page h1.listing a:focus { - background-color: rgba(19, 17, 0, 0.85); - } -} - -/*====================*/ -/* FOR NARROW SCREENS */ -/*====================*/ - -@media only screen and (max-width: 1440px) { - #hns-date-picker { - background-color: #232323; - opacity: 1.0; - } - #hns-date-picker::before { - border: 1px solid #575756; - border-width: 1px 0 1px 1px; - } -} -@media only screen and (max-width: 1160px) { - #theme-selector:hover::after { - background-color: #575756; - } -} -@media only screen and (max-width: 1080px) { - #text-size-adjustment-ui button { - border: 1px solid #575756; - padding: 0 0 0 1px; - border-radius: 50%; - box-shadow: - 0 0 6px #575756 inset, - 0 0 0 1px transparent; - } - #theme-tweaker-toggle button { - border: 1px solid #575756; - box-shadow: - 0 0 10px #575756 inset, - 0 0 0 1px transparent; - border-radius: 50%; - transform: scale(0.8); - } -} -@media only screen and (max-width: 1020px) { - #quick-nav-ui a { - box-shadow: - 0 0 0 1px #575756, - 0 0 0 2px transparent; - } - #new-comment-nav-ui .new-comments-count::before { - background-color: #232323; - box-shadow: - 0 0 0 1px #575756, - 0 0 0 2px transparent; - border-radius: 8px; - } - #anti-kibitzer-toggle { - box-shadow: - 0 0 0 1px #575756, - 0 0 0 2px transparent; - background-color: #232323; - border-radius: 6px; - overflow: hidden; - } -} -@media only screen and (max-width: 1000px) { - #theme-selector { - background-color: #232323; - box-shadow: - 0 0 0 1px #575756, - 0 0 0 2px transparent; - } - #theme-selector:hover::after { - width: calc(6em - 3px); - height: calc(100% - 5px); - top: 3px; - left: 100%; - } - #text-size-adjustment-ui button { - background-color: #1f1f1f; - } - #text-size-adjustment-ui button:hover { - background-color: #131313; - } - #theme-tweaker-toggle button { - background-color: #1f1f1f; - } -} - -/*========*/ -/* MOBILE */ -/*========*/ - -/*******************************************/ -@media only screen and (max-width: 1160px) { -/*******************************************/ - - #ui-elements-container > div[id$='-ui-toggle'] button { - color: #666; - text-shadow: - 0 0 1px #000, - 0 0 3px #000, - 0 0 5px #000, - 0 0 10px #000, - 0 0 20px #000, - 0 0 30px #000; - } - - #theme-selector { - background-color: #232323; - box-shadow: - 0 0 0 1px #575756, - 0 0 1px 3px #000, - 0 0 3px 3px #000, - 0 0 5px 3px #000, - 0 0 10px 3px #000, - 0 0 20px 3px #000; - border-radius: 12px; - } - #theme-selector::before, - #theme-selector .theme-selector-close-button { - color: #888; - text-shadow: 0.5px 0.5px 0 #000; - } - #theme-selector button { - background-color: #191919; - border-radius: 10px; - } - #theme-selector button::after { - color: #fff; - padding-bottom: 2px; - max-width: calc(100% - 3.25em); - overflow: hidden; - text-overflow: ellipsis; - } - #theme-selector button.selected::after { - text-shadow: - 0 -1px 0 #000, - 0 0.5px 0.5px #fff; - } - - #theme-selector .auxiliary-controls-container { - border-top-color: #575756; - } - #theme-selector .auxiliary-controls-container button { - background-color: #191919; - box-shadow: - 0 0 10px 0 #575756 inset, - 0 0 0 1px transparent; - border: 1px solid #575756; - } - #theme-selector #anti-kibitzer-toggle button::before, - #theme-selector #anti-kibitzer-toggle button::after { - background-color: #aeaeae; - } - #theme-selector #dark-mode-selector { - background-color: #191919; - box-shadow: - 0 0 10px 0 #575756 inset, - 0 0 0 1px transparent; - border: 1px solid #575756; - } - #theme-selector #dark-mode-selector button.selected { - background-color: #575756; - border-radius: 8px; - box-shadow: 0 0 2px 0 #575756; - } - - #quick-nav-ui { - background-color: #000; - } - #quick-nav-ui, - #new-comment-nav-ui, - #hns-date-picker { - box-shadow: - 0 0 1px 3px #000, - 0 0 3px 3px #000, - 0 0 5px 3px #000, - 0 0 10px 3px #000, - 0 0 20px 3px #000; - } - #quick-nav-ui a::after, - #new-comment-nav-ui::before { - font-family: 'Concourse', 'a_Avante', 'Assistant', Arial, 'GW-Symbols', sans-serif; - font-weight: 600; - box-shadow: - 0 0 1px 0 #000, - 0 0 3px 0 #000, - 0 0 5px 0 #000; - background-color: #000; - border-radius: 4px; - } - #quick-nav-ui, - #new-comment-nav-ui { - border-radius: 8px; - } - #new-comment-nav-ui { - background-color: #232323; - border: 1px solid #575756; - } - #new-comment-nav-ui::before { - color: #777; - } - #new-comment-nav-ui .new-comment-sequential-nav-button { - box-shadow: 0 0 0 1px #575756; - color: #777; - } - #new-comment-nav-ui .new-comments-count { - background-color: inherit; - box-shadow: 0 -1px 0 0 #575756; - } - #new-comment-nav-ui .new-comment-sequential-nav-button:disabled { - color: #393939; - } - #new-comment-nav-ui .new-comment-sequential-nav-button.new-comment-previous { - border-radius: 7px 0 0 7px; - } - #new-comment-nav-ui .new-comment-sequential-nav-button.new-comment-next { - border-radius: 0 7px 7px 0; - } - #new-comment-nav-ui button::after { - font-family: 'Concourse', 'a_Avante', 'Assistant', Arial, 'GW-Symbols', sans-serif; - } - - /*****************************************/ - @media only screen and (max-width: 900px) { - /*****************************************/ - h1.listing { - font-size: 1.75rem; - line-height: 1; - } - h1.listing .link-post-link { - top: 2px; - } - h1.listing + .post-meta .karma-value, - h1.listing + .post-meta .comment-count, - h1.listing + .post-meta .lw2-link, - h1.listing + .post-meta .read-time { - bottom: 0; - } - h1.listing + .post-meta .post-section::before { - position: unset; - } - h1.listing + .post-meta .post-section { - overflow: visible; - order: 1; - } - h1.listing + .post-meta .link-post-domain { - order: 2; - line-height: 1; - flex-basis: 100%; - } - h1.listing + .post-meta::after { - bottom: -10px; - } - #content.user-page h1.listing + .post-meta { - margin-bottom: 1em; - } - #content.user-page h1.link-post-listing::after { - height: calc(100% + 2em); - } - - #nav-item-search button::before { - color: #0cc800; - } - - .archive-nav > *[class^='archive-nav-'] + *[class^='archive-nav-']::before { - background-color: #484848; - } - - .comment-item .comment-item { - margin: 0.75em 2px 4px 6px; - box-shadow: - 0 0 2px #2c2c2c, - 0 0 4px #2c2c2c, - 0 0 7px #2c2c2c; - } - .comment-item .comment-item + .comment-item { - margin: 1.5em 2px 4px 6px; - } - .comment-body { - font-size: 1.125rem; - } - - a.comment-parent-link:hover::before { - background-color: unset; - } - - .sublevel-nav:not(.sort) .sublevel-item, - .sublevel-nav:not(.sort) .sublevel-item:first-child, - .sublevel-nav:not(.sort) .sublevel-item:last-child { - border-radius: 8px; - border-width: 1px; - margin: 2px; - } - /*******************************************/ - } @media only screen and (max-width: 720px) { - /*******************************************/ - h1.listing { - margin: 10px 6px 6px 6px; - max-width: calc(100% - 12px); - font-size: 1.5rem; - padding-right: 35px; - } - #content.conversations-user-page h1.listing { - font-size: 1.5rem; - } - h1.listing + .post-meta { - margin: 0 6px 0 7px; - clear: both; - } - h1.listing + .post-meta { - padding: .25em 254px 0 0; - } - h1.listing + .post-meta::after { - bottom: -2px; - } - h1.listing + .post-meta > * { - line-height: 1; - display: block; - } - #content.conversations-user-page h1.listing + .post-meta > * { - line-height: 1.5; - } - h1.listing + .post-meta .date, - h1.listing + .post-meta .author { - line-height: 1.3; - } - h1.listing + .post-meta .karma-value, - h1.listing + .post-meta .comment-count, - h1.listing + .post-meta .lw2-link, - h1.listing + .post-meta .read-time { - top: unset; - font-size: 1rem; - box-shadow: none; - } - h1.listing + .post-meta .karma-value::before, - h1.listing + .post-meta .comment-count::before, - h1.listing + .post-meta .lw2-link::before, - h1.listing + .post-meta .read-time::before { - box-shadow: none; - } - h1.listing + .post-meta .karma-value, - h1.listing + .post-meta .comment-count, - h1.listing + .post-meta .read-time, - h1.listing + .post-meta .lw2-link { - bottom: 4px; - } - - h1.listing + .post-meta .karma-value { - right: 192px; - } - h1.listing + .post-meta .karma-value::before { - text-shadow: 0.5px 0.5px 0.5px #575756; - } - h1.listing + .post-meta .comment-count { - right: 132px; - } - h1.listing + .post-meta .read-time { - right: 56px; - } - h1.listing + .post-meta .lw2-link { - opacity: 1; - right: 0; - } - h1.listing + .post-meta .link-post-domain { - margin: 0; - line-height: 1.3; - overflow: hidden; - text-overflow: ellipsis; - } - h1.listing + .post-meta .post-section::before { - position: absolute; - left: unset; - right: 0; - bottom: 30px; - top: unset; - } - h1.listing a { - display: inline; - } - /*******************************************/ - } @media only screen and (max-width: 520px) { - /*******************************************/ - h1.listing + .post-meta { - padding: .25em 144px 0 0; - flex-flow: column; - } - #content.conversations-user-page h1.listing + .post-meta { - flex-flow: row wrap; - } - h1.listing + .post-meta .date { - margin: 0.375em 0 0.25em 0; - line-height: 1; - } - #content.user-page h1.listing::after { - height: calc(100% + 2.125em); - } - #content.user-page h1.link-post-listing::after { - height: calc(100% + 3.125em); - } - #content.user-page:not(.conversations-user-page) h1.listing + .post-meta { - padding: 0.25em 144px 0.5em 36px; - } - #content.conversations-user-page h1.listing + .post-meta .date { - margin: 0 0 0 1em; - } - - h1.listing + .post-meta .karma-value { - bottom: 28px; - right: 56px; - } - h1.listing + .post-meta .comment-count { - bottom: 28px; - right: 0; - } - h1.listing + .post-meta .read-time { - right: 56px; - bottom: 4px; - } - h1.listing + .post-meta .lw2-link { - right: 0; - bottom: 4px; - } - h1.listing + .post-meta .link-post-domain { - max-width: 100%; - } - h1.listing + .post-meta .post-section::before { - right: 120px; - } - - #content.compact > .comment-thread .comment-item { - max-height: 110px; - } - - .textarea-container:focus-within button:active { - background-color: #2c2c2c; - } - .textarea-container:focus-within .guiedit-mobile-auxiliary-button { - background-color: #131313; - border: 1px solid #1f1f1f; - border-radius: 6px; - } - .textarea-container:focus-within .guiedit-mobile-help-button.active { - border-color: #00a9ed; - box-shadow: - 0 0 0 1px #000, - 0 0 0 2px #00a9ed; - color: #00a9ed; - font-weight: 600; - } - #content.conversation-page .textarea-container:focus-within::after { - background-color: #000; - } - .textarea-container:focus-within .guiedit-buttons-container { - background-color: white; - border-top: 1px solid #1d1f00; - } - .textarea-container:focus-within button.guiedit { - background-color: #131313; - border: 1px solid #1f1f1f; - border-radius: 6px; - } - #markdown-hints::after { - color: #9740cb; - } - - #edit-post-form .post-meta-fields input[type='checkbox'] + label { - top: 2px; - } - #edit-post-form .post-meta-fields input[type='checkbox'] + label::before { - top: 1px; - } - /*******************************************/ - } @media only screen and (max-width: 320px) { - /*******************************************/ - h1.listing { - font-size: 1.25rem; - } - #content.user-page h1.listing::after { - height: calc(100% + 2.625em); - } - #content.user-page h1.link-post-listing::after { - height: calc(100% + 3.75em); - } - } -} - - -/*************/ -/* ACCORDIUS */ -/*************/ - -/*======*/ -/* TAGS */ -/*======*/ - -#tags { - order: 12; - display: flex; - flex-basis: 100%; - justify-content: center; - margin: 0; - flex-flow: row wrap; - align-items: flex-start; -} - -/*===============*/ -/* DEFAULT THEME */ -/*===============*/ - -/*++++++*/ -/* TAGS */ -/*++++++*/ - -#tags { - padding: 0.5em; -} -#tags::before { - content: "Tags:"; - margin: 0 0.25em 0 0; - opacity: 0.5; - line-height: 1; - align-self: center; -} -#tags a { - border-radius: 8px; - background-color: #110c06; - border: 1px solid #2e2416; - padding: 4px 8px 5px 8px; - line-height: 1; - margin: 0.25em; - font-size: 0.9375em; -} -#tags a:hover { - text-decoration: none; - background-color: #221806; -} -#tags a:active { - color: #00a1e8; -} diff --git a/www/script.js b/www/script.js index d987288c..5d4e2ff2 100644 --- a/www/script.js +++ b/www/script.js @@ -1283,7 +1283,7 @@ DarkMode = { /* Returns current (saved) mode (light, dark, or auto). */ getSavedMode: () => { - return (readCookie("dark-mode") || "auto"); + return (readCookie("dark-mode") || (readCookie("theme") === "dark" && "dark") || "auto"); }, /* Saves specified mode (light, dark, or auto). diff --git a/www/style-dark-preamble.css b/www/style-dark-preamble.css deleted file mode 100644 index e056e637..00000000 --- a/www/style-dark-preamble.css +++ /dev/null @@ -1,4 +0,0 @@ -body { - --invertible-display: none; - --inverted-display: initial; -} \ No newline at end of file -- 2.11.4.GIT