193 lines
9.7 KiB
CSS
193 lines
9.7 KiB
CSS
body {
|
|
background-color: #007e7d;
|
|
color: #000;
|
|
font-family: sans;
|
|
}
|
|
|
|
.navbar {
|
|
background-color: #fff;
|
|
border-bottom: 2px solid #000;
|
|
}
|
|
|
|
a {
|
|
color: #000;
|
|
text-decoration: none;
|
|
}
|
|
|
|
a:hover {
|
|
color: #000;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
img.van {
|
|
background-image: url(/s/img/f0ck-lol.png);
|
|
}
|
|
|
|
.thumb {
|
|
border: 1px solid #000;
|
|
}
|
|
|
|
.thumb:hover {
|
|
opacity: 1;
|
|
box-shadow: 0px 0px 0px 1px black;
|
|
}
|
|
|
|
img {
|
|
box-shadow: unset;
|
|
}
|
|
|
|
.id {
|
|
color: black;
|
|
background: #c0c0c0;
|
|
border: outset 2px #0009;
|
|
}
|
|
|
|
.id > a {
|
|
color: black;
|
|
text-decoration: underline dotted;
|
|
}
|
|
|
|
.return {
|
|
background: #c0c0c0;
|
|
border-bottom: 2px solid #c0c0c0;
|
|
}
|
|
body:after {
|
|
position: fixed;
|
|
bottom: 1px;
|
|
right: 4px;
|
|
content: attr(data-clock);
|
|
z-index: 999;
|
|
height: 19px;
|
|
padding: 5px;
|
|
border: 2px inset #c0c0c0;
|
|
}
|
|
|
|
.controls {
|
|
border: 2px solid #c0c0c0;
|
|
color: #fff;
|
|
background: #000080;
|
|
}
|
|
|
|
#random {
|
|
color: #fff;
|
|
font-family: sans;
|
|
display: flex;
|
|
justify-content: flex-start;
|
|
padding-left: 5px;
|
|
}
|
|
|
|
.medium, .thumbnail {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
margin-top: 0;
|
|
background: #c0c0c0;
|
|
border: inset 2px #c0c0c0;
|
|
padding: 5px;
|
|
}
|
|
|
|
.wrapper {
|
|
border-left: 2px solid #c0c0c0;
|
|
border-right: 2px solid #c0c0c0;
|
|
}
|
|
|
|
.panel.info {
|
|
margin-top: 0;
|
|
width: 1200px;
|
|
border: 2px solid #c0c0c0;
|
|
box-shadow: inset 2px 2px #7d7d7d, inset -2px -2px #e3e3e3;
|
|
}
|
|
|
|
.panel {
|
|
background-color: #c0c0c0;
|
|
color: #fff;
|
|
}
|
|
|
|
a#next, a#prev {
|
|
color: #000;
|
|
}
|
|
|
|
input, select, textarea {
|
|
|
|
border: unset;
|
|
background: #c0c0c0;
|
|
color: #000;
|
|
font-family: serif;
|
|
font-size: 100%;
|
|
}
|
|
|
|
.return, .navbar{
|
|
background: silver;
|
|
border-bottom: 2px solid silver;
|
|
text-align: unset;
|
|
position: fixed;
|
|
bottom: 0;
|
|
margin-bottom: 0;
|
|
height: 35px;
|
|
display: flex;
|
|
justify-content: left;
|
|
}
|
|
|
|
img.van {
|
|
background-position: 0px 5px;
|
|
height: 33px;
|
|
}
|
|
|
|
.text {
|
|
position: relative;
|
|
top: -10px;
|
|
left: 2px;
|
|
}
|
|
|
|
#hautu, #contact, #rnd {
|
|
border-style: solid;
|
|
border-width: 2px;
|
|
border-color: #dfdfdf #4b4b4b #4b4b4b #dfdfdf;
|
|
margin-top: 3px;
|
|
display: inline-block;
|
|
width: 150px;
|
|
margin-left: 2px;
|
|
}
|
|
|
|
#hautu:hover, #contact:hover, #rnd:hover {
|
|
background: #868686;
|
|
text-decoration: none;
|
|
}
|
|
|
|
#hautu::before {
|
|
background-image: url('/s/img/how2f.png');
|
|
background-size: auto;
|
|
display: inline-block;
|
|
width: 22px;
|
|
height: 23px;
|
|
content: "";
|
|
position: relative;
|
|
background-position: 22px;
|
|
}
|
|
|
|
|
|
#contact::before {
|
|
background-image: url('/s/img/roll22.png');
|
|
background-size: auto;
|
|
display: inline-block;
|
|
width: 22px;
|
|
height: 23px;
|
|
content: "";
|
|
background-position: 22px;
|
|
}
|
|
|
|
#rnd:before {
|
|
background-image: url('/s/img/rnd.png');
|
|
background-size: auto;
|
|
display: inline-block;
|
|
width: 22px;
|
|
height: 23px;
|
|
content: "";
|
|
background-position: 22px;
|
|
}
|
|
|
|
#my-video {
|
|
border: outset 2px black;
|
|
}
|
|
|
|
.video-js .vjs-menu-button-inline.vjs-slider-active,.video-js .vjs-menu-button-inline:focus,.video-js .vjs-menu-button-inline:hover,.video-js.vjs-no-flex .vjs-menu-button-inline{width:10em}.video-js .vjs-controls-disabled .vjs-big-play-button{display:none!important}.video-js .vjs-control{width:3em}.video-js .vjs-menu-button-inline:before{width:1.5em}.vjs-menu-button-inline .vjs-menu{left:3em}.video-js.vjs-paused .vjs-big-play-button,.vjs-paused.vjs-has-started.video-js .vjs-big-play-button{display:block}.video-js .vjs-load-progress div,.vjs-seeking .vjs-big-play-button,.vjs-waiting .vjs-big-play-button{display:none!important}.video-js .vjs-mouse-display:after,.video-js .vjs-play-progress:after{padding:0 .4em .3em}.video-js.vjs-ended .vjs-loading-spinner{display:none}.video-js.vjs-ended .vjs-big-play-button{display:block!important}.video-js *,.video-js:after,.video-js:before{box-sizing:inherit;font-size:inherit;color:inherit;line-height:inherit}.video-js.vjs-fullscreen,.video-js.vjs-fullscreen .vjs-tech{width:100%!important;height:100%!important}.video-js{font-size:14px;overflow:hidden}.video-js .vjs-control{color:inherit}.video-js .vjs-menu-button-inline:hover,.video-js.vjs-no-flex .vjs-menu-button-inline{width:8.35em}.video-js .vjs-volume-menu-button.vjs-volume-menu-button-horizontal:hover .vjs-menu .vjs-menu-content{height:3em;width:6.35em}.video-js .vjs-control:focus:before,.video-js .vjs-control:hover:before{text-shadow:0 0 1em #fff,0 0 1em #fff,0 0 1em #fff}.video-js .vjs-spacer,.video-js .vjs-time-control{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-flex:1 1 auto;-moz-box-flex:1 1 auto;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto}.video-js .vjs-time-control{-webkit-box-flex:0 1 auto;-moz-box-flex:0 1 auto;-webkit-flex:0 1 auto;-ms-flex:0 1 auto;flex:0 1 auto;width:auto}.video-js .vjs-time-control.vjs-time-divider{width:14px}.video-js .vjs-time-control.vjs-time-divider div{width:100%;text-align:center}.video-js .vjs-time-control.vjs-current-time{margin-left:1em}.video-js .vjs-time-control .vjs-current-time-display,.video-js .vjs-time-control .vjs-duration-display{width:100%}.video-js .vjs-time-control .vjs-current-time-display{text-align:right}.video-js .vjs-time-control .vjs-duration-display{text-align:left}.video-js .vjs-play-progress:before,.video-js .vjs-progress-control .vjs-play-progress:before,.video-js .vjs-remaining-time,.video-js .vjs-volume-level:after,.video-js .vjs-volume-level:before,.video-js.vjs-live .vjs-time-control.vjs-current-time,.video-js.vjs-live .vjs-time-control.vjs-duration,.video-js.vjs-live .vjs-time-control.vjs-time-divider,.video-js.vjs-no-flex .vjs-time-control.vjs-remaining-time{display:none}.video-js.vjs-no-flex .vjs-time-control{display:table-cell;width:4em}.video-js .vjs-progress-control{position:absolute;left:0;right:0;width:100%;height:.5em;top:-.5em}.video-js .vjs-progress-control .vjs-load-progress,.video-js .vjs-progress-control .vjs-play-progress,.video-js .vjs-progress-control .vjs-progress-holder{height:100%}.video-js .vjs-progress-control .vjs-progress-holder{margin:0}.video-js .vjs-progress-control:hover{height:1.5em;top:-1.5em}.video-js .vjs-control-bar{-webkit-transition:-webkit-transform .1s ease 0s;-moz-transition:-moz-transform .1s ease 0s;-ms-transition:-ms-transform .1s ease 0s;-o-transition:-o-transform .1s ease 0s;transition:transform .1s ease 0s}.video-js.not-hover.vjs-has-started.vjs-paused.vjs-user-active .vjs-control-bar,.video-js.not-hover.vjs-has-started.vjs-paused.vjs-user-inactive .vjs-control-bar,.video-js.not-hover.vjs-has-started.vjs-playing.vjs-user-active .vjs-control-bar,.video-js.not-hover.vjs-has-started.vjs-playing.vjs-user-inactive .vjs-control-bar,.video-js.vjs-has-started.vjs-playing.vjs-user-inactive .vjs-control-bar{visibility:visible;opacity:1;-webkit-backface-visibility:hidden;-webkit-transform:translateY(3em);-moz-transform:translateY(3em);-ms-transform:translateY(3em);-o-transform:translateY(3em);transform:translateY(3em);-webkit-transition:-webkit-transform 1s ease 0s;-moz-transition:-moz-transform 1s ease 0s;-ms-transition:-ms-transform 1s ease 0s;-o-transition:-o-transform 1s ease 0s;transition:transform 1s ease 0s}.video-js.not-hover.vjs-has-started.vjs-paused.vjs-user-active .vjs-progress-control,.video-js.not-hover.vjs-has-started.vjs-paused.vjs-user-inactive .vjs-progress-control,.video-js.not-hover.vjs-has-started.vjs-playing.vjs-user-active .vjs-progress-control,.video-js.not-hover.vjs-has-started.vjs-playing.vjs-user-inactive .vjs-progress-control,.video-js.vjs-has-started.vjs-playing.vjs-user-inactive .vjs-progress-control{height:.25em;top:-.25em;pointer-events:none;-webkit-transition:height 1s,top 1s;-moz-transition:height 1s,top 1s;-ms-transition:height 1s,top 1s;-o-transition:height 1s,top 1s;transition:height 1s,top 1s}.video-js.not-hover.vjs-has-started.vjs-paused.vjs-user-active.vjs-fullscreen .vjs-progress-control,.video-js.not-hover.vjs-has-started.vjs-paused.vjs-user-inactive.vjs-fullscreen .vjs-progress-control,.video-js.not-hover.vjs-has-started.vjs-playing.vjs-user-active.vjs-fullscreen .vjs-progress-control,.video-js.not-hover.vjs-has-started.vjs-playing.vjs-user-inactive.vjs-fullscreen .vjs-progress-control,.video-js.vjs-has-started.vjs-playing.vjs-user-inactive.vjs-fullscreen .vjs-progress-control{opacity:0;-webkit-transition:opacity 1s ease 1s;-moz-transition:opacity 1s ease 1s;-ms-transition:opacity 1s ease 1s;-o-transition:opacity 1s ease 1s;transition:opacity 1s ease 1s}.video-js.vjs-live .vjs-live-control{margin-left:1em}.video-js .vjs-big-play-button{top:50%;left:50%;margin-left:-1em;width:2em;border:none;background-color:rgba(0,0,0,.45);color:#fff;-webkit-transition:border-color .4s,outline .4s,background-color .4s;-moz-transition:border-color .4s,outline .4s,background-color .4s;-ms-transition:border-color .4s,outline .4s,background-color .4s;-o-transition:border-color .4s,outline .4s,background-color .4s;transition:border-color .4s,outline .4s,background-color .4s;background-color:silver;font-size:2em;border-radius:0%;height:1.4em!important;line-height:1.4em!important;margin-top:-.7em!important}.video-js .vjs-menu-button-popup .vjs-menu{left:-3em}.video-js .vjs-menu-button-popup .vjs-menu .vjs-menu-content{background-color:transparent;width:12em;left:-1.5em;padding-bottom:.5em}.video-js .vjs-menu-button-popup .vjs-menu .vjs-menu-item,.video-js .vjs-menu-button-popup .vjs-menu .vjs-menu-title{background-color:#151b17;margin:.3em 0;padding:.5em;border-radius:.3em}.video-js .vjs-menu-button-popup .vjs-menu .vjs-menu-item.vjs-selected{background-color:#2483d5}.video-js .vjs-big-play-button:active,.video-js .vjs-big-play-button:focus,.video-js:hover .vjs-big-play-button{background-color:silver}.video-js .vjs-loading-spinner{border-color:silver}.video-js .vjs-control-bar2{background-color:silver}.video-js .vjs-control-bar{background-color:silver!important;color:#000;font-size:14px}.video-js .vjs-play-progress,.video-js .vjs-volume-level{background-color:rgba(0,0,0,.8)}
|