X-Git-Url: https://git.rvb.name/mpd-lua.git/blobdiff_plain/55262d4cf0ac84eb33fafca62bdcae22a4d478b3..b12b118f634647454e110084173fefbb659419cc:/mpd.css diff --git a/mpd.css b/mpd.css new file mode 100644 index 0000000..597f527 --- /dev/null +++ b/mpd.css @@ -0,0 +1,194 @@ +body { + margin: 0px; + text-align: center; + font-family: arial,sans-serif; + color: Snow; +} + +a { + text-decoration: none; + color: White; +} + +table +{ + border-style: none; + padding: 0px; + border-collapse: collapse; + border-spacing: 0; +} + +img{ + border: 0px; + margin: 2px 2px 2px 2px; +} + +button +{ + background: none; + cursor: pointer; + border: 0px; + margin: 0px; + padding: 0px; +} + +.button +{ + cursor: pointer; +} + +#frame { + text-align: left; + border: 1px solid Black; + background: DarkSlateGray; + margin: 0; +} + +#nowplaying_heading { + font-size: 1.3em; + font-weight: bold; + padding: 5px; + background: linear-gradient(DarkSlateGray,Black); + border-bottom: 1px solid Black; + border-top: 1px solid Black; +} + +#heading_tbl { + width: 100%; +} + +#nowplaying_trackname { + text-align: center; + clear: both; + padding: 0.5em; +} + +#nowplaying_content { + height: 4em; + border: 1px solid LightGray; + margin: 10px 10% 10px 10%; + padding: 10px 0px 5px 0px; + background: SaddleBrown; + font-weight: bold; + color: White; +} + +#nowplaying_trackno { + text-align: left; + margin: 0 0 0 5%; + float:left; +} + +#nowplaying_tracklen { + text-align: right; + margin: 0 5% 0 0; + float:right; +} + +#nowplaying_counters { + width: 100%; +} + +#control_buttons { + text-align: center; + margin: 10px 5px 10px 5px; +} + +#control_buttons table { + margin-left: auto; + margin-right: auto; +} + + +#control_volume { + text-align: center; + margin: 10px 5px 10px 5px; +} + +#control_volume table { + margin-left: auto; + margin-right: auto; +} + +.playlist_menu { + font-weight: bold; + height: 24px; + padding: 5px; + background: linear-gradient(DarkSlateGray,Black); + border-bottom: 1px solid Black; + border-top: 1px solid Black; +} + +.home { + text-align: left; + font-size: 1.0em; + font-weight: bold; + background: linear-gradient(DarkSlateGray,Black); + border-bottom: 2px solid Black; + border-top: 2px solid DarkSlateGray; +} + + +#items_heading { + text-align: center; + width: 100%; + font-size: 1.0em; + font-weight:bold; + border-bottom: 1px solid DimGray; + border-top: 1px solid DimGray; + background: DarkSlateGray; +} + +#items { + font-size: 0.9em; + text-align: center; + overflow-y: scroll; +} + +#items table { + border: 1px solid DimGray; +} + +.file { + text-align: left; + width: 100%; +} + + +.itemEven{ + background-color: DarkSlateGray; +} + +.itemOdd{ + background-color: DimGray; +} + +.itemActive { + background: LightGray; + color: DarkSlateGray; +} + +.itemActive a { + color: DarkSlateGray; +} + +.track_number { + text-align: right; +} + +#volume_total { + margin: 10px; + width: 200px; + border: 1px solid LightGray; + height: 0.6em; +} + +#volume_actual { + background-color: DarkOrange; + height: 0.6em; +} + +#credits { + font-size: 0.6em; + background-color: Black; +} \ No newline at end of file