f0ckv2/public/s/css/f0ck95.css

389 lines
14 KiB
CSS
Raw Normal View History

2020-04-02 02:35:28 +00:00
@font-face {
font-family: '95';
src: url('/s/95.ttf') format('truetype');
}
body {
background-color: #007e7d;
color: #000;
font-family: sans;
}
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: 2px;
right: 2px;
content: attr(data-clock);
z-index: 999;
height: auto;
padding: 3px;
border: 1px inset;
font-size: 13px;
border-top-color:#adadad;
border-left-color:#adadad;
border-bottom-color:white;
border-right-color:white;
background: #bfb8bf;
}
.controls {
border: 2px solid #c0c0c0;
color: #fff;
background: #000080;
}
.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 {
background: silver;
border-bottom: 2px solid silver;
text-align: unset;
position: fixed;
bottom: 0;
margin-bottom: 0;
height: 38px;
display: flex;
justify-content: left;
}
.navbar {
background: #c0c0c0;
text-align: unset;
position: fixed;
bottom: 0;
top: unset;
width: 100%;
padding: 0 !important;
border-top: 2px solid white;
border-bottom: 2px solid white;
}
.navbar-brand {
padding-top: 0;
padding-bottom: 0;
}
img.van {
background-position: 0px 5px;
height: 33px;
}
.text {
position: relative;
top: -10px;
left: 2px;
}
ul#posts {
padding-top: 0;
}
#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;-
.controls {
background-image: url(/s/img/95_buttons.png);
background-repeat: no-repeat;
background-position-x: right;
background-position-y: center;
}
li.nav-item {
border: 1px outset #b7b7b7;
padding: 0px;
background: #c0c0c0;
margin-right: 5px;
box-shadow: inset 1px 1px 4px 0px #d8d8d8, inset -1px -1px 2px 0px #252424;
border-top-color: white;
border-left-color: white;
border-bottom-color: black;
border-right-color: black;
width: 10rem;
}
.navbar-brand {
padding-top: 0;
padding-bottom: 0;
background-image: url(/s/img/f0ck-lol.png);
width: 171px;
margin-right: 5;
/*border: 2px inset;
box-shadow: inset 1px 1px 0 0px #000000, inset -1px -1px 0 0px #989898;*/
}
a.navbar-brand > img {
visibility: hidden;
}
.nav-link {
padding: 0px;
}
a.nav-link[href="/random"]::before {
content: "";
background-image: url('/s/img/trash_20px.png');
padding-left: 20px;
padding-bottom:3px;
margin-left: 3px;
margin-bottom: 2px;
padding-top: 1px;
background-repeat: no-repeat;
}
a.nav-link[href="/contact"]::before {
content: "";
background-image: url('/s/img/contact_20px.png');
padding-left: 20px;
padding-bottom:3px;
margin-left: 3px;
margin-bottom: 2px;
padding-top: 1px;
background-repeat: no-repeat;
}
a.nav-link[href="/how"]::before {
content: "";
background-image: url('/s/img/how_20px.png');
padding-left: 20px;
padding-bottom:3px;
margin-left: 3px;
margin-bottom: 2px;
padding-top: 1px;
background-repeat: no-repeat;
}
.navbar-expand-lg .navbar-nav .nav-link {
padding-left: 0;
text-align: bottom;
}
body, html {
font-family: '95';
background-color: #007e7d;
background: #007e7d;
}
span.rndtext, span.hlptext, span.cnttext {
position: relative;
left: 3px;
top: 1px;
font-size: 15px;
}
a.nav-link:hover {
opacity: 1;
background: #909090;
}
.content {
background: snow;
box-shadow: inset 2px -2px 0px #bfb8bf, inset -2px -2px 0px 0 #bfb8bf;
overflow: hidden;
}
.controls {
border: 2px solid #c0c0c0;
color: #fff;
background: #000080;
height: 22px;
text-align: left;
background-image: url(/s/img/95_buttons.png);
background-repeat: no-repeat;
background-position-x: right;
background-position-y: center;
}
a#rndbtn {
font-weight: bolder;
color: snow;
position: relative;
left: 5;
text-decoration: none;
font-size: 14px;
top: -1px;
font-family: '95';
}
.container {
margin-top: 25px;
}
.metadata {
text-align: left;
position: sticky;
bottom: 0;
background: #fffafa;
display: inline-grid;
grid-template-columns: 1fr 1fr 1fr;
width: 100%;
grid-gap: 5px;
padding: 5px;
box-shadow: inset 2px -2px 0px #bfb8bf, inset -2px -2px 0px 0 #bfb8bf;
}
.badge-dark {
color: #000;
background-color: #bfb8bf;
border: 1px outset;
border-radius: 0;
border-top-color: white;
border-left-color: white;
border-bottom-color: black;
border-right-color: black;
}
.media-object {
padding: 15px;
margin: 15px;
overflow-y: auto;
max-height: 530px;
}
select#themeSelector {
color: #000;
background-color: #bfb8bf;
border: 1px outset;
border-radius: 0;
border-top-color: white;
border-left-color: white;
border-bottom-color: black;
border-right-color: black;
font-size: 13px;
font-weight: bold;
}
body, html {
cursor: url(/s/img/win95cursor.png) 2 2, auto;
}
a, select, option, button:not(:disabled), [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled), .video-js .vjs-mute-control, .video-js .vjs-volume-menu-button {
cursor: url(/s/img/win95pointer.png) 2 2, pointer;
}
a#next, a#prev {
cursor: url(/s/img/win95pointer.png) 2 2, pointer;
}
.irc {
color: black;
}