4250 lines
81 KiB
CSS
Vendored
4250 lines
81 KiB
CSS
Vendored
/*@import url('https://fonts.googleapis.com/css?family=Orbitron');*/
|
|
/*@import url('https://fonts.googleapis.com/css?family=Oswald');*/
|
|
/*Fuck you if you don't like Oswald ;)))*/
|
|
|
|
/* Oswald Local Test */
|
|
/* cyrillic */
|
|
@font-face {
|
|
font-family: 'Oswald';
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
src: local('Oswald Regular'), local('Oswald-Regular'), url(//w0bm.com/fonts/Oswald_Cyrillic.woff2) format('woff2');
|
|
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
|
|
}
|
|
/* vietnamese */
|
|
@font-face {
|
|
font-family: 'Oswald';
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
src: local('Oswald Regular'), local('Oswald-Regular'), url(//w0bm.com/fonts/Odwald_Vietnamese.woff2) format('woff2');
|
|
unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
|
|
}
|
|
/* latin-ext */
|
|
@font-face {
|
|
font-family: 'Oswald';
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
src: local('Oswald Regular'), local('Oswald-Regular'), url(//w0bm.com/fonts/Oswald_Latin_ext.woff2) format('woff2');
|
|
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
|
|
}
|
|
/* latin */
|
|
@font-face {
|
|
font-family: 'Oswald';
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
src: local('Oswald Regular'), local('Oswald-Regular'), url(//w0bm.com/fonts/Oswald_latin.woff2) format('woff2');
|
|
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
|
}
|
|
/* Oswal Test End */
|
|
|
|
|
|
/* Play Font */
|
|
/* cyrillic-ext */
|
|
@font-face {
|
|
font-family: 'Play';
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
src: local('Play Regular'), local('Play-Regular'), url(//w0bm.com/fonts/6aez4K2oVqwIvtg2H68T.woff2) format('woff2');
|
|
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
|
|
}
|
|
/* cyrillic */
|
|
@font-face {
|
|
font-family: 'Play';
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
src: local('Play Regular'), local('Play-Regular'), url(//w0bm.com/fonts/6aez4K2oVqwIvtE2H68T.woff2) format('woff2');
|
|
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
|
|
}
|
|
/* greek */
|
|
@font-face {
|
|
font-family: 'Play';
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
src: local('Play Regular'), local('Play-Regular'), url(//w0bm.com/fonts/6aez4K2oVqwIvtY2H68T.woff2) format('woff2');
|
|
unicode-range: U+0370-03FF;
|
|
}
|
|
/* vietnamese */
|
|
@font-face {
|
|
font-family: 'Play';
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
src: local('Play Regular'), local('Play-Regular'), url(//w0bm.com/fonts/6aez4K2oVqwIvto2H68T.woff2) format('woff2');
|
|
unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
|
|
}
|
|
/* latin-ext */
|
|
@font-face {
|
|
font-family: 'Play';
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
src: local('Play Regular'), local('Play-Regular'), url(//w0bm.com/fonts/6aez4K2oVqwIvts2H68T.woff2) format('woff2');
|
|
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
|
|
}
|
|
/* latin */
|
|
@font-face {
|
|
font-family: 'Play';
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
src: local('Play Regular'), local('Play-Regular'), url(//w0bm.com/fonts/6aez4K2oVqwIvtU2Hw.woff2) format('woff2');
|
|
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
|
}
|
|
/* Play Font End */
|
|
|
|
@font-face {
|
|
font-family: "VCR";
|
|
src: url("/fonts/vcr.ttf");
|
|
}
|
|
|
|
.catfart {
|
|
display: none;
|
|
}
|
|
|
|
img[alt="christmas"] {
|
|
display: none !important;
|
|
}
|
|
|
|
/*body::after {
|
|
bottom: -5px;
|
|
opacity: 1;
|
|
z-index: -1;
|
|
position: fixed !important;
|
|
content: url(https://nogf.club/uploads/ezgif.com-resize.gif);
|
|
right: 5px !important;
|
|
}*/
|
|
|
|
/* Abu den Hut aufsetzen */
|
|
/*img[alt="christmas"] {
|
|
position: absolute;
|
|
top: -5px;
|
|
width: 90px;
|
|
left: -21px;
|
|
}
|
|
|
|
@media (max-width: 48em) {
|
|
.navbar-brand > img[alt="christmas"] {
|
|
margin-left: 5px;
|
|
height: 49px;
|
|
margin-top: 0px;
|
|
top: -12px;
|
|
left: -26px;
|
|
}
|
|
}*/
|
|
|
|
/* APRILSCHERZ XDDDD */
|
|
/*
|
|
.panel-body:hover {
|
|
filter: blur(5px);
|
|
}
|
|
|
|
span:hover {
|
|
transform: scaleX(-1);
|
|
}
|
|
|
|
a:hover {
|
|
transform: scaleX(-1);
|
|
}
|
|
*/
|
|
|
|
body {
|
|
background-color: #161618;
|
|
}
|
|
|
|
/*body::after {
|
|
bottom: -5px;
|
|
opacity: 1;
|
|
z-index: -1;
|
|
position: fixed !important;
|
|
content: url(https://w0bm.com/rip_w.png);
|
|
right: 5px !important;
|
|
}*/
|
|
|
|
a:focus {
|
|
outline: none;
|
|
}
|
|
|
|
/*body::after {
|
|
position: fixed !important;
|
|
content: url("https://koyaanis.com/i/kawaii2.gif");
|
|
bottom: -5px;
|
|
right: -20px !important;
|
|
left: 0px !important;
|
|
opacity: 1;
|
|
z-index: -1;
|
|
}*/
|
|
|
|
.indexedit input, .indexedit select {
|
|
display: none;
|
|
}
|
|
|
|
div.table {
|
|
display: table;
|
|
}
|
|
div.tr {
|
|
display: table-row;
|
|
}
|
|
div.td {
|
|
display: table-cell;
|
|
}
|
|
div.thead {
|
|
display: table-header-group;
|
|
}
|
|
div.th {
|
|
display: table-cell;
|
|
}
|
|
div.tbody {
|
|
display: table-row-group;
|
|
}
|
|
|
|
.catfart {
|
|
position: fixed;
|
|
width: 100px;
|
|
height: 120px;
|
|
right: 0;
|
|
bottom: 0;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.catfart:before {
|
|
content: "";
|
|
position: absolute;
|
|
width: inherit;
|
|
height: inherit;
|
|
top: 10px;
|
|
background-image: url("/images/catfart/cut.png");
|
|
transition: transform 0.1s;
|
|
}
|
|
|
|
.catfart.farting:before {
|
|
background-image: url("/images/catfart/cutf.png");
|
|
transform: rotate(-7deg);
|
|
transform-origin: 100% 100%;
|
|
}
|
|
|
|
.flashcontainer {
|
|
position:absolute;
|
|
top:20px;
|
|
opacity: 0.8;
|
|
z-index: 5;
|
|
width: 100%
|
|
}
|
|
.flashcontainer:empty {
|
|
display:none;
|
|
}
|
|
.navbar {
|
|
margin-bottom: 0;
|
|
}
|
|
.navbar-form > .form-group > input{
|
|
background: rgba(32, 32, 32, 0.3);
|
|
color: #c8c8c8;
|
|
}
|
|
#bg {
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
-webkit-filter: blur(100px);
|
|
filter:blur(100px);
|
|
transform: translate3d(0, 0, 0);
|
|
z-index: -1;
|
|
}
|
|
|
|
.navbar-inverse {
|
|
background-color: rgba(32, 32, 32, 0.6);
|
|
border: 0;
|
|
z-index: 3;
|
|
}
|
|
.vertical-align {
|
|
min-height: calc(100% - 50px);
|
|
min-height: calc(100vh - 50px);
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.wrapper {
|
|
width: 100%;
|
|
}
|
|
.row {
|
|
width: 100%;
|
|
}
|
|
|
|
.tags {
|
|
width: 350px;
|
|
text-overflow: ellipsis;
|
|
background: rgba(32, 32, 32, 0.6);
|
|
}
|
|
|
|
.comments {
|
|
background: rgba(32, 32, 32, 0.6);
|
|
padding: 0 2px 2px;
|
|
overflow-y: hidden;
|
|
border-right: 0 solid #3F3F3F;
|
|
}
|
|
|
|
.comments p {
|
|
margin: 0;
|
|
padding-bottom: 5px;
|
|
padding-top: 5px;
|
|
}
|
|
|
|
.comments blockquote {
|
|
color: #789922;
|
|
font-size: 1em;
|
|
padding: 0;
|
|
margin: 0;
|
|
border: 0;
|
|
}
|
|
#commentForm textarea {
|
|
color: #c8c8c8;
|
|
background: rgba(90, 88, 88, 0.4) none repeat scroll 0 0;
|
|
height: 2.7em;
|
|
resize: vertical;
|
|
-webkit-transition: height 0.8s;
|
|
-moz-transition: height 0.8s;
|
|
transition: height 0.8s;
|
|
border: 1px solid black;
|
|
}
|
|
#commentForm textarea:active, #commentForm textarea:focus, #commentForm textarea:valid {
|
|
height: 8em;
|
|
}
|
|
a[rel=extern]:after {
|
|
font-family: 'FontAwesome';
|
|
content: "\f08e";
|
|
font-size: 0.8em;
|
|
padding-left: 2px;
|
|
}
|
|
.navbar-nav > li {
|
|
font-family: Oswald;
|
|
}
|
|
.navbar-inverse .navbar-nav > li > a:hover {
|
|
color: #1FB2B0;
|
|
}
|
|
|
|
.nav > li.addtagsy > a {
|
|
padding-top: 10px !important;
|
|
padding-bottom: 10px;
|
|
padding-left: 10px;
|
|
padding-right: 10px;
|
|
transition-duration: 0.2s;
|
|
-webkit-transition-duration: 0.2s;
|
|
}
|
|
|
|
.nav>li>a:hover, .nav>li>a:focus {
|
|
text-decoration: none;
|
|
background-color: #424242;
|
|
}
|
|
|
|
.panel-footer {
|
|
border-bottom-right-radius: 3px;
|
|
border-bottom-left-radius: 3px;
|
|
padding: 0 0 8px 15px;
|
|
}
|
|
|
|
th {
|
|
text-align: center;
|
|
}
|
|
|
|
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
|
|
/* padding: 8px; */
|
|
line-height: 1.42857143;
|
|
vertical-align: top;
|
|
/* border-top: 1px solid #282828; */
|
|
}
|
|
|
|
table {
|
|
border-collapse: inherit;
|
|
border-spacing: 10px;
|
|
}
|
|
|
|
td, th {
|
|
padding: 0;
|
|
text-align: center;
|
|
}
|
|
|
|
.table>tbody>tr.success>td, .table>tfoot>tr.success>td, .table>thead>tr.success>th, .table>tbody>tr.success>th, .table>tfoot>tr.success>th {
|
|
background-color: #0AA400;
|
|
}
|
|
|
|
.version-info {
|
|
|
|
}
|
|
|
|
code {
|
|
padding: 0 0;
|
|
font-size: 90%;
|
|
color: #00fff5;
|
|
background-color: #393939;
|
|
border-radius: 0;
|
|
padding-left: 5px;
|
|
padding-right: 5px;
|
|
padding-bottom: 2px;
|
|
padding-top: 2px;
|
|
}
|
|
|
|
.panel-primary {
|
|
border-color: #161618;
|
|
}
|
|
|
|
.panel-default {
|
|
margin-bottom: 2px;
|
|
background-color: rgb(34, 34, 34);
|
|
border: 1px solid rgba(10, 10, 11, 0.46);
|
|
border-radius: 0px;
|
|
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
|
|
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
|
|
}
|
|
|
|
.panel.panel-default {
|
|
border: 1px solid #383737;
|
|
}
|
|
|
|
|
|
|
|
.panel-primary > .panel-heading {
|
|
color: #ffffff;
|
|
background-color: #565656;
|
|
border-color: #F800E3;
|
|
border-radius: 0px;
|
|
}
|
|
|
|
.btn-default:hover {
|
|
color: #ffffff;
|
|
background-color: #2180ac;
|
|
border-color: #1f79a3;
|
|
}
|
|
|
|
.btn-default {
|
|
color: #ffffff;
|
|
background-color: #1FB2B0;
|
|
border-color: #1FB2B0;
|
|
}
|
|
|
|
.panel {
|
|
color: #888888;
|
|
border: 0;
|
|
background-color: rgba(34, 34, 34, 0.8);
|
|
border-radius: 0;
|
|
}
|
|
|
|
.rulez {
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
.btn-default {
|
|
color: #ffffff;
|
|
background-color: #1FB2B0;
|
|
border-color: #1FB2B0;
|
|
}
|
|
|
|
.anim {
|
|
|
|
margin: 0;
|
|
animation: color 0.6s linear infinite !important;
|
|
}
|
|
@keyframes color {
|
|
0% {color:red;}
|
|
25% {color:yellow;}
|
|
50% {color:#1FB2B0;}
|
|
75% {color:#23dd06;}
|
|
100% {color:red;}
|
|
}
|
|
|
|
@-webkit-keyframes color {
|
|
0% {color:red;}
|
|
25% {color:yellow;}
|
|
50% {color:#1FB2B0;}
|
|
75% {color:#23dd06;}
|
|
100% {color:red;}
|
|
}
|
|
|
|
.btnlogin {
|
|
display: inline-block;
|
|
margin: 1px 1px -5px 1px;
|
|
font-weight: normal;
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
touch-action: manipulation;
|
|
cursor: pointer;
|
|
background-image: none;
|
|
border: 1px solid transparent;
|
|
white-space: nowrap;
|
|
padding: 6px 13px;
|
|
font-size: 12px;
|
|
line-height: 0.7;
|
|
border-radius: 0;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
}
|
|
|
|
/*@keyframes wiggle {
|
|
0% { transform: rotate(-1deg); }
|
|
50% { transform: rotate(1deg); }
|
|
100% { transform: rotate(-1deg); }
|
|
}
|
|
|
|
body {
|
|
animation-name: wiggle;
|
|
animation-duration: 0.3s;
|
|
animation-iteration-count: infinite;
|
|
overflow: hidden;
|
|
animation-timing-function: ease-in-out;
|
|
}*/
|
|
|
|
|
|
|
|
video:before {
|
|
box-shadow: 0 0 15px #000;
|
|
}
|
|
|
|
.comment_image {
|
|
max-width: 300px;
|
|
max-height: 35%;
|
|
}
|
|
|
|
.container-fluid {
|
|
margin-right: auto;
|
|
margin-left: auto;
|
|
padding-left: 10px;
|
|
padding-right: 15px;
|
|
}
|
|
|
|
.navbar-default {
|
|
background-color: #1C1C1D;
|
|
border-color: #282828;
|
|
}
|
|
|
|
.navbar-brand > img {
|
|
display: block;
|
|
height: 49px;
|
|
margin-top: -8px;
|
|
}
|
|
|
|
.navbar-nav > li > a {
|
|
padding-top: 13px !important;
|
|
padding-bottom: 15px;
|
|
}
|
|
|
|
.fucklaravel {
|
|
margin-right: auto;
|
|
margin-left: auto;
|
|
padding-left: 15px;
|
|
padding-right: 15px;
|
|
padding-bottom: 60px;
|
|
}
|
|
|
|
@media (min-width: 768px) {
|
|
.fucklaravel {
|
|
width: 750px;
|
|
}
|
|
.fucklaravel + div > .fucklaravel {
|
|
width: 400px;
|
|
}
|
|
.fucklaravel + div > .flashcontainer > .fucklaravel {
|
|
width: 400px;
|
|
}
|
|
}
|
|
@media (min-width: 992px) {
|
|
.fucklaravel {
|
|
width: 970px;
|
|
}
|
|
.fucklaravel + div > .fucklaravel {
|
|
width: 620px;
|
|
}
|
|
.fucklaravel + div > .flashcontainer > .fucklaravel {
|
|
width: 620px;
|
|
}
|
|
}
|
|
@media (min-width: 1200px) {
|
|
.fucklaravel {
|
|
width: 1170px;
|
|
}
|
|
.fucklaravel + div > .fucklaravel {
|
|
width: 820px;
|
|
}
|
|
.fucklaravel + div > .flashcontainer > .fucklaravel {
|
|
width: 820px;
|
|
}
|
|
}
|
|
@media (min-width: 1550px) {
|
|
.fucklaravel {
|
|
width: 1550px !important;
|
|
}
|
|
}
|
|
|
|
.suchleiste {
|
|
display: block;
|
|
padding: 6px 12px;
|
|
font-size: 14px;
|
|
line-height: 1.42857143;
|
|
color: #888888;
|
|
background: #1C1C1D none;
|
|
border: 1px solid #1fb2b0;
|
|
border-radius: 0;
|
|
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
|
|
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
|
|
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
|
|
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
|
|
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
|
|
float: right;
|
|
margin-top: -30px;
|
|
}
|
|
|
|
.suchbutton {
|
|
display: inline-block;
|
|
margin-bottom: 0;
|
|
font-weight: normal;
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
touch-action: manipulation;
|
|
cursor: pointer;
|
|
border: 1px solid transparent;
|
|
white-space: nowrap;
|
|
padding: 10px 15px;
|
|
font-size: 12px;
|
|
line-height: 0.7;
|
|
border-radius: 0;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
float: right;
|
|
margin-top: -30px;
|
|
background: #1FB2B0 none;
|
|
}
|
|
|
|
div.message > div.panel-heading > h3 {
|
|
font-size: 25px;
|
|
margin: 0;
|
|
display: inline;
|
|
}
|
|
|
|
div.message > div.panel-heading {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
div.message > div.panel-heading > span {
|
|
color: #888;
|
|
}
|
|
|
|
/* SPINNER */
|
|
.spinner {
|
|
margin: 100px auto;
|
|
width: 40px;
|
|
height: 40px;
|
|
position: relative;
|
|
}
|
|
|
|
.cube1, .cube2 {
|
|
background-color: #333;
|
|
width: 15px;
|
|
height: 15px;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
|
|
-webkit-animation: sk-cubemove 1.8s infinite ease-in-out;
|
|
animation: sk-cubemove 1.8s infinite ease-in-out;
|
|
}
|
|
|
|
.cube2 {
|
|
-webkit-animation-delay: -0.9s;
|
|
animation-delay: -0.9s;
|
|
}
|
|
|
|
@-webkit-keyframes sk-cubemove {
|
|
25% {
|
|
-webkit-transform: translateX(42px) rotate(-90deg) scale(0.5)
|
|
}
|
|
50% {
|
|
-webkit-transform: translateX(42px) translateY(42px) rotate(-180deg)
|
|
}
|
|
75% {
|
|
-webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5)
|
|
}
|
|
100% {
|
|
-webkit-transform: rotate(-360deg)
|
|
}
|
|
}
|
|
|
|
@keyframes sk-cubemove {
|
|
25% {
|
|
transform: translateX(42px) rotate(-90deg) scale(0.5);
|
|
-webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
|
|
}
|
|
50% {
|
|
transform: translateX(42px) translateY(42px) rotate(-179deg);
|
|
-webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
|
|
}
|
|
50.1% {
|
|
transform: translateX(42px) translateY(42px) rotate(-180deg);
|
|
-webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
|
|
}
|
|
75% {
|
|
transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
|
|
-webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
|
|
}
|
|
100% {
|
|
transform: rotate(-360deg);
|
|
-webkit-transform: rotate(-360deg);
|
|
}
|
|
}
|
|
|
|
/* .mitte {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
} */
|
|
|
|
.rain {
|
|
-webkit-transform: rotate(35deg);
|
|
transform: rotate(35deg);
|
|
}
|
|
|
|
img.icon[src="/images/icons/watermelon.png"] {
|
|
-webkit-transform: rotate(35deg);
|
|
transform: rotate(35deg);
|
|
margin-left: -3px;
|
|
margin-right: 1px;
|
|
}
|
|
|
|
.rainsmall {
|
|
height:16px;
|
|
width: 16px;
|
|
-webkit-transform: rotate(35deg);
|
|
transform: rotate(35deg);
|
|
margin-left: -3px;
|
|
margin-right: 1px;
|
|
}
|
|
|
|
.dank {
|
|
height: 32px;
|
|
width: 32px;
|
|
margin-bottom: 6px;
|
|
}
|
|
|
|
.danksmall {
|
|
height: 20px;
|
|
width: 20px;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
/*.flinny {
|
|
height: 32px;
|
|
width: 32px;
|
|
margin-bottom: 6px;
|
|
}*/
|
|
|
|
.patoy {
|
|
height: 32px;
|
|
width: 32px;
|
|
margin-bottom: 6px;
|
|
}
|
|
|
|
.patoyklein {
|
|
height: 16px;
|
|
width: 16px;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.flinnysmall {
|
|
height: 16px;
|
|
width: 16px;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.gay {
|
|
height: 32px;
|
|
width: 32px;
|
|
margin-bottom: 2px;
|
|
}
|
|
|
|
.gaysmall {
|
|
height: 16px;
|
|
width: 16px;
|
|
margin-bottom: 2px;
|
|
}
|
|
|
|
.duke {
|
|
height: 32px;
|
|
width: 32px;
|
|
margin-bottom: 2px;
|
|
}
|
|
|
|
.dukesmall {
|
|
height: 16px;
|
|
width: 16px;
|
|
margin-bottom: 2px;
|
|
}
|
|
|
|
ul.navbar-right > li > a > span.badge {
|
|
visibility: hidden;
|
|
}
|
|
|
|
.readall {
|
|
margin-top: -20px;
|
|
}
|
|
|
|
.onigiri {
|
|
margin-bottom: 2px;
|
|
}
|
|
|
|
.bio {
|
|
height: 32px;
|
|
width: 32px;
|
|
margin-bottom: 4px;
|
|
}
|
|
|
|
.biosmall {
|
|
height: 16px;
|
|
width: 16px;
|
|
margin-bottom: 4px;
|
|
}
|
|
|
|
.jkh {
|
|
margin-left: 0px!important;
|
|
}
|
|
|
|
.futter {
|
|
float: left;
|
|
text-align: left;
|
|
word-break: break-word;
|
|
word-wrap: break-word;
|
|
padding-left: 5px;
|
|
display: block;
|
|
}
|
|
|
|
.futter > p {
|
|
margin: 0;
|
|
}
|
|
|
|
.navbar-fixed-bottom {
|
|
bottom: 0;
|
|
margin-bottom: 0;
|
|
border-width: 1px 0 0;
|
|
background: rgba(10, 10, 10, 0.84);
|
|
}
|
|
|
|
.logreg {
|
|
color: #ADADAD;
|
|
font-family: Oswald;
|
|
padding-top: 5px !important;
|
|
font-size: 16px;
|
|
}
|
|
|
|
.eingabe {
|
|
display: block;
|
|
padding: 6px 12px!important;
|
|
background-color: #4a4a4a!important;
|
|
font-size: 14px;
|
|
line-height: 1.42857143;
|
|
color: #fffefe;
|
|
border: 1px solid;
|
|
border-color: #222323;
|
|
}
|
|
|
|
input {
|
|
outline: 0!important;
|
|
}
|
|
|
|
.trennelement {
|
|
height: 1px;
|
|
margin: -3px 0;
|
|
overflow: hidden;
|
|
background-color: rgba(255, 255, 255, 0.1);
|
|
}
|
|
|
|
.dropdown-menu {
|
|
border: 6px solid #222222!important;
|
|
padding: 5px 0px!important;
|
|
margin: 6px -5px 0!important;
|
|
border-radius: 0px!important;
|
|
}
|
|
|
|
.erinnerung {
|
|
display: inline-block;
|
|
margin-top: 4px;
|
|
margin-bottom: 0;
|
|
margin-left: 4px;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.cheggbogs {
|
|
display: inline-block;
|
|
margin-top: 4px!important;
|
|
margin-bottom: 0;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.dropdown-menu > li > a {
|
|
display: block;
|
|
padding: 3px 5px;
|
|
clear: both;
|
|
font-weight: normal;
|
|
line-height: 1.42857143;
|
|
color: #ffffff;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.form-control {
|
|
outline: aqua!important;
|
|
background-color: #3c3a3a;
|
|
}
|
|
|
|
.video-js {
|
|
position: initial;
|
|
background-color: transparent;
|
|
color: #1fb2b0;
|
|
}
|
|
/*
|
|
.video-js .vjs-play-progress {
|
|
background-color: #1fb2b0;
|
|
}
|
|
|
|
.video-js .vjs-volume-level {
|
|
background-color: #1fb2b0;
|
|
}
|
|
|
|
|
|
.video-js .vjs-control-bar {
|
|
background: rgba(34, 34, 34, 0.61)
|
|
}
|
|
|
|
.vjs-playback-rate .vjs-playback-rate-value {
|
|
top: -1px;
|
|
left: 1px;
|
|
}
|
|
|
|
.video-js .vjs-time-control {
|
|
font-size: 1.5em;
|
|
line-height: 1.7em;
|
|
top: 1px;
|
|
}
|
|
*/
|
|
.strong-colored strong {
|
|
color: #1FB2B0;
|
|
}
|
|
|
|
/*.video-js .vjs-current-time, .video-js .vjs-time-divider, .video-js .vjs-duration {
|
|
display: block;
|
|
}
|
|
|
|
.video-js .vjs-current-time {
|
|
padding-right: 0px;
|
|
}
|
|
|
|
.video-js .vjs-duration {
|
|
padding-left: 0px;
|
|
}
|
|
|
|
.video-js .vjs-control-bar {
|
|
display: none;
|
|
}
|
|
*/
|
|
.americagay {
|
|
height: 32px;
|
|
width: 32px;
|
|
margin-bottom: 2px;
|
|
margin-left: 5px;
|
|
}
|
|
|
|
.americagaysmall {
|
|
height: 16px;
|
|
width: 16px;
|
|
margin-bottom: 2px;
|
|
}
|
|
|
|
select.form-control, input.form-control {
|
|
background-color: #353434;
|
|
}
|
|
|
|
#dragndrop {
|
|
border: 2px dashed #353434;
|
|
border-radius: 0px;
|
|
justify-content: center;
|
|
text-align: center;
|
|
font-weight: bold;
|
|
font-size: 2rem;
|
|
padding: 0px;
|
|
background-color: #121214;
|
|
color: #888;
|
|
width: 100%;
|
|
min-height: 150px;
|
|
}
|
|
|
|
#dragndrop-link {
|
|
width: 100%;
|
|
height: 100%;
|
|
color: inherit;
|
|
text-decoration: none;
|
|
}
|
|
|
|
#dragndrop-link:hover {
|
|
text-decoration: none;
|
|
}
|
|
|
|
#dragndrop-text {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
min-height: 150px;
|
|
flex-direction: column;
|
|
}
|
|
|
|
#dragndrop-text > video {
|
|
width: 85%;
|
|
margin-top: 5px;
|
|
}
|
|
|
|
.progress {background: rgb(26, 27, 26); border-radius: 0px; height: 20px; width: 85%;}
|
|
.progress-bar-custom {background: rgba(47, 196, 47, 1);}
|
|
.progress-striped .progress-bar-custom {background-color: rgba(47, 196, 47, 1); background-image: -webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255, 255, 255, 0.15),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255, 255, 255, 0.15)),color-stop(0.75,rgba(255, 255, 255, 0.15)),color-stop(0.75,transparent),to(transparent))); background-image: -webkit-linear-gradient(45deg,rgba(255, 255, 255, 0.15) 25%,transparent 25%,transparent 50%,rgba(255, 255, 255, 0.15) 50%,rgba(255, 255, 255, 0.15) 75%,transparent 75%,transparent); background-image: linear-gradient(45deg,rgba(255, 255, 255, 0.15) 25%,transparent 25%,transparent 50%,rgba(255, 255, 255, 0.15) 50%,rgba(255, 255, 255, 0.15) 75%,transparent 75%,transparent); background-size: 36px 36px;}
|
|
|
|
#dragndrop-clear {
|
|
color: red;
|
|
}
|
|
|
|
#dragndrop-clear:hover {
|
|
text-decoration: none;
|
|
}
|
|
|
|
.progress-striped {
|
|
margin-bottom: 0px;
|
|
}
|
|
|
|
.upload-info {
|
|
font-size: 1.5rem;
|
|
font-weight: normal;
|
|
word-break: break-all;
|
|
white-space: normal;
|
|
padding-top: 8px;
|
|
padding-bottom: 5px;
|
|
}
|
|
|
|
.row-upload {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.row-upload > [class*="col-"] {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.reich {
|
|
font-family: 'UnifrakturCook', cursive;
|
|
color: #F2F5F4;
|
|
font-size: 18px;
|
|
}
|
|
|
|
#dragndrop-text:hover {
|
|
color: #1fb2b0;
|
|
}
|
|
|
|
.islam {
|
|
background-image: url(https://upload.wikimedia.org/wikipedia/en/thumb/a/a4/Flag_of_the_United_States.svg/1235px-Flag_of_the_United_States.svg.png);
|
|
background-repeat: repeat-x;
|
|
background-size: contain;
|
|
}
|
|
|
|
.911 {
|
|
text-shadow: 0 1px #808d93, -1px 0 #cdd2d5, -1px 2px #808d93, -2px 1px #cdd2d5, -2px 3px #808d93, -3px 2px #cdd2d5, -3px 4px #808d93, -4px 3px #cdd2d5, -4px 5px #808d93, -5px 4px #cdd2d5, -5px 6px #808d93, -6px 5px #cdd2d5, -6px 7px #808d93, -7px 6px #cdd2d5, -7px 8px #808d93, -8px 7px #cdd2d5;
|
|
}
|
|
|
|
img.icon {
|
|
max-height: 1.1em;
|
|
max-width: 1.1em;
|
|
vertical-align: middle;
|
|
margin-bottom: 0.2em;
|
|
}
|
|
|
|
.progress-bar-success {
|
|
background: #0AA400;
|
|
}
|
|
|
|
::-webkit-scrollbar {
|
|
width: 8px;
|
|
height: 8px;
|
|
background-color: #2f2e2f!important;
|
|
}
|
|
|
|
::-webkit-scrollbar-track-piece {
|
|
background-color: #222222!important;
|
|
width: 10px;
|
|
max-height: 10px!important;
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb {
|
|
width: 15px;
|
|
background: #808080!important;
|
|
}
|
|
|
|
#submittags {
|
|
font-size: 14px;
|
|
background-color: #363434;
|
|
color: white;
|
|
padding-bottom: 6px;
|
|
}
|
|
|
|
button#submittags:hover {
|
|
background: #575757;
|
|
}
|
|
|
|
.tags {
|
|
/*box-shadow: -13px 0px 10px 5px #000*/
|
|
}
|
|
|
|
/* Deutschland */
|
|
.deutsch {
|
|
background-image: -webkit-linear-gradient(#000000 33%, #dd0000 33%, #dd0000 66%, #ffce00 66%);
|
|
background-image: -o-linear-gradient(#000000 33%, #dd0000 33%, #dd0000 66%, #ffce00 66%);
|
|
background-image: -moz-linear-gradient(#000000 33%, #dd0000 33%, #dd0000 66%, #ffce00 66%);
|
|
background-image: linear-gradient(#000000 33%, #dd0000 33%, #dd0000 66%, #ffce00 66%);
|
|
width: 100%;
|
|
|
|
font-family: 'UnifrakturCook', cursive;
|
|
color: #F2F5F4;
|
|
text-align: center;
|
|
font-size: 1.3em;
|
|
text-shadow: rgb(3, 3, 3) 4px 4px 4px;
|
|
}
|
|
|
|
.default-link {
|
|
color: #fff;
|
|
}
|
|
|
|
.default-link:hover {
|
|
color: #fff;
|
|
}
|
|
|
|
.default-link:focus {
|
|
color: #fff;
|
|
}
|
|
|
|
.tag-panel-body {
|
|
color: #F2F5F4;
|
|
padding: 0px;
|
|
}
|
|
|
|
.toggo {
|
|
background-color: rgba(34, 34, 34, 0);
|
|
border: 0px solid rgba(10, 10, 11, 0);
|
|
padding-bottom: 3px;
|
|
padding-top: 0px;
|
|
}
|
|
|
|
.mCustomScrollBox {
|
|
position: relative;
|
|
overflow: hidden;
|
|
height: 100%;
|
|
max-width: 100%;
|
|
outline: 0;
|
|
direction: ltr;
|
|
}
|
|
|
|
.label {
|
|
border-radius: 0;
|
|
font-size: 80%;
|
|
word-break: break-all;
|
|
display: inline-table;
|
|
white-space: inherit;
|
|
text-align: left;
|
|
}
|
|
|
|
a.delete-tag.default-link {
|
|
color: #1fb2b0;
|
|
padding-left: 3px;
|
|
}
|
|
|
|
.label-info {
|
|
background-color: #118280;
|
|
}
|
|
|
|
.bootstrap-tagsinput {
|
|
color: #c8c8c8;
|
|
background: rgba(90, 88, 88, 0.4) none repeat scroll 0 0;
|
|
border: none;
|
|
border-radius: 0px;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
position: absolute;
|
|
width: 79%;
|
|
padding: 6px 3px;
|
|
}
|
|
|
|
.bootstrap-tagsinput .tag {
|
|
margin-right: 2px;
|
|
color: white;
|
|
padding-top: 5px;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.btn-primary:hover {
|
|
color: #ffffff;
|
|
background-color: #383737;
|
|
border-color: #1fb2b0;
|
|
}
|
|
|
|
.modal-body > .bootstrap-tagsinput, .col-sm-10 > .bootstrap-tagsinput {
|
|
position: relative;
|
|
width: 100%;
|
|
}
|
|
|
|
.col-sm-10 > .bootstrap-tagsinput {
|
|
background-color: #353434;
|
|
border: 1px solid #282828;
|
|
}
|
|
|
|
/* SCROLL FOO */
|
|
#sidebar {
|
|
width: 350px;
|
|
float: left;
|
|
display: flex;
|
|
flex-direction: column;
|
|
margin-bottom: 0;
|
|
height: calc(100% - 50px);
|
|
height: calc(100vh - 50px);
|
|
}
|
|
|
|
#sidebar > #motd {
|
|
border: 4px solid #1fb2b0;
|
|
margin-bottom: 1px;
|
|
text-align: center;
|
|
background-color: rgb(34, 34, 34);
|
|
border-radius: 0px;
|
|
}
|
|
|
|
#sidebar > .comments {
|
|
flex-grow: 1;
|
|
overflow-y: scroll;
|
|
}
|
|
|
|
#sidebar > .comments, #sidebar > .tags {
|
|
border-bottom: 1px solid #1fb2b0;
|
|
width: 350px;
|
|
}
|
|
|
|
/* Damit das Logo nicht mehr auf Handys gefickt ist */
|
|
|
|
@media(max-width:35em) {
|
|
.navbar-brand > img {margin-left: 5px; height: 49px; margin-top: 0px;}
|
|
}
|
|
|
|
@media(max-width:40em) {
|
|
.navbar-brand > img {margin-left: 5px; height: 49px; margin-top: 0px;}
|
|
}
|
|
|
|
@media(max-width:45em) {
|
|
.navbar-brand > img {margin-left: 5px; height: 49px; margin-top: 0px;}
|
|
}
|
|
|
|
@media(max-width:48em) {
|
|
.navbar-brand > img {margin-left: 5px; height: 49px; margin-top: 0px;}
|
|
}
|
|
|
|
/* Fixing Tag height and stuff */
|
|
div#tag-display {
|
|
overflow: auto;
|
|
max-height: 4em;
|
|
padding: 2px 2px;
|
|
padding-bottom: 2px;
|
|
border-top: 1px solid #1fb2b0;
|
|
width: 350px;
|
|
}
|
|
|
|
.tagtest {
|
|
padding: 0px 2px;
|
|
display: block;
|
|
height: auto;
|
|
}
|
|
|
|
/* Hiding Tag Scrollbar in Webkit Browsers */
|
|
div#tag-display::-webkit-scrollbar {
|
|
display: none;
|
|
}
|
|
|
|
/* Tag Toggle Test!
|
|
#tagcontent {display: none; }
|
|
.tagadd:active + .hidetaginput + #tagcontent {display: inline;}
|
|
.tagadd:focus + .hidetaginput + #tagcontent {display: inline;}
|
|
.tagadd:valid + .hidetaginput + #tagcontent {display: inline;}
|
|
|
|
*/
|
|
|
|
label[for='tag-add-toggle'] {
|
|
color: #1FB2B0;
|
|
padding-top: 10px;
|
|
font-weight: normal;
|
|
padding-bottom: 5px;
|
|
margin-bottom: 0px;
|
|
font-family: Oswald;
|
|
cursor: pointer;
|
|
padding-right: 5px;
|
|
padding-left: 5px;
|
|
transition-duration: 0.2s;
|
|
-webkit-transition-duration: 0.2s;
|
|
}
|
|
|
|
label[for='tag-add-toggle']:hover {
|
|
color: #00fbff;
|
|
text-decoration: none;
|
|
}
|
|
|
|
#tag-add-toggle {
|
|
display: none;
|
|
}
|
|
|
|
#tag-add-toggle + #tag-add {
|
|
display: none;
|
|
}
|
|
|
|
#tag-add-toggle:checked + #tag-add {
|
|
display: block;
|
|
}
|
|
|
|
.donationlist {
|
|
max-height: 230px;
|
|
overflow: auto;
|
|
padding-bottom: 0px;
|
|
padding-right: 0px;
|
|
padding-left: 0px;
|
|
}
|
|
|
|
.table {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.btn-primary {
|
|
color: #ffffff;
|
|
background-color: #222222;
|
|
border-color: #1FB2B0;
|
|
}
|
|
|
|
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
|
|
outline: thin dotted;
|
|
outline: 0px auto -webkit-focus-ring-color;
|
|
outline-offset: -2px;
|
|
}
|
|
|
|
.btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
|
|
color: #ffffff;
|
|
background-color: #222222;
|
|
border-color: #1fb2b0;
|
|
}
|
|
|
|
.btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus {
|
|
color: #ffffff;
|
|
background-color: #383737;
|
|
border-color: #1fb2b0;
|
|
}
|
|
|
|
.btn-primary:focus, .btn-primary.focus {
|
|
color: #ffffff;
|
|
background-color: #383737;
|
|
border-color: #1fb2b0;
|
|
}
|
|
|
|
span.addtagsy {
|
|
font-family: Oswald;
|
|
letter-spacing: 0.4px;
|
|
cursor: pointer;
|
|
padding: 5px 5px;
|
|
}
|
|
|
|
span.addtagsy>a {
|
|
color: #ADADAD;
|
|
}
|
|
|
|
span.addtagsy>a:hover {
|
|
color: #00fbff;
|
|
text-decoration: none;
|
|
background: #575757;
|
|
padding: 6px 6px;
|
|
margin-left: -6px;
|
|
margin-right: -6px;
|
|
}
|
|
|
|
.tagpanelinfos {
|
|
padding: 5px;
|
|
padding-left: 0px;
|
|
padding-bottom: 5px;
|
|
}
|
|
|
|
div#tag-add {
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.tagtest.tagpanelinfos {
|
|
border-right: 2px solid #1fb2b0;
|
|
width: 100%;
|
|
border-bottom: 2px solid #1fb2b0;
|
|
height: 34px;
|
|
display: flex;
|
|
align-items: baseline;
|
|
justify-content: space-around;
|
|
}
|
|
|
|
/* Experimental Mobile Shit xD */
|
|
@media (max-width: 767px) {
|
|
#sidebar > #motd {
|
|
border: 3px solid #1fb2b0;
|
|
margin-bottom: 1px;
|
|
text-align: center;
|
|
background-color: rgb(34, 34, 34);
|
|
position: static;
|
|
width: 100%;
|
|
display: none !important;
|
|
}
|
|
}
|
|
@media (max-width: 767px) {
|
|
#sidebar {
|
|
width: 100%;
|
|
float: left;
|
|
display: flex;
|
|
flex-direction: column;
|
|
margin-bottom: 0;
|
|
height: auto !important;
|
|
position: absolute;
|
|
/*top: 545px;*/
|
|
|
|
bottom: 0;
|
|
z-index: 2;
|
|
}
|
|
}
|
|
@media (max-width: 763px) {
|
|
#sidebar {
|
|
width: 100%;
|
|
float: left;
|
|
display: flex;
|
|
flex-direction: column;
|
|
margin-bottom: 0;
|
|
height: auto !important;
|
|
position: absolute;
|
|
top: 38em;
|
|
bottom: 0;
|
|
z-index: 2;
|
|
}
|
|
}
|
|
@media (max-width: 767px) {
|
|
aside.tags.hidden-xs.mCustomScrollbar._mCS_2.mCS-autoHide.mCS_no_scrollbar {
|
|
width: 100%;
|
|
}
|
|
}
|
|
@media (max-width: 767px) {
|
|
#sidebar > .comments {
|
|
flex-grow: 1;
|
|
overflow-y: visible;
|
|
padding-bottom: 95px;
|
|
width: 100%;
|
|
border-bottom: 2px solid transparent;
|
|
}
|
|
}
|
|
@media (max-width: 767px) {
|
|
.vertical-align {
|
|
min-height: calc(100% - 50px);
|
|
min-height: calc(100vh - 50px);
|
|
display: flex;
|
|
align-items: baseline;
|
|
}
|
|
}
|
|
@media (max-width: 690px) {
|
|
.vertical-align {
|
|
min-height: calc(100% - 50px);
|
|
min-height: calc(50vh - 50px);
|
|
display: flex;
|
|
align-items: baseline;
|
|
padding-top: 10px;
|
|
padding-bottom: 10px;
|
|
}
|
|
}
|
|
@media (max-width: 657px) {
|
|
#sidebar {
|
|
width: 100%;
|
|
float: left;
|
|
display: flex;
|
|
flex-direction: column;
|
|
margin-bottom: 0;
|
|
height: auto !important;
|
|
position: absolute;
|
|
top: 35em;
|
|
z-index: 2;
|
|
}
|
|
}
|
|
@media (max-width: 767px) {
|
|
#sidebar, #motd, #commentForm, .tags, .comments {
|
|
display: block !important;
|
|
background: #1c1c1d;
|
|
}
|
|
}
|
|
@media (max-width: 360px) {
|
|
#sidebar {
|
|
width: 100%;
|
|
float: left;
|
|
display: flex;
|
|
flex-direction: column;
|
|
margin-bottom: 0;
|
|
height: auto !important;
|
|
position: absolute;
|
|
top: 23em;
|
|
z-index: 2;
|
|
}
|
|
}
|
|
@media (max-width: 360px) {
|
|
#sidebar > .tags {
|
|
border-bottom: 1px solid #1fb2b0;
|
|
width: 100%;
|
|
bottom: 0;
|
|
position: fixed !important;
|
|
background: rgb(22, 22, 24);
|
|
border-top: 1px solid #1fb2b0;
|
|
border-left: 0px solid #1fb2b0;
|
|
}
|
|
}
|
|
|
|
/* Sidebar Mobile */
|
|
|
|
@media (max-width: 767px) {
|
|
#sidebar {
|
|
top: 40em;
|
|
}
|
|
}
|
|
@media (max-width: 694px) {
|
|
#sidebar {
|
|
top: 36em;
|
|
}
|
|
}
|
|
@media (max-width: 610px) {
|
|
#sidebar {
|
|
top: 33em;
|
|
}
|
|
}
|
|
@media (max-width: 549px) {
|
|
#sidebar {
|
|
top: 31em;
|
|
}
|
|
}
|
|
@media (max-width: 548px) {
|
|
#sidebar {
|
|
top: 31em;
|
|
}
|
|
}
|
|
@media (max-width: 511px) {
|
|
#sidebar {
|
|
top: 29em;
|
|
}
|
|
}
|
|
@media (max-width: 509px) {
|
|
#sidebar {
|
|
top: 29em;
|
|
}
|
|
}
|
|
@media (max-width: 448px) {
|
|
#sidebar {
|
|
top: 27em;
|
|
}
|
|
}
|
|
@media (max-width: 420px) {
|
|
#sidebar {
|
|
top: 26.67em;
|
|
}
|
|
}
|
|
@media (max-width: 400px) {
|
|
#sidebar {
|
|
top: 26em;
|
|
}
|
|
}
|
|
@media (max-width: 390px) {
|
|
#sidebar {
|
|
top: 26em;
|
|
}
|
|
}
|
|
@media (max-width: 367px) {
|
|
#sidebar {
|
|
/*top: 24.6em;*/
|
|
top: 27em;
|
|
}
|
|
}
|
|
@media (max-width: 360px) {
|
|
#sidebar {
|
|
top: 26.6em;
|
|
}
|
|
}
|
|
/* Sidebar Mobile Queries END */
|
|
/* TAGS MOBILE FIXED */
|
|
|
|
@media (max-width: 767px) {
|
|
#sidebar > .tags {
|
|
border-bottom: 1px solid #1fb2b0;
|
|
width: 100%;
|
|
bottom: 0;
|
|
position: fixed !important;
|
|
background: rgb(22, 22, 24);
|
|
border-top: 1px solid #1fb2b0;
|
|
border-left: 0px solid #1fb2b0;
|
|
}
|
|
}
|
|
@media (max-width: 694px) {
|
|
#sidebar > .tags {
|
|
border-bottom: 1px solid #1fb2b0;
|
|
width: 100%;
|
|
bottom: 0;
|
|
position: fixed !important;
|
|
background: rgb(22, 22, 24);
|
|
border-top: 1px solid #1fb2b0;
|
|
border-left: 0px solid #1fb2b0;
|
|
}
|
|
}
|
|
@media (max-width: 610px) {
|
|
#sidebar > .tags {
|
|
border-bottom: 1px solid #1fb2b0;
|
|
width: 100%;
|
|
bottom: 0;
|
|
position: fixed !important;
|
|
background: rgb(22, 22, 24);
|
|
border-top: 1px solid #1fb2b0;
|
|
border-left: 0px solid #1fb2b0;
|
|
}
|
|
}
|
|
@media (max-width: 549px) {
|
|
#sidebar > .tags {
|
|
border-bottom: 1px solid #1fb2b0;
|
|
width: 100%;
|
|
bottom: 0;
|
|
position: fixed !important;
|
|
background: rgb(22, 22, 24);
|
|
border-top: 1px solid #1fb2b0;
|
|
border-left: 0px solid #1fb2b0;
|
|
}
|
|
}
|
|
@media (max-width: 548px) {
|
|
#sidebar > .tags {
|
|
border-bottom: 1px solid #1fb2b0;
|
|
width: 100%;
|
|
bottom: 0;
|
|
position: fixed !important;
|
|
background: rgb(22, 22, 24);
|
|
border-top: 1px solid #1fb2b0;
|
|
border-left: 0px solid #1fb2b0;
|
|
}
|
|
}
|
|
@media (max-width: 511px) {
|
|
#sidebar > .tags {
|
|
border-bottom: 1px solid #1fb2b0;
|
|
width: 100%;
|
|
bottom: 0;
|
|
position: fixed !important;
|
|
background: rgb(22, 22, 24);
|
|
border-top: 1px solid #1fb2b0;
|
|
border-left: 0px solid #1fb2b0;
|
|
}
|
|
}
|
|
@media (max-width: 509px) {
|
|
#sidebar > .tags {
|
|
border-bottom: 1px solid #1fb2b0;
|
|
width: 100%;
|
|
bottom: 0;
|
|
position: fixed !important;
|
|
background: rgb(22, 22, 24);
|
|
border-top: 1px solid #1fb2b0;
|
|
border-left: 0px solid #1fb2b0;
|
|
}
|
|
}
|
|
@media (max-width: 448px) {
|
|
#sidebar > .tags {
|
|
border-bottom: 1px solid #1fb2b0;
|
|
width: 100%;
|
|
bottom: 0;
|
|
position: fixed !important;
|
|
background: rgb(22, 22, 24);
|
|
border-top: 1px solid #1fb2b0;
|
|
border-left: 0px solid #1fb2b0;
|
|
}
|
|
}
|
|
@media (max-width: 420px) {
|
|
#sidebar > .tags {
|
|
border-bottom: 1px solid #1fb2b0;
|
|
width: 100%;
|
|
bottom: 0;
|
|
position: fixed !important;
|
|
background: rgb(22, 22, 24);
|
|
border-top: 1px solid #1fb2b0;
|
|
border-left: 0px solid #1fb2b0;
|
|
}
|
|
}
|
|
@media (max-width: 400px) {
|
|
#sidebar > .tags {
|
|
border-bottom: 1px solid #1fb2b0;
|
|
width: 100%;
|
|
bottom: 0;
|
|
position: fixed !important;
|
|
background: rgb(22, 22, 24);
|
|
border-top: 1px solid #1fb2b0;
|
|
border-left: 0px solid #1fb2b0;
|
|
}
|
|
}
|
|
@media (max-width: 390px) {
|
|
#sidebar > .tags {
|
|
border-bottom: 1px solid #1fb2b0;
|
|
width: 100%;
|
|
bottom: 0;
|
|
position: fixed !important;
|
|
background: rgb(22, 22, 24);
|
|
border-top: 1px solid #1fb2b0;
|
|
border-left: 0px solid #1fb2b0;
|
|
}
|
|
}
|
|
@media (max-width: 367px) {
|
|
#sidebar > .tags {
|
|
border-bottom: 1px solid #1fb2b0;
|
|
width: 100%;
|
|
bottom: 0;
|
|
position: fixed !important;
|
|
background: rgb(22, 22, 24);
|
|
border-top: 1px solid #1fb2b0;
|
|
border-left: 0px solid #1fb2b0;
|
|
}
|
|
}
|
|
@media (max-width: 360px) {
|
|
#sidebar > .tags {
|
|
border-bottom: 1px solid #1fb2b0;
|
|
width: 100%;
|
|
bottom: 0;
|
|
position: fixed !important;
|
|
background: rgb(22, 22, 24);
|
|
border-top: 1px solid #1fb2b0;
|
|
border-left: 0px solid #1fb2b0;
|
|
}
|
|
}
|
|
/* END OF MOBILE TAG MEDIA QUERIES */
|
|
/* border-top for commentForm (only for mobile devices */
|
|
/* Für extreme Bullenscheiße und obsolet empfunden */
|
|
/* @media (max-width: 767px) {
|
|
div#commentForm {
|
|
border-top: 2px solid #1fb275;
|
|
}
|
|
}
|
|
@media (max-width: 694px) {
|
|
div#commentForm {
|
|
border-top: 2px solid #1fb275;
|
|
}
|
|
}
|
|
@media (max-width: 610px) {
|
|
div#commentForm {
|
|
border-top: 2px solid #1fb275;
|
|
}
|
|
}
|
|
@media (max-width: 549px) {
|
|
div#commentForm {
|
|
border-top: 2px solid #1fb275;
|
|
}
|
|
}
|
|
@media (max-width: 548px) {
|
|
div#commentForm {
|
|
border-top: 2px solid #1fb275;
|
|
}
|
|
}
|
|
@media (max-width: 511px) {
|
|
div#commentForm {
|
|
border-top: 2px solid #1fb275;
|
|
}
|
|
}
|
|
@media (max-width: 509px) {
|
|
div#commentForm {
|
|
border-top: 2px solid #1fb275;
|
|
}
|
|
}
|
|
@media (max-width: 448px) {
|
|
div#commentForm {
|
|
border-top: 2px solid #1fb275;
|
|
}
|
|
}
|
|
@media (max-width: 420px) {
|
|
div#commentForm {
|
|
border-top: 2px solid #1fb275;
|
|
}
|
|
}
|
|
@media (max-width: 400px) {
|
|
div#commentForm {
|
|
border-top: 2px solid #1fb275;
|
|
}
|
|
}
|
|
@media (max-width: 390px) {
|
|
div#commentForm {
|
|
border-top: 2px solid #1fb275;
|
|
}
|
|
}
|
|
@media (max-width: 367px) {
|
|
#sidebar {
|
|
top: 23em;
|
|
}
|
|
}
|
|
@media (max-width: 360px) {
|
|
div#commentForm {
|
|
border-top: 2px solid #1fb275;
|
|
}
|
|
}
|
|
|
|
*/
|
|
|
|
/* Mobile Tag Box width */
|
|
@media (max-width: 767px) {
|
|
div#tag-display {
|
|
width: 100%;
|
|
}
|
|
}
|
|
@media (max-width: 694px) {
|
|
div#tag-display {
|
|
width: 100%;
|
|
}
|
|
}
|
|
@media (max-width: 610px) {
|
|
div#tag-display {
|
|
width: 100%;
|
|
}
|
|
}
|
|
@media (max-width: 549px) {
|
|
div#tag-display {
|
|
width: 100%;
|
|
}
|
|
}
|
|
@media (max-width: 548px) {
|
|
div#tag-display {
|
|
width: 100%;
|
|
}
|
|
}
|
|
@media (max-width: 511px) {
|
|
div#tag-display {
|
|
width: 100%;
|
|
}
|
|
}
|
|
@media (max-width: 509px) {
|
|
div#tag-display {
|
|
width: 100%;
|
|
}
|
|
}
|
|
@media (max-width: 448px) {
|
|
div#tag-display {
|
|
width: 100%;
|
|
}
|
|
}
|
|
@media (max-width: 420px) {
|
|
div#tag-display {
|
|
width: 100%;
|
|
}
|
|
}
|
|
@media (max-width: 400px) {
|
|
div#tag-display {
|
|
width: 100%;
|
|
}
|
|
}
|
|
@media (max-width: 390px) {
|
|
div#tag-display {
|
|
width: 100%;
|
|
}
|
|
}
|
|
@media (max-width: 367px) {
|
|
div#tag-display {
|
|
width: 100%;
|
|
}
|
|
}
|
|
@media (max-width: 360px) {
|
|
div#tag-display {
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
/* END OF MOBILE TAG WIDTH */
|
|
|
|
/* Alerts */
|
|
.alert {
|
|
border-radius: 5px;
|
|
margin-bottom: 0px;
|
|
}
|
|
|
|
.alert-danger {
|
|
background-color: #cc000099;
|
|
border-color: #ff002ac7;
|
|
color: #ffffff;
|
|
box-shadow: 0px 0px 9px #d41212;
|
|
text-align: center;
|
|
font-weight: bold;
|
|
font-family: vcr;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.alert-success {
|
|
background-color: #008804;
|
|
border-color: #13ff25;
|
|
box-shadow: 0px 0px 5px #18e000;
|
|
text-align: center;
|
|
font-weight: bold;
|
|
font-family: vcr;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.flashcontainer {
|
|
position: unset;
|
|
top: 20px;
|
|
opacity: 0.8;
|
|
z-index: 5;
|
|
width: 100%;
|
|
}
|
|
|
|
.register {
|
|
width: 100%;
|
|
display: flex;
|
|
justify-content: center
|
|
}
|
|
|
|
.ulbutton {
|
|
position: relative;
|
|
min-height: 1px;
|
|
padding-left: 0;
|
|
padding-right: 15px;
|
|
float: left;
|
|
}
|
|
|
|
.ulcontainer {
|
|
margin-right: auto;
|
|
margin-left: auto;
|
|
padding-left: 15px;
|
|
padding-right: 15px;
|
|
}
|
|
|
|
.uploadheader {
|
|
padding-bottom: 0px;
|
|
margin: 20px 0 20px;
|
|
text-align: center;
|
|
}
|
|
|
|
h3#upheader {
|
|
font-family: monospace;
|
|
font-weight: bold;
|
|
color: #1fb2b0;
|
|
text-shadow: 1px 1px 20px #1fb2b0;
|
|
}
|
|
|
|
.guidelinez {
|
|
background: #353434;
|
|
padding: 5px;
|
|
white-space: normal;
|
|
}
|
|
|
|
p#hguide {
|
|
font-weight: bold;
|
|
color: #fdf8f8;
|
|
}
|
|
|
|
.guidelinez > p {
|
|
color: #ffffff;
|
|
}
|
|
|
|
span#big {
|
|
font-weight: bold;
|
|
color: white;
|
|
}
|
|
|
|
ul#ulguide {
|
|
color: #fdf8f8;
|
|
}
|
|
|
|
input#nsfw {
|
|
vertical-align: top;
|
|
margin: 4px 0 0;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.blah {
|
|
background: #353434;
|
|
padding: 6px 12px;
|
|
border: 1px solid #282828;
|
|
}
|
|
|
|
label#nsfw {
|
|
margin-bottom: 0px;
|
|
cursor: pointer;
|
|
color: #ff0000;
|
|
vertical-align: bottom;
|
|
}
|
|
|
|
div#guidelines {
|
|
display: flex;
|
|
justify-content: center;
|
|
width: 100%;
|
|
}
|
|
|
|
@media (min-width: 1550px) {
|
|
.ulcontainer {
|
|
width: 768px !important;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 1200px) {
|
|
.ulcontainer {
|
|
width: 1170px !important;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 992px) {
|
|
.ulcontainer {
|
|
width: 970px !important;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 768px) {
|
|
.ulcontainer {
|
|
width: 750px !important;
|
|
}
|
|
}
|
|
|
|
.ultags > .bootstrap-tagsinput {
|
|
position: unset;
|
|
width: 100%;
|
|
}
|
|
|
|
.modal-backdrop {
|
|
position: fixed;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
z-index: 2;
|
|
background-color: #000000;
|
|
}
|
|
|
|
.modal-body {
|
|
position: relative;
|
|
min-height: 80px;
|
|
display: flex;
|
|
justify-content: center;
|
|
}
|
|
|
|
input.form-control.usernamelogin {
|
|
width: 300px;
|
|
}
|
|
|
|
input.form-control.passwordlogin {
|
|
width: 300px;
|
|
}
|
|
|
|
.navbar-form {
|
|
border-top: 0px solid transparent;
|
|
border-bottom: 0px solid transparent;
|
|
-webkit-box-shadow: 0 0 rgba(0, 0, 0, 0);
|
|
box-shadow: 0 0 rgba(0, 0, 0, 0);
|
|
}
|
|
|
|
p#logincenter {
|
|
text-align: center;
|
|
}
|
|
|
|
@media (max-width: 768px) {
|
|
.navbar-inverse {
|
|
background-color: rgb(22, 22, 24);
|
|
border-bottom: 1px solid #2099ae;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 768px) {
|
|
.flashcontainer {
|
|
top: 5px;
|
|
}
|
|
}
|
|
|
|
input#rememberme {
|
|
vertical-align: sub;
|
|
}
|
|
|
|
span#rember {
|
|
vertical-align: middle;
|
|
color: white;
|
|
}
|
|
|
|
ul.vorteilul {
|
|
background: #000000;
|
|
color: #ff00fc;
|
|
border: 1px solid;
|
|
text-shadow: 0px 0px 10px #fa008b;
|
|
font-family: 'Orbitron', sans-serif;
|
|
box-shadow: 0px 0px 15px 0px #7900ff;
|
|
list-style: korean-hangul-formal;
|
|
text-align: left;
|
|
padding-top: 10px;
|
|
padding-bottom: 10px;
|
|
}
|
|
|
|
ul.nav.navbar-nav {
|
|
display: flex;
|
|
justify-content: center;
|
|
}
|
|
|
|
.panel-danger {
|
|
border: 1px solid red !important;
|
|
}
|
|
|
|
p.vorteile {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.modal-body.frontendeditmodal {
|
|
display: block !important;
|
|
}
|
|
|
|
.caption small {
|
|
background: #3f4442;
|
|
color: white;
|
|
padding: 5px;
|
|
float: right;
|
|
font-size: 0.777em !important;
|
|
line-height: 0.96;
|
|
}
|
|
|
|
.caption h3 {
|
|
font-size: 28px;
|
|
color: white;
|
|
font-weight: bold;
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.thumbnail {
|
|
border-radius: 0;
|
|
}
|
|
|
|
.popover {
|
|
border-radius: 0;
|
|
}
|
|
|
|
.popover-title {
|
|
border-radius: 0;
|
|
}
|
|
|
|
/* Neue Pagination */
|
|
.pagination > li:first-child > a, .pagination > li:first-child > span {
|
|
margin-left: 0;
|
|
border-bottom-left-radius: 0;
|
|
border-top-left-radius: 0;
|
|
}
|
|
|
|
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
|
|
z-index: 2;
|
|
color: #161618;
|
|
background-color: #1fb2b0;
|
|
border-color: transparent;
|
|
cursor: default;
|
|
}
|
|
|
|
.pagination > li:last-child > a, .pagination > li:last-child > span {
|
|
border-bottom-right-radius: 0;
|
|
border-top-right-radius: 0;
|
|
}
|
|
|
|
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
|
|
color: #d4d4d5;
|
|
background-color: rgba(31, 178, 176, 0.47);
|
|
border-color: rgb(31, 178, 176);
|
|
}
|
|
|
|
ul.pagination {
|
|
display: flex;
|
|
justify-content: center;
|
|
}
|
|
/* Ende der neuen Pagination */
|
|
|
|
/* Psychedelic w0bm Logo */
|
|
|
|
/*.navbar-brand {
|
|
animation: colorRotate 3s linear infinite;
|
|
}
|
|
|
|
@keyframes colorRotate {
|
|
100% {
|
|
-webkit-filter: hue-rotate(360deg);
|
|
}
|
|
}
|
|
|
|
body {
|
|
animation: colorRotate 3s linear infinite;
|
|
}*/
|
|
|
|
/* Alucard's persnal friendbox */
|
|
.alusexy {
|
|
border: 1px solid #888888;
|
|
padding: 10px;
|
|
background: #0c0c0c;
|
|
font-weight: bold;
|
|
}
|
|
|
|
/* "ADS" */
|
|
/*.panel-body.motd::after {
|
|
content: "Non-Profit Advertisement";
|
|
bottom: 0;
|
|
position: relative;
|
|
top: 27px;
|
|
left: -115px;
|
|
right: 0;
|
|
font-size: 9px;
|
|
color: black;
|
|
font-weight: bold;
|
|
background: white;
|
|
padding-right: 5px;
|
|
padding-left: 5px;
|
|
display: inline-block;
|
|
}*/
|
|
|
|
input[type="checkbox"] {
|
|
vertical-align: top;
|
|
}
|
|
|
|
.profilheader {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
font-size: 2rem;
|
|
color: white;
|
|
padding-bottom: 10px;
|
|
background: #2c2c2c;
|
|
padding-top: 10px;
|
|
padding-left: 10px;
|
|
border-top-left-radius: 10px;
|
|
border-top-right-radius: 10px;
|
|
}
|
|
|
|
hr {
|
|
margin-top: 10px;
|
|
margin-bottom: 10px;
|
|
border: 0;
|
|
border-top: 2px solid #1fb2b0;
|
|
}
|
|
|
|
blockquote {
|
|
padding: 10px 10px;
|
|
margin: 0 0 10px;
|
|
border-left: 5px solid #282828;
|
|
color: #789922;
|
|
word-wrap: break-word;
|
|
}
|
|
|
|
div.notfound {
|
|
display: flex;
|
|
flex-flow: row wrap;
|
|
justify-content: center;
|
|
padding-left: 15px;
|
|
padding-right: 15px;
|
|
text-align: center;
|
|
}
|
|
|
|
img#notfound-img {
|
|
max-width: 100%;
|
|
}
|
|
|
|
div.notfound {
|
|
display: flex;
|
|
flex-flow: row wrap;
|
|
justify-content: center;
|
|
padding-left: 15px;
|
|
padding-right: 15px;
|
|
text-align: center;
|
|
padding-bottom: 15px;
|
|
padding-top: 15px;
|
|
}
|
|
|
|
@media (max-width: 768px) {
|
|
img#notfound-img {
|
|
max-width: 100%;
|
|
height: 220px;
|
|
}
|
|
}
|
|
|
|
/* Modal Erneuerung [TEST] */
|
|
@media (min-width: 768px) {
|
|
.modal-dialog {
|
|
width: 500px;
|
|
margin: 30px auto;
|
|
}
|
|
}
|
|
|
|
.modal-content {
|
|
border-radius: 0;
|
|
}
|
|
|
|
form.navbar-form.navbar-right {
|
|
margin-right: 0;
|
|
}
|
|
|
|
input.form-control {
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
/* Handy fix */
|
|
@media (max-width: 690px) {
|
|
.text-center {
|
|
font-size: 19px;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
#sidebar > .comments {
|
|
padding-bottom: 80px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
aside#sidebar::before {
|
|
content: "Comments";
|
|
width: 100%;
|
|
display: flex;
|
|
justify-content: center;
|
|
background: #212121;
|
|
border-top: 1px solid #1fb2b0;
|
|
border-bottom: 1px solid #1fb2b0;
|
|
margin-bottom: 5px;
|
|
color: #eaedec;
|
|
}
|
|
}
|
|
|
|
|
|
@media (max-width: 690px) {
|
|
ul.pagination {
|
|
flex-flow: row wrap;
|
|
}
|
|
}
|
|
|
|
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
|
|
background-color: #1fb2b0;
|
|
border-color: #3c3c3c;
|
|
}
|
|
|
|
.list-group-item-info {
|
|
background-color: #ff009a;
|
|
}
|
|
|
|
.badge {
|
|
background-color: #1fb2b0;
|
|
}
|
|
|
|
.panel-heading {
|
|
border-top-right-radius: 0px;
|
|
border-top-left-radius: 0px;
|
|
}
|
|
|
|
span#jointime {
|
|
float: right;
|
|
font-size: 1.4em;
|
|
color: white;
|
|
}
|
|
|
|
.profile-info {
|
|
display: flex;
|
|
justify-content: flex-start;
|
|
font-size: 1.4em;
|
|
}
|
|
|
|
span#count-upload, span#comments-user, span#favs-user {
|
|
margin-right: 5px;
|
|
}
|
|
|
|
span#comments-user > a {
|
|
color: white;
|
|
}
|
|
|
|
span#favs-user > a {
|
|
color: #ff0094;
|
|
}
|
|
|
|
@media (max-width: 690px) {
|
|
span#jointime, .profile-info {
|
|
font-size: unset;
|
|
text-align: center;
|
|
}
|
|
|
|
}
|
|
|
|
@media (max-width: 690px) {
|
|
a.last {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
background: #212121;
|
|
padding-left: 5px;
|
|
border-bottom-left-radius: 5px;
|
|
border-bottom: 1px solid #1fb2b0;
|
|
border-left: 1px solid #1fb2b0;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 690px) {
|
|
a.first {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
background: #212121;
|
|
padding-right: 5px;
|
|
border-bottom-right-radius: 5px;
|
|
border-bottom: 1px solid #1fb2b0;
|
|
border-right: 1px solid #1fb2b0;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 690px) {
|
|
.fucklaravel {
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
margin: 5px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 690px) {
|
|
iframe[src="https://observation.stasi.club/index.php?module=CoreAdminHome&action=optOut&language=en"] {
|
|
width: 100% !important;
|
|
height: 250px !important;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 690px) {
|
|
table {
|
|
border-spacing: 5px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
#sidebar > .comments {
|
|
padding-bottom: calc(4em + 45px);
|
|
}
|
|
}
|
|
|
|
@media (max-width: 690px) {
|
|
div#pagination {
|
|
padding: 0;
|
|
}
|
|
}
|
|
|
|
h3#index {
|
|
font-size: 2em;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
@media (max-width: 690px) {
|
|
.navbar-toggle {
|
|
margin-right: 5px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 690px) {
|
|
td {
|
|
max-width: 40px;
|
|
word-break: break-word;
|
|
}
|
|
}
|
|
|
|
/* FIRE THE FUCKING LAZ0R MOTHERFUCKER! */
|
|
#btn-upload:hover {
|
|
background-image: url(/shoop.png);
|
|
background-size: contain;
|
|
background-repeat: no-repeat;
|
|
|
|
}
|
|
|
|
#btn-upload:hover > span#laz0r-fire {
|
|
background: aqua;
|
|
position: absolute;
|
|
height: 15px;
|
|
z-index: 0;
|
|
left: 24px;
|
|
box-shadow: -1px 0px 3px 1px white;
|
|
top: 15.44px;
|
|
-webkit-animation-name: shoop;
|
|
-webkit-animation-duration: 0.1s;
|
|
-webkit-animation-iteration-count: infinite;
|
|
border-top-left-radius: 5px;
|
|
border-bottom-left-radius: 5px;
|
|
width: calc(100% - 40px);
|
|
font-family: vcr;
|
|
}
|
|
|
|
#btn-upload:hover > span.laz0r {
|
|
z-index: 1;
|
|
font-size: 39px;
|
|
position: relative;
|
|
font-weight: bold;
|
|
text-transform: uppercase;
|
|
text-shadow: 0px 0px 5px #00ffff;
|
|
top: 0px;
|
|
font-family: vcr;
|
|
color: #151013;
|
|
}
|
|
|
|
@-webkit-keyframes shoop {
|
|
0% { top: 16px }
|
|
2% { top: 17px }
|
|
3% { top: 20px }
|
|
10% { top: 17px }
|
|
100% { top: 16px }
|
|
}
|
|
|
|
.kk {
|
|
display: flex;
|
|
justify-content: center;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
}
|
|
|
|
.bannedomg {
|
|
text-align: center;
|
|
color: white;
|
|
font-weight: bold;
|
|
font-size: 2vh;
|
|
font-family: monospace;
|
|
}
|
|
|
|
video.banvideo {
|
|
margin: 0 auto;
|
|
display: flex;
|
|
}
|
|
|
|
h1#b4nned {
|
|
text-align:center;
|
|
}
|
|
|
|
@media (max-width: 690px) {
|
|
.banwidth {
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
.banned {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.box {
|
|
background: #232222;
|
|
padding: 5px;
|
|
border: 1px solid black;
|
|
margin-bottom: 5px;
|
|
padding-left: 10px;
|
|
overflow: auto;
|
|
}
|
|
|
|
.about-tags {
|
|
color: #c8c8c8;
|
|
background: rgba(90, 88, 88, 0.4) none repeat scroll 0 0;
|
|
border: none;
|
|
border-radius: 0px;
|
|
padding: 6px 3px;
|
|
}
|
|
|
|
.friends {
|
|
text-align: center;
|
|
font-weight: bold;
|
|
color: aliceblue;
|
|
font-family: vcr;
|
|
text-transform: uppercase;
|
|
font-size: 16px;
|
|
background: black;
|
|
border-top: 1px solid #1fb2b0;
|
|
}
|
|
|
|
.friendz > a {
|
|
color: #ff00fc;
|
|
}
|
|
|
|
|
|
|
|
.rainbow {
|
|
animation: rainbold 1s linear infinite;
|
|
color: red;
|
|
font-size: 1.5em;
|
|
letter-spacing: 0.33em;
|
|
/*margin-left: 7px;*/
|
|
text-shadow: -1px 0px orange, -2px 0px yellow, -3px 0px green, -4px 0px blue, -5px 0px indigo, -6px 0px violet;
|
|
}
|
|
@keyframes rainbold {
|
|
0% {
|
|
color: red;
|
|
text-shadow: -1px 0px orange, -2px 0px yellow, -3px 0px green, -4px 0px blue, -5px 0px indigo, -6px 0px violet;
|
|
}
|
|
14% {
|
|
color: orange;
|
|
text-shadow: -1px 0px yellow, -2px 0px green, -3px 0px blue, -4px 0px indigo, -5px 0px violet, -6px 0px red;
|
|
}
|
|
28% {
|
|
color: yellow;
|
|
text-shadow: -1px 0px green, -2px 0px blue, -3px 0px indigo, -4px 0px violet, -5px 0px red, -6px 0px orange;
|
|
}
|
|
43% {
|
|
color: green;
|
|
text-shadow: -1px 0px blue, -2px 0px indigo, -3px 0px violet, -4px 0px red, -5px 0px orange, -6px 0px yellow;
|
|
}
|
|
57% {
|
|
color: blue;
|
|
text-shadow: -1px 0px indigo, -2px 0px violet, -3px 0px red, -4px 0px orange, -5px 0px yellow, -6px 0px green;
|
|
}
|
|
71% {
|
|
color: indigo;
|
|
text-shadow: -1px 0px violet, -2px 0px red, -3px 0px orange, -4px 0px yellow, -5px 0px green, -6px 0px blue;
|
|
}
|
|
85% {
|
|
color: violet;
|
|
text-shadow: -1px 0px red, -2px 0px orange, -3px 0px yellow, -4px 0px green, -5px 0px blue, -6px 0px indigo;
|
|
}
|
|
100% {
|
|
color: red;
|
|
text-shadow: -1px 0px orange, -2px 0px yellow, -3px 0px green, -4px 0px blue, -5px 0px indigo, -6px 0px violet;
|
|
}
|
|
}
|
|
@-moz-keyframes rainbold {
|
|
0% {
|
|
color: red;
|
|
text-shadow: -1px 0px orange, -2px 0px yellow, -3px 0px green, -4px 0px blue, -5px 0px indigo, -6px 0px violet;
|
|
}
|
|
14% {
|
|
color: orange;
|
|
text-shadow: -1px 0px yellow, -2px 0px green, -3px 0px blue, -4px 0px indigo, -5px 0px violet, -6px 0px red;
|
|
}
|
|
28% {
|
|
color: yellow;
|
|
text-shadow: -1px 0px green, -2px 0px blue, -3px 0px indigo, -4px 0px violet, -5px 0px red, -6px 0px orange;
|
|
}
|
|
43% {
|
|
color: green;
|
|
text-shadow: -1px 0px blue, -2px 0px indigo, -3px 0px violet, -4px 0px red, -5px 0px orange, -6px 0px yellow;
|
|
}
|
|
57% {
|
|
color: blue;
|
|
text-shadow: -1px 0px indigo, -2px 0px violet, -3px 0px red, -4px 0px orange, -5px 0px yellow, -6px 0px green;
|
|
}
|
|
71% {
|
|
color: indigo;
|
|
text-shadow: -1px 0px violet, -2px 0px red, -3px 0px orange, -4px 0px yellow, -5px 0px green, -6px 0px blue;
|
|
}
|
|
85% {
|
|
color: violet;
|
|
text-shadow: -1px 0px red, -2px 0px orange, -3px 0px yellow, -4px 0px green, -5px 0px blue, -6px 0px indigo;
|
|
}
|
|
100% {
|
|
color: red;
|
|
text-shadow: -1px 0px orange, -2px 0px yellow, -3px 0px green, -4px 0px blue, -5px 0px indigo, -6px 0px violet;
|
|
}
|
|
}
|
|
@-webkit-keyframes rainbold {
|
|
0% {
|
|
color: red;
|
|
text-shadow: -1px 0px orange, -2px 0px yellow, -3px 0px green, -4px 0px blue, -5px 0px indigo, -6px 0px violet;
|
|
}
|
|
14% {
|
|
color: orange;
|
|
text-shadow: -1px 0px yellow, -2px 0px green, -3px 0px blue, -4px 0px indigo, -5px 0px violet, -6px 0px red;
|
|
}
|
|
28% {
|
|
color: yellow;
|
|
text-shadow: -1px 0px green, -2px 0px blue, -3px 0px indigo, -4px 0px violet, -5px 0px red, -6px 0px orange;
|
|
}
|
|
43% {
|
|
color: green;
|
|
text-shadow: -1px 0px blue, -2px 0px indigo, -3px 0px violet, -4px 0px red, -5px 0px orange, -6px 0px yellow;
|
|
}
|
|
57% {
|
|
color: blue;
|
|
text-shadow: -1px 0px indigo, -2px 0px violet, -3px 0px red, -4px 0px orange, -5px 0px yellow, -6px 0px green;
|
|
}
|
|
71% {
|
|
color: indigo;
|
|
text-shadow: -1px 0px violet, -2px 0px red, -3px 0px orange, -4px 0px yellow, -5px 0px green, -6px 0px blue;
|
|
}
|
|
85% {
|
|
color: violet;
|
|
text-shadow: -1px 0px red, -2px 0px orange, -3px 0px yellow, -4px 0px green, -5px 0px blue, -6px 0px indigo;
|
|
}
|
|
100% {
|
|
color: red;
|
|
text-shadow: -1px 0px orange, -2px 0px yellow, -3px 0px green, -4px 0px blue, -5px 0px indigo, -6px 0px violet;
|
|
}
|
|
}
|
|
|
|
.dropbtn {
|
|
padding: 16px;
|
|
font-size: 16px;
|
|
border: none;
|
|
}
|
|
|
|
.dropdown {
|
|
position: relative;
|
|
display: inline-block;
|
|
}
|
|
|
|
.dropdown-content {
|
|
|
|
display: none;
|
|
position: absolute;
|
|
min-width: 140px;
|
|
box-shadow: none;
|
|
z-index: 1;
|
|
|
|
}
|
|
|
|
.dropdown-content a {
|
|
color: white;
|
|
text-decoration: none;
|
|
display: block;
|
|
background: #383737;
|
|
text-align: left;
|
|
padding: 5px;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.dropdown-content a:hover {
|
|
background-color: #3f3f3f;
|
|
}
|
|
|
|
.dropdown:hover .dropdown-content {display: block;}
|
|
|
|
.dropdown:hover .dropbtn {background-color: #3e8e41;}
|
|
|
|
#dlbutton {
|
|
cursor: pointer;
|
|
text-decoration: none;
|
|
color: #1fb2b0;
|
|
}
|
|
|
|
.popover-content {
|
|
/*padding-bottom: 0px;*/
|
|
}
|
|
|
|
div.downloadvid {
|
|
width: max-content;
|
|
width: -webkit-max-content;
|
|
width: -moz-max-content;
|
|
}
|
|
|
|
ul.downloadlist {
|
|
list-style: none;
|
|
padding: 0;
|
|
}
|
|
|
|
.filesize {
|
|
float: right;
|
|
padding-left: 5px;
|
|
}
|
|
|
|
#careful {
|
|
text-shadow: 1px 0px 5px red;
|
|
}
|
|
|
|
nsfw {
|
|
color: #d83b3bcc;
|
|
background: #0a090c;
|
|
padding: 5px;
|
|
position: absolute;
|
|
font-weight: bold;
|
|
}
|
|
|
|
nsfw::after {
|
|
content: "NSFW";
|
|
}
|
|
|
|
sfw {
|
|
color: #59d83bcc;
|
|
background: #0a090c;
|
|
padding: 5px;
|
|
position: absolute;
|
|
font-weight: bold;
|
|
}
|
|
|
|
sfw::after {
|
|
content: "SFW";
|
|
}
|
|
|
|
.copylink {
|
|
border-radius: 5px;
|
|
border: 0;
|
|
color: white;
|
|
padding-right: 5px;
|
|
padding-left: 5px;
|
|
}
|
|
|
|
button.copylink {
|
|
background: transparent;
|
|
color: inherit;
|
|
}
|
|
|
|
button.copylink:active {
|
|
background: #142121;
|
|
outline: 0;
|
|
transition: all 2s ease-in-out;
|
|
}
|
|
|
|
button.copylink:focus {
|
|
outline: 0;
|
|
background: #142121;
|
|
transition: all .4s ease;
|
|
}
|
|
|
|
button.copylink:hover {
|
|
background: #142121;
|
|
transition: all 2s ease;
|
|
}
|
|
|
|
button.copylink:focus:after {
|
|
content: "✔";
|
|
position: relative;
|
|
color: lime;
|
|
left: 3px;
|
|
top: -2px;
|
|
transition: all .5s ease;
|
|
font-size: 14px;
|
|
}
|
|
|
|
button.copylink:not(:focus) {
|
|
transition: all .5s ease-out;
|
|
}
|
|
|
|
@keyframes success {
|
|
from { opacity: 0; }
|
|
to { opacity: 1; }
|
|
}
|
|
|
|
@keyframes success-mobile {
|
|
from { top: 0; z-index: -1; }
|
|
to { top: -13; }
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
button.copylink:focus:after {
|
|
left: 3px;
|
|
font-size: 10px;
|
|
top: -4px;
|
|
transition: all .5s ease;
|
|
animation-name: success-mobile;
|
|
animation-duration: .5s;
|
|
}
|
|
}
|
|
|
|
.spoiler {
|
|
background: black;
|
|
color: black;
|
|
font-family: monospace;
|
|
padding-left: 2px;
|
|
padding-right: 2px;
|
|
}
|
|
|
|
.spoiler:hover {
|
|
color: white;
|
|
transition: all .2s ease-in-out;
|
|
}
|
|
|
|
a:hover, a:focus {
|
|
color: #1fb2b0;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
button#togglebg {
|
|
background: transparent;
|
|
border: 0;
|
|
border-radius: 5px;
|
|
padding-right: 5px;
|
|
padding-left: 5px;
|
|
}
|
|
|
|
button#togglebg:active {
|
|
background: #353512;
|
|
outline: 0;
|
|
transition: all 2s ease-in-out;
|
|
}
|
|
|
|
button#togglebg:focus {
|
|
outline: 0;
|
|
background: #142121;
|
|
transition: all .4s ease;
|
|
}
|
|
|
|
button#togglebg:hover {
|
|
background: #142121;
|
|
transition: all 2s ease;
|
|
}
|
|
|
|
button#togglebg:not(:focus) {
|
|
transition: all .5s ease-out;
|
|
}
|
|
|
|
button#toggle {
|
|
background: transparent;
|
|
border: 0;
|
|
border-radius: 5px;
|
|
padding-right: 5px;
|
|
padding-left: 5px;
|
|
}
|
|
|
|
button#toggle:active {
|
|
background: #353512;
|
|
outline: 0;
|
|
transition: all 2s ease-in-out;
|
|
}
|
|
|
|
button#toggle:focus {
|
|
outline: 0;
|
|
background: #142121;
|
|
transition: all .4s ease;
|
|
}
|
|
|
|
button#toggle:hover {
|
|
background: #142121;
|
|
transition: all 2s ease;
|
|
}
|
|
|
|
button#toggle:not(:focus) {
|
|
transition: all .5s ease-out;
|
|
}
|
|
|
|
span.videoinfo {
|
|
background: #1f1f20d1;
|
|
border-radius: 5px;
|
|
padding: 5px;
|
|
}
|
|
|
|
button#dlbutton {
|
|
background: transparent;
|
|
border: 0;
|
|
border-radius: 5px;
|
|
padding: 5px;
|
|
}
|
|
|
|
button#dlbutton:active {
|
|
background: #142121;
|
|
outline: 0;
|
|
transition: all 2s ease-in-out;
|
|
}
|
|
|
|
button#dlbutton:focus {
|
|
outline: 0;
|
|
background: #142121;
|
|
transition: all .4s ease;
|
|
}
|
|
|
|
button#dlbutton:hover {
|
|
background: #142121;
|
|
transition: all 2s ease;
|
|
}
|
|
|
|
button#dlbutton:not(:focus) {
|
|
transition: all .5s ease-out;
|
|
}
|
|
|
|
button#webm_report {
|
|
background: transparent;
|
|
border: 0;
|
|
border-radius: 5px;
|
|
padding-right: 5px;
|
|
padding-left: 5px;
|
|
}
|
|
|
|
button#webm_report:active {
|
|
background: #353512;
|
|
outline: 0;
|
|
transition: all 2s ease-in-out;
|
|
}
|
|
|
|
button#webm_report:focus {
|
|
outline: 0;
|
|
background: #142121;
|
|
transition: all .4s ease;
|
|
}
|
|
|
|
button#webm_report:hover {
|
|
background: #142121;
|
|
transition: all .5s ease;
|
|
}
|
|
|
|
button#webm_report:not(:focus) {
|
|
transition: all .5s ease-out;
|
|
}
|
|
|
|
/* FAV */
|
|
|
|
button#favbutton {
|
|
background: transparent;
|
|
border: 0;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
button#favbutton:active {
|
|
background: #142121;
|
|
outline: 0;
|
|
transition: all 2s ease-in-out;
|
|
}
|
|
|
|
button#favbutton:focus {
|
|
outline: 0;
|
|
background: #142121;
|
|
transition: all .4s ease;
|
|
}
|
|
|
|
button#favbutton:hover {
|
|
background: #142121;
|
|
transition: all 2s ease;
|
|
}
|
|
|
|
button#favbutton:not(:focus) {
|
|
transition: all .5s ease-out;
|
|
}
|
|
|
|
/* Infobutton */
|
|
button#infobox {
|
|
background: transparent;
|
|
border: 0;
|
|
border-radius: 5px;
|
|
padding: 5px;
|
|
}
|
|
|
|
button#infobox:active {
|
|
background: #142121;
|
|
outline: 0;
|
|
transition: all 2s ease-in-out;
|
|
}
|
|
|
|
button#infobox:focus {
|
|
outline: 0;
|
|
background: #142121;
|
|
transition: all .4s ease;
|
|
}
|
|
|
|
button#infobox:hover {
|
|
background: #142121;
|
|
transition: all 2s ease;
|
|
}
|
|
|
|
button#infobox:not(:focus) {
|
|
transition: all .5s ease-out;
|
|
}
|
|
|
|
.favbutton {
|
|
position: relative;
|
|
display: inline-block;
|
|
}
|
|
|
|
.vidinfo {
|
|
text-align: center;
|
|
color: rgb(31, 178, 176);
|
|
position: relative;
|
|
top: 10px;
|
|
font-family: "Oswald",sans-serif;
|
|
font-size: 16px;
|
|
}
|
|
|
|
/* onclick css menu */
|
|
.onclick-menu {
|
|
position: relative;
|
|
display: inline-block;
|
|
}
|
|
.onclick-menu:before {
|
|
content: "?";
|
|
}
|
|
.onclick-menu:focus {
|
|
pointer-events: none;
|
|
}
|
|
|
|
.onclick-menu:focus .onclick-menu-content {
|
|
opacity: 1;
|
|
visibility: visible;
|
|
}
|
|
|
|
.onclick-menu-content {
|
|
pointer-events: auto;
|
|
position: absolute;
|
|
z-index: 1;
|
|
width: 40em;
|
|
opacity: 0;
|
|
visibility: hidden;
|
|
transition: visibility 0.5s;
|
|
-moz-transition: visibility 0.5s;
|
|
-webkit-transition: visibility 0.5s;
|
|
-o-transition: visibility 0.5s;
|
|
}
|
|
|
|
.onclick-menu.no-pointer-events {
|
|
pointer-events: auto !important;
|
|
}
|
|
|
|
.onclick-menu.no-visibility .onclick-menu-content {
|
|
visibility: visible !important;
|
|
display: none;
|
|
}
|
|
|
|
.onclick-menu.no-visibility:focus .onclick-menu-content {
|
|
display: block;
|
|
}
|
|
|
|
.onclick-menu.no-opacity .onclick-menu-content {
|
|
opacity: 1 !important;
|
|
}
|
|
|
|
/*
|
|
Eye candy
|
|
( colors courtesy of https://kuler.adobe.com/try-color-theme-3350110 )
|
|
*/
|
|
.onclick-menu {
|
|
padding: 0;
|
|
margin: 0 0 0 0;
|
|
outline: 0;
|
|
}
|
|
.onclick-menu:before {
|
|
padding: 5px 10px;
|
|
color: #1fb2b0;
|
|
font-weight: bold;
|
|
cursor: pointer;
|
|
}
|
|
.onclick-menu-content {
|
|
background-color: #21292f;
|
|
margin-top: 10px;
|
|
margin-left: -6px;
|
|
padding: 10px;
|
|
}
|
|
|
|
/* arrow for the expanding part */
|
|
.onclick-menu-content:before {
|
|
content: "";
|
|
width: 0;
|
|
height: 0;
|
|
|
|
border-bottom: 10px solid #b1b1b1;
|
|
border-left: 10px solid transparent;
|
|
border-right: 10px solid transparent;
|
|
|
|
position: absolute;
|
|
top: -10px;
|
|
}
|
|
|
|
.onclick-menu-content li {
|
|
color: #f2f5e9;
|
|
list-style-type: none;
|
|
white-space: pre-line;
|
|
}
|
|
|
|
/* style the buttons */
|
|
.onclick-menu-content button {
|
|
background: transparent;
|
|
border: none;
|
|
color: inherit;
|
|
cursor: inherit;
|
|
outline: 0;
|
|
cursor: pointer;
|
|
}
|
|
.onclick-menu-content button:hover {
|
|
color: #ff8c31;
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
.onclick-menu {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
.vidinfo {
|
|
background: #21292f;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
span.videoinfo {
|
|
background: transparent;
|
|
}
|
|
|
|
time.timeago {
|
|
display: inline-block;
|
|
}
|
|
}
|
|
|
|
a.delete_video, a.edit_video {
|
|
font-size: 13px;
|
|
color: #ffff;
|
|
}
|
|
|
|
a.delete_comment, a.edit_comment {
|
|
font-size: 12px;
|
|
color: white;
|
|
float: right;
|
|
padding-right: 5px;
|
|
}
|
|
|
|
a.saveCommentEdit, a.abortCommentEdit {
|
|
font-size: 12px;
|
|
color: white;
|
|
float: right;
|
|
padding-right: 5px;
|
|
}
|
|
|
|
amount {
|
|
color: #1fb2b0;
|
|
}
|
|
|
|
p {
|
|
word-wrap: break-word;
|
|
}
|
|
|
|
.reg_wrapper {
|
|
padding: 10px;
|
|
background: #1a1a1b;
|
|
margin: 5px;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
.advantages {
|
|
padding: 10px;
|
|
background: #21292f;
|
|
margin: 5px;
|
|
border-radius: 5px;
|
|
color: aliceblue;
|
|
}
|
|
|
|
#registermodal, #loginmodal {
|
|
padding-left: 0px !important;
|
|
}
|
|
|
|
.login_wrapper {
|
|
padding: 10px;
|
|
background: #1a1a1b;
|
|
margin: 5px;
|
|
border-radius: 5px;
|
|
display: flex;
|
|
justify-content: center;
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
#btn-upload:hover > span.laz0r {
|
|
font-size: 26px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 991px) {
|
|
.aside + div > .container {
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
a.file_size {
|
|
color: white;
|
|
}
|
|
|
|
.comment_emoji {
|
|
max-width: 80px;
|
|
max-height: 80px;
|
|
vertical-align: top;
|
|
}
|
|
|
|
.comment_emoji_small {
|
|
height: 50px;
|
|
width: auto;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
.emojis {
|
|
display: flex;
|
|
flex-flow: row wrap;
|
|
}
|
|
|
|
#parent {
|
|
background: #21292f;
|
|
border-radius: 5px;
|
|
/*border: 1px solid #1fb2b0;*/
|
|
padding: 5px;
|
|
cursor: auto;
|
|
}
|
|
|
|
.emoji-shit, .header {
|
|
display: inline;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.simplebar-scrollbar:before {
|
|
position: absolute;
|
|
content: "";
|
|
background: #73859f;
|
|
border-radius: 0;
|
|
left: 0;
|
|
right: 0;
|
|
opacity: 0;
|
|
transition: opacity 0.2s linear;
|
|
}
|
|
|
|
.simplebar-track .simplebar-scrollbar.visible:before {
|
|
opacity: 0.8;
|
|
transition: opacity 0 linear;
|
|
}
|
|
|
|
.simplebar-track.horizontal .simplebar-scrollbar:before {
|
|
height: 100%;
|
|
left: 0;
|
|
right: 0;
|
|
}
|
|
|
|
.horizontal.simplebar-track .simplebar-scrollbar {
|
|
right: auto;
|
|
left: auto;
|
|
top: auto;
|
|
height: 14px;
|
|
min-height: 0;
|
|
min-width: 10px;
|
|
width: auto;
|
|
}
|
|
|
|
.whatanime {
|
|
background: rgb(33, 41, 47);
|
|
color: white;
|
|
text-align: center;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
.anime-thumb-opener {
|
|
position: absolute;
|
|
top: 5px;
|
|
right: 5px;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
background: #21292f;
|
|
border-radius: 98px;
|
|
padding-left: 5px;
|
|
padding-right: 5px;
|
|
padding-top: 2px;
|
|
padding-bottom: 2px;
|
|
border: 2px solid #1fb2b0;
|
|
color: white;
|
|
}
|
|
|
|
.anime-thumb {
|
|
position: absolute;
|
|
border: 2px solid black;
|
|
background: #21292f;
|
|
text-align: left;
|
|
font-family: monospace;
|
|
font-size: 13px;
|
|
width: 324px;
|
|
top: 10px;
|
|
right: 10px;
|
|
padding: 10px;
|
|
}
|
|
|
|
img#thumbnail_img {
|
|
max-width: 300px;
|
|
border: 1px solid white;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
a[href="https://w0bm.com/user/thebigben"], a.thebigben, h3.thebigben {
|
|
font-family: unifrakturcook,cursive;
|
|
}
|
|
|
|
.no-js {
|
|
position: absolute;
|
|
font-size: 10px;
|
|
right: calc(100vh - 30%);
|
|
font-style: italic;
|
|
font-family: monospace;
|
|
border: 1px dotted red;
|
|
background: white;
|
|
color: black;
|
|
top: 5px;
|
|
padding: 5px;
|
|
}
|
|
|
|
.no-js-profile {
|
|
position: absolute;
|
|
font-size: 10px;
|
|
font-style: italic;
|
|
font-family: monospace;
|
|
border: 1px dotted red;
|
|
background: white;
|
|
color: black;
|
|
top: 5px;
|
|
padding: 5px;
|
|
}
|
|
|
|
.Ralfjack::before {
|
|
background-image: url('/images/icons/ralfjack/muscle-left.png');
|
|
background-size: 15.4px 15.4px;
|
|
display: inline-block;
|
|
width: 15.4px;
|
|
height: 15.4px;
|
|
content: "";
|
|
vertical-align: middle;
|
|
margin-right: 5px;
|
|
margin-left: 5px;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.Ralfjack::after {
|
|
background-image: url('/images/icons/ralfjack/muscle-right.png');
|
|
background-size: 15.4px 15.4px;
|
|
display: inline-block;
|
|
width: 15.4px;
|
|
height: 15.4px;
|
|
content: "";
|
|
vertical-align: middle;
|
|
margin-left: 5px;
|
|
margin-right: 5px;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.Ralfjack {
|
|
background-image: url("/images/icons/ralfjack/latvia.png");
|
|
color: #0013e7;
|
|
font-weight: bold;
|
|
text-shadow: 0px 0px 2px #fff;
|
|
font-family: Oswald;
|
|
font-size: 15px;
|
|
background-size: contain;
|
|
max-width: 140px;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.Ralfjack:hover {
|
|
color: blue;
|
|
}
|
|
|
|
h3.Ralfjack {
|
|
font-size: 25px;
|
|
max-width: 164px;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
|
|
.Flummi {
|
|
background-image: url(/images/icons/flummi/nyancat.gif);
|
|
background-repeat: no-repeat;
|
|
color: rgba(134, 0, 81, 0);
|
|
animation: nyan 4.0s linear infinite !important;
|
|
margin-right: 6px;
|
|
}
|
|
|
|
@keyframes nyan {
|
|
from {background-position: -40px 1px;}
|
|
to {background-position: 80px 1px;}
|
|
}
|
|
|
|
|
|
@keyframes nyan-big {
|
|
from {background-position: -40px 1px; transition: 5s all ease;}
|
|
to {background-position: 160px 1px; transition: 5s all ease;}
|
|
}
|
|
|
|
h3.Flummi {
|
|
background-image: url("/images/icons/flummi/nyan-big.gif");
|
|
background-repeat: no-repeat;
|
|
color: rgba(134, 0, 81, 0);
|
|
animation: nyan-big 8.0s linear infinite !important;
|
|
margin-right: 6px;
|
|
background-size: contain;
|
|
width: calc(120px + 40px);
|
|
}
|
|
|
|
.dropdown-menu {
|
|
border: 1px solid black!important;
|
|
padding: 5px!important;
|
|
margin: -15px 15px 0!important;
|
|
border-radius: 0px!important;
|
|
background-color: #161618;
|
|
min-width: 100px;
|
|
}
|
|
|
|
button.w0bmcustom-css {
|
|
width: 100%;
|
|
padding-bottom: 5px;
|
|
background: #232222;
|
|
padding: 5px;
|
|
border: 1px solid black;
|
|
margin-bottom: 5px;
|
|
color: #adadad;
|
|
}
|
|
|
|
button.w0bmcustom-css:hover {
|
|
background: rgba(84, 84, 84, 0.5);
|
|
}
|
|
|
|
button.chilledblue-css {
|
|
width: 100%;
|
|
padding-bottom: 5px;
|
|
background: #142121;
|
|
border: 1px solid #131916;
|
|
margin-bottom: 5px;
|
|
color: #adadad;
|
|
}
|
|
button.chilledblue-css:hover {
|
|
background: #183333b8;
|
|
}
|
|
|
|
button.epilepsie-css {
|
|
width: 100%;
|
|
padding-bottom: 5px;
|
|
background: #ff0000;
|
|
padding: 5px;
|
|
border: 1px solid black;
|
|
margin-bottom: 5px;
|
|
color: #ffffff;
|
|
font-weight: bold;
|
|
text-transform: uppercase;
|
|
border: 1px dashed yellow;
|
|
}
|
|
|
|
button.epilepsie-css:hover {
|
|
background: rgba(84, 84, 84, 0.5);
|
|
}
|
|
|
|
button.xayd-css {
|
|
width: 100%;
|
|
padding-bottom: 5px;
|
|
background: #0b0b0b;
|
|
padding: 5px;
|
|
border: 1px solid black;
|
|
margin-bottom: 5px;
|
|
color: #e8008d;
|
|
}
|
|
|
|
button.xayd-css:hover {
|
|
background: #1b1b1b;
|
|
}
|
|
|
|
ul.nav.navbar-nav.info-nav {
|
|
margin: 0;
|
|
}
|
|
|
|
#commentAmount {
|
|
color: #0bf6ff;
|
|
vertical-align: middle;
|
|
position: relative;
|
|
bottom: 5px;
|
|
font-size: 12px;
|
|
text-shadow: 1px 0px 1px black;
|
|
font-family: Oswald;
|
|
}
|
|
|
|
/* localhost special css */
|
|
.panel-body[author="localhost"] {
|
|
color: #58f940;
|
|
font-family: monospace;
|
|
text-shadow: 1px 1px 3px lime;
|
|
}
|
|
|
|
.panel.panel-default[author="localhost"] {
|
|
background: black;
|
|
color: #58f940;
|
|
background-image: url(/images/icons/hagbard/background.gif);
|
|
background-repeat: round;
|
|
background-size: auto;
|
|
text-shadow: 1px 1px 3px #00cb17;
|
|
}
|
|
|
|
.panel-body[author="localhost"] a {
|
|
color: #58f940 !important;
|
|
}
|
|
|
|
.localhost {
|
|
color: #ffffffb3;
|
|
font-family: monospace;
|
|
}
|
|
|
|
/* Firefox is now after 18 years of waiting capable of colorizing the scrollbar, holy shit, the child is now a man, but still a baby */
|
|
.comments, div#tag-display, .emojis {
|
|
scrollbar-color: #808080 #2f2e2f;
|
|
}
|
|
.videotitle {
|
|
font-family: Oswald;
|
|
text-shadow: 1px 1px 1px #1fb2b0;
|
|
}
|
|
.spoiler img {
|
|
filter: brightness(0%);
|
|
transition: all .2s ease-in-out;
|
|
}
|
|
|
|
.spoiler img:hover {
|
|
filter: brightness(100%);
|
|
transition: all .2s ease-in-out;
|
|
}
|
|
|
|
.spoiler {
|
|
padding: 0!important;
|
|
}
|
|
|
|
/* 0x40 test css */
|
|
#motd > .panel-body {
|
|
padding: 0;
|
|
}
|
|
|
|
/* spoilered emojis [spoiler] :lolololol: [/spoiler] */
|
|
.spoiler .comment_emoji {
|
|
background: black;
|
|
}
|
|
|
|
/* Experimental title height and size*/
|
|
.videotitle {
|
|
font-family: Oswald;
|
|
text-shadow: 1px 1px 1px #1fb2b0;
|
|
margin-bottom: 2px;
|
|
margin-top: 0;
|
|
}
|
|
|
|
.video-js .vjs-loading-spinner {
|
|
display: none;
|
|
}
|
|
|
|
/* Motd fix */
|
|
.panel.panel-default {
|
|
margin-top: 0;
|
|
}
|
|
|
|
/* Contact */
|
|
input#collapsible[type='checkbox'] {
|
|
display: none;
|
|
}
|
|
|
|
.lbl-toggle {
|
|
display: flow-root;
|
|
font-weight: bold;
|
|
font-family: monospace;
|
|
font-size: 1.2rem;
|
|
text-transform: uppercase;
|
|
text-align: center;
|
|
padding: 1rem;
|
|
color: #fff;
|
|
background: #263942;
|
|
cursor: pointer;
|
|
border-radius: 7px;
|
|
transition: all 0.25s ease-out;
|
|
}
|
|
|
|
.lbl-toggle::before {
|
|
content: ' ';
|
|
display: inline-block;
|
|
|
|
border-top: 5px solid transparent;
|
|
border-bottom: 5px solid transparent;
|
|
border-left: 5px solid currentColor;
|
|
|
|
vertical-align: middle;
|
|
margin-right: .7rem;
|
|
transform: translateY(-2px);
|
|
|
|
transition: transform .2s ease-out;
|
|
}
|
|
|
|
.collapsible-content .content-inner {
|
|
background: rgba(69, 133, 159, 0.2);
|
|
background-color: rgba(69, 133, 159, 0.2);
|
|
background-position-x: 0%;
|
|
background-position-y: 0%;
|
|
background-repeat: repeat;
|
|
background-attachment: scroll;
|
|
background-image: none;
|
|
background-size: auto;
|
|
background-origin: padding-box;
|
|
background-clip: border-box;
|
|
border-bottom: 1px solid rgba(255, 255, 255, 0.45);
|
|
border-bottom-left-radius: 7px;
|
|
border-bottom-right-radius: 7px;
|
|
padding: .5rem 1rem;
|
|
}
|
|
|
|
.collapsible-content {
|
|
max-height: 0px;
|
|
overflow: hidden;
|
|
|
|
transition: max-height .25s ease-in-out;
|
|
}
|
|
|
|
.toggle:checked + .lbl-toggle + .collapsible-content {
|
|
max-height: 350px;
|
|
}
|
|
|
|
.toggle:checked + .lbl-toggle::before {
|
|
transform: rotate(90deg) translateX(-3px);
|
|
}
|
|
|
|
.toggle:checked + .lbl-toggle {
|
|
border-bottom-right-radius: 0;
|
|
border-bottom-left-radius: 0;
|
|
}
|
|
|
|
div.content-inner {
|
|
color: #fff;
|
|
}
|
|
|
|
.glitch-css {
|
|
|
|
width: 100%;
|
|
padding-bottom: 5px;
|
|
background: linear-gradient(to top, #000 0%, #193638 100%);
|
|
border: 1px solid #1fb2b0;
|
|
margin-bottom: 5px;
|
|
color: #fff;
|
|
font-family: monospace;
|
|
vertical-align: super;
|
|
padding: 5px;
|
|
border-radius: 5px;
|
|
text-transform: uppercase;
|
|
font-weight: bold;
|
|
font-family: oswald;
|
|
line-height: 19px;
|
|
|
|
}
|
|
|
|
.glitch-css:hover {
|
|
opacity: 0.7;
|
|
}
|
|
|
|
@media (min-width: 1200px) {
|
|
.aside + div > .container {
|
|
width: 720px;
|
|
}
|
|
}
|
|
|
|
#comment_container_scrollable {
|
|
position: relative;
|
|
width: 350px;
|
|
height: 900px;
|
|
}
|
|
|
|
.ps__rail-y {
|
|
right: 0;
|
|
}
|
|
|
|
.ps .ps__rail-x:hover, .ps .ps__rail-y:hover, .ps .ps__rail-x:focus, .ps .ps__rail-y:focus, .ps .ps__rail-x.ps--clicking, .ps .ps__rail-y.ps--clicking {
|
|
background-color: transparent;
|
|
opacity: 0.9;
|
|
}
|
|
|
|
.ps__rail-y:hover > .ps__thumb-y, .ps__rail-y:focus > .ps__thumb-y, .ps__rail-y.ps--clicking .ps__thumb-y {
|
|
cursor: grabbing;
|
|
background: linear-gradient(to top, #0a0a0a 0%, #163f42 100%);
|
|
}
|
|
|
|
.ps .ps__rail-x:hover, .ps .ps__rail-y:hover, .ps .ps__rail-x:focus, .ps .ps__rail-y:focus, .ps .ps__rail-x.ps--clicking, .ps .ps__rail-y.ps--clicking {
|
|
background-color: transparent;
|
|
opacity: .9;
|
|
}
|
|
|
|
#emoji_box_slider {
|
|
|
|
position: relative;
|
|
width: auto;
|
|
height: auto;
|
|
|
|
}
|
|
|
|
/*.video-js .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
|
|
background: linear-gradient(to top, #0a0a0a 0%, #163f42 100%);
|
|
}
|
|
|
|
.video-js .vjs-menu-button-popup .vjs-menu .vjs-menu-item, .video-js .vjs-menu-button-popup .vjs-menu .vjs-menu-title {
|
|
background: linear-gradient(to top, #0a0a0a 0%, #163f42 100%);
|
|
border: 1px solid black;
|
|
}*/
|
|
|
|
.vjs-menu-item:hover {
|
|
opacity: 0.7;
|
|
}
|
|
|
|
.commentform-panel-footer {
|
|
padding: 15px;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
/* literally wtf */
|
|
span.badge.message-badge {
|
|
position: absolute;
|
|
bottom: 25px;
|
|
}
|
|
|
|
.modal-body-report.webmreportmodal {
|
|
padding: 15px;
|
|
}
|
|
|
|
button#layout1 {
|
|
width: 100%;
|
|
padding-bottom: 5px;
|
|
background: #3a3838;
|
|
padding: 5px;
|
|
border: 1px solid black;
|
|
margin-bottom: 5px;
|
|
color: #adadad;
|
|
}
|
|
|
|
button#layout2 {
|
|
width: 100%;
|
|
border: 1px solid #000000;
|
|
margin-bottom: 5px;
|
|
color: #fff;
|
|
background: linear-gradient(to top,#0dd97de0 0%,#000000d9 100%);
|
|
text-shadow: 1px 1px 1px black;
|
|
}
|
|
|
|
button#layout3 {
|
|
background: black;
|
|
width: 100%;
|
|
border: 2px solid white;
|
|
font-family: monospace;
|
|
margin-bottom: 5px;
|
|
color: white;
|
|
}
|
|
|
|
button#layout4 {
|
|
background: black;
|
|
width: 100%;
|
|
border: 2px solid white;
|
|
font-family: monospace;
|
|
margin-bottom: 5px;
|
|
color: white;
|
|
}
|
|
|
|
button#layout5 {
|
|
background: #161618;
|
|
width: 100%;
|
|
border: 2px solid white;
|
|
font-family: Oswald;
|
|
margin-bottom: 5px;
|
|
color: #1fb2b0;
|
|
}
|
|
|
|
.fickfackfoo.panel-body {
|
|
padding: 5px 5px;
|
|
}
|
|
|
|
.commentform-panel-footer {
|
|
padding: 5px;
|
|
}
|
|
|
|
.textmodifierss {
|
|
/*background: #222222;
|
|
border: 1px solid #1fb2b0;
|
|
overflow: hidden;*/
|
|
}
|
|
|
|
.centered {
|
|
display: flex;
|
|
justify-content: center;
|
|
}
|
|
|
|
div#parent {
|
|
overflow-y: scroll;
|
|
height: 10rem;
|
|
}
|
|
|
|
a.not-safe-for-work {
|
|
|
|
}
|
|
|
|
a.safe-for-work {
|
|
|
|
}
|
|
|
|
button#layout4:before {
|
|
content: "nojs";
|
|
position: relative;
|
|
font-size: 8px;
|
|
}
|
|
|
|
.items {
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
|
|
grid-gap: 1em;
|
|
}
|
|
|
|
.commbordersoos {
|
|
background: #3a3938;
|
|
margin-left: 5px;
|
|
margin-right: 5px;
|
|
/*margin-bottom: 5px;*/
|
|
margin-top: -5px;
|
|
border-left: 1px solid black;
|
|
border-right: 1px solid black;
|
|
border-bottom: 1px solid black;
|
|
}
|
|
|
|
#parent {
|
|
background: #3a3938;
|
|
border-radius: 0;
|
|
margin-left: 5px;
|
|
margin-right: 5px;
|
|
border-left: 1px solid black;
|
|
border-bottom: 1px solid black;
|
|
border-right: 1px solid black;
|
|
}
|
|
|
|
.not-logged-in {
|
|
padding: 10px;
|
|
background: #1a1a1b;
|
|
margin: 5px;
|
|
border-radius: 5px;
|
|
display: flex;
|
|
justify-content: start;
|
|
}
|
|
|
|
.media-koerper {
|
|
width: 100%;
|
|
}
|
|
|
|
.sees.panel.panel-default {
|
|
padding-bottom: 5px;
|
|
}
|
|
|
|
video#placeholder {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
opacity: 0.2;
|
|
object-fit: cover;
|
|
}
|
|
|
|
.modal-content {
|
|
padding-top: 10px;
|
|
}
|
|
|
|
.bootstrap-tagsinput input {
|
|
vertical-align: sub;
|
|
}
|
|
|
|
.onclick-menu {
|
|
background: none;
|
|
border: 0;
|
|
}
|
|
|
|
.onclick-menu:before {
|
|
top: 0;
|
|
}
|
|
|
|
.bootstrap-tagsinput {
|
|
position: relative;
|
|
}
|
|
|
|
#submittags {
|
|
font-size: 16px;
|
|
background-color: #222222 ;
|
|
color: white;
|
|
padding-bottom: 0px;
|
|
border: 1px solid #1fb2b0;
|
|
border-radius: 0px;
|
|
vertical-align: top;
|
|
padding: 5px;
|
|
outline: 0;
|
|
}
|
|
|
|
#submittags:hover {
|
|
transition: .3s ease-in-out;
|
|
}
|
|
|
|
.bootstrap-tagsinput {
|
|
background: #222222 none repeat scroll 0 0;
|
|
border: 1px solid #1fb2b0;
|
|
border-radius: 0px;
|
|
padding: 5px;
|
|
line-height: 0;
|
|
}
|
|
|
|
.bootstrap-tagsinput input {
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.input-group {
|
|
height: 35px;
|
|
display: flex;
|
|
justify-content: space-evenly;
|
|
width: 100%;
|
|
}
|
|
|
|
label[for='tag-add-toggle'] {
|
|
padding-top: 12px;
|
|
}
|
|
|
|
.nav>li>a:hover, .nav>li>a:focus {
|
|
text-decoration: none;
|
|
background-color: #12161900;
|
|
color: #00fbff;
|
|
}
|
|
|
|
label[for='tag-add-toggle']:hover {
|
|
background-color: #12161900;
|
|
}
|
|
|
|
.toggo.tag-panel-body {
|
|
position: relative;
|
|
}
|
|
|
|
.tagtest {
|
|
position: relative;
|
|
z-index: 1;
|
|
}
|
|
|
|
div#tag-display {
|
|
border-bottom: 1px solid #3e3e3e57;
|
|
}
|
|
|
|
.embed-responsive.embed-responsive-16by9 {
|
|
margin-bottom: 0px;
|
|
}
|
|
|
|
.onclick-menu-content {
|
|
background: linear-gradient(to top,#0a0a0a 0%,#163f42 100%);
|
|
margin-top: 10px;
|
|
margin-left: -6px;
|
|
padding: 10px;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
.bootstrap-tagsinput {
|
|
line-height: inherit; /* quick line height possible fix for alignement of tag input*/
|
|
}
|
|
|
|
.bootstrap-tagsinput input {
|
|
vertical-align: middle;
|
|
height: 100%;
|
|
position: relative;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
}
|
|
repeating-radial-gradient(black, transparent 100px)
|
|
.bootstrap-tagsinput {
|
|
height: 100%;
|
|
}
|
|
|
|
.irc-content {
|
|
display: grid;
|
|
grid-template-columns: 3fr 1fr;
|
|
}
|
|
|
|
.irc-info {
|
|
margin: 10px;
|
|
text-align: center;
|
|
}
|
|
|
|
.webchat > iframe {
|
|
width: 100%;
|
|
min-height: 70vh;
|
|
}
|
|
|
|
/* fancy admin shizzle */
|
|
.Chatbot953 {
|
|
color: #ff0099 !important;
|
|
text-transform: uppercase;
|
|
text-shadow: 1px 1px 2px #ff00c8, 0px -2px 0px black, 2px 0px #6eff00;
|
|
font-family: vcr;
|
|
padding-right: 0px;
|
|
padding-left: 0px;
|
|
font-size: 17px;
|
|
vertical-align: initial;
|
|
}
|
|
|
|
.coronaids {
|
|
border: 2px solid red;
|
|
padding: 5px;
|
|
text-align: center;
|
|
font-weight: bold;
|
|
color: red;
|
|
text-shadow: 1px 1px black;
|
|
background: #1f2524b0;
|
|
margin: 0 !important;
|
|
}
|
|
|
|
.coronaids > p {
|
|
margin: 0!important;
|
|
}
|
|
|
|
span#w0bm_version {
|
|
vertical-align: sub;
|
|
opacity: 0.2;
|
|
font-family: VCR;
|
|
padding-left: 5px;
|
|
text-shadow: 2px 2px 4px #ff03d4;
|
|
}
|
|
|
|
a.discordo {
|
|
position: absolute;
|
|
bottom: -3px;
|
|
left: 85px;
|
|
font-family: vcr;}
|
|
|
|
label[for='tag-add-toggle'] {
|
|
padding-top: 10px;
|
|
}
|
|
|
|
i.fa.fa-bitcoin {
|
|
color: #e2c910;
|
|
}
|
|
|
|
i.fa.fa-bitcoin:hover {
|
|
color: #1fb2b0;
|
|
transition: .5s;
|
|
}
|
|
|
|
#matrix {
|
|
text-align: center;
|
|
background: black;
|
|
color: #17bd17;
|
|
border: 1px solid;
|
|
}
|
|
|
|
#matrix a {
|
|
color: #17bd17;
|
|
}
|
|
|
|
#bluepill {
|
|
width: 26px;
|
|
height: 10px;
|
|
display: inline-block;
|
|
color: blue;
|
|
background: blue;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
#redpill {
|
|
width: 26px;
|
|
height: 10px;
|
|
display: inline-block;
|
|
color: red;
|
|
background: red;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
.thread_closed {
|
|
color: white;
|
|
text-align: center;
|
|
border: 1px solid black;
|
|
background: #2d2c2c;
|
|
padding: 5px;
|
|
margin: 5px;
|
|
}
|
|
|
|
@media (min-width: 768px) {
|
|
ul.pagination {
|
|
display: flex;
|
|
justify-content: left;
|
|
position: relative;
|
|
bottom: -5px;
|
|
width: 0;
|
|
}
|
|
|
|
.pagination {
|
|
margin: 0;
|
|
}
|
|
}
|
|
|
|
.popover-content {
|
|
word-break: break-word;
|
|
}
|
|
|
|
pre {
|
|
display: block;
|
|
padding: 9.5px;
|
|
margin: 5px 0 10px;
|
|
font-size: 13px;
|
|
line-height: 1.42857143;
|
|
word-break: break-all;
|
|
word-wrap: break-word;
|
|
color: #00fff5;
|
|
background-color: #393939;
|
|
border: none;
|
|
border-radius: 0;
|
|
}
|
|
|
|
.w0bm_emoji_anchor {
|
|
display: inline-flex;
|
|
flex-grow: 1;
|
|
background: #262626;
|
|
margin: 2px;
|
|
justify-content: center;
|
|
border-radius: 5px;
|
|
padding: 5px;
|
|
}
|
|
|
|
.vidinfo {
|
|
display: grid;
|
|
justify-content: center;
|
|
}
|
|
|
|
#nutti > p {
|
|
text-align: center;
|
|
margin: 5px;
|
|
background: #383737;
|
|
}
|
|
#nutti {
|
|
border: 1px solid #383737;
|
|
background: #212121;
|
|
}
|
|
|
|
.w0bm_emoji_anchor:hover {
|
|
background: #616364;
|
|
transition: .2s all ease-in-out;
|
|
}
|
|
|
|
.git-issue-tracker {
|
|
vertical-align: sub;
|
|
color: gray;
|
|
font-family: vcr;
|
|
}
|
|
|
|
.copyright {
|
|
position: fixed;
|
|
bottom: 0;
|
|
opacity: 0.2;
|
|
}
|
|
|
|
.suchleiste_video {
|
|
display: block;
|
|
padding: 6px 12px;
|
|
font-size: 14px;
|
|
line-height: 1.42857143;
|
|
color: #888888;
|
|
background: #1C1C1D none;
|
|
border: 1px solid #1fb2b0;
|
|
border-radius: 0;
|
|
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
|
|
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
|
|
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
|
|
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
|
|
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
|
|
}
|
|
|
|
.suchbutton_video {
|
|
display: inline-block;
|
|
margin-bottom: 0;
|
|
font-weight: normal;
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
touch-action: manipulation;
|
|
cursor: pointer;
|
|
border: 1px solid transparent;
|
|
white-space: nowrap;
|
|
|
|
font-size: 12px;
|
|
line-height: 0.7;
|
|
border-radius: 0;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
background: #1FB2B0 none;
|
|
}
|
|
|
|
.searchbar {
|
|
padding: 1px;
|
|
background: rgb(56, 55, 55);
|
|
}
|
|
|
|
.searchbar form {
|
|
display: grid;
|
|
grid-template-columns: 1fr auto;
|
|
}
|
|
|
|
|
|
.w0bm_override-css {
|
|
border: 1px solid black;
|
|
background: black;
|
|
width: 100%;
|
|
margin-bottom: 5px;
|
|
} |