mopidy-musicbox-webclient/webclient/css/ws.css
2013-02-09 20:00:52 +01:00

155 lines
2.6 KiB
CSS
Executable File

/*
*
*/
/* Responsive stuff */
@media all and (min-width: 50.1em) {
.pl-breakpoint.ui-grid-a .ui-block-a { width: 32.95%; }
.pl-breakpoint.ui-grid-a .ui-block-b { width: 65.92%; }
.pl-breakpoint.ui-grid-a .ui-block-a { clear: left; }
.header-breakpoint.ui-grid-b .ui-block-a { width: 19.95%; }
.header-breakpoint.ui-grid-b .ui-block-b { width: 39.92%; }
.header-breakpoint.ui-grid-b .ui-block-c { width: 39.92%; }
.pl-breakpoint.ui-grid-a .ui-block-a { clear: left; }
}
@media all and (max-width: 50em) {
.pl-breakpoint .ui-block-a,
.pl-breakpoint .ui-block-b {
width: 100%;
float:none;
}
.header-breakpoint .ui-block-a,
.header-breakpoint .ui-block-b,
.header-breakpoint .ui-block-c {
width: 100%;
float:none;
}
}
/* Slider */
#trackslider {
display: inline;
}
#slidercontainer {
margin-top: 5px;
margin-bottom: 5px;
}
/*
.ui-slider-track {
margin-left: 38px;
margin-right: 35px;
}
.ui-mobile .ui-page .ui-slider-input,
.ui-mobile .ui-dialog .ui-slider-input {
display : none !important;
}
*/
#songelapsed, #songlength {
font-size: 10px;
margin-top: 12px;
}
/* Controls */
#controldiv {
height: 30px;
width: 175px;
margin-left: 10px;
display: inline;
}
#controldiv img {
margin-left: 5px;
}
#previmg {
margin-top: -100px;
}
#btplaypause a img {
margin-top: 5px;
}
#btback {
margin-right: 5px;
}
/* Song information */
#infoname {
overflow: hidden;
font: bold;
color: #ddd;
font-size: 14px;
text-shadow: 1px 1px #555;
/* border: 1px solid white; */
}
#songinfo {
margin-top: 5px;
}
#infoartist {
overflow: hidden;
color: #aaa;
font-size: 11px;
text-shadow: 1px 1px #333;
margin: 2px;
}
/* div */
body {
/* padding-top: 80px;
/* background-image:url('../iages/Chrisdesign_LP_Guitar_black.web.png');
background-attachment: fixed;
background-repeat:no-repeat;
background-position:right;
*/
}
.nobreak, .btsquare {
display: inline !important;
}
.pull-right {
float: right;
}
.pull-left {
float: left;
}
.hidden, #allresultloader, .loader {
display: none;
}
#searchresults {
display: none;
}
.breakafter {
margin-right: 15px;
}
#currentpane, #searchpane, #albumspane, #artistspane {
display: none;
}
/*.currenttrack {
font-weight: bold;
background-image: url('../img/icons/play_alt_16x16.png');
background-repeat: no-repeat;
padding-left: 20px;
}*/
#popupTrackName, #popupAlbumName, .popupArtistName {
font-style:oblique;
}