mirrors/ympd
1
0
Fork 0
mirror of https://github.com/SuperBFG7/ympd synced 2025-03-04 02:28:19 +00:00
Code Issues Releases Wiki Activity

Fix: formatting

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