Template:Cc-by-sa-layout/styles.css: Difference between revisions
Template page
More actions
Preparing the CSS for responsive design of license templates |
m 10 revisions imported |
||
| (9 intermediate revisions by 5 users not shown) | |||
| Line 1: | Line 1: | ||
.responsive-license-cc { | /** | ||
* IMPORTANT: | |||
* | |||
* These styles are copied to [[MediaWiki:Filepage.css]]. | |||
* If you make any changes here, make sure to update that page as well. | |||
* | |||
* When previewing changes, you must use a file outside the File namespace. | |||
* | |||
* See [[Module talk:Information/styles.css]] (which is related) for details. | |||
*/ | |||
.responsive-license-cc { | |||
clear: both; | clear: both; | ||
text-align: center; | text-align: center; | ||
box-sizing: border-box; | |||
width: 100%; | width: 100%; | ||
justify-content: space-around; | justify-content: space-around; | ||
align-items: center; | align-items: center; | ||
margin: 0.5em auto; | margin: 0.5em auto; | ||
background-color: # | color: var(--color-base, #202122); | ||
border: 2px solid # | background-color: var(--background-color-neutral-subtle, #f9f8fa); | ||
border-width: 2px; | |||
border-style: solid; | |||
border-top-color: var(--border-color-subtle, #c8ccd1); | |||
border-right-color: var(--border-color-subtle, #c8ccd1); | |||
border-bottom-color: var(--border-color-subtle, #c8ccd1); | |||
border-left-color: var(--border-color-subtle, #c8ccd1); | |||
border-spacing: 8px; | border-spacing: 8px; | ||
display: flex; | display: flex; | ||
padding: 0px; | |||
} | } | ||
.responsive-license-cc div { | .responsive-license-cc div { | ||
margin: 4px; | margin: 4px; | ||
} | } | ||
@media screen and (max-width: 640px) { | .rlicense-text div { | ||
margin: 0.5em auto; | |||
} | |||
.rlicense-desc dd { | |||
margin-left: 1em; | |||
} | |||
@media screen and (max-width: 640px) { /* For mobile devices */ | |||
.responsive-license-cc { | .responsive-license-cc { | ||
flex-flow: column; | flex-flow: column; | ||