drum-machine/main.css

A simple drum machine / sequencer written in javascript

@import url(https://fonts.googleapis.com/css?family=Merriweather:400,700);

.merriweather      { 
    font-family: 'Merriweather'; 
}

/*
#controls {
    font-family: 'Merriweather';
    font-size: 10px;
}*/
a {
    color: hotpink;
}

#tracker-container {
    background-color: ghostwhite;
    width: 100%;
    padding: 20px;
    background-color: #F4A360;
    display: flex; 
    flex-wrap:wrap;
}

#tracker-controls {
    margin-left: 20px;
    padding:20px;
    background-color: tomato;
}


#tracker-parent {
    padding:20px;
    flex-basis: auto;
    background-color: gainsboro;
    /*overflow-x: visible;*/
}


.tracker-cell, .tracker-first-cell, .tracker-cell-header {
    height: 20px;
    min-width: 20px;
    border: black;
    border-color: black;
    background: #fff;
    border-style: solid;
    border-width: 1px;
    font-size: 75%;
    padding:2px;
    /*background-color: pink;*/
}

.tracker-enabled {
    background: orange;
}

.tracker-current {
    background: blueviolet;
}

#app-message {
    position: fixed;
    top: 10px;
    left: 10px;
    background-color: peru;
    margin: 10px;
    padding: 10px;
    display: none;
}