Template:Featured In/styles.css: Difference between revisions
Template page
More actions
Content deleted Content added
No edit summary |
Tesinormed (talk | contribs) No edit summary |
||
| (20 intermediate revisions by 2 users not shown) | |||
| Line 1: | Line 1: | ||
.template-featured_in { |
|||
.featured_in_table { |
|||
| ⚫ | |||
| ⚫ | |||
max-width: 100%; |
|||
margin-block: var(--space-sm); |
|||
background: var(--color-surface-2); |
|||
border: var(--color-amaranth-legacy-scope) solid 4px; |
|||
box-shadow: var(--color-amaranth-legacy-scope) 0 0 10px; |
box-shadow: var(--color-amaranth-legacy-scope) 0 0 10px; |
||
| ⚫ | |||
padding:0; |
|||
font-size:90%; |
|||
| ⚫ | |||
float:right; |
|||
clear:right; |
|||
| ⚫ | |||
border-spacing: 1em; |
|||
} |
} |
||
.featured_in_table .mw-collapsible-toggle { |
|||
@media screen and (max-width: 639px) { |
|||
font-size: 0.5em !important; |
|||
.template-featured_in { |
|||
margin-right: auto; |
|||
| ⚫ | |||
} |
|||
} |
} |
||
.template-featured_in-title { |
|||
.section_title { |
|||
font-size: var(--font-size-xx-large); |
|||
| ⚫ | |||
text-align: center; |
text-align: center; |
||
cursor: pointer; |
|||
| ⚫ | |||
user-select: none; |
|||
padding: var(--space-xs); |
|||
} |
} |
||
.featured_in_list { |
|||
.template-featured_in-title:hover { |
|||
| ⚫ | |||
background: var(--background-color-button-quiet--hover); |
|||
| ⚫ | |||
} |
|||
.template-featured_in[open] .template-featured_in-title { |
|||
| ⚫ | |||
box-shadow: var(--color-amaranth-legacy-scope) 0 0 10px; |
|||
} |
|||
.template-featured_in-content { |
|||
display: flex; |
|||
flex-direction: column; |
|||
gap: var(--space-xs); |
|||
padding: var(--space-sm); |
|||
} |
|||
.template-featured_in-section-header { |
|||
font-size: var(--font-size-large); |
|||
| ⚫ | |||
margin-block-end: var(--space-xxs); |
|||
} |
} |
||
.template-featured_in-section-content p { |
|||
.featured_title_cell{ |
|||
margin-block: 0; |
|||
font-size:185%; |
|||
text-align:center; |
|||
padding:0.5em; |
|||
} |
} |
||
Latest revision as of 03:32, July 4, 2025
.template-featured_in {
width: 300px;
max-width: 100%;
margin-block: var(--space-sm);
background: var(--color-surface-2);
border: var(--color-amaranth-legacy-scope) solid 4px;
box-shadow: var(--color-amaranth-legacy-scope) 0 0 10px;
text-align: center;
}
@media screen and (max-width: 639px) {
.template-featured_in {
margin-right: auto;
margin-left: auto;
}
}
.template-featured_in-title {
font-size: var(--font-size-xx-large);
font-weight: bold;
text-align: center;
cursor: pointer;
user-select: none;
padding: var(--space-xs);
}
.template-featured_in-title:hover {
background: var(--background-color-button-quiet--hover);
}
.template-featured_in[open] .template-featured_in-title {
border-bottom: var(--color-amaranth-legacy-scope) solid 4px;
box-shadow: var(--color-amaranth-legacy-scope) 0 0 10px;
}
.template-featured_in-content {
display: flex;
flex-direction: column;
gap: var(--space-xs);
padding: var(--space-sm);
}
.template-featured_in-section-header {
font-size: var(--font-size-large);
font-weight: bold;
margin-block-end: var(--space-xxs);
}
.template-featured_in-section-content p {
margin-block: 0;
}