diff --git a/assets/css/player.css b/assets/css/player.css index 57f6ed9a..4dffdaf4 100644 --- a/assets/css/player.css +++ b/assets/css/player.css @@ -407,7 +407,7 @@ video.video-js { box-shadow: 0.3em 0.3em 0.5em rgba(32,32,32,0.8); z-index: 9000;*/ } - +/* #contents #player-container ~ .h-box { position: relative; display: flex; @@ -419,6 +419,34 @@ video.video-js { width: 80vw; z-index: 11; } +*/ +/* +#contents #player-container ~ .h-box { + position: relative; + display: flex; + line-height: 1.1em; + bottom: calc(112.5px + 6px - 1.7em); + vertical-align: middle; + height: 4.5em; + width: 64vw; + padding-left: calc(200px + 2em); + z-index: 11; +} +*/ +#contents #player-container ~ .h-box { + position: relative; + display: flex; + line-height: 1.1em; + /* bottom: calc(112.5px + 6px - 1.7em); */ + top: -6.5em; + vertical-align: middle; + height: 4.5em !important; + width: 64vw; + text-overflow: ellipsis; + padding-left: calc(200px + 2.2em); + z-index: 11; + background-color: rgba(200,0,0,0.4); +} img.thumbnail { display: block;