RoscoeDaWah/wah.moe
RoscoeDaWah/wah.moe
1
0
Fork 0
Code Issues Pull requests Projects Releases 25 Packages Activity Actions

Design Refresh

Browse source
This commit is contained in:
Roscoe 2026-01-23 23:16:08 +00:00
commit e7202174f7
Signed by: RoscoeDaWah
SSH key fingerprint: SHA256:Hqn452XQ1ETzUt/FthJu6+OFkS4NBxCv5VQSEvuk7CE
44 changed files with 593 additions and 228 deletions
Download patch file Download diff file Expand all files Collapse all files

49
public/css/master.css
View file

@ -141,16 +141,16 @@ a:hover {
}
div.page-container {
width: 800px;
width: 950px;
margin: 5px auto;
}
div.page-container > div {
background-color: var(--background);
filter: var(--shadow);
padding: 10px;
border: var(--border);
margin-bottom: 20px;
}
div.page-container > hr {
padding: 3px 0;
}
div.page-container > div:last-child {
@ -166,6 +166,10 @@ header {
align-items: center;
}
header div:nth-child(2) {
padding-left: 14px;
}
header img {
image-rendering: pixelated;
}
@ -190,20 +194,28 @@ main>div::after {
clear: both;
}
div#footer {
footer,
div.footer-footer div {
text-align: center;
}
div.footer-footer {
display: grid;
grid-template-columns: auto 1fr;
grid-template-columns: 1fr 1fr 1fr;
grid-template-rows: 1fr;
grid-column-gap: 0;
grid-row-gap: 0;
align-items: center;
}
div#footer div:last-child {
div.footer-footer div:first-child {
text-align: left;
}
div.footer-footer div:last-child {
text-align: right;
}
div#footer div:last-child img {
footer img {
image-rendering: pixelated;
margin: 0;
padding: 0;
@ -240,9 +252,9 @@ div.wah img {
}
/** Guestbook **/
table.form input,
table.form textarea,
table.form button {
form input,
form textarea,
form button {
background-color: var(--background);
border: var(--border);
filter: var(--shadow-small);
@ -272,10 +284,19 @@ div.gb-entry {
border: var(--border);
filter: var(--shadow-small);
background-color: var(--background);
width: 75%;
padding: 10px;
}
div.gb-entry form {
display: inline;
}
div.gb-entry-flagged {
border-color: red;
filter: drop-shadow(3px 3px hsla(0, 100%, 50%, 0.4));
}
/** Music **/
table.music-top10 {
border: var(--border);