hydrar/mistserver
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Embed: quadratic volume and reload button timeout

Browse source
This commit is contained in:
Cat 2017-01-25 15:03:02 +01:00 • committed by Thulinma
parent 4fd6d14744
commit f5da3614fe
2 changed files with 65 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

33
embed/mist.css
View file

@ -350,6 +350,39 @@
transform: rotate(360deg);
}
}
.countdown10 {
height: 1em;
width: 1em;
display: inline-block;
vertical-align: bottom;
border-radius: 50%;
background-image: linear-gradient(to right,black 50%,#ddd 0);
border: 1px solid black;
margin: 0 0.2em;
opacity: 0;
animation: appear 10s step-start 1;
}
.countdown10:before {
content: '';
display: block;
margin-left: 50%;
height: 100%;
border-radius: 0 100% 100% 0 / 50%;
background-color: black;
transform-origin: 0 50%;
animation: rotate 5s linear 2, bg 10s step-end 1;
}
@keyframes rotate {
to { transform: rotate(.5turn); }
}
@keyframes bg {
50% { background: #ddd; }
}
@keyframes appear {
to { opacity: 1; }
}
.video-js .vjs-big-play-button:before, .video-js .vjs-control:before, .video-js .vjs-modal-dialog, .vjs-modal-dialog .vjs-modal-dialog-content {
position: absolute;
top: 0;