101 lines
1.8 KiB
CSS
101 lines
1.8 KiB
CSS
.vertical-table-header th.head:not(.stub) {
|
|
writing-mode: sideways-lr;
|
|
white-space: nowrap;
|
|
max-width: 0;
|
|
}
|
|
|
|
/* Keep header cell paragraph content tight (avoid CSS nesting for compatibility) */
|
|
.vertical-table-header th.head:not(.stub) p {
|
|
margin: 0;
|
|
}
|
|
|
|
/* Image sizing classes */
|
|
.image-small {
|
|
max-width: 200px;
|
|
height: auto;
|
|
}
|
|
|
|
.image-medium {
|
|
max-width: 400px;
|
|
height: auto;
|
|
}
|
|
|
|
.image-large {
|
|
max-width: 600px;
|
|
height: auto;
|
|
}
|
|
|
|
.image-full {
|
|
max-width: 100%;
|
|
height: auto;
|
|
}
|
|
|
|
/* Responsive images */
|
|
img {
|
|
max-width: 100%;
|
|
height: auto;
|
|
}
|
|
|
|
/* Center images */
|
|
.image-center {
|
|
display: block;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.cookbook-picker {
|
|
padding: 1rem;
|
|
border: 0.05rem solid var(--md-default-fg-color--lightest);
|
|
border-radius: 0.2rem;
|
|
}
|
|
|
|
.cookbook-picker select {
|
|
width: 100%;
|
|
padding: 0.6rem;
|
|
color: var(--md-default-fg-color);
|
|
background: var(--md-default-bg-color);
|
|
border: 0.05rem solid var(--md-default-fg-color--lighter);
|
|
border-radius: 0.2rem;
|
|
}
|
|
|
|
.cookbook-picker dl {
|
|
display: grid;
|
|
grid-template-columns: max-content 1fr;
|
|
gap: 0.25rem 1rem;
|
|
}
|
|
|
|
.cookbook-picker dt {
|
|
font-weight: 700;
|
|
}
|
|
|
|
.cookbook-picker dd {
|
|
margin: 0;
|
|
min-width: 0;
|
|
overflow-wrap: anywhere;
|
|
}
|
|
|
|
.cookbook-picker__status {
|
|
position: absolute;
|
|
width: 1px;
|
|
height: 1px;
|
|
overflow: hidden;
|
|
clip: rect(0, 0, 0, 0);
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.md-typeset .copy-page-button.md-button {
|
|
float: right;
|
|
margin: 0 0 1rem 1rem;
|
|
padding: 0.2em 0.6em;
|
|
font-size: 1em;
|
|
font-weight: 400;
|
|
line-height: 1.2;
|
|
}
|
|
|
|
.md-typeset .copy-page-button.md-button.copy-page-button--copied {
|
|
background-color: var(--md-accent-fg-color);
|
|
}
|
|
|
|
.md-typeset .copy-page-button.md-button.copy-page-button--error {
|
|
background-color: var(--md-code-hl-number-color);
|
|
}
|