near/computersandblues.lodestone
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix CSS formatting

Browse source
This commit is contained in:
arne 2025-11-18 18:43:36 +01:00
commit 6cf08248ae
1 changed files with 61 additions and 52 deletions
Download patch file Download diff file Expand all files Collapse all files

113
public/index.html
View file

@ -9,83 +9,83 @@
html, body { padding: 0; margin: 0; } html, body { padding: 0; margin: 0; }
body { body {
margin: 24px; margin: 24px;
min-height: 100vh; min-height: 100vh;
max-width: 960px; max-width: 960px;
background: #fbf5de; background: #fbf5de;
color: #222; color: #222;
font-family: sans-serif; font-family: sans-serif;
font-size: 16px; font-size: 16px;
line-height: 1.2; line-height: 1.2;
} }
@media screen and (min-width: 768px) { @media screen and (min-width: 768px) {
body { body {
margin: 24px; margin: 24px;
} }
} }
h1, h2, h3 { h1, h2, h3 {
font-family: serif; font-family: serif;
margin: 0; margin: 0;
} }
h1 { h1 {
font-size: 36px; font-size: 36px;
line-height: 48px; line-height: 48px;
margin-bottom: 12px; margin-bottom: 12px;
} }
h2 { h2 {
font-size: 24px; font-size: 24px;
line-height: 30px; line-height: 30px;
margin-bottom: 6px; margin-bottom: 6px;
} }
h3 { h3 {
clear: both; clear: both;
font-size: 18px; font-size: 18px;
line-height: 24px; line-height: 24px;
margin-bottom: 6px; margin-bottom: 6px;
} }
img { img {
max-width: 100%; max-width: 100%;
height: auto; height: auto;
} }
p { p {
margin: 16px 0; margin: 16px 0;
} }
img.illustration { img.illustration {
width: 150px; width: 150px;
height: auto; height: auto;
float: left; float: left;
margin-right: 24px; margin-right: 24px;
margin-bottom: 24px; margin-bottom: 24px;
mix-blend-mode: luminosity; mix-blend-mode: luminosity;
vertical-align: middle; vertical-align: middle;
} }
#root { #root {
clear: both; clear: both;
} }
input, input,
button { button {
margin: 3px 0; margin: 3px 0;
padding: 3px; padding: 3px;
border: 2px solid #222; border: 2px solid #222;
color: #222; color: #222;
background: rgba(255, 255, 255, 0.8); background: rgba(255, 255, 255, 0.8);
} }
section.login label, section.login label,
section.login input { section.login input {
display: block; display: block;
width: 100%; width: 100%;
max-width: 480px; max-width: 480px;
} }
section.login input, section.login input,
@ -94,18 +94,18 @@
} }
.controls { .controls {
padding: 0 0 36px; padding: 0 0 36px;
} }
ul.results { ul.results {
margin: 0; margin: 0;
padding: 0; padding: 0;
list-style-type: none; list-style-type: none;
} }
ul.results li.result { ul.results li.result {
padding: 36px 0; padding: 36px 0;
border-top: 2px dotted #dccb8b; border-top: 2px dotted #dccb8b;
} }
.post .metadata { .post .metadata {
@ -123,13 +123,22 @@
} }
.post .content p:last-child { .post .content p:last-child {
margin-bottom: 0 margin-bottom: 0
} }
.post ul.controls { .post ul.controls {
margin: 18px 0 0; margin: 18px 0 0;
padding: 0; padding: 0;
list-style-type: none; list-style-type: none;
}
code {
font-family: monospace;
padding: .16rem .24rem;
font-size: 92%;
background: #4c462f;
color: #eee;
margin: .16rem;
} }
</style> </style>
</head> </head>