Template:Featured In/styles.css: Difference between revisions
Template page
More actions
Content deleted Content added
Tesinormed (talk | contribs) No edit summary |
Tesinormed (talk | contribs) No edit summary |
||
| Line 4: | Line 4: | ||
margin-block: var(--space-sm); |
margin-block: var(--space-sm); |
||
background: var(--color-surface-2); |
background: var(--color-surface-2); |
||
| ⚫ | |||
border: var(--color-amaranth-legacy-scope) solid 4px; |
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; |
||
| Line 10: | Line 9: | ||
} |
} |
||
.template-featured_in |
.template-featured_in-title { |
||
font-size: var(--font-size-xx-large); |
font-size: var(--font-size-xx-large); |
||
font-weight: bold; |
font-weight: bold; |
||
text-align: center; |
text-align: center; |
||
| ⚫ | |||
| ⚫ | |||
| ⚫ | |||
} |
} |
||
.template-featured_in |
.template-featured_in-title:hover { |
||
| ⚫ | |||
| ⚫ | |||
| ⚫ | |||
content: ""; |
content: ""; |
||
} |
} |
||
.template-featured_in |
.template-featured_in-title::-webkit-details-marker { |
||
display: none; |
display: none; |
||
} |
} |
||
.template-featured_in |
.template-featured_in-content { |
||
padding: var(--space-sm); |
|||
| ⚫ | |||
| ⚫ | |||
| ⚫ | |||
| ⚫ | |||
| ⚫ | |||
} |
} |
||
Revision as of 18:55, July 3, 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;
}
.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-sm);
}
.template-featured_in-title:hover {
background: var(--background-color-button-quiet--hover);
}
.template-featured_in-title::marker {
content: "";
}
.template-featured_in-title::-webkit-details-marker {
display: none;
}
.template-featured_in-content {
padding: var(--space-sm);
}
.template-featured_in-header {
font-size: var(--font-size-x-large);
line-height: var(--line-height-x-large);
}
@media screen and (max-width: 639px) {
.template-featured_in {
margin-right: auto;
margin-left: auto;
}
}