Difference between revisions of "MediaWiki:Common.css"
MediaWiki interface page
Teylasramar (talk | contribs) (Created page with ".mw-wiki-logo { background-size: 100%; }") |
|||
Line 1: | Line 1: | ||
.mw-wiki-logo { | .mw-wiki-logo { | ||
background-size: 100%; | background-size: 100%; | ||
} | |||
.card { | |||
margin: 0 0.2rem 0.4rem 0.2rem; | |||
display: flex; | |||
flex-grow: 1; | |||
flex-direction: column; | |||
justify-content: space-between; | |||
box-sizing: border-box; | |||
border: 1px solid #eaecf0; | |||
border-radius: 8px; | |||
overflow: hidden; | |||
background-color: white; | |||
box-shadow: 0 1px 3px rgb(0 0 0 / 3%), 0 1px 2px rgb(0 0 0 / 6%); | |||
transition: box-shadow 0.2s ease; | |||
} | |||
.card-text { | |||
padding: 1.2rem; | |||
} | |||
.card h3 { | |||
margin-top: 0; | |||
line-height: 1.2; | |||
font-weight: 600; | |||
} | |||
.card p { | |||
font-size: 0.875rem; | |||
} | |||
#contribute.card { | |||
width: calc(100% / 3 - 0.4rem); | |||
min-width: calc(860px/4 - 0.4rem); | |||
background-color: #00af89; | |||
border-color: #00af89; | |||
} | |||
#contribute.card h3 { | |||
color: #fff; | |||
} | |||
#contribute.card p { | |||
color: #eaecf0; | |||
} | |||
#contribute .card-button { | |||
background: #14866d; | |||
} | } |
Revision as of 21:16, 29 January 2021
.mw-wiki-logo { background-size: 100%; } .card { margin: 0 0.2rem 0.4rem 0.2rem; display: flex; flex-grow: 1; flex-direction: column; justify-content: space-between; box-sizing: border-box; border: 1px solid #eaecf0; border-radius: 8px; overflow: hidden; background-color: white; box-shadow: 0 1px 3px rgb(0 0 0 / 3%), 0 1px 2px rgb(0 0 0 / 6%); transition: box-shadow 0.2s ease; } .card-text { padding: 1.2rem; } .card h3 { margin-top: 0; line-height: 1.2; font-weight: 600; } .card p { font-size: 0.875rem; } #contribute.card { width: calc(100% / 3 - 0.4rem); min-width: calc(860px/4 - 0.4rem); background-color: #00af89; border-color: #00af89; } #contribute.card h3 { color: #fff; } #contribute.card p { color: #eaecf0; } #contribute .card-button { background: #14866d; }