move all viewer scripts to javascript

res/include/style/viewer.css

@@ -154,20 +154,13 @@
    =====================*/
 .image-container{
 	position: relative;
+	display: block;
 	height: 100%;
 	width: 100%;
 	text-align: center;
 	overflow: hidden;
 }
 
-.image{
-	position: relative;
-	display: block;
-	margin: auto;
-	max-width: 100%;
-	max-height: 100%;
-}
-
 .text-container{
 	background: #333 none;
 	position: relative;
@@ -184,17 +177,6 @@
 	overflow: hidden;
 }
 
-.pannable{
-	position: relative;
-	display: inline-block;
-	margin: auto;
-	max-width: 100%;
-	max-height: 100%;
-	cursor: move;
-	top: 50%;
-	transform: translateY(-50%);
-}
-
 .center{
 	position: relative;
 	display: block;
@@ -205,9 +187,8 @@
 	transform: translateY(-50%);
 }
 
-.drop-shadow{
-	box-shadow: var(--shadow_color) 10px 10px 50px;
-}
+.pannable{ cursor: move; }
+.drop-shadow{ box-shadow: var(--shadow_color) 10px 10px 50px; }
 
 /* ========================
    || TOOLBAR COMPONENTS ||