server version, minor css fixes and other visual upgrades mostly to standard layout -> glitch css
This commit is contained in:
noxy
237
public/css/glitch.css
vendored
237
public/css/glitch.css
vendored
@@ -1,3 +1,5 @@
|
||||
|
||||
|
||||
/*chilledblue */
|
||||
::-webkit-scrollbar-track-piece{background-color:#1a1f22!important}body{background-color:#171d21}.navbar-inverse{background-color:rgba(33,41,47,.74)}.comments{background:rgba(33,41,47,.71)}.panel.panel-default{border:1px solid #131619;background:#21292f}.onclick-menu-content{border:1px solid #131619}.tagtest{background:rgba(33,41,47,.71)}div#tag-display{background:rgba(33,41,47,.71)}.label-default{background-color:#21292f;border:1px solid #1fb2b0}.modal-content{background-color:#21292f}.login_wrapper{background:#1c2125}select.form-control,input.form-control{background-color:#21292f;border:1px solid #131619}.btn-primary{background-color:#21292f}.btn-primary:hover{background-color:#142121}span.addtagsy>a:hover{background:#33414c}.popover{background-color:#21292f;border:1px solid #131619;padding:0}.popover.top>.arrow:after{border-top-color:#131619}.popover-title{margin:0;padding:8px 15px;font-size:14px;background-color:#131619;border-bottom:1px solid #0b0b0b;border-radius:0}.video-js .vjs-control-bar{background-color:rgba(33,41,47,.93)!important}.thumbnail{background-color:#21292f;border:1px solid #131619;border-radius:0}.caption small{background:#142121;color:#d000ff;font-family:VCR;text-shadow:0 0 5px #d000ff;border:1px solid #1fb2b0}.box{background:rgba(33,41,47,.74);border:2px solid #131619}.navbar-fixed-bottom{background:#21292f}.bootstrap-tagsinput{background:#21292f none repeat scroll 0 0;border:1px solid #131619}.panel-default>.panel-heading{background-color:#21292f;border-color:#131619}.list-group-item{background-color:#131619;border:1px solid #21292f}.pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus{background-color:#131619;border-color:#282828}.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{background-color:#142121;border-color:#1fb2b0;color:#1fb}.pagination>li>a,.pagination>li>span{background-color:#131619}.blah{background:#21292f;border:1px solid #131619}#dragndrop{background-color:#21292f!important}.profilheader{background:#21292f}table{background-color:#131619}.table-hover>tbody>tr:hover{background-color:#21292f}a.list-group-item-info,button.list-group-item-info{color:#fff;background:#ff005d}a.list-group-item-info:hover,button.list-group-item-info:hover,a.list-group-item-info:focus,button.list-group-item-info:focus{color:#fff;background-color:#2f3f4b}.dropdown-menu{border:1px solid #131619!important;padding:5px!important;margin:-15px 15px 0!important;border-radius:0!important;background-color:#21292f;min-width:100px}button.w0bmcustom-css{width:100%;padding-bottom:5px;background:#232222;padding:5px;border:1px solid #000;margin-bottom:5px;color:#adadad}button.w0bmcustom-css:hover{background:rgba(84,84,84,.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}.suchleiste{background:#21292f none}button.epilepsie-css{width:100%;padding-bottom:5px;background:red;padding:5px;border:1px solid #000;margin-bottom:5px;color:#fff;font-weight:700;text-transform:uppercase;border:1px dashed #ff0}button.epilepsie-css:hover{background:rgba(84,84,84,.5)}.toggo{background-color:#21292f}
|
||||
/* end */
|
||||
@@ -505,7 +507,7 @@ ul.nav.navbar-nav.info-nav {
|
||||
|
||||
::-webkit-scrollbar-thumb {
|
||||
width: 24px;
|
||||
background: linear-gradient(to top, #fff2f2a3 0%, #0c5430a6 100%) !important;
|
||||
background: linear-gradient(to top, #104046 0%, #122c2e 100%) !important;
|
||||
}
|
||||
::-webkit-scrollbar-track-piece {
|
||||
background-color: #000000!important;
|
||||
@@ -780,14 +782,8 @@ a.rainbow:hover {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.header {
|
||||
width: 100%;
|
||||
vertical-align: text-top;
|
||||
position: relative;
|
||||
top: 4px;
|
||||
}
|
||||
|
||||
.onclick-menu:hover {
|
||||
.onclick-menu:hover, .onclick-menu:active, .onclick-menu:focus {
|
||||
background: linear-gradient(to top, #0a0a0a 0%, #326558a6 100%);
|
||||
border-bottom: 1px solid;
|
||||
color: #fff;
|
||||
@@ -795,7 +791,11 @@ a.rainbow:hover {
|
||||
}
|
||||
|
||||
.emoji-shit:hover {
|
||||
background: silver;
|
||||
transform: rotateZ(45deg);
|
||||
}
|
||||
|
||||
.textmodifierss {
|
||||
align-self: flex-end;
|
||||
}
|
||||
|
||||
.video-js .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
|
||||
@@ -834,7 +834,7 @@ a.rainbow:hover {
|
||||
.emoji-shit {
|
||||
background: none;
|
||||
border: 0;
|
||||
vertical-align: super;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar,
|
||||
@@ -870,4 +870,221 @@ a.rainbow:hover {
|
||||
|
||||
.bootstrap-tagsinput input {
|
||||
vertical-align: bottom;
|
||||
}
|
||||
|
||||
/* New fonts - Requires googles cdn for now, sry! */
|
||||
body, .text-center, .vidinfo, .videotitle, .label.label-default, .popover, .popover-title, .video-js .vjs-control-bar {
|
||||
font-family: 'Play', sans-serif;
|
||||
}
|
||||
|
||||
.navbar-nav>li, label[for=tag-add-toggle] {
|
||||
font-family: 'Play', sans-serif;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.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: #121619;
|
||||
color: white;
|
||||
padding-bottom: 0px;
|
||||
border: 1px solid #1fb2b0;
|
||||
border-radius: 5px;
|
||||
vertical-align: top;
|
||||
padding: 5px;
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
#submittags:hover {
|
||||
transition: .3s ease-in-out;
|
||||
}
|
||||
|
||||
.bootstrap-tagsinput {
|
||||
background: #121619 none repeat scroll 0 0;
|
||||
border: 1px solid #1fb2b0;
|
||||
border-radius: 5px;
|
||||
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;
|
||||
}
|
||||
|
||||
.toggo.tag-panel-body::after {
|
||||
content: "TAGS";
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
right: 2px;
|
||||
font-size: 10px;
|
||||
opacity: 0.2;
|
||||
}
|
||||
|
||||
div#tag-display {
|
||||
box-shadow: inset 0px 0px 25px -25px cyan;
|
||||
padding-bottom: 5px;
|
||||
}
|
||||
|
||||
.LooLOut:after {
|
||||
content: "Design by sirx";
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
right: 5px;
|
||||
opacity: 0.3;
|
||||
text-transform: uppercase;
|
||||
font-style: oblique;
|
||||
color: darkkhaki;
|
||||
text-shadow: 1px 1px saddlebrown;
|
||||
font-size: 8px;
|
||||
}
|
||||
|
||||
.text-center {
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
#sidebar {
|
||||
background: #0f1514e8 !important;
|
||||
}
|
||||
|
||||
.navbar-inverse {
|
||||
background-color: #0f15149e !important;
|
||||
}
|
||||
|
||||
.btn-sm, .btn-group-sm>.btn {
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
.label.label-default {
|
||||
background-image: linear-gradient(to top, #0b402c 0%, #172023 100%);
|
||||
border: 0px solid #1fb2b0;
|
||||
}
|
||||
|
||||
.default-link:hover {
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
text-shadow: 0px 0px 3px #ff0094;
|
||||
}
|
||||
|
||||
.tagtest {
|
||||
z-index: 1;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.popover-title {
|
||||
background-image: linear-gradient(to top, #0b402c 0%, #172023 100%);
|
||||
}
|
||||
|
||||
.bootstrap-tagsinput .tag {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.bootstrap-tagsinput .tag {
|
||||
top: -0.5px;
|
||||
padding: 5px;
|
||||
background: linear-gradient(to top,#14e19485 0%,#08222b 100%) !important;
|
||||
}
|
||||
|
||||
.bootstrap-tagsinput {
|
||||
background: #061010 none repeat scroll 0 0;
|
||||
border: 1px solid #32494a;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
#submittags {
|
||||
border: 1px solid #32494a;
|
||||
}
|
||||
|
||||
button#submittags {
|
||||
transition: .2s;
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
button#submittags:hover {
|
||||
background: linear-gradient(to top,#027d39 0%,#172023 100%);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.tagtest {
|
||||
padding: 0 0px;
|
||||
}
|
||||
|
||||
div#tag-add {
|
||||
margin-bottom: 0;
|
||||
border: 0;
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
ul.nav.navbar-nav.info-nav {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
div#tag-display, div#tag-add, .toggo.tag-panel-body {
|
||||
background: transparent;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
ul.nav.navbar-nav.info-nav {
|
||||
padding-bottom: 5px;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
div#tag-display {
|
||||
box-shadow: none;
|
||||
border: 0;
|
||||
padding: 0;
|
||||
max-height: 6.6em;
|
||||
|
||||
}
|
||||
|
||||
.bootstrap-tagsinput {
|
||||
background: linear-gradient(to top,#0a0a0aa3 0%,#163f42a6 100%);
|
||||
height: 100%;
|
||||
border: 1px solid #8080804a;
|
||||
}
|
||||
|
||||
.nav>li.addtagsy>a:hover {
|
||||
color: #00fbff;
|
||||
}
|
||||
184
public/css/w0bmcustom.css
vendored
184
public/css/w0bmcustom.css
vendored
@@ -37,6 +37,58 @@
|
||||
}
|
||||
/* 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(//s.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(//s.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(//s.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(//s.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(//s.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(//s.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");
|
||||
@@ -3856,3 +3908,135 @@ video#placeholder {
|
||||
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;
|
||||
}
|
||||
|
||||
.toggo.tag-panel-body::after {
|
||||
content: "TAGS";
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
right: 2px;
|
||||
font-size: 10px;
|
||||
opacity: 0.2;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
BIN
public/fonts/6aez4K2oVqwIvtE2H68T.woff2
Normal file
BIN
public/fonts/6aez4K2oVqwIvtE2H68T.woff2
Normal file
Binary file not shown.
BIN
public/fonts/6aez4K2oVqwIvtU2Hw.woff2
Normal file
BIN
public/fonts/6aez4K2oVqwIvtU2Hw.woff2
Normal file
Binary file not shown.
BIN
public/fonts/6aez4K2oVqwIvtY2H68T.woff2
Normal file
BIN
public/fonts/6aez4K2oVqwIvtY2H68T.woff2
Normal file
Binary file not shown.
BIN
public/fonts/6aez4K2oVqwIvtg2H68T.woff2
Normal file
BIN
public/fonts/6aez4K2oVqwIvtg2H68T.woff2
Normal file
Binary file not shown.
BIN
public/fonts/6aez4K2oVqwIvto2H68T.woff2
Normal file
BIN
public/fonts/6aez4K2oVqwIvto2H68T.woff2
Normal file
Binary file not shown.
BIN
public/fonts/6aez4K2oVqwIvts2H68T.woff2
Normal file
BIN
public/fonts/6aez4K2oVqwIvts2H68T.woff2
Normal file
Binary file not shown.
BIN
public/fonts/Oswald_latin.woff2
Normal file
BIN
public/fonts/Oswald_latin.woff2
Normal file
Binary file not shown.
157
public/njum/css/cstms.css
vendored
157
public/njum/css/cstms.css
vendored
@@ -1349,3 +1349,160 @@ span.nomsg {
|
||||
margin-right: 1px;
|
||||
}
|
||||
|
||||
/* Testing */
|
||||
body {
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.items {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fill, minmax(128px, 1fr));
|
||||
align-items: stretch;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.panel.panel-default {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.indexThumber {
|
||||
display: grid;
|
||||
}
|
||||
|
||||
.vid {
|
||||
|
||||
position: absolute;
|
||||
text-shadow: 1px 1px solid;
|
||||
text-shadow: 1px 1px black;
|
||||
font-weight: bold;
|
||||
font-size: 18px;
|
||||
top: -5px;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.relativebla {
|
||||
|
||||
position: relative;
|
||||
}
|
||||
|
||||
img#indexthumb {
|
||||
|
||||
max-width: 90px;
|
||||
}
|
||||
|
||||
h3,
|
||||
.h3 {
|
||||
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
|
||||
iframe {
|
||||
width: 100%;
|
||||
min-height: 750px;
|
||||
}
|
||||
|
||||
.dropdown-item {
|
||||
|
||||
text-align: center;
|
||||
|
||||
}
|
||||
|
||||
div.source > p.comment {
|
||||
margin: 0;
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.bootstrap-tagsinput .tag {
|
||||
background-color: #e4061a7a;
|
||||
}
|
||||
|
||||
/* Float Video und Comment Overhaul */
|
||||
img.comment_emoji_small {
|
||||
max-width: 32px;
|
||||
}
|
||||
|
||||
.caption {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.category-box {
|
||||
background: #000000;
|
||||
}
|
||||
|
||||
|
||||
@keyframes fade-in-up {
|
||||
0% { opacity: 0; }
|
||||
100% { transform: translateY(0); opacity: 1; }
|
||||
}
|
||||
|
||||
.video {
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
}
|
||||
|
||||
.stuck {
|
||||
position: fixed !important;
|
||||
top: unset !important;
|
||||
bottom: 0px !important;
|
||||
right: 20px !important;
|
||||
width: 260px !important;
|
||||
height: 145px !important;
|
||||
transform: translateY(100%);
|
||||
animation: fade-in-up .25s ease forwards;
|
||||
}
|
||||
|
||||
|
||||
|
||||
div.comment_header {
|
||||
background: #303030;
|
||||
padding: 5px;
|
||||
border-radius: .25rem;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.video-comment-wrapper {
|
||||
padding: 0;
|
||||
background: rgba(29, 28, 28, 0.94) none repeat scroll 0 0;
|
||||
margin-bottom: 15px;
|
||||
border-radius: .25rem;
|
||||
border: 1px solid black;
|
||||
text-shadow: 1px 1px black;
|
||||
}
|
||||
|
||||
.video-comment-body {
|
||||
padding: 15px;
|
||||
}
|
||||
|
||||
.dingz {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.user_color {
|
||||
color: #1fb;
|
||||
}
|
||||
|
||||
.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;}
|
||||
}
|
||||
|
||||
.container-fluid, .container {
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
}
|
||||
@@ -215,14 +215,14 @@ if (typeof video !== 'undefined') {
|
||||
|
||||
videoElem.addEventListener('play', animationLoop);
|
||||
|
||||
$(window).keypress(function(e) {
|
||||
if (e.which == 32) {
|
||||
if (videoElem.paused)
|
||||
videoElem.play();
|
||||
else
|
||||
videoElem.pause();
|
||||
}
|
||||
});
|
||||
/*$(window).keypress(function(e) {
|
||||
/* if (e.which == 32) {
|
||||
/* if (videoElem.paused)
|
||||
/* videoElem.play();
|
||||
/* else
|
||||
/* videoElem.pause();
|
||||
/* }
|
||||
});*/
|
||||
}
|
||||
};
|
||||
|
||||
@@ -1315,9 +1315,46 @@ function Copy() {
|
||||
document.execCommand("copy");
|
||||
}
|
||||
|
||||
// Vielen Dank an Flummi!
|
||||
// This code snippet makes full and valid urls clickable in the info box!
|
||||
function formatTextEmoji(tag) {
|
||||
var Field = document.getElementById('cinput');
|
||||
var val = Field.value;
|
||||
var selected_txt = val.substring(Field.selectionStart, Field.selectionEnd);
|
||||
var before_txt = val.substring(0, Field.selectionStart);
|
||||
var after_txt = val.substr(Field.selectionEnd);
|
||||
var str1 = before_txt + ':' + tag + ':' + selected_txt;
|
||||
var len = str1.length;
|
||||
Field.value = str1 + '' + '' + after_txt;
|
||||
Field.focus();
|
||||
Field.setSelectionRange(len, len);
|
||||
}
|
||||
|
||||
const infoboxContent = document.querySelector("button#infobox");
|
||||
if(infoboxContent)
|
||||
infoboxContent.dataset.content = infoboxContent.dataset.content.replace(/(https?:\/\/[^\s]+)/g, "<a href='$1' target='_blank' rel='extern'>$1</a>");
|
||||
/* Floating Video */
|
||||
var $window = $(window);
|
||||
var $videoWrap = $('.video-wrap');
|
||||
var $video = $('.video');
|
||||
var videoHeight = $video.outerHeight();
|
||||
|
||||
$window.on('scroll', function() {
|
||||
var windowScrollTop = $window.scrollTop();
|
||||
var videoBottom = videoHeight + $videoWrap.offset().top;
|
||||
|
||||
if (windowScrollTop > videoBottom) {
|
||||
$videoWrap.height(videoHeight);
|
||||
$video.addClass('stuck');
|
||||
} else {
|
||||
$videoWrap.height('auto');
|
||||
$video.removeClass('stuck');
|
||||
}
|
||||
});
|
||||
$window.on('scroll', function() {
|
||||
var windowScrollTop = $window.scrollTop();
|
||||
var videoBottom = videoHeight + $videoWrap.offset().top;
|
||||
|
||||
if (windowScrollTop > videoBottom) {
|
||||
$videoWrap.height(videoHeight);
|
||||
$video.addClass('stuck');
|
||||
} else {
|
||||
$videoWrap.height('auto');
|
||||
$video.removeClass('stuck');
|
||||
}
|
||||
});
|
||||
25
public/nojs/custom.css
vendored
25
public/nojs/custom.css
vendored
@@ -79,4 +79,29 @@ p.comment {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
|
||||
grid-gap: 1em;
|
||||
}
|
||||
|
||||
.nojsleleks {
|
||||
display: inline-block;
|
||||
align-items: flex-start;
|
||||
overflow-y: auto;
|
||||
padding: 15px;
|
||||
display: grid;
|
||||
grid-template-columns: 3fr 3fr;
|
||||
color: white !important;
|
||||
}
|
||||
|
||||
.irc-content {
|
||||
display: grid;
|
||||
grid-template-columns: 5fr 1fr;
|
||||
}
|
||||
|
||||
.webchat > iframe {
|
||||
width: 100%;
|
||||
min-height: 70vh;
|
||||
}
|
||||
|
||||
.irc-info {
|
||||
margin: 10px;
|
||||
text-align: center;
|
||||
}
|
||||
Reference in New Issue
Block a user