Support playlist management

[infodrom/musiikki-web.git] / html / musiikki.css

diff --git a/html/musiikki.css b/html/musiikki.css
index 055a39b..3a0f9a7 100644 (file)
--- a/html/musiikki.css
+++ b/html/musiikki.css
@@ -7,10 +7,26 @@ div#pageheader {
     padding-bottom: 5px;
 }
 
+/* Search */
 ul.section, ul.files {list-style-type: none; margin: 0; padding: 0;}
-ul.section li {margin-bottom: 0.2rem;}
+ul.section li {margin-bottom: 0.2rem; position: relative;}
 div.section strong {width: 100%; display: block; background: #87CEFF; padding: 0.1rem; cursor:pointer;}
 ul.files li {margin-bottom: 0.3rem; line-height: 1.15rem;}
 ul.files li div.it {font-size: 14px;}
 ul.files li div.ip, ul.files li div.in {font-size: 12px;}
 li.bg {background: #f0f0f0;}
+ul.files li div.plus {font-weight: bold; border:1px solid #CCC; position:absolute;top: 1rem; right: 1rem;
+                     padding-top:0.4rem; padding-bottom:0.4rem; padding-left:0.5rem; padding-right:0.5rem;}
+ul.files li div.plus:hover {background: #87CEFF;}
+#results #playlist {float:right; margin-top:0px;}
+
+/* Playlists */
+div.playlists {list-style-type: none; margin: 0; padding: 0;}
+div.playlists div.w3-round {padding: 0.4rem;border:1px solid #CCC; margin-bottom: 0.2rem; cursor:pointer;}
+div.playlists div.w3-round:hover {background: #87CEFF;}
+div.playlists div.w3-round.selected {background: #87CEFF;}
+div.playlists div.w3-round.selected:hover {background: white;}
+div.playlists div.item {display:block;}
+
+ol.playlist {padding: 0.8rem;}
+ol.playlist li {font-size: 12px;}