Index:Colorimetry104nime.djvu/styles.css
Appearance
.wst-form-field .field {
border-bottom: dashed 1px;
}
.wst-index-list li {
margin-left: 4em;
text-indent: -4em;
}
/**************************************************
headings
**************************************************/
.wst-heading-leveled {
text-align: center;
font-weight: bold;
}
.wst-heading-leveled-1 {
font-size: 110% !important;
column-span: all;
}
.wst-heading-leveled-2 {font-size: unset !important;}
.wst-heading-leveled-3 {font-size: 90% !important;}
/**************************************************
{{class figure}}
**************************************************/
.wst-figure-wrapper {
max-width: 270px;
font-size: 80%;
}
/* charts need to be a bit bigger to be readable */
.wst-figure-wrapper.chart {
max-width: 350px;
}
/* two-column wide figure */
.wst-figure-wrapper.wider {
max-width: 500px;
}
.wst-figure-caption {
font-style: italic;
line-height: 1.2;
}
.wst-figure-number {
font-style: normal;
font-variant: small-caps
}
.wst-figure-number-separator::after {
content: " ";
}
.wst-figure-caption2 {
font-size: 90%;
line-height: 1;
margin-top: 0.5em;
}
/* black and white lines images */
.wst-figure-image {
filter: grayscale(1) contrast(1.5) brightness(1);
}
/* unless it's a photo */
.photo .wst-figure-image {
filter: grayscale(1);
}
/**************************************************
table
**************************************************/
table.column-table {
border-collapse: collapse;
margin: auto; /* center table */
border-top: 3px double;
border-bottom: 1px solid;
line-height: 1em;
}
table.column-table th {
font-weight: normal;
text-align: center;
border: 1px solid;
padding: 0.5em 0.75em;
hyphens: auto;
}
table.column-table td {
border-right: 1px solid;
text-align: right;
padding: 0 0.75em;
vertical-align: bottom;
}
table.column-table tr td:last-child,
table.column-table tr th:last-child {
border-right: unset;
}
table.column-table tr td:first-child,
table.column-table tr th:first-child {
border-left: unset;
}
table.column-table .line td {
border-top: 1px solid;
padding-top: 0.25em;
}
table.column-table tr:last-child td,
table.column-table tr:last-child th {
padding-bottom: 0.25em;
}
table.column-table caption {
text-align: left;
margin-left: 2em;
text-indent: -2em;
margin-bottom: 1em;
margin-top: 1em;
}
/* make <math> smaller */
table.column-table td .mwe-math-element img,
table.column-table th .mwe-math-element img {
transform: scale(0.8);
}
table.column-table .wst-rule {
border-top: 1px dashed;
background-color: unset;
}
/* Additional classes */
.groups-of-5-o0 tr:nth-child(5n) td,
.groups-of-5-o1 tr:nth-child(5n+1) td,
.groups-of-5-o2 tr:nth-child(5n+2) td,
.groups-of-5-o3 tr:nth-child(5n+3) td,
.groups-of-5-o4 tr:nth-child(5n+4) td,
.groups-of-4-o0 tr:nth-child(4n) td,
.groups-of-4-o1 tr:nth-child(4n+1) td,
.groups-of-4-o2 tr:nth-child(4n+2) td,
.groups-of-4-o3 tr:nth-child(4n+3) td,
.groups-of-3-o0 tr:nth-child(3n) td,
.groups-of-3-o1 tr:nth-child(3n+1) td,
.groups-of-3-o2 tr:nth-child(3n+2) td {
padding-top: 0.6em;
}
.min {
width: min-content;
}
.column-table.align-left td {
text-align: left;
}
/******************************************************************************
Highlight when table linked to, modeled after {{ph}} and {{class figure}}
******************************************************************************/
[id^="Table"]:target,
[id^="Fig"]:target,
[id^="ref"]:target {
background-color: rgba(100, 149, 237, 0.1);
color: inherit;
outline: 1px solid cornflowerblue;
}
/**************************************************
put two tables or figures side-by-side
**************************************************/
.side-by-side {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
margin-bottom: 1em;
gap: 2em;
}
.side-by-side .wst-figure-wrapper,
.side-by-side .column-table {
margin-left: unset;
margin-right: unset;
}
/**************************************************
footnotes
**************************************************/
.wst-smallrefs-ruled {
border: unset
}
.wst-smallrefs-ruled::before {
display: block;
content: "";
border-top: 1px solid;
padding-bottom: 0.5em;
width: 25%;
}