|
|
|
@ -51,10 +51,10 @@ article img {
|
|
|
|
|
max-width: 25vh;
|
|
|
|
|
max-height: 100%;
|
|
|
|
|
margin: 0.5em 1em;
|
|
|
|
|
padding: .2em;
|
|
|
|
|
padding: 0.2em;
|
|
|
|
|
clear: both;
|
|
|
|
|
border: 1px solid #bbb;
|
|
|
|
|
border-radius: .2rem;
|
|
|
|
|
border-radius: 0.2rem;
|
|
|
|
|
float: left;
|
|
|
|
|
clear: left;
|
|
|
|
|
}
|
|
|
|
@ -245,3 +245,59 @@ progress::-webkit-progress-bar {
|
|
|
|
|
margin-left: min(-14px, -0.5vh);
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
}
|
|
|
|
|
#video-volume {
|
|
|
|
|
position: absolute;
|
|
|
|
|
left: -7.5vh;
|
|
|
|
|
bottom: -0.5em;
|
|
|
|
|
margin-left: 1.5em;
|
|
|
|
|
margin-bottom: 7.5vh;
|
|
|
|
|
width: 15vh;
|
|
|
|
|
height: 1em;
|
|
|
|
|
-webkit-transform: rotate(-90deg);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#volume {
|
|
|
|
|
position: absolute;
|
|
|
|
|
left: 1em;
|
|
|
|
|
z-index: 20;
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: 100%;
|
|
|
|
|
margin: 0;
|
|
|
|
|
appearance: none;
|
|
|
|
|
background: transparent;
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#volume::-moz-range-thumb {
|
|
|
|
|
height: 100%;
|
|
|
|
|
width: 0;
|
|
|
|
|
appearance: none;
|
|
|
|
|
border: none;
|
|
|
|
|
border-radius: 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#volume::-webkit-slider-thumb {
|
|
|
|
|
height: 100%;
|
|
|
|
|
width: 0;
|
|
|
|
|
appearance: none;
|
|
|
|
|
border: none;
|
|
|
|
|
border-radius: 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#volume-bar {
|
|
|
|
|
position: absolute;
|
|
|
|
|
left: 1em;
|
|
|
|
|
background-color: #616161;
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: 100%;
|
|
|
|
|
z-index: 10;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#volume-bar-value {
|
|
|
|
|
position: absolute;
|
|
|
|
|
bottom: 0;
|
|
|
|
|
background-color: #ffa800;
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: 100%;
|
|
|
|
|
z-index: 15;
|
|
|
|
|
}
|
|
|
|
|