Linter cleanup of css and html files.
This commit is contained in:
jcass
parent
70818dce65
commit
37f844ecf5
@ -14,18 +14,6 @@
|
||||
****************************/
|
||||
|
||||
@media all and (min-width: 961px) {
|
||||
/*header*/
|
||||
.header-breakpoint.ui-grid-b .ui-block-a {
|
||||
width: 30%;
|
||||
}
|
||||
|
||||
.header-breakpoint.ui-grid-b .ui-block-b {
|
||||
width: 30%;
|
||||
}
|
||||
|
||||
.header-breakpoint.ui-grid-b .ui-block-c {
|
||||
width: 30.1%;
|
||||
}
|
||||
|
||||
/*playlists*/
|
||||
.pl-breakpoint.ui-grid-a .ui-block-a {
|
||||
@ -49,15 +37,15 @@
|
||||
}
|
||||
|
||||
#playlisttracksback {
|
||||
display:none;
|
||||
display: none;
|
||||
}
|
||||
|
||||
#playlisttracksdiv {
|
||||
display:block;
|
||||
display: block;
|
||||
}
|
||||
|
||||
#playlistslistdiv {
|
||||
display:block;
|
||||
display: block;
|
||||
}
|
||||
|
||||
/*search*/
|
||||
@ -65,81 +53,60 @@
|
||||
margin-left: .5em;
|
||||
}
|
||||
|
||||
.srch-breakpoint.ui-grid-a .ui-block-a, .srch-breakpoint.ui-grid-a .ui-block-b {
|
||||
.srch-breakpoint.ui-grid-a .ui-block-a,
|
||||
.srch-breakpoint.ui-grid-a .ui-block-b {
|
||||
width: 49%;
|
||||
}
|
||||
}
|
||||
|
||||
/* phone landscape */
|
||||
@media all and (max-width: 960px) {
|
||||
/*header*/
|
||||
.header-breakpoint.ui-grid-b .ui-block-a {
|
||||
width: 35%;
|
||||
clear: left;
|
||||
}
|
||||
|
||||
.header-breakpoint.ui-grid-b .ui-block-b {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.header-breakpoint.ui-grid-b .ui-block-c {
|
||||
width: 33%;
|
||||
}
|
||||
|
||||
/*playlists*/
|
||||
.pl-breakpoint .ui-block-a, .pl-breakpoint .ui-block-b {
|
||||
.pl-breakpoint .ui-block-a,
|
||||
.pl-breakpoint .ui-block-b {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
/*search*/
|
||||
.srch-breakpoint.ui-grid-a .ui-block-a, .srch-breakpoint.ui-grid-a .ui-block-b {
|
||||
.srch-breakpoint.ui-grid-a .ui-block-a,
|
||||
.srch-breakpoint.ui-grid-a .ui-block-b {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#playlisttracksback {
|
||||
display:block;
|
||||
display: block;
|
||||
}
|
||||
|
||||
#playlisttracksdiv {
|
||||
display:none;
|
||||
display: none;
|
||||
}
|
||||
|
||||
#playlistslistdiv {
|
||||
display:block;
|
||||
display: block;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/*****************************
|
||||
* Side Panel and Navigation *
|
||||
*****************************/
|
||||
.mainNav .fa{
|
||||
.mainNav .fa {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.mainNav .navtxt{
|
||||
.mainNav .navtxt {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.mainNav .navtxt:after{
|
||||
.mainNav .navtxt:after {
|
||||
clear: left;
|
||||
}
|
||||
|
||||
.bottom{
|
||||
width: 100%;
|
||||
margin: -15px;
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
/**headers and controls**/
|
||||
#nextimg, #previmg, #backimg, #controlsimg {
|
||||
margin-top: 6px;
|
||||
}
|
||||
|
||||
#contentHeadline a {
|
||||
color:white;
|
||||
}
|
||||
|
||||
/**headers and controls**/
|
||||
#headermenubtn {
|
||||
padding-top: 2px;
|
||||
}
|
||||
@ -170,9 +137,9 @@
|
||||
|
||||
/* Increase slider handle by 30%. */
|
||||
.ui-slider-track.ui-mini .ui-slider-handle {
|
||||
height: 22px;
|
||||
width: 22px;
|
||||
margin: -12px 0 0 -12px;
|
||||
height: 22px;
|
||||
width: 22px;
|
||||
margin: -12px 0 0 -12px;
|
||||
}
|
||||
|
||||
.ui-slider-input {
|
||||
@ -196,7 +163,7 @@
|
||||
/********************
|
||||
* Pages, content *
|
||||
********************/
|
||||
#page{
|
||||
#page {
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
@ -212,11 +179,16 @@
|
||||
display: none;
|
||||
}
|
||||
|
||||
#currentpane, #searchpane, #albumspane, #artistspane, #streampane {
|
||||
#currentpane,
|
||||
#searchpane,
|
||||
#albumspane,
|
||||
#artistspane,
|
||||
#streampane {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#artistviewimage, #albumviewcover {
|
||||
#artistviewimage,
|
||||
#albumviewcover {
|
||||
float: right;
|
||||
height: 90px;
|
||||
max-width: 90%;
|
||||
@ -224,7 +196,7 @@
|
||||
|
||||
/*** home ***/
|
||||
#homerows div {
|
||||
text-align:center;
|
||||
text-align: center;
|
||||
background-color: #2C3E50;
|
||||
padding: 2px;
|
||||
padding-top: 20px;
|
||||
@ -256,7 +228,7 @@
|
||||
|
||||
.table {
|
||||
padding: 0;
|
||||
list-style-type:none;
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
.table li:last-child {
|
||||
@ -333,7 +305,7 @@
|
||||
* Now Playing area *
|
||||
**********************/
|
||||
|
||||
#nowPlayingFooter{
|
||||
#nowPlayingFooter {
|
||||
height: 50px;
|
||||
line-height: 48px;
|
||||
text-align: center;
|
||||
@ -348,8 +320,8 @@
|
||||
.footerControls div span {
|
||||
padding-left: 3px;
|
||||
padding-right: 3px;
|
||||
height: 100%;
|
||||
vertical-align: middle;
|
||||
height: 100%;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.footerControls #btplayNowPlaying {
|
||||
@ -366,11 +338,15 @@
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.popupArtistName, .popupTrackName, .popupAlbumName, .popupArtistName {
|
||||
.popupArtistName,
|
||||
.popupTrackName,
|
||||
.popupAlbumName,
|
||||
.popupArtistName {
|
||||
font-style: oblique;
|
||||
}
|
||||
|
||||
#controlspopup, #artistpopup, #coverpopup {
|
||||
#artistpopup,
|
||||
#coverpopup {
|
||||
max-width: 90%;
|
||||
background: white;
|
||||
padding: 5px;
|
||||
@ -381,32 +357,30 @@
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
#buttons, #controlspopupimage, #coverpopupimage, #artistpopupimage {
|
||||
#controlspopupimage,
|
||||
#coverpopupimage,
|
||||
#artistpopupimage {
|
||||
display: block;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
margin-bottom: 10px;
|
||||
max-width:90%;
|
||||
max-height:90%;
|
||||
max-width: 90%;
|
||||
max-height: 90%;
|
||||
}
|
||||
|
||||
#buttons {
|
||||
font-size: 24px;
|
||||
padding-right: 15px;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
#popupTracksLv li, #popupQueueLv li {
|
||||
#popupTracksLv li,
|
||||
#popupQueueLv li {
|
||||
border-bottom: 1px solid #aaa;
|
||||
}
|
||||
|
||||
#popupTracksLv, #popupQueueLv {
|
||||
#popupTracksLv,
|
||||
#popupQueueLv {
|
||||
border: 1px solid #aaa;
|
||||
}
|
||||
|
||||
/*dont hide clear buttons in text input */
|
||||
.ui-input-clear-hidden {
|
||||
display:block !important;
|
||||
display: block !important;
|
||||
}
|
||||
|
||||
/****************
|
||||
@ -414,17 +388,13 @@
|
||||
****************/
|
||||
|
||||
#playlistspane {
|
||||
margin: 0px !important;
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none !important;
|
||||
}
|
||||
|
||||
.nobreak, .btsquare {
|
||||
display: inline !important;
|
||||
}
|
||||
|
||||
.pull-right {
|
||||
float: right;
|
||||
font-size: 10px;
|
||||
@ -437,27 +407,14 @@ a {
|
||||
margin-top: 12px;
|
||||
}
|
||||
|
||||
.hidden, #allresultloader, .loader {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.breakafter {
|
||||
margin-right: 15px;
|
||||
}
|
||||
|
||||
.pright {
|
||||
display: inline;
|
||||
margin-top: 4px;
|
||||
float: right;
|
||||
}
|
||||
/**********************
|
||||
* Song information *
|
||||
**********************/
|
||||
.ui-footer{
|
||||
.ui-footer {
|
||||
border: 0px;
|
||||
}
|
||||
|
||||
#normalFooter{
|
||||
#normalFooter {
|
||||
height: 50px;
|
||||
line-height: 48px;
|
||||
text-align: center;
|
||||
@ -508,22 +465,14 @@ a {
|
||||
padding: 3px;
|
||||
}
|
||||
|
||||
#nowPlayingpane{
|
||||
#nowPlayingpane {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/*helper*/
|
||||
.hidden{
|
||||
display: none;
|
||||
}
|
||||
.ui-loader h1{
|
||||
color: #efefef;
|
||||
}
|
||||
|
||||
.settingscoll label {
|
||||
font-size: 120%;
|
||||
font-weight: bold;
|
||||
padding-top: 30px;
|
||||
.ui-loader h1 {
|
||||
color: #efefef;
|
||||
}
|
||||
|
||||
/* panel workaround to make it responsive wrap push on wide viewports once open */
|
||||
@ -547,32 +496,26 @@ a {
|
||||
}
|
||||
}
|
||||
/*smartphones*/
|
||||
@media (max-width: 35em){
|
||||
#nowPlayingpane{
|
||||
padding: 15px 25px 0px 25px;
|
||||
max-width:90%;
|
||||
max-height:90%;
|
||||
@media (max-width: 35em) {
|
||||
#nowPlayingpane {
|
||||
padding: 15px 25px 0 25px;
|
||||
max-width: 90%;
|
||||
max-height: 90%;
|
||||
}
|
||||
|
||||
.nowPlaying-artistInfo {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.nowPlaying-artistInfo h4{
|
||||
margin: 0px;
|
||||
font-weight: normal;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.nowPlaying-artistInfo h3{
|
||||
margin: 0px 0px 3px 00px;
|
||||
.nowPlaying-artistInfo h3 {
|
||||
margin: 0 0 3px 0;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
#controlspopupimage{
|
||||
max-width:90%;
|
||||
max-height:90%;
|
||||
#controlspopupimage {
|
||||
max-width: 90%;
|
||||
max-height: 90%;
|
||||
margin-bottom: 3px;
|
||||
}
|
||||
|
||||
@ -605,7 +548,3 @@ input[type=text] {
|
||||
-o-user-select: text;
|
||||
user-select: text;
|
||||
}
|
||||
|
||||
.mediaicon {
|
||||
float: right;
|
||||
}
|
||||
@ -1,6 +1,7 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Success dialog</title>
|
||||
<meta charset="utf-8">
|
||||
|
||||
<script type="text/javascript" src="vendors/jquery/jquery-1.12.0.min.js"></script>
|
||||
|
||||
@ -1,6 +1,7 @@
|
||||
<!DOCTYPE html>
|
||||
<html manifest="mb.appcache">
|
||||
<head>
|
||||
<title>Musicbox</title>
|
||||
<meta charset="utf-8">
|
||||
<script type="text/javascript" src="vendors/jquery/jquery-1.12.0.min.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="vendors/jquery_mobile_flat_ui_theme/jquery.mobile.flatui.min.css"/>
|
||||
@ -99,9 +100,9 @@
|
||||
</li>
|
||||
<li id="navshutdown" data-icon="false">
|
||||
<a href="system.html">
|
||||
<span class="navtxt">System </span><i class="fa fa-power-off"></i></a>
|
||||
<span class="navtxt">System </span><i class="fa fa-power-off"></i></a>
|
||||
</li>
|
||||
<li id="" data-icon="false">
|
||||
<li data-icon="false">
|
||||
<div><!-- slider for volume -->
|
||||
<a href="#" onclick="doMute(); return false;"><span title="Toggle mute"><i id="mutebt" class="fa fa-volume-up"></i></span></a>
|
||||
<label for="volumeslider" class="ui-hidden-accessible">Volume</label>
|
||||
@ -118,14 +119,14 @@
|
||||
|
||||
<h3 id="coverpopupalbumname"></h3>
|
||||
<h4 id="coverpopupartist"></h4>
|
||||
<a href="#" onclick="closePopups();"><img id="coverpopupimage" src=""/></a>
|
||||
<a href="#" onclick="closePopups();"><img id="coverpopupimage" src="" alt="Album cover"/></a>
|
||||
</div>
|
||||
|
||||
<div id="artistpopup" data-role="popup" data-theme="c">
|
||||
<a href="#" data-rel="back" data-role="button" data-icon="delete" data-iconpos="notext"
|
||||
class="ui-btn-right">Close</a>
|
||||
<h4 id="artistpopupname"> </h4>
|
||||
<a href="#" onclick="closePopups();"><img id="artistpopupimage" src=""/></a>
|
||||
<a href="#" onclick="closePopups();"><img id="artistpopupimage" src="" alt="Album artist"/></a>
|
||||
</div>
|
||||
|
||||
<div data-role="popup" data-transition="none" data-theme="c" id="popupBrowse">
|
||||
@ -170,8 +171,7 @@
|
||||
<a href="#" onclick="showAlbumPopup('#popupTracks')">Show Album <span class="popupAlbumName"></span></a>
|
||||
</li>
|
||||
<li id="popupArtistsLi">
|
||||
<a href="#" onclick="showArtist()" class="popupArtistHref">Show Artist <span
|
||||
class="popupArtistName"></span>
|
||||
<a href="#" onclick="showArtist()" class="popupArtistHref">Show Artist <span class="popupArtistName"></span>
|
||||
</a>
|
||||
</li>
|
||||
<div data-role="collapsible" data-icon="false" data-inset="false" class="popupArtistsDiv">
|
||||
@ -195,8 +195,7 @@
|
||||
<a href="#" onclick="showAlbumPopup('#popupQueue')">Show Album <span class="popupAlbumName"></span></a>
|
||||
</li>
|
||||
<li id="popupArtistsLi">
|
||||
<a href="#" onclick="showArtist()" class="popupArtistHref">Show Artist <span
|
||||
class="popupArtistName"></span>
|
||||
<a href="#" onclick="showArtist()" class="popupArtistHref">Show Artist <span class="popupArtistName"></span>
|
||||
</a>
|
||||
</li>
|
||||
<div data-role="collapsible" data-icon="false" data-inset="false" class="popupArtistsDiv">
|
||||
@ -280,7 +279,7 @@
|
||||
|
||||
<div id="nowPlayingpane" data-role="content" class="pane">
|
||||
|
||||
<img id="controlspopupimage" src="images/default_cover.png" />
|
||||
<img id="controlspopupimage" src="images/default_cover.png" alt="Album cover"/>
|
||||
|
||||
|
||||
<div class="nowPlaying-artistInfo">
|
||||
@ -305,8 +304,10 @@
|
||||
<ul id="playlistslist" class="table"></ul>
|
||||
</div>
|
||||
<div class="ui-block-b scroll" id="playlisttracksdiv">
|
||||
<div id="playlisttracksback" style="height: 30px; margin: 2px; padding-top: 2px; background-color: #aaa;"><a style="display:block; padding: 5px;" href="#" onclick="return togglePlaylists();"><i class="fa fa-arrow-circle-left"></i> Back</a></div>
|
||||
<ul class="table" id="playlisttracks"></ul>
|
||||
<div id="playlisttracksback" style="height: 30px; margin: 2px; padding-top: 2px; background-color: #aaa;">
|
||||
<a style="display:block; padding: 5px;" href="#" onclick="return togglePlaylists();"><i class="fa fa-arrow-circle-left"></i> Back</a>
|
||||
</div>
|
||||
<ul class="table" id="playlisttracks"></ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -328,7 +329,7 @@
|
||||
</div>
|
||||
|
||||
<div data-role="content" class="pane" id="albumspane">
|
||||
<a href="#coverpopup" data-position-to="window" data-rel="popup"><img height="90" src="" id="albumviewcover"/></a>
|
||||
<a href="#coverpopup" data-position-to="window" data-rel="popup"><img height="90" src="" id="albumviewcover" alt="Album cover"/></a>
|
||||
|
||||
<h3 id="h_albumname"></h3>
|
||||
<h5 id="h_albumartist"></h5>
|
||||
@ -337,7 +338,7 @@
|
||||
</div>
|
||||
|
||||
<div data-role="content" class="pane" id="artistspane">
|
||||
<a href="#artistpopup" data-position-to="window" data-rel="popup"><img height="90" src="" id="artistviewimage"/></a>
|
||||
<a href="#artistpopup" data-position-to="window" data-rel="popup"><img height="90" src="" id="artistviewimage" alt="Album artist"/></a>
|
||||
|
||||
<h3 id="h_artistname"></h3>
|
||||
<ul class="table" id="artiststable"></ul>
|
||||
@ -350,11 +351,13 @@
|
||||
<div class="ui-block">
|
||||
<form>
|
||||
<p>Search for artists, albums, or specific tracks.
|
||||
<select id="selectSearchService"> <!-- data-native-menu="false"> <!-- multiple="multiple" data-native-menu="false">
|
||||
<select id="selectSearchService">
|
||||
<!-- data-native-menu="false">
|
||||
multiple="multiple" data-native-menu="false">
|
||||
<option data-placeholder="true">Choose services</option> -->
|
||||
</select>
|
||||
<input id="searchinput" placeholder="Search term" class="span2" data-clear-btn="true"
|
||||
onkeypress="return searchPressed(event.keyCode);" id="appendedInputButton" type="text"/>
|
||||
onkeypress="return searchPressed(event.keyCode);" type="text"/>
|
||||
<button class="btn" type="button" onclick="return initSearch(event.value);">
|
||||
Search!
|
||||
</button>
|
||||
@ -403,13 +406,13 @@
|
||||
Get currently playing
|
||||
</button>
|
||||
<input id="streamuriinput" placeholder="URI" class="span2" data-clear-btn="true"
|
||||
onkeypress="return streamPressed(event.keyCode);" id="appendedInputButton" type="text"/>
|
||||
onkeypress="return streamPressed(event.keyCode);" type="text"/>
|
||||
<button class="btn" type="button" onclick="return playStreamUri();">
|
||||
Play
|
||||
</button>
|
||||
|
||||
<input id="streamnameinput" placeholder="Name" class="span2" data-clear-btn="true"
|
||||
onkeypress="return streamPressed(event.keyCode);" id="appendedInputButton" type="text"/>
|
||||
onkeypress="return streamPressed(event.keyCode);" type="text"/>
|
||||
<button class="btn" type="button" onclick="return addFavourite();">
|
||||
Save
|
||||
</button>
|
||||
@ -426,7 +429,7 @@
|
||||
<div data-role="footer" data-tap-toggle="false" data-position="fixed" id="normalFooter">
|
||||
<div class="footerControls">
|
||||
<div class="songinfo" id="songinfo">
|
||||
<a href="#"><div style="float: left"><img id="infocover" src="images/default_cover.png"/></div></a>
|
||||
<a href="#"><div style="float: left"><img id="infocover" src="images/default_cover.png" alt="Album cover"/></div></a>
|
||||
<div class="songinfo-text">
|
||||
<div id="infoname"></div>
|
||||
<div id="infoartist"></div>
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
CACHE MANIFEST
|
||||
|
||||
# 2016-02-28:v1
|
||||
# 2016-02-29:v1
|
||||
|
||||
NETWORK:
|
||||
*
|
||||
|
||||
@ -1,6 +1,7 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>System</title>
|
||||
<meta charset="utf-8">
|
||||
<meta name="HandheldFriendly" content="True">
|
||||
<meta name="MobileOptimized" content="320">
|
||||
|
||||
Loading…
Reference in New Issue
Block a user