shmup/worldnews
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Switch to acme styles

Browse source
This commit is contained in:
Jared Miller 2026-01-13 08:46:00 -05:00
parent 53e3152867
commit d51a836633
Signed by: shmup
GPG key ID: 22B5C6D66A38B06C
1 changed files with 54 additions and 43 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

97
style.css
View file

@ -1,100 +1,111 @@
body { body {
max-width: 900px; max-width: 900px;
margin: 2rem auto; margin: 0 auto;
padding: 0 1rem; padding: 1rem;
font-family: system-ui, sans-serif; font-family: "Go", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
line-height: 1.5; line-height: 1.5;
background: #ffffea;
color: #000;
} }
header { header {
margin-bottom: 2rem; margin-bottom: 1rem;
padding: 0.5rem;
background: #eaffff;
border: 1px solid #888;
} }
h1 { h1 {
margin-bottom: 0.25rem; margin: 0 0 0.25rem 0;
font-size: 1.25rem;
font-weight: normal;
} }
.subtitle { .subtitle {
margin: 0; margin: 0;
font-size: 0.9rem; font-size: 0.9rem;
color: #666;
} }
.intro { .intro {
margin: 0.5rem 0 0 0; margin: 0.25rem 0 0 0;
font-style: italic; font-size: 0.9rem;
color: #555;
} }
h2 { h2 {
margin-top: 2rem; margin: 1.5rem 0 0.5rem 0;
border-bottom: 1px solid #ccc; padding: 0.25rem 0.5rem;
padding-bottom: 0.25rem; background: #eaffff;
border: 1px solid #888;
font-size: 1rem;
font-weight: normal;
} }
.country { .country {
margin-bottom: 2rem; margin-bottom: 1.5rem;
}
h3 {
margin: 0.75rem 0 0.25rem 0;
font-size: 1rem;
font-weight: bold;
} }
.source { .source {
margin: 0.5rem 0; margin: 0.25rem 0;
padding: 0.5rem; padding: 0.25rem 0;
border-left: 3px solid #ddd;
} }
.source a { .source a {
font-weight: 600; color: #0000ff;
}
.source a:visited {
color: #551a8b;
} }
.leaning { .leaning {
font-size: 0.85rem; font-size: 0.85rem;
color: #666;
margin-left: 0.5rem; margin-left: 0.5rem;
} }
.leaning.left { color: #2563eb; } .leaning.left { color: #0000aa; }
.leaning.center-left { color: #3b82f6; } .leaning.center-left { color: #0066aa; }
.leaning.center { color: #6b7280; } .leaning.center { color: #444; }
.leaning.center-right { color: #dc2626; } .leaning.center-right { color: #aa4400; }
.leaning.right { color: #b91c1c; } .leaning.right { color: #aa0000; }
.leaning.state { color: #7c3aed; } .leaning.state { color: #660066; }
.description { .description {
font-size: 0.9rem; font-size: 0.9rem;
color: #444; color: #333;
margin-top: 0.25rem; margin-top: 0.125rem;
} }
nav { nav {
margin-bottom: 2rem; margin-bottom: 1rem;
padding: 0.25rem 0.5rem;
background: #eaffff;
border: 1px solid #888;
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
gap: 0.5rem; gap: 0.5rem;
} }
nav a { nav a {
padding: 0.25rem 0.5rem; color: #0000ff;
background: #f3f4f6; font-size: 0.9rem;
border-radius: 4px;
text-decoration: none;
font-size: 0.85rem;
} }
nav a:hover { nav a:visited {
background: #e5e7eb; color: #551a8b;
}
h3 {
margin: 1rem 0 0.5rem 0;
font-size: 1.1rem;
} }
footer { footer {
margin-top: 3rem; margin-top: 2rem;
padding-top: 1rem; padding: 0.5rem;
border-top: 1px solid #ddd; background: #eaffff;
border: 1px solid #888;
font-size: 0.85rem; font-size: 0.85rem;
color: #666;
} }
footer p { footer p {