Jump to content

MediaWiki:Common.css

From Indopedia
Revision as of 23:13, 11 June 2026 by Bbnanawati (talk | contribs) (Slim contribute strip styles)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/* ===== Indopedia identity — prototype palette ===== */
html, body, .mw-page-container { background: #FAF5EB !important; }
.mw-body, .vector-body { background: #FFFDF7; }
.mw-body h1, .mw-body h2, .mw-body h3, .mw-body h4, #firstHeading { font-family: Georgia, 'Times New Roman', serif; color: #5E1F1A; }
#firstHeading { border-bottom: 3px double #E8A33D; padding-bottom: 4px; }
.mw-body a { color: #7B2D26; }
.mw-body a:visited { color: #7B2D26; }
.mw-body a.new { color: #b32424; }
body.page-Main_Page #firstHeading, body.page-Main_Page #siteSub { display: none; }
.mw-header { border-bottom: 3px solid #E8A33D; }
blockquote { border-left: 4px solid #E8A33D; background: #FAF5EB; padding: 8px 14px; font-family: Georgia, serif; font-style: italic; }
figure[typeof~='mw:File/Thumb'], .thumbinner { background: #EFE3CC; border: 1px solid #E7DCC8; border-radius: 6px; }
figure[typeof~='mw:File/Thumb'] > figcaption { color: #5C4630; }
.wikitable { background: #FFFDF7; border-color: #E7DCC8; }
.mw-footer-container { background: #241511; }
.mw-footer-container, .mw-footer-container a { color: #E8CFA3; }

/* ===== Main page: hide side chrome, widen ===== */
body.page-Main_Page .vector-column-start, body.page-Main_Page .vector-column-end,
body.page-Main_Page .vector-page-toolbar, body.page-Main_Page #vector-toc-collapsed-button { display:none !important; }
body.page-Main_Page .mw-content-container { max-width: 1250px; }
body.page-Main_Page .mw-body { border: none; }

/* ===== Indopedia components ===== */
.ind-masthead { background:#7B2D26; color:#fff; border-radius:8px; padding:24px 18px 12px; text-align:center; }
.ind-masthead .ind-title { font-family:Georgia,serif; font-size:42px; font-weight:bold; letter-spacing:.5px; color:#fff; }
.ind-masthead .ind-tag { font-style:italic; color:#F0DDBC; font-size:15px; }
.ind-masthead .ind-skt { font-size:12px; color:#E8CFA3; margin-top:2px; }
.ind-nav { margin-top:14px; border-top:1px solid rgba(232,163,61,.5); padding-top:9px; }
.ind-nav a { color:#F6EBD6 !important; font-weight:600; font-size:14px; padding:4px 12px; display:inline-block; text-decoration:none !important; }
.ind-nav a:hover { background:#5E1F1A; border-radius:4px; }
.ind-strip-label { font-size:12px; letter-spacing:2px; color:#7A6A58; text-transform:uppercase; margin:20px 0 8px; font-weight:bold; }
.ind-epochs { display:flex; flex-wrap:wrap; gap:8px; }
.ind-epochs a { border:1.5px solid #E7DCC8; background:#FFFDF7; border-radius:18px; padding:5px 13px; font-family:Georgia,serif; font-size:13px; color:#2B1D12 !important; text-decoration:none !important; line-height:1.25; text-align:center; }
.ind-epochs a small { display:block; font-size:10px; color:#7A6A58; font-family:'Segoe UI',sans-serif; }
.ind-epochs a:hover { border-color:#C97F1B; background:#FBF2DF; }
.ind-grid { display:grid; grid-template-columns:1fr 1fr 1fr; gap:14px; margin-top:16px; }
.ind-card { background:#FFFDF7; border:1px solid #E7DCC8; border-radius:8px; padding:16px 18px; }
.ind-card-h { font-size:12px; text-transform:uppercase; letter-spacing:2px; color:#C97F1B; font-weight:bold; margin-bottom:8px; }
.ind-card-h::before { content:"\25CF"; color:#7B2D26; font-size:9px; margin-right:7px; vertical-align:2px; }
.ind-span2 { grid-column:span 2; }
.ind-span3 { grid-column:1 / -1; }
.ind-badge { display:inline-block; background:#F4E3C2; color:#7A4E07; font-size:11px; font-weight:bold; border-radius:3px; padding:2px 8px; letter-spacing:.5px; margin-bottom:6px; }
.ind-card .ind-t { font-family:Georgia,serif; font-size:21px; color:#7B2D26; margin:0 0 6px; font-weight:bold; }
.ind-card .ind-t a { text-decoration:none; }
.ind-themes { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; }
.ind-theme { background:#FAF5EB; border:1px solid #E7DCC8; border-radius:6px; padding:10px 6px; text-align:center; }
.ind-theme:hover { border-color:#C97F1B; background:#FBF2DF; }
.ind-theme a { font-family:Georgia,serif; font-weight:bold; font-size:13px; text-decoration:none !important; }
.ind-theme .ic { font-size:20px; display:block; margin-bottom:2px; }
.ind-theme small { font-size:10.5px; color:#7A6A58; display:block; }
.ind-chips span { display:inline-block; border:1.5px solid #7B2D26; color:#7B2D26; border-radius:15px; padding:3px 11px; font-size:12.5px; font-weight:600; margin:0 6px 6px 0; }
.ind-contrib { background:linear-gradient(135deg,#7B2D26,#5E1F1A); color:#F6EBD6 !important; text-align:center; border:none; }
.ind-contrib .ind-t { color:#fff; }
.ind-contrib p { color:#EFDCBF; }
.ind-btn a { display:inline-block; background:#E8A33D; color:#5E1F1A !important; font-weight:bold; padding:9px 24px; border-radius:4px; text-decoration:none !important; }
.ind-btn a:hover { background:#F2B85A; }
.ind-meta { font-size:12.5px; color:#7A6A58; }
@media(max-width:900px){ .ind-grid{grid-template-columns:1fr} .ind-span2,.ind-span3{grid-column:span 1} .ind-themes{grid-template-columns:repeat(2,1fr)} }

/* ===== Header: compact search at right corner, larger logo ===== */
.mw-header { display:flex; }
.vector-search-box { order:2; margin-left:auto !important; max-width:215px !important; }
.vector-search-box .cdx-typeahead-search, .vector-search-box .cdx-search-input { min-width:0 !important; }
.vector-search-box input { font-size:13px !important; }
.vector-header-end, .vector-user-links { order:3; }
.mw-logo img, .mw-logo-icon { width:54px !important; height:54px !important; }
.mw-logo-wordmark { font-size:23px !important; color:#7B2D26 !important; font-family:Georgia,serif !important; }

/* ===== Masthead: full-bleed and larger ===== */
.ind-masthead { margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw); border-radius:0; padding:42px 20px 16px; }
.ind-masthead .ind-title { font-size:58px; }
.ind-masthead .ind-tag { font-size:17px; }
.ind-masthead .ind-skt { font-size:13px; }
.ind-masthead img { width:104px !important; height:104px !important; }
.ind-nav a { font-size:15px; padding:5px 14px; }

/* header overlap fix */
.vector-search-box { max-width:185px !important; margin-right:16px !important; flex-shrink:0; }
.cdx-search-input__end-button, .searchButton[value] { display:none !important; }
.vector-header-end, .vector-user-links { flex-shrink:0; }
@media(max-width:720px){ .vector-search-box{ display:none !important; } }

/* ===== Masthead v3: compact bar (~1in), seal left on contrast gold ===== */
.ind-masthead { display:flex; align-items:center; justify-content:space-between; gap:14px; text-align:left; padding:10px 26px !important; }
.ind-mh-left { display:flex; align-items:center; gap:14px; }
.ind-masthead img { width:60px !important; height:60px !important; background:#E8A33D; border-radius:50%; padding:3px; box-sizing:border-box; }
.ind-masthead .ind-title { font-size:30px !important; line-height:1.05; }
.ind-masthead .ind-tag { font-size:12.5px !important; }
.ind-masthead .ind-skt { display:none; }
.ind-nav { margin:0 !important; border:none !important; padding:0 !important; }
.ind-nav a { font-size:14px !important; padding:4px 10px !important; }
@media(max-width:880px){ .ind-masthead{flex-wrap:wrap} .ind-nav{width:100%} }


/* ===== Footer: compact (~3/4 inch) ===== */
.mw-footer-container { padding:6px 0 8px !important; }
.mw-footer { padding:0 14px !important; }
.mw-footer ul { margin:2px 0 !important; }
.mw-footer li { font-size:11.5px !important; line-height:1.5 !important; margin:0 10px 2px 0 !important; }
#footer-icons img { height:18px !important; width:auto !important; }
#footer-info { display:inline; }

/* footer fine-tune */
.mw-footer-container { padding:3px 0 5px !important; }
.mw-footer li, .mw-footer-container li { color:#C9B393 !important; }
#footer-info li { font-size:10.5px !important; }
#footer-icons img { height:16px !important; }
.mw-footer ul { margin:1px 0 !important; }

/* slim contribute strip */
.ind-contrib-slim { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:9px 18px !important; text-align:left !important; }
.ind-contrib-slim .ind-cs-title { font-family:Georgia,serif; font-weight:bold; font-size:17px; color:#fff; }
.ind-contrib-slim .ind-cs-sub { color:#EFDCBF; font-size:12.5px; }
.ind-contrib-slim p { margin:0 !important; }
.ind-btn-sm a { padding:5px 15px !important; font-size:13px !important; }
@media(max-width:880px){ .ind-contrib-slim{flex-wrap:wrap} }
Retrieved from "https://indopedia.org.in/index.php?title=MediaWiki:Common.css&oldid=69"