MediaWiki:Common.css: Difference between revisions
No edit summary |
No edit summary |
||
| Line 167: | Line 167: | ||
.permission2 { | .permission2 { | ||
background-color: #ffffff; | background-color: #ffffff; | ||
} | |||
#mp { --bg:#1f1f1f; --accent:#a62e10; --text:#d8d8d8; --heading:#ffffff; } | |||
#mp * { box-sizing: border-box; } | |||
#mp .card { | |||
background: var(--bg); | |||
border: 2px solid var(--accent); | |||
border-radius: 10px; | |||
padding: 0.8rem; | |||
margin: 0.6rem 0; | |||
color: var(--text); | |||
} | |||
#mp .hero { padding: 0; } | |||
#mp .hero .mw-file-element, #mp .hero img { | |||
width: 100%; | |||
height: auto; | |||
display: block; | |||
border-radius: 8px; | |||
} | |||
#mp .welcome { text-align: center; } | |||
#mp .title { font-size: 1.6rem; font-weight: 700; } | |||
#mp .title .muted { color: var(--text); font-weight: 600; } | |||
#mp .title .site { color: var(--accent); } | |||
#mp .subtitle { color: var(--text); margin-top: 0.25rem; } | |||
#mp .stats { color: var(--text); margin-top: 0.25rem; word-wrap: anywhere; } | |||
#mp .quicklinks { | |||
display: grid; | |||
grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); | |||
gap: .5rem; | |||
margin-top: .75rem; | |||
} | |||
#mp .quicklinks a, | |||
#mp .quicklinks a:visited { | |||
display: block; | |||
padding: .55rem .6rem; | |||
border: 1px solid var(--accent); | |||
border-radius: 8px; | |||
text-align: center; | |||
background: rgba(166,46,16,0.08); | |||
color: var(--heading); | |||
text-decoration: none; | |||
} | |||
#mp .quicklinks a:hover { background: rgba(166,46,16,0.16); } | |||
#mp h2 { | |||
margin: .5rem 0 .8rem; | |||
padding: .35rem .55rem; | |||
background: var(--accent); | |||
color: var(--heading); | |||
border: 1px solid #631b09; | |||
border-left: none; | |||
border-top: none; | |||
font-size: 1.1rem; | |||
} | |||
#mp .section-body a { color: #ffffff; } | |||
#mp .row { | |||
display: flex; | |||
flex-direction: column; | |||
gap: .6rem; | |||
} | |||
#mp .col { width: 100%; } | |||
@media (min-width: 800px) { | |||
#mp .row { flex-direction: row; } | |||
#mp .row .col { width: 50%; } | |||
} | } | ||