MediaWiki:Common.css: Difference between revisions
Tankmanfan44 (talk | contribs) No edit summary |
No edit summary |
||
| (5 intermediate revisions by 3 users not shown) | |||
| Line 59: | Line 59: | ||
text-shadow: 0px 0px 5px #2a9df4; | text-shadow: 0px 0px 5px #2a9df4; | ||
} | } | ||
a[href$=":Tankmanfan44"], a[href$="/Tankmanfan44"]{ | |||
font-weight:bold; | |||
color: #FFFFFF !important; | |||
text-shadow: 0px 0px 5px #2a9df4; | |||
} | |||
a[href$=":LuaGunsX"], a[href$="/LuaGunsX"]{ | a[href$=":LuaGunsX"], a[href$="/LuaGunsX"]{ | ||
font-weight:bold; | font-weight:bold; | ||
| Line 74: | Line 81: | ||
} | } | ||
.stub2 { | .stub2 { | ||
background-color: # | background-color: #5f7b58; | ||
} | } | ||
.cleanup1 { | .cleanup1 { | ||
| Line 103: | Line 110: | ||
} | } | ||
.lost2{ | .lost2{ | ||
background-color: | background-color: #979797; | ||
} | } | ||
.closed{ | .closed{ | ||
| Line 131: | Line 138: | ||
} | } | ||
.pls2{ | .pls2{ | ||
background-color: # | background-color: #5f7b58; | ||
} | } | ||
.plsv1{ | .plsv1{ | ||
| Line 161: | Line 168: | ||
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%; } | |||
} | |||
#mp { --bg:#1f1f1f; --accent:#a62e10; --text:#d8d8d8; --heading:#ffffff; } | |||
#mp .card { background:var(--bg); border:2px solid var(--accent); border-radius:10px; padding:1.2rem; margin:.8rem 0; color:var(--text); } | |||
#mp .welcome-card { display:block; } | |||
@media (min-width:900px){ | |||
#mp .welcome-card{ | |||
display:grid; | |||
grid-template-columns: 1.2fr 1fr; | |||
align-items:center; | |||
gap:2rem; | |||
} | |||
} | |||
#mp .welcome-card .title{ font-size:2rem; font-weight:800; text-align:center; } | |||
#mp .welcome-card .subtitle, | |||
#mp .welcome-card .stats{ text-align:center; font-size:1.05rem; } | |||
@media (min-width:900px){ | |||
#mp .welcome-card .title, | |||
#mp .welcome-card .subtitle, | |||
#mp .welcome-card .stats{ text-align:left; } | |||
} | |||
#mp .welcome-card .muted{ color:var(--heading); opacity:.85; } | |||
#mp .welcome-card .site{ color:var(--accent); } | |||
#mp .welcome-card .stats a{ color:var(--accent); text-decoration:none; } | |||
#mp .quicklist{ | |||
list-style:disc; | |||
list-style-position:outside; | |||
margin:0; | |||
padding-left:1.2rem; | |||
display:grid; | |||
grid-template-columns:1fr; | |||
gap:.35rem .9rem; | |||
} | |||
@media (min-width:600px){ #mp .quicklist{ grid-template-columns:repeat(2, minmax(160px,1fr)); } } | |||
@media (min-width:900px){ #mp .quicklist{ grid-template-columns:repeat(3, minmax(160px,1fr)); } } | |||
#mp .quicklist a{ color:var(--accent); text-decoration:none; } | |||
#mp .quicklist a:hover{ text-decoration:underline; } | |||