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