diff options
| author | cflip <36554078+cflip@users.noreply.github.com> | 2021-06-06 09:02:19 -0600 |
|---|---|---|
| committer | cflip <36554078+cflip@users.noreply.github.com> | 2021-06-06 09:02:19 -0600 |
| commit | 08fc47935c3793a28359d185d13abba8aa075889 (patch) | |
| tree | 2f52920473de1029f4ce2b6913ff177de48e67f8 | |
| parent | 2ae22c4a438dc3c1822b8d909a4b38a211427bee (diff) | |
Experimental style changes, add banner image
| -rw-r--r-- | img/banner.jpg | bin | 0 -> 38606 bytes | |||
| -rw-r--r-- | styles/style.css | 117 | ||||
| -rw-r--r-- | viewcategory.php | 1 | ||||
| -rw-r--r-- | viewthread.php | 1 |
4 files changed, 66 insertions, 53 deletions
diff --git a/img/banner.jpg b/img/banner.jpg Binary files differnew file mode 100644 index 0000000..893950a --- /dev/null +++ b/img/banner.jpg 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()) { <h1><?= $current->name; ?></h1> <p><?= $current->description; ?></p> <span class="info"><?= $current->thread_count . ' threads, ' . $current->post_count . ' posts'; ?></span> + <div id="banner"></div> <h2>Threads</h2> <table> <tr> 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()) { </head> <body> <?php include_once 'includes/templates/header.php'; ?> + <div id="banner"></div> <h1><?= $current->subject; ?></h1> created by <b><?= $current->author->name; ?></b> in <b><?= $current->category->name; ?></b>, <?= date('M d, Y g:ia', strtotime($current->date_created)); ?> |
