From 5045a9e3b53618ee30e903090fd6386168302396 Mon Sep 17 00:00:00 2001 From: "@CyberAndi" Date: Sun, 28 Jan 2024 00:50:57 +0100 Subject: [PATCH] borderradius --- assets/css/player.css | 45 +++++++++++++++++++++++++++++-------------- 1 file changed, 31 insertions(+), 14 deletions(-) diff --git a/assets/css/player.css b/assets/css/player.css index 5a874c8b..4b13d0a2 100644 --- a/assets/css/player.css +++ b/assets/css/player.css @@ -288,7 +288,7 @@ video.video-js { box-shadow: 0.3em 0.3em 0.5em rgba(32,32,32,0.8); z-index: 100; }*/ - +/* #contents #player-container ~ .h-box::before { content: ''; display: block; @@ -303,6 +303,22 @@ video.video-js { background-position-y: calc(8.645833vw * 0.75 * 0.22), 0; box-shadow: 0.3em 0.3em 0.5em rgba(32,32,32,0.8); z-index: 100; +}*/ +#contents #player-container ~ .h-box::before { + content: ''; + display: block; + width: calc(16.3vw * 0.75); + height: calc(8.645833vw * 0.75); + border: solid 3px rgb(230,230,230); + position: relative; + bottom: calc(6px + 8.645833vw * 0.75); + background-image: url( + ../CMovie.svg), url(../Wasser.png); + background-repeat: no-repeat; + border-bottom-left-radius: 13px; + background-position-y: calc(8.645833vw * 0.75 * 0.22), 0; + box-shadow: 0.3em 0.3em 0.5em rgba(32,32,32,0.8); + z-index: 100; } /* #contents #player-container ~ .h-box h1 { @@ -323,24 +339,18 @@ video.video-js { z-index: 90; } -.video-js { +img.thumbnail { display: block; - vertical-align: top; - box-sizing: border-box; - color: #fff; - background-color: transparent !important; - position: relative; - padding: 0; - font-size: 10px; - line-height: 1; - font-weight: normal; - font-style: normal; - font-family: Arial, Helvetica, sans-serif; - word-break: initial; + width: 100%; + object-fit: cover; + border-radius: 7px; + box-shadow: 0.3em 0.3em 0.5em rgba(32,32,32,0.8); + border: solid 0.75px rgba(32,32,32,0.5); } video#player_html5_api { background-color: transparent !important; + border-radius: 13px; } .video-js { @@ -357,6 +367,13 @@ video#player_html5_api { font-style: normal; font-family: Arial, Helvetica, sans-serif; word-break: initial; + border-radius: 13px; + box-shadow: 0.3em 0.3em 0.5em rgba(32,32,32,0.8); + border: solid 0.75px rgba(32,32,32,0.5); +} + +a:not([data-id]) > .icon, .no-theme .pure-u-lg-1-5 > .h-box > a[href^="/watch?"], .no-theme .playlist-restricted > ol > li > a { + color: #c0c0c0; } @media screen and (max-width: 700px) {