Changeset - 0b80bcc82cb1
[Not reviewed]
default
0 1 0
drewp@bigasterisk.com - 3 years ago 2022-06-02 18:52:24
drewp@bigasterisk.com
reformat
1 file changed with 38 insertions and 15 deletions:
0 comments (0 inline, 0 general)
light9/web/style.css
Show inline comments
 
@@ -3,6 +3,7 @@ body {
 
    color: white;
 
    font-family: sans-serif;
 
}
 

	
 
h1 {
 
    margin: 0;
 
}
 
@@ -12,19 +13,21 @@ h2 {
 
    padding: 0;
 
    font-size: 100%;
 
}
 

	
 
ul {
 
    margin: 0;
 
}
 

	
 
a {
 
    color: rgb(97, 97, 255);
 
}
 

	
 

	
 
input[type=text] {
 
input[type="text"] {
 
    border: 1px inset rgb(177, 177, 177);
 
    background: rgb(230, 230, 230);
 
    padding: 3px;
 
}
 

	
 
#status {
 
    position: fixed;
 
    bottom: 0px;
 
@@ -33,10 +36,10 @@ input[type=text] {
 
    padding-left: 6px;
 
}
 

	
 

	
 
.songs {
 
    column-width: 15em;
 
}
 

	
 
.songs button {
 
    display: inline-block;
 
    width: 15em;
 
@@ -47,15 +50,15 @@ input[type=text] {
 
    margin: 2px;
 
    font-size: 130% !important;    
 
    font-weight: bold;
 
    text-shadow: -1px -1px 0 #000,
 
                 1px -1px 0 #000,
 
                 -1px 1px 0 #000,
 
  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000,
 
                 1px 1px 0 #000;
 
    white-space: nowrap;
 
}
 

	
 
button a {
 
    color: white;
 
}
 

	
 
.songs button:hover {
 
    color: black;
 
    background: #333;
 
@@ -64,11 +67,13 @@ button a {
 
.commands button {
 
    background: black;
 
    color: white;
 
    padding: 20px
 
  padding: 20px;
 
}
 

	
 
.commands button.active {
 
    background: #a90707;
 
}
 

	
 
.key {
 
    color: #888;
 
}
 
@@ -93,12 +98,15 @@ div.keys {
 
.currentSong button {
 
    background: #a90707;
 
}
 

	
 
.timeRow {
 
    margin: 14px;
 
}
 

	
 
.stalled {
 
    opacity: .5;
 
  opacity: 0.5;
 
}
 

	
 
.num {
 
    font-size: 27px;
 
    color: rgb(233, 122, 122);
 
@@ -106,9 +114,7 @@ div.keys {
 
    padding: 10px;
 
    font-size: 200% !important;    
 
    font-weight: bold;
 
    text-shadow: -1px -1px 0 #000,
 
                 1px -1px 0 #000,
 
                 -1px 1px 0 #000,
 
  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000,
 
                 1px 1px 0 #000;
 
}
 

	
 
@@ -118,12 +124,15 @@ div.keys {
 
    font-style: italic;
 
    color: rgb(78, 90, 107);
 
}
 

	
 
.dropTarget:hover {
 
    background: #1F1F0D;
 
  background: #1f1f0d;
 
}
 

	
 
.twoColList {
 
    -webkit-column-width: 24em;
 
}
 

	
 
.twoColList > li {
 
    margin-bottom: 13px;
 
}
 
@@ -131,6 +140,7 @@ div.keys {
 
.song {
 
    color: rgb(85, 221, 85);
 
}
 

	
 
.song:before {
 
    content: "♫";
 
    color: black;
 
@@ -142,7 +152,8 @@ div.keys {
 
    content: "⛖";
 
}
 

	
 
.song:before, .effect:before {
 
.song:before,
 
.effect:before {
 
    margin-right: 3px;
 
    text-decoration: none !important;
 
    font-size: 140%;
 
@@ -179,15 +190,24 @@ div.keys {
 
    display: inline-block;
 
    vertical-align: top;
 
}
 

	
 
.sub.local {
 
    background: rgb(44, 44, 44);
 
}
 

	
 
.sub img {
 
    width: 196px;
 
    min-height: 40px;
 
    margin: 0 6px;
 
    background: -webkit-gradient(linear,right top,left bottom,color-stop(0,rgb(121, 120, 120)),color-stop(1,rgb(54, 54, 54)));
 
  background: -webkit-gradient(
 
    linear,
 
    right top,
 
    left bottom,
 
    color-stop(0, rgb(121, 120, 120)),
 
    color-stop(1, rgb(54, 54, 54))
 
  );
 
}
 

	
 
.chase {
 
    background: rgb(75, 57, 72);
 
}
 
@@ -195,6 +215,7 @@ div.keys {
 
a button {
 
    font-size: 60%;
 
}
 

	
 
a.big {
 
    background-color: #384052;
 
    padding: 6px;
 
@@ -210,10 +231,12 @@ table {
 
    border-collapse: collapse;
 
}
 

	
 
table.borders td, table.borders th {
 
table.borders td,
 
table.borders th {
 
    border: 1px solid #4a4a4a;
 
    padding: 2px 8px;
 
}
 

	
 
hr {
 
    width: 100%;
 
    border-color: #1d3e1d;
0 comments (0 inline, 0 general)