mirror of
https://github.com/iv-org/invidious.git
synced 2025-04-20 23:46:26 -04:00
Add files via upload
This commit is contained in:
@CyberAndi
GitHub
parent
63cf356e6f
commit
07d7339169
773
default.css
Normal file
773
default.css
Normal file
@ -0,0 +1,773 @@
|
||||
@font-face{font-family:"OCR-A";src:url("../fonts/OCRAStd.woff");}
|
||||
@font-face{font-family:"ocr-a";src:url("../fonts/OCRAStd.woff");}
|
||||
|
||||
html,
|
||||
body {
|
||||
font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Oxygen,
|
||||
Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica,
|
||||
Arial, sans-serif;
|
||||
height: 100vh;
|
||||
}
|
||||
|
||||
#contents {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
min-height: 100vh;
|
||||
}
|
||||
|
||||
.deleted {
|
||||
background-color: rgb(255, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
.underlined {
|
||||
border-bottom: 1px solid;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.channel-profile > * {
|
||||
font-size: 1.17em;
|
||||
font-weight: bold;
|
||||
vertical-align: middle;
|
||||
border-radius: 50% !important;
|
||||
}
|
||||
|
||||
.channel-profile > img {
|
||||
width: 48px;
|
||||
height: auto;
|
||||
margin-right: 0.5em;
|
||||
}
|
||||
|
||||
body a.channel-owner {
|
||||
background-color: #008bec;
|
||||
color: #fff;
|
||||
border-radius: 9px;
|
||||
padding: 1px 6px;
|
||||
}
|
||||
|
||||
.creator-heart-container {
|
||||
display: inline-block;
|
||||
padding: 0px 7px 6px 0px;
|
||||
margin: 0px -7px -4px 0px;
|
||||
}
|
||||
|
||||
.creator-heart {
|
||||
position: relative;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
border: 2px none;
|
||||
}
|
||||
|
||||
.creator-heart-background-hearted {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
padding: 0px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.creator-heart-small-hearted {
|
||||
position: absolute;
|
||||
right: -7px;
|
||||
bottom: -4px;
|
||||
}
|
||||
|
||||
.creator-heart-small-container {
|
||||
position: relative;
|
||||
width: 13px;
|
||||
height: 13px;
|
||||
color: rgb(255, 0, 0);
|
||||
}
|
||||
|
||||
.feed-menu {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.feed-menu-item {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 640px) {
|
||||
.feed-menu-item {
|
||||
flex: 0 0 40%;
|
||||
}
|
||||
}
|
||||
|
||||
.h-box {
|
||||
padding-left: 1em;
|
||||
padding-right: 1em;
|
||||
}
|
||||
|
||||
.v-box {
|
||||
padding-top: 1em;
|
||||
padding-bottom: 1em;
|
||||
}
|
||||
|
||||
div {
|
||||
overflow-wrap: break-word;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
|
||||
.loading {
|
||||
display: inline-block;
|
||||
animation: spin 2s linear infinite;
|
||||
}
|
||||
|
||||
.playlist-restricted {
|
||||
height: 20em;
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
body a.pure-button {
|
||||
color: rgba(0,0,0,.8);
|
||||
}
|
||||
|
||||
button.pure-button-primary, body a.pure-button-primary, .channel-owner:hover {
|
||||
background-color: rgba(200,200,200,0.8);
|
||||
color: rgba(35, 35, 35, 1);
|
||||
backdrop-filter: blur(2.5px);
|
||||
}
|
||||
|
||||
button.pure-button-primary:hover,
|
||||
body a.pure-button-primary:hover {
|
||||
background-color: rgba(0, 182, 240, 0.8);
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
div.thumbnail {
|
||||
padding: 28.125%;
|
||||
position: relative;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
img.thumbnail {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
left: 0;
|
||||
top: 0;
|
||||
object-fit: cover;
|
||||
border-radius: 0.5em;
|
||||
}
|
||||
|
||||
div.watched-overlay {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background-color: rgba(255,255,255,.4);
|
||||
}
|
||||
|
||||
div.watched-indicator {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
height: 4px;
|
||||
width: 100%;
|
||||
background-color: red;
|
||||
}
|
||||
|
||||
.length {
|
||||
z-index: 100;
|
||||
position: absolute;
|
||||
background-color: rgba(35, 35, 35, 0.75);
|
||||
color: #fff;
|
||||
border-radius: 2px;
|
||||
padding: 2px;
|
||||
font-size: 16px;
|
||||
right: 0.25em;
|
||||
bottom: -0.75em;
|
||||
}
|
||||
|
||||
.watched {
|
||||
z-index: 100;
|
||||
position: absolute;
|
||||
background-color: rgba(35, 35, 35, 0.75);
|
||||
color: #fff;
|
||||
border-radius: 2px;
|
||||
padding: 4px 8px 4px 8px;
|
||||
font-size: 16px;
|
||||
left: 0.2em;
|
||||
top: -0.7em;
|
||||
}
|
||||
|
||||
/*
|
||||
* Navbar
|
||||
*/
|
||||
|
||||
.navbar {
|
||||
margin: 1em 0;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
background-image: url('/CMovie.svg'), linear-gradient(to right, rgba(17,17,17,0.85), rgba(94,149,183,0.85));
|
||||
background-size: 12%, auto;
|
||||
background-position-y: 0.5rem,center;
|
||||
background-repeat: no-repeat;
|
||||
background-position-x: 8rem, 0px;
|
||||
overflow-x: overlay;
|
||||
overflow-y: clip;
|
||||
position: sticky;
|
||||
border-radius: 0.5em;
|
||||
top: 1em;
|
||||
backdrop-filter: blur(2.5px);
|
||||
box-shadow: 0.25em 0.25em 0.5em rgba(0,0,0,0.8), 0 0 rgba(0,0,0,0.8);
|
||||
padding: 0.5em;
|
||||
height: 2.25em;
|
||||
z-index: 200;
|
||||
}
|
||||
|
||||
.navbar > div {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.searchbar {
|
||||
flex-grow: 2; /* take double the space of the other items */
|
||||
}
|
||||
|
||||
.navbar a {
|
||||
padding: 0; /* this way it will stay aligned with content under */
|
||||
}
|
||||
|
||||
.navbar .index-link {
|
||||
font-weight: bold;
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.searchbar .pure-form fieldset {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.searchbar input[type="search"] {
|
||||
width: 100%;
|
||||
margin: 1px;
|
||||
border: 1px solid;
|
||||
border-color: rgba(0,0,0,0);
|
||||
border-bottom-color: #CCC;
|
||||
border-radius: 0.5em;
|
||||
border-bottom-left-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
box-shadow: none;
|
||||
-webkit-appearance: none;
|
||||
font-family: "OCR-A";
|
||||
text-shadow: (0.25em 0.25em 0.5em rgba(0,0,0,0.8), 0 0 rgba(0,0,0,0.7) !important
|
||||
}
|
||||
|
||||
.searchbar input[type="search"]:focus {
|
||||
margin: 0;
|
||||
border: 2px solid;
|
||||
border-color: rgba(0,0,0,0);
|
||||
border-bottom-color: #FED;
|
||||
}
|
||||
|
||||
/* https://stackoverflow.com/a/55170420 */
|
||||
input[type="search"]::-webkit-search-cancel-button {
|
||||
-webkit-appearance: none;
|
||||
height: 14px;
|
||||
width: 14px;
|
||||
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAn0lEQVR42u3UMQrDMBBEUZ9WfQqDmm22EaTyjRMHAlM5K+Y7lb0wnUZPIKHlnutOa+25Z4D++MRBX98MD1V/trSppLKHqj9TTBWKcoUqffbUcbBBEhTjBOV4ja4l4OIAZThEOV6jHO8ARXD+gPPvKMABinGOrnu6gTNUawrcQKNCAQ7QeTxORzle3+sDfjJpPCqhJh7GixZq4rHcc9l5A9qZ+WeBhgEuAAAAAElFTkSuQmCC);
|
||||
background-size: 14px;
|
||||
color: #cccccc;
|
||||
}
|
||||
|
||||
.user-field {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: flex-end;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.user-field div {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.user-field div:not(:last-child) {
|
||||
margin-right: 1em;
|
||||
}
|
||||
|
||||
@media only screen and (max-aspect-ratio: 16/9) {
|
||||
.player-dimensions.vjs-fluid {
|
||||
padding-top: 46.86% !important;
|
||||
}
|
||||
|
||||
#player-container {
|
||||
padding-bottom: 46.86% !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 767px) {
|
||||
.navbar {
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.navbar > div {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.navbar > div:not(:last-child) {
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
|
||||
.navbar > .searchbar > form {
|
||||
width: 60%;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 1.25em;
|
||||
margin: 0.42em 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 320px) {
|
||||
.navbar > .searchbar > form {
|
||||
width: 100%;
|
||||
margin: 0 1em;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/*
|
||||
* Video "cards" (results/playlist/channel videos)
|
||||
*/
|
||||
|
||||
.video-card-row {
|
||||
margin: 15px 0;
|
||||
}
|
||||
|
||||
.flexible {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.flex-left {
|
||||
flex: 1 1 100%;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.flex-right {
|
||||
flex: 1 0 auto;
|
||||
flex-wrap: nowrap;
|
||||
}
|
||||
|
||||
p.channel-name {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
p.video-data {
|
||||
margin: 0;
|
||||
font-weight: bold;
|
||||
font-size: 80%;
|
||||
}
|
||||
|
||||
|
||||
/*
|
||||
* Footer
|
||||
*/
|
||||
|
||||
footer {
|
||||
color: #919191;
|
||||
color: #ffffff !important;
|
||||
margin-top: auto;
|
||||
padding: 1.5em 0;
|
||||
text-align: center;
|
||||
max-height: 30vh;
|
||||
}
|
||||
|
||||
footer a {
|
||||
color: #919191 !important;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
footer span {
|
||||
margin: 4px 0;
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* keyframes */
|
||||
|
||||
@keyframes spin {
|
||||
0% {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
100% {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
fieldset > select,
|
||||
span > select {
|
||||
color: rgba(49, 49, 51, 1);
|
||||
}
|
||||
|
||||
.pure-control-group label {
|
||||
word-wrap: normal;
|
||||
}
|
||||
|
||||
/*
|
||||
* Light theme
|
||||
*/
|
||||
|
||||
.light-theme a:hover,
|
||||
.light-theme a:active,
|
||||
.light-theme summary:hover {
|
||||
color: #075A9E !important;
|
||||
}
|
||||
|
||||
.light-theme a.pure-button-primary:hover {
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
.light-theme a {
|
||||
color: #335d7a;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
/* All links that do not fit with the default color goes here */
|
||||
.light-theme a:not([data-id]) > .icon,
|
||||
.light-theme .pure-u-lg-1-5 > .h-box > a[href^="/watch?"],
|
||||
.light-theme .playlist-restricted > ol > li > a {
|
||||
color: #f0f0f0;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.light-theme .pure-menu-heading {
|
||||
color: #f0f0f0;
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: light) {
|
||||
|
||||
.no-theme a:hover,
|
||||
.no-theme a:active {
|
||||
color: rgb(0, 182, 240);
|
||||
}
|
||||
|
||||
.no-theme a {
|
||||
color: #a0a0a0;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
body.no-theme {
|
||||
background-color: #03060b;
|
||||
background-image: linear-gradient(0deg, transparent, transparent, transparent, rgba(47,121,160,1));
|
||||
color: #f0f0f0;
|
||||
background-attachment: fixed;
|
||||
}
|
||||
|
||||
.no-theme .pure-form legend {
|
||||
color: #f0f0f0;
|
||||
}
|
||||
|
||||
.no-theme .pure-menu-heading {
|
||||
color: #f0f0f0;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.no-theme input,
|
||||
.no-theme select,
|
||||
.no-theme textarea {
|
||||
color: rgba(35, 35, 35, 1);
|
||||
}
|
||||
|
||||
.no-theme .pure-form input[type="file"] {
|
||||
color: #f0f0f0;
|
||||
}
|
||||
|
||||
.no-theme .searchbar input {
|
||||
background-color: inherit;
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
|
||||
.light-theme .pure-menu-heading {
|
||||
color: #f0f0f0;
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
* Dark theme
|
||||
*/
|
||||
|
||||
.dark-theme a:hover,
|
||||
.dark-theme a:active,
|
||||
.dark-theme summary:hover {
|
||||
color: rgb(0, 182, 240);
|
||||
}
|
||||
|
||||
.dark-theme a {
|
||||
color: #c0c0c0;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
body.dark-theme {
|
||||
background-color: #03060b;
|
||||
background-image: linear-gradient(0deg, transparent, transparent, transparent, rgba(47,121,160,1));
|
||||
color: #f0f0f0;
|
||||
background-attachment: fixed;
|
||||
}
|
||||
|
||||
.dark-theme .pure-form legend {
|
||||
color: #f0f0f0;
|
||||
}
|
||||
|
||||
.dark-theme .pure-menu-heading {
|
||||
color: #f0f0f0;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.dark-theme input,
|
||||
.dark-theme select,
|
||||
.dark-theme textarea {
|
||||
color: rgba(35, 35, 35, 1);
|
||||
}
|
||||
|
||||
.dark-theme .pure-form input[type="file"] {
|
||||
color: #f0f0f0;
|
||||
}
|
||||
|
||||
.dark-theme .searchbar input {
|
||||
background-color: inherit;
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
.no-theme a:hover,
|
||||
.no-theme a:active {
|
||||
color: rgb(0, 182, 240);
|
||||
}
|
||||
|
||||
.no-theme a {
|
||||
color: #a0a0a0;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
body.no-theme {
|
||||
background-color: #03060b;
|
||||
background-image: linear-gradient(0deg, transparent, transparent, transparent, rgba(47,121,160,1));
|
||||
color: #f0f0f0;
|
||||
background-attachment: fixed;
|
||||
}
|
||||
|
||||
.no-theme .pure-form legend {
|
||||
color: #f0f0f0;
|
||||
}
|
||||
|
||||
.no-theme .pure-menu-heading {
|
||||
color: #f0f0f0;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.no-theme input,
|
||||
.no-theme select,
|
||||
.no-theme textarea {
|
||||
color: rgba(35, 35, 35, 1);
|
||||
}
|
||||
|
||||
.no-theme .pure-form input[type="file"] {
|
||||
color: #f0f0f0;
|
||||
}
|
||||
|
||||
.no-theme .searchbar input {
|
||||
background-color: inherit;
|
||||
color: inherit;
|
||||
}
|
||||
}
|
||||
|
||||
/*With commit d9528f5 all contents of the page is now within a flexbox. However,
|
||||
the hr element is rendered improperly within one.
|
||||
See https://stackoverflow.com/a/34372979 for more info */
|
||||
hr {
|
||||
margin: 10px 0 10px 0;
|
||||
}
|
||||
|
||||
/* Description Expansion Styling*/
|
||||
#descexpansionbutton,
|
||||
#music-desc-expansion {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#descexpansionbutton ~ div {
|
||||
overflow: hidden;
|
||||
max-height: 8.3em;
|
||||
}
|
||||
|
||||
#descexpansionbutton:checked ~ div {
|
||||
overflow: unset;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
#descexpansionbutton ~ label {
|
||||
order: 1;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
label[for="descexpansionbutton"]:hover,
|
||||
label[for="music-desc-expansion"]:hover {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
/* Bidi (bidirectional text) support */
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
p,
|
||||
#descriptionWrapper,
|
||||
#description-box,
|
||||
#music-description-box {
|
||||
unicode-bidi: plaintext;
|
||||
text-align: start;
|
||||
}
|
||||
|
||||
#descriptionWrapper {
|
||||
max-width: 600px;
|
||||
max-width: 80%;
|
||||
white-space: pre-wrap;
|
||||
padding: 0.5em;
|
||||
margin: 0.5em 0em;
|
||||
background-color: rgba(230,230,230,0.2);
|
||||
border-radius: 0.5em;
|
||||
}
|
||||
|
||||
#music-description-box {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#music-desc-expansion:checked ~ #music-description-box {
|
||||
display: block;
|
||||
}
|
||||
|
||||
#music-desc-expansion ~ label > h3 > .ion-ios-arrow-up,
|
||||
#music-desc-expansion:checked ~ label > h3 > .ion-ios-arrow-down {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#music-desc-expansion:checked ~ label > h3 > .ion-ios-arrow-up,
|
||||
#music-desc-expansion ~ label > h3 > .ion-ios-arrow-down {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
/* Select all the music items except the first one */
|
||||
.music-item + .music-item {
|
||||
border-top: 1px solid #ffffff;
|
||||
}
|
||||
|
||||
|
||||
div.thumbnail {
|
||||
padding: 28.125%;
|
||||
position: relative;
|
||||
box-sizing: border-box;
|
||||
border: 1px solid rgba(230,230,230,0.5) !important;
|
||||
box-shadow: 0.25em 0.25em 0.5em rgba(0,0,0,0.8), 0 0 rgba(0,0,0,0.8) !important;
|
||||
border-radius: 0.5em !important;
|
||||
overflow: hidden;
|
||||
}
|
||||
/*
|
||||
.h-box img:not(.thumbnail), .video-js, #player-container, video {
|
||||
*/
|
||||
.h-box img:not(.thumbnail), .video-js, #player-container, video, .vjs-text-track-display {
|
||||
border: 1px solid rgba(230,230,230,0.5) !important;
|
||||
box-shadow: 0.25em 0.25em 0.5em rgba(0,0,0,0.8), 0 0 rgba(0,0,0,0.8) !important;
|
||||
border-radius: 0.5em;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.video-js, #player-container, video, .vjs-text-track-display {
|
||||
aspect-ratio: 16 / 9 !important;
|
||||
}
|
||||
|
||||
/*
|
||||
.h-box h1 {
|
||||
padding-left: 1em;
|
||||
padding-right: 1em;
|
||||
position: relative;
|
||||
top: -103px;
|
||||
left: 4px;
|
||||
width: calc(100% - 60px);
|
||||
border-bottom-left-radius: 0.25em;
|
||||
border-bottom-right-radius: 0.25em;
|
||||
display: inline-block;
|
||||
background-image: linear-gradient(to right, rgba(17,17,17,1), rgba(94,149,183,1));
|
||||
line-height: 1em;
|
||||
padding-top: 0.5em;
|
||||
height: 2.5em;
|
||||
}*/
|
||||
|
||||
input::-webkit-input-placeholder {
|
||||
color: #cccccc;
|
||||
}
|
||||
|
||||
input #placeholder {
|
||||
color: #cccccc;
|
||||
}
|
||||
|
||||
/* Center the "invidious" logo on the search page */
|
||||
#logo > h1 {
|
||||
text-align: center;
|
||||
font-family: "OCR-A";
|
||||
}
|
||||
|
||||
/* IE11 fixes */
|
||||
:-ms-input-placeholder {
|
||||
color: #f0f0f0;
|
||||
}
|
||||
|
||||
/* Wider settings name to less word wrap */
|
||||
.pure-form-aligned .pure-control-group label {
|
||||
width: 19em;
|
||||
}
|
||||
|
||||
.channel-emoji {
|
||||
margin: 0 2px;
|
||||
}
|
||||
|
||||
.channel-profile {
|
||||
font-family: "OCR-A";
|
||||
}
|
||||
|
||||
a[href*="/channel/"] {
|
||||
font-family: "OCR-A";
|
||||
}
|
||||
|
||||
.video-js .vjs-big-play-button {
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
position: absolute;
|
||||
cursor: pointer;
|
||||
border: 0.06666em solid #fff;
|
||||
border-radius: 50%;
|
||||
margin: auto;
|
||||
font-size: 2.6rem;
|
||||
padding: 1vw;
|
||||
display: inline-block;
|
||||
opacity: 1;
|
||||
transform: translateX(calc(-50%)) translateY(calc(-50%));
|
||||
text-decoration: none !important;
|
||||
box-shadow: 0 0 0.15em rgb(224 224 224 / 50%), 0.25em 0.25em 0.35em rgb(0 0 0 / 50%);
|
||||
backdrop-filter: blur(2.5px);
|
||||
-webkit-backdrop-filter: blur(2.5px);
|
||||
background-color: rgba(47, 121,160,1);
|
||||
background-size: 50%;
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
aspect-ratio: 1 / 1 !important;
|
||||
-webkit-aspect-ratio: 1 / 1 !important;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
border: 0.7vmin solid #ddd;
|
||||
text-shadow: none;
|
||||
color: transparent;
|
||||
-webkit-transition-timing-function: ease-in-out;
|
||||
-webkit-transition-duration: 0.5s;
|
||||
-webkit-transition-property: background, opacity;
|
||||
transition-timing-function: ease-in-out;
|
||||
transition-duration: 0.5s;
|
||||
transition-property: background, opacity;
|
||||
overflow: hidden;
|
||||
background-image: url('/CMovie-Play.svg');
|
||||
}
|
||||
26
embed.css
Normal file
26
embed.css
Normal file
@ -0,0 +1,26 @@
|
||||
#player {
|
||||
position: fixed;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
min-width: 100%;
|
||||
min-height: 100%;
|
||||
width: auto;
|
||||
height: auto;
|
||||
z-index: -100;
|
||||
}
|
||||
|
||||
.watch-on-invidious {
|
||||
font-size: 1.3em !important;
|
||||
font-weight: bold;
|
||||
white-space: nowrap;
|
||||
margin: 0 1em 0 1em !important;
|
||||
order: 3;
|
||||
}
|
||||
|
||||
.watch-on-invidious > a {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.watch-on-invidious > a:hover {
|
||||
color: rgba(0, 182, 240, 1);;
|
||||
}
|
||||
16
empty.css
Normal file
16
empty.css
Normal file
@ -0,0 +1,16 @@
|
||||
#search-widget {
|
||||
text-align: center;
|
||||
margin: 20vh 0 50px 0;
|
||||
}
|
||||
|
||||
#logo > h1 {
|
||||
font-size: 3.5em;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1500px) and (max-height: 1000px) {
|
||||
#logo > h1 {
|
||||
font-size: 10vmin;
|
||||
}
|
||||
}
|
||||
7
grids-responsive-min.css
vendored
Normal file
7
grids-responsive-min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
11
ionicons.min.css
vendored
Normal file
11
ionicons.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
271
player.css
Normal file
271
player.css
Normal file
@ -0,0 +1,271 @@
|
||||
/* Youtube player style */
|
||||
|
||||
.video-js {
|
||||
border: #ccc solid;
|
||||
box-shadow: 0.25em 0.25em 0.5em rgba(0,0,0,0.8), 0 0 rgba(0,0,0,0.8);
|
||||
border-radius: 0.3em;
|
||||
}
|
||||
|
||||
.video-js.player-style-youtube .vjs-progress-control {
|
||||
height: 0;
|
||||
}
|
||||
|
||||
.video-js.player-style-youtube .vjs-progress-control .vjs-progress-holder, .video-js.player-style-youtube .vjs-progress-control {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.video-js.player-style-youtube .vjs-control-bar {
|
||||
background: linear-gradient(rgba(0,0,0,0.1), rgba(0, 0, 0,0.5));
|
||||
}
|
||||
|
||||
.video-js.player-style-youtube .vjs-slider {
|
||||
background-color: rgba(255,255,255,0.2);
|
||||
}
|
||||
|
||||
.video-js.player-style-youtube .vjs-load-progress > div {
|
||||
background-color: rgba(255,255,255,0.5);
|
||||
}
|
||||
|
||||
.video-js.player-style-youtube .vjs-play-progress {
|
||||
background-color: red;
|
||||
}
|
||||
|
||||
.video-js.player-style-youtube .vjs-progress-control:hover .vjs-progress-holder {
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
.video-js.player-style-youtube .vjs-control-bar > .vjs-spacer {
|
||||
flex: 1;
|
||||
order: 2;
|
||||
}
|
||||
|
||||
.video-js.player-style-youtube .vjs-play-progress .vjs-time-tooltip {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.video-js.player-style-youtube .vjs-play-progress::before {
|
||||
color: red;
|
||||
font-size: 0.85em;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.video-js.player-style-youtube .vjs-progress-holder:hover .vjs-play-progress::before {
|
||||
display: unset;
|
||||
}
|
||||
|
||||
.video-js.player-style-youtube .vjs-control-bar {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.video-js.player-style-youtube .vjs-big-play-button {
|
||||
/*
|
||||
Styles copied from video-js.min.css, definition of
|
||||
.vjs-big-play-centered .vjs-big-play-button
|
||||
*/
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
margin-top: -0.81666em;
|
||||
margin-left: -1.5em;
|
||||
}
|
||||
|
||||
.video-js.player-style-youtube .vjs-menu-button-popup .vjs-menu {
|
||||
margin-bottom: 2em;
|
||||
}
|
||||
|
||||
.video-js.player-style-youtube .vjs-progress-control .vjs-progress-holder, .video-js.player-style-youtube .vjs-progress-control {height: 5px;
|
||||
margin-bottom: 10px;}
|
||||
|
||||
ul.vjs-menu-content::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.vjs-user-inactive {
|
||||
cursor: none;
|
||||
}
|
||||
|
||||
.video-js .vjs-text-track-display > div > div > div {
|
||||
background-color: rgba(0, 0, 0, 0.75) !important;
|
||||
border-radius: 9px !important;
|
||||
padding: 5px !important;
|
||||
}
|
||||
|
||||
.vjs-play-control,
|
||||
.vjs-volume-panel,
|
||||
.vjs-current-time,
|
||||
.vjs-time-control,
|
||||
.vjs-duration,
|
||||
.vjs-progress-control,
|
||||
.vjs-remaining-time {
|
||||
order: 1;
|
||||
}
|
||||
|
||||
.vjs-captions-button {
|
||||
order: 2;
|
||||
}
|
||||
|
||||
.vjs-audio-button {
|
||||
order: 3;
|
||||
}
|
||||
|
||||
.vjs-quality-selector,
|
||||
.video-js .vjs-http-source-selector {
|
||||
order: 4;
|
||||
}
|
||||
|
||||
.vjs-playback-rate {
|
||||
order: 5;
|
||||
}
|
||||
|
||||
.vjs-share-control {
|
||||
order: 6;
|
||||
}
|
||||
|
||||
.vjs-fullscreen-control {
|
||||
order: 7;
|
||||
}
|
||||
|
||||
.vjs-playback-rate > .vjs-menu {
|
||||
width: 50px;
|
||||
}
|
||||
|
||||
.vjs-control-bar {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
scrollbar-width: none;
|
||||
}
|
||||
|
||||
.vjs-control-bar::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.video-js .vjs-icon-cog {
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.video-js .vjs-control-bar,
|
||||
.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
|
||||
background-color: rgba(35, 35, 35, 0.75);
|
||||
}
|
||||
|
||||
.vjs-menu li.vjs-menu-item:focus,
|
||||
.vjs-menu li.vjs-menu-item:hover {
|
||||
background-color: rgba(255, 255, 255, 0.75);
|
||||
color: rgba(49, 49, 51, 0.75);
|
||||
}
|
||||
|
||||
.vjs-menu li.vjs-selected,
|
||||
.vjs-menu li.vjs-selected:focus,
|
||||
.vjs-menu li.vjs-selected:hover {
|
||||
background-color: rgba(0, 182, 240, 0.75);
|
||||
}
|
||||
|
||||
/* Progress Bar */
|
||||
.video-js .vjs-slider {
|
||||
background-color: rgba(15, 15, 15, 0.5);
|
||||
}
|
||||
|
||||
.video-js .vjs-load-progress,
|
||||
.video-js .vjs-load-progress div {
|
||||
background: rgba(87, 87, 88, 1);
|
||||
}
|
||||
|
||||
.video-js .vjs-slider:hover,
|
||||
.video-js button:hover {
|
||||
color: rgba(0, 182, 240, 1);
|
||||
}
|
||||
|
||||
.video-js.player-style-invidious .vjs-play-progress {
|
||||
background-color: rgba(0, 182, 240, 1);
|
||||
}
|
||||
|
||||
/* Overlay */
|
||||
.video-js .vjs-overlay {
|
||||
background-color: rgba(35, 35, 35, 0.75) !important;
|
||||
}
|
||||
.video-js .vjs-overlay * {
|
||||
color: rgba(255, 255, 255, 1) !important;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/* ProgressBar marker */
|
||||
.vjs-marker {
|
||||
background-color: rgba(255, 255, 255, 1);
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
/* Big "Play" Button */
|
||||
.video-js .vjs-big-play-button {
|
||||
background-color: rgba(35, 35, 35, 0.5);
|
||||
}
|
||||
|
||||
.video-js:hover .vjs-big-play-button {
|
||||
background-color: rgba(35, 35, 35, 0.75);
|
||||
}
|
||||
|
||||
.video-js .vjs-current-time,
|
||||
.video-js .vjs-time-divider,
|
||||
.video-js .vjs-duration {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.video-js .vjs-time-divider {
|
||||
min-width: 0px;
|
||||
padding-left: 0px;
|
||||
padding-right: 0px;
|
||||
}
|
||||
|
||||
.video-js .vjs-poster {
|
||||
background-size: cover;
|
||||
object-fit: cover;
|
||||
}
|
||||
|
||||
.player-dimensions.vjs-fluid {
|
||||
padding-top: 82vh;
|
||||
}
|
||||
|
||||
video.video-js {
|
||||
position: absolute;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
#player-container {
|
||||
position: relative;
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
margin-left: 1em;
|
||||
margin-right: 1em;
|
||||
padding-bottom: 82vh;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
.mobile-operations-bar {
|
||||
display: flex;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 1px !important;
|
||||
left: initial !important;
|
||||
width: initial !important;
|
||||
}
|
||||
|
||||
.mobile-operations-bar ul {
|
||||
position: absolute !important;
|
||||
bottom: unset !important;
|
||||
top: 1.5em;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 700px) {
|
||||
.video-js .vjs-share {
|
||||
justify-content: unset;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 650px) {
|
||||
.vjs-modal-dialog-content {
|
||||
overflow-x: hidden;
|
||||
}
|
||||
}
|
||||
994
pure-min.css
vendored
Normal file
994
pure-min.css
vendored
Normal file
@ -0,0 +1,994 @@
|
||||
/*!
|
||||
Pure v1.0.1
|
||||
Copyright 2013 Yahoo!
|
||||
Licensed under the BSD License.
|
||||
https://github.com/pure-css/pure/blob/master/LICENSE.md
|
||||
*/
|
||||
/*!
|
||||
normalize.css v^3.0 | MIT License | git.io/normalize
|
||||
Copyright (c) Nicolas Gallagher and Jonathan Neal
|
||||
*/
|
||||
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
|
||||
html{
|
||||
font-family:sans-serif;
|
||||
-ms-text-size-adjust:100%;
|
||||
-webkit-text-size-adjust:100%
|
||||
}
|
||||
|
||||
body{
|
||||
margin:0
|
||||
}
|
||||
|
||||
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{
|
||||
display:block
|
||||
}
|
||||
|
||||
audio,canvas,progress,video{
|
||||
display:inline-block;
|
||||
vertical-align:baseline
|
||||
}
|
||||
|
||||
audio:not([controls]){
|
||||
display:none;
|
||||
height:0
|
||||
}
|
||||
|
||||
[hidden],template{display:none}a{
|
||||
background-color:transparent
|
||||
}
|
||||
|
||||
a:active,a:hover{
|
||||
outline:0
|
||||
}
|
||||
|
||||
abbr[title]{
|
||||
border-bottom:1px dotted
|
||||
}
|
||||
|
||||
b,strong{
|
||||
font-weight:700
|
||||
}
|
||||
|
||||
dfn{
|
||||
font-style:italic
|
||||
}
|
||||
|
||||
h1{
|
||||
font-size:2em;
|
||||
margin:.67em 0
|
||||
}
|
||||
|
||||
mark{
|
||||
background:#ff0;
|
||||
color:#000
|
||||
}
|
||||
|
||||
small{
|
||||
font-size:80%
|
||||
}
|
||||
|
||||
sub,sup{
|
||||
font-size:75%;
|
||||
line-height:0;
|
||||
position:relative;
|
||||
vertical-align:baseline
|
||||
}
|
||||
|
||||
sup{
|
||||
top:-.5em
|
||||
}
|
||||
|
||||
sub{
|
||||
bottom:-.25em
|
||||
}
|
||||
|
||||
img{
|
||||
border:0
|
||||
}
|
||||
|
||||
svg:not(:root){
|
||||
overflow:hidden
|
||||
}
|
||||
|
||||
figure{
|
||||
margin:1em 40px
|
||||
}
|
||||
|
||||
hr{
|
||||
-webkit-box-sizing:content-box;
|
||||
box-sizing:content-box;
|
||||
height:0
|
||||
}
|
||||
|
||||
pre{
|
||||
overflow:auto
|
||||
}
|
||||
|
||||
code,kbd,pre,samp{
|
||||
font-family:monospace,monospace;
|
||||
font-size:1em
|
||||
}
|
||||
|
||||
button,input,optgroup,select,textarea{
|
||||
color:inherit;
|
||||
font:inherit;
|
||||
margin:0
|
||||
}
|
||||
|
||||
button{
|
||||
overflow:visible
|
||||
}
|
||||
|
||||
button,select{
|
||||
text-transform:none
|
||||
}
|
||||
|
||||
button,html input[type=button],input[type=reset],input[type=submit]{
|
||||
-webkit-appearance:button;
|
||||
cursor:pointer
|
||||
}
|
||||
|
||||
button[disabled],html input[disabled]{
|
||||
cursor:default
|
||||
}
|
||||
|
||||
button::-moz-focus-inner,input::-moz-focus-inner{
|
||||
border:0;
|
||||
padding:0
|
||||
}
|
||||
|
||||
input{
|
||||
line-height:normal
|
||||
}
|
||||
|
||||
input[type=checkbox],input[type=radio]{
|
||||
-webkit-box-sizing:border-box;
|
||||
box-sizing:border-box;
|
||||
padding:0
|
||||
}
|
||||
|
||||
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{
|
||||
height:auto
|
||||
}
|
||||
|
||||
input[type=search]{
|
||||
-webkit-appearance:textfield;
|
||||
-webkit-box-sizing:content-box;
|
||||
box-sizing:content-box
|
||||
}
|
||||
|
||||
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{
|
||||
-webkit-appearance:none
|
||||
}
|
||||
|
||||
fieldset{
|
||||
border:1px solid silver;
|
||||
margin:0 2px;
|
||||
padding:.35em .625em .75em
|
||||
}
|
||||
|
||||
legend{
|
||||
border:0;
|
||||
padding:0
|
||||
}
|
||||
|
||||
textarea{
|
||||
overflow:auto
|
||||
}
|
||||
|
||||
optgroup{
|
||||
font-weight:700
|
||||
}
|
||||
|
||||
table{
|
||||
border-collapse:collapse;
|
||||
border-spacing:0
|
||||
}
|
||||
|
||||
td,th{
|
||||
padding:0
|
||||
}
|
||||
|
||||
.hidden,[hidden]{
|
||||
display:none!important
|
||||
}
|
||||
|
||||
.pure-img{
|
||||
max-width:100%;
|
||||
height:auto;
|
||||
display:block
|
||||
}
|
||||
|
||||
.pure-g{
|
||||
letter-spacing:-.31em;
|
||||
text-rendering:optimizespeed;
|
||||
font-family:FreeSans,Arimo,"Droid Sans",Helvetica,Arial,sans-serif;
|
||||
display:-webkit-box;
|
||||
display:-webkit-flex;
|
||||
display:-ms-flexbox;
|
||||
display:flex;
|
||||
-webkit-box-orient:horizontal;
|
||||
-webkit-box-direction:normal;
|
||||
-webkit-flex-flow:row wrap;
|
||||
-ms-flex-flow:row wrap;
|
||||
flex-flow:row wrap;
|
||||
-webkit-align-content:flex-start;
|
||||
-ms-flex-line-pack:start;
|
||||
align-content:flex-start
|
||||
}
|
||||
|
||||
@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){
|
||||
table .pure-g{
|
||||
display:block
|
||||
}
|
||||
}
|
||||
|
||||
.opera-only :-o-prefocus,.pure-g{
|
||||
word-spacing:-.43em
|
||||
}
|
||||
|
||||
.pure-u{
|
||||
display:inline-block;
|
||||
zoom:1;
|
||||
letter-spacing:normal;
|
||||
word-spacing:normal;
|
||||
vertical-align:top;
|
||||
text-rendering:auto
|
||||
}
|
||||
|
||||
.pure-g [class*=pure-u]{
|
||||
font-family:sans-serif
|
||||
}
|
||||
|
||||
.pure-u-1,.pure-u-1-1,.pure-u-1-12,.pure-u-1-2,.pure-u-1-24,.pure-u-1-3,.pure-u-1-4,.pure-u-1-5,.pure-u-1-6,.pure-u-1-8,.pure-u-10-24,.pure-u-11-12,.pure-u-11-24,.pure-u-12-24,.pure-u-13-24,.pure-u-14-24,.pure-u-15-24,.pure-u-16-24,.pure-u-17-24,.pure-u-18-24,.pure-u-19-24,.pure-u-2-24,.pure-u-2-3,.pure-u-2-5,.pure-u-20-24,.pure-u-21-24,.pure-u-22-24,.pure-u-23-24,.pure-u-24-24,.pure-u-3-24,.pure-u-3-4,.pure-u-3-5,.pure-u-3-8,.pure-u-4-24,.pure-u-4-5,.pure-u-5-12,.pure-u-5-24,.pure-u-5-5,.pure-u-5-6,.pure-u-5-8,.pure-u-6-24,.pure-u-7-12,.pure-u-7-24,.pure-u-7-8,.pure-u-8-24,.pure-u-9-24{
|
||||
display:inline-block;
|
||||
zoom:1;
|
||||
letter-spacing:normal;
|
||||
word-spacing:normal;
|
||||
vertical-align:top;
|
||||
text-rendering:auto
|
||||
}
|
||||
|
||||
.pure-u-1-24{
|
||||
width:4.1667%
|
||||
}
|
||||
|
||||
.pure-u-1-12,.pure-u-2-24{
|
||||
width:8.3333%
|
||||
}
|
||||
|
||||
.pure-u-1-8,.pure-u-3-24{
|
||||
width:12.5%
|
||||
}
|
||||
|
||||
.pure-u-1-6,.pure-u-4-24{
|
||||
width:16.6667%
|
||||
}
|
||||
|
||||
.pure-u-1-5{
|
||||
width:20%
|
||||
}
|
||||
|
||||
.pure-u-5-24{
|
||||
width:20.8333%
|
||||
}
|
||||
|
||||
.pure-u-1-4,.pure-u-6-24{
|
||||
width:25%
|
||||
}
|
||||
|
||||
.pure-u-7-24{
|
||||
width:29.1667%
|
||||
}
|
||||
|
||||
.pure-u-1-3,.pure-u-8-24{
|
||||
width:33.3333%
|
||||
}
|
||||
|
||||
.pure-u-3-8,.pure-u-9-24{
|
||||
width:37.5%
|
||||
}
|
||||
|
||||
.pure-u-2-5{
|
||||
width:40%
|
||||
}
|
||||
|
||||
.pure-u-10-24,.pure-u-5-12{
|
||||
width:41.6667%
|
||||
}
|
||||
|
||||
.pure-u-11-24{
|
||||
width:45.8333%
|
||||
}
|
||||
|
||||
.pure-u-1-2,.pure-u-12-24{
|
||||
width:50%
|
||||
}
|
||||
|
||||
.pure-u-13-24{
|
||||
width:54.1667%
|
||||
}
|
||||
|
||||
.pure-u-14-24,.pure-u-7-12{
|
||||
width:58.3333%
|
||||
}
|
||||
|
||||
.pure-u-3-5{
|
||||
width:60%
|
||||
}
|
||||
|
||||
.pure-u-15-24,.pure-u-5-8{
|
||||
width:62.5%
|
||||
}
|
||||
|
||||
.pure-u-16-24,.pure-u-2-3{
|
||||
width:66.6667%
|
||||
}
|
||||
|
||||
.pure-u-17-24{
|
||||
width:70.8333%
|
||||
}
|
||||
|
||||
.pure-u-18-24,.pure-u-3-4{
|
||||
width:75%
|
||||
}
|
||||
|
||||
.pure-u-19-24{
|
||||
width:79.1667%
|
||||
}
|
||||
|
||||
.pure-u-4-5{
|
||||
width:80%
|
||||
}
|
||||
|
||||
.pure-u-20-24,.pure-u-5-6{
|
||||
width:83.3333%
|
||||
}
|
||||
|
||||
.pure-u-21-24,.pure-u-7-8{
|
||||
width:87.5%
|
||||
}
|
||||
|
||||
.pure-u-11-12,.pure-u-22-24{
|
||||
width:91.6667%
|
||||
}
|
||||
|
||||
.pure-u-23-24{
|
||||
width:95.8333%
|
||||
}
|
||||
|
||||
.pure-u-1,.pure-u-1-1,.pure-u-24-24,.pure-u-5-5{
|
||||
width:100%
|
||||
}
|
||||
|
||||
.pure-button{
|
||||
display:inline-block;
|
||||
zoom:1;
|
||||
line-height:normal;
|
||||
white-space:nowrap;
|
||||
vertical-align:middle;
|
||||
text-align:center;
|
||||
cursor:pointer;
|
||||
-webkit-user-drag:none;
|
||||
-webkit-user-select:none;
|
||||
-moz-user-select:none;
|
||||
-ms-user-select:none;
|
||||
user-select:none;
|
||||
-webkit-box-sizing:border-box;
|
||||
box-sizing:border-box
|
||||
}
|
||||
|
||||
.pure-button::-moz-focus-inner{
|
||||
padding:0;
|
||||
border:0
|
||||
}
|
||||
|
||||
.pure-button-group{
|
||||
letter-spacing:-.31em;
|
||||
text-rendering:optimizespeed
|
||||
}
|
||||
|
||||
.opera-only :-o-prefocus,.pure-button-group{
|
||||
word-spacing:-.43em
|
||||
}
|
||||
|
||||
.pure-button-group .pure-button{
|
||||
letter-spacing:normal;
|
||||
word-spacing:normal;
|
||||
vertical-align:top;
|
||||
text-rendering:auto
|
||||
}
|
||||
|
||||
.pure-button{
|
||||
font-family:inherit;
|
||||
font-size:100%;
|
||||
padding:.5em 1em;
|
||||
color:#444;
|
||||
color:rgba(0,0,0,.8);
|
||||
border:1px solid #999;
|
||||
border:none transparent;
|
||||
background-color:#e6e6e6;
|
||||
text-decoration:none;
|
||||
border-radius:2px
|
||||
}
|
||||
|
||||
.pure-button-hover,.pure-button:focus,.pure-button:hover{
|
||||
background-image:-webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(40%,rgba(0,0,0,.05)),to(rgba(0,0,0,.1)));
|
||||
background-image:-webkit-linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1));
|
||||
background-image:linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1))
|
||||
}
|
||||
|
||||
.pure-button:focus{
|
||||
outline:0
|
||||
}
|
||||
|
||||
.pure-button-active,.pure-button:active{
|
||||
-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.15) inset,0 0 6px rgba(0,0,0,.2) inset;
|
||||
box-shadow:0 0 0 1px rgba(0,0,0,.15) inset,0 0 6px rgba(0,0,0,.2) inset;
|
||||
border-color:#000
|
||||
}
|
||||
|
||||
.pure-button-disabled,.pure-button-disabled:active,.pure-button-disabled:focus,.pure-button-disabled:hover,.pure-button[disabled]{
|
||||
border:none;
|
||||
background-image:none;
|
||||
opacity:.4;
|
||||
cursor:not-allowed;
|
||||
-webkit-box-shadow:none;
|
||||
box-shadow:none;
|
||||
pointer-events:none
|
||||
}
|
||||
|
||||
.pure-button-hidden{
|
||||
display:none
|
||||
}
|
||||
|
||||
.pure-button-primary,.pure-button-selected,a.pure-button-primary,a.pure-button-selected{
|
||||
background-color:#0078e7;
|
||||
color:#fff
|
||||
}
|
||||
|
||||
.pure-button-group .pure-button{
|
||||
margin:0;
|
||||
border-radius:0;
|
||||
border-right:1px solid #111;
|
||||
border-right:1px solid rgba(0,0,0,.2)
|
||||
}
|
||||
|
||||
.pure-button-group .pure-button:first-child{
|
||||
border-top-left-radius:2px;
|
||||
border-bottom-left-radius:2px
|
||||
}
|
||||
|
||||
.pure-button-group .pure-button:last-child{
|
||||
border-top-right-radius:2px;
|
||||
border-bottom-right-radius:2px;
|
||||
border-right:none
|
||||
}
|
||||
|
||||
.pure-form input[type=color],.pure-form input[type=date],.pure-form input[type=datetime-local],.pure-form input[type=datetime],.pure-form input[type=email],.pure-form input[type=month],.pure-form input[type=number],.pure-form input[type=password],.pure-form input[type=search],.pure-form input[type=tel],.pure-form input[type=text],.pure-form input[type=time],.pure-form input[type=url],.pure-form input[type=week],.pure-form select,.pure-form textarea{
|
||||
padding:.5em .6em;
|
||||
display:inline-block;
|
||||
border:1px solid #ccc;
|
||||
-webkit-box-shadow:inset 0 1px 3px #ddd;
|
||||
box-shadow:inset 0 1px 3px #ddd;
|
||||
border-radius:4px;
|
||||
vertical-align:middle;
|
||||
-webkit-box-sizing:border-box;
|
||||
box-sizing:border-box
|
||||
}
|
||||
|
||||
.pure-form input:not([type]){
|
||||
padding:.5em .6em;
|
||||
display:inline-block;
|
||||
border:1px solid #ccc;
|
||||
-webkit-box-shadow:inset 0 1px 3px #ddd;
|
||||
box-shadow:inset 0 1px 3px #ddd;border-radius:4px;
|
||||
-webkit-box-sizing:border-box;
|
||||
box-sizing:border-box
|
||||
}
|
||||
|
||||
.pure-form input[type=color]{
|
||||
padding:.2em .5em
|
||||
}
|
||||
|
||||
.pure-form input[type=color]:focus,.pure-form input[type=date]:focus,.pure-form input[type=datetime-local]:focus,.pure-form input[type=datetime]:focus,.pure-form input[type=email]:focus,.pure-form input[type=month]:focus,.pure-form input[type=number]:focus,.pure-form input[type=password]:focus,.pure-form input[type=search]:focus,.pure-form input[type=tel]:focus,.pure-form input[type=text]:focus,.pure-form input[type=time]:focus,.pure-form input[type=url]:focus,.pure-form input[type=week]:focus,.pure-form select:focus,.pure-form textarea:focus{
|
||||
outline:0;
|
||||
border-color:#129fea
|
||||
}
|
||||
|
||||
.pure-form input:not([type]):focus{
|
||||
outline:0;border-color:#129fea
|
||||
}
|
||||
|
||||
.pure-form input[type=checkbox]:focus,.pure-form input[type=file]:focus,.pure-form input[type=radio]:focus{
|
||||
outline:thin solid #129fea;
|
||||
outline:1px auto #129fea
|
||||
}
|
||||
|
||||
.pure-form .pure-checkbox,.pure-form .pure-radio{
|
||||
margin:.5em 0;
|
||||
display:block
|
||||
}
|
||||
|
||||
.pure-form input[type=color][disabled],.pure-form input[type=date][disabled],.pure-form input[type=datetime-local][disabled],.pure-form input[type=datetime][disabled],.pure-form input[type=email][disabled],.pure-form input[type=month][disabled],.pure-form input[type=number][disabled],.pure-form input[type=password][disabled],.pure-form input[type=search][disabled],.pure-form input[type=tel][disabled],.pure-form input[type=text][disabled],.pure-form input[type=time][disabled],.pure-form input[type=url][disabled],.pure-form input[type=week][disabled],.pure-form select[disabled],.pure-form textarea[disabled]{
|
||||
cursor:not-allowed;
|
||||
background-color:#eaeded;
|
||||
color:#cad2d3
|
||||
}
|
||||
|
||||
.pure-form input:not([type])[disabled]{
|
||||
cursor:not-allowed;
|
||||
background-color:#eaeded;
|
||||
color:#cad2d3
|
||||
}
|
||||
|
||||
.pure-form input[readonly],.pure-form select[readonly],.pure-form textarea[readonly]{
|
||||
background-color:#eee;
|
||||
color:#777;
|
||||
border-color:#ccc
|
||||
}
|
||||
|
||||
.pure-form input:focus:invalid,.pure-form select:focus:invalid,.pure-form textarea:focus:invalid{
|
||||
color:#b94a48;
|
||||
border-color:#e9322d
|
||||
}
|
||||
|
||||
.pure-form input[type=checkbox]:focus:invalid:focus,.pure-form input[type=file]:focus:invalid:focus,.pure-form input[type=radio]:focus:invalid:focus{
|
||||
outline-color:#e9322d
|
||||
}
|
||||
|
||||
.pure-form select{
|
||||
height:2.25em;
|
||||
border:1px solid #ccc;
|
||||
background-color:#fff
|
||||
}
|
||||
|
||||
.pure-form select[multiple]{
|
||||
height:auto
|
||||
}
|
||||
|
||||
.pure-form label{margin:.5em 0 .2em}.pure-form fieldset{
|
||||
margin:0;
|
||||
padding:.35em 0 .75em;
|
||||
border:0
|
||||
}
|
||||
|
||||
.pure-form legend{
|
||||
display:block;
|
||||
width:100%;
|
||||
padding:.3em 0;
|
||||
margin-bottom:.3em;
|
||||
color:#333;
|
||||
border-bottom:1px solid #e5e5e5
|
||||
}
|
||||
|
||||
.pure-form-stacked input[type=color],.pure-form-stacked input[type=date],.pure-form-stacked input[type=datetime-local],.pure-form-stacked input[type=datetime],.pure-form-stacked input[type=email],.pure-form-stacked input[type=file],.pure-form-stacked input[type=month],.pure-form-stacked input[type=number],.pure-form-stacked input[type=password],.pure-form-stacked input[type=search],.pure-form-stacked input[type=tel],.pure-form-stacked input[type=text],.pure-form-stacked input[type=time],.pure-form-stacked input[type=url],.pure-form-stacked input[type=week],.pure-form-stacked label,.pure-form-stacked select,.pure-form-stacked textarea{
|
||||
display:block;
|
||||
margin:.25em 0
|
||||
}
|
||||
|
||||
.pure-form-stacked input:not([type]){
|
||||
display:block;
|
||||
margin:.25em 0
|
||||
}
|
||||
|
||||
.pure-form-aligned .pure-help-inline,.pure-form-aligned input,.pure-form-aligned select,.pure-form-aligned textarea,.pure-form-message-inline{
|
||||
display:inline-block;
|
||||
vertical-align:middle
|
||||
}
|
||||
|
||||
.pure-form-aligned textarea{
|
||||
vertical-align:top
|
||||
}
|
||||
|
||||
.pure-form-aligned .pure-control-group{
|
||||
margin-bottom:.5em
|
||||
}
|
||||
|
||||
.pure-form-aligned .pure-control-group label{
|
||||
text-align:right;
|
||||
display:inline-block;
|
||||
vertical-align:middle;
|
||||
width:10em;
|
||||
margin:0 1em 0 0
|
||||
}
|
||||
|
||||
.pure-form-aligned .pure-controls{
|
||||
margin:1.5em 0 0 11em
|
||||
}
|
||||
|
||||
.pure-form .pure-input-rounded,.pure-form input.pure-input-rounded{
|
||||
border-radius:2em;
|
||||
padding:.5em 1em
|
||||
}
|
||||
|
||||
.pure-form .pure-group fieldset{
|
||||
margin-bottom:10px
|
||||
}
|
||||
|
||||
.pure-form .pure-group input,.pure-form .pure-group textarea{
|
||||
display:block;
|
||||
padding:10px;
|
||||
margin:0 0 -1px;
|
||||
border-radius:0;
|
||||
position:relative;
|
||||
top:-1px
|
||||
}
|
||||
|
||||
.pure-form .pure-group input:focus,.pure-form .pure-group textarea:focus{
|
||||
z-index:3
|
||||
}
|
||||
|
||||
.pure-form .pure-group input:first-child,.pure-form .pure-group textarea:first-child{
|
||||
top:1px;
|
||||
border-radius:4px 4px 0 0;
|
||||
margin:0
|
||||
}
|
||||
|
||||
.pure-form .pure-group input:first-child:last-child,.pure-form .pure-group textarea:first-child:last-child{
|
||||
top:1px;
|
||||
border-radius:4px;
|
||||
margin:0
|
||||
}
|
||||
|
||||
.pure-form .pure-group input:last-child,.pure-form .pure-group textarea:last-child{
|
||||
top:-2px;
|
||||
border-radius:0 0 4px 4px;
|
||||
margin:0
|
||||
}
|
||||
|
||||
.pure-form .pure-group button{
|
||||
margin:.35em 0
|
||||
}
|
||||
|
||||
.pure-form .pure-input-1{
|
||||
width:100%
|
||||
}
|
||||
|
||||
.pure-form .pure-input-3-4{
|
||||
width:75%
|
||||
}
|
||||
|
||||
.pure-form .pure-input-2-3{
|
||||
width:66%
|
||||
}
|
||||
|
||||
.pure-form .pure-input-1-2{
|
||||
width:50%
|
||||
}
|
||||
|
||||
.pure-form .pure-input-1-3{
|
||||
width:33%
|
||||
}
|
||||
|
||||
.pure-form .pure-input-1-4{
|
||||
width:25%
|
||||
}
|
||||
|
||||
.pure-form .pure-help-inline,.pure-form-message-inline{
|
||||
display:inline-block;
|
||||
padding-left:.3em;
|
||||
color:#666;
|
||||
vertical-align:middle;
|
||||
font-size:.875em
|
||||
}
|
||||
|
||||
.pure-form-message{
|
||||
display:block;
|
||||
color:#666;font-size:.875em
|
||||
}
|
||||
|
||||
@media only screen and (max-width :480px){
|
||||
.pure-form button[type=submit]{
|
||||
margin:.7em 0 0
|
||||
}
|
||||
.pure-form input:not([type]),.pure-form input[type=color],.pure-form input[type=date],.pure-form input[type=datetime-local],.pure-form input[type=datetime],.pure-form input[type=email],.pure-form input[type=month],.pure-form input[type=number],.pure-form input[type=password],.pure-form input[type=search],.pure-form input[type=tel],.pure-form input[type=text],.pure-form input[type=time],.pure-form input[type=url],.pure-form input[type=week],.pure-form label{
|
||||
margin-bottom:.3em;
|
||||
display:block
|
||||
}
|
||||
|
||||
.pure-group input:not([type]),.pure-group input[type=color],.pure-group input[type=date],.pure-group input[type=datetime-local],.pure-group input[type=datetime],.pure-group input[type=email],.pure-group input[type=month],.pure-group input[type=number],.pure-group input[type=password],.pure-group input[type=search],.pure-group input[type=tel],.pure-group input[type=text],.pure-group input[type=time],.pure-group input[type=url],.pure-group input[type=week]{
|
||||
margin-bottom:0
|
||||
}
|
||||
|
||||
.pure-form-aligned .pure-control-group label{
|
||||
margin-bottom:.3em;
|
||||
text-align:left;
|
||||
display:block;
|
||||
width:100%
|
||||
}
|
||||
|
||||
.pure-form-aligned .pure-controls{
|
||||
margin:1.5em 0 0 0
|
||||
}
|
||||
|
||||
.pure-form .pure-help-inline,.pure-form-message,.pure-form-message-inline{
|
||||
display:block;
|
||||
font-size:.75em;
|
||||
padding:.2em 0 .8em
|
||||
}
|
||||
}
|
||||
|
||||
.pure-menu{
|
||||
-webkit-box-sizing:border-box;
|
||||
box-sizing:border-box
|
||||
}
|
||||
|
||||
.pure-menu-fixed{
|
||||
position:fixed;
|
||||
left:0;
|
||||
top:0;
|
||||
z-index:3
|
||||
}
|
||||
|
||||
.pure-menu-item,.pure-menu-list{
|
||||
position:relative
|
||||
}
|
||||
|
||||
.pure-menu-list{
|
||||
list-style:none;
|
||||
margin:0;
|
||||
padding:0
|
||||
}
|
||||
|
||||
.pure-menu-item{
|
||||
padding:0;
|
||||
margin:0;
|
||||
height:100%
|
||||
}
|
||||
|
||||
.pure-menu-heading,.pure-menu-link{
|
||||
display:block;
|
||||
text-decoration:none;
|
||||
white-space:nowrap
|
||||
}
|
||||
|
||||
.pure-menu-horizontal{
|
||||
width:100%;
|
||||
white-space:nowrap
|
||||
}
|
||||
|
||||
.pure-menu-horizontal .pure-menu-list{
|
||||
display:inline-block
|
||||
}
|
||||
|
||||
.pure-menu-horizontal .pure-menu-heading,.pure-menu-horizontal .pure-menu-item,.pure-menu-horizontal .pure-menu-separator{
|
||||
display:inline-block;
|
||||
zoom:1;
|
||||
vertical-align:middle
|
||||
}
|
||||
|
||||
.pure-menu-item .pure-menu-item{
|
||||
display:block
|
||||
}
|
||||
|
||||
.pure-menu-children{
|
||||
display:none;
|
||||
position:absolute;
|
||||
left:100%;
|
||||
top:0;
|
||||
margin:0;
|
||||
padding:0;
|
||||
z-index:3
|
||||
}
|
||||
|
||||
.pure-menu-horizontal .pure-menu-children{
|
||||
left:0;
|
||||
top:auto;
|
||||
width:inherit
|
||||
}
|
||||
|
||||
.pure-menu-active>.pure-menu-children,.pure-menu-allow-hover:hover>.pure-menu-children{
|
||||
display:block;
|
||||
position:absolute
|
||||
}
|
||||
|
||||
.pure-menu-has-children>.pure-menu-link:after{
|
||||
padding-left:.5em;
|
||||
content:"\25B8";
|
||||
font-size:small
|
||||
}
|
||||
|
||||
.pure-menu-horizontal .pure-menu-has-children>.pure-menu-link:after{
|
||||
content:"\25BE"
|
||||
}
|
||||
|
||||
.pure-menu-scrollable{
|
||||
overflow-y:scroll;
|
||||
overflow-x:hidden
|
||||
}
|
||||
|
||||
.pure-menu-scrollable .pure-menu-list{
|
||||
display:block
|
||||
}
|
||||
|
||||
.pure-menu-horizontal.pure-menu-scrollable .pure-menu-list{
|
||||
display:inline-block
|
||||
}
|
||||
|
||||
.pure-menu-horizontal.pure-menu-scrollable{
|
||||
white-space:nowrap;
|
||||
overflow-y:hidden;
|
||||
overflow-x:auto;
|
||||
-webkit-overflow-scrolling:touch;
|
||||
padding:.5em 0
|
||||
}
|
||||
|
||||
.pure-menu-horizontal .pure-menu-children .pure-menu-separator,.pure-menu-separator{
|
||||
background-color:#ccc;
|
||||
height:1px;
|
||||
margin:.3em 0
|
||||
}
|
||||
|
||||
.pure-menu-horizontal .pure-menu-separator{
|
||||
width:1px;
|
||||
height:1.3em;
|
||||
margin:0 .3em
|
||||
}
|
||||
|
||||
.pure-menu-horizontal .pure-menu-children .pure-menu-separator{
|
||||
display:block;
|
||||
width:auto
|
||||
}
|
||||
|
||||
.pure-menu-heading{
|
||||
text-transform:uppercase;
|
||||
color:#565d64
|
||||
}
|
||||
|
||||
.pure-menu-link{
|
||||
color:#777
|
||||
}
|
||||
|
||||
.pure-menu-children{
|
||||
background-color:#fff
|
||||
}
|
||||
|
||||
.pure-menu-disabled,.pure-menu-heading,.pure-menu-link{
|
||||
padding:.5em 1em
|
||||
}
|
||||
|
||||
.pure-menu-disabled{
|
||||
opacity:.5
|
||||
}
|
||||
|
||||
.pure-menu-disabled .pure-menu-link:hover{
|
||||
background-color:transparent
|
||||
}
|
||||
|
||||
.pure-menu-active>.pure-menu-link,.pure-menu-link:focus,.pure-menu-link:hover{
|
||||
background-color:#eee
|
||||
}
|
||||
|
||||
.pure-menu-selected>.pure-menu-link,.pure-menu-selected>.pure-menu-link:visited{
|
||||
color:#000
|
||||
}
|
||||
|
||||
.pure-table{
|
||||
border-collapse:collapse;
|
||||
border-spacing:0;
|
||||
empty-cells:show;
|
||||
border:1px solid #cbcbcb
|
||||
}
|
||||
|
||||
.pure-table caption{
|
||||
color:#000;
|
||||
font:italic 85%/1 arial,sans-serif;
|
||||
padding:1em 0;
|
||||
text-align:center
|
||||
}
|
||||
|
||||
.pure-table td,.pure-table th{
|
||||
border-left:1px solid #cbcbcb;
|
||||
border-width:0 0 0 1px;
|
||||
font-size:inherit;
|
||||
margin:0;
|
||||
overflow:visible;
|
||||
padding:.5em 1em
|
||||
}
|
||||
|
||||
.pure-table thead{
|
||||
background-color:#e0e0e0;
|
||||
color:#000;
|
||||
text-align:left;
|
||||
vertical-align:bottom
|
||||
}
|
||||
|
||||
.pure-table td{
|
||||
background-color:transparent
|
||||
}
|
||||
|
||||
.pure-table-odd td{
|
||||
background-color:#f2f2f2
|
||||
}
|
||||
|
||||
.pure-table-striped tr:nth-child(2n-1) td{
|
||||
background-color:#f2f2f2
|
||||
}
|
||||
|
||||
.pure-table-bordered td{
|
||||
border-bottom:1px solid #cbcbcb
|
||||
}
|
||||
|
||||
.pure-table-bordered tbody>tr:last-child>td{
|
||||
border-bottom-width:0
|
||||
}
|
||||
|
||||
.pure-table-horizontal td,.pure-table-horizontal th{
|
||||
border-width:0 0 1px 0;
|
||||
border-bottom:1px solid #cbcbcb
|
||||
}
|
||||
|
||||
.pure-table-horizontal tbody>tr:last-child>td{
|
||||
border-bottom-width:0
|
||||
}
|
||||
|
||||
.pure-g [class*=pure-u] {
|
||||
text-shadow: 0.25em 0.25em 0.5em rgba(0,0,0,0.8), 0 0 rgba(0,0,0,0.7);
|
||||
|
||||
}
|
||||
|
||||
.pure-g [class*=pure-u] :is(h1, h2, h3, h4, h5, h6){
|
||||
font-family: "OCR-A";
|
||||
}
|
||||
|
||||
.pure-u-1.pure-u-lg-1-5 .h-box {
|
||||
background-color: rgba(223,223,223,0.2);
|
||||
padding-top: 0.75em;
|
||||
padding-bottom: 0.02em;
|
||||
border-radius: 0.75em;
|
||||
backdrop-filter: blur(2.5px);
|
||||
margin-bottom: 0.75em;
|
||||
}
|
||||
|
||||
.pure-u-1.pure-u-lg-1-5 a[href*="page"] {
|
||||
background-color: rgba(223,223,223,0.2);
|
||||
padding: 2px 4px 3px;
|
||||
border-radius: 3px;
|
||||
border: solid 1px rgba(223,233,233,0.75);
|
||||
}
|
||||
|
||||
.pure-g [class*=pure-u] {
|
||||
font-family: sans-serif;
|
||||
}
|
||||
|
||||
.pure-u-20-24.pure-u-md-22-24 {
|
||||
margin-left: 0.25em;
|
||||
width: calc(100% - 0.25em) !important;
|
||||
}
|
||||
|
||||
hr {
|
||||
-webkit-box-sizing: content-box;
|
||||
box-sizing: content-box;
|
||||
height: 0;
|
||||
visibility: hidden !important;
|
||||
}
|
||||
|
||||
.pure-g [class*=pure-u].searchbar {
|
||||
height: 2.5em;
|
||||
overflow-y: clip;
|
||||
}
|
||||
|
||||
.pure-u-1.pure-u-md-12-24.searchbar::after {
|
||||
content: url('/search.svg');
|
||||
position: relative;
|
||||
top: -1.75em;
|
||||
left: calc(100% - 1.25em);
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
color: #ffffff;
|
||||
filter: drop-shadow(0.25em 0.25em 0.5em rgba(0,0,0,0.8));
|
||||
-webkit-filter: drop-shadow(0.25em 0.25em 0.5em rgba(0,0,0,0.8));
|
||||
}
|
||||
|
||||
footer {
|
||||
color: #ffffff !important;
|
||||
margin-top: auto;
|
||||
padding: 1.5em 0;
|
||||
text-align: center;
|
||||
max-height: 30vh;
|
||||
}
|
||||
|
||||
footer .pure-g {
|
||||
visibility: hidden;
|
||||
}
|
||||
1
quality-selector.css
Normal file
1
quality-selector.css
Normal file
@ -0,0 +1 @@
|
||||
.vjs-quality-selector .vjs-menu-button{margin:0;padding:0;height:100%;width:100%}.vjs-quality-selector .vjs-icon-placeholder{font-family:'VideoJS';font-weight:normal;font-style:normal}.vjs-quality-selector .vjs-icon-placeholder:before{content:'\f110'}.vjs-quality-changing .vjs-big-play-button{display:none}.vjs-quality-changing .vjs-control-bar{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;visibility:visible;opacity:1}
|
||||
130
search.css
Normal file
130
search.css
Normal file
@ -0,0 +1,130 @@
|
||||
summary {
|
||||
/* This should hide the marker */
|
||||
display: block;
|
||||
|
||||
font-size: 1.17em;
|
||||
font-weight: bold;
|
||||
margin: 0 auto 10px auto;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
summary::-webkit-details-marker,
|
||||
summary::marker { display: none; }
|
||||
|
||||
summary:before {
|
||||
border-radius: 5px;
|
||||
content: "[+]";
|
||||
margin: -2px 10px 0 10px;
|
||||
padding: 1px 0 3px 0;
|
||||
text-align: center;
|
||||
width: 40px;
|
||||
}
|
||||
|
||||
details[open] > summary:before { content: "[−]"; }
|
||||
|
||||
|
||||
#filters-box {
|
||||
padding: 10px 20px 20px 10px;
|
||||
margin: 10px 15px;
|
||||
}
|
||||
#filters-flex {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
flex-direction: row;
|
||||
align-items: flex-start;
|
||||
align-content: flex-start;
|
||||
justify-content: flex-start;
|
||||
}
|
||||
|
||||
|
||||
fieldset, legend {
|
||||
display: contents !important;
|
||||
border: none !important;
|
||||
margin: 0 !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
|
||||
.filter-column {
|
||||
display: inline-block;
|
||||
display: inline-flex;
|
||||
width: max-content;
|
||||
min-width: max-content;
|
||||
max-width: 16em;
|
||||
margin: 15px;
|
||||
flex-grow: 2;
|
||||
flex-basis: auto;
|
||||
flex-direction: column;
|
||||
}
|
||||
.filter-name, .filter-options {
|
||||
display: block;
|
||||
padding: 5px 10px;
|
||||
margin: 0;
|
||||
text-align: start;
|
||||
}
|
||||
|
||||
.filter-options div { margin: 6px 0; }
|
||||
.filter-options div * { vertical-align: middle; }
|
||||
.filter-options label { margin: 0 10px; }
|
||||
|
||||
|
||||
#filters-apply {
|
||||
text-align: right; /* IE11 only */
|
||||
text-align: end; /* Override for compatible browsers */
|
||||
}
|
||||
|
||||
/* Error message */
|
||||
|
||||
.no-results-error {
|
||||
text-align: center;
|
||||
line-height: 180%;
|
||||
font-size: 110%;
|
||||
padding: 15px 15px 125px 15px;
|
||||
}
|
||||
|
||||
/* Responsive rules */
|
||||
|
||||
@media only screen and (max-width: 800px) {
|
||||
summary { font-size: 1.30em; }
|
||||
#filters-box {
|
||||
margin: 10px 0 0 0;
|
||||
padding: 0;
|
||||
}
|
||||
#filters-apply {
|
||||
text-align: center;
|
||||
padding: 15px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Light theme */
|
||||
|
||||
.light-theme #filters-box {
|
||||
background: rgba(32,32,32,0.2);
|
||||
border-radius: 0.5em;
|
||||
backdrop-filter: blur(2.5px);
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: light) {
|
||||
.no-theme #filters-box {
|
||||
background: #dfdfdf;
|
||||
background: rgba(32,32,32,0.2);
|
||||
border-radius: 0.5em;
|
||||
backdrop-filter: blur(2.5px);
|
||||
}
|
||||
}
|
||||
|
||||
/* Dark theme */
|
||||
|
||||
.dark-theme #filters-box {
|
||||
background: rgba(230,230,230,0.2);
|
||||
border-radius: 0.5em;
|
||||
backdrop-filter: blur(2.5px);
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
.no-theme #filters-box {
|
||||
background: rgba(230,230,230,0.2);
|
||||
border-radius: 0.5em;
|
||||
backdrop-filter: blur(2.5px);
|
||||
}
|
||||
}
|
||||
1
videojs-youtube-annotations.min.css
vendored
Normal file
1
videojs-youtube-annotations.min.css
vendored
Normal file
@ -0,0 +1 @@
|
||||
.__cxt-ar-annotations-container__{--annotation-close-size: 20px;position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;overflow:hidden}.__cxt-ar-annotation__{position:absolute;box-sizing:border-box;font-family:Arial,sans-serif;color:#fff;z-index:20;pointer-events:auto}.__cxt-ar-annotation__ span{position:absolute;left:0;top:0;overflow:hidden;word-wrap:break-word;white-space:pre-wrap;pointer-events:none;box-sizing:border-box;padding:2%;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.__cxt-ar-annotation-close__{display:none;position:absolute;width:var(--annotation-close-size);height:var(--annotation-close-size);cursor:pointer;right:calc(var(--annotation-close-size)/-1.8);top:calc(var(--annotation-close-size)/-1.8);z-index:1}.__cxt-ar-annotation__:hover:not([hidden]):not([data-ar-closed]) .__cxt-ar-annotation-close__{display:block}.__cxt-ar-annotation__[hidden]{display:none!important}.__cxt-ar-annotation__[data-ar-type=highlight]{border:1px solid rgba(255,255,255,.1);background-color:transparent}.__cxt-ar-annotation__[data-ar-type=highlight]:hover{border:1px solid rgba(255,255,255,.5);background-color:transparent}.__cxt-ar-annotation__ svg{pointer-events:all}
|
||||
Loading…
x
Reference in New Issue
Block a user