From 613aceadccf79bdce1b97ac3190d89df05aaa6b9 Mon Sep 17 00:00:00 2001 From: Flummi Date: Tue, 2 Mar 2021 04:23:14 +0100 Subject: [PATCH] overhauling next and prev usage --- public/s/css/f0ck-custom.css | 63 ++++++++++++++++++++++++++++++++++++ views/item.html | 8 +++-- 2 files changed, 69 insertions(+), 2 deletions(-) diff --git a/public/s/css/f0ck-custom.css b/public/s/css/f0ck-custom.css index 90a067b..f407231 100644 --- a/public/s/css/f0ck-custom.css +++ b/public/s/css/f0ck-custom.css @@ -273,3 +273,66 @@ a#rndbtn { border-bottom: 1px solid #1b1b1b; padding: 5px; } + +/* Testing Area */ +.content { + position: relative; +} + +a#next { + top: 0; + position: absolute; + z-index: 1; + left: 0; + background: transparent; + width: 40%; + height: 95%; +} + +a#prev { + position: absolute; + z-index: 1; + right: 0; + background: transparent; + width: 40%; + height: 95%; +} + +.vjs-control-bar { + z-index: 2; +} + +.arrow-prev { + height: 100%; + display: flex; + width: 100%; + align-items: center; + justify-content: end; +} + +.arrow-next { + height: 100%; + display: flex; + width: 100%; + align-items: center; + justify-content: start; +} + + +a#next:hover { + opacity: 1; + box-shadow: none; +} + +a#next { + opacity: 0.2; +} + +a#prev:hover { + opacity: 1; + box-shadow: none; +} + +a#prev { + opacity: 0.2; +} diff --git a/views/item.html b/views/item.html index c08e442..795b9fd 100644 --- a/views/item.html +++ b/views/item.html @@ -6,7 +6,9 @@