1 files changed, 15 insertions, 29 deletions
diff --git a/public/assets/ok.css b/public/assets/ok.css
index 11f6a58..dd3397e 100644
--- a/public/assets/ok.css
+++ b/public/assets/ok.css
@@ -8,6 +8,8 @@
         box-sizing: inherit;
         padding: 0;
         margin: 0;
+        outline:0;
+        border:0;
     }
     
     a,
@@ -18,6 +20,7 @@
     body {
         font-family: 'Roboto', sans-serif;
         font-size: 11px;
+        background:#fff;
     }
     
     div,
@@ -33,12 +36,7 @@
         -webkit-flex-flow: column wrap;
         flex-flow: column wrap;
     }
-    
-    .top,
-    .bottom {
-        -webkit-flex: 1 auto;
-        flex: 1 auto;
-    }
+
     
     .top {
         background: yellow;
@@ -46,6 +44,7 @@
         /*height: 80vh;*/
         flex: 1 auto;
     }
+
     /*! Flickity */
     
     .flickity-enabled {
@@ -59,41 +58,28 @@
     .flickity-viewport {
         overflow: hidden;
         position: relative;
-        height: 100%;
+        width:100%;
     }
-    
+
     .flickity-slider {
         position: absolute;
         width: 100%;
-        height: 100%;
-    }
-    
-    ::-webkit-full-screen #okgallery {
-        width: 100%;
-        height: 100%;
-    }
-    
-    ::-webkit-full-screen #okgallery {
-        width: 100%;
-        height: 100%;
-    }
-    
-    .full-screen #okgallery {
-        width: 100%;
-        height: 100%;
     }
     
     .cell {
         width: 100vw;
-        display: inline-block;
-        flex: 1 auto;
-        height: 50vh;
+        height: 70vh; /*THIS SHOULD BE DYNAMIC*/
+        background-position: center;
+        background-size: cover;
+        background-repeat: no-repeat;
+    }
+    .cell.contain {
+        background-size: 20% ;
+        background-color: #eee;
     }
-    
     .bottom {
         /*height: 20vh;*/
         flex: 0 auto;
-        background: #eee;
         overflow: hidden;
         padding: 5px 0;
     }