mirrors
/
ympd
mirror of https://github.com/SuperBFG7/ympd
1
0
Fork 0
Code Issues Releases Wiki Activity

Fix: formatting

This commit is contained in:
Jürgen Mang 2018-08-10 09:55:55 +02:00 committed by GitHub
parent 19cc6bd053
commit 15afb2a70e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 65 additions and 70 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

135
htdocs/css/mpd.css
View File

@ -2,8 +2,16 @@ html {
position: relative; position: relative;
min-height: 100%; min-height: 100%;
} }
body { body {
margin-bottom: 60px; margin-bottom: 60px;
padding-top: 50px;
padding-bottom: 50px;
background-color: #888;
}
main {
padding-top: 20px;
} }
footer { footer {
@ -11,12 +19,6 @@ footer {
bottom: 0; bottom: 0;
} }
body {
padding-top: 50px;
padding-bottom: 50px;
background-color:#888;
}
button { button {
overflow: hidden; overflow: hidden;
} }
@ -37,7 +39,7 @@ button {
} }
.card { .card {
min-height:350px; min-height: 350px;
} }
@media only screen and (max-width: 576px) { @media only screen and (max-width: 576px) {
@ -55,14 +57,14 @@ button {
} }
.album-cover { .album-cover {
background-size:cover; background-size: cover;
border:1px solid black; border: 1px solid black;
border-radius:5px; border-radius: 5px;
overflow:hidden; overflow: hidden;
margin-bottom:20px; margin-bottom: 20px;
width:240px; width: 240px;
height:240px; height: 240px;
background-color:#eee; background-color: #eee;
} }
.hide { .hide {
@ -74,11 +76,11 @@ button {
} }
.card-toolbar { .card-toolbar {
margin-bottom:10px; margin-bottom: 10px;
} }
.card-toolbar > div, .card-toolbar > form { .card-toolbar > div, .card-toolbar > form {
margin-bottom:5px; margin-bottom: 5px;
} }
@font-face { @font-face {
@ -117,111 +119,104 @@ button {
} }
.material-icons-small { .material-icons-small {
font-size: 16px; font-size: 16px;
} }
main { .color-darkgrey, .color-darkgrey:hover {
padding-top:20px; color:#6c757d !important;
}
.color-darkgrey {
color:#6c757d;
}
.color-darkgrey:hover {
color:#6c757d !important;
} }
#btn-outputs-block > button { #btn-outputs-block > button {
margin-bottom:10px; margin-bottom:10px;
} }
#btn-outputs-block > button:last-child { #btn-outputs-block > button:last-child {
margin-bottom:0px; margin-bottom:0px;
} }
.card-body { .card-body {
overflow-x:hidden; overflow-x:hidden;
} }
#progressBar { #progressBar {
width:100%; width:100%;
margin-top:8px; margin-top:8px;
} }
#volumeBar { #volumeBar {
margin-top:2px; margin-top:2px;
width:160px; width:160px;
} }
.title-icon { .title-icon {
float:left; float:left;
margin-right:5px; margin-right:5px;
font-size:1.8rem; font-size:1.8rem;
} }
.header-logo { .header-logo {
font-size:2rem; font-size:2rem;
float:left; float:left;
margin-right:5px; margin-right:5px;
} }
.letters > button { .letters > button {
width:28px; width:28px;
height:28px; height:28px;
} }
.col-md { .col-md {
max-width:250px; max-width:250px;
min-width:250px; min-width:250px;
} }
a.card-img-top { a.card-img-top {
overflow:hidden; overflow:hidden;
display:block; display:block;
} }
button.active { button.active {
color: #fff; color: #fff;
background-color: #28a745 !important; background-color: #28a745 !important;
border-color: #28a745 !important; border-color: #28a745 !important;
} }
div#alertBox { div#alertBox {
position:fixed; position:fixed;
top: 50px; top: 50px;
right:10px; right:10px;
width:80%; width:80%;
max-width:400px; max-width:400px;
z-index:1000; z-index:1000;
opacity:0; opacity:0;
visibility:visible; visibility:visible;
transition:opacity 0.5s ease-in; transition:opacity 0.5s ease-in;
} }
div.alertBoxActive { div.alertBoxActive {
opacity:1 !important; opacity:1 !important;
visibility:visible !important; visibility:visible !important;
transition:opacity 0.5s ease-in; transition:opacity 0.5s ease-in;
} }
.popover-content { .popover-content {
padding-top:4px; padding-top:4px;
padding-bottom:4px; padding-bottom:4px;
} }
.opacity05 { .opacity05 {
opacity:0.5; opacity:0.5;
} }
caption { caption {
caption-side: top; caption-side: top;
font-size: 120%; font-size: 120%;
font-weight: bold; font-weight: bold;
color: black; color: black;
} }
.dragover > td { .dragover > td {
border-top:25px solid transparent; border-top:25px solid transparent;
} }
[draggable] { [draggable] {