Template:Cc-by-sa-layout/styles.css: Difference between revisions
Template page
More actions
Use hardcoded color. phab:T357575 |
make it compatible with dark mode |
||
| Line 7: | Line 7: | ||
align-items: center; | align-items: center; | ||
margin: 0.5em auto; | margin: 0.5em auto; | ||
color: #202122; | color: var(--color-base, #202122); | ||
background-color: #f9f9f9; | background-color: var(--background-color-neutral-subtle, #f9f9f9); | ||
border: 2px solid #e0e0e0; | border-width: 2px; | ||
border-style: solid; | |||
border-top-color: var(--border-color-subtle, #e0e0e0); | |||
border-right-color: var(--border-color-subtle, #e0e0e0); | |||
border-bottom-color: var(--border-color-subtle, #e0e0e0); | |||
border-left-color: var(--border-color-subtle, #e0e0e0); | |||
border-spacing: 8px; | border-spacing: 8px; | ||
display: flex; | display: flex; | ||
Revision as of 11:34, 30 June 2024
.responsive-license-cc {
clear: both;
text-align: center;
box-sizing: border-box;
width: 100%;
justify-content: space-around;
align-items: center;
margin: 0.5em auto;
color: var(--color-base, #202122);
background-color: var(--background-color-neutral-subtle, #f9f9f9);
border-width: 2px;
border-style: solid;
border-top-color: var(--border-color-subtle, #e0e0e0);
border-right-color: var(--border-color-subtle, #e0e0e0);
border-bottom-color: var(--border-color-subtle, #e0e0e0);
border-left-color: var(--border-color-subtle, #e0e0e0);
border-spacing: 8px;
display: flex;
}
.responsive-license-cc div {
margin: 4px;
}
.rlicense-text div {
margin: 0.5em auto;
}
@media screen and (max-width: 640px) { /* For mobile devices */
.responsive-license-cc {
flex-flow: column;
}
.rlicense-text {
order: 1;
}
}