From 75fcb829a96307b7123b5e4cc1a15cc7097f5001 Mon Sep 17 00:00:00 2001
From: pdp8 <pdp8@pdp8.info>
Date: Wed, 24 Aug 2022 15:59:27 +0200
Subject: license, css and javascript fixes

---
 snippets/style.css | 104 +++++++++++++++++------------------------------------
 1 file changed, 32 insertions(+), 72 deletions(-)

(limited to 'snippets/style.css')

diff --git a/snippets/style.css b/snippets/style.css
index a0ea50f..8814922 100644
--- a/snippets/style.css
+++ b/snippets/style.css
@@ -4,6 +4,31 @@ body {
   font-family: sans-serif;
 }
 
+nav {
+  background: #000;
+  color: #fff;
+  padding: 0.75em 0 1em 0;
+}
+
+nav a {
+  padding: 0 1em;
+  text-decoration: none;
+}
+
+nav img {
+  height: 2em;
+  display: inline;
+  vertical-align: bottom;
+}
+
+nav #logo img { height: 2em; }
+
+nav .current { color: #fff; }
+
+nav .fa-bars { display:none; }
+
+nav a:hover { color: #fff; }
+
 @media screen and (max-width: 600px) {
   nav {
     display: inline-block;
@@ -25,49 +50,7 @@ body {
   }
 }
 
-nav {
-  background: #000;
-  color: #fff;
-  padding: 0.75em 0 1em 0;
-  height: 2.5em;
-}
-
-nav #logo {
-  display: inline;
-  font-size: 2em;
-  padding-left: 0.25em;
-  padding-top: 0;
-  padding-right: 1em;
-  height: 1.25em;
-  vertical-align: top;
-  margin: 0 1vw;
-}
-
-nav .current { color: #fff; }
-
-nav a {
-  display: inline;
-  padding-right: 1em;
-  position: relative;
-  vertical-align: bottom;
-  text-decoration: none;
-}
-
-nav .fa-bars { display:none; }
-
-nav a:hover { color: #fff; }
-
-.post {
-  padding: 1em;
-}
-
-/*
-.album {
-  display: block;
-  margin-left: auto;
-  margin-right: auto;
-}
-*/
+.post { padding: 2em; }
 
 img, video {
   max-width: 100%;
@@ -80,6 +63,7 @@ img, video {
 iframe {
   width: 100%;
   height: 90vh;
+  border: none;
 }
 
 a {
@@ -96,6 +80,7 @@ a {
   margin-left: 0;
 }
 
+
 #controller {
   position: fixed;
   left: 0;
@@ -105,9 +90,12 @@ a {
   padding: 0
 }
 
-.controller-item {
+.btn {
   display: inline-block;
   cursor: pointer;
+  color: #000;
+  font-size: 2em;
+  font-weight: bold;
   width: 4em;
 }
 
@@ -118,7 +106,6 @@ a {
   font-weight: bold;
   font-size: 8em;
   transition: 0.5s ease;
-  display: inline-block;
   bottom: 6vh;
 }
 
@@ -126,30 +113,3 @@ a {
 #next { right: 1%; }
 #prev:hover, #next:hover { text-decoration: none; }
 #prev:active, #next:active { color: black; }
-
-
-/* bottom */
-.pager { width: 100%; }
-
-.btn {
-  white-space: nowrap;
-  margin: 0.5em;
-  text-decoration: none;
-  color: #000;
-}
-
-.btn-left {
-  margin: 1.5em;
-  text-decoration: none;
-  color: #000;
-  float: left;
-  display: inline-block;
-}
-
-.btn-right {
-  margin: 1.5em;
-  text-decoration: none;
-  color: #000;
-  float: right;
-  display: inline-block;
-}
-- 
cgit v1.2.3