These files should not be added
This commit is contained in:
Gabe Kangas
55
build/javascript/node_modules/@videojs/themes/README.md
generated
vendored
55
build/javascript/node_modules/@videojs/themes/README.md
generated
vendored
@@ -1,55 +0,0 @@
|
||||
# Videojs Themes
|
||||
|
||||
Monorepo for Video.js themes :nail_care:.
|
||||
|
||||
## Usage
|
||||
|
||||
You can pull in the CSS via link tags
|
||||
|
||||
```html
|
||||
<!-- Video.js base CSS -->
|
||||
<link href="https://unpkg.com/video.js@7/dist/video-js.min.css" rel="stylesheet">
|
||||
|
||||
<!-- City -->
|
||||
<link href="https://unpkg.com/@videojs/themes@1/dist/city/index.css" rel="stylesheet">
|
||||
|
||||
<!-- Fantasy -->
|
||||
<link href="https://unpkg.com/@videojs/themes@1/dist/fantasy/index.css" rel="stylesheet">
|
||||
|
||||
<!-- Forest -->
|
||||
<link href="https://unpkg.com/@videojs/themes@1/dist/forest/index.css" rel="stylesheet">
|
||||
|
||||
<!-- Sea -->
|
||||
<link href="https://unpkg.com/@videojs/themes@1/dist/sea/index.css" rel="stylesheet">
|
||||
```
|
||||
|
||||
Or, if you're using CSS modules in JavaScript, you can install the NPM module:
|
||||
|
||||
```sh
|
||||
npm install --save video.js @videojs/themes
|
||||
```
|
||||
|
||||
Then just import the files as you would other CSS.
|
||||
|
||||
```javascript
|
||||
import 'video.js/dist/video-js.css';
|
||||
|
||||
// City
|
||||
import '@videojs/themes/dist/city/index.css';
|
||||
|
||||
// Fantasy
|
||||
import '@videojs/themes/dist/fantasy/index.css';
|
||||
|
||||
// Forest
|
||||
import '@videojs/themes/dist/forest/index.css';
|
||||
|
||||
// Sea
|
||||
import '@videojs/themes/dist/sea/index.css';
|
||||
```
|
||||
|
||||
Once you've got the theme pulled in, you can then add the relevant class to your player! The class names are structured as `vjs-theme-${THEME_NAME}`, so `vjs-theme-city` for the city theme or `vjs-theme-sea` for the sea theme.
|
||||
|
||||
|
||||
```html
|
||||
<video id="my-player" class="video-js vjs-theme-city" ...>
|
||||
```
|
||||
145
build/javascript/node_modules/@videojs/themes/city/index.css
generated
vendored
145
build/javascript/node_modules/@videojs/themes/city/index.css
generated
vendored
@@ -1,145 +0,0 @@
|
||||
.vjs-theme-city {
|
||||
--vjs-theme-city--primary: #bf3b4d;
|
||||
--vjs-theme-city--secondary: #fff;
|
||||
}
|
||||
|
||||
.vjs-theme-city .vjs-control-bar {
|
||||
height: 70px;
|
||||
padding-top: 20px;
|
||||
background: none;
|
||||
background-image: linear-gradient(to top, #000, rgba(0, 0, 0, 0));
|
||||
}
|
||||
|
||||
.vjs-theme-city .vjs-button > .vjs-icon-placeholder::before {
|
||||
line-height: 50px;
|
||||
}
|
||||
|
||||
.vjs-theme-city .vjs-play-progress::before {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.vjs-theme-city .vjs-progress-control {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
.vjs-theme-city .vjs-progress-control .vjs-progress-holder {
|
||||
position: absolute;
|
||||
top: 20px;
|
||||
right: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.vjs-theme-city .vjs-play-progress {
|
||||
background-color: var(--vjs-theme-city--primary);
|
||||
}
|
||||
|
||||
.vjs-theme-city .vjs-remaining-time {
|
||||
order: 1;
|
||||
line-height: 50px;
|
||||
flex: 3;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.vjs-theme-city .vjs-play-control {
|
||||
order: 2;
|
||||
flex: 8;
|
||||
font-size: 1.75em;
|
||||
}
|
||||
|
||||
.vjs-theme-city .vjs-volume-panel,
|
||||
.vjs-theme-city .vjs-picture-in-picture-control,
|
||||
.vjs-theme-city .vjs-fullscreen-control {
|
||||
order: 3;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
/* Volume stuff */
|
||||
.vjs-theme-city .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.vjs-theme-city .vjs-mute-control {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.vjs-theme-city .vjs-volume-panel {
|
||||
margin-left: 0.5em;
|
||||
margin-right: 0.5em;
|
||||
padding-top: 1.5em;
|
||||
}
|
||||
|
||||
.vjs-theme-city .vjs-volume-panel,
|
||||
.vjs-theme-city .vjs-volume-panel:hover,
|
||||
.vjs-theme-city .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
|
||||
.vjs-theme-city .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal,
|
||||
.vjs-theme-city .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal,
|
||||
.vjs-theme-city .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,
|
||||
.vjs-theme-city .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
|
||||
.vjs-theme-city .vjs-volume-bar.vjs-slider-horizontal {
|
||||
width: 3em;
|
||||
}
|
||||
|
||||
.vjs-theme-city .vjs-volume-level::before {
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
.vjs-theme-city .vjs-volume-panel .vjs-volume-control {
|
||||
opacity: 1;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.vjs-theme-city .vjs-volume-bar {
|
||||
background-color: transparent;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.vjs-theme-city .vjs-slider-horizontal .vjs-volume-level {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.vjs-theme-city .vjs-volume-bar.vjs-slider-horizontal {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.vjs-theme-city .vjs-volume-bar::before {
|
||||
content: '';
|
||||
z-index: 0;
|
||||
width: 0;
|
||||
height: 0;
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: 0;
|
||||
|
||||
border-style: solid;
|
||||
border-width: 0 0 1.75em 3em;
|
||||
border-color: transparent transparent rgba(255, 255, 255, 0.25) transparent;
|
||||
}
|
||||
|
||||
.vjs-theme-city .vjs-volume-level {
|
||||
overflow: hidden;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.vjs-theme-city .vjs-volume-level::before {
|
||||
content: '';
|
||||
z-index: 1;
|
||||
width: 0;
|
||||
height: 0;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
|
||||
border-style: solid;
|
||||
border-width: 0 0 1.75em 3em;
|
||||
border-color: transparent transparent var(--vjs-theme-city--secondary) transparent;
|
||||
}
|
||||
59
build/javascript/node_modules/@videojs/themes/fantasy/icons/nyan-cat.svg
generated
vendored
59
build/javascript/node_modules/@videojs/themes/fantasy/icons/nyan-cat.svg
generated
vendored
@@ -1,59 +0,0 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 100 125" enable-background="new 0 0 100 100" xml:space="preserve">
|
||||
<rect x="62.153" y="37.323" width="2.813" height="3.246"/>
|
||||
<rect x="64.858" y="40.569" width="2.813" height="3.246"/>
|
||||
<rect x="67.672" y="43.814" width="11.9" height="3.246"/>
|
||||
<rect x="79.572" y="24.449" width="2.813" height="19.365"/>
|
||||
<rect x="82.386" y="37.323" width="3.244" height="3.246"/>
|
||||
<rect x="85.63" y="34.132" width="5.627" height="3.246"/>
|
||||
<rect x="91.257" y="37.323" width="2.92" height="12.95"/>
|
||||
<rect x="94.177" y="50.274" width="2.922" height="15.936"/>
|
||||
<rect x="91.29" y="66.372" width="2.887" height="3.245"/>
|
||||
<rect x="88.401" y="69.617" width="2.889" height="3.246"/>
|
||||
<rect x="27.312" y="72.863" width="61.003" height="3.245"/>
|
||||
<rect x="73.622" y="76.108" width="2.889" height="3.246"/>
|
||||
<rect x="82.563" y="76.108" width="2.888" height="3.246"/>
|
||||
<rect x="76.511" y="79.354" width="6.053" height="3.245"/>
|
||||
<rect x="61.941" y="79.354" width="8.895" height="3.245"/>
|
||||
<rect x="67.947" y="76.108" width="2.889" height="3.246"/>
|
||||
<rect x="59.321" y="76.108" width="2.888" height="3.246"/>
|
||||
<rect x="27.312" y="17.917" width="49.387" height="3.246"/>
|
||||
<rect x="76.699" y="21.162" width="2.873" height="3.287"/>
|
||||
<rect x="56.372" y="34.132" width="5.781" height="3.191"/>
|
||||
<rect x="53.448" y="37.323" width="2.924" height="12.951"/>
|
||||
<rect x="50.488" y="50.274" width="2.96" height="16.049"/>
|
||||
<rect x="53.448" y="66.323" width="2.924" height="3.257"/>
|
||||
<rect x="56.372" y="69.58" width="2.949" height="3.283"/>
|
||||
<rect x="65.069" y="63.213" width="2.878" height="6.367"/>
|
||||
<rect x="67.947" y="66.397" width="17.504" height="3.22"/>
|
||||
<rect x="82.563" y="63.213" width="2.888" height="3.185"/>
|
||||
<rect x="73.801" y="63.213" width="2.898" height="3.185"/>
|
||||
<rect x="76.699" y="56.774" width="2.873" height="3.145"/>
|
||||
<rect x="82.563" y="56.774" width="2.888" height="3.145"/>
|
||||
<rect x="85.451" y="53.444" width="2.864" height="3.33"/>
|
||||
<rect x="85.451" y="56.774" width="2.864" height="3.145"/>
|
||||
<rect x="65.069" y="53.444" width="2.878" height="3.33"/>
|
||||
<rect x="65.069" y="56.774" width="2.878" height="3.145"/>
|
||||
<rect x="62.209" y="56.774" width="2.86" height="3.145"/>
|
||||
<rect x="21.509" y="24.327" width="2.813" height="45.169"/>
|
||||
<rect x="24.323" y="21.162" width="2.99" height="3.165"/>
|
||||
<rect x="18.562" y="69.496" width="8.75" height="3.367"/>
|
||||
<rect x="15.656" y="72.863" width="2.906" height="9.591"/>
|
||||
<rect x="18.562" y="79.301" width="8.75" height="3.153"/>
|
||||
<rect x="24.323" y="76.108" width="5.743" height="3.192"/>
|
||||
<rect x="33.136" y="76.108" width="2.824" height="6.346"/>
|
||||
<rect x="35.96" y="79.281" width="5.813" height="3.173"/>
|
||||
<rect x="41.774" y="76.108" width="2.864" height="3.173"/>
|
||||
<rect x="3.948" y="40.569" width="11.708" height="3.229"/>
|
||||
<rect x="3.948" y="43.814" width="2.921" height="6.459"/>
|
||||
<rect x="6.869" y="47.06" width="2.934" height="6.384"/>
|
||||
<rect x="9.803" y="50.274" width="2.909" height="6.5"/>
|
||||
<rect x="12.711" y="53.444" width="2.945" height="6.475"/>
|
||||
<rect x="15.656" y="56.774" width="5.853" height="3.145"/>
|
||||
<rect x="18.583" y="59.919" width="2.926" height="3.294"/>
|
||||
<rect x="18.583" y="47.044" width="2.926" height="6.4"/>
|
||||
<rect x="12.711" y="43.814" width="5.872" height="3.229"/>
|
||||
<rect x="15.647" y="47.044" width="2.936" height="3.2"/>
|
||||
<rect x="47.439" y="50.274" fill="none" width="3.049" height="3.17"/>
|
||||
<path d="M73.801,30.94v-3.138h-2.965v-3.354l-37.7-0.122v3.151h-3.07v3.462l-2.753-0.108l-0.118,32.381h2.871v3.185 h3.07v-3.185h2.824v3.185h-2.824v3.099l20.312,0.084v-3.257h-2.96V50.274h2.96V37.323h2.924v-3.191h5.781v3.191h2.813l-0.108,3.246 h2.813v3.246h9.027V30.94H73.801z M33.136,56.682h-3.07v-3.158h3.07V56.682z M35.96,34.132h-2.824v-3.084h2.824V34.132z M38.867,47.06h2.907v3.184h-2.907V47.06z M44.638,63.213h-2.864v-3.294h2.864V63.213z M47.439,43.814h-2.801v-3.246h2.801V43.814z M53.448,31.048h-2.96v-3.354h2.96V31.048z M62.153,31.048h-2.832v-3.354h2.832V31.048z M70.836,37.323h-2.889v-3.191h2.889V37.323z "/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 4.1 KiB |
116
build/javascript/node_modules/@videojs/themes/fantasy/index.css
generated
vendored
116
build/javascript/node_modules/@videojs/themes/fantasy/index.css
generated
vendored
@@ -1,116 +0,0 @@
|
||||
.vjs-theme-fantasy {
|
||||
--vjs-theme-fantasy--primary: #9f44b4;
|
||||
--vjs-theme-fantasy--secondary: #fff;
|
||||
}
|
||||
|
||||
.vjs-theme-fantasy .vjs-big-play-button {
|
||||
width: 70px;
|
||||
height: 70px;
|
||||
background: none;
|
||||
line-height: 70px;
|
||||
font-size: 80px;
|
||||
border: none;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
margin-top: -35px;
|
||||
margin-left: -35px;
|
||||
color: var(--vjs-theme-fantasy--primary);
|
||||
}
|
||||
|
||||
.vjs-theme-fantasy:hover .vjs-big-play-button,
|
||||
.vjs-theme-fantasy.vjs-big-play-button:focus {
|
||||
background-color: transparent;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.vjs-theme-fantasy .vjs-control-bar {
|
||||
height: 54px;
|
||||
}
|
||||
|
||||
.vjs-theme-fantasy .vjs-button > .vjs-icon-placeholder::before {
|
||||
line-height: 54px;
|
||||
}
|
||||
|
||||
.vjs-theme-fantasy .vjs-time-control {
|
||||
line-height: 54px;
|
||||
}
|
||||
|
||||
/* Play Button */
|
||||
.vjs-theme-fantasy .vjs-play-control {
|
||||
font-size: 1.5em;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.vjs-theme-fantasy .vjs-volume-panel {
|
||||
order: 4;
|
||||
}
|
||||
|
||||
.vjs-theme-fantasy .vjs-volume-bar {
|
||||
margin-top: 2.5em;
|
||||
}
|
||||
|
||||
.vjs-theme-city .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.vjs-theme-fantasy .vjs-progress-control .vjs-progress-holder {
|
||||
font-size: 1.5em;
|
||||
}
|
||||
|
||||
.vjs-theme-fantasy .vjs-progress-control:hover .vjs-progress-holder {
|
||||
font-size: 1.5em;
|
||||
}
|
||||
|
||||
.vjs-theme-fantasy .vjs-play-control .vjs-icon-placeholder::before {
|
||||
height: 1.3em;
|
||||
width: 1.3em;
|
||||
margin-top: 0.2em;
|
||||
border-radius: 1em;
|
||||
border: 3px solid var(--vjs-theme-fantasy--secondary);
|
||||
top: 2px;
|
||||
left: 9px;
|
||||
line-height: 1.1;
|
||||
}
|
||||
|
||||
.vjs-theme-fantasy .vjs-play-control:hover .vjs-icon-placeholder::before {
|
||||
border: 3px solid var(--vjs-theme-fantasy--secondary);
|
||||
}
|
||||
|
||||
.vjs-theme-fantasy .vjs-play-progress {
|
||||
background-color: var(--vjs-theme-fantasy--primary);
|
||||
}
|
||||
|
||||
.vjs-theme-fantasy .vjs-play-progress::before {
|
||||
height: 0.8em;
|
||||
width: 0.8em;
|
||||
content: '';
|
||||
background-color: var(--vjs-theme-fantasy--primary);
|
||||
border: 4px solid var(--vjs-theme-fantasy--secondary);
|
||||
border-radius: 0.8em;
|
||||
top: -0.25em;
|
||||
}
|
||||
|
||||
.vjs-theme-fantasy .vjs-progress-control {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.vjs-theme-fantasy .vjs-fullscreen-control {
|
||||
order: 6;
|
||||
}
|
||||
|
||||
.vjs-theme-fantasy .vjs-remaining-time {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Nyan version */
|
||||
.vjs-theme-fantasy.nyan .vjs-play-progress {
|
||||
background: linear-gradient(to bottom, #fe0000 0%, #fe9a01 16.666666667%, #fe9a01 16.666666667%, #ffff00 33.332666667%, #ffff00 33.332666667%, #32ff00 49.999326667%, #32ff00 49.999326667%, #0099fe 66.6659926%, #0099fe 66.6659926%, #6633ff 83.33266%, #6633ff 83.33266%);
|
||||
}
|
||||
|
||||
.vjs-theme-fantasy.nyan .vjs-play-progress::before {
|
||||
height: 1.3em;
|
||||
width: 1.3em;
|
||||
background: svg-load('icons/nyan-cat.svg', fill=#fff) no-repeat;
|
||||
border: none;
|
||||
top: -0.35em;
|
||||
}
|
||||
3
build/javascript/node_modules/@videojs/themes/forest/icons/play-btn.svg
generated
vendored
3
build/javascript/node_modules/@videojs/themes/forest/icons/play-btn.svg
generated
vendored
@@ -1,3 +0,0 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="88" height="88">
|
||||
<path fill-rule="evenodd" d="M44 88C19.738 88 0 68.262 0 44S19.738 0 44 0s44 19.738 44 44-19.738 44-44 44zm0-85C21.393 3 3 21.393 3 44c0 22.608 18.393 41 41 41s41-18.392 41-41C85 21.393 66.607 3 44 3zm16.063 43.898L39.629 60.741a3.496 3.496 0 0 1-3.604.194 3.492 3.492 0 0 1-1.859-3.092V30.158c0-1.299.712-2.483 1.859-3.092a3.487 3.487 0 0 1 3.604.194l20.433 13.843a3.497 3.497 0 0 1 .001 5.795zm-1.683-3.311L37.946 29.744a.49.49 0 0 0-.276-.09.51.51 0 0 0-.239.062.483.483 0 0 0-.265.442v27.685c0 .262.166.389.265.442.1.053.299.118.515-.028L58.38 44.414A.489.489 0 0 0 58.6 44a.49.49 0 0 0-.22-.413z"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 679 B |
3
build/javascript/node_modules/@videojs/themes/forest/icons/play-small.svg
generated
vendored
3
build/javascript/node_modules/@videojs/themes/forest/icons/play-small.svg
generated
vendored
@@ -1,3 +0,0 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="7" height="8">
|
||||
<path fill="#6FB04E" fill-rule="evenodd" d="M6.122 4.93L2.498 7.448C1.75 7.968.74 7.419.74 6.492V1.455C.74.528 1.75-.022 2.498.498l3.624 2.518a1.174 1.174 0 0 1 0 1.914z"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 246 B |
166
build/javascript/node_modules/@videojs/themes/forest/index.css
generated
vendored
166
build/javascript/node_modules/@videojs/themes/forest/index.css
generated
vendored
@@ -1,166 +0,0 @@
|
||||
/* Because of the SVG inliner, these don't work for icons */
|
||||
.vjs-theme-forest {
|
||||
--vjs-theme-forest--primary: #6fb04e;
|
||||
--vjs-theme-forest--secondary: #fff;
|
||||
}
|
||||
|
||||
/* Big play Button */
|
||||
.vjs-theme-forest:hover .vjs-big-play-button,
|
||||
.vjs-theme-forest.vjs-big-play-button:focus {
|
||||
background-color: transparent;
|
||||
background: svg-load('icons/play-btn.svg', fill=#6fb04e);
|
||||
}
|
||||
|
||||
.vjs-theme-forest .vjs-big-play-button {
|
||||
width: 88px;
|
||||
height: 88px;
|
||||
background: none;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
background: svg-load('icons/play-btn.svg', fill=#fff);
|
||||
border: none;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
margin-top: -44px;
|
||||
margin-left: -44px;
|
||||
color: purple;
|
||||
}
|
||||
|
||||
.vjs-theme-forest .vjs-big-play-button .vjs-icon-placeholder {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Control Bar */
|
||||
.vjs-theme-forest .vjs-button > .vjs-icon-placeholder::before {
|
||||
line-height: 1.55;
|
||||
}
|
||||
|
||||
.vjs-theme-forest .vjs-control:not(.vjs-disabled, .vjs-time-control):hover {
|
||||
color: var(--vjs-theme-forest--primary);
|
||||
text-shadow: var(--vjs-theme-forest--secondary) 1px 0 10px;
|
||||
}
|
||||
|
||||
.vjs-theme-forest .vjs-control-bar {
|
||||
background: none;
|
||||
margin-bottom: 1em;
|
||||
padding-left: 1em;
|
||||
padding-right: 1em;
|
||||
}
|
||||
|
||||
/* Play Button */
|
||||
.vjs-theme-forest .vjs-play-control {
|
||||
font-size: 0.8em;
|
||||
}
|
||||
|
||||
.vjs-theme-forest .vjs-play-control .vjs-icon-placeholder:before {
|
||||
background-color: var(--vjs-theme-forest--secondary);
|
||||
height: 1.5em;
|
||||
width: 1.5em;
|
||||
margin-top: 0.2em;
|
||||
border-radius: 1em;
|
||||
color: var(--vjs-theme-forest--primary);
|
||||
}
|
||||
|
||||
.vjs-theme-forest .vjs-play-control:hover .vjs-icon-placeholder:before {
|
||||
background-color: var(--vjs-theme-forest--primary);
|
||||
color: var(--vjs-theme-forest--secondary);
|
||||
}
|
||||
|
||||
/* Volume stuff */
|
||||
.vjs-theme-forest .vjs-mute-control {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.vjs-theme-forest .vjs-volume-panel {
|
||||
margin-left: 0.5em;
|
||||
margin-right: 0.5em;
|
||||
padding-top: 0.3em;
|
||||
}
|
||||
|
||||
.vjs-theme-forest .vjs-volume-panel,
|
||||
.vjs-theme-forest .vjs-volume-panel:hover,
|
||||
.vjs-theme-forest .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal,
|
||||
.vjs-theme-forest .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,
|
||||
.vjs-theme-forest .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
|
||||
.vjs-theme-forest .vjs-volume-bar.vjs-slider-horizontal {
|
||||
width: 3em;
|
||||
}
|
||||
|
||||
.vjs-theme-forest .vjs-volume-level::before {
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
.vjs-theme-forest .vjs-volume-panel .vjs-volume-control {
|
||||
opacity: 1;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.vjs-theme-forest .vjs-volume-bar {
|
||||
background-color: transparent;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.vjs-theme-forest .vjs-slider-horizontal .vjs-volume-level {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.vjs-theme-forest .vjs-volume-bar.vjs-slider-horizontal {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.vjs-theme-forest .vjs-volume-bar::before {
|
||||
content: '';
|
||||
z-index: 0;
|
||||
width: 0;
|
||||
height: 0;
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: 0;
|
||||
|
||||
border-style: solid;
|
||||
border-width: 0 0 2em 3em;
|
||||
border-color: transparent transparent var(--vjs-theme-forest--primary) transparent;
|
||||
}
|
||||
|
||||
.vjs-theme-forest .vjs-volume-level {
|
||||
overflow: hidden;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.vjs-theme-forest .vjs-volume-level::before {
|
||||
content: '';
|
||||
z-index: 1;
|
||||
width: 0;
|
||||
height: 0;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
|
||||
border-style: solid;
|
||||
border-width: 0 0 2em 3em;
|
||||
border-color: transparent transparent var(--vjs-theme-forest--secondary) transparent;
|
||||
}
|
||||
|
||||
/* Progress Bar */
|
||||
.vjs-theme-forest .vjs-progress-control:hover .vjs-progress-holder {
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
.vjs-theme-forest .vjs-play-progress::before {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.vjs-theme-forest .vjs-progress-holder {
|
||||
border-radius: 0.2em;
|
||||
height: 0.5em;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.vjs-theme-forest .vjs-play-progress,
|
||||
.vjs-theme-forest .vjs-load-progress,
|
||||
.vjs-theme-forest .vjs-load-progress div {
|
||||
border-radius: 0.2em;
|
||||
}
|
||||
10
build/javascript/node_modules/@videojs/themes/now.json
generated
vendored
10
build/javascript/node_modules/@videojs/themes/now.json
generated
vendored
@@ -1,10 +0,0 @@
|
||||
{
|
||||
"version": 2,
|
||||
"builds": [
|
||||
{
|
||||
"src": "package.json",
|
||||
"use": "@now/static-build",
|
||||
"config": { "distDir": "dist" }
|
||||
}
|
||||
]
|
||||
}
|
||||
54
build/javascript/node_modules/@videojs/themes/package.json
generated
vendored
54
build/javascript/node_modules/@videojs/themes/package.json
generated
vendored
@@ -1,54 +0,0 @@
|
||||
{
|
||||
"_args": [
|
||||
[
|
||||
"@videojs/themes@1.0.0",
|
||||
"/home/runner/work/owncast/owncast/build/javascript"
|
||||
]
|
||||
],
|
||||
"_from": "@videojs/themes@1.0.0",
|
||||
"_id": "@videojs/themes@1.0.0",
|
||||
"_inBundle": false,
|
||||
"_integrity": "sha512-DbRFpO7O0xPLRL4v7dJCcsfdP8Bpwd7jADzIKh/jpGViCl4u6ECmLquBi2OjGLWrqBv5uXMkKtK7RumrHeEyfw==",
|
||||
"_location": "/@videojs/themes",
|
||||
"_phantomChildren": {},
|
||||
"_requested": {
|
||||
"type": "version",
|
||||
"registry": true,
|
||||
"raw": "@videojs/themes@1.0.0",
|
||||
"name": "@videojs/themes",
|
||||
"escapedName": "@videojs%2fthemes",
|
||||
"scope": "@videojs",
|
||||
"rawSpec": "1.0.0",
|
||||
"saveSpec": null,
|
||||
"fetchSpec": "1.0.0"
|
||||
},
|
||||
"_requiredBy": [
|
||||
"/"
|
||||
],
|
||||
"_resolved": "https://registry.npmjs.org/@videojs/themes/-/themes-1.0.0.tgz",
|
||||
"_spec": "1.0.0",
|
||||
"_where": "/home/runner/work/owncast/owncast/build/javascript",
|
||||
"author": "",
|
||||
"dependencies": {
|
||||
"postcss-inline-svg": "^4.1.0"
|
||||
},
|
||||
"description": "Monorepo for Video.js themes :nail_care:.",
|
||||
"devDependencies": {
|
||||
"autoprefixer": "^9.6.1",
|
||||
"parcel-bundler": "^1.12.3",
|
||||
"postcss-modules": "^1.4.1",
|
||||
"postcss-preset-env": "^6.7.0",
|
||||
"sass": "^1.22.9"
|
||||
},
|
||||
"keywords": [],
|
||||
"license": "MIT",
|
||||
"main": "index.js",
|
||||
"name": "@videojs/themes",
|
||||
"scripts": {
|
||||
"build": "parcel build **/*.css index.html --no-source-maps --no-content-hash",
|
||||
"clean": "rm -rf ./dist",
|
||||
"dev": "parcel index.html",
|
||||
"prepublish": "npm run clean && npm run build"
|
||||
},
|
||||
"version": "1.0.0"
|
||||
}
|
||||
3
build/javascript/node_modules/@videojs/themes/postcss.config.js
generated
vendored
3
build/javascript/node_modules/@videojs/themes/postcss.config.js
generated
vendored
@@ -1,3 +0,0 @@
|
||||
module.exports = {
|
||||
plugins: [require('autoprefixer'), require('postcss-preset-env'), require('postcss-inline-svg')]
|
||||
};
|
||||
72
build/javascript/node_modules/@videojs/themes/sea/index.css
generated
vendored
72
build/javascript/node_modules/@videojs/themes/sea/index.css
generated
vendored
@@ -1,72 +0,0 @@
|
||||
.vjs-theme-sea .vjs-big-play-button {
|
||||
width: 103px;
|
||||
height: 79px;
|
||||
object-fit: contain;
|
||||
background-color: rgba(255, 255, 255, 0.25);
|
||||
border: none;
|
||||
margin: 0 auto;
|
||||
line-height: 79px;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
border-radius: 30px;
|
||||
margin-top: -51.5px;
|
||||
margin-left: -39.5px;
|
||||
}
|
||||
|
||||
.vjs-theme-sea .vjs-control-bar {
|
||||
height: 4em;
|
||||
background-color: rgba(255, 255, 255, 0.4);
|
||||
}
|
||||
|
||||
.vjs-theme-sea .vjs-button:hover {
|
||||
color: #4176bc;
|
||||
background: linear-gradient(to top, #d0ddee, #fff);
|
||||
}
|
||||
|
||||
.vjs-theme-sea .vjs-button > .vjs-icon-placeholder::before {
|
||||
line-height: 2.2;
|
||||
}
|
||||
|
||||
.vjs-theme-sea .vjs-time-control {
|
||||
line-height: 4em;
|
||||
}
|
||||
|
||||
.vjs-theme-sea .vjs-volume-panel {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.vjs-theme-sea .vjs-picture-in-picture-control {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.vjs-theme-sea .vjs-progress-control .vjs-play-progress {
|
||||
background-color: rgba(65, 118, 188, 0.9);
|
||||
}
|
||||
|
||||
.vjs-theme-sea .vjs-progress-control .vjs-play-progress:before {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.vjs-theme-sea .vjs-progress-control .vjs-slider {
|
||||
background-color: rgba(65, 118, 188, 0.1);
|
||||
}
|
||||
|
||||
.vjs-theme-sea .vjs-progress-control .vjs-load-progress div {
|
||||
background: rgba(255, 255, 255, 0.5);
|
||||
}
|
||||
|
||||
.vjs-theme-sea .vjs-progress-control .vjs-progress-holder {
|
||||
margin: 0;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.vjs-theme-sea .vjs-progress-control .vjs-time-tooltip {
|
||||
background-color: rgba(65, 118, 188, 0.5);
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.vjs-theme-sea .vjs-progress-control .vjs-mouse-display .vjs-time-tooltip {
|
||||
background-color: rgba(255, 255, 255, 0.7);
|
||||
color: #4176bc;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user