diff options
Diffstat (limited to 'public/assets/ok.css')
| -rw-r--r-- | public/assets/ok.css | 41 |
1 files changed, 26 insertions, 15 deletions
diff --git a/public/assets/ok.css b/public/assets/ok.css index 4c05bc0..89584b7 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; } @@ -333,9 +338,10 @@ span { height: 100%; pointer-events: none; } + .navopen #curtain { - opacity: 0.9; - pointer-events: auto; + opacity: 0.9; + pointer-events: auto; } nav { @@ -365,6 +371,7 @@ nav span { width: 65px; background: white; } + .desktop .index { transition: 150ms width; transition-timing-function: cubic-bezier(0, 0, 0, 1); @@ -464,6 +471,7 @@ body { opacity: 0; } + /* .up nav, @@ -623,6 +631,11 @@ button.previous { background-repeat: no-repeat; } +.cell iframe { + pointer-events: none; + background: white; +} + .cell.contain { background-size: 20%; background-color: #eee; @@ -631,8 +644,9 @@ button.previous { .resizing .item { background: url(img/tomato20dancing.gif) center !important; } + .resizing .item * { - opacity: 0; + opacity: 0; } .bottom { @@ -698,8 +712,8 @@ nav { } .projectLink { - display: block; - margin-top: 11px; + display: block; + margin-top: 11px; } ul li { @@ -733,7 +747,7 @@ ul li { padding: 1px 0 0 0; } .projectLink { - margin-top: 17px; + margin-top: 17px; } } @@ -811,9 +825,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; |
