diff --git a/css/ws.css b/css/ws.css index 314ce9d..64cda5f 100755 --- a/css/ws.css +++ b/css/ws.css @@ -1,178 +1,122 @@ -/*@navbarBackground: green; - @navbarBackgroundHighlight: green; - @navbarLinkColor: white; - @navbarLinkColorHover: white; - - .navbar .nav { - height: @navbarHeight; - } - .navbar .nav > li > a { - padding: (@navbarHeight - 20)/2 10px ((@navbarHeight - 20)/2 + 1); - } - .navbar .brand { - padding: (((@navbarHeight - 20) / 2) * 0.8) 20px (((@navbarHeight - 20) / 2) * 1.2); - } +/* + * */ - -.content { - display: none; -} - .menutext { - vertical-align: bottom; + vertical-align:bottom; } - #trackslider { - width: 90%; + width:90%; } - #slidercontainer { - margin-left: 2%; - width: 95%; - margin-top: 5px; - margin-bottom: 5px; + margin-left:2%; + width:95%; + margin-top:5px; + margin-bottom:5px; } - #mainmenu a { - margin-right: 5px; - display: inline; + margin-right:5px; + display:inline; } - .menutext a:hover { - text-decoration: none; - text-underline-position: 0; + text-decoration:none; + text-underline-position:0; } - -#controlbt { - margin-left: 5px; - width: 90px; - height: 30px; +#controlbt a { + margin-top: 4px; + margin-left:8px; } - -#playpause { - width: 150px; - height: 200px; -} - a.name, a.album, a.artist { - display: block; - height: 100%; + display:block; + height:100%; } - - - - body { - padding-top: 80px; + padding-top:80px; } - -@media (max-width: 979px) { - body { - padding-top: 0px; - } - .btsquare { - display: block; - } +@media(max-width:979px) { + body { + padding-top:0px; + } + .btsquare { + display:block; + } } - -@media (min-width: 979px) { - .btsquare { - display: inline; - } +@media(min-width:979px) { + .btsquare { + display:inline; + } } - .nobreak, .btsquare { - display: inline; + display:inline; } - #allresultloader, .loader { - display: none; + display:none; } - #playlistslist li { - padding: 5px; - list-style-type: none; + padding:5px; + list-style-type:none; } - #playlistslist li:nth-of-type(odd) { - background-color: #444; + background-color:#444; } - #playlistslist li:nth-of-type(even) { - background-color: #333; + background-color:#333; } - #volumecontainer { - margin-top: 3px; + margin-top:3px; } - .sidebar-nav { - padding: 9px 0; + padding:9px 0; } .sidebar-nav li { - margin-top: 20px; + margin-top:20px; } - #searchresults { - display: none; + display:none; } - .resultrow:hover { - background-color: #555 !important; + background-color:#555 !important; } .brand { - margin-right: 20px; + margin-right:20px; } .nav img { - margin-top: 16px; + margin-top:16px; } - .navbar, .navbar-inner, .container { - padding: 0px; - margin: 0px; + padding:0px; + margin:0px; } - -div { - /* border: 1px solid #444; */ -} - .breakafter { - margin-right: 15px; + margin-right:15px; } - .content { - display:none; + display:none; } - .currenttrack { - font-weight: bold; - background-image: url('../img/icons/play_alt_16x16.png'); - background-repeat:no-repeat; - padding-left: 20px; + font-weight:bold; + background-image:url('../img/icons/play_alt_16x16.png'); + background-repeat:no-repeat; + padding-left:20px; } - #songinfo { - overflow: hidden; - margin-top: 5px; -/* border: 1px solid white; */ + overflow:hidden; + margin-top:5px; + /* border: 1px solid white; */ } - #infoname { - overflow: hidden; - font: bold; - color: #ddd; - font-size: 14px; - text-shadow: 1px 1px #555; -/* border: 1px solid white; */ + overflow:hidden; + font:bold; + color:#ddd; + font-size:14px; + text-shadow:1px 1px #555; + /* border: 1px solid white; */ } - #infoartist { - overflow: hidden; - color: #aaa; - font-size: 11px; - text-shadow: 1px 1px #333; + overflow:hidden; + color:#aaa; + font-size:11px; + text-shadow:1px 1px #333; } - #playlistpane { - visibility: hidden; + visibility:hidden; } diff --git a/img/icons/pause_32x32.png b/img/icons/pause_32x32.png new file mode 100644 index 0000000..5751769 Binary files /dev/null and b/img/icons/pause_32x32.png differ diff --git a/img/icons/play_32x32.png b/img/icons/play_32x32.png new file mode 100644 index 0000000..ed94e60 Binary files /dev/null and b/img/icons/play_32x32.png differ diff --git a/index.html b/index.html index f3564fb..b086141 100755 --- a/index.html +++ b/index.html @@ -4,90 +4,83 @@ - - + - - - - - + - Mopidy - + - - - - - +