Переделка интерфейса с использованием SVG-иконок, добавлен счетчик времени и кнопки...

[mpd-lua.git] / mpd.css

diff --git a/mpd.css b/mpd.css
new file mode 100644 (file)
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