6a74746113
* Add support for structured content lists and `list-style-type` style A full list of supported style types is documented here: https://developer.mozilla.org/en-US/docs/Web/CSS/list-style-type There's nothing in this code preventing a term bank from assigning, for example, a `list-style-type` style to a `div` element, but it doesn't seem like browsers will complain about things like that. * Add support for `lang` attribute in structured content Support added for the following node types: "ruby", "rt", "rp", "table", "thead", "tbody", "tfoot", "tr", "td", "th", "span", "div", "ol", "ul", "li", "a" I couldn't get it to work for the alt-hover text on "img" tags. Tests are included in the file "test/data/dictionaries/valid-dictionary/term_bank_1.json" * Add styles for structured content lists * Add override rules for new structured-content list styles see: https://github.com/FooSoft/yomichan/pull/2129 Co-authored-by: stephenmk <stephenmk@users.noreply.github.com>
77 lines
2.4 KiB
CSS
77 lines
2.4 KiB
CSS
/*
|
|
* Copyright (C) 2021-2022 Yomichan Authors
|
|
*
|
|
* This program is free software: you can redistribute it and/or modify
|
|
* it under the entrys of the GNU General Public License as published by
|
|
* the Free Software Foundation, either version 3 of the License, or
|
|
* (at your option) any later version.
|
|
*
|
|
* This program is distributed in the hope that it will be useful,
|
|
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
* GNU General Public License for more details.
|
|
*
|
|
* You should have received a copy of the GNU General Public License
|
|
* along with this program. If not, see <https://www.gnu.org/licenses/>.
|
|
*/
|
|
|
|
.gloss-image-container {
|
|
font-size: 1px;
|
|
}
|
|
.gloss-image-link[data-background=true]>.gloss-image-container {
|
|
/* remove-property background-color */
|
|
}
|
|
.gloss-image-link {
|
|
color: inherit;
|
|
}
|
|
.gloss-image-link:hover {
|
|
/* remove-rule */
|
|
}
|
|
.gloss-image-container-overlay {
|
|
font-size: initial;
|
|
line-height: initial;
|
|
color: initial;
|
|
}
|
|
.gloss-image-background {
|
|
background-color: currentColor;
|
|
}
|
|
:root[data-browser=firefox] .gloss-image-link[data-image-rendering=crisp-edges] .gloss-image,
|
|
:root[data-browser=firefox] .gloss-image-link[data-image-rendering=crisp-edges] .gloss-image-background,
|
|
:root[data-browser=firefox-mobile] .gloss-image-link[data-image-rendering=crisp-edges] .gloss-image,
|
|
:root[data-browser=firefox-mobile] .gloss-image-link[data-image-rendering=crisp-edges] .gloss-image-background {
|
|
/* remove-rule */
|
|
}
|
|
.gloss-image-link-text {
|
|
line-height: initial;
|
|
}
|
|
.gloss-sc-thead,
|
|
.gloss-sc-tfoot,
|
|
.gloss-sc-th {
|
|
/* remove-property background-color */
|
|
}
|
|
.gloss-sc-th,
|
|
.gloss-sc-td {
|
|
border-width: 1px;
|
|
border-color: currentColor;
|
|
}
|
|
.gloss-link-text {
|
|
/* remove-rule */
|
|
}
|
|
.gloss-link-external-icon {
|
|
display: none;
|
|
/* remove-property background-color vertical-align width height margin-left background-color position */
|
|
}
|
|
.gloss-sc-ol,
|
|
.gloss-sc-ul {
|
|
/* remove-property padding-left */
|
|
}
|
|
:root[data-glossary-layout-mode=compact] .gloss-sc-ul[data-sc-content=glossary] {
|
|
/* remove-rule */
|
|
}
|
|
:root[data-glossary-layout-mode=compact] .gloss-sc-ul[data-sc-content=glossary] .gloss-sc-li {
|
|
/* remove-rule */
|
|
}
|
|
:root[data-glossary-layout-mode=compact] .gloss-sc-ul[data-sc-content=glossary] .gloss-sc-li:not(:first-child)::before {
|
|
/* remove-rule */
|
|
}
|