diff options
Diffstat (limited to 'styles3.css')
| -rw-r--r-- | styles3.css | 258 |
1 files changed, 0 insertions, 258 deletions
diff --git a/styles3.css b/styles3.css deleted file mode 100644 index c150343..0000000 --- a/styles3.css +++ /dev/null @@ -1,258 +0,0 @@ -@font-face { - font-family: 'Charter'; - src: url('fonts/Charter/Charter Regular.ttf') format('truetype'); - font-weight: normal; - font-style: normal; -} - -@font-face { - font-family: 'Charter'; - src: url('fonts/Charter/Charter Italic.ttf') format('truetype'); - font-weight: normal; - font-style: italic; -} - -@font-face { - font-family: 'Charter'; - src: url('fonts/Charter/Charter Bold.ttf') format('truetype'); - font-weight: bold; - font-style: normal; -} - -@font-face { - font-family: 'Charter'; - src: url('fonts/Charter/Charter Bold Italic.ttf') format('truetype'); - font-weight: bold; - font-style: italic; -} - -@font-face { - font-family: "Roboto Mono"; - src: url("fonts/Roboto/RobotoMono-VariableFont_wght.ttf") format("truetype"); - font-weight: 100 900; - font-style: normal; -} - -@font-face { - font-family: "Roboto Mono"; - src: url("fonts/Roboto/RobotoMono-Italic-VariableFont_wght.ttf") format("truetype"); - font-weight: 100 900; - font-style: italic; -} - -:root { - --bg: #ffffff; - --text: #000000; - --accent: #000000; - --code-bg: #fafafa; - --code-bg-faint: #f4f4f4; - --border: #d0d0d0; - --def-name: #ff6600; - --link: #00aaee; - --link-hover: #0088ff; - --quote-text: #333; - --desc-text: #222; - --badge-text: #444; - --eng-text: #666; - --eng-bg: #fdfdfd; - --block-bg: #ffffff; -} - -body.dark-mode { - --bg: #050505; - --text: #e0e0e0; - --accent: #ffffff; - --code-bg: #101010; - --code-bg-faint: #2a2a2a; - --border: #404040; - --def-name: #ff5f33; - --link: #33bbff; - --link-hover: #55ccff; - --quote-text: #b0b0b0; - --desc-text: #d0d0d0; - --badge-text: #cfcfcf; - --eng-text: #999; - --eng-bg: #111; - --block-bg: #1f1f1f; -} - -#themeToggle { - position: fixed; - top: 20px; - right: 20px; - padding: 8px 16px; - background: var(--code-bg); - border: 1px solid var(--border); - cursor: pointer; - font-family: 'Roboto Mono', monospace; - font-size: 0.85rem; - border-radius: 4px; - z-index: 1000; - transition: 0.5s background; -} - -#themeToggle:hover { - background: var(--code-bg-faint); -} - -a { - /* text-decoration: none; */ - color: var(--link); - transition: 0.5s color; -} - -a:hover { - color: var(--link-hover); -} - -body { - font-family: "Charter", "Bitstream Charter", "Sitka Text", Georgia, serif; - font-weight: 400; - line-height: 1.6; - color: var(--text); - max-width: 720px; - margin: 40px auto; - padding: 0 20px; - background: var(--bg); -} - -h1 { - font-size: 2.2rem; - font-weight: 700; - text-align: center; - margin-bottom: 0.5rem; - letter-spacing: -0.02em; -} - -h2 { - font-variant: small-caps; - border-bottom: 2px solid #ff5b5b; - margin-top: 2rem; - letter-spacing: 0.05em; -} - -code { - font-family: "Roboto Mono", "Charter", serif; - background: var(--code-bg); - padding: 0px 8px; - /* border-radius: 3px; */ - font-size: 0.95em; - border: 1px solid var(--border); - font-weight: 450 !important; - margin: 0 2px; -} - -pre { - background: var(--code-bg); - padding: 1.5rem; - border-left: 3px solid var(--accent); - overflow-x: auto; - /* border-radius: 0 4px 4px 0; */ - white-space: pre; - border: 1px solid var(--border); - border-left-width: 3px; -} - -pre code { - background: transparent; - padding: 0; - border: none; - font-size: 0.9rem; -} - -pre * { - font-family: "Roboto Mono", monospace !important; -} - -blockquote { - margin: 1rem 0; - padding-left: 1.5rem; - border-left: 2px solid var(--border); - color: var(--quote-text); -} - -block { - display: block; - margin-bottom: 1.5rem; - padding: 1rem; - background: var(--block-bg); - border: 1px solid var(--border); -} - -header { - display: flex; - justify-content: space-between; - align-items: baseline; - font-weight: bold; - font-family: "Charter", serif; -} - -.header-left { - display: flex; - align-items: baseline; - gap: 8px; -} - -header span.def-name { - color: var(--def-name); - background: var(--eng-bg); - padding: 0px 8px; - border: 1px solid var(--border); - font-size: 0.95em; - /* border-radius: 2px; */ - font-weight: normal; - font-family: 'Roboto Mono'; -} - -.eng-text { - font-weight: normal; - color: var(--eng-text); - background: var(--eng-bg); - padding: 0px 8px; - border: 1px solid var(--border); - font-size: 0.95em; -} - -desc { - display: block; - margin-top: 0.5rem; - font-size: 0.95rem; - color: var(--desc-text); - padding-left: 32px; -} - -.timestamp-badge { - /* margin-top: -10px !important; */ - margin-bottom: -10px !important; - display: inline-flex; - align-items: center; - gap: 8px; - padding: 6px 12px; - background: var(--code-bg); - border: 2.3px dashed #ff6600; - border-radius: 20px; - font-family: "Roboto Mono", monospace; - font-size: 0.85rem; - color: var(--badge-text); - margin: 1rem 0; - user-select: none; -} - -.timestamp-badge .clock { - filter: grayscale(100%); -} - -body.dark-mode .timestamp-badge { - border-color: #ff8833; -} - -#warnings { - display: block; - position: fixed; - bottom: 20px; - left: 20px; - color: red; - background: var(--code-bg); - border: 2px solid var(--code-bg-faint); - padding: 5px 10px; -}
\ No newline at end of file |