Mall:Pigmenttabell/styles.css

/* Klassen anges i tabellstarten. Mer behövs inte för grundfunktionen. */
.pigmenttabell {
    margin: 1.5em auto;
    border-collapse: collapse;
    line-height: 1.3;
    font-size: 90%;
}
/* Läggs till i tabellstarten om man vill ha synliga linjer mellan varje tabellrad. */
.pigmenttabell_radlinjer tr:nth-child(n+3) {
    border-bottom: 1px solid #ccc;
}

.pigmenttabell caption {
    padding-bottom: 3px;
}
.pigmenttabell tr:nth-child(n+2) th {
    text-align: left;
}
.pigmenttabell tr th:first-child {
    white-space: nowrap;
}
.pigmenttabell th,
.pigmenttabell td {
    border: 0;
}
.pigmenttabell tr:nth-child(-n+2) {
    line-height: 1.2;
}
.pigmenttabell tr:nth-child(2) {
    border-bottom: 1px solid #aaa;
}
.pigmenttabell tr th:last-child,
.pigmenttabell tr td:last-child,
.pigmenttabell tr:nth-child(2) th:nth-child(n+2) {
    border-right: 1px solid #aaa;
}

/* Ger möjlighet att färgmarkera vänsterkanten. */
.pigmenttabell tr[data-border-color='yellow'] {
    border-left: 3px solid #ee0;
}
.pigmenttabell tr[data-border-color='orange'] {
    border-left: 3px solid #fa0;
}
.pigmenttabell tr[data-border-color='red'] {
    border-left: 3px solid #e00;
}
.pigmenttabell tr[data-border-color='violet'] {
    border-left: 3px solid #b0b;
}
.pigmenttabell tr[data-border-color='blue'] {
    border-left: 3px solid #00e;
}
.pigmenttabell tr[data-border-color='green'] {
    border-left: 3px solid #0b0;
}
.pigmenttabell tr[data-border-color='brown'] {
    border-left: 3px solid #c70;
}
.pigmenttabell tr[data-border-color='black'] {
    border-left: 3px solid #000;
}
.pigmenttabell tr[data-border-color='white'] {
    border-left: 3px solid #fff;
}

/* För malldokumentationens kodexempelrutor. Det finns enklare sätt, men detta ger möjlighet att vid behov färgmarkera kodavsnitt. */
.pigmenttabell_kodexempel {
    background: #f8f9fa;
    padding: 1em;
    margin: .5em .5em 2em 0;
    height: 150px;
    overflow: auto;
    white-space: pre;
    border: 1px inset #eee;
    font-family: courier, monospace;
    font-size: 95%;
    line-height: 1.3;
}

/* [[Kategori:TemplateStyles-mallar]] */