background iframe

1 files changed, 40 insertions, 24 deletions

diff --git a/public/assets/ok.css b/public/assets/ok.css
index ef2a209..3e552dc 100644
--- a/public/assets/ok.css
+++ b/public/assets/ok.css
@@ -37,9 +37,10 @@ body {
 }
 
 .loading #items {
-  opacity: 0;
+    opacity: 0;
 }
 
+
 /* 
 .hidden {
     display: none!important;
@@ -156,6 +157,7 @@ h3 {
     z-index: 0;
     opacity: 0;
 }
+
 .desktop .menu {
     -webkit-column-count: 2;
     -webkit-column-gap: 0;
@@ -167,11 +169,13 @@ h3 {
     page-break-inside: avoid;
     break-inside: avoid-column;
 }
+
 .mobile .menu {
     overflow: scroll;
     -webkit-overflow-scrolling: scroll;
     top: 32px;
 }
+
 .mobile .scroll {
     width: 100%;
 }
@@ -206,16 +210,15 @@ ul li[data-id='dump-fm'] {
 
 .desktop .mobiletitle,
 .mobile .desktoptitle {
-  display: none;
+    display: none;
 }
 
-.desktop .desktoptitle
-.mobile .mobiletitle {
-  display: inline;
+.desktop .desktoptitle .mobile .mobiletitle {
+    display: inline;
 }
 
 .menu u {
-  text-decoration: none;
+    text-decoration: none;
 }
 
 nav {
@@ -228,6 +231,7 @@ nav {
     opacity: 1;
     background: #f9f9f9;
 }
+
 .desktop .navopen .menu {
     overflow: auto;
 }
@@ -261,6 +265,7 @@ nav svg g g:last-child rect {
     transform-origin: center;
     width: 80px;
 }
+
 .mobile .navopen nav svg g g:first-child rect {
     width: 70px;
 }
@@ -323,19 +328,21 @@ span {
 }
 
 #curtain {
-  position: absolute;
-  top: 0; left: 0;
-  background: black;
-  transition: 200ms opacity cubic-bezier(0, 0, 0, 1);
-  opacity: 0;
-  z-index: 1;
-  width: 100%;
-  height: 100%;
-  pointer-events: none;
+    position: absolute;
+    top: 0;
+    left: 0;
+    background: black;
+    transition: 200ms opacity cubic-bezier(0, 0, 0, 1);
+    opacity: 0;
+    z-index: 1;
+    width: 100%;
+    height: 100%;
+    pointer-events: none;
 }
+
 .navopen #curtain {
-  opacity: 0.9;
-  pointer-events: auto;
+    opacity: 0.9;
+    pointer-events: auto;
 }
 
 nav {
@@ -365,6 +372,7 @@ nav span {
     width: 65px;
     background: white;
 }
+
 .desktop .index {
     transition: 150ms width;
     transition-timing-function: cubic-bezier(0, 0, 0, 1);
@@ -464,6 +472,7 @@ body {
     opacity: 0;
 }
 
+
 /*
 
 .up nav,
@@ -523,6 +532,7 @@ body {
     margin-left: 20vw;
     cursor: url(img/u.png) 32 0, pointer;
 }
+
 .whiteCursor .page-up {
     cursor: url(img/u-white.png) 32 0, pointer;
 }
@@ -537,6 +547,7 @@ body {
     margin-left: 20vw;
     cursor: url(img/d.png) 32 64, pointer;
 }
+
 .whiteCursor .page-down {
     cursor: url(img/d-white.png) 32 64, pointer;
 }
@@ -589,6 +600,7 @@ button.next {
     cursor: url(img/r.png)64 32, pointer;
     z-index: 4;
 }
+
 .whiteCursor button.next {
     cursor: url(img/r-white.png)64 32, pointer;
 }
@@ -598,6 +610,7 @@ button.previous {
     cursor: url(img/l.png) 0 32, pointer;
     z-index: 4;
 }
+
 .whiteCursor button.previous {
     cursor: url(img/l-white.png) 0 32, pointer;
 }
@@ -623,6 +636,11 @@ button.previous {
     background-repeat: no-repeat;
 }
 
+.cell iframe {
+    pointer-events: none;
+    background: white;
+}
+
 .cell.contain {
     background-size: 20%;
     background-color: #eee;
@@ -631,8 +649,9 @@ button.previous {
 .resizing .item {
     background: url(img/tomato20dancing.gif) center !important;
 }
+
 .resizing .item * {
-  opacity: 0;
+    opacity: 0;
 }
 
 .bottom {
@@ -698,8 +717,8 @@ nav {
 }
 
 .projectLink {
-  display: block;
-  margin-top: 11px;
+    display: block;
+    margin-top: 11px;
 }
 
 ul li {
@@ -733,7 +752,7 @@ ul li {
         padding: 1px 0 0 0;
     }
     .projectLink {
-      margin-top: 17px;
+        margin-top: 17px;
     }
 }
 
@@ -811,9 +830,6 @@ ul li {
         padding: 3px 0 2px 0;
         font-weight: 600;
     }
-    .cell iframe {
-        pointer-events: none;
-    }
     .five span.description {
         width: 100%!important;
         font-weight: 400;