diff --git a/public/s/css/f0ck.css b/public/s/css/f0ck.css index 41303d0..893a3c6 100644 --- a/public/s/css/f0ck.css +++ b/public/s/css/f0ck.css @@ -605,14 +605,7 @@ html[theme="f0ck95"] .metadata { color: var(--black); } -html[theme="f0ck95"] .media-object { - border-left: inset 2px silver; - border-bottom: outset 2px silver; - border-right: outset 2px silver; - border-top: 2px outset #959494; -} - -html[theme="f0ck95"] .media-object::before { +html[theme="f0ck95"] ._204863 { content: " "; background: -webkit-linear-gradient(left,#08216b,#a5cef7); text-align: left; @@ -620,6 +613,33 @@ html[theme="f0ck95"] .media-object::before { color: white; height: 20px; display: block; + border-left: inset 2px silver; + border-top: inset 2px silver; + border-right: outset 2px silver; + border-bottom: outset 2px silver; + z-index: 1; +} + +html[theme="f0ck95"] div#main { + margin-top: 50px; +} + +html[theme="f0ck95"] .media-object { + border-left: inset 2px silver; + border-bottom: outset 2px silver; + border-right: outset 2px silver; +} + +html[theme="f0ck95"] .embed-responsive.embed-responsive-16by9 { + background: black; +} + +html[theme="f0ck95"] .embed-responsive-image { + background: #0000; +} + +html[theme="f0ck95"] #f0ck-image { + padding-bottom: 2px; } html[theme="f0ck95"] span.placeholder { @@ -678,6 +698,10 @@ html[theme="f0ck95"] .badge-dark, #themeselector { background: #a8a5a5; } +html[theme="f0ck95"] .embed-responsive-16by9::before { + padding-top: 46.25%; +} + /* f0ck95dARK */ html[theme='f0ck95d'] { --accent: #fff; @@ -715,6 +739,46 @@ html[theme='f0ck95d'] { --scroller-bg: #424242; } +html[theme="f0ck95d"] ._204863 { + content: " "; + background: -webkit-linear-gradient(left,#08216b,#a5cef7); + text-align: left; + width: 100%; + color: white; + height: 20px; + display: block; + border-left: inset 1px silver; + border-top: inset 1px silver; + border-right: outset 1px silver; + border-bottom: outset 1px silver; +} + +html[theme="f0ck95d"] .embed-responsive-16by9::before { + padding-top: 46.25%; +} + +html[theme="f0ck95d"] div#main { + margin-top: 50px; +} + +html[theme="f0ck95d"] .media-object { + border-left: inset 2px silver; + border-bottom: outset 2px silver; + border-right: outset 2px silver; +} + +html[theme="f0ck95d"] .embed-responsive.embed-responsive-16by9 { + background: black; +} + +html[theme="f0ck95d"] .embed-responsive-image { + background: #0000; +} + +html[theme="f0ck95d"] #f0ck-image { + padding-bottom: 1px; +} + html[theme="f0ck95d"] html, body { color: var(--white); } @@ -746,18 +810,6 @@ html[theme="f0ck95d"] .media-object { border-left: inset 1px silver; border-bottom: outset 1px silver; border-right: outset 1px silver; - border-top: 2px inset #959494; -} - -html[theme="f0ck95d"] .media-object::before { - content: " "; - background: -webkit-linear-gradient(left,#08216b,#011029); - text-align: left; - width: 100%; - color: white; - height: 20px; - display: block; - border-bottom: 1px outset silver; } html[theme="f0ck95d"] span.placeholder { diff --git a/public/s/js/f0ck.js b/public/s/js/f0ck.js index 5a882f1..df43b1d 100644 --- a/public/s/js/f0ck.js +++ b/public/s/js/f0ck.js @@ -58,7 +58,7 @@ : f0ckimagescroll.setAttribute("style", "overflow-y: scroll"); f0ckimage.hasAttribute("style") ? f0ckimage.removeAttribute("style") - : f0ckimage.setAttribute("style", "max-height: none; height: auto; width: 100%; position: absolute; left: 0;"); + : f0ckimage.setAttribute("style", "max-height: none; height: auto; width: 100%; position: absolute; left: 0; padding: 0px 2px 0px 2px;"); }); } // diff --git a/views/item.html b/views/item.html index d30dc29..3b3c691 100644 --- a/views/item.html +++ b/views/item.html @@ -1,5 +1,6 @@ @include(snippets/header)