MediaWiki:Common.css: Difference between revisions
No edit summary Tag: Manual revert |
No edit summary Tag: Reverted |
||
| Line 68: | Line 68: | ||
border-radius: 4px !important; | border-radius: 4px !important; | ||
background-color: #fff !important; | background-color: #fff !important; | ||
} | |||
/* ========================================================== */ | |||
/* PAGE LAYOUT – similar to Knowlepedia */ | |||
/* ========================================================== */ | |||
.mw-body { | |||
max-width: 1100px; | |||
margin: 0 auto; | |||
padding: 0 15px; | |||
} | |||
.mw-body-content > p { | |||
font-size: 15px; | |||
line-height: 1.7; | |||
} | |||
/* ========================================================== */ | |||
/* TABLE OF CONTENTS – left sidebar like Knowlepedia */ | |||
/* ========================================================== */ | |||
#toc { | |||
float: left; | |||
width: 230px; | |||
margin: 0 25px 25px 0; | |||
background: #f8f9fa; | |||
border: 1px solid #dcdfe3; | |||
border-radius: 4px; | |||
padding: 12px; | |||
font-size: 14px; | |||
} | |||
#toc ul { | |||
padding-left: 18px; | |||
} | |||
.mw-parser-output::after { | |||
content: ""; | |||
display: block; | |||
clear: both; | |||
} | |||
/* ========================================================== */ | |||
/* INFOBOX – right side biography box */ | |||
/* ========================================================== */ | |||
.bio-infobox { | |||
float: right; | |||
width: 320px; | |||
margin: 0 0 25px 25px; | |||
background: #ffffff; | |||
border: 1px solid #cbd8e6; | |||
border-radius: 6px; | |||
font-size: 14px; | |||
line-height: 1.5; | |||
box-shadow: 0 0 0 1px #edf1f7; | |||
} | |||
.bio-infobox-title { | |||
background: #e6f0fa; | |||
padding: 12px; | |||
font-size: 20px; | |||
font-weight: bold; | |||
text-align: center; | |||
border-bottom: 1px solid #cbd8e6; | |||
} | |||
.verified-icon { | |||
background: #1e90ff; | |||
color: #fff; | |||
padding: 2px 6px; | |||
border-radius: 50%; | |||
font-size: 13px; | |||
margin-left: 6px; | |||
} | |||
.bio-infobox-image img { | |||
width: 100%; | |||
border-bottom: 1px solid #cbd8e6; | |||
} | |||
.bio-infobox th { | |||
width: 120px; | |||
background: #f7fbff; | |||
padding: 8px 10px; | |||
border-bottom: 1px solid #e2e6ea; | |||
text-align: left; | |||
} | |||
.bio-infobox td { | |||
padding: 8px 10px; | |||
border-bottom: 1px solid #e2e6ea; | |||
} | |||
/* ========================================================== */ | |||
/* WARNING BOX – identical design */ | |||
/* ========================================================== */ | |||
.warning-box { | |||
border-left: 6px solid #f4aa2a; | |||
background: #fafafa; | |||
padding: 18px; | |||
margin: 18px 0 25px 0; | |||
border-radius: 6px; | |||
display: flex; | |||
gap: 15px; | |||
align-items: flex-start; | |||
box-shadow: 0 0 0 1px #eee; | |||
} | |||
.warning-icon { | |||
font-size: 34px; | |||
opacity: 0.85; | |||
margin-top: 4px; | |||
} | |||
.warning-title { | |||
font-size: 17px; | |||
font-weight: bold; | |||
margin-bottom: 6px; | |||
} | |||
.warning-text { | |||
font-size: 14px; | |||
color: #444; | |||
} | |||
.warning-date { | |||
margin-top: 6px; | |||
font-size: 12px; | |||
color: #777; | |||
} | |||
/* ========================================================== */ | |||
/* HEADINGS / SECTIONS */ | |||
/* ========================================================== */ | |||
h1.firstHeading { | |||
font-size: 32px; | |||
margin-bottom: 8px; | |||
} | |||
.mw-body-content h2 { | |||
border-bottom: 2px solid #d0d0d0; | |||
padding-bottom: 3px; | |||
margin-top: 28px; | |||
font-size: 24px; | |||
} | |||
.mw-body-content h3 { | |||
font-size: 20px; | |||
margin-top: 22px; | |||
} | |||
/* External links spacing */ | |||
.mw-body-content ul { | |||
line-height: 1.6; | |||
} | |||
/* Category box spacing */ | |||
#catlinks { | |||
margin-top: 30px; | |||
} | } | ||