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;
|
||||
}
|
||||
Reference in New Issue
Block a user