Malline:Kitarakirja/Intervallikaavio/tyyli.css

.otelauta tr {
	vertical-align: top;
}

/* 3., 5., 7. ja 9. nauha */
.otelauta tr td:nth-child(4), 
.otelauta tr td:nth-child(6), 
.otelauta tr td:nth-child(8), 
.otelauta tr td:nth-child(10) {
    background-color: #EEE;
}

/* 12. nauha */
.otelauta tr td:nth-child(13) {
    background-color: #DDD;
}

.intervalli-1 {
    background-color: rgb(216, 178, 255);
    border-radius: 1em;
    padding: 0.3em;
    border: solid rgb(191, 127, 255) 1px;
}

.intervalli-p2 {
    background-color: rgb(255, 178, 254);
    border-radius: 1em;
    padding: 0.3em;
    border: solid rgb(255, 127, 254) 1px;
}

.intervalli-s2 {
    background-color: rgb(255, 178, 216);
    border-radius: 1em;
    padding: 0.3em;
    border: solid rgb(255, 127, 191) 1px;
}

.intervalli-p3 {
    background-color: rgb(255, 178, 178);
    border-radius: 1em;
    padding: 0.3em;
    border: solid rgb(255, 127, 127) 1px;
}

.intervalli-s3 {
    background-color: rgb(255, 216, 178);
    border-radius: 1em;
    padding: 0.3em;
    border: solid rgb(255, 191, 127) 1px;
}

.intervalli-4 {
    background-color: rgb(254, 255, 178);
    border-radius: 1em;
    padding: 0.3em;
    border: solid rgb(254, 255, 127) 1px;
}

.intervalli-v5 {
    background-color: rgb(216, 255, 178);
    border-radius: 1em;
    padding: 0.3em;
    border: solid rgb(191, 255, 127) 1px;
}

.intervalli-5 {
    background-color: rgb(178, 255, 178);
    border-radius: 1em;
    padding: 0.3em;
    border: solid rgb(127, 255, 127) 1px;
}

.intervalli-p6 {
    background-color: rgb(178, 255, 178);
    border-radius: 1em;
    padding: 0.3em;
    border: solid rgb(127, 255, 191) 1px;
}

.intervalli-s6 {
    background-color: rgb(178, 254, 255);
    border-radius: 1em;
    padding: 0.3em;
    border: solid rgb(127, 254, 255) 1px;
}

.intervalli-p7 {
    background-color: rgb(178, 216, 255);
    border-radius: 1em;
    padding: 0.3em;
    border: solid rgb(127, 191, 255) 1px;
}

.intervalli-s7 {
    background-color: rgb(178, 178, 255);
    border-radius: 1em;
    padding: 0.3em;
    border: solid rgb(127, 127, 255) 1px;
}


.tyhja {
    background-color: white;
    border-radius: 1em;
    padding: 0.3em;
    border: solid lightgray 1px;
}

.korostettu {
	border: solid black 2px;	
}