s

app/pub/css/an.css

@@ -9,13 +9,6 @@ h1 {
     font-size: 1.4em;
     text-align: center;
 }
-    #stuff-bar {
-        display: flex;
-        align-items: center;
-        height: 100px;
-        flex-wrap: wrap;
-    }
-
 #brand_title{
     color: #4e4f55;
     text-decoration:none;
@@ -45,11 +38,12 @@ h1 {
     width: 100%;
     background: #69c;
     display: flex;
-    height: 51px;
+    height: 50px;
     align-items: center;
     justify-content: center;
     font-weight: bold;
     font-size: 1.1em;
+    margin: 0px auto;
 }
 
 
@@ -61,157 +55,49 @@ h1 {
         color:white;
         padding: 8px;
     }
- 
- 
- .zoompdf span {
-    cursor: pointer;
-}
-#zoomnav {
-    width: 15%;
-    display: -ms-flexbox;
+
+#stuff-bar {
     display: flex;
-    display: -webkit-box;
-    -webkit-box-align: center;
-        -ms-flex-align: center;
-            align-items: center;
-    float: left;
-    margin-right: 2%;
+    align-items: center;
+    height: 50px;
+    background: #2c2e36;
+    margin: 0px auto;
+    color: white;
+    font-size: 1.4em;
+    justify-content: center;
 }
-.zoom-loop {
-    font-size: 2.5em;
+    #stuff-bar a {
+        color: white;
+    }
+#zoomnav, #pagenav {
+    width: 45%;
     display: flex;
     justify-content: center;
-    align-content: stretch;
-}
-.zoompdf {
-    width: 50%;
-    font-size: 2.5em;
-    height: 100%;
-    text-align: center;
-}
-#pagenav {
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    width: 82%;
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box;
-    -webkit-box-pack: left;
-    -ms-flex-pack: left;
-    justify-content: left;
-    -webkit-box-align: center;
-    -ms-flex-align: center;
     align-items: center;
 }
-#currpage {
-    list-style-type: none;
-    color: white;
-    margin-right: 15px;
-    float: left;
-    font-size: 3.5em;
-    background: #2c2e35;
-    padding: 5px 25px;
-}
-#loc {
-    display: flex;
-    flex-wrap: wrap;
-}
-.nav {
-    font-size: 1.3em;
-    display: flex;
-    align-items: center;
-    width: 100%;
-    text-decoration: none;
-}
+    #zoomnav div, #pagenav div {
+        margin-right: 15px;
+    }
+    #zoomnav span {
+        cursor: pointer;
+    }
+    #currpage {
+        background: white;
+        color: #2c2e36;
+        padding: 2px 10px;
+        border-radius: 8px;
+        font-weight: bold;
+        font-size: 1.3em;
+    }
 
- 
 
 #pdfprogress {
     text-align: center;
     font-weight: bold;
-    margin-top: 13px;
+    margin: 20px;
     font-size: 1.2em;
 }    
 
-#pdfnav {
-    font-size: 1.1em;
-    width: 100%;
-    font-weight:bold;
-    display: flex;
-    justify-content: center;
-    padding:0px;
-}
-
-#buttom-zoomin{
-    list-style-type:none;
-    float: left;
-    padding: 2px 10px;
-    font-size: 1.6em;
-    display: flex;
-    align-items: center;
-    cursor: pointer;
-    border: 3px solid #2c2e35;
-    border-radius: 20px;
-    margin-right: 15px;
-}
-
-#zoompdf{
-    list-style-type:none;
-    color:#2c2e35;
-    margin-right: 15px;
-    float: left;
-    font-size: 2em;
-}
-
-#buttom-zoomout{
-    list-style-type:none;
-    float: left;
-    padding: 2px 10px;
-    font-size: 1.6em;
-    display: flex;
-    align-items: center;
-    cursor: pointer;
-    border: 3px solid #2c2e35;
-    border-radius: 20px;
-}
-
-
-#pdfnav{
-    font-size: 1.1em;
-    width: 100%;
-    font-weight:bold;
-    display: flex;
-    justify-content: center;
-    padding:0px;
-}
-
-    .nav a, .navprev a, #pdfnav a{
-        color:#2c2e35;
-        text-decoration: none;
-    }
-
-    .navprev{
-        list-style-type:none;
-        margin-right: 15px;
-        float: left;
-        border: 3px solid #2c2e35;
-        border-radius: 28px;
-        padding: 2px 10px;
-        font-size: 1.3em;
-        display: flex;
-        align-items: center;
-    }
-
-    #navnext{
-        list-style-type:none;
-        float: left;
-        border: 3px solid #2c2e35;
-        border-radius: 28px;
-        padding: 2px 10px;
-        font-size: 1.3em;
-        display: flex;
-        align-items: center;
-    }
 @media screen and (max-width: 560px) {
     .navprev {
         font-size:1em;