<commit_before>body { margin: 8px; font-family: sans-serif; }

/* Screen layout */
#wrapper { position: relative; }
@media only screen and (max-width: 429px) {
    #map { position:relative; width: 100%; height: 0; padding-bottom: 90%; }
    #piechart { position: relative; width: 75%; height: 0; margin:0 auto; padding-bottom: 75%; }
}
@media only screen and (min-width: 430px) and (max-width:774px) {
    #map { position:relative; width: 400px; height: 360px; margin:0 auto; }
    #piechart { position: relative; width: 300px; height: 300px; margin:0 auto; }
}
/*@media only screen and (max-width: 329px) {
    #piechart { position:relative; width: 100%; height: 0; padding-bottom: 100%; }
}
@media only screen and (min-width: 330px) and (max-width: 879px) {
    #piechart { position: relative; width: 300px; height: 300px; margin:0 auto; }
}*/
@media only screen and (min-width: 775px) and (max-width: 899px)
{
    #wrapper { width: 100% }
    #content { position: relative; }
    #map { position:relative; width: 400px; height: 360px; }
    #piechart { position: relative; width: 300px; height: 300px; left:50px;}
    #legend { position:absolute; left: 410px; top: 0; }
}
@media only screen and (min-width: 900px)
{
    #wrapper { width:870px; margin:0 auto; }
    #content { position: relative; }
    #map { position:relative; width: 400px; height: 360px; }
    #piechart { position: relative; width: 300px; height: 300px; left:50px;}
    #legend { position:absolute; left: 410px; top: 0; }
}
#piechart { padding-top: 10px; }
.header { margin-bottom: 10px; }

table.votes { margin: 0 auto; }

/* Text formatting */
div.header { font-size: 125%; font-weight: bold; text-align: center; }

/* Map formatting */
#resetdiv { position:absolute; right:0; bottom:0; text-align: right; }
#hovertext { position:absolute; left:0; bottom:0; }

.background { fill: none; pointer-events: all; }
.prov-border, .dist-border, .muni-border { fill: none; stroke: white; stroke-linejoin: round; stroke-linecap:round; }

.province, .district, .muni { fill: gray; stroke: none; }
.winner-ANC { fill: #66c2a5; }
.winner-DA { fill: #8da0cb; }
.winner-IFP { fill: #fc8d62; }
.nation { display: none; fill: none; stroke: none; }

#hoverobj { fill: white; stroke:none; fill-opacity: 0.5; pointer-events: none; }
#selpath { fill: white; stroke:none; fill-opacity: 0.3; pointer-events: none; }

table.votes { padding-top:1em; font-size:85%; border-spacing: 0; }
table.votes th { text-align: left; white-space: nowrap; }
table.votes td, table.votes th { padding-right: 1em; border-top: 1px solid gray; padding-top: 2px; padding-bottom: 2px; height: 22px; }
table.votes tr :first-child { padding-left: 2px; }
table.votes tr :last-child { padding-right: 2px; }

table.votes thead th { border-top: none; }
table.votes tfoot tr:first-child td, table.votes tbody tr:first-child td { border-top: 2px solid gray; }

table.votes .numbercell { text-align: right; }

table.votes tbody tr:nth-child(odd) { background-color: lightgray; }
table.votes tbody tr:nth-child(even) { background-color: white; }

table.votes tbody tr.row-ANC { background-color: #93d3bf; }
table.votes tbody tr.row-DA { background-color: #aebbd9; }
table.votes tbody tr.row-IFP { background-color: #fcae90; }
table.votes tbody tr.row-COPE { background-color: #fee36c; }

table.votes td.partylogo { text-align: center; padding-right: 2px; }

table.votes tr.validrow td { font-weight: bold; }
table.votes tr.spoiltrow td { font-style: italic; }
table.votes tr.totalrow td { font-weight:bold; font-style: italic; }

.slice { stroke: white; fill: lightgray; }
.slice.ANC { fill: #93d3bf; }
.slice.DA { fill: #aebbd9; }
.slice.IFP { fill: #fcae90; }
.slice.COPE { fill: #fee36c; }

.pielabel { fill: black; stroke: none; }
<commit_msg>add colouring for ID<commit_after>body { margin: 8px; font-family: sans-serif; }

/* Screen layout */
#wrapper { position: relative; }
@media only screen and (max-width: 429px) {
    #map { position:relative; width: 100%; height: 0; padding-bottom: 90%; }
    #piechart { position: relative; width: 75%; height: 0; margin:0 auto; padding-bottom: 75%; }
}
@media only screen and (min-width: 430px) and (max-width:774px) {
    #map { position:relative; width: 400px; height: 360px; margin:0 auto; }
    #piechart { position: relative; width: 300px; height: 300px; margin:0 auto; }
}
/*@media only screen and (max-width: 329px) {
    #piechart { position:relative; width: 100%; height: 0; padding-bottom: 100%; }
}
@media only screen and (min-width: 330px) and (max-width: 879px) {
    #piechart { position: relative; width: 300px; height: 300px; margin:0 auto; }
}*/
@media only screen and (min-width: 775px) and (max-width: 899px)
{
    #wrapper { width: 100% }
    #content { position: relative; }
    #map { position:relative; width: 400px; height: 360px; }
    #piechart { position: relative; width: 300px; height: 300px; left:50px;}
    #legend { position:absolute; left: 410px; top: 0; }
}
@media only screen and (min-width: 900px)
{
    #wrapper { width:870px; margin:0 auto; }
    #content { position: relative; }
    #map { position:relative; width: 400px; height: 360px; }
    #piechart { position: relative; width: 300px; height: 300px; left:50px;}
    #legend { position:absolute; left: 410px; top: 0; }
}
#piechart { padding-top: 10px; }
.header { margin-bottom: 10px; }

table.votes { margin: 0 auto; }

/* Text formatting */
div.header { font-size: 125%; font-weight: bold; text-align: center; }

/* Map formatting */
#resetdiv { position:absolute; right:0; bottom:0; text-align: right; }
#hovertext { position:absolute; left:0; bottom:0; }

.background { fill: none; pointer-events: all; }
.prov-border, .dist-border, .muni-border { fill: none; stroke: white; stroke-linejoin: round; stroke-linecap:round; }

.province, .district, .muni { fill: gray; stroke: none; }
.winner-ANC { fill: #66c2a5; }
.winner-DA { fill: #8da0cb; }
.winner-IFP { fill: #fc8d62; }
.nation { display: none; fill: none; stroke: none; }

#hoverobj { fill: white; stroke:none; fill-opacity: 0.5; pointer-events: none; }
#selpath { fill: white; stroke:none; fill-opacity: 0.3; pointer-events: none; }

table.votes { padding-top:1em; font-size:85%; border-spacing: 0; }
table.votes th { text-align: left; white-space: nowrap; }
table.votes td, table.votes th { padding-right: 1em; border-top: 1px solid gray; padding-top: 2px; padding-bottom: 2px; height: 22px; }
table.votes tr :first-child { padding-left: 2px; }
table.votes tr :last-child { padding-right: 2px; }

table.votes thead th { border-top: none; }
table.votes tfoot tr:first-child td, table.votes tbody tr:first-child td { border-top: 2px solid gray; }

table.votes .numbercell { text-align: right; }

table.votes tbody tr:nth-child(odd) { background-color: lightgray; }
table.votes tbody tr:nth-child(even) { background-color: white; }

table.votes tbody tr.row-ANC { background-color: #93d3bf; }
table.votes tbody tr.row-DA { background-color: #aebbd9; }
table.votes tbody tr.row-IFP { background-color: #fcae90; }
table.votes tbody tr.row-COPE { background-color: #fee36c; }
table.votes tbody tr.row-ID { background-color: #fdb462; }

table.votes td.partylogo { text-align: center; padding-right: 2px; }

table.votes tr.validrow td { font-weight: bold; }
table.votes tr.spoiltrow td { font-style: italic; }
table.votes tr.totalrow td { font-weight:bold; font-style: italic; }

.slice { stroke: white; fill: lightgray; }
.slice.ANC { fill: #93d3bf; }
.slice.DA { fill: #aebbd9; }
.slice.IFP { fill: #fcae90; }
.slice.COPE { fill: #fee36c; }
.slice.ID { fill: #fdb462; }

.pielabel { fill: black; stroke: none; }

{'fraction_non_alphanumeric': 0.1607025822519334, 'fraction_numerical': 0.044304627080875604, 'mean_word_length': 4.226027397260274, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2683099', 'n_tokens_mistral': 3046, 'n_tokens_neox': 2761, 'n_words': 765}