/*
table, td un td.label nosaka pamata izskatu tabulai
.v-pre, .v-post nosaka pirms un pēc zaļā krāsu priekš ceļa luksaforu attēlojuma
.gp-pre, .gp-post nosaka pirms un pēc zaļā krāsu priekš gājēju pāreju luksaforu attēlojuma
.green un .off ir priekš zaļās un sarkanās ailes attēlošanas respektīvi
*/

table { 
    border-collapse: collapse; 
}

td { 
    width: 10px; 
    height: 20px; 
    padding: 0; 
}

td.label { 
    width: auto; 
    background: #eee; 
    text-align: right; 
    padding: 2px 5px; 
}

.v-pre { 
    background: linear-gradient(90deg, red 50%, yellow 50%); 
}

.v-post { 
    background: yellow; 
}

.gp-pre, .gp-post { 
    background: linear-gradient(90deg, white 50%, green 50%); 
}

.green { 
    background: green; 
}

.off { 
    background: red; 
}