light9 Files · static/style.css

Files @ c99096504c79

Branch filter:

Location: light9/static/style.css

c99096504c79 1.3 KiB text/css Show Annotation Show as Raw Download as Raw

drewp@bigasterisk.com

accept drag data type 'TEXT' which i'm getting from chrome instead of text/uri-list
Ignore-this: 26f9691f227d8dfebc736cb8d8943253

body { 
    background: black;
    color: white;
    font-family: sans-serif;
}
h1 {
    margin: 0;
}

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

    }

.songs {
    -moz-column-width:205px;
    -webkit-column-width:205px;
}
.songs button {
    display: inline-block;
    width: 200px;
    height: 50px;
    text-align: left;
    background: black;
    color: white;
    margin: 2px;
    font-size: 115%;
}
button a {
    color: white;
}
.songs button:hover {
    color: black;
    background: #333;
}

.commands button {
    background: black;
    color: white;
    padding: 20px
}
.commands button.active {
    background: #1C4054;
}
.key {
    color: #888;
}
.currentSong button {
    background: #55A5C9;
}
.timeRow {
    margin: 14px;
}
.stalled {
    opacity: .5;
}
.num {
    font-size: 27px;
    color: rgb(233, 122, 122);
    display: inline-block; 
}

.dropTarget {
    padding: 5px;
    border: 2px dashed gray;
    font-style: italic;
    color: rgb(78, 90, 107);
}
.twoColList {
    -webkit-column-width: 24em;
}
.twoColList > li {
    margin-bottom: 13px;
}

.song {
    color: rgb(85, 221, 85);
}
.song:before {

    content: "♫";
    color: black;
    background: rgb(85, 221, 85);
    border-radius: 30%;
}

.effect:before {
    content: "⛖";
}

.song:before, .effect:before {
    margin-right: 3px;
    text-decoration: none !important;
    font-size: 140%;

}