mntno_obsidian-come-through/styles.css
2025-08-24 19:05:39 +07:00

161 lines
4.5 KiB
CSS

div.come-through-workspace-leaf-content .view-content {
padding: 0;
overflow: hidden;
}
/* <div class="markdown-reading-view" style="width: 100%; height: 100%;"> */
div.come-through-workspace-leaf-content .markdown-reading-view {
width: 100%;
height: 100%;
}
div.come-through-workspace-leaf-content[data-type='come-through-view-review'] .rating-buttons {
justify-content: center;
margin-top: 4em;
flex-wrap: wrap;
}
div.come-through-workspace-leaf-content[data-type='come-through-view-review'] .rating-buttons,
div.come-through-workspace-leaf-content[data-type='come-through-view-review'] .rating-buttons .button-pair {
display: flex;
gap: 1em;
}
div.come-through-workspace-leaf-content[data-type='come-through-view-review'] .rating-buttons > div > button {
line-height: 2.4;
height: auto;
width: auto;
}
/* Counter this selector: body.is-phone:not(.is-android:not(.material-off)) button:not(.clickable-icon) */
div.come-through-workspace-leaf-content[data-type='come-through-view-review'] .view-content .rating-buttons > div > button {
justify-content: center;
}
div.come-through-workspace-leaf-content[data-type='come-through-view-review'] .rating-buttons button div {
display: flex;
flex-direction: column;
align-items: center;
}
div.come-through-workspace-leaf-content[data-type='come-through-view-review'] .rating-buttons button > div > span {
/* display: block; */
}
div.come-through-workspace-leaf-content[data-type='come-through-view-review'] .rating-buttons button > div > span:nth-child(1) {
font-weight: bolder;
}
div.come-through-workspace-leaf-content[data-type='come-through-view-review'] .rating-buttons button > div > span:nth-child(2) {
font-weight: lighter;
}
div.come-through-workspace-leaf-content[data-type='come-through-view-review'] .statistics {
background-color: var(--ribbon-background);
padding: 1em;
margin: 4em auto;
font-weight: lighter;
display: flex;
flex-direction: column;
justify-content: center;
width: 100%;
line-height: 200%;
border-radius: 8px;
}
.block-language-comethrough,
.block-language-ct {
color: var(--text-normal);
font-style: var(--font-monospace-theme);
font-size: var(--font-text-size);
font-weight: var(--font-weight);
border-radius: var(--callout-radius);
padding: var(--callout-padding);
}
.block-language-comethrough .callout-title,
.block-language-ct .callout-title {
padding: var(--callout-title-padding);
}
.block-language-comethrough .callout-content,
.block-language-ct .callout-content {
padding: var(--callout-content-padding);
}
.callout.block-language-comethrough.error,
.callout.block-language-ct.error {
background-color: rgba(var(--color-red-rgb), 0.1);
border-width: var(--border-width);
border-color: var(--color-red);
}
.callout.block-language-comethrough .callout-title.error,
.callout.block-language-comethrough .callout-title.error .svg-icon,
.callout.block-language-ct .callout-title.error,
.callout.block-language-ct .callout-title.error .svg-icon {
color: var(--color-red);
}
.block-language-comethrough table,
.block-language-ct table {
margin-left: auto;
margin-right: auto;
width: 100%;
max-width: 100%;
table-layout: auto;
}
.block-language-ct table th:first-child,
.block-language-ct table td:first-child {
width: 40%;
}
.block-language-comethrough td.select-deck-cell,
.block-language-ct td.select-deck-cell {
display: flex;
align-items: center;
justify-content: flex-end;
}
.block-language-comethrough td.select-deck-cell select,
.block-language-ct td.select-deck-cell select {
flex-grow: 1;
background-color: inherit;
box-shadow: none;
font-style: inherit;
font-size: inherit;
padding-left: 0;
padding-top: 0;
padding-bottom: 0;
height: auto;
}
.block-language-comethrough td.select-deck-cell button,
.block-language-ct td.select-deck-cell button {
padding: 0;
height: auto;
width: auto;
aspect-ratio: 1 / 1;
background-color: inherit;
box-shadow: none;
}
div.come-through-workspace-leaf-content[data-type='come-through-view-defined-content'] .markdown-reading-view details {
margin-block-start: var(--p-spacing);
}
div.come-through-workspace-leaf-content[data-type='come-through-view-defined-content'] .markdown-reading-view summary {
cursor: pointer;
color: var(--h2-color);
font: var(--h2-font);
line-height: var(--h2-line-height);
font-size: var(--h2-size);
font-style: var(--h2-style);
font-variant: var(--h2-variant);
font-weight: var(--h2-weight);
}
div.come-through-workspace-leaf-content[data-type='come-through-view-defined-content'] :lang(th) {
font-size: 1.25rem;
}