global.css
ASCII text
1@import url("/fonts/inter/inter.css"); 2@import url("/fonts/mononoki/mononoki.css"); 3 4body, 5html { 6margin: 0; 7width: 100vw; 8font-size: 95%; 9font-family: "Inter"; 10} 11 12body { 13background-image: url("/Background.webp"); 14color: #fff; 15} 16 17:any-link { 18color: #9a9af0; 19} 20 21:any-link:active { 22color: #f09a9a; 23} 24 25main { 26padding: 8px; 27box-sizing: border-box; 28max-width: 60vw; 29margin: 0 auto; 30background-color: #19191b; 31} 32 33.breadcrumbs { 34list-style: none; 35padding: 8px; 36box-sizing: border-box; 37margin: 16px auto 8px auto; 38width: 60vw; 39border: 1px solid black; 40background-color: #19191b; 41} 42 43.breadcrumbs li { 44display: inline-block; 45} 46 47.breadcrumbs li + li::before { 48content: "\00A5"; 49} 50 51body > header { 52display: flex; 53padding: 20px; 54box-sizing: border-box; 55align-items: center; 56width: 60vw; 57margin: 0 auto; 58background-color: #0b0b0c; 59border-bottom: 1px solid #fff; 60} 61 62body > header :any-link { 63color: #f1f1f1 !important; 64font-style: italic; 65text-decoration: none; 66} 67 68body > header h2 { 69flex: 1; 70font-size: large; 71margin: 0; 72} 73 74body > header nav { 75font-size: large; 76} 77 78body > header nav :any-link:not(:last-child) { 79margin-right: 15px; 80} 81 82tr > :not(:last-child) { 83padding-right: 15px; 84} 85 86body > footer { 87display: flex; 88align-items: first baseline; 89margin: 8px auto; 90margin-top: 12px; 91width: 60vw; 92padding-top: 3px; 93box-sizing: border-box; 94background-color: #19191b; 95border-top: 1px currentColor solid; 96} 97 98.footer-link-list-holder { 99flex: 1; 100} 101 102.footer-link-list { 103list-style: none; 104padding-left: 0; 105margin: 0; 106} 107 108.footer-link-list-label { 109font-weight: 900; 110font-size: 1.05rem; 111} 112 113img { 114image-rendering: optimizeQuality; 115} 116 117abbr :any-link { 118text-decoration-style: dotted; 119text-decoration-color: currentColor; 120} 121 122abbr:has(:any-link) { 123text-decoration: none; 124} 125 126kbd { 127white-space: pre-wrap; 128font-family: "mononoki", monospace; 129display: inline-block; 130font-size: .85rem; 131} 132 133:not(samp) kbd:not(:has(kbd)) { 134background-color: #222728; 135color: currentColor; 136border: currentColor 1px solid; 137border-radius: 10px; 138padding: 5px; 139margin: 1px 0; 140} 141 142samp kbd { 143display: block; 144} 145 146samp { 147background-color: #282722; 148color: #fff; 149font-family: "mononoki", monospace; 150padding: 10px; 151display: block; 152font-size: .85rem; 153white-space: pre-wrap; 154} 155