Lucas/PoorBooru
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

frontend: layout and css improvements

Browse source 
Make title and pager part of the main layout.

Adjust sizes and vertical rhythm all over the place.

Add flex to the main section, again keeping the header and footer at top
and bottom.

Rename main navigation classes.

Remove unused index.tt template.
This commit is contained in:
Lucas 2023-02-19 17:01:55 +00:00
parent 978f979d4d
commit ec026de8b5
5 changed files with 43 additions and 74 deletions
Download patch file Download diff file Expand all files Collapse all files

36
public/css/style.css
View file

@ -29,11 +29,8 @@
box-sizing: border-box;
}
body,
h1,
main,
p,
section {
p {
margin: 0;
}
@ -43,13 +40,12 @@ body {
background-color: var(--bg-color);
color: var(--fg-color);
font-family: monospace;
line-height: 1.5;
font-size: 1.25rem;
line-height: 2.4;
}
h1,
main,
p,
section {
p {
margin-bottom: 1.5rem;
}
@ -77,11 +73,6 @@ a:active {
color: var(--accent-color-1);
}
nav {
font-size: 1.25rem;
line-height: 2.4;
}
.viewport {
margin-left: auto;
margin-right: auto;
@ -104,6 +95,11 @@ nav {
text-align: center;
}
.text-small {
font-size: 1rem;
line-height: 3;
}
.bg-color {
background-color: var(--bg-color);
}
@ -116,22 +112,12 @@ nav {
color: var(--accent-color-0);
}
.nav-link {
.main-nav-link {
font-weight: bold;
text-decoration: none;
}
.nav-link:link,
.nav-link:visited {
color: var(--accent-color-0);
}
.nav-link:hover,
.nav-link:active {
color: var(--accent-color-1);
}
.nav-link-gap {
.main-nav-link-gap {
gap: 0 1rem;
}