modalllllll

1 files changed, 25 insertions, 4 deletions

diff --git a/public/assets/css.css b/public/assets/css.css
index e3ce765..6f1e634 100644
--- a/public/assets/css.css
+++ b/public/assets/css.css
@@ -82,15 +82,16 @@ h2 {
   cursor: pointer;
 }
 .inner {
-  cursor: normal;
+  cursor: default;
   position: absolute;
   top: 50%; left: 50%;
-  min-width: 400px;
-  max-width: 80vw;
-  height: 80vh;
+  width: 100vw;
+  height: 100vh;
   padding: 10px;
   transform: translate3d(-50%, -50%, 0);
   background: #fff;
+  overflow-y: scroll;
+  -webkit-overflow-scrolling: touch;
 }
 .about #about,
 .entry #entry,
@@ -132,6 +133,7 @@ h2 {
 .media {
   position: relative;
   width: 100%;
+  margin-top: 20px;
 }
 .media iframe {
   margin: 10px auto;
@@ -142,6 +144,7 @@ h2 {
   display: block;
   margin: 10px auto;
   max-width: 82vw;
+  max-height: 67vh;
 }
 .content {
   padding: 8px;
@@ -171,10 +174,17 @@ h2 {
   cursor: pointer;
   z-index: 2;
 }
+.entry #left, .entry #right {
+  display: none;
+}
 .readmore {
   cursor: pointer;
   text-decoration: underline;
 }
+.comments {
+  width: 90vw;
+  margin: 0 auto;
+}
 
 /* TESTIMONIALS */
 
@@ -201,6 +211,17 @@ h2 {
   box-shadow: 0 2px 4px rgba(0,0,0,0.2);
   line-height: 1.5;
 }
+.close {
+  top: 0; left: 0;
+}
+.close span {
+  display: inline-block;
+  background: black;
+  color: white;
+  padding: 1px 5px 2px 5px;
+  border-radius: 50%;
+  position: fixed;
+}
 
 /* MOBILE STYLES */