Mercurial > code > home > repos > light9
annotate web/style.css @ 2421:ac55319a2eac
don't drop patches that arrive before we get WS connected
| author | drewp@bigasterisk.com |
|---|---|
| date | Tue, 21 May 2024 16:10:39 -0700 |
| parents | 4556eebe5d73 |
| children |
| rev | line source |
|---|---|
| 2112 | 1 body { |
| 2 background: black; | |
| 3 color: white; | |
| 2374 | 4 --color-background: black; |
| 5 --color-text: white; | |
| 2112 | 6 font-family: sans-serif; |
|
531
e8f6722a3881
ascoltami2 web one is in good shape. main missing piece is the auto-go button
drewp@bigasterisk.com
parents:
529
diff
changeset
|
7 } |
|
1099
a58e8408f563
compact some css styles
Drew Perttula <drewp@bigasterisk.com>
parents:
1044
diff
changeset
|
8 h1 { |
| 2112 | 9 margin: 0; |
|
1099
a58e8408f563
compact some css styles
Drew Perttula <drewp@bigasterisk.com>
parents:
1044
diff
changeset
|
10 } |
|
1044
a2081b9adfe4
effecteval now takes dropped subs and makes new effects out of them
Drew Perttula <drewp@bigasterisk.com>
parents:
1007
diff
changeset
|
11 |
| 1218 | 12 h2 { |
| 2112 | 13 margin: 0; |
| 14 padding: 0; | |
| 15 font-size: 100%; | |
| 1218 | 16 } |
| 2112 | 17 |
| 1218 | 18 ul { |
| 2112 | 19 margin: 0; |
| 1218 | 20 } |
| 2112 | 21 |
|
1044
a2081b9adfe4
effecteval now takes dropped subs and makes new effects out of them
Drew Perttula <drewp@bigasterisk.com>
parents:
1007
diff
changeset
|
22 a { |
| 2112 | 23 color: rgb(97, 97, 255); |
| 1218 | 24 } |
| 25 | |
| 2112 | 26 input[type="text"] { |
| 27 border: 1px inset rgb(177, 177, 177); | |
| 28 background: rgb(230, 230, 230); | |
| 29 padding: 3px; | |
| 1218 | 30 } |
| 2112 | 31 |
| 1218 | 32 #status { |
| 2112 | 33 position: fixed; |
| 34 bottom: 0px; | |
| 35 right: 0px; | |
| 36 background: rgba(0, 0, 0, 0.47); | |
| 37 padding-left: 6px; | |
| 1218 | 38 } |
| 39 | |
| 2112 | 40 .songs { |
| 2114 | 41 column-width: 17em; |
| 2112 | 42 } |
|
1044
a2081b9adfe4
effecteval now takes dropped subs and makes new effects out of them
Drew Perttula <drewp@bigasterisk.com>
parents:
1007
diff
changeset
|
43 |
| 529 | 44 .songs button { |
| 2112 | 45 display: inline-block; |
| 2114 | 46 width: 100%; |
| 47 min-height: 50px; | |
| 2112 | 48 text-align: left; |
| 49 background: black; | |
| 50 color: white; | |
| 51 margin: 2px; | |
| 52 font-size: 130% !important; | |
| 53 font-weight: bold; | |
| 54 text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, | |
| 55 1px 1px 0 #000; | |
| 529 | 56 } |
| 2112 | 57 |
|
963
56218ce0fd37
asco song buttons now have links in them, for dragging
drewp@bigasterisk.com
parents:
938
diff
changeset
|
58 button a { |
| 2112 | 59 color: white; |
|
963
56218ce0fd37
asco song buttons now have links in them, for dragging
drewp@bigasterisk.com
parents:
938
diff
changeset
|
60 } |
| 2112 | 61 |
| 529 | 62 .songs button:hover { |
| 2112 | 63 color: black; |
| 64 background: #333; | |
|
531
e8f6722a3881
ascoltami2 web one is in good shape. main missing piece is the auto-go button
drewp@bigasterisk.com
parents:
529
diff
changeset
|
65 } |
|
e8f6722a3881
ascoltami2 web one is in good shape. main missing piece is the auto-go button
drewp@bigasterisk.com
parents:
529
diff
changeset
|
66 |
|
e8f6722a3881
ascoltami2 web one is in good shape. main missing piece is the auto-go button
drewp@bigasterisk.com
parents:
529
diff
changeset
|
67 .commands button { |
| 2112 | 68 background: black; |
| 69 color: white; | |
| 70 padding: 20px; | |
|
531
e8f6722a3881
ascoltami2 web one is in good shape. main missing piece is the auto-go button
drewp@bigasterisk.com
parents:
529
diff
changeset
|
71 } |
| 2112 | 72 |
|
531
e8f6722a3881
ascoltami2 web one is in good shape. main missing piece is the auto-go button
drewp@bigasterisk.com
parents:
529
diff
changeset
|
73 .commands button.active { |
| 2112 | 74 background: #a90707; |
|
531
e8f6722a3881
ascoltami2 web one is in good shape. main missing piece is the auto-go button
drewp@bigasterisk.com
parents:
529
diff
changeset
|
75 } |
| 2112 | 76 |
|
531
e8f6722a3881
ascoltami2 web one is in good shape. main missing piece is the auto-go button
drewp@bigasterisk.com
parents:
529
diff
changeset
|
77 .key { |
| 2112 | 78 color: #888; |
|
531
e8f6722a3881
ascoltami2 web one is in good shape. main missing piece is the auto-go button
drewp@bigasterisk.com
parents:
529
diff
changeset
|
79 } |
|
1954
3ae1e7f8db23
vidref playback smoothness, autodelete short clips, manual-delete clips, vidref keyboard shortcuts
Drew Perttula <drewp@bigasterisk.com>
parents:
1937
diff
changeset
|
80 |
|
3ae1e7f8db23
vidref playback smoothness, autodelete short clips, manual-delete clips, vidref keyboard shortcuts
Drew Perttula <drewp@bigasterisk.com>
parents:
1937
diff
changeset
|
81 div.keys { |
| 2112 | 82 margin-top: 10px; |
| 83 padding: 5px; | |
|
1954
3ae1e7f8db23
vidref playback smoothness, autodelete short clips, manual-delete clips, vidref keyboard shortcuts
Drew Perttula <drewp@bigasterisk.com>
parents:
1937
diff
changeset
|
84 } |
|
3ae1e7f8db23
vidref playback smoothness, autodelete short clips, manual-delete clips, vidref keyboard shortcuts
Drew Perttula <drewp@bigasterisk.com>
parents:
1937
diff
changeset
|
85 |
|
3ae1e7f8db23
vidref playback smoothness, autodelete short clips, manual-delete clips, vidref keyboard shortcuts
Drew Perttula <drewp@bigasterisk.com>
parents:
1937
diff
changeset
|
86 .keyCap { |
| 2112 | 87 color: #ccc; |
| 88 background: #525252; | |
| 89 display: inline-block; | |
| 90 border: 1px outset #b3b3b3; | |
| 91 padding: 2px 3px; | |
| 92 margin: 3px 0; | |
| 93 font-size: 16px; | |
| 94 box-shadow: 0.9px 0.9px 0px 2px #565656; | |
| 95 border-radius: 2px; | |
|
1954
3ae1e7f8db23
vidref playback smoothness, autodelete short clips, manual-delete clips, vidref keyboard shortcuts
Drew Perttula <drewp@bigasterisk.com>
parents:
1937
diff
changeset
|
96 } |
|
3ae1e7f8db23
vidref playback smoothness, autodelete short clips, manual-delete clips, vidref keyboard shortcuts
Drew Perttula <drewp@bigasterisk.com>
parents:
1937
diff
changeset
|
97 |
|
531
e8f6722a3881
ascoltami2 web one is in good shape. main missing piece is the auto-go button
drewp@bigasterisk.com
parents:
529
diff
changeset
|
98 .currentSong button { |
| 2112 | 99 background: #a90707; |
|
531
e8f6722a3881
ascoltami2 web one is in good shape. main missing piece is the auto-go button
drewp@bigasterisk.com
parents:
529
diff
changeset
|
100 } |
| 2112 | 101 |
| 102 | |
|
938
c2faa69099e6
asco: display update frequency and dim when updates stop. run slower updates on tablets and phones
drewp@bigasterisk.com
parents:
531
diff
changeset
|
103 .stalled { |
| 2112 | 104 opacity: 0.5; |
|
1007
9b1df7c06ec2
asco bigger numbers so 3 year old users can find them
drewp@bigasterisk.com
parents:
1004
diff
changeset
|
105 } |
| 2112 | 106 |
|
1007
9b1df7c06ec2
asco bigger numbers so 3 year old users can find them
drewp@bigasterisk.com
parents:
1004
diff
changeset
|
107 .num { |
| 2112 | 108 font-size: 27px; |
| 109 color: rgb(233, 122, 122); | |
| 110 display: inline-block; | |
| 111 font-size: 200% !important; | |
| 112 font-weight: bold; | |
| 113 text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, | |
| 114 1px 1px 0 #000; | |
| 2114 | 115 float: left; |
|
1044
a2081b9adfe4
effecteval now takes dropped subs and makes new effects out of them
Drew Perttula <drewp@bigasterisk.com>
parents:
1007
diff
changeset
|
116 } |
|
a2081b9adfe4
effecteval now takes dropped subs and makes new effects out of them
Drew Perttula <drewp@bigasterisk.com>
parents:
1007
diff
changeset
|
117 |
|
a2081b9adfe4
effecteval now takes dropped subs and makes new effects out of them
Drew Perttula <drewp@bigasterisk.com>
parents:
1007
diff
changeset
|
118 .dropTarget { |
| 2112 | 119 padding: 10px 5px; |
| 120 border: 2px dashed gray; | |
| 121 font-style: italic; | |
| 122 color: rgb(78, 90, 107); | |
|
1044
a2081b9adfe4
effecteval now takes dropped subs and makes new effects out of them
Drew Perttula <drewp@bigasterisk.com>
parents:
1007
diff
changeset
|
123 } |
| 2112 | 124 |
|
1162
487f0877b7c6
EE can now limit to showing just one song
drewp@bigasterisk.com
parents:
1099
diff
changeset
|
125 .dropTarget:hover { |
| 2112 | 126 background: #1f1f0d; |
|
1162
487f0877b7c6
EE can now limit to showing just one song
drewp@bigasterisk.com
parents:
1099
diff
changeset
|
127 } |
| 2112 | 128 |
|
1044
a2081b9adfe4
effecteval now takes dropped subs and makes new effects out of them
Drew Perttula <drewp@bigasterisk.com>
parents:
1007
diff
changeset
|
129 .twoColList { |
| 2112 | 130 -webkit-column-width: 24em; |
|
1044
a2081b9adfe4
effecteval now takes dropped subs and makes new effects out of them
Drew Perttula <drewp@bigasterisk.com>
parents:
1007
diff
changeset
|
131 } |
| 2112 | 132 |
|
1044
a2081b9adfe4
effecteval now takes dropped subs and makes new effects out of them
Drew Perttula <drewp@bigasterisk.com>
parents:
1007
diff
changeset
|
133 .twoColList > li { |
| 2112 | 134 margin-bottom: 13px; |
|
1044
a2081b9adfe4
effecteval now takes dropped subs and makes new effects out of them
Drew Perttula <drewp@bigasterisk.com>
parents:
1007
diff
changeset
|
135 } |
|
a2081b9adfe4
effecteval now takes dropped subs and makes new effects out of them
Drew Perttula <drewp@bigasterisk.com>
parents:
1007
diff
changeset
|
136 |
|
a2081b9adfe4
effecteval now takes dropped subs and makes new effects out of them
Drew Perttula <drewp@bigasterisk.com>
parents:
1007
diff
changeset
|
137 .song { |
| 2112 | 138 color: rgb(85, 221, 85); |
|
1044
a2081b9adfe4
effecteval now takes dropped subs and makes new effects out of them
Drew Perttula <drewp@bigasterisk.com>
parents:
1007
diff
changeset
|
139 } |
| 2112 | 140 |
|
1044
a2081b9adfe4
effecteval now takes dropped subs and makes new effects out of them
Drew Perttula <drewp@bigasterisk.com>
parents:
1007
diff
changeset
|
141 .song:before { |
| 2112 | 142 content: "♫"; |
| 143 color: black; | |
| 144 background: rgb(85, 221, 85); | |
| 145 border-radius: 30%; | |
|
1044
a2081b9adfe4
effecteval now takes dropped subs and makes new effects out of them
Drew Perttula <drewp@bigasterisk.com>
parents:
1007
diff
changeset
|
146 } |
|
a2081b9adfe4
effecteval now takes dropped subs and makes new effects out of them
Drew Perttula <drewp@bigasterisk.com>
parents:
1007
diff
changeset
|
147 |
|
a2081b9adfe4
effecteval now takes dropped subs and makes new effects out of them
Drew Perttula <drewp@bigasterisk.com>
parents:
1007
diff
changeset
|
148 .effect:before { |
| 2112 | 149 content: "â›–"; |
|
1044
a2081b9adfe4
effecteval now takes dropped subs and makes new effects out of them
Drew Perttula <drewp@bigasterisk.com>
parents:
1007
diff
changeset
|
150 } |
|
a2081b9adfe4
effecteval now takes dropped subs and makes new effects out of them
Drew Perttula <drewp@bigasterisk.com>
parents:
1007
diff
changeset
|
151 |
| 2112 | 152 .song:before, |
| 153 .effect:before { | |
| 154 margin-right: 3px; | |
| 155 text-decoration: none !important; | |
| 156 font-size: 140%; | |
| 1218 | 157 } |
|
1044
a2081b9adfe4
effecteval now takes dropped subs and makes new effects out of them
Drew Perttula <drewp@bigasterisk.com>
parents:
1007
diff
changeset
|
158 |
| 1226 | 159 /* ascoltami mini mode */ |
| 2116 | 160 @media (max-width: 600px) { |
| 2112 | 161 .songs { |
| 162 column-width: 15em; | |
| 163 } | |
| 164 .songs button { | |
| 2116 | 165 font-size: initial !important; |
| 166 min-height: 35px !important; | |
| 2112 | 167 width: 100%; |
| 168 margin: initial; | |
| 169 border-width: 1px; | |
| 170 margin-bottom: 2px; | |
| 171 } | |
| 172 .num { | |
| 2116 | 173 font-size: initial !important; |
| 174 padding: initial !important; | |
| 2112 | 175 } |
| 176 .commands button { | |
| 177 padding: 5px; | |
| 178 } | |
| 1226 | 179 } |
| 1218 | 180 |
| 181 /* subserver */ | |
| 182 .vari { | |
| 2112 | 183 color: white; |
| 1218 | 184 } |
| 185 | |
| 186 .sub { | |
| 2112 | 187 display: inline-block; |
| 188 vertical-align: top; | |
| 1218 | 189 } |
| 2112 | 190 |
| 1218 | 191 .sub.local { |
| 2112 | 192 background: rgb(44, 44, 44); |
| 1218 | 193 } |
| 2112 | 194 |
| 1218 | 195 .sub img { |
| 2112 | 196 width: 196px; |
| 197 min-height: 40px; | |
| 198 margin: 0 6px; | |
| 199 background: -webkit-gradient( | |
| 200 linear, | |
| 201 right top, | |
| 202 left bottom, | |
| 203 color-stop(0, rgb(121, 120, 120)), | |
| 204 color-stop(1, rgb(54, 54, 54)) | |
| 205 ); | |
| 1218 | 206 } |
| 2112 | 207 |
| 1218 | 208 .chase { |
| 2112 | 209 background: rgb(75, 57, 72); |
| 1218 | 210 } |
| 211 | |
| 212 a button { | |
| 2112 | 213 font-size: 60%; |
| 1218 | 214 } |
| 2112 | 215 |
| 1219 | 216 a.big { |
| 2112 | 217 background-color: #384052; |
| 218 padding: 6px; | |
| 219 text-shadow: rgba(0, 0, 0, 0.48) -1px -1px 0px; | |
| 220 color: rgb(172, 172, 255); | |
| 221 font-size: 160%; | |
| 222 margin: 0px; | |
| 223 display: inline-block; | |
| 224 border-radius: 5px; | |
| 1219 | 225 } |
|
1541
c1bf296b0a74
collector uses cyclone and gets a web ui showing output attrs
Drew Perttula <drewp@bigasterisk.com>
parents:
1310
diff
changeset
|
226 |
|
c1bf296b0a74
collector uses cyclone and gets a web ui showing output attrs
Drew Perttula <drewp@bigasterisk.com>
parents:
1310
diff
changeset
|
227 table { |
| 2112 | 228 border-collapse: collapse; |
|
1541
c1bf296b0a74
collector uses cyclone and gets a web ui showing output attrs
Drew Perttula <drewp@bigasterisk.com>
parents:
1310
diff
changeset
|
229 } |
|
c1bf296b0a74
collector uses cyclone and gets a web ui showing output attrs
Drew Perttula <drewp@bigasterisk.com>
parents:
1310
diff
changeset
|
230 |
| 2112 | 231 table.borders td, |
| 232 table.borders th { | |
| 233 border: 1px solid #4a4a4a; | |
| 234 padding: 2px 8px; | |
|
1589
21a52ce16954
new effects2.html polymer port
Drew Perttula <drewp@bigasterisk.com>
parents:
1541
diff
changeset
|
235 } |
| 2112 | 236 |
|
1937
f29e26811206
pmfstats now update at 1hz. some ui improvements to stats lines.
Drew Perttula <drewp@bigasterisk.com>
parents:
1844
diff
changeset
|
237 hr { |
| 2112 | 238 width: 100%; |
| 239 border-color: #1d3e1d; | |
|
1937
f29e26811206
pmfstats now update at 1hz. some ui improvements to stats lines.
Drew Perttula <drewp@bigasterisk.com>
parents:
1844
diff
changeset
|
240 } |