MediaWiki:Common.css: Difference between revisions
AdminEncyclo (talk | contribs) Created page with "→CSS placed here will be applied to all skins: →===== EncycloIndia Homepage Styling =====: .home-container { max-width: 1000px; margin: 0 auto; font-family: 'Segoe UI', Arial, sans-serif; } .hero { background: #eef6f8; border: 1px solid #d6e6ea; border-radius: 10px; padding: 40px 25px; text-align: center; margin: 25px 0 35px 0; } .hero h1 { font-size: 36px; margin-bottom: 10px; color: #144552; } .hero p { font-size: 18px; color: #3..." |
AdminEncyclo (talk | contribs) No edit summary Tags: Mobile edit Mobile web edit |
||
| (16 intermediate revisions by the same user not shown) | |||
| Line 54: | Line 54: | ||
margin-top: 30px; | margin-top: 30px; | ||
font-size: 18px; | font-size: 18px; | ||
} | |||
/* Improve body text styling inside homepage sections */ | |||
.info-section { | |||
font-family: "Segoe UI", "Helvetica Neue", Arial, sans-serif; | |||
font-size: 16px; | |||
color: #222; | |||
} | |||
.info-section p { | |||
margin: 0; | |||
} | |||
/* Make headings smoother too */ | |||
.section-title { | |||
font-family: "Segoe UI Semibold", "Segoe UI", Arial, sans-serif; | |||
letter-spacing: 0.3px; | |||
} | |||
/* Optional: improve hero subtitle font */ | |||
.hero p { | |||
font-family: "Segoe UI", "Helvetica Neue", Arial, sans-serif; | |||
} | |||
.infobox { | |||
float: right; | |||
width: 270px; | |||
margin: 0 0 15px 20px; | |||
padding: 8px; | |||
border: 1px solid #a2a9b1; | |||
background-color: #f8f9fa; | |||
font-size: 90%; | |||
} | |||
.infobox th { | |||
background-color: #eaf3ff; | |||
text-align: left; | |||
padding: 4px; | |||
} | |||
.infobox td { | |||
padding: 4px; | |||
} | |||
/* Fix logo cropping */ | |||
.mw-wiki-logo { | |||
background-size: contain !important; | |||
background-position: center left !important; | |||
background-repeat: no-repeat !important; | |||
height: 60px; /* adjust if logo looks too small/tall */ | |||
} | |||
/* Verified badge beside Main Page title */ | |||
.page-Main_Page .mw-page-title-main::after { | |||
content: ""; | |||
display: inline-block; | |||
width: 18px; | |||
height: 18px; | |||
margin-left: 6px; | |||
background-image: url("/images/2/22/Verified.png"); | |||
background-size: contain; | |||
background-repeat: no-repeat; | |||
vertical-align: middle; | |||
} | |||
/* Verified badge next to page title */ | |||
.verified-badge { | |||
display: inline-block; | |||
width: 20px; | |||
height: 20px; | |||
background-image: url('/images/2/22/Verified.png'); | |||
background-size: contain; | |||
background-repeat: no-repeat; | |||
vertical-align: middle; | |||
margin-left: 6px; | |||
} | |||
.profile-verified::after { | |||
content: ""; | |||
display: inline-block; | |||
width: 18px; | |||
height: 18px; | |||
background-image: url('/images/2/22/Verified.png'); | |||
background-size: contain; | |||
margin-left: 6px; | |||
} | |||
/* Hide the marker */ | |||
.profile-verified-flag { | |||
display: none; | |||
} | |||
/* Verified badge beside page title */ | |||
/*body.verified-profile .mw-page-title-main::after {*/ | |||
/* content: "";*/ | |||
/* display: inline-block;*/ | |||
/* width: 18px;*/ | |||
/* height: 18px;*/ | |||
/* margin-left: 6px;*/ | |||
/* background-image: url("/images/2/22/Verified.png");*/ | |||
/* background-size: contain;*/ | |||
/* background-repeat: no-repeat;*/ | |||
/* vertical-align: middle;*/ | |||
/*}*/ | |||
/* Verified badge on mobile (MinervaNeue) */ | |||
/*.skin-minerva body.verified-profile .page-heading h1::after {*/ | |||
/* content: "";*/ | |||
/* display: inline-block;*/ | |||
/* width: 16px;*/ | |||
/* height: 16px;*/ | |||
/* margin-left: 6px;*/ | |||
/* background-image: url("/images/2/22/Verified.png");*/ | |||
/* background-size: contain;*/ | |||
/* background-repeat: no-repeat;*/ | |||
/* vertical-align: middle;*/ | |||
/*}*/ | |||
/* Badge beside page titles (JS injected) */ | |||
.title-verified-badge { | |||
display: inline-block; | |||
width: 18px; | |||
height: 18px; | |||
margin-left: 6px; | |||
background-image: url("/images/2/22/Verified.png"); | |||
background-size: contain; | |||
background-repeat: no-repeat; | |||
vertical-align: middle; | |||
} | |||
/* Hide category links at bottom of pages */ | |||
#catlinks { | |||
display: none; | |||
} | } | ||