zepp
/
emmas.place
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

further guestbook and contact page styling

This commit is contained in:
emma 2024-12-19 17:14:23 -05:00
parent 34a515a53a
commit 94c16a494e
3 changed files with 17 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
guestbook/templates/top.php
View File

@ -24,7 +24,7 @@
</p> </p>
<h3>leave a comment</h3> <h3>leave a comment</h3>
<p> <p class="guestbook-text">
if you'd just like to say hello or leave another short message, you can do so in the guestbook below if you'd just like to say hello or leave another short message, you can do so in the guestbook below
</p> </p>

14
style/guestbook.css
View File

@ -1,12 +1,13 @@
:root { :root {
--pagebg:#232c2f; --pagebg:#232c2f;
--pagecolor:#DCD7C9; --pagecolor:#65eeb788;
--border: #5b7e81; --border: #588c7388;
} }
ul.pages { ul.pages {
list-style:none; list-style:none;
margin:auto; margin:auto;
margin-top: 1rem;
text-align:center; text-align:center;
} }
@ -36,3 +37,12 @@ ul.pages li.active {
background:var(--pagecolor); background:var(--pagecolor);
color:var(--pagebg); color:var(--pagebg);
} }
.q {
border-bottom: 2px solid var(--border);
}
.guestbook-text {
padding-bottom: 0.5rem;
border-bottom: 2px solid var(--border);
}

5
style/style.css
View File

@ -11,6 +11,9 @@
:root { :root {
--background-color: #e0ffcd; --background-color: #e0ffcd;
--body-background-color: #ffebbb; --body-background-color: #ffebbb;
--scroll-gutter: #65eeb788;
--scroll-bar: #588c7388;
} }
*, *::before, *::after { *, *::before, *::after {
@ -53,7 +56,7 @@ main {
padding-left: 2.5rem; padding-left: 2.5rem;
overflow: auto; overflow: auto;
scrollbar-width: thin; scrollbar-width: thin;
scrollbar-color: #588c7388 #65eeb788; scrollbar-color: var(--scroll-gutter) var(--scroll-bar);
grid-column: 2/3; grid-column: 2/3;
grid-row: 2/3; grid-row: 2/3;
align-self: end; align-self: end;