f0ckv2/public/s/css/term.css
2020-04-02 04:35:28 +02:00

277 lines
5.1 KiB
CSS

@import url('https://fonts.googleapis.com/css?family=VT323');
body {
margin: 0em auto 3em auto;
background-color: #040404;
color: #fff;
font-family: 'VT323', monospace;
font-size: 18px;
}
span.id {
color: #00DF00;
text-shadow: 0 0 20px #00DF00;
background: #040404;
box-shadow: 0 0 7px 0px #00df00;
border-radius: 5px;
border: unset;
}
img.van {
width: 171px;
height: 28px;
background-image: url(/s/img/term_f0ck_logo.png);
background-position: 0px -1px;
border: 1px solid transparent;
background-repeat: no-repeat;
}
.id > a {
color: rgba(255,0,247,1);
}
span.src>a {
color: #ff00f7;
text-shadow: 0 0 20px #ff00f7;
}
input, select, textarea {
border: 1px double #ff00f7;
background: #282A2E;
color: #f1e3ce;
font-family: 'VT323', 'Courier', monospace;
font-size: 80%;
-moz-box-shadow: 0px 0px 37px 5px rgba(43,255,0,1);
-webkit-box-shadow: 0px 0px 10px 0px rgba(255,0,247,1);
-moz-box-shadow: 0px 0px 10px 0px rgba(255,0,247,1);
box-shadow: 0px 0px 10px 0px rgba(255,0,247,1);
}
.return {
text-align: center;
font-size: 17px;
color: #00DF00;
text-shadow: 0 0 20px #00DF00;
background: #0b0b0b;
border-bottom: 2px solid #03dc03;
margin-top: -35px;
}
.controls {
text-align: center;
color: #00d500;
font-weight: bold;
margin: 0 auto;
background: #0b0b0b;
padding-top: 0;
margin-top: 35px;
border: 2px solid #03dc03;
}
.medium, .thumbnail {
display: flex;
justify-content: space-between;
margin-top: 5px;
background: #0b0b0b;
border: 2px solid #03dc03;
padding: 5px;
}
div#my-video {
border-radius: 5px;
box-shadow: 0 0 20px #000000;
margin-bottom: 15px;
margin-top: 15px;
}
a#elfe {
margin-bottom: 15px;
margin-top: 15px;
}
a#next {
color: #00DF00;
text-shadow: 0 0 20px #00DF00;
}
a#random {
color: #00DF00;
text-shadow: 0 0 20px #00DF00;
}
a#prev {
color: #00DF00;
text-shadow: 0 0 20px #00DF00;
}
.panel {
margin-bottom: 0;
background-color: rgba(16, 16, 16, 0.61);
border: 2px solid #0b842b;
border-radius: 0px;
padding-left: 10px;
padding-right: 10px;
width: 25%;
float: left;
position: relative;
min-height: 1px;
}
.thumb:hover {
opacity: 0.7;
-webkit-box-shadow: 0px 0px 6px 0px rgba(0,255,30,1)
-moz-box-shadow: 0px 0px 6px 0px rgba(0,255,30,1);
box-shadow: 0px 0px 6px 0px rgba(0,255,30,1);
}
.thumb {
border: 2px solid #00df00;
}
.navbar {
margin: 0 auto;
width: 100%;
border: 0;
padding-top: 0;
padding-bottom: 0;
font-weight: bold;
position: fixed;
overflow: visible;
z-index: 999;
background-color: #0b0b0b;
border-bottom: 2px solid #00df00;
text-align: center;
top: 0;
color: #00df00;
}
.navbar>a {
color: rgba(43,255,0,1);
text-shadow: 0 0 20px #00DF00;
}
.navbar>a:hover {
color: #00b700;
}
.contact>a {
color: rgba(43,255,0,1);
text-shadow: 0 0 20px #00DF00;
}
.contact>a:hover {
color: #00b700;
}
code {
color: rgba(43,255,0,1);
text-shadow: 0 0 20px;
}
a {
color: #00df00;
text-shadow: 0 0 20px;
}
a:hover {
color: #00b700;
}
.plyr__progress--played, .plyr__volume--display {
z-index: 1;
color: #00df00;
background: 0 0;
transition: none;
}
select#themeSelector {
color: #00DF00;
text-shadow: 0 0 20px #00DF00;
background: #040404;
border-radius: 0;
border: unset;
box-shadow: unset;
padding-bottom: 3px;
padding-top: 3px;
}
input, select, textarea {
border: #00df00;
}
.wrapper {
margin: 0 auto;
border-left: 0px solid black;
border-right: 0px solid black;
}
img {
vertical-align: middle;
border: 0;
box-shadow: 0px 0px 20px 0px black;
}
.panel {
border-top: 0px;
}
.panel.info {
border: 0;
border-left: 2px solid #03dc03;
border-right: 2px solid #03dc03;
border-bottom: 2px solid #03dc03;
}
.options {
padding-left: 10px;
}
.video-js .vjs-loading-spinner {
border-color: #03dc03;
}
.video-js .vjs-control:focus:before, .video-js .vjs-control:hover:before {
text-shadow: 0 0 0.8em #03dc03, 0 0 0.8em #03dc03, 0 0 0.8em #03dc03;
}
.video-js .vjs-control:focus:before, .video-js .vjs-control:hover:before, .video-js .vjs-control:focus {
text-shadow: 0 0 1em #03dc03;
}
.video-js .vjs-control-bar {
background-color: rgba(4, 4, 4, 0.82) !important;
color: #ffffff;
font-size: 12px;
}
.video-js .vjs-control-bar {
background-color: rgba(4, 4, 4, 0.82) !important;
color: #ffffff;
font-size: 12px;
}
i.fa.fa-cog {
display: none;
}
.options {
display: flex;
justify-content: center;
padding: 10px;
}
.video-js .vjs-play-progress, .video-js .vjs-volume-level {
background-color: #03dc03;
box-shadow: 0 0 20px 0px #01de01;
}
.video-js:hover .vjs-big-play-button, .video-js .vjs-big-play-button:focus, .video-js .vjs-big-play-button:active {
background-color: #00df00;
box-shadow: 0 0 10px 0px #00df00;
}
.video-js.vjs-fullscreen, .video-js.vjs-fullscreen .vjs-tech {
margin-bottom: 0 !important;
margin-top: 0 !important;
}