1 files changed, 32 insertions, 72 deletions

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;
-}