Mercurial Hosting > qwb

comparison in/x.css @ 2:3222f88c0afe

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
refactored + new css
author Atarwn Gard <a@qwa.su>
date Sat, 14 Mar 2026 12:03:52 +0500
parents 72124c0555c8
children
comparison
equal deleted inserted replaced
1:72124c0555c8 2:3222f88c0afe
37 footer { 37 footer {
38 border-top: 1px solid #eee; 38 border-top: 1px solid #eee;
39 padding-top: 0.5rem; 39 padding-top: 0.5rem;
40 } 40 }
41 41
42 footer p { 42 footer p:first-child:not(:last-child) {
43 float: left; 43 display: inline-block;
44 width: 50%; 44 width: 50%;
45 } 45 }
46 46
47 footer p:nth-child(2) { 47 footer p:nth-child(2) {
48 float: right;
48 text-align: right; 49 text-align: right;
49 } 50 }
50 51
51 nav ul { 52 nav ul {
52 list-style: none; 53 list-style: none;
54 border-bottom: 1px solid #eee;
53 padding-bottom: 0.5rem; 55 padding-bottom: 0.5rem;
54 display: inline-block;
55 border-bottom: 1px solid #eee;
56 } 56 }
57 57
58 nav ul:last-child { 58 nav ul:last-child {
59 float: right; 59 text-align: right;
60 } 60 }
61 61
62 nav li { 62 nav li {
63 display: inline; 63 display: inline;
64 margin-right: 1rem; 64 margin-right: 1rem;
127 li { 127 li {
128 margin-left: 1rem; 128 margin-left: 1rem;
129 } 129 }
130 } 130 }
131 131
132 /* Dark mode support for modern browsers (ignored by NetSurf/Chawan) */ 132 /* Dark mode support */
133 @media (prefers-color-scheme: dark) { 133 @media (prefers-color-scheme: dark) {
134 body { background: #1a1a1a; color: #eee; } 134 body { background: #1a1a1a; color: #eee; }
135 h1, h2, h3 { color: #fff; } 135 h1, h2, h3 { color: #fff; }
136 a { color: #3291ff; } 136 a { color: #3291ff; }
137 blockquote { border-color: #444; } 137 blockquote { border-color: #444; }
138 th, td { border-color: #333; } 138 th, td, ul, footer { border-color: #333 !important; }
139 button { background: #eee; color: #111; } 139 button { background: #eee; color: #111; }
140 input, textarea, button { background-color: #222; color: #ddd; } 140 input, textarea, button { background-color: #222; color: #ddd; }
141 nav ul:last-child, footer { border-color: #333; }
142 } 141 }
143