light9 Changeset - bd443e4bff0d

Changeset - bd443e4bff0d

Parent rev.

Child rev.

[Not reviewed]

default

0 2 0

drewp@bigasterisk.com - 3 years ago 2022-06-02 18:50:45
drewp@bigasterisk.com

asco styling

2 files changed with 3 insertions and 4 deletions:

light9/ascoltami/index.html

light9/web/style.css

0 comments (0 inline, 0 general)

light9/ascoltami/index.html

➞

Show inline comments

 <!DOCTYPE html>
 <html>
   <head>
     <title>ascoltami on {{host}}</title>
     <link rel="stylesheet" href="style.css" />
+    <link rel="stylesheet" href="./style.css" />
     <style>
       #cmd-go {
         min-width: 5em;
+      }
       .song-name {
         padding-left: 0.4em;
+      }
     </style>
   </head>
   <body>
     <h1>ascoltami on {{host}}</h1>
     <div class="songs"></div>

light9/web/style.css

➞

Show inline comments

@@ @@ -26,26 +26,25 @@ input[type=text] { @@
     padding: 3px;
+}
 #status {
     position: fixed;
     bottom: 0px;
     right: 0px;
     background: rgba(0, 0, 0, 0.47);
     padding-left: 6px;
+}
 .songs {
     -moz-column-width:205px;
     -webkit-column-width:205px;
     column-width: 15em;
+}
 .songs button {
     display: inline-block;
     width: 15em;
     height: 50px;
     text-align: left;
     background: black;
     color: white;
     margin: 2px;
     font-size: 130% !important;
     font-weight: bold;
     text-shadow: -1px -1px 0 #000,
@@ @@ -143,25 +142,25 @@ div.keys { @@
     content: "⛖";
+}
 .song:before, .effect:before {
     margin-right: 3px;
     text-decoration: none !important;
     font-size: 140%;
+}
 /* ascoltami mini mode */
 @media (max-height: 600px) {
     .songs {
-        -webkit-column-width: 12em;
+       column-width: 15em;
+    }
     .songs button {
         font-size: initial;
         height: initial;
         width: 100%;
         margin: initial;
         border-width: 1px;
         margin-bottom: 2px;
+    }
     .num {
         font-size: initial;
         padding: initial;

0 comments (0 inline, 0 general)