89 lines
1.8 KiB
Plaintext
89 lines
1.8 KiB
Plaintext
/*
|
|
|
|
|
|
|
|
|
|
*/
|
|
|
|
@main-front-color : #f8f8f8;
|
|
@background-color : #111111;
|
|
@background-2ndcolor: #232323;
|
|
|
|
body {
|
|
margin: 0;
|
|
margin-top: 50px;
|
|
background: @background-color;
|
|
color:@main-front-color;
|
|
}
|
|
.btn-success {
|
|
color: @main-front-color;
|
|
background-color: @background-color;
|
|
border-color: @main-front-color;
|
|
transition: all .3s;
|
|
}
|
|
.btn-success:hover ,.btn-success:active,.btn-success:focus,.dropdown-toggle:focus,.dropdown-toggle:active,.btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success {
|
|
color: @background-color !important;
|
|
background-color: @main-front-color !important;
|
|
border-color: @main-front-color !important;
|
|
transition: all .3s;
|
|
}
|
|
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
|
|
text-decoration: none;
|
|
color: @main-front-color;
|
|
background-color: @background-color;
|
|
}
|
|
.dropdown-menu{
|
|
background-color: @background-color;
|
|
}
|
|
span.input-group-btn.open > ul > li> a{
|
|
background-image:none;
|
|
}
|
|
.progress{
|
|
background-image:none;
|
|
background-color: @background-color;
|
|
box-shadow: inset 0px 0px 3px 0px @main-front-color;
|
|
}
|
|
.progress-bar{
|
|
background-image:none;
|
|
background-color: @background-color;
|
|
box-shadow: inset 0px 0px 12px 0px @main-front-color;
|
|
transition: .3s all;
|
|
}
|
|
.media:first-child {
|
|
margin-top: 15px;
|
|
}
|
|
.media {
|
|
box-shadow: 0px 0px 6px 1px @main-front-color;
|
|
}
|
|
.sidebar-nav {
|
|
padding: 10px;
|
|
}
|
|
.nav.nav-list a {
|
|
padding: 5px 10px;
|
|
}
|
|
|
|
.nav-header {
|
|
|
|
font-weight: bold;
|
|
}
|
|
.scroll{
|
|
overflow-y: scroll;
|
|
height: ~"calc( 100vh - 96px)";
|
|
}
|
|
|
|
.left-playlist{
|
|
box-shadow: 0px 0px 6px 1px @main-front-color;
|
|
height: ~"calc(100vh - 20vw - 30px )";
|
|
}
|
|
.row-flex{
|
|
word-break: break-all;
|
|
width:100%;
|
|
display: flex;
|
|
.flex-btn{
|
|
width: 50px;
|
|
}
|
|
.cont{
|
|
width:100%;
|
|
}
|
|
}
|