j1-template 2024.3.23 → 2024.3.24

data/assets/theme/j1/modules/videojs/!v8.12.0/css/themes/uno.css

@@ -1,311 +0,0 @@
-/*
- # -----------------------------------------------------------------------------
- # ~/assets/theme/j1/modules/videojs/css/theme/uno.css
- # Provides player styles for theme Uno
- # Theme Uno is based on theme fantasy, version 1.0.1
- # See: https://www.mux.com/blog/the-new-video-js-themes
- # -----------------------------------------------------------------------------
- #
- # Product/Info:
- # https://jekyll.one
- #
- # Copyright (C) 2023-2025 Juergen Adams
- #
- # J1 Template is licensed under the MIT License.
- # See: https://github.com/jekyll-one-org/j1-template/blob/main/LICENSE
- # -----------------------------------------------------------------------------
-*/
-
-/* 1. Base settings
-# ------------------------------------------------------------------------------ */
-
-/* colors
-  --------------------------------------------------- */
-.vjs-theme-uno {
-  --vjs-theme-uno--blue-300:  #64B5F6;
-  --vjs-theme-uno--blue-600:  #1E88E5;
-  --vjs-theme-uno--blue-800:  #1565C0;
-  --vjs-theme-uno--gray-200:  var(--vjs-theme-uno--gray-200);;
-  --vjs-theme-uno--gray-900:  #212121;
-  --vjs-theme-uno--primary:   #2196f3;
-  --vjs-theme-uno--secondary: #fff
-}
-
-
-/* 2. Global styles
-# ------------------------------------------------------------------------------ */
-
-/* captions|subtitles
- --------------------------------------------------- */
-.video-js .vjs-text-track-display div {
-  font-size: 1.75rem;
-}
-
-.video-js .vjs-text-track-display > div > div > div {
-  background: transparent !important;
-  display: inline-block !important;
-	line-height: 33px !important;
-	padding: 5px !important;
-	text-shadow: 1px 1px 2px #000;
-}
-
-/* font settings of vjs time display elements
- --------------------------------------------------- */
-.video-js .vjs-current-time,
-.video-js .vjs-remaining-time,
-.video-js .vjs-duration {
-  font-size: 0.9em;
-  color: #fff;
-  white-space: nowrap;
-}
-
-/* vjs loadProgress
- --------------------------------------------------- */
-.video-js .vjs-load-progress {
-  background-color: rgba(255, 255, 255, 0.3); 
-}
-
-/* images
- --------------------------------------------------- */
-picture > img {
-  max-width: 100%;
-/* jadams, 2024-11-11: ToDo (fix) */
-/* workaround, height: make image -1 pixel smaller */     
-/* height: calc(100% + 1px); */
-}
-
-.vjs-poster {
-  height: 100%;
-/* jadams, 2024-11-11: ToDo (fix) */
-/* workaround, height: make poster -5 pixel smaller */    
-/* height: calc(100% + 1px); */
-}
-
-/* controlbar|controls
- --------------------------------------------------- */
-
-/* auto hide VJS controlbar when video is paused */
-.vjs-has-started.vjs-user-inactive.vjs-paused .vjs-control-bar {
-  visibility: visible;
-  opacity: 0;
-  transition: visibility 1s, opacity 1s;
-}
-
-/* adjust control position for playback rate (centered) */
-.vjs-playback-rate {
-  margin-top: 10px !important;
-}
-
-/* manage time display */
-.vjs-theme-uno .vjs-current-time    { display: none; }
-.vjs-theme-uno .vjs-time-divider    { display: none; }
-.vjs-theme-uno .vjs-duration        { display: block; }
-.vjs-theme-uno .vjs-remaining-time  { display: block; }
-
-/* required for the mini-play-button in player controlbar */
-.vjs-icon-play:before {
-  content: "\f101";
-}
-
-.vjs-theme-uno .vjs-big-play-button {
-  top: 30%;
-  left: 40%;
-  width: 240px;
-  height: 240px;
-  font-size: 0px;
-  z-index: 1;
-  background: url(/assets/theme/j1/modules/videojs/assets/icons/big-play-button.svg) no-repeat;
-}
-
-.vjs-theme-uno .vjs-big-play-button:hover {
-  top: 30%;
-  left: 40%;
-  width: 240px;
-  height: 240px;
-  font-size: 0px;
-  z-index: 1;
-  background: url(/assets/theme/j1/modules/videojs/assets/icons/big-play-button-hover.svg) no-repeat;
-}
-
-.vjs-theme-uno.vjs-big-play-button:focus,
-.vjs-theme-uno:hover .vjs-big-play-button {
-  background-color: transparent;
-}
-
-.vjs-theme-uno .vjs-button>.vjs-icon-placeholder:before,
-.vjs-theme-uno .vjs-time-control {
-  line-height: 54px
-}
-
-.vjs-theme-uno .vjs-play-control {
-  font-size: 1.5em;
-  position: relative
-}
-
-.vjs-theme-uno .vjs-volume-panel {
-  order: 4
-}
-
-.vjs-theme-uno .vjs-volume-bar {
-  margin-top: 2.5em
-}
-
-.vjs-themeuno .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal {
-  height: 100%
-}
-
-.vjs-theme-uno .vjs-progress-control .vjs-progress-holder,
-.vjs-theme-uno .vjs-progress-control:hover .vjs-progress-holder {
-  font-size: 1.5em
-}
-
-.vjs-theme-uno .vjs-play-control .vjs-icon-placeholder:before {
-  height: 1.3em;
-  width: 1.3em;
-  margin-top: .2em;
-  border-radius: 1em;
-  border: 3px solid var(--vjs-theme-uno--secondary);
-  top: 2px;
-  left: 9px;
-  line-height: 1.1
-}
-
-.vjs-theme-uno .vjs-play-control:hover .vjs-icon-placeholder:before {
-  border: 3px solid var(--vjs-theme-uno--secondary)
-}
-
-.vjs-theme-uno .vjs-play-progress,
-.vjs-theme-uno .vjs-play-progress:before {
-  background-color: var(--vjs-theme-uno--primary)
-}
-
-.vjs-theme-uno .vjs-play-progress:before {
-  height: .8em;
-  width: .8em;
-  content: "";
-  border: 4px solid var(--vjs-theme-uno--secondary);
-  border-radius: .8em;
-  top: -.25em
-}
-
-.vjs-theme-uno .vjs-progress-control {
-  font-size: 14px
-}
-
-.vjs-theme-uno .vjs-fullscreen-control {
-  order: 6
-}
-
-.vjs-theme-uno.nyan .vjs-play-progress {
-  background: linear-gradient(180deg, #fe0000 0, #fe9a01 16.666666667%, #fe9a01 0, #ff0 33.332666667%, #ff0 0, #32ff00 49.999326667%, #32ff00 0, #0099fe 66.6659926%, #0099fe 0, #63f 83.33266%, #63f 0)
-}
-
-.vjs-theme-uno.nyan .vjs-play-progress:before {
-  height: 1.3em;
-  width: 1.3em;
-  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 125' fill='%23fff'%3E%3Cpath d='M62.153 37.323h2.813v3.246h-2.813zM64.858 40.569h2.813v3.246h-2.813zM67.672 43.814h11.9v3.246h-11.9zM79.572 24.449h2.813v19.365h-2.813zM82.386 37.323h3.244v3.246h-3.244zM85.63 34.132h5.627v3.246H85.63zM91.257 37.323h2.92v12.95h-2.92zM94.177 50.274h2.922V66.21h-2.922zM91.29 66.372h2.887v3.245H91.29zM88.401 69.617h2.889v3.246h-2.889zM27.312 72.863h61.003v3.245H27.312zM73.622 76.108h2.889v3.246h-2.889zM82.563 76.108h2.888v3.246h-2.888zM76.511 79.354h6.053v3.245h-6.053zM61.941 79.354h8.895v3.245h-8.895zM67.947 76.108h2.889v3.246h-2.889zM59.321 76.108h2.888v3.246h-2.888zM27.312 17.917h49.387v3.246H27.312zM76.699 21.162h2.873v3.287h-2.873zM56.372 34.132h5.781v3.191h-5.781zM53.448 37.323h2.924v12.951h-2.924zM50.488 50.274h2.96v16.049h-2.96zM53.448 66.323h2.924v3.257h-2.924zM56.372 69.58h2.949v3.283h-2.949zM65.069 63.213h2.878v6.367h-2.878zM67.947 66.397h17.504v3.22H67.947z'/%3E%3Cpath d='M82.563 63.213h2.888v3.185h-2.888zM73.801 63.213h2.898v3.185h-2.898zM76.699 56.774h2.873v3.145h-2.873zM82.563 56.774h2.888v3.145h-2.888zM85.451 53.444h2.864v3.33h-2.864z'/%3E%3Cpath d='M85.451 56.774h2.864v3.145h-2.864zM65.069 53.444h2.878v3.33h-2.878zM65.069 56.774h2.878v3.145h-2.878zM62.209 56.774h2.86v3.145h-2.86zM21.509 24.327h2.813v45.169h-2.813zM24.323 21.162h2.99v3.165h-2.99zM18.562 69.496h8.75v3.367h-8.75zM15.656 72.863h2.906v9.591h-2.906zM18.562 79.301h8.75v3.153h-8.75zM24.323 76.108h5.743V79.3h-5.743zM33.136 76.108h2.824v6.346h-2.824zM35.96 79.281h5.813v3.173H35.96zM41.774 76.108h2.864v3.173h-2.864zM3.948 40.569h11.708v3.229H3.948zM3.948 43.814h2.921v6.459H3.948zM6.869 47.06h2.934v6.384H6.869zM9.803 50.274h2.909v6.5H9.803z'/%3E%3Cpath d='M12.711 53.444h2.945v6.475h-2.945zM15.656 56.774h5.853v3.145h-5.853z'/%3E%3Cpath d='M18.583 59.919h2.926v3.294h-2.926zM18.583 47.044h2.926v6.4h-2.926zM12.711 43.814h5.872v3.229h-5.872zM15.647 47.044h2.936v3.2h-2.936z'/%3E%3Cpath fill='none' d='M47.439 50.274h3.049v3.17h-3.049z'/%3E%3Cpath d='M73.801 30.94v-3.138h-2.965v-3.354l-37.7-.122v3.151h-3.07v3.462l-2.753-.108-.118 32.381h2.871v3.185h3.07v-3.185h2.824v3.185h-2.824v3.099l20.312.084v-3.257h-2.96V50.274h2.96V37.323h2.924v-3.191h5.781v3.191h2.813l-.108 3.246h2.813v3.246h9.027V30.94h-2.897zM33.136 56.682h-3.07v-3.158h3.07v3.158zm2.824-22.55h-2.824v-3.084h2.824v3.084zm2.907 12.928h2.907v3.184h-2.907V47.06zm5.771 16.153h-2.864v-3.294h2.864v3.294zm2.801-19.399h-2.801v-3.246h2.801v3.246zm6.009-12.766h-2.96v-3.354h2.96v3.354zm8.705 0h-2.832v-3.354h2.832v3.354zm8.683 6.275h-2.889v-3.191h2.889v3.191z'/%3E%3C/svg%3E") no-repeat;
-  border: none;
-  top: -.35em
-}
-
-/* custuom vjs progressControlSlider
-  --------------------------------------------------- */
-
- /* positioning of the progressControlSlider (above the controlbar) */
-.vjs-theme-uno .custom-progress-container {
-  display: flex;
-  flex-grow: 1;
-  align-items: center;
-  position: absolute;
-  top: -34px;
-  left: 0;
-  right: 0;
-  width: 100%;
-  box-sizing: border-box;
-  background-color: transparent;
-}
-
-/* height of the progressControlSlider */
-.vjs-theme-uno .vjs-progress-control .vjs-progress-holder {
-  font-size: 2em
-}
-.video-js .vjs-progress-control:hover .vjs-progress-holder {
-  font-size: 3.5em;
-}
-
-/* remove thumb element of the progressControlSilder */
-.video-js .vjs-progress-control .vjs-play-progress:before {
-  appearance: none;
-  visibility: hidden;
-}
-
-/* tooltip font settings for displaying time above the progressControlSlider */
-.video-js .vjs-progress-control .vjs-mouse-display {
-  color: white;
-  font-family: Roboto, sans-serif !important;  
-  background-color: var(--vjs-theme-uno--gray-900);
-}
-
-/* time tooltip postions for displaying time above the progressControlSlider */
-.video-js .vjs-time-tooltip {
-  top: -2.4em;
-  font-size: .4em !important;
-  font-family: Roboto, sans-serif !important;
-  padding: 0.3em 0.3em;
-  border-radius: 0.3em;
-}
-
-/* remove THUMB element of the progressControlSilder */
-.video-js .vjs-progress-control .vjs-play-progress:before {
-  appearance: none;
-  visibility: hidden;
-}
-
-/* Anpassung für den Pfeil (Arrow) */
-/* .video-js .vjs-time-tooltip::before {
-    content: "";
-    display: block;
-    position: absolute;
-    width: 0;
-    height: 0;
-    border-style: solid;
-    border-width: 0.8rem 0.8rem 0 0; 
-    border-color: #000 transparent transparent transparent; 
-    bottom: -0.4rem;
-    left: 1.3em;
-} */
-
-/* Optional: Weitere Bootstrap-ähnliche Effekte wie Schatten */
-/* .video-js .vjs-time-tooltip {
-    box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
-} */
-
-
-/* 3. Layout
-# ------------------------------------------------------------------------------ */
-
-/* Small only
- --------------------------------------------------- */
-@media screen and (max-width: 39.9375em) {
-
-  .vjs-theme-uno .vjs-big-play-button {
-    top: 35%;
-    left: 45%;
-    width: 120px;
-    height: 120px;
-    /* font-size: 0px; */
-    z-index: 1;
-    background: url(/assets/theme/j1/modules/videojs/assets/icons/small/big-play-button.svg) no-repeat;
-  }
-
-  .vjs-theme-uno .vjs-big-play-button:hover {
-    top: 35%;
-    left: 45%;
-    width: 120px;
-    height: 120px;
-    /* font-size: 0px; */
-    z-index: 1;
-    background: url(/assets/theme/j1/modules/videojs/assets/icons/small/big-play-button-hover.svg) no-repeat;
-  }
-
-}

data/assets/theme/j1/modules/videojs/!v8.12.0/css/themes/uno.min.css

@@ -1,19 +0,0 @@
-/*
- # -----------------------------------------------------------------------------
- # ~/assets/theme/j1/modules/videojs/css/theme/uno.min.css
- # Provides player styles for theme Uno
- # Theme Uno is based on theme fantasy, version 1.0.1
- # See: https://www.mux.com/blog/the-new-video-js-themes
- # -----------------------------------------------------------------------------
- #
- # Product/Info:
- # https://jekyll.one
- #
- # Copyright (C) 2023-2025 Juergen Adams
- #
- # J1 Template is licensed under the MIT License.
- # See: https://github.com/jekyll-one-org/j1-template/blob/main/LICENSE
- # -----------------------------------------------------------------------------
-*/
-
-.vjs-theme-uno{--vjs-theme-uno--blue-300:#64b5f6;--vjs-theme-uno--blue-600:#1e88e5;--vjs-theme-uno--blue-800:#1565c0;--vjs-theme-uno--gray-200:var(--vjs-theme-uno--gray-200);--vjs-theme-uno--gray-900:#212121;--vjs-theme-uno--primary:#2196f3;--vjs-theme-uno--secondary:#fff}.video-js .vjs-text-track-display div{font-size:1.75rem}.video-js .vjs-text-track-display>div>div>div{background:transparent !important;display:inline-block !important;line-height:33px !important;padding:5px !important;text-shadow:1px 1px 2px #000}.vjs-poster{height:100%}picture>img{max-width:100%;height:auto}.vjs-theme-uno .vjs-control-bar{height:50px;background-color:var(--vjs-theme-uno--gray-900);z-index:100}.vjs-has-started.vjs-user-inactive.vjs-paused .vjs-control-bar{visibility:visible;opacity:0;transition:visibility 1s,opacity 1s}.vjs-playback-rate{margin-top:10px !important}.vjs-theme-uno .vjs-current-time{display:none}.vjs-theme-uno .vjs-time-divider{display:none}.vjs-theme-uno .vjs-duration{display:block}.vjs-theme-uno .vjs-remaining-time{display:block}.vjs-icon-play:before{content:"\f101"}.vjs-theme-uno .vjs-big-play-button{top:30%;left:40%;width:240px;height:240px;font-size:0;z-index:1;background:url(/assets/theme/j1/modules/videojs/assets/icons/big-play-button.svg) no-repeat}.vjs-theme-uno .vjs-big-play-button:hover{top:30%;left:40%;width:240px;height:240px;font-size:0;z-index:1;background:url(/assets/theme/j1/modules/videojs/assets/icons/big-play-button-hover.svg) no-repeat}.vjs-theme-uno.vjs-big-play-button:focus,.vjs-theme-uno:hover .vjs-big-play-button{background-color:transparent}.vjs-theme-uno .vjs-button>.vjs-icon-placeholder:before,.vjs-theme-uno .vjs-time-control{line-height:54px}.vjs-theme-uno .vjs-play-control{font-size:1.5em;position:relative}.vjs-theme-uno .vjs-volume-panel{order:4}.vjs-theme-uno .vjs-volume-bar{margin-top:2.5em}.vjs-themeuno .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal{height:100%}.vjs-theme-uno .vjs-progress-control .vjs-progress-holder,.vjs-theme-uno .vjs-progress-control:hover .vjs-progress-holder{font-size:1.5em}.vjs-theme-uno .vjs-play-control .vjs-icon-placeholder:before{height:1.3em;width:1.3em;margin-top:.2em;border-radius:1em;border:3px solid var(--vjs-theme-uno--secondary);top:2px;left:9px;line-height:1.1}.vjs-theme-uno .vjs-play-control:hover .vjs-icon-placeholder:before{border:3px solid var(--vjs-theme-uno--secondary)}.vjs-theme-uno .vjs-play-progress,.vjs-theme-uno .vjs-play-progress:before{background-color:var(--vjs-theme-uno--primary)}.vjs-theme-uno .vjs-play-progress:before{height:.8em;width:.8em;content:"";border:4px solid var(--vjs-theme-uno--secondary);border-radius:.8em;top:-.25em}.vjs-theme-uno .vjs-progress-control{font-size:14px}.vjs-theme-uno .vjs-fullscreen-control{order:6}.vjs-theme-uno.nyan .vjs-play-progress{background:linear-gradient(180deg,#fe0000 0,#fe9a01 16.666666667%,#fe9a01 0,#ff0 33.332666667%,#ff0 0,#32ff00 49.999326667%,#32ff00 0,#0099fe 66.6659926%,#0099fe 0,#63f 83.33266%,#63f 0)}.vjs-theme-uno.nyan .vjs-play-progress:before{height:1.3em;width:1.3em;background:url("data:image/svg+xml;charset=utf-8,%3Csvgxmlns='http://www.w3.org/2000/svg'viewBox='00100125'fill='%23fff'%3E%3Cpathd='M62.15337.323h2.813v3.246h-2.813zM64.85840.569h2.813v3.246h-2.813zM67.67243.814h11.9v3.246h-11.9zM79.57224.449h2.813v19.365h-2.813zM82.38637.323h3.244v3.246h-3.244zM85.6334.132h5.627v3.246H85.63zM91.25737.323h2.92v12.95h-2.92zM94.17750.274h2.922V66.21h-2.922zM91.2966.372h2.887v3.245H91.29zM88.40169.617h2.889v3.246h-2.889zM27.31272.863h61.003v3.245H27.312zM73.62276.108h2.889v3.246h-2.889zM82.56376.108h2.888v3.246h-2.888zM76.51179.354h6.053v3.245h-6.053zM61.94179.354h8.895v3.245h-8.895zM67.94776.108h2.889v3.246h-2.889zM59.32176.108h2.888v3.246h-2.888zM27.31217.917h49.387v3.246H27.312zM76.69921.162h2.873v3.287h-2.873zM56.37234.132h5.781v3.191h-5.781zM53.44837.323h2.924v12.951h-2.924zM50.48850.274h2.96v16.049h-2.96zM53.44866.323h2.924v3.257h-2.924zM56.37269.58h2.949v3.283h-2.949zM65.06963.213h2.878v6.367h-2.878zM67.94766.397h17.504v3.22H67.947z'/%3E%3Cpathd='M82.56363.213h2.888v3.185h-2.888zM73.80163.213h2.898v3.185h-2.898zM76.69956.774h2.873v3.145h-2.873zM82.56356.774h2.888v3.145h-2.888zM85.45153.444h2.864v3.33h-2.864z'/%3E%3Cpathd='M85.45156.774h2.864v3.145h-2.864zM65.06953.444h2.878v3.33h-2.878zM65.06956.774h2.878v3.145h-2.878zM62.20956.774h2.86v3.145h-2.86zM21.50924.327h2.813v45.169h-2.813zM24.32321.162h2.99v3.165h-2.99zM18.56269.496h8.75v3.367h-8.75zM15.65672.863h2.906v9.591h-2.906zM18.56279.301h8.75v3.153h-8.75zM24.32376.108h5.743V79.3h-5.743zM33.13676.108h2.824v6.346h-2.824zM35.9679.281h5.813v3.173H35.96zM41.77476.108h2.864v3.173h-2.864zM3.94840.569h11.708v3.229H3.948zM3.94843.814h2.921v6.459H3.948zM6.86947.06h2.934v6.384H6.869zM9.80350.274h2.909v6.5H9.803z'/%3E%3Cpathd='M12.71153.444h2.945v6.475h-2.945zM15.65656.774h5.853v3.145h-5.853z'/%3E%3Cpathd='M18.58359.919h2.926v3.294h-2.926zM18.58347.044h2.926v6.4h-2.926zM12.71143.814h5.872v3.229h-5.872zM15.64747.044h2.936v3.2h-2.936z'/%3E%3Cpathfill='none'd='M47.43950.274h3.049v3.17h-3.049z'/%3E%3Cpathd='M73.80130.94v-3.138h-2.965v-3.354l-37.7-.122v3.151h-3.07v3.462l-2.753-.108-.11832.381h2.871v3.185h3.07v-3.185h2.824v3.185h-2.824v3.099l20.312.084v-3.257h-2.96V50.274h2.96V37.323h2.924v-3.191h5.781v3.191h2.813l-.1083.246h2.813v3.246h9.027V30.94h-2.897zM33.13656.682h-3.07v-3.158h3.07v3.158zm2.824-22.55h-2.824v-3.084h2.824v3.084zm2.90712.928h2.907v3.184h-2.907V47.06zm5.77116.153h-2.864v-3.294h2.864v3.294zm2.801-19.399h-2.801v-3.246h2.801v3.246zm6.009-12.766h-2.96v-3.354h2.96v3.354zm8.7050h-2.832v-3.354h2.832v3.354zm8.6836.275h-2.889v-3.191h2.889v3.191z'/%3E%3C/svg%3E") no-repeat;border:0;top:-.35em}@media screen and (max-width:39.9375em){.vjs-theme-uno .vjs-big-play-button{top:35%;left:45%;width:120px;height:120px;z-index:1;background:url(/assets/theme/j1/modules/videojs/assets/icons/small/big-play-button.svg) no-repeat}.vjs-theme-uno .vjs-big-play-button:hover{top:35%;left:45%;width:120px;height:120px;z-index:1;background:url(/assets/theme/j1/modules/videojs/assets/icons/small/big-play-button-hover.svg) no-repeat}}