From 893536a5b64cb4195393154edd40e5991bc5784a Mon Sep 17 00:00:00 2001 From: zepp Date: Thu, 19 Dec 2024 13:06:14 -0500 Subject: [PATCH] include provided styling for guestbook. edit filepaths for guestbook --- guestbook/templates/gb-header.php | 6 ++--- guestbook/templates/top.php | 1 + style/guestbook.css | 38 +++++++++++++++++++++++++++++++ 3 files changed, 42 insertions(+), 3 deletions(-) create mode 100644 style/guestbook.css diff --git a/guestbook/templates/gb-header.php b/guestbook/templates/gb-header.php index bf7e652..d390978 100644 --- a/guestbook/templates/gb-header.php +++ b/guestbook/templates/gb-header.php @@ -1,8 +1,8 @@

Guestbook

Welcome to my guestbook!

-

View guestbook -Sign guestbook

+

View guestbook +Sign guestbook

-
\ No newline at end of file +
diff --git a/guestbook/templates/top.php b/guestbook/templates/top.php index f05420d..3be554b 100644 --- a/guestbook/templates/top.php +++ b/guestbook/templates/top.php @@ -5,6 +5,7 @@ + diff --git a/style/guestbook.css b/style/guestbook.css new file mode 100644 index 0000000..011fb50 --- /dev/null +++ b/style/guestbook.css @@ -0,0 +1,38 @@ +:root { + --pagebg:#232c2f; + --pagecolor:#DCD7C9; + --border: #5b7e81; +} + +ul.pages { + list-style:none; + margin:auto; + text-align:center; +} + +ul.pages li { display:inline; } + +ul.pages li a, ul.pages li.active { + font-size: 1.2rem; + border: 1px solid var(--border); + padding:5px; + margin:2px; + transition:0.5s ease; + text-decoration:none; +} + +ul.pages li.page a:hover { + background:var(--pagecolor); + color:var(--pagebg); + transition:0.5s ease; +} + +ul.pages li.page a { + background: var(--pagebg); + color: var(--pagecolor); +} + +ul.pages li.active { + background:var(--pagecolor); + color:var(--pagebg); +}