From e028591e8142827a878c4f94f561e73d2b888faf Mon Sep 17 00:00:00 2001
From: pdp8 <pdp8@pdp8.info>
Date: Mon, 22 Aug 2022 13:57:44 +0200
Subject: images, contacts, layout

---
 snippets/style.css | 114 +++++++++++++++++++++++++++++++----------------------
 1 file changed, 66 insertions(+), 48 deletions(-)

(limited to 'snippets/style.css')

diff --git a/snippets/style.css b/snippets/style.css
index fc0054a..b4a797f 100644
--- a/snippets/style.css
+++ b/snippets/style.css
@@ -4,36 +4,27 @@ body {
   font-family: sans-serif;
 }
 
-img, video {
-  max-width: 100%;
-  max-height: 90vh;
-  display: block;
-  margin-left: auto;
-  margin-right: auto;
-}
-
-iframe {
-  width: 100%;
-  height: 90vh;
-}
-
-a {
-  color: #888;
-  text-decoration: none;
-}
-
-dl { overflow: hidden; }
-
-dt {
-  float:left;
-  width: 3em;
-  height: 2em;
-  margin-left: 2em;
-  clear:both;
+@media screen and (max-width: 600px) {
+  nav {
+    display: inline-block;
+    width: 100%;
+    height: 100%;
+  }
+  nav #logo { display: inline; }
+  nav .item {
+    background: #000;
+    display: none;
+    padding: 0.1em 0.5em;
+  }
+  nav .fa-bars {
+    float: right;
+    display:inline;
+    font-size: 2em;
+    padding-top: 0.25em;
+    padding-right: 0.75em;
+  }
 }
 
-dd { float:left; }
-
 nav {
   background: #000;
   color: #fff;
@@ -65,32 +56,60 @@ nav .fa-bars { display:none; }
 
 nav a:hover { color: #fff; }
 
-@media screen and (max-width: 600px) {
-  nav {
-    display: inline-block;
-    width: 100%;
-    height: 100%;
-  }
-  nav #logo { display: inline; }
-  nav .item {
-    background: #000;
-    display: none;
-    padding: 0.1em 0.5em;
-  }
-  nav .fa-bars {
-    float: right;
-    display:inline;
-    font-size: 2em;
-    padding-top: 0.25em;
-    padding-right: 0.75em;
-  }
+.post {
+  padding: 1em;
+}
+
+/*
+.album {
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
+}
+*/
+
+img, video {
+  max-width: 100%;
+  max-height: 80vh;
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
 }
 
+iframe {
+  width: 100%;
+  height: 90vh;
+}
+
+a {
+  color: #888;
+  text-decoration: none;
+}
+
+/*
+dl { overflow: hidden; }
+
+dt {
+  float:left;
+  width: 3em;
+  height: 2em;
+  margin-left: 2em;
+  clear:both;
+}
+
+dd { float:left; }
+*/
+
 #image {
   padding-top: 2.5%;
   padding-bottom: 1%;
 }
 
+#cover {
+  max-height: 50vh;
+  margin-left: 0;
+}
+
 #controller {
   position: fixed;
   left: 0;
@@ -122,7 +141,6 @@ nav a:hover { color: #fff; }
 #prev:hover, #next:hover { text-decoration: none; }
 #prev:active, #next:active { color: black; }
 
-.post { padding: 1em; }
 
 /* bottom */
 .pager { width: 100%; }
-- 
cgit v1.2.3