diff options
author | tdro <tdro@noreply.example.com> | 2024-05-01 00:00:00 +0000 |
---|---|---|
committer | tdro <tdro@noreply.example.com> | 2024-05-01 00:00:00 +0000 |
commit | 6537a61ad92d50b8c9d143300cb8bf6e90f55124 (patch) | |
tree | d3a3d66f19aff944adfe3f1a0ede53ac4270d4fc | |
parent | 9f1d6189750538258cb148d2b15cfac4fdc19c40 (diff) | |
download | canory-6537a61ad92d50b8c9d143300cb8bf6e90f55124.tar.gz canory-6537a61ad92d50b8c9d143300cb8bf6e90f55124.tar.bz2 canory-6537a61ad92d50b8c9d143300cb8bf6e90f55124.zip |
assets/css/default: Collect the html elements
-rw-r--r-- | assets/css/default.css | 52 |
1 files changed, 28 insertions, 24 deletions
diff --git a/assets/css/default.css b/assets/css/default.css index c3da15b..6c381b0 100644 --- a/assets/css/default.css +++ b/assets/css/default.css @@ -490,15 +490,6 @@ kbd { /* ----- Elements ----- */ -html { - font-size: 95%; - line-height: 1.5; - word-break: break-word; - text-rendering: optimizeSpeed; - margin-left: calc(100vw - 100%); - margin-right: 0; -} - button, textarea { margin: 0; @@ -972,6 +963,30 @@ article a[href*="pdf"]::after { /* ----- Base ----- */ +html { + font-size: 95%; + height: 100%; + line-height: 1.5; + margin: 0; + overflow-y: scroll; + text-rendering: optimizeSpeed; + word-break: break-word; +} + +html[data-document="html"], +html[data-document="xhtml"] { + margin-left: calc(100vw - 100%); + margin-right: 0; + overflow-y: visible; +} + +html[data-document="html"] body, +html[data-document="xhtml"] body { + display: flex; + margin: 0 auto; + max-width: 1250px; +} + body { background-color: #fefefe; background-color: var(--background); @@ -984,13 +999,6 @@ body { -webkit-text-size-adjust: none; } -html[data-document="html"] body, -html[data-document="xhtml"] body { - display: flex; - margin: 0 auto; - max-width: 1250px; -} - column-base[position="left"] { width: 14.25%; } @@ -2411,7 +2419,6 @@ nav[hidden] { @media screen and (max-width: 1220px) { column-base[position="left"] { flex: none; - margin: 0.5rem; } column-base[position="left"] nav a { flex-direction: column-reverse; @@ -2464,6 +2471,10 @@ nav[hidden] { } @media screen and (max-width: 920px) { + html[data-document="html"], + html[data-document="xhtml"] { + margin: 0; + } nav + main, profile-box { margin-top: 4rem; @@ -2501,13 +2512,6 @@ nav[hidden] { flex: auto; margin: 0 0 0.75rem 0; } - html { - margin: 0; - } - body { - display: block; - overflow-y: scroll; - } tab-bar:active, tab-bar:hover, tab-bar:focus, |