From 4bea5f02d3b13cac53ddaa60d8202083fbe80aeb Mon Sep 17 00:00:00 2001 From: Case Duckworth Date: Thu, 15 Sep 2022 14:37:49 -0500 Subject: Indentation --- style.css | 282 +++++++++++++++++++++++++++++++------------------------------- 1 file changed, 141 insertions(+), 141 deletions(-) diff --git a/style.css b/style.css index 9f6e4e2..8e6c8eb 100644 --- a/style.css +++ b/style.css @@ -1,270 +1,270 @@ :root { - --main-background: white; - --main-foreground: black; - --alt-background: #eee; - --alt-foreground: black; - --fresh-background: inherit; - --fresh-foreground: inherit; - --stale-background: inherit; - --stale-foreground: inherit; - --hover-background: yellow; - --hover-foreground: inherit; - --active-background: cyan; - --active-foreground: inherit; - --extra-foreground: blue; + --main-background: white; + --main-foreground: black; + --alt-background: #eee; + --alt-foreground: black; + --fresh-background: inherit; + --fresh-foreground: inherit; + --stale-background: inherit; + --stale-foreground: inherit; + --hover-background: yellow; + --hover-foreground: inherit; + --active-background: cyan; + --active-foreground: inherit; + --extra-foreground: blue; } body { - background: var(--main-background); - color: var(--main-foreground); - font: 16px/1.2 sans-serif; - margin: auto; - max-width: 150ch; + background: var(--main-background); + color: var(--main-foreground); + font: 16px/1.2 sans-serif; + margin: auto; + max-width: 150ch; } main { - display: flex; - flex-flow: row nowrap; - justify-content: space-around; + display: flex; + flex-flow: row nowrap; + justify-content: space-around; } main section { - max-width: 100ch; + max-width: 100ch; } section.feed { - padding: 4px; + padding: 4px; } section.feed:target { - border: 1px solid; + border: 1px solid; } main aside { - flex-grow: 1; - text-align: right; - max-width: 40ch; + flex-grow: 1; + text-align: right; + max-width: 40ch; } #page-header, #page-nav { - margin: 1ch; + margin: 1ch; } header { - display: flex; - flex-flow: row wrap; - align-items: baseline; - justify-content: space-between; - margin: 1ch 0; + display: flex; + flex-flow: row wrap; + align-items: baseline; + justify-content: space-between; + margin: 1ch 0; } h2 { - margin: 0; + margin: 0; } time { - font-family: monospace; + font-family: monospace; } #page-nav { - border-bottom: 1px solid; - padding-bottom: 4px; + border-bottom: 1px solid; + padding-bottom: 4px; } #last-updated, nav, footer { - font-size: 80%; - text-align: right; + font-size: 80%; + text-align: right; } #last-update, footer { - flex-grow: 1; + flex-grow: 1; } footer { - border-top: 1px solid; - margin: 1ch 0; - padding: 1ch 0; + border-top: 1px solid; + margin: 1ch 0; + padding: 1ch 0; } table, .entry-title { - width: 100%; - border-collapse: collapse; + width: 100%; + border-collapse: collapse; } td.entry-timestamp { - font: 50%/1.1 monospace; - text-align: right; - padding: 4px; + font: 50%/1.1 monospace; + text-align: right; + padding: 4px; } td.entry-extra { - font-family: monospace; - text-align: right; - white-space: nowrap; + font-family: monospace; + text-align: right; + white-space: nowrap; } td.entry-extra a { - color: var(--extra-foreground); + color: var(--extra-foreground); } td.entry-extra a, nav.flinks a { - display: inline-block; + display: inline-block; } td { - margin: 0; - padding: 0; + margin: 0; + padding: 0; } tr:nth-child(even), #feedlist li:nth-child(even) { - background: var(--main-background); + background: var(--main-background); } tr:nth-child(even):last-child { - border-bottom: 1px solid var(--alt-background); + border-bottom: 1px solid var(--alt-background); } tr:nth-child(odd), #feedlist li:nth-child(odd) { - background: var(--alt-background); + background: var(--alt-background); } aside li { - list-style: none; + list-style: none; } .fresh { - font-weight: bold; - background: var(--fresh-background); - color: var(--fresh-foreground); + font-weight: bold; + background: var(--fresh-background); + color: var(--fresh-foreground); } .fresh nav, .stale { - font-weight: normal; - background: var(--stale-background); - color: var(--stale-foreground); + font-weight: normal; + background: var(--stale-background); + color: var(--stale-foreground); } a { - display: block; - padding: 4px 8px; - color: inherit; + display: block; + padding: 4px 8px; + color: inherit; } a:link { - text-decoration: none; + text-decoration: none; } a:visited { - color: inherit; + color: inherit; } a:hover { - background: var(--hover-background); - color: var(--hover-foreground); + background: var(--hover-background); + color: var(--hover-foreground); } a:active { - background: var(--active-background); - color: var(--active-foreground); + background: var(--active-background); + color: var(--active-foreground); } .yt a { - color: #ff0000; + color: #ff0000; } .youtube { - border-left: 1px solid #ff0000; + border-left: 1px solid #ff0000; } .reddit { - border-left: 3px double #ff3000; + border-left: 3px double #ff3000; } .twitter { - border-left: 1px solid #179cf0; + border-left: 1px solid #179cf0; } .facebook { - border-left: 3px double #4267b2; + border-left: 3px double #4267b2; } a#logo, a.anchor, footer a, #page-nav a { - padding: 0; - display: inline; + padding: 0; + display: inline; } footer a:link { - text-decoration: underline; + text-decoration: underline; } @media screen and (max-width: 720px) { - * { - border: none; - padding: 0; - margin: 0; - } - .entries, - .entry-title { - width: 100%; - } - main, - header { - flex-flow: row wrap; - } - #page-nav { - text-align: left; - } - main aside { - padding: 2ch; - order: 1; - border-bottom: 1px solid; - text-align: left; - max-width: none; - } - main aside li { - display: inline; - background: inherit !important; - } - main aside li::after { - content: " //"; - background: inherit; - font-weight: normal; - } - main aside a { - display: inline; - } - main aside li:last-child::after { - content: ""; - } - #list { - order: 2; - } - .entry-timestamp { - display: none; - } + * { + border: none; + padding: 0; + margin: 0; + } + .entries, + .entry-title { + width: 100%; + } + main, + header { + flex-flow: row wrap; + } + #page-nav { + text-align: left; + } + main aside { + padding: 2ch; + order: 1; + border-bottom: 1px solid; + text-align: left; + max-width: none; + } + main aside li { + display: inline; + background: inherit !important; + } + main aside li::after { + content: " //"; + background: inherit; + font-weight: normal; + } + main aside a { + display: inline; + } + main aside li:last-child::after { + content: ""; + } + #list { + order: 2; + } + .entry-timestamp { + display: none; + } } @media screen and (prefers-color-scheme: dark) { - :root { - --main-background: black; - --main-foreground: white; - --alt-background: #222; - --alt-foreground: white; - --fresh-background: inherit; - --fresh-foreground: inherit; - --stale-background: inherit; - --stale-foreground: inherit; - --hover-background: inherit; - --hover-foreground: yellow; - --active-background: inherit; - --active-foreground: cyan; - --extra-foreground: cyan; - } + :root { + --main-background: black; + --main-foreground: white; + --alt-background: #222; + --alt-foreground: white; + --fresh-background: inherit; + --fresh-foreground: inherit; + --stale-background: inherit; + --stale-foreground: inherit; + --hover-background: inherit; + --hover-foreground: yellow; + --active-background: inherit; + --active-foreground: cyan; + --extra-foreground: cyan; + } } -- cgit 1.4.1-21-gabe81