From 08fc47935c3793a28359d185d13abba8aa075889 Mon Sep 17 00:00:00 2001
From: cflip <36554078+cflip@users.noreply.github.com>
Date: Sun, 6 Jun 2021 09:02:19 -0600
Subject: Experimental style changes, add banner image
---
img/banner.jpg | Bin 0 -> 38606 bytes
styles/style.css | 117 ++++++++++++++++++++++++++++++-------------------------
viewcategory.php | 1 +
viewthread.php | 1 +
4 files changed, 66 insertions(+), 53 deletions(-)
create mode 100644 img/banner.jpg
diff --git a/img/banner.jpg b/img/banner.jpg
new file mode 100644
index 0000000..893950a
Binary files /dev/null and b/img/banner.jpg differ
diff --git a/styles/style.css b/styles/style.css
index 95d3a94..0758f59 100644
--- a/styles/style.css
+++ b/styles/style.css
@@ -1,54 +1,35 @@
body {
font-family: Arial, sans-serif;
font-size: 10pt;
- margin: auto;
- width: 980px;
+ margin: 24px 5%;
+ background-color: #ffe;
}
a {
- color: #2365B0;
+ color: forestgreen;
}
-small {
- font-size: 8pt;
- color: #333;
-}
-
-.header > small {
- color: #dde;
-}
-
-.success {
- background-color: #efe;
- margin: 8px 40px 14px 18px;
- padding: 12px;
- border: 1px solid #aea;
- overflow: hidden;
- border-radius: 5px;
-}
-
-.error {
- background-color: #fee;
- margin: 8px 40px 14px 18px;
- padding: 12px;
- border: 1px solid #eaa;
- overflow: hidden;
- border-radius: 5px;
-}
a:hover {
- color:#373737;
+ color: #333;
text-decoration: none;
}
+small {
+ font-size: 8pt;
+ color: #333;
+}
+
table {
width: 100%;
+ border: none;
+ border-collapse: collapse;
}
th, .header {
- background-color: #469;
- color: #eee;
- padding: 2px;
+ background-color: forestgreen;
+ color: white;
+ padding: 4px;
}
th, .header a {
@@ -57,45 +38,75 @@ th, .header a {
}
td {
- background-color: #eee;
+ background-color: white;
+ border: 1px solid forestgreen;
+ margin: none;
padding: 3px;
}
-.info {
- color: #666;
+blockquote {
+ background-color: #ffd;
+ margin: 8px 40px 14px 18px;
+ padding: 12px;
+ border: 1px solid #aa6;
+ overflow: hidden;
+}
+
+textarea {
+ width: 100%;
+ height: 200px;
+ margin-right: 0px;
+ overflow: scroll;
+ resize: none;
+}
+
+.header > small {
+ color: #dde;
}
.post-content {
overflow: auto;
- background-color: #eee;
+ background-color: white;
padding: 12px 8px;
- margin: 2px 0px;
+ border: 1px solid forestgreen;
display: block;
}
-.youtube-embed {
- width: 480px;
- height: 270px;
- border: none;
+.image-embed {
+ max-height: 80vh;
}
-.image-embed {
- width: 480px;
+@keyframes bgslide {
+ from { background-position: 0 0px }
+ to { background-position: -5402px 0px }
}
-textarea {
- width: 100%;
- height: 200px;
- margin-right: 0px;
- overflow: scroll;
- resize: none;
+#banner {
+ background-image: url("../img/banner.jpg");
+ background-repeat: repeat;
+
+ animation: bgslide 300s infinite linear;
+ height: 60px;
}
-blockquote {
- background-color: #DDE0E6;
+.success {
+ background-color: #efe;
margin: 8px 40px 14px 18px;
padding: 12px;
- border: 1px solid #9FAFC7;
+ border: 1px solid #aea;
overflow: hidden;
border-radius: 5px;
}
+
+.error {
+ background-color: #fee;
+ margin: 8px 40px 14px 18px;
+ padding: 12px;
+ border: 1px solid #eaa;
+ overflow: hidden;
+ border-radius: 5px;
+}
+
+.info {
+ color: #666;
+}
\ No newline at end of file
diff --git a/viewcategory.php b/viewcategory.php
index e9927f9..832d953 100644
--- a/viewcategory.php
+++ b/viewcategory.php
@@ -29,6 +29,7 @@ if (!$current->has_value()) {
name; ?>
description; ?>
thread_count . ' threads, ' . $current->post_count . ' posts'; ?>
+
Threads
diff --git a/viewthread.php b/viewthread.php
index eb1698d..365e014 100644
--- a/viewthread.php
+++ b/viewthread.php
@@ -28,6 +28,7 @@ if (!$current->has_value()) {
+
subject; ?>
created by author->name; ?>
in category->name; ?>, date_created)); ?>
--
cgit v1.2.3