diff --git a/assets/base.css b/assets/base.css index 754c9ee..a926dec 100644 --- a/assets/base.css +++ b/assets/base.css @@ -5,43 +5,7 @@ html { scrollbar-color: var(--c-border) transparent } -body > .nojs { - width: calc(100vw - 16px); - height: calc(100vh - 16px); - box-sizing: border-box; - border: 8px double var(--c-border); - overflow: hidden -} - -.title, .credit { - height: 24px; - background-color: var(--c-bg); - color: var(--c-title); - position: fixed; - padding: 0 4px; - font-family: mono; - font-weight: bold; -} - -.title { - top: 0; - left: 32px; -} - -.credit { - top: calc(100vh - 1.5em); - /*bottom: 0;*/ - right: 64px; - color: var(--c-fg) -} - -main { - overflow: hidden auto; - width: 100%; - height: 100%; - padding: 16px; - box-sizing: border-box; -} +/* text, links and lists :3 */ t { font-family: "mono"; @@ -49,12 +13,6 @@ t { color: var(--c-title) } -.ascii { - font-family: "nya"; - color: var(--c-fg); - white-space: pre; - display: none -} p { font-family: "nya"; @@ -82,10 +40,60 @@ li { list-style: none; } +/* lil text on the borders :3 */ + +.title, .credit { + height: 24px; + background-color: var(--c-bg); + color: var(--c-title); + position: fixed; + padding: 0 4px; + font-family: mono; + font-weight: bold; +} + +.title { + top: 0; + left: 32px; +} + +.credit { + top: calc(100vh - 1.5em); + /*bottom: 0;*/ + right: 64px; + color: var(--c-fg) +} + /* here are some @media rules to choose when to display ascii art */ +.ascii { + font-family: "nya"; + color: var(--c-fg); + white-space: pre; + display: none +} + @media screen and (min-width: 420px) { .ascii-1 { display: block } +} + +/* styling for the basic border when no js */ + +body > .nojs { + width: calc(100vw - 16px); + height: calc(100vh - 16px); + box-sizing: border-box; + border: 8px double var(--c-border); + overflow: hidden +} + + +main { + overflow: hidden auto; + width: 100%; + height: 100%; + padding: 16px; + box-sizing: border-box; } \ No newline at end of file