MediaWiki:Common.css: Difference between revisions
No edit summary Tags: Mobile edit Mobile web edit Advanced mobile edit |
No edit summary |
||
| Line 1: | Line 1: | ||
/* Version | /* Version 22.0 - Stable Miraheze Style */ | ||
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@700&family=Crimson+Pro:wght@400;700&display=swap'); | @import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@700&family=Crimson+Pro:wght@400;700&display=swap'); | ||
| Line 7: | Line 7: | ||
} | } | ||
/* 1. GLOBAL | /* 1. GLOBAL */ | ||
body, html { | body, html { | ||
font-family: 'Crimson Pro', serif !important; | font-family: 'Crimson Pro', serif !important; | ||
| Line 13: | Line 13: | ||
} | } | ||
/* 2. | /* 2. INFOBOXES */ | ||
.portable-infobox { | .portable-infobox { | ||
background-color: #fff !important; | background-color: #fff !important; | ||
border: 2px solid var(--kh-green) !important; | border: 2px solid var(--kh-green) !important; | ||
width: | width: 310px !important; | ||
float: right !important; | float: right !important; | ||
margin: 0 0 1em 1em !important; | margin: 0 0 1em 1em !important; | ||
display: flex !important; | display: flex !important; | ||
flex-direction: column !important; | flex-direction: column !important; | ||
box-shadow: 0 4px 8px rgba(0,0,0,0.1) !important; | |||
} | } | ||
/* | /* Stretch Title/Header/Image */ | ||
.portable-infobox .pi-title, | .portable-infobox .pi-title, | ||
.portable-infobox .pi-header, | .portable-infobox .pi-header, | ||
.portable-infobox .pi-image { | .portable-infobox .pi-image, | ||
.portable-infobox .pi-image img { | |||
width: 100% !important; | width: 100% !important; | ||
display: block !important; | |||
box-sizing: border-box !important; | box-sizing: border-box !important; | ||
} | } | ||
| Line 38: | Line 41: | ||
padding: 12px !important; | padding: 12px !important; | ||
text-align: center !important; | text-align: center !important; | ||
font-size: 1. | font-size: 1.25em !important; | ||
border-bottom: 2px solid var(--kh-green) !important; | |||
} | } | ||
| Line 47: | Line 51: | ||
padding: 8px !important; | padding: 8px !important; | ||
text-align: center !important; | text-align: center !important; | ||
font-weight: bold !important; | |||
} | } | ||
/* Data Rows | /* Data Rows */ | ||
.pi-item.pi-data { | .pi-item.pi-data { | ||
display: flex !important; | display: flex !important; | ||
border-bottom: 1px solid # | flex-direction: row !important; | ||
border-bottom: 1px solid #eee !important; | |||
} | } | ||
.pi-data-label { | .pi-data-label { | ||
flex: 0 0 | flex: 0 0 42% !important; | ||
background-color: # | background-color: #f8f8f8 !important; | ||
padding: 10px !important; | padding: 8px 10px !important; | ||
font-weight: bold !important; | font-weight: bold !important; | ||
font-size: 0. | font-size: 0.85em !important; | ||
border-right: 1px solid # | border-right: 1px solid #eee !important; | ||
color: #444 !important; | |||
} | } | ||
.pi-data-value { | .pi-data-value { | ||
flex: 1 !important; | flex: 1 !important; | ||
padding: 10px !important; | padding: 8px 10px !important; | ||
font-size: 0. | font-size: 0.9em !important; | ||
background-color: #fff !important; | |||
} | } | ||