Jump to content

Collaborate with us to invoke and fully manifest Srila Prabhupada's Vani-presence

       

Go to Vaniquotes | Go to Vanipedia | Go to Vanimedia

Vanisource - the complete essence of Vedic knowledge

Main Page: Difference between revisions

From Vanisource
← Older editNewer edit →
Kashya (talk | contribs)
Editor, Bureaucrats, Interface administrators, Administrators
173 edits
No edit summary
Tag: Manual revert
No edit summary
Tag: Reverted
Line 1: Line 1:
<!-- INSTALL ONLY IN Main Page — Vanisource V40 — BTG beside Diaries -->
/* INSTALL ONLY IN MediaWiki:Common.css — Vanisource V16 */
__NOTOC__
/* CSS placed here will be applied to all skins */
<div id="vs-home" class="vs-main vs-library-main">
/* Use IDs (#) when there is only one concurrence per page */
<div class="vs-sanctuary vs-petal-hero"><div id="vs-portrait-frame" class="vs-hero-image">[[File:Srila-Prabhupada-Reading.png|frameless|220px|link=|alt=Śrīla Prabhupāda reading a book]]</div>
/* Use classes (.) when there are one or more occurrences per page */
<div class="vs-sanctuary-copy vs-hero-copy"><h1 id="vs-teachings-title">Śrīla Prabhupāda</h1>
/* Useful parameters... margin-bottom:0.5em */
<p class="vs-hero-role">[https://dev.vanipedia.org/wiki/Srila_Prabhupada:_The_Founder-Acarya_of_ISKCON_-_A_GBC_Foundational_Document Founder-Ācārya and Preeminent Śikṣā-Guru]</p>
 
<p class="vs-hero-organization">of the International Society for Krishna Consciousness</p><p class="vs-hero-motto">EXPLORE • RELISH • SHARE</p></div></div>
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@600;700&family=DM+Serif+Display&family=Noto+Serif:wght@400;500;600&display=swap');
<div class="vs-library-heading"><h2>Books published within Śrīla Prabhupāda’s lifetime (including later editions)</h2><p
 
/* ==========================================================================
  1. VANISOURCE CORE UTILITIES & TEXT FORMATTING
  ========================================================================== */
.cw_0 { display: none; }
.cw_50 { width: 50px; }
.cw_150 { width: 150px; }
.cw_500 { width: 500px; }
 
.tabs-input { display: none !important; }
.noautonum .tocnumber { display: none; }
 
.daytable { text-align: left; }
.vanitable {
    border: 0.1em solid #BFBFBF;
    border-collapse: collapse;
    padding: 0.25em;
    background-color: #F2F2F2;
    text-align: left;
    vertical-align: middle;
}
.journaltable { max-width: 108em; min-width: 65em; }
 
.timelineh2 {
    text-align: center;
    border: 1px solid #ddcef2;
    background: #F2F2F2;
    padding: 0.2em 0.4em;
    margin: auto;
    overflow: hidden;
}
.timelineh3 {
    text-align: center;
    border-top: 1px solid #ddcef2;
    border-bottom: 1px solid #ddcef2;
    background: #FFFFFF;
    padding: 0.2em 0.4em;
    margin: auto;
    overflow: hidden;
}
.timelinesummary {
    border: thin solid #ddcef2;
    border-radius: 1em;
    box-shadow: 0.5em 0.5em 0.5em #888888;
    background: #FFFFCC;
    min-width: 77em;
    margin: 1em auto 3em auto;
    padding: 1em;
    text-align: center;
}
.timelinelinks { text-align: center; font-size: 132%; font-weight: bold; }
.timelinelinks a { color: #B5BD64; }
 
.greentext { color: #296F39; }
.quotelink { font-size: 1em; font-weight: bold; color: #296F39; }
.nectardroptext { font-size: 1em; font-weight: bold; color: #296F39; }
.daystext { color: #296F39; }
.daystextb { color: #296F39; font-weight: bold; }
.lec_code { font-weight: bold; }
.code { font-weight: bold; font-size: 90%; }
 
.highlight_quote { background-color: #F9F7E0; margin: 0px; padding: 4px 2px; }
.highlight_terms { background-color: #EEE8AA; }
.hlterm { background-color: yellow; border: 1px Solid #EE9977; padding: 1px 2px 1px 2px; margin: -1px; }
 
.firstchar {
    float: left;
    width: 0.7em;
    font-size: 375%;
    font-family: algerian, courier;
    line-height: 80%;
}
.MITL_page_nav {
    text-align: left;
    border: 1px solid #BFBFBF;
    background: #FFF2E6;
    padding: 0.2em 0.4em;
    margin: auto;
}
.daysnav,.monthsnav { display: flex; flex-wrap: wrap; justify-content: center; }
.daysnav .month { margin: 25px 2%; }
.monthsnav .year { margin: 25px 5%; }
 
/* ----------------- Book styles ----------------- */
.devanagari { color: #000000; font-weight: bold; }
@font-face {
    font-family: interDiac;
    src: url(/css/GauraTimes.ttf);
}
.verse { color: #000000; font-style: italic; }
.versecenter { color: #000000; font-style: italic; text-align: center; }
.verse.inter_diac { font-family: interDiac; }
.synonyms { color: #000000; }
.synonyms.inter_diac { font-family: interDiac; }
.translation { color: #000000; font-weight: bold; }
.translation.inter_diac { font-family: interDiac; font-size: 1.1em; }
.purport { color: #000000; }
.purport.inter_diac { font-family: interDiac; font-size: 1.1em; }
*:not(a).text { color: #000000; }
.text.inter_diac { font-family: interDiac; font-size: 1.1em; }
a[href*="syno_o"]:visited { color: purple; }
 
.SB65verse {
    white-space: pre-line;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
    text-align: center;
    color: #000000;
}
 
#verse { white-space: pre; }
#translation { color: #000000; font-weight: bold; }
 
/* -------------------- BEGIN NEW COMPILE FORM -------------------- */
.quote { margin: 1.5em 0em; font-family: tahoma; }
.quote_heading { font-weight: bold; color: #296F39; }
.quote_translation { font-weight: bold; color: #000000; }
.quote_link { font-weight: bold; }
.quote_text { color: #000000; }
.quote_verse { color: #000000; }
.quote_text a { font-weight: bold; }
 
/* -------------------- BEGIN MAIN PAGE CODING -------------------- */
.MainHeader h4 { margin:0!important; padding:0.2em 0.4em; }
 
body.page-Main_Page h2, body.page-Talk_Main_Page h2, body.page-Main_Page_test h2, body.page-Main_Page_test h1 {
    background: #f9f9f9;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 0.3em;
    margin: 1em 0;
    color: #B5BD64;
    font-family: georgia;
    font-weight: bold;
    text-align: center;
}
 
#banner {
    text-align: center;
    background: #f9f9f9;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 0.3em;
    font-size: 125%;
}
 
#mainbanner {
    text-align: center;
    background: #345B63;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 0.3em;
    color: #faf2af;
    font-family: georgia;
    font-size: 150%;
    font-style: italic;
}
 
#mainlinks { text-align:center; font-weight:bold; font-size: 110%; margin-bottom:0.5em }
#mainlinks a, #mainh2links a { color:#B5BD64 }
#mainmantra { text-align:center; margin-top:1.5em; color:#B5BD64; }
.maincenter { text-align:center; max-width:65em; margin:0px auto; padding-bottom:1em; }
.mainleft { text-align: left; max-width: 100em; margin: 0px auto; padding-bottom: 1em; }
.mainjustify { text-align: justify; max-width: 65em; margin: 0px auto; padding-bottom: 1em; }
 
.vaniquotebox { text-align: left; min-height: 11.6em; border:thin solid #000000; border-radius: 1em; box-shadow: 0.5em 0.5em 1em #bcbcbc; margin: 1em 0em; }
@media screen and (min-width: 800px) { .vaniquotebox { max-width:80%; } }
.vaniquotebox > table { text-align:left; font-size:1em; color:#000000; min-height: 11.5em; margin: 0; }
.vaniquotebox td { padding: 8px; }
 
/* V6: original article utilities retained; shared shell replaced below. */
/* ==========================================================================
  6. UI COMPONENTS (ACCORDION, THEME GRID, CARDS, BACK-TO-TOP)
  ========================================================================== */
.theme-analysis-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 15px; margin: 2em 0; width: 100%; box-sizing: border-box; }
.theme-column { background: rgba(255, 255, 255, 0.2); padding: 15px; border: 1px solid #B5BD64; border-radius: 8px; }
.theme-column ul { list-style-type: none; padding: 0; margin: 0; }
.theme-column li { margin-bottom: 10px; font-weight: bold; }
 
.book-accordion { background: #FFF8EE; border: none; border-radius: 8px; margin-bottom: 20px; box-shadow: 0 4px 15px rgba(0,0,0,0.06); overflow: hidden; font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; }
.book-accordion-header { background-color: #91cfa9; color: #1f4033; padding: 16px 20px 16px 60px; font-size: 18px; font-weight: bold; border-bottom: 3px solid #296F39; cursor: pointer; transition: background-color 0.2s ease; user-select: none; }
.book-accordion-header:hover { background-color: #7fbd97; }
.book-accordion .mw-collapsible-toggle { float: right; font-weight: normal; font-size: 13px; background: rgba(255, 255, 255, 0.15); padding: 4px 12px; border-radius: 20px; margin-top: -2px; }
.book-accordion .mw-collapsible-toggle a { color: #1f4033 !important; text-decoration: none; }
.book-accordion .mw-collapsible-toggle a:hover { text-decoration: underline; }
.book-accordion-content { padding: 24px; }
 
.book-grid-list { column-width: 280px; column-gap: 20px; list-style-type: none; margin: 0; padding: 0; }
.book-grid-list.single-column { column-width: auto; column-count: 1; column-gap: 0; }
.book-grid-list li { margin-bottom: 12px; break-inside: avoid; }
.mw-parser-output .book-grid-list li a, .mw-parser-output .book-grid-list li a.external { display: block !important; padding: 8px 16px !important; background-color: #ffffff !important; background-image: none !important; border: 1px solid #e1e4e8 !important; border-radius: 6px; text-decoration: none; color: #1a5e9a; font-weight: 500; box-shadow: 0 1px 3px rgba(0,0,0,0.02); transition: all 0.2s ease; }
.mw-parser-output .book-grid-list li a:hover, .mw-parser-output .book-grid-list li a.external:hover { background-color: #f4f8fc !important; border-color: #1a5e9a !important; transform: translateY(-2px); box-shadow: 0 4px 10px rgba(26,94,154,0.12); }
 
.vision-btn.btn-framed { position: relative !important; margin: 12px !important; }
.vision-btn.btn-framed::after { content: ""; position: absolute; top: -12px; left: -12px; right: -12px; bottom: -12px; border: 2px solid #296F39 !important; border-radius: 6px !important; pointer-events: none; }
.vision-btn.btn-framed:hover::after { border-color: #1d5229 !important; }
 
.compilation-wrapper { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: center; gap: 30px; margin: 20px auto; max-width: 1000px; }
.compilation-image { flex: 1 1 300px; text-align: center; max-width: 450px; }
.compilation-button-grid { flex: 1 1 400px; display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 15px; }
.compilation-btn { background-color: #296F39; padding: 12px 24px; font-size: 16px; font-weight: bold; border-bottom: 3px solid #1d5229; border-radius: 4px; text-align: center; }
.compilation-btn a { color: #ffffff !important; text-decoration: none; display: block; }
.compilation-btn-full { grid-column: 1 / -1; }
 
#vanipedia-back-to-top { position: fixed !important; bottom: 24px !important; right: 24px !important; width: 44px !important; height: 44px !important; border-radius: 50% !important; background-color: #296F39 !important; color: #ffffff !important; border: none !important; outline: none !important; cursor: pointer !important; display: flex !important; align-items: center !important; justify-content: center !important; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25) !important; z-index: 1000 !important; opacity: 0 !important; visibility: hidden !important; transform: translateY(12px) !important; transition: opacity 0.25s ease, visibility 0.25s ease, transform 0.25s ease, background-color 0.2s ease !important; }
#vanipedia-back-to-top.visible { opacity: 1 !important; visibility: visible !important; transform: translateY(0) !important; }
#vanipedia-back-to-top:hover { background-color: #1d5229 !important; transform: translateY(-2px) !important; box-shadow: 0 6px 16px rgba(0, 0, 0, 0.3) !important; }
#vanipedia-back-to-top svg { display: block !important; width: 22px !important; height

Revision as of 04:20, 15 October 2026

/* INSTALL ONLY IN MediaWiki:Common.css — Vanisource V16 */ /* CSS placed here will be applied to all skins */ /* Use IDs (#) when there is only one concurrence per page */ /* Use classes (.) when there are one or more occurrences per page */ /* Useful parameters... margin-bottom:0.5em */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@600;700&family=DM+Serif+Display&family=Noto+Serif:wght@400;500;600&display=swap');

/* ========================================================================== 

  1. VANISOURCE CORE UTILITIES & TEXT FORMATTING
  ========================================================================== */

.cw_0 { display: none; } .cw_50 { width: 50px; } .cw_150 { width: 150px; } .cw_500 { width: 500px; }

.tabs-input { display: none !important; } .noautonum .tocnumber { display: none; }

.daytable { text-align: left; } .vanitable { 

   border: 0.1em solid #BFBFBF;
   border-collapse: collapse;
   padding: 0.25em;
   background-color: #F2F2F2;
   text-align: left;
   vertical-align: middle;

} .journaltable { max-width: 108em; min-width: 65em; }

.timelineh2 { 

   text-align: center;
   border: 1px solid #ddcef2;
   background: #F2F2F2;
   padding: 0.2em 0.4em;
   margin: auto;
   overflow: hidden;

} .timelineh3 { 

   text-align: center;
   border-top: 1px solid #ddcef2;
   border-bottom: 1px solid #ddcef2;
   background: #FFFFFF;
   padding: 0.2em 0.4em;
   margin: auto;
   overflow: hidden;

} .timelinesummary { 

   border: thin solid #ddcef2;
   border-radius: 1em;
   box-shadow: 0.5em 0.5em 0.5em #888888;
   background: #FFFFCC;
   min-width: 77em;
   margin: 1em auto 3em auto;
   padding: 1em;
   text-align: center;

} .timelinelinks { text-align: center; font-size: 132%; font-weight: bold; } .timelinelinks a { color: #B5BD64; }

.greentext { color: #296F39; } .quotelink { font-size: 1em; font-weight: bold; color: #296F39; } .nectardroptext { font-size: 1em; font-weight: bold; color: #296F39; } .daystext { color: #296F39; } .daystextb { color: #296F39; font-weight: bold; } .lec_code { font-weight: bold; } .code { font-weight: bold; font-size: 90%; }

.highlight_quote { background-color: #F9F7E0; margin: 0px; padding: 4px 2px; } .highlight_terms { background-color: #EEE8AA; } .hlterm { background-color: yellow; border: 1px Solid #EE9977; padding: 1px 2px 1px 2px; margin: -1px; }

.firstchar { 

   float: left;
   width: 0.7em;
   font-size: 375%;
   font-family: algerian, courier;
   line-height: 80%;

} .MITL_page_nav { 

   text-align: left;
   border: 1px solid #BFBFBF;
   background: #FFF2E6;
   padding: 0.2em 0.4em;
   margin: auto;

} .daysnav,.monthsnav { display: flex; flex-wrap: wrap; justify-content: center; } .daysnav .month { margin: 25px 2%; } .monthsnav .year { margin: 25px 5%; }

/* ----------------- Book styles ----------------- */ .devanagari { color: #000000; font-weight: bold; } @font-face { 

   font-family: interDiac;
   src: url(/css/GauraTimes.ttf);

} .verse { color: #000000; font-style: italic; } .versecenter { color: #000000; font-style: italic; text-align: center; } .verse.inter_diac { font-family: interDiac; } .synonyms { color: #000000; } .synonyms.inter_diac { font-family: interDiac; } .translation { color: #000000; font-weight: bold; } .translation.inter_diac { font-family: interDiac; font-size: 1.1em; } .purport { color: #000000; } .purport.inter_diac { font-family: interDiac; font-size: 1.1em; }

  • not(a).text { color: #000000; }

.text.inter_diac { font-family: interDiac; font-size: 1.1em; } a[href*="syno_o"]:visited { color: purple; }

.SB65verse { 

   white-space: pre-line;
   white-space: -moz-pre-wrap;
   white-space: -pre-wrap;
   white-space: -o-pre-wrap;
   word-wrap: break-word;
   text-align: center;
   color: #000000;

}

  1. verse { white-space: pre; }
  2. translation { color: #000000; font-weight: bold; }

/* -------------------- BEGIN NEW COMPILE FORM -------------------- */ .quote { margin: 1.5em 0em; font-family: tahoma; } .quote_heading { font-weight: bold; color: #296F39; } .quote_translation { font-weight: bold; color: #000000; } .quote_link { font-weight: bold; } .quote_text { color: #000000; } .quote_verse { color: #000000; } .quote_text a { font-weight: bold; }

/* -------------------- BEGIN MAIN PAGE CODING -------------------- */ .MainHeader h4 { margin:0!important; padding:0.2em 0.4em; }

body.page-Main_Page h2, body.page-Talk_Main_Page h2, body.page-Main_Page_test h2, body.page-Main_Page_test h1 { 

   background: #f9f9f9; 
   border-bottom: 1px solid #ccc; 
   border-top: 1px solid #ccc; 
   padding: 0.3em; 
   margin: 1em 0; 
   color: #B5BD64; 
   font-family: georgia; 
   font-weight: bold; 
   text-align: center;

}

  1. banner {
   text-align: center; 
   background: #f9f9f9; 
   border-bottom: 1px solid #ccc; 
   border-top: 1px solid #ccc; 
   padding: 0.3em; 
   font-size: 125%;

}

  1. mainbanner {
   text-align: center; 
   background: #345B63; 
   border-bottom: 1px solid #ccc; 
   border-top: 1px solid #ccc; 
   padding: 0.3em; 
   color: #faf2af; 
   font-family: georgia; 
   font-size: 150%; 
   font-style: italic;

}

  1. mainlinks { text-align:center; font-weight:bold; font-size: 110%; margin-bottom:0.5em }
  2. mainlinks a, #mainh2links a { color:#B5BD64 }
  3. mainmantra { text-align:center; margin-top:1.5em; color:#B5BD64; }

.maincenter { text-align:center; max-width:65em; margin:0px auto; padding-bottom:1em; } .mainleft { text-align: left; max-width: 100em; margin: 0px auto; padding-bottom: 1em; } .mainjustify { text-align: justify; max-width: 65em; margin: 0px auto; padding-bottom: 1em; }

.vaniquotebox { text-align: left; min-height: 11.6em; border:thin solid #000000; border-radius: 1em; box-shadow: 0.5em 0.5em 1em #bcbcbc; margin: 1em 0em; } @media screen and (min-width: 800px) { .vaniquotebox { max-width:80%; } } .vaniquotebox > table { text-align:left; font-size:1em; color:#000000; min-height: 11.5em; margin: 0; } .vaniquotebox td { padding: 8px; }

/* V6: original article utilities retained; shared shell replaced below. */ /* ========================================================================== 

  6. UI COMPONENTS (ACCORDION, THEME GRID, CARDS, BACK-TO-TOP)
  ========================================================================== */

.theme-analysis-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 15px; margin: 2em 0; width: 100%; box-sizing: border-box; } .theme-column { background: rgba(255, 255, 255, 0.2); padding: 15px; border: 1px solid #B5BD64; border-radius: 8px; } .theme-column ul { list-style-type: none; padding: 0; margin: 0; } .theme-column li { margin-bottom: 10px; font-weight: bold; }

.book-accordion { background: #FFF8EE; border: none; border-radius: 8px; margin-bottom: 20px; box-shadow: 0 4px 15px rgba(0,0,0,0.06); overflow: hidden; font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; } .book-accordion-header { background-color: #91cfa9; color: #1f4033; padding: 16px 20px 16px 60px; font-size: 18px; font-weight: bold; border-bottom: 3px solid #296F39; cursor: pointer; transition: background-color 0.2s ease; user-select: none; } .book-accordion-header:hover { background-color: #7fbd97; } .book-accordion .mw-collapsible-toggle { float: right; font-weight: normal; font-size: 13px; background: rgba(255, 255, 255, 0.15); padding: 4px 12px; border-radius: 20px; margin-top: -2px; } .book-accordion .mw-collapsible-toggle a { color: #1f4033 !important; text-decoration: none; } .book-accordion .mw-collapsible-toggle a:hover { text-decoration: underline; } .book-accordion-content { padding: 24px; }

.book-grid-list { column-width: 280px; column-gap: 20px; list-style-type: none; margin: 0; padding: 0; } .book-grid-list.single-column { column-width: auto; column-count: 1; column-gap: 0; } .book-grid-list li { margin-bottom: 12px; break-inside: avoid; } .mw-parser-output .book-grid-list li a, .mw-parser-output .book-grid-list li a.external { display: block !important; padding: 8px 16px !important; background-color: #ffffff !important; background-image: none !important; border: 1px solid #e1e4e8 !important; border-radius: 6px; text-decoration: none; color: #1a5e9a; font-weight: 500; box-shadow: 0 1px 3px rgba(0,0,0,0.02); transition: all 0.2s ease; } .mw-parser-output .book-grid-list li a:hover, .mw-parser-output .book-grid-list li a.external:hover { background-color: #f4f8fc !important; border-color: #1a5e9a !important; transform: translateY(-2px); box-shadow: 0 4px 10px rgba(26,94,154,0.12); }

.vision-btn.btn-framed { position: relative !important; margin: 12px !important; } .vision-btn.btn-framed::after { content: ""; position: absolute; top: -12px; left: -12px; right: -12px; bottom: -12px; border: 2px solid #296F39 !important; border-radius: 6px !important; pointer-events: none; } .vision-btn.btn-framed:hover::after { border-color: #1d5229 !important; }

.compilation-wrapper { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: center; gap: 30px; margin: 20px auto; max-width: 1000px; } .compilation-image { flex: 1 1 300px; text-align: center; max-width: 450px; } .compilation-button-grid { flex: 1 1 400px; display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 15px; } .compilation-btn { background-color: #296F39; padding: 12px 24px; font-size: 16px; font-weight: bold; border-bottom: 3px solid #1d5229; border-radius: 4px; text-align: center; } .compilation-btn a { color: #ffffff !important; text-decoration: none; display: block; } .compilation-btn-full { grid-column: 1 / -1; }

  1. vanipedia-back-to-top { position: fixed !important; bottom: 24px !important; right: 24px !important; width: 44px !important; height: 44px !important; border-radius: 50% !important; background-color: #296F39 !important; color: #ffffff !important; border: none !important; outline: none !important; cursor: pointer !important; display: flex !important; align-items: center !important; justify-content: center !important; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25) !important; z-index: 1000 !important; opacity: 0 !important; visibility: hidden !important; transform: translateY(12px) !important; transition: opacity 0.25s ease, visibility 0.25s ease, transform 0.25s ease, background-color 0.2s ease !important; }
  2. vanipedia-back-to-top.visible { opacity: 1 !important; visibility: visible !important; transform: translateY(0) !important; }
  3. vanipedia-back-to-top:hover { background-color: #1d5229 !important; transform: translateY(-2px) !important; box-shadow: 0 6px 16px rgba(0, 0, 0, 0.3) !important; }
  4. vanipedia-back-to-top svg { display: block !important; width: 22px !important; height: 22px !important; stroke: #ffffff !important; }

/* MEDIA SNIPPETS OVERFLOW FIX */ .mw-parser-output div[style*="#feffe1"] { max-width: 100% !important; box-sizing: border-box !important; overflow: hidden !important; } .mw-parser-output div[style*="#feffe1"] div { width: 100% !important; max-width: 100% !important; min-width: 0 !important; box-sizing: border-box !important; } .mw-parser-output div[style*="#feffe1"] img, .mw-parser-output div[style*="#feffe1"] iframe, .mw-parser-output div[style*="#feffe1"] .embedvideo, .mw-parser-output div[style*="#feffe1"] span[typeof="mw:File"] { max-width: 100% !important; height: auto !important; box-sizing: border-box !important; display: block !important; margin: 0 auto !important; }

/* ========================================================================== 

  7. MOBILE RESPONSIVENESS
  ========================================================================== */

@media screen and (max-width: 900px) { 

   .theme-analysis-grid { grid-template-columns: repeat(2, 1fr); }

} @media screen and (max-width: 768px) { 

   .mw-parser-output img { max-width: 100%; height: auto !important; }
   #vanipedia-back-to-top { bottom: 18px !important; right: 18px !important; width: 40px !important; height: 40px !important; }
   .book-grid-list { grid-template-columns: 1fr; display: block; }

} @media screen and (max-width: 600px) { 

   .theme-analysis-grid { grid-template-columns: 1fr; }

}

/* ========================================================================== 

  8. LEGACY AC_RESULTS (AUTOCOMPLETE)
  ========================================================================== */

.ac_results { padding: 0px; border: 1px solid black; background-color: Window; overflow: hidden; z-index: 99999; } .ac_results ul { width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0; } .ac_results li { margin: 0px; padding: 2px 5px; cursor: default; display: block; font: menu; font-size: 12px; line-height: 16px; overflow: hidden; } .ac_loading { background: Window url('indicator.gif') right center no-repeat; } .ac_odd { background-color: #eee; } .ac_over { background-color: aquamarine; color: HighlightText; } .ac_moreItems { text-align: center; background-color: InactiveCaption; color: InactiveCaptionText; margin: 0px; padding: 0px 5px; cursor: default; display: block; width: 100%; font: bold menu 12px; overflow: hidden; -moz-user-select: none; -khtml-user-select: none; }

/* ========================================================================== 

  9. USED BY TEMPLATE:NAVBAR AND BG FOOTER
  ========================================================================== */

.verse-nav { float:right; } .prev-link { float:left; min-height:22px; padding:0 0 0 25px; background:url(/w/images/Go-previous.png) no-repeat left } .next-link { float:left; min-height:22px; padding:0 25px; background:url(/w/images/Go-next.png) no-repeat right } .chap-nav, #chap-nav, #book-nav, #page-nav { float:left }

/* ========================================================================== 

  10. DARK MODE / NIGHT MODE OVERRIDES
  ========================================================================== */

html.skin-theme-clientpref-night { --background-color-base: #121212 !important; --background-color-page: #121212 !important; --background-color-quiet: #1a1a1a !important; --color-base: #e2e8f0 !important; } html.skin-theme-clientpref-night body, html.skin-theme-clientpref-night #content, html.skin-theme-clientpref-night .mw-body, html.skin-theme-clientpref-night #mw-page-base, html.skin-theme-clientpref-night #mw-head-base { background: #121212 !important; color: #e2e8f0 !important; } html.skin-theme-clientpref-night .mw-page-container, html.skin-theme-clientpref-night .mw-page-container-inner, html.skin-theme-clientpref-night .mw-content-container, html.skin-theme-clientpref-night .mw-header, html.skin-theme-clientpref-night .vector-header-container, html.skin-theme-clientpref-night .vector-sticky-header, html.skin-theme-clientpref-night .vector-column-start, html.skin-theme-clientpref-night .vector-column-end, html.skin-theme-clientpref-night .vector-sidebar-container, html.skin-theme-clientpref-night .vector-pinnable-element, html.skin-theme-clientpref-night .vector-pinnable-header, html.skin-theme-clientpref-night .vector-pinned-container, html.skin-theme-clientpref-night .vector-toc, html.skin-theme-clientpref-night #vector-toc, html.skin-theme-clientpref-night .vector-toc-pinned-container, html.skin-theme-clientpref-night .vector-toc-contents, html.skin-theme-clientpref-night .vector-menu-content, html.skin-theme-clientpref-night .vector-appearance-pinned-container, html.skin-theme-clientpref-night .vector-page-toolbar-container, html.skin-theme-clientpref-night .vector-page-toolbar, html.skin-theme-clientpref-night .cdx-menu, html.skin-theme-clientpref-night .cdx-menu__list, html.skin-theme-clientpref-night .cdx-menu-item, html.skin-theme-clientpref-night .cdx-radio, html.skin-theme-clientpref-night #vector-appearance { background-color: #121212 !important; background-image: none !important; border: none !important; box-shadow: none !important; color: #e2e8f0 !important; } html.skin-theme-clientpref-night #vector-sticky-header { background-color: #1a1a1a !important; border-bottom: 2px solid #3b4b5f !important; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5) !important; } html.skin-theme-clientpref-night #vector-sticky-header .vector-sticky-header-context-bar .mw-headline, html.skin-theme-clientpref-night #vector-sticky-header .vector-sticky-header-context-bar .vector-sticky-header-title { color: #ffffff !important; } html.skin-theme-clientpref-night #vanipedia-back-to-top { background-color: #3b4b5f !important; color: #ffffff !important; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.6) !important; } html.skin-theme-clientpref-night #vanipedia-back-to-top:hover { background-color: #4f637c !important; } html.skin-theme-clientpref-night .quote_text, html.skin-theme-clientpref-night *:not(a).text { color: #e2e8f0 !important; } html.skin-theme-clientpref-night .devanagari, html.skin-theme-clientpref-night .verse, html.skin-theme-clientpref-night .versecenter, html.skin-theme-clientpref-night .synonyms, html.skin-theme-clientpref-night .translation, html.skin-theme-clientpref-night .purport { color: #e2e8f0 !important; }

/* ========================================================================== 

  11. LIGHT MODE SPECIFIC OVERRIDES
  ========================================================================== */

html:not(.skin-theme-clientpref-night) .vector-sidebar-container { background-color: #e6dfa1 !important; --background-color-interactive: #e6dfa1 !important; } html:not(.skin-theme-clientpref-night) .vector-dropdown-content { background-color: #ffffff !important; border: 1px solid #c8ccd1 !important; border-radius: 4px !important; padding: 6px !important; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15) !important; } html:not(.skin-theme-clientpref-night) .vector-dropdown-content #vector-main-menu, html:not(.skin-theme-clientpref-night) .vector-dropdown-content #vector-toc { background-color: transparent !important; padding: 0 !important; border: none !important; box-shadow: none !important; } html:not(.skin-theme-clientpref-night) #vector-main-menu .vector-menu-heading, html:not(.skin-theme-clientpref-night) .vector-dropdown-content .vector-menu-heading { background-color: #296F39 !important; color: #ffffff !important; border-radius: 4px !important; padding: 8px 12px !important; margin-bottom: 4px !important; } html:not(.skin-theme-clientpref-night) #vector-main-menu .mw-list-item a, html:not(.skin-theme-clientpref-night) #vector-toc .vector-toc-link { color: #296F39 !important; } html:not(.skin-theme-clientpref-night) #vector-main-menu .mw-list-item a:hover, html:not(.skin-theme-clientpref-night) #vector-toc .vector-toc-link:hover { color: #0645ad !important; background-color: #e6dfa1 !important; border-radius: 2px !important; }

/* ========================================================================== 

  12. VANIPEDIA MAIN PAGE & CUSTOM HOMEPAGE GRIDS
  ========================================================================== */

body.page-Custom_Landing_Page #mw-head, body.page-Custom_Landing_Page #mw-panel, body.page-Custom_Landing_Page #left-navigation, body.page-Custom_Landing_Page #right-navigation, body.page-Custom_Landing_Page #p-personal, body.page-Custom_Landing_Page #p-search, body.page-Custom_Landing_Page #p-logo, body.page-Custom_Landing_Page #siteSub, body.page-Custom_Landing_Page #contentSub, body.page-Custom_Landing_Page #jump-to-nav, body.page-Custom_Landing_Page .mw-indicators, body.page-Custom_Landing_Page .mw-editsection, body.page-Custom_Landing_Page .vector-page-toolbar, body.page-Custom_Landing_Page .vector-page-titlebar, body.page-Custom_Landing_Page .vector-header-container, body.page-Custom_Landing_Page .vector-column-start, body.page-Custom_Landing_Page .vector-column-end, body.page-Custom_Landing_Page .vector-toc, body.page-Custom_Landing_Page .vector-settings, body.page-Custom_Landing_Page .vector-page-tools, body.page-Custom_Landing_Page .vector-main-menu-landmark, body.page-Custom_Landing_Page .mw-page-title-main, body.page-Custom_Landing_Page .firstHeading, body.page-Custom_Landing_Page #footer, body.page-Custom_Landing_Page .printfooter, body.page-Custom_Landing_Page .catlinks, body.page-Custom_Landing_Page .vector-sitenotice-container, body.page-Custom_Landing_Page #siteNotice, body.page-Custom_Landing_Page #localNotice, body.page-Custom_Landing_Page #mainbanner { display: none !important; } body.page-Custom_Landing_Page, body.page-Custom_Landing_Page .mw-page-container, body.page-Custom_Landing_Page .mw-page-container-inner, body.page-Custom_Landing_Page .mw-content-container, body.page-Custom_Landing_Page #content, body.page-Custom_Landing_Page .mw-body, body.page-Custom_Landing_Page .mw-body-content, body.page-Custom_Landing_Page #bodyContent, body.page-Custom_Landing_Page #mw-content-text, body.page-Custom_Landing_Page .mw-parser-output { width: 100% !important; max-width: none !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; box-shadow: none !important; background: #f6f2e9 !important; } body.page-Custom_Landing_Page .mw-page-container, body.page-Custom_Landing_Page .mw-page-container-inner, body.page-Custom_Landing_Page .mw-content-container { display: block !important; min-height: 0 !important; } body.page-Custom_Landing_Page main#content { position: static !important; } body.page-Custom_Landing_Page { overflow-x: hidden; }

/* 13. CUSTOM WIKIPEDIA-STYLE HOVER POPUP */ a[title]:hover::after { 

   content: "Preview: " attr(title); position: absolute; bottom: 120%; left: 50%; transform: translateX(-50%);
   background: var(--background-color-page, #ffffff); color: var(--color-base, #202122); padding: 12px 16px;
   border: 1px solid var(--border-color-base, #a2a9b1); border-radius: 8px; box-shadow: 0 4px 12px rgba(0,0,0,0.15);
   font-size: 14px; line-height: 1.5; white-space: normal; width: 280px; z-index: 10000;

}

/* ========================================================== 

  VANISOURCE HEADER TABS
  ========================================================== */


/* HEADER STRIP */

  1. headertabs .oo-ui-menuLayout-menu {
   background: #faedf5 !important;
   border: 1px solid #5a636c !important;
   border-bottom: none !important;
   padding: 5px 5px 0 5px !important;
   box-shadow: none !important;

}


/* REMOVE OOUI FRAMES */

  1. headertabs .oo-ui-menuLayout-menu .oo-ui-panelLayout-framed,
  2. headertabs .oo-ui-tabSelectWidget-framed,
  3. headertabs .mw-header-tabs-wrapper.oo-ui-panelLayout-framed {
   background: transparent !important;
   border: none !important;
   box-shadow: none !important;

}


/* ========================================================== 

  CONTENT BELOW TABS
  ========================================================== */
  1. headertabs .oo-ui-menuLayout-content {
   background: transparent !important;
   border: 1px solid #a2a9b1 !important;
   border-top: 1px solid #5a636c !important;
   font-size: 16px !important;
   padding: 1.5em !important;

}


/* ========================================================== 

  ALL TABS
  ========================================================== */
  1. headertabs .oo-ui-tabOptionWidget {
   position: relative !important;
   background: transparent !important;
   border: 1px solid transparent !important;
   box-shadow: none !important;

}


/* TAB TEXT */

  1. headertabs .oo-ui-tabOptionWidget .oo-ui-labelElement-label {
   font-size: 15px !important;
   color: #000000 !important;
   font-weight: bold !important;
   padding: 6px 12px !important;

}


/* ========================================================== 

  ACTIVE TAB
  ========================================================== */
  1. headertabs

.oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { 

   position: relative !important;
   z-index: 10 !important;

   background: #BDB76B !important;

   border: 1px solid #a2a9b1 !important;
   border-bottom: none !important;

   box-shadow: none !important;

   margin-bottom: -1px !important;

}


/* ========================================================== 

  REMOVE ALL OOUI DECORATION INSIDE ACTIVE TAB
  ========================================================== */
  1. headertabs

.oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-buttonElement-button,

  1. headertabs

.oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label,

  1. headertabs

.oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-buttonElement-button > span { 

   background: transparent !important;
   background-color: transparent !important;
   background-image: none !important;

   border: none !important;
   border-top: none !important;
   border-right: none !important;
   border-bottom: none !important;
   border-left: none !important;

   box-shadow: none !important;
   outline: none !important;
   text-decoration: none !important;

}


/* Restore active-tab text */

  1. headertabs

.oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label { 

   color: #000000 !important;

}


/* ========================================================== 

  REMOVE OOUI PSEUDO ELEMENTS
  ========================================================== */
  1. headertabs

.oo-ui-tabOptionWidget.oo-ui-optionWidget-selected::before,

  1. headertabs

.oo-ui-tabOptionWidget.oo-ui-optionWidget-selected::after,

  1. headertabs

.oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-buttonElement-button::before,

  1. headertabs

.oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-buttonElement-button::after,

  1. headertabs

.oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label::before,

  1. headertabs

.oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label::after { 

   content: none !important;
   display: none !important;

}


/* ========================================================== 

  ACTIVE TAB BOTTOM
  Covers line belonging to the strip underneath
  ========================================================== */
  1. headertabs

.oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { 

   border-bottom: 3px solid #BDB76B !important;

}

/* ========================================================== 

  INACTIVE TAB HOVER
  ========================================================== */
  1. headertabs

.oo-ui-tabOptionWidget:hover:not(.oo-ui-optionWidget-selected) { 

   background: #d7d4a8 !important;
   border: 1px solid #a2a9b1 !important;

}


/* Inner inactive tabs */

  1. headertabs

.oo-ui-tabOptionWidget:not(.oo-ui-optionWidget-selected) .oo-ui-buttonElement-button { 

   background: transparent !important;
   background-image: none !important;
   border: none !important;
   box-shadow: none !important;

}

/* V6 — one responsive main-page system, plus the shared petal shell. */

root {
   --vs-paper:#faf7ef; --vs-ink:#263a39; --vs-green:#486247;
   --vs-gold:#f4d98b; --vs-brass:#805b16; --vs-line:#ded7c6;
   --vs-wash:#f0eee3;

} body { background:var(--vs-paper); } body.vs-main-view, body.vs-main-view .mw-page-container, body.vs-main-view .mw-page-container-inner, body.vs-main-view .mw-body, body.vs-main-view .mw-content-container { background:var(--vs-paper); } body.vs-main-view .mw-page-container { padding:0 24px; } body.vs-main-view .mw-page-container-inner { 

   display:block; max-width:1240px; margin-inline:auto;

} body.vs-main-view .mw-body { width:100%; min-width:0; max-width:none; margin:0; padding:0; border:0; } body.vs-main-view #firstHeading, body.vs-main-view .mw-body-header, body.vs-main-view .vector-column-start, body.vs-main-view .vector-column-end, body.vs-main-view .vector-page-toolbar { display:none; } body.vs-main-view .mw-parser-output { width:100%; } body.vs-shell-ready .vs-native-header-replaced, body.vs-shell-ready #vector-sticky-header { display:none !important; } body.vs-shell-ready .vector-header-container { padding:0; min-height:0; } body.vs-main-view .vector-main-menu-pinned-container { display:none; }

/* Main page: selectors are isolated from existing book and article styles. */

  1. vs-home { box-sizing:border-box; width:100%; max-width:1180px; margin:0 auto; padding:24px 24px 32px; color:var(--vs-ink); font:400 17px/1.6 Georgia,'Noto Serif',serif; }
  2. vs-home * { box-sizing:border-box; }
  3. vs-home a { color:var(--vs-ink); background-image:none; text-decoration:underline; text-decoration-color:#8e9a8a; text-underline-offset:4px; overflow-wrap:anywhere; }
  4. vs-home a:hover { color:var(--vs-brass); text-decoration-thickness:2px; }
  5. vs-home a:focus-visible { outline:3px solid var(--vs-green); outline-offset:3px; border-radius:2px; }
  6. vs-home h1, #vs-home h2 { background:none; border:0; padding:0; margin:0; font-family:inherit; line-height:1.3; font-weight:600; color:var(--vs-brass); text-align:left; overflow-wrap:anywhere; }
  7. vs-home h1 { font-size:27px; text-align:center; margin-bottom:18px; }
  8. vs-home h2 { font-size:24px; margin-bottom:14px; }
  9. vs-home h2 a { color:inherit; text-decoration:none; }
  10. vs-home h2 a:hover { text-decoration:underline; }
  11. vs-home .mw-heading { display:block; margin:0; }
  12. vs-home .mw-editsection { display:none; }
  13. vs-home p { margin:0; }
  14. vs-home .vs-search { display:flex; align-items:end; gap:8px; max-width:660px; margin:0 auto 32px; font:400 16px/1.4 system-ui,sans-serif; }
  15. vs-home .vs-search label { display:block; flex:1; min-width:0; font-size:14px; }
  16. vs-home .vs-search input[type="search"] { display:block; width:100%; min-height:48px; padding:12px 14px; margin-top:6px; background:#fffdf7; color:var(--vs-ink); border:1px solid #829078; border-radius:5px; font:400 16px/1.4 system-ui,sans-serif; }
  17. vs-home .vs-search button { min-height:48px; padding:12px 18px; color:var(--vs-gold); background:var(--vs-green); border:1px solid var(--vs-green); border-radius:5px; font:400 16px/1.4 system-ui,sans-serif; cursor:pointer; }
  18. vs-home .vs-search :focus-visible { outline:3px solid var(--vs-green); outline-offset:3px; }
  19. vs-home #vs-search-slot>a { display:block; margin-bottom:24px; text-align:center; }
  20. vs-home .vs-collections { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.17fr) minmax(0,1fr); grid-template-areas:'books sanctuary lectures' 'letters sanctuary conversations'; gap:26px 32px; align-items:start; }
  21. vs-home .vs-books { grid-area:books; } #vs-home .vs-letters { grid-area:letters; }
  22. vs-home .vs-lectures { grid-area:lectures; } #vs-home .vs-conversations { grid-area:conversations; }
  23. vs-home .vs-sanctuary { grid-area:sanctuary; text-align:center; padding:0 8px; min-width:0; }
  24. vs-home .vs-collection { min-width:0; }
  25. vs-home .vs-collection h2 { padding-bottom:10px; border-bottom:1px solid var(--vs-line); }
  26. vs-home .vs-link-list a { display:block; min-height:44px; padding:8px 24px 8px 0; position:relative; text-decoration:none; border-bottom:1px solid #e9e3d6; }
  27. vs-home .vs-link-list a::after { content:'›'; position:absolute; right:4px; top:8px; color:var(--vs-brass); font-size:22px; }
  28. vs-home .vs-link-list a:hover { text-decoration:underline; }
  29. vs-home .vs-link-list a:last-child { border-bottom:0; }
  30. vs-home #vs-portrait-frame { display:block; position:relative; width:230px; height:230px; max-width:100%; margin:0 auto 20px; border:3px solid #345b63; border-radius:50%; overflow:hidden; background:var(--vs-wash); box-shadow:0 4px 16px #263a3920; }
  31. vs-home #vs-portrait-frame p, #vs-home #vs-portrait-frame span, #vs-home #vs-portrait-frame a { display:contents; }
  32. vs-home #vs-portrait-frame img { display:block; position:absolute; inset:0; width:100%; height:100% !important; max-width:none; object-fit:cover; object-position:50% 50%; margin:0; }
  33. vs-home .vs-source-quote { font-size:17px; line-height:1.6; margin-bottom:12px; }
  34. vs-home .vs-source-meta { font-size:15px; }
  35. vs-home .vs-source-meta a { color:var(--vs-brass); }
  36. vs-home .vs-browse { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; margin:32px 0; padding:22px 0; border-block:1px solid var(--vs-line); }
  37. vs-home .vs-browse h2 { font-size:21px; color:var(--vs-green); margin-bottom:8px; }
  38. vs-home .vs-browse-group { min-width:0; }
  39. vs-home .vs-browse-group a { display:inline-block; padding:6px 0; min-height:36px; }
  40. vs-home .vs-resources { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; }
  41. vs-home .vs-resource { min-width:0; }
  42. vs-home .vs-resource h2 { font-size:22px; margin-bottom:10px; }
  43. vs-home .vs-resource>div { font-size:16px; }
  44. vs-home .vs-resource a { display:inline-block; padding-block:5px; }

/* Tablet and narrower windows: center identity followed by two collections per row. */ @media (max-width:1050px) { 

   #vs-site-header { grid-template-columns:140px minmax(0,1fr) 100px; padding-inline:16px; }
   #vs-home .vs-collections { grid-template-columns:repeat(2,minmax(0,1fr)); grid-template-areas:'sanctuary sanctuary' 'books letters' 'lectures conversations'; gap:26px; }
   #vs-home .vs-sanctuary { max-width:620px; width:100%; margin-inline:auto; padding-bottom:22px; border-bottom:1px solid var(--vs-line); }
   #vs-home #vs-portrait-frame { width:160px; height:160px; }
   #vs-home .vs-browse, #vs-home .vs-resources { grid-template-columns:repeat(2,minmax(0,1fr)); }

} /* Phones: keep the visitor's orientation, normal text sizes and vertical scroll. */ @media (max-width:650px) { 

   body.vs-main-view .mw-page-container { padding-inline:0; }
   #vs-site-header { grid-template-columns:64px minmax(0,1fr) 74px; padding:12px 8px; gap:6px; }
   #vs-site-header .vs-header-tools>a { display:none; }
   #vs-site-header button { padding:8px 4px; font-size:14px; }
   #vs-site-header .vs-name { font-size:21px; letter-spacing:1px; }
   #vs-site-header .vs-subtitle { font-size:12px; }
   #vs-site-header .vs-header-petals { display:none; }
   #vs-site-header .vs-shell-panel { left:8px; width:min(360px,calc(100vw - 16px)); max-height:65vh; }
   #vs-site-header #vs-account-panel { right:8px; left:auto; }
   #vs-home { padding:20px; }
   #vs-home .vs-search { gap:6px; margin-bottom:24px; }
   #vs-home .vs-search button { padding-inline:10px; }
   #vs-home .vs-search input[type="search"] { padding-inline:10px; }
   #vs-home .vs-collections { grid-template-columns:minmax(0,1fr); grid-template-areas:'sanctuary' 'books' 'letters' 'lectures' 'conversations'; gap:24px; }
   #vs-home h1 { font-size:24px; }
   #vs-home h2 { font-size:23px; }
   #vs-home #vs-portrait-frame { width:110px; height:110px; margin-bottom:14px; }
   #vs-home .vs-browse { gap:20px 18px; margin:26px 0; }
   #vs-home .vs-browse h2 { font-size:20px; }
   #vs-home .vs-browse-group a { min-height:44px; }
   #vs-home .vs-resources { grid-template-columns:minmax(0,1fr); gap:24px; }
   #vs-home .vs-resource a { min-height:44px; padding-block:9px; }
   #vs-site-footer { padding:18px; }
   #vs-site-footer nav { gap:3px 18px; }

} @media (max-width:360px) { 

   #vs-site-header { grid-template-columns:58px minmax(0,1fr) 65px; gap:4px; }
   #vs-site-header .vs-name { font-size:19px; }
   #vs-home { padding:16px; }
   #vs-home .vs-browse { grid-template-columns:minmax(0,1fr); }

} @media (prefers-reduced-motion:reduce) { 

   #vanipedia-back-to-top { transition:none !important; }

}

/* Original V173 bar rules, in original cascade order. */ @import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@600;700&family=DM+Serif+Display&family=Noto+Serif:wght@400;500;600&display=swap'); @import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display&family=Noto+Serif:wght@400;500;600&display=swap'); @font-face { font-family: interDiac; src: url(/css/GauraTimes.ttf); /* Vedabase font */ }

  1. mainbanner {

display: none !important; }

  1. mw-head-base {

background: #D4ECDD !important; background-image: none !important; font-family: tahoma; }

  1. searchform {

padding-bottom:0.5em }

  1. siteNotice,
  2. localNotice,

.mw-sitenotice, .sitenotice, .vector-sitenotice-container,

  1. mainbanner,

.anonnotice,

  1. centralNotice {

display: none !important; height: 0 !important; min-height: 0 !important; max-height: 0 !important; margin: 0 !important; padding: 0 !important; border: none !important; outline: none !important; visibility: hidden !important; overflow: hidden !important; opacity: 0 !important; pointer-events: none !important; } html.skin-theme-clientpref-night #mw-head-base { background: #121212 !important; color: #e2e8f0 !important; } html.skin-theme-clientpref-night .mw-header, html.skin-theme-clientpref-night .vector-header-container, html.skin-theme-clientpref-night .vector-sticky-header { background-color: #121212 !important; background-image: none !important; border: none !important; box-shadow: none !important; color: #e2e8f0 !important; } html.skin-theme-clientpref-night #vector-main-menu a, html.skin-theme-clientpref-night #vector-main-menu a \* { color: #e2e8f0 !important; background-color: transparent !important; } html.skin-theme-clientpref-night #vector-main-menu a:hover, html.skin-theme-clientpref-night #vector-main-menu a:hover \* { color: #ffffff !important; background-color: #3b4b5f !important; border-radius: 2px !important; text-decoration: none !important; } html.skin-theme-clientpref-night #vector-main-menu .vector-menu-heading { background-color: #3b4b5f !important; color: #ffffff !important; border-radius: 4px !important; padding: 8px 12px !important; margin-bottom: 4px !important; border: 1px solid #4a5568 !important; } html:not(.skin-theme-clientpref-night) .vector-dropdown-content:not(#vector-user-links-dropdown *):not(.vector-user-menu *) { background-color: #ffffff !important; /* Clean white background */ border: 1px solid #c8ccd1 !important; /* Soft grey border */ border-radius: 4px !important; padding: 6px !important; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15) !important; /* Soft shadow */ } html:not(.skin-theme-clientpref-night) .vector-dropdown-content #vector-main-menu { background-color: transparent !important; padding: 0 !important; border: none !important; box-shadow: none !important; } html:not(.skin-theme-clientpref-night) #vector-main-menu .vector-menu-heading { background-color: #526B50 !important; /* Dark teal background for headers */ color: #ffffff !important; /* White text */ border-radius: 4px !important; padding: 8px 12px !important; margin-bottom: 4px !important; } html:not(.skin-theme-clientpref-night) #vector-main-menu .mw-list-item a { color: #2F5E5E !important; } html:not(.skin-theme-clientpref-night) #vector-main-menu .mw-list-item a:hover { color: #0645ad !important; background-color: #EEF2F9 !important; /* Soft hover highlight */ border-radius: 2px !important; }

  1. mainbanner {

margin: 0 !important; padding: 0 !important; border: none !important; }

  1. vector-main-menu.vanipedia-sidebar-menu.vanipedia-collapsed {

display: none !important; }

  1. vector-main-menu-pinned-container,

.vector-main-menu-pinned-container, .vector-main-menu-action, [data-event-name\*="vector-main-menu.pin"], [data-event-name\*="vector-main-menu.unpin"] { display: none !important; }

  1. vector-sticky-header .vector-sticky-header-search-toggle,
  2. vector-sticky-header #vector-sticky-header-search-toggle,
  3. vector-sticky-header .search-toggle,
  4. vector-sticky-header .mw-ui-icon-wikimedia-search,
  5. vector-sticky-header .mw-ui-icon-search,
  6. vector-sticky-header .vector-icon.mw-ui-icon-search,
  7. vector-sticky-header .cdx-search-input__start-icon {

display: none !important; } .skin-vector-2022 #vector-sticky-header,

  1. vector-sticky-header {

display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: flex-start !important; background-color: #cce7d7 !important; border-bottom: 2px solid #345B63 !important; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important; padding-left: 16px !important; padding-right: 16px !important; height: 50px !important; min-height: 50px !important; } html.skin-theme-clientpref-night #vector-sticky-header { background-color: #1a1a1a !important; border-bottom: 2px solid #3b4b5f !important; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5) !important; } .skin-vector-2022 #vector-sticky-header .vector-sticky-header-start,

  1. vector-sticky-header .vector-sticky-header-start {

display: flex !important; align-items: center !important; flex: 0 0 auto !important; /* Stops it from expanding across the middle */ flex-grow: 0 !important; width: auto !important; position: relative !important; z-index: 10 !important; gap: 18px !important; margin: 0 !important; }

  1. vanipedia-sticky-main-menu {

display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 auto !important; width: 32px !important; min-width: 32px !important; height: 32px !important; margin: 0 !important; cursor: pointer !important; position: relative !important; z-index: 20 !important; }

  1. vanipedia-sticky-main-menu .vector-icon {

display: inline-block !important; width: 20px !important; height: 20px !important; }

  1. vector-sticky-header #p-search,
  2. vector-sticky-header form#searchform,
  3. vector-sticky-header .vector-search-box,
  4. vector-sticky-header .vector-search-box-inner,
  5. vector-sticky-header .cdx-search-input {

position: relative !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; margin: 0 !important; float: none !important; display: inline-flex !important; align-items: center !important; flex: 0 0 auto !important; z-index: 10 !important; }

  1. vector-sticky-header input.searchbox,
  2. vector-sticky-header input[type="search"] {

position: relative !important; left: auto !important; margin: 0 !important; } .skin-vector-2022 #vector-sticky-header .vector-sticky-header-context-bar,

  1. vector-sticky-header .vector-sticky-header-context-bar {

display: flex !important; align-items: center !important; justify-content: center !important; text-align: center !important; flex: 1 1 auto !important; margin-left: auto !important; margin-right: auto !important; max-width: none !important; }

  1. vector-sticky-header .vector-sticky-header-context-bar-primary,
  2. vector-sticky-header .vector-sticky-header-title,
  3. vector-sticky-header .vector-sticky-header-context-bar .mw-headline {

display: inline-flex !important; align-items: center !important; justify-content: center !important; text-align: center !important; font-size: 1.35rem !important; font-weight: 700 !important; color: #000000 !important; margin: 0 auto !important; padding: 0 !important; white-space: nowrap !important; overflow: visible !important; text-overflow: clip !important; } html.skin-theme-clientpref-night #vector-sticky-header .vector-sticky-header-context-bar .mw-headline, html.skin-theme-clientpref-night #vector-sticky-header .vector-sticky-header-context-bar .vector-sticky-header-title { color: #ffffff !important; } .skin-vector-2022 #vector-sticky-header .vector-sticky-header-end,

  1. vector-sticky-header .vector-sticky-header-end {

display: flex !important; align-items: center !important; flex: 0 0 auto !important; margin-left: auto !important; }

  1. vector-main-menu-dropdown .vector-dropdown-content {

box-shadow: 0 4px 16px rgba(0, 0, 0, 0.22) !important; border-radius: 4px !important; background-color: var(--background-color-base, #ffffff) !important; } body.page-Main_Page .vector-header-container, body.page-Main_Page #mw-head { display: flex !important; background: transparent !important; background-color: transparent !important; border: none !important; border-bottom: none !important; box-shadow: none !important; height: auto !important; min-height: 86px !important; } .vector-header-container .mw-logo-wordmark, .vector-header-container .vector-menu-heading, .vector-header-container a, .vector-sticky-header a { color: #ffffff !important; } .vector-header-container .cdx-text-input__input, .vector-header-container input[type="search"] { background-color: #ffffff !important; border: 1px solid var(--vani-gold) !important; border-radius: 3px !important; color: #1a1a1a !important; } .vector-header-container .cdx-search-input__end-button, .vector-header-container input[type="submit"] { background-color: var(--petal-color-dark) !important; color: var(--vani-gold) !important; border: 1px solid var(--vani-gold) !important; font-weight: bold !important; } body.page-Main_Page .vector-sitenotice-container, body.page-Main_Page #siteNotice, body.page-Main_Page #localNotice, body.page-Main_Page #mainbanner, body.page-Main_Page #mw-head-base { display: none !important; height: 0 !important; min-height: 0 !important; max-height: 0 !important; margin: 0 !important; padding: 0 !important; border: none !important; visibility: hidden !important; overflow: hidden !important; } @media (max-width:1500px) { .vh-bottom { grid-template-columns: minmax(560px, 1.12fr) minmax(570px, 1fr); gap: 20px; } } @media (max-width:1365px) { .vh-bottom { grid-template-columns: 1.05fr .95fr; } } .vh-bottom { display: grid; grid-template-columns: minmax(760px, 1.3fr) minmax(600px, 1fr); column-gap: 32px; align-items: start; margin-top: 18px; padding-top: 18px; padding-bottom: 10px; } @media (max-width:1500px) { .vh-bottom { grid-template-columns: minmax(650px, 1.2fr) minmax(650px, 1fr); column-gap: 20px; } } @media (max-width:1365px) { .vh-bottom { grid-template-columns: minmax(600px, 1.1fr) minmax(620px, 1fr); } } body.page-Main_Page .vector-header-container, body.page-Main_Page #mw-head, .vector-header-container { width: 100% !important; max-width: 100% !important; height: auto !important; min-height: 86px !important; max-height: 96px !important; background: transparent !important; background-color: transparent !important; background-image: none !important; border: none !important; border-bottom: none !important; box-shadow: none !important; margin: 0 !important; padding: 0 !important; position: relative !important; z-index: 1000 !important; box-sizing: border-box !important; } .mw-header { width: 100% !important; max-width: 100% !important; height: auto !important; min-height: 86px !important; max-height: 96px !important; padding: 0 20px !important; margin: 0 !important; background: transparent !important; background-color: transparent !important; background-image: none !important; border: none !important; box-shadow: none !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; flex-wrap: nowrap !important; position: relative !important; box-sizing: border-box !important; overflow: visible !important; }

  1. vanipedia-topbar-title,

.vanipedia-topbar-main-title { position: static !important; transform: none !important; display: block !important; font-family: 'Cinzel', Georgia, serif !important; font-size: 16.5px !important; font-weight: 700 !important; letter-spacing: 1.8px !important; color: #f5d77f !important; text-decoration: none !important; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.9), 0 0 10px rgba(245, 215, 127, 0.3) !important; white-space: nowrap !important; line-height: 1.25 !important; margin: 0 0 3px 0 !important; padding: 0 !important; pointer-events: none !important; user-select: text !important; }

  1. vanipedia-topbar-title {

pointer-events: none !important; cursor: default !important; user-select: text !important; }

  1. vanipedia-topbar-title:hover {

color: #f5d77f !important; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.9), 0 0 10px rgba(245, 215, 127, 0.3) !important; cursor: default !important; } .vector-header-start { display: flex !important; flex-direction: row !important; align-items: center !important; flex-wrap: nowrap !important; gap: 12px !important; flex: 0 0 auto !important; height: 100% !important; margin: 0 !important; padding: 0 !important; } .vector-header-start #vector-main-menu-dropdown { display: flex !important; align-items: center !important; visibility: visible !important; margin: 0 !important; } .vector-header-start #vector-main-menu-dropdown .vector-dropdown-label, .vector-header-start #vector-main-menu-dropdown .vector-main-menu-dropdown-toggle, .vector-header-start #vector-main-menu-dropdown .cdx-button--fake-button { color: #f5d77f !important; background: transparent !important; background-color: transparent !important; border: none !important; box-shadow: none !important; padding: 6px !important; line-height: 1 !important; cursor: pointer !important; display: flex !important; align-items: center !important; } .vector-header-start #vector-main-menu-dropdown .vector-dropdown-label:hover { background-color: rgba(245, 215, 127, 0.15) !important; border-radius: 4px !important; } .vector-header-container .vector-icon, .vector-header-start .vector-icon, .vector-header-end .vector-icon, .mw-header .vector-icon { background-color: #f5d77f !important; color: #f5d77f !important; fill: #f5d77f !important; filter: brightness(0) saturate(100%) invert(86%) sepia(26%) saturate(884%) hue-rotate(352deg) brightness(102%) contrast(96%) !important; opacity: 1 !important; visibility: visible !important; width: 22px !important; height: 22px !important; display: inline-block !important; } .vector-header-start .mw-logo-wordmark, .vector-header-start .mw-logo-tagline, .vector-header-start .mw-logo { display: none !important; } .vector-header-container #p-search, .mw-header #p-search { display: flex !important; align-items: center !important; margin: 0 !important; padding: 0 !important; } .vector-header-container #searchform, .mw-header #searchform { display: flex !important; flex-direction: row !important; align-items: center !important; margin: 0 !important; padding: 0 !important; } .vector-header-container .cdx-search-input, .vector-header-container .vector-search-box-input, .vector-header-container .cdx-text-input { max-width: 260px !important; height: 32px !important; margin: 0 !important; } .vector-header-container .cdx-text-input__input, .vector-header-container input[type="search"],

  1. searchInput {

background-color: #1f3e45 !important; border: 1px solid rgba(245, 215, 127, 0.45) !important; color: #ffffff !important; border-radius: 18px !important; box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.4) !important; padding: 4px 12px 4px 30px !important; font-size: 13px !important; height: 30px !important; line-height: 30px !important; width: 180px !important; transition: width 0.25s ease, border-color 0.25s ease, background-color 0.25s ease !important; box-sizing: border-box !important; } .vector-header-container .cdx-text-input__input:focus, .vector-header-container input[type="search"]:focus,

  1. searchInput:focus {

width: 240px !important; background-color: #173036 !important; border-color: #f5d77f !important; box-shadow: 0 0 8px rgba(245, 215, 127, 0.4), inset 0 1px 3px rgba(0, 0, 0, 0.4) !important; outline: none !important; } .vector-header-container .cdx-text-input__input::placeholder, .vector-header-container input[type="search"]::placeholder,

  1. searchInput::placeholder {

color: #a5c4c9 !important; font-style: italic !important; } .vector-header-container .cdx-text-input__icon, .vector-header-container .vector-search-box-inner .vector-icon { color: #f5d77f !important; fill: #f5d77f !important; } .vector-header-container .cdx-search-input__end-button, .vector-header-container #searchButton, .vector-header-container #mw-searchButton, .vector-header-container .searchButton, .vector-header-container input[type="submit"] { display: none !important; } .vector-header-end { display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: flex-end !important; flex-wrap: nowrap !important; gap: 8px !important; flex: 0 0 auto !important; height: 100% !important; margin: 0 0 0 auto !important; } .vector-header-end .cdx-button, .vector-header-end .cdx-button--fake-button, .vector-header-end .cdx-button--weight-quiet, .vector-header-end .vector-dropdown-label, .vector-header-end .vector-menu-heading, .vector-header-end #p-personal, .vector-header-end .vector-user-links, .vector-header-end .vector-user-menu, .vector-header-end .vector-menu, .vector-header-end .vector-menu-content, .vector-header-end #pt-userpage-2, .vector-header-end #vector-user-links-dropdown { background: transparent !important; background-color: transparent !important; border: none !important; box-shadow: none !important; outline: none !important; } .vector-header-end #pt-userpage-2, .vector-header-end #pt-userpage-2 span, .vector-header-end .vector-dropdown-label, .vector-header-end .vector-user-menu-overflow .vector-dropdown-label { color: #f5d77f !important; fill: #f5d77f !important; font-size: 13px !important; font-weight: 600 !important; text-decoration: none !important; white-space: nowrap !important; padding: 4px 8px !important; border-radius: 4px !important; display: inline-flex !important; align-items: center !important; transition: background-color 0.2s ease, color 0.2s ease !important; } .vector-header-end #pt-userpage-2:hover, .vector-header-end .vector-dropdown-label:hover { background-color: rgba(245, 215, 127, 0.15) !important; color: #ffffff !important; } .vector-header-end .vector-dropdown-content { background: #1f3e45 !important; background-color: #1f3e45 !important; border: 1.5px solid #b1873d !important; border-radius: 6px !important; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5) !important; padding: 6px 0 !important; min-width: 175px !important; width: 180px !important; overflow: visible !important; } .vector-header-end .vector-dropdown-content div, .vector-header-end .vector-dropdown-content ul, .vector-header-end .vector-dropdown-content .vector-menu-content { background: transparent !important; background-color: transparent !important; border: none !important; box-shadow: none !important; margin: 0 !important; padding: 0 !important; list-style: none !important; } .vector-header-end .vector-dropdown-content li { margin: 0 !important; padding: 0 !important; background: transparent !important; background-color: transparent !important; border: none !important; } .vector-header-end .vector-dropdown-content #pt-mytalk { display: block !important; visibility: visible !important; } .vector-header-end .vector-dropdown-content .vector-icon { display: none !important; } .vector-header-end .vector-dropdown-content a { display: flex !important; align-items: center !important; color: #ffffff !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important; font-size: 15px !important; font-weight: 500 !important; padding: 10px 18px !important; line-height: 1.2 !important; background: transparent !important; background-color: transparent !important; border: none !important; text-decoration: none !important; box-sizing: border-box !important; width: 100% !important; transition: background-color 0.15s ease, color 0.15s ease !important; } .vector-header-end .vector-dropdown-content a span { display: inline !important; padding: 0 !important; margin: 0 !important; color: inherit !important; font-size: inherit !important; font-weight: inherit !important; background: transparent !important; } .vector-header-end .vector-dropdown-content a:hover, .vector-header-end .vector-dropdown-content a:focus, .vector-header-end .vector-dropdown-content a:active { background-color: #526B50 !important; color: #f5d77f !important; text-decoration: none !important; } .vector-header-end .vector-dropdown-content #pt-logout, .vector-header-end .vector-dropdown-content #p-user-menu-logout, .vector-header-end .vector-dropdown-content .vector-user-menu-logout { border-top: 1px solid rgba(177, 135, 61, 0.35) !important; margin-top: 6px !important; padding-top: 4px !important; } .vector-header-end .vector-dropdown-content #pt-logout a, .vector-header-end .vector-dropdown-content #p-user-menu-logout a { color: #ffffff !important; } .vector-header-end .vector-dropdown-content #pt-logout a:hover, .vector-header-end .vector-dropdown-content #p-user-menu-logout a:hover { background-color: #526B50 !important; color: #fca5a5 !important; } .vector-header-container [title]:hover::after, .vector-header-container [title]:hover::before, .vector-header-container a[title]:hover::after, .vector-header-container a[title]:hover::before, .mw-header [title]:hover::after, .mw-header [title]:hover::before, .mw-header a[title]:hover::after, .mw-header a[title]:hover::before { display: none !important; content: none !important; visibility: hidden !important; opacity: 0 !important; } .vector-sticky-header { background-color: #526B50 !important; border-bottom: 2px solid #b1873d !important; height: 48px !important; } .vector-sticky-header a, .vector-sticky-header .vector-icon { color: #f5d77f !important; fill: #f5d77f !important; } body.page-Main_Page #siteNotice, body.page-Main_Page #localNotice, body.page-Main_Page #mw-head-base { display: none !important; height: 0 !important; min-height: 0 !important; max-height: 0 !important; margin: 0 !important; padding: 0 !important; border: none !important; background: transparent !important; visibility: hidden !important; overflow: hidden !important; } body.page-Main_Page .vector-header-container { margin-bottom: 0 !important; } .vh-bottom-card { background: #ffffff !important; border: 1px solid rgba(177, 135, 61, 0.35) !important; border-radius: 6px !important; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04) !important; box-sizing: border-box !important; } .vh-bottom-grid { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 12px !important; width: 100% !important; flex: 0 0 auto !important; } .vh-bottom-card { padding: 0 !important; overflow: hidden !important; } .vh-bottom-grid, .vh-bottom-card { display: none !important; } .vector-header-start { display: flex !important; flex-direction: row !important; align-items: center !important; flex-wrap: nowrap !important; gap: 12px !important; flex: 0 0 auto !important; height: 100% !important; margin: 0 !important; padding: 0 !important; } .vector-header-start #vector-main-menu-dropdown { order: 1 !important; } .vector-header-start #p-search, .vector-header-container #p-search, .mw-header #p-search { order: 2 !important; display: flex !important; align-items: center !important; margin: 0 0 0 4px !important; padding: 0 !important; }

  1. mw-head [title]::before,
  2. mw-head [title]::after,

.vector-header [title]::before, .vector-header [title]::after { display: none !important; visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; } .vector-header { -webkit-user-select: none !important; user-select: none !important; } .vector-header-container,

  1. mw-head,

.mw-header { position: sticky !important; top: 0 !important; z-index: 1000 !important; background-color: #526B50 !important; } .vector-header-container .vector-icon, .vector-header-start .vector-icon, .vector-header-end .vector-icon, .vector-header-start .cdx-button, .vector-header-end .cdx-button, .vector-header-start .vector-dropdown-label, .vector-header-end .vector-dropdown-label, .vector-header-container .cdx-text-input__icon, .mw-header .vector-icon, .vector-sticky-header .vector-icon { transition: transform 0.25s cubic-bezier(0.2, 0.8, 0.25, 1), filter 0.25s ease, color 0.25s ease, background-color 0.25s ease !important; will-change: transform, filter !important; } .vector-header-start #vector-main-menu-dropdown:hover .vector-icon, .vector-header-start .cdx-button:hover .vector-icon, .vector-header-end .cdx-button:hover .vector-icon, .vector-header-start .vector-dropdown-label:hover .vector-icon, .vector-header-end .vector-dropdown-label:hover .vector-icon, .vector-header-end #pt-userpage-2:hover .vector-icon, .vector-header-container .cdx-search-input:hover .cdx-text-input__icon, .vector-header-container .cdx-text-input__input:focus~.cdx-text-input__icon, .vector-header-container .vector-icon:hover { transform: translateY(-2.5px) scale(1.14) !important; filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.55)) drop-shadow(0 0 10px rgba(245, 215, 127, 0.8)) !important; color: #ffffff !important; fill: #ffffff !important; } .vector-header-start .vector-dropdown-label:hover, .vector-header-end .vector-dropdown-label:hover, .vector-header-start .cdx-button:hover, .vector-header-end .cdx-button:hover, .vector-header-end #pt-userpage-2:hover { transform: translateY(-2px) !important; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3), inset 0 0 0 1px rgba(245, 215, 127, 0.45) !important; background-color: rgba(245, 215, 127, 0.18) !important; } .vector-header-start .vector-dropdown-label:active .vector-icon, .vector-header-end .vector-dropdown-label:active .vector-icon, .vector-header-start .cdx-button:active .vector-icon, .vector-header-end .cdx-button:active .vector-icon { transform: translateY(0.5px) scale(0.98) !important; filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.3)) !important; } .vector-header-container .cdx-button, .vector-header-container .vector-dropdown-label, .vector-header-container #pt-userpage-2, .vector-header-container .vector-user-links a, .vector-header-container .vector-icon, .vector-header-container svg { transition: transform 0.22s cubic-bezier(0.2, 0.8, 0.25, 1), background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, filter 0.22s ease !important; } .vector-header-container .vector-header-start .cdx-button:hover, .vector-header-container .vector-header-end .cdx-button:hover, .vector-header-container .vector-dropdown-label:hover, .vector-header-container #vector-main-menu-dropdown .vector-dropdown-label:hover, .vector-header-container #pt-userpage-2:hover, .vector-header-container .vector-user-links a:hover { transform: translateY(-2px) !important; background-color: rgba(245, 215, 127, 0.18) !important; border-radius: 4px !important; box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25), inset 0 0 0 1px rgba(245, 215, 127, 0.4) !important; color: #ffffff !important; } .vector-header-container .vector-header-start .cdx-button:hover .vector-icon, .vector-header-container .vector-header-end .cdx-button:hover .vector-icon, .vector-header-container .vector-dropdown-label:hover .vector-icon, .vector-header-container #vector-main-menu-dropdown:hover .vector-icon, .vector-header-container #pt-userpage-2:hover .vector-icon, .vector-header-container .vector-user-links a:hover .vector-icon, .vector-header-container .cdx-button:hover svg, .vector-header-container .vector-dropdown-label:hover svg, .vector-header-container .vector-icon:hover { transform: scale(1.08) !important; color: #ffffff !important; fill: #ffffff !important; filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.5)) drop-shadow(0 0 8px rgba(245, 215, 127, 0.65)) !important; } .vector-header-container, .vector-header-start, .vector-header-end, .vector-header-container *, .vector-header-container .vector-icon, .vector-header-container svg, .vector-header-container .cdx-button, .vector-header-container .vector-dropdown-label, .vector-header-container #pt-userpage-2, .vector-header-container .vector-user-links a, .mw-header .vector-icon, .vector-sticky-header .vector-icon { transform: none !important; animation: none !important; filter: none !important; will-change: auto !important; } .vector-header-container .vector-icon:hover, .vector-header-container svg:hover, .vector-header-container .cdx-button:hover .vector-icon, .vector-header-container .cdx-button:hover svg, .vector-header-container .vector-dropdown-label:hover .vector-icon, .vector-header-container .vector-dropdown-label:hover svg, .vector-header-container #vector-main-menu-dropdown:hover .vector-icon, .vector-header-container #vector-main-menu-dropdown:hover svg, .vector-header-container #pt-userpage-2:hover .vector-icon, .vector-header-container #pt-userpage-2:hover svg, .vector-header-container .vector-user-links a:hover .vector-icon, .vector-header-container .vector-user-links a:hover svg, .vector-header-container .cdx-search-input:hover .cdx-text-input__icon, .vector-header-container .cdx-text-input__input:focus~.cdx-text-input__icon, .vector-header-start .cdx-button:hover .vector-icon, .vector-header-end .cdx-button:hover .vector-icon, .vector-header-start .vector-dropdown-label:hover .vector-icon, .vector-header-end .vector-dropdown-label:hover .vector-icon, .vector-header-start #vector-main-menu-dropdown:hover .vector-icon, .vector-header-end #pt-userpage-2:hover .vector-icon { transform: none !important; filter: none !important; animation: none !important; color: #ffffff !important; fill: #ffffff !important; } .vector-header-container .cdx-button:hover, .vector-header-container .vector-dropdown-label:hover, .vector-header-container #vector-main-menu-dropdown .vector-dropdown-label:hover, .vector-header-container #pt-userpage-2:hover, .vector-header-container .vector-user-links a:hover, .vector-header-start .cdx-button:hover, .vector-header-end .cdx-button:hover, .vector-header-start .vector-dropdown-label:hover, .vector-header-end .vector-dropdown-label:hover, .vector-header-start #vector-main-menu-dropdown .vector-dropdown-label:hover, .vector-header-end #pt-userpage-2:hover { transform: none !important; box-shadow: none !important; background-color: rgba(245, 215, 127, 0.15) !important; border-radius: 4px !important; color: #ffffff !important; } .vector-header-container .cdx-button:active, .vector-header-container .vector-dropdown-label:active, .vector-header-container .vector-icon:active, .vector-header-start .vector-dropdown-label:active .vector-icon, .vector-header-end .vector-dropdown-label:active .vector-icon, .vector-header-start .cdx-button:active .vector-icon, .vector-header-end .cdx-button:active .vector-icon { transform: none !important; filter: none !important; } .vh-bottom-bar { position: fixed !important; bottom: 0 !important; left: 0 !important; right: 0 !important; width: 100% !important; height: 38px !important; background: #526B50 !important; border-top: 1.5px solid rgba(223, 173, 62, 0.45) !important; box-shadow: 0 -3px 12px rgba(0, 0, 0, 0.35) !important; z-index: 99990 !important; display: flex !important; align-items: center !important; justify-content: center !important; box-sizing: border-box !important; user-select: none !important; backdrop-filter: blur(8px) !important; -webkit-backdrop-filter: blur(8px) !important; } .vh-bottom-bar-inner { display: flex !important; align-items: center !important; justify-content: center !important; gap: 14px !important; max-width: 1200px !important; width: 100% !important; padding: 0 16px !important; overflow-x: auto !important; white-space: nowrap !important; scrollbar-width: none !important; /* Firefox */ } .vh-bottom-bar-inner::-webkit-scrollbar { display: none !important; /* Chrome/Safari */ } .vh-bottom-link { color: #f5d77f !important; font-family: 'Noto Serif', Georgia, serif !important; font-size: 13.5px !important; font-weight: 600 !important; text-decoration: none !important; letter-spacing: 0.35px !important; padding: 3px 10px !important; border-radius: 4px !important; transition: color 0.18s ease, background-color 0.18s ease, transform 0.15s ease !important; display: inline-flex !important; align-items: center !important; white-space: nowrap !important; } .vh-bottom-link:hover { color: #ffffff !important; background-color: rgba(245, 215, 127, 0.18) !important; text-decoration: none !important; } .vh-bottom-donate { background: linear-gradient(135deg, rgba(223, 173, 62, 0.3) 0%, rgba(223, 173, 62, 0.12) 100%) !important; border: 1px solid rgba(223, 173, 62, 0.65) !important; color: #fce8a6 !important; padding: 2.5px 14px !important; border-radius: 12px !important; font-weight: 700 !important; } .vh-bottom-donate:hover { background: linear-gradient(135deg, #dfad3e 0%, #b88a38 100%) !important; color: #150b00 !important; border-color: #dfad3e !important; box-shadow: 0 0 10px rgba(223, 173, 62, 0.5) !important; } .vh-bottom-sep { color: rgba(245, 215, 127, 0.35) !important; font-size: 12px !important; line-height: 1 !important; pointer-events: none !important; } body.page-Main_Page .vh-bottom-link { cursor: none !important; } body.page-Main_Page .vector-sitenotice-container { display: none !important; width: 0 !important; min-width: 0 !important; max-width: 0 !important; margin: 0 !important; padding: 0 !important; } .vector-sticky-header-container { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; width: 100% !important; z-index: 1000 !important; } .vector-sticky-header-container:not(.vector-sticky-header-visible), .vector-header-container.vector-sticky-header-container:not(.vector-sticky-header-visible) { display: none !important; visibility: hidden !important; height: 0 !important; min-height: 0 !important; max-height: 0 !important; opacity: 0 !important; pointer-events: none !important; margin: 0 !important; padding: 0 !important; border: none !important; } .vh-bottom-link.vh-bottom-home { color: #dfad3e !important; font-weight: 700 !important; letter-spacing: 0.5px !important; } .vh-bottom-link.vh-bottom-home:hover { color: #ffffff !important; background-color: rgba(223, 173, 62, 0.25) !important; } .vector-header-container, .vector-header, .mw-header,

  1. mw-head {

background-color: #526B50 !important; background: #526B50 !important; border-bottom: 2px solid #b1873d !important; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important; } @media screen and (max-width:999px) {

  1. vanipedia-topbar-title,
  2. vanipedia-topbar-title-link,
  3. vanipedia-topbar-center-title {

display: none !important; visibility: hidden !important; pointer-events: none !important; width: 0 !important; height: 0 !important; opacity: 0 !important; } } @media screen and (max-width:768px) { .mw-header { padding: 0 10px !important; gap: 8px !important; height: 52px !important; min-height: 52px !important; max-height: 52px !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; box-sizing: border-box !important; background-color: #526B50 !important; } .vector-header-start { display: flex !important; flex-direction: row !important; align-items: center !important; gap: 8px !important; flex: 1 1 auto !important; min-width: 0 !important; } .vector-header-start #vector-main-menu-dropdown { display: flex !important; align-items: center !important; visibility: visible !important; opacity: 1 !important; cursor: pointer !important; flex-shrink: 0 !important; margin: 0 !important; padding: 0 4px !important; } .vector-header-start #vector-main-menu-dropdown .vector-icon { background-color: #f5d77f !important; color: #f5d77f !important; fill: #f5d77f !important; width: 22px !important; height: 22px !important; } .vector-header-container #p-search, .mw-header #p-search, .vector-header-start #p-search { display: flex !important; align-items: center !important; flex: 1 1 auto !important; max-width: calc(100vw - 110px) !important; min-width: 100px !important; margin: 0 !important; padding: 0 !important; } .vector-header-container #searchform, .mw-header #searchform { width: 100% !important; display: flex !important; align-items: center !important; margin: 0 !important; padding: 0 !important; } .vector-header-container .cdx-search-input, .vector-header-container .vector-search-box-input, .vector-header-container .cdx-text-input { width: 100% !important; max-width: 100% !important; height: 32px !important; margin: 0 !important; } .vector-header-container .cdx-text-input__input, .vector-header-container input[type="search"],

  1. searchInput {

width: 100% !important; min-width: 80px !important; height: 32px !important; font-size: 13.5px !important; padding-left: 30px !important; box-sizing: border-box !important; border-radius: 16px !important; background-color: #1f3e45 !important; border: 1px solid rgba(245, 215, 127, 0.45) !important; color: #ffffff !important; } .vector-header-container .cdx-text-input__input:focus, .vector-header-container input[type="search"]:focus,

  1. searchInput:focus {

width: 100% !important; background-color: #173036 !important; border-color: #f5d77f !important; }

  1. vector-main-menu-dropdown .vector-dropdown-content,
  2. vector-main-menu-dropdown-content,
  3. vector-main-menu-unpinned-container,
  4. vector-main-menu-dropdown .vector-dropdown-content.is-open {

position: fixed !important; top: 52px !important; left: 0 !important; width: 290px !important; max-width: 85vw !important; height: calc(100vh - 52px - 38px) !important; max-height: calc(100vh - 90px) !important; overflow-y: auto !important; background-color: #1f3e45 !important; border-right: 2px solid #b1873d !important; box-shadow: 4px 0 18px rgba(0, 0, 0, 0.45) !important; z-index: 100001 !important; padding: 10px 0 !important; }

  1. vector-main-menu-dropdown .vector-dropdown-content a,
  2. vector-main-menu-dropdown-content a,
  3. vector-main-menu-unpinned-container a {

color: #f5d77f !important; font-size: 14.5px !important; padding: 9px 18px !important; display: block !important; text-decoration: none !important; border-left: 3px solid transparent !important; }

  1. vector-main-menu-dropdown .vector-dropdown-content a:hover,
  2. vector-main-menu-dropdown-content a:hover,
  3. vector-main-menu-unpinned-container a:hover {

background-color: #526B50 !important; color: #ffffff !important; border-left-color: #f5d77f !important; }

  1. vector-main-menu-dropdown .vector-menu-heading,
  2. vector-main-menu-dropdown-content .vector-menu-heading,
  3. vector-main-menu-unpinned-container .vector-menu-heading {

color: #fce8a6 !important; font-weight: 700 !important; font-size: 13px !important; letter-spacing: 0.6px !important; text-transform: uppercase !important; border-bottom: 1px solid rgba(245, 215, 127, 0.3) !important; padding: 10px 18px 6px 18px !important; margin-top: 8px !important; } .vh-bottom-bar { height: 38px !important; } .vh-bottom-bar-inner { gap: 10px !important; padding: 0 10px !important; } .vh-bottom-link { font-size: 12px !important; padding: 2px 6px !important; } } body.skin-minerva .minerva-header { display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: flex-start !important; height: 100% !important; width: 100% !important; padding: 0 12px !important; margin: 0 !important; box-sizing: border-box !important; background-color: #526B50 !important; } .minerva-header .navigation-drawer.toggle-list { flex: 0 0 32px !important; width: 32px !important; height: 32px !important; margin: 0 !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; } .minerva-header #mw-mf-main-menu-button, .minerva-header .toggle-list__toggle { background: transparent !important; background-color: transparent !important; border: none !important; box-shadow: none !important; outline: none !important; padding: 0 !important; margin: 0 !important; width: 32px !important; height: 32px !important; display: flex !important; align-items: center !important; justify-content: center !important; cursor: pointer !important; } .minerva-header .minerva-icon--menu, .minerva-header #mw-mf-main-menu-button .minerva-icon--menu { background-color: #f5d77f !important; opacity: 1 !important; width: 24px !important; height: 24px !important; display: inline-block !important; } .minerva-header .branding-box { display: flex !important; align-items: center !important; flex: 0 0 auto !important; margin: 0 0 0 20px !important; padding: 0 !important; } .minerva-header .branding-box a, .minerva-header .branding-box span { color: #f5d77f !important; font-family: 'DM Serif Display', 'Cormorant Garamond', Georgia, serif !important; font-size: 19px !important; font-weight: 700 !important; letter-spacing: 0.8px !important; text-decoration: none !important; white-space: nowrap !important; } .minerva-header .minerva-search-form { margin-left: auto !important; /* Absorbs ALL horizontal space between title and search */ margin-right: 8px !important; flex: 0 0 32px !important; width: 32px !important; height: 32px !important; display: flex !important; align-items: center !important; justify-content: center !important; position: static !important; } .minerva-header .minerva-search-form .search-box { display: none !important; } .minerva-header #searchIcon { background: transparent !important; background-color: transparent !important; border: none !important; box-shadow: none !important; outline: none !important; padding: 0 !important; margin: 0 !important; width: 32px !important; height: 32px !important; display: flex !important; align-items: center !important; justify-content: center !important; cursor: pointer !important; } .minerva-header .minerva-icon--search, .minerva-header #searchIcon .minerva-icon--search { background-color: #f5d77f !important; opacity: 1 !important; width: 22px !important; height: 22px !important; display: inline-block !important; } .minerva-header #searchIcon span:last-child { display: none !important; } .minerva-header .minerva-user-navigation { flex: 0 0 32px !important; width: 32px !important; height: 32px !important; margin: 0 !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; position: static !important; } .minerva-header .minerva-notifications, .minerva-header .minerva-user-navigation ul, .minerva-header .minerva-user-navigation li { margin: 0 !important; padding: 0 !important; list-style: none !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 32px !important; height: 32px !important; } .minerva-header #ca-mytalks { background: transparent !important; background-color: transparent !important; border: none !important; box-shadow: none !important; outline: none !important; padding: 0 !important; margin: 0 !important; width: 32px !important; height: 32px !important; display: flex !important; align-items: center !important; justify-content: center !important; cursor: pointer !important; } .minerva-header .minerva-icon--bellOutline, .minerva-header #ca-mytalks .minerva-icon--bellOutline { background-color: #f5d77f !important; opacity: 1 !important; width: 22px !important; height: 22px !important; display: inline-block !important; } .minerva-header #ca-mytalks span:last-child { display: none !important; }

  1. vanipedia-mobile-user-menu {

display: none !important; position: fixed !important; top: 52px !important; right: 8px !important; width: 175px !important; background-color: #1f3e45 !important; border: 1.5px solid #b1873d !important; border-radius: 6px !important; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.55) !important; padding: 6px 0 !important; z-index: 999999 !important; box-sizing: border-box !important; flex-direction: column !important; }

  1. vanipedia-mobile-user-menu.is-open {

display: flex !important; }

  1. vanipedia-mobile-user-menu a.vani-user-menu-item {

color: #f5d77f !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important; font-size: 15px !important; font-weight: 500 !important; padding: 10px 18px !important; text-decoration: none !important; display: block !important; line-height: 1.2 !important; }

  1. vanipedia-mobile-user-menu a.vani-user-menu-item:hover,
  2. vanipedia-mobile-user-menu a.vani-user-menu-item:active {

background-color: #526B50 !important; color: #ffffff !important; }

  1. vanipedia-mobile-user-menu .vani-user-menu-divider {

height: 1px !important; background-color: rgba(177, 135, 61, 0.35) !important; margin: 5px 0 !important; }

  1. vanipedia-mobile-user-menu a.vani-user-menu-logout {

color: #fca5a5 !important; }

  1. vanipedia-mobile-user-menu a.vani-user-menu-logout:hover {

background-color: rgba(239, 68, 68, 0.2) !important; color: #ffffff !important; }

  1. mw-mf-page-left.navigation-drawer,
  2. mw-mf-page-left.menu {

background-color: #1f3e45 !important; border-right: 2px solid #b1873d !important; box-shadow: 4px 0 18px rgba(0, 0, 0, 0.45) !important; }

  1. mw-mf-page-left a.toggle-list-item__anchor {

color: #f5d77f !important; font-size: 14.5px !important; }

  1. mw-mf-page-left a.toggle-list-item__anchor:hover {

background-color: #526B50 !important; color: #ffffff !important; }

  1. mw-mf-page-left .minerva-icon {

background-color: #ffd700 !important; } html #vector-user-links-dropdown .vector-dropdown-content, html body.page-Main_Page #vector-user-links-dropdown .vector-dropdown-content, html body #p-personal.vector-menu, html body #p-personal .vector-menu-content,

  1. vector-user-links-dropdown-content {

background: #1f3e45 !important; background-color: #1f3e45 !important; border: 1.5px solid #b1873d !important; border-radius: 6px !important; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.55) !important; padding: 6px 0 !important; min-width: 175px !important; width: 180px !important; box-sizing: border-box !important; } html #vector-user-links-dropdown .vector-dropdown-content div, html #vector-user-links-dropdown .vector-dropdown-content ul, html #vector-user-links-dropdown .vector-dropdown-content li, html #vector-user-links-dropdown .vector-dropdown-content .vector-menu-content, html #vector-user-links-dropdown .vector-dropdown-content .vector-menu-content-list { background: transparent !important; background-color: transparent !important; border: none !important; box-shadow: none !important; margin: 0 !important; padding: 0 !important; list-style: none !important; } html #vector-user-links-dropdown #pt-mytalk, html .vector-user-menu #pt-mytalk { display: block !important; visibility: visible !important; }

  1. vector-user-links-dropdown-label .vector-icon,
  2. vector-user-links-dropdown .vector-dropdown-label .vector-icon,

.vector-header-end #vector-user-links-dropdown .vector-icon { display: inline-block !important; visibility: visible !important; opacity: 1 !important; width: 20px !important; height: 20px !important; color: #f5d77f !important; fill: #f5d77f !important; background-color: #f5d77f !important; margin-right: 4px !important; vertical-align: middle !important; }

  1. vector-user-links-dropdown .vector-dropdown-content .vector-icon {

display: inline-block !important; width: 16px !important; height: 16px !important; margin: 0 8px 0 0 !important; padding: 0 !important; color: #f5d77f !important; fill: #f5d77f !important; background-color: #f5d77f !important; vertical-align: middle !important; } html #vector-user-links-dropdown .vector-dropdown-content a, html #p-personal .vector-menu-content a { display: flex !important; align-items: center !important; color: #f5d77f !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important; font-size: 15px !important; font-weight: 500 !important; padding: 10px 18px !important; line-height: 1.2 !important; background: transparent !important; background-color: transparent !important; border: none !important; text-decoration: none !important; box-sizing: border-box !important; width: 100% !important; transition: background-color 0.15s ease, color 0.15s ease !important; } html #vector-user-links-dropdown .vector-dropdown-content a span, html #p-personal .vector-menu-content a span { color: #f5d77f !important; font-size: 15px !important; font-weight: 500 !important; display: inline !important; padding: 0 !important; margin: 0 !important; background: transparent !important; } html #vector-user-links-dropdown .vector-dropdown-content a:hover, html #vector-user-links-dropdown .vector-dropdown-content a:focus, html #vector-user-links-dropdown .vector-dropdown-content a:active { background-color: #526B50 !important; color: #ffffff !important; text-decoration: none !important; } html #vector-user-links-dropdown .vector-dropdown-content a:hover span { color: #ffffff !important; } html #vector-user-links-dropdown #pt-logout, html .vector-user-menu #pt-logout { border-top: 1px solid rgba(177, 135, 61, 0.35) !important; margin-top: 6px !important; padding-top: 4px !important; } html #vector-user-links-dropdown #pt-logout a, html .vector-user-menu #pt-logout a { color: #fca5a5 !important; } html #vector-user-links-dropdown #pt-logout a:hover, html .vector-user-menu #pt-logout a:hover { background-color: rgba(239, 68, 68, 0.25) !important; color: #ffffff !important; } @media screen and (max-width:768px) { .vh-bottom-bar-inner { justify-content: flex-start !important; padding: 0 14px !important; gap: 10px !important; overflow-x: auto !important; -webkit-overflow-scrolling: touch !important; } .vh-bottom-link.vh-bottom-home { display: inline-flex !important; flex-shrink: 0 !important; } } body.ext-vp3d-fullscreen #vh-bottom-bar, body.ext-vp3d-fullscreen .minerva-header, body.ext-vp3d-fullscreen .vector-header-container, body.ext-vp3d-fullscreen #mw-head, body.ext-vp3d-fullscreen .mw-header, body:has(.vp-entry3d-container) #vh-bottom-bar, body:has(.vp-entry3d-container) .minerva-header, body:has(.vp-entry3d-container) .vector-header-container, body:has(.vp-entry3d-wrapper) #vh-bottom-bar, body:has(.vp-entry3d-wrapper) .minerva-header, body:has(.vp-entry3d-wrapper) .vector-header-container { display: none !important; visibility: hidden !important; height: 0 !important; min-height: 0 !important; max-height: 0 !important; opacity: 0 !important; pointer-events: none !important; margin: 0 !important; padding: 0 !important; }

  1. vani-stage-header-slot .minerva-header,
  2. vani-stage-header-slot .vector-header-container,
  3. vani-stage-header-slot #mw-head {

position: static !important; width: 100% !important; height: 100% !important; max-height: 100% !important; min-height: 100% !important; margin: 0 !important; padding: 0 12px !important; box-shadow: none !important; border: none !important; background-color: #526B50 !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; box-sizing: border-box !important; }

  1. vani-stage-footer-slot #vh-bottom-bar,
  2. vani-stage-footer-slot .vh-bottom-bar {

position: static !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; border: none !important; box-shadow: none !important; background-color: transparent !important; display: flex !important; align-items: center !important; justify-content: center !important; }

  1. vani-stage-footer-slot .vh-bottom-bar-inner {

display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; height: 100% !important; gap: 14px !important; padding: 0 16px !important; }

  1. vani-stage-header-slot #vanipedia-mobile-user-menu {

position: absolute !important; top: 48px !important; right: 8px !important; z-index: 1000000 !important; }

  1. mw-mf-page-left.navigation-drawer {

z-index: 1000005 !important; }

  1. vani-stage-header-slot .vector-header,
  2. vani-stage-header-slot .mw-header {

width: 100% !important; max-width: 100% !important; height: 100% !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; padding: 0 12px !important; box-sizing: border-box !important; }

  1. vani-stage-header-slot .vector-header-start {

display: flex !important; flex-direction: row !important; align-items: center !important; gap: 12px !important; flex: 1 1 auto !important; }

  1. vani-stage-header-slot .vector-header-end {

display: flex !important; flex-direction: row !important; align-items: center !important; gap: 10px !important; flex: 0 0 auto !important; } body.has-vani-stage>.vector-header-container, body.has-vani-stage>.vector-sticky-header-container, body.has-vani-stage>#mw-head, body.has-vani-stage>#vh-bottom-bar { display: none !important; }

  1. mw-mf-page-left {

background-color: #f6f2e9 !important; border-right: 2px solid #b1873d !important; box-shadow: 4px 0 20px rgba(0, 0, 0, 0.45) !important; padding: 12px 10px !important; box-sizing: border-box !important; width: 290px !important; max-width: 85vw !important; }

  1. mw-mf-page-left>ul#p-navigation,
  2. mw-mf-page-left>ul#p-personal,
  3. mw-mf-page-left>ul.hlist,
  4. mw-mf-page-left .menu__item--nearby,
  5. mw-mf-page-left .menu__item--random {

display: none !important; }

  1. mw-mf-page-left #vani-mobile-synced-sidebar {

width: 100% !important; padding: 0 !important; margin: 0 !important; }

  1. mw-mf-page-left .vanipedia-sidebar-menu {

width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; margin-bottom: 6px !important; }

  1. mw-mf-page-left .vanipedia-sidebar-menu .vector-menu-heading {

cursor: pointer !important; background-color: #2c4c50 !important; border: 1px solid #1b3033 !important; border-radius: 4px !important; margin-bottom: 4px !important; padding: 10px 14px !important; font-weight: 600 !important; font-size: 14px !important; color: #ffffff !important; display: flex !important; justify-content: space-between !important; align-items: center !important; box-sizing: border-box !important; transition: all 0.2s ease !important; }

  1. mw-mf-page-left .vanipedia-sidebar-menu:not(.vanipedia-collapsed) .vector-menu-heading {

border-radius: 4px 4px 0 0 !important; margin-bottom: 0 !important; }

  1. mw-mf-page-left .vanipedia-sidebar-menu .vector-menu-heading:hover {

background-color: #385e63 !important; }

  1. mw-mf-page-left .vanipedia-sidebar-menu .vector-menu-heading::after {

content: "▼" !important; font-size: 0.75em !important; color: #ffffff !important; transition: transform 0.2s ease !important; }

  1. mw-mf-page-left .vanipedia-sidebar-menu.vanipedia-collapsed .vector-menu-heading::after {

transform: rotate(-90deg) !important; }

  1. mw-mf-page-left .vanipedia-sidebar-menu .vector-menu-content {

background-color: #eaeff0 !important; border: 1px solid #2c4c50 !important; border-top: none !important; border-radius: 0 0 4px 4px !important; padding: 0 0 4px 0 !important; margin-bottom: 6px !important; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15) !important; box-sizing: border-box !important; }

  1. mw-mf-page-left .vanipedia-sidebar-menu.vanipedia-collapsed .vector-menu-content {

display: none !important; }

  1. mw-mf-page-left .vanipedia-sidebar-menu .vector-menu-content ul {

list-style: none !important; margin: 0 !important; padding: 0 !important; }

  1. mw-mf-page-left .vanipedia-sidebar-menu .vector-menu-content li a {

display: block !important; padding: 9px 14px 9px 18px !important; color: #1b3033 !important; font-size: 14px !important; text-decoration: none !important; border-left: 3px solid transparent !important; border-bottom: 1px solid rgba(44, 76, 80, 0.1) !important; transition: all 0.15s ease !important; }

  1. mw-mf-page-left .vanipedia-sidebar-menu .vector-menu-content li:last-child a {

border-bottom: none !important; }

  1. mw-mf-page-left .vanipedia-sidebar-menu .vector-menu-content li a:hover {

background-color: #dbe4e6 !important; border-left: 3px solid #2c4c50 !important; color: #000000 !important; }

  1. mw-mf-page-left #sidebarLanguageSearch {

width: 100% !important; box-sizing: border-box !important; padding: 7px 10px !important; font-size: 14px !important; border: 1px solid #a2a9b1 !important; border-radius: 3px !important; background-color: #ffffff !important; color: #1a1a1a !important; margin-bottom: 4px !important; } .vector-header-start { display: flex !important; flex-direction: row !important; align-items: center !important; flex-wrap: nowrap !important; } .vector-header-start .vector-main-menu-landmark, .vector-header-start #vector-main-menu-dropdown { order: 1 !important; } .vector-header-start .mw-logo { order: 2 !important; display: none !important; } .vector-header-start #p-search, .vector-header-container #p-search, .mw-header #p-search, div#p-search { order: 5 !important; margin-right: 0 !important; } .vector-header-start #vanipedia-topbar-home-link, .vector-header-container #vanipedia-topbar-home-link,

  1. vanipedia-topbar-home-link,

a.vanipedia-topbar-home { order: 10 !important; margin-left: 10px !important; margin-right: 14px !important; color: #f5d77f !important; text-decoration: none !important; text-decoration-line: none !important; border: none !important; border-bottom: none !important; outline: none !important; box-shadow: none !important; font-family: 'Noto Serif', Georgia, serif !important; font-size: 14.5px !important; font-weight: 600 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 6px !important; padding: 5px 10px !important; border-radius: 4px !important; background: transparent !important; background-color: transparent !important; transition: all 0.2s ease !important; cursor: pointer !important; flex-shrink: 0 !important; line-height: 1 !important; visibility: visible !important; opacity: 1 !important; } a.vanipedia-topbar-home:hover, a.vanipedia-topbar-home:active, .vector-header-container a.vanipedia-topbar-home:hover, .vector-header-container #vanipedia-topbar-home-link:hover, .minerva-header a.vanipedia-topbar-home:hover,

  1. vani-stage-header-slot a.vanipedia-topbar-home:hover {

color: #ffffff !important; background-color: rgba(245, 215, 127, 0.2) !important; text-decoration: none !important; text-decoration-line: none !important; border-bottom: none !important; transform: translateY(-1px) !important; } .vanipedia-topbar-home .vanipedia-home-icon { display: inline-flex !important; align-items: center !important; justify-content: center !important; line-height: 1 !important; } .vanipedia-topbar-home .vanipedia-home-icon svg { width: 18px !important; height: 18px !important; stroke: #f5d77f !important; fill: none !important; stroke-width: 2 !important; stroke-linecap: round !important; stroke-linejoin: round !important; transition: stroke 0.2s ease, transform 0.2s ease !important; display: inline-block !important; vertical-align: middle !important; } .vanipedia-topbar-home:hover .vanipedia-home-icon svg { stroke: #ffffff !important; transform: scale(1.1) !important; } .vanipedia-topbar-home .vanipedia-home-text { display: inline-block !important; line-height: 1 !important; text-decoration: none !important; } @media screen and (max-width:900px) { .vector-header-start #p-search, .vector-header-container #p-search, .mw-header #p-search { flex: 1 1 auto !important; max-width: calc(100vw - 160px) !important; } .vanipedia-topbar-home .vanipedia-home-text { display: none !important; } .vector-header-start #vanipedia-topbar-home-link, .vector-header-container #vanipedia-topbar-home-link,

  1. vanipedia-topbar-home-link,

a.vanipedia-topbar-home { display: inline-flex !important; visibility: visible !important; opacity: 1 !important; width: 32px !important; height: 32px !important; padding: 0 !important; margin: 0 4px !important; border-radius: 50% !important; order: 10 !important; } .vanipedia-topbar-home .vanipedia-home-icon svg { width: 20px !important; height: 20px !important; } } .minerva-header .vanipedia-topbar-home, .minerva-header #vanipedia-topbar-home-link { display: inline-flex !important; align-items: center !important; justify-content: center !important; visibility: visible !important; opacity: 1 !important; flex: 0 0 32px !important; width: 32px !important; height: 32px !important; margin: 0 6px !important; padding: 0 !important; z-index: 1000 !important; border-radius: 50% !important; } .minerva-header .vanipedia-topbar-home .vanipedia-home-text { display: none !important; } .minerva-header .vanipedia-topbar-home .vanipedia-home-icon svg { width: 20px !important; height: 20px !important; }

  1. vani-stage-header-slot .vanipedia-topbar-home .vanipedia-home-text {

display: none !important; }

  1. vani-stage-header-slot .vanipedia-topbar-home {

display: inline-flex !important; visibility: visible !important; opacity: 1 !important; padding: 0 !important; margin: 0 8px !important; width: 34px !important; height: 34px !important; box-sizing: border-box !important; order: 10 !important; }

  1. vani-stage-header-slot .vanipedia-topbar-home .vanipedia-home-icon svg {

width: 20px !important; height: 20px !important; }

  1. vani-stage-header-slot .vector-header-start #p-search {

order: 5 !important; } .vh-bottom-link.vh-bottom-entry, a.vh-bottom-link { text-decoration: none !important; text-decoration-line: none !important; border-bottom: none !important; } .vh-bottom-link.vh-bottom-entry:hover, a.vh-bottom-link:hover { text-decoration: none !important; text-decoration-line: none !important; }

  1. vanipedia-topbar-title,

span#vanipedia-topbar-title, a#vanipedia-topbar-title { pointer-events: none !important; cursor: default !important; user-select: text !important; text-decoration: none !important; }

  1. vanipedia-topbar-title:hover,

span#vanipedia-topbar-title:hover, a#vanipedia-topbar-title:hover { color: #f5d77f !important; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.9), 0 0 10px rgba(245, 215, 127, 0.3) !important; cursor: default !important; transform: translate(-50%, -50%) !important; } .vh-bottom-bar-inner { display: flex !important; align-items: center !important; justify-content: space-between !important; width: 100% !important; max-width: 100% !important; height: 100% !important; padding: 0 24px !important; position: relative !important; box-sizing: border-box !important; } .vh-bottom-bar-left-space { flex: 1 1 0 !important; min-width: 0 !important; } .vh-bottom-nav-links { flex: 0 0 auto !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 12px !important; white-space: nowrap !important; } .vh-bottom-bar-right-space { flex: 1 1 0 !important; min-width: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; } .vh-bottom-social-links { position: static !important; transform: none !important; display: inline-flex !important; align-items: center !important; gap: 24px !important; } .vh-bottom-social-item { display: inline-flex !important; align-items: center !important; justify-content: center !important; height: 24px !important; line-height: 0 !important; transition: transform 0.2s ease, opacity 0.2s ease !important; text-decoration: none !important; } .vh-bottom-social-item:hover { transform: scale(1.15) !important; opacity: 0.9 !important; } .vh-bottom-social-item img { display: block !important; height: 20px !important; width: auto !important; max-height: 20px !important; object-fit: contain !important; border: none !important; } body.page-Main_Page .vector-header-container, .vector-header-container, .vector-header-container.vector-sticky-header-container { background: transparent !important; background-color: transparent !important; background-image: none !important; border: none !important; border-bottom: none !important; box-shadow: none !important; padding: 0 !important; margin: 0 !important; width: 100% !important; max-width: 100% !important; height: auto !important; min-height: 0 !important; } header.mw-header, header.vector-header, body.page-Main_Page #mw-head, body.page-Main_Page .vector-header-container header.mw-header { width: 100% !important; max-width: 100% !important; height: auto !important; min-height: 86px !important; max-height: 96px !important; padding: 10px 24px !important; background: #526B50 !important; background-color: #526B50 !important; border-bottom: 2px solid #b1873d !important; box-shadow: 0 4px 18px rgba(0, 0, 0, 0.35) !important; display: flex !important; align-items: center !important; justify-content: space-between !important; position: relative !important; box-sizing: border-box !important; } .vanipedia-topbar-center-block { position: absolute !important; left: 50% !important; top: 54% !important; transform: translate(-50%, -50%) !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; text-align: center !important; white-space: nowrap !important; z-index: 10 !important; pointer-events: auto !important; line-height: 1 !important; }

  1. vanipedia-topbar-center-block * {

position: static !important; transform: none !important; } .vanipedia-topbar-main-title,

  1. vanipedia-topbar-title {

position: static !important; transform: none !important; display: block !important; font-family: 'Cinzel', Georgia, serif !important; font-size: 17.5px !important; font-weight: 700 !important; letter-spacing: 2px !important; color: #f5d77f !important; text-decoration: none !important; text-decoration-line: none !important; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.9), 0 0 10px rgba(245, 215, 127, 0.3) !important; line-height: 1.25 !important; margin: 0 0 4px 0 !important; padding: 0 !important; pointer-events: none !important; user-select: text !important; } .vanipedia-topbar-vaniseva-title { position: static !important; transform: none !important; display: block !important; margin: 0 0 4px 0 !important; line-height: 1.2 !important; } .vanipedia-topbar-vaniseva-title a { color: #fff2c4 !important; font-family: 'Noto Serif', Georgia, serif !important; font-size: 12.5px !important; font-style: normal !important; font-weight: 500 !important; letter-spacing: 0.35px !important; text-decoration: none !important; text-decoration-line: none !important; border: 1px solid rgba(223, 173, 62, 0.35) !important; border-bottom: 1px solid rgba(223, 173, 62, 0.35) !important; background: rgba(245, 215, 127, 0.08) !important; outline: none !important; padding: 2px 14px !important; border-radius: 12px !important; cursor: pointer !important; transition: all 0.2s ease !important; display: inline-block !important; } .vanipedia-topbar-vaniseva-title a:hover, .vanipedia-topbar-vaniseva-title a:focus, .vanipedia-topbar-vaniseva-title a:active { color: #ffffff !important; text-decoration: none !important; text-decoration-line: none !important; border-color: rgba(223, 173, 62, 0.7) !important; background-color: rgba(245, 215, 127, 0.22) !important; box-shadow: 0 0 10px rgba(245, 215, 127, 0.3) !important; } .vanipedia-topbar-sister-links { position: static !important; transform: none !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 14px !important; margin: 0 !important; line-height: 1.2 !important; } .vanipedia-topbar-sister-link { color: #f5d77f !important; font-family: 'Noto Serif', Georgia, serif !important; font-size: 12px !important; font-weight: 600 !important; letter-spacing: 0.4px !important; text-decoration: none !important; text-decoration-line: none !important; border: none !important; border-bottom: none !important; outline: none !important; padding: 1px 6px !important; border-radius: 3px !important; transition: all 0.18s ease !important; display: inline-flex !important; align-items: center !important; cursor: pointer !important; } .vanipedia-topbar-sister-link:hover, .vanipedia-topbar-sister-link:focus, .vanipedia-topbar-sister-link:active { color: #ffffff !important; text-decoration: none !important; text-decoration-line: none !important; border-bottom: none !important; background-color: rgba(245, 215, 127, 0.18) !important; } .vanipedia-topbar-sister-sep { color: rgba(245, 215, 127, 0.4) !important; font-size: 10px !important; line-height: 1 !important; user-select: none !important; } body.skin-minerva .minerva-header { flex-wrap: nowrap !important; height: 52px !important; min-height: 52px !important; max-height: 52px !important; padding: 0 10px !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; box-sizing: border-box !important; background-color: #526B50 !important; border-bottom: 2px solid #b1873d !important; } .minerva-header .navigation-drawer.toggle-list, .minerva-header #mw-mf-main-menu-button, .minerva-header .toggle-list__toggle { flex: 0 0 32px !important; width: 32px !important; height: 32px !important; display: flex !important; align-items: center !important; justify-content: center !important; background: transparent !important; border: none !important; cursor: pointer !important; margin: 0 !important; padding: 0 !important; } .minerva-header .minerva-icon--menu, .minerva-header #mw-mf-main-menu-button .minerva-icon--menu { background-color: #f5d77f !important; display: inline-block !important; width: 24px !important; height: 24px !important; } body.skin-minerva .minerva-header .branding-box, .minerva-header .branding-box { display: flex !important; visibility: visible !important; opacity: 1 !important; align-items: center !important; flex: 1 1 auto !important; margin: 0 0 0 14px !important; padding: 0 !important; min-width: 0 !important; overflow: visible !important; } body.skin-minerva .minerva-header .branding-box a, .minerva-header .branding-box a { display: inline-flex !important; align-items: center !important; visibility: visible !important; opacity: 1 !important; text-decoration: none !important; color: #f5d77f !important; } body.skin-minerva .minerva-header .branding-box a::before, .minerva-header .branding-box a::before { content: "Vanipedia" !important; display: inline-block !important; visibility: visible !important; opacity: 1 !important; color: #f5d77f !important; font-family: 'DM Serif Display', 'Cormorant Garamond', Georgia, serif !important; font-size: 19px !important; font-weight: 700 !important; letter-spacing: 0.8px !important; line-height: 1 !important; white-space: nowrap !important; } body.skin-minerva .minerva-header .branding-box a>span, .minerva-header .branding-box a>span, body.skin-minerva .minerva-header .branding-box a>img, .minerva-header .branding-box a>img { display: none !important; } .minerva-header a.vanipedia-topbar-home { flex: 0 0 28px !important; width: 28px !important; height: 28px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; margin: 0 4px !important; padding: 0 !important; border-radius: 50% !important; background: transparent !important; color: #f5d77f !important; } .minerva-header .minerva-search-form { flex: 0 0 32px !important; width: 32px !important; height: 32px !important; margin: 0 4px !important; display: flex !important; align-items: center !important; justify-content: center !important; position: static !important; } .minerva-header #searchIcon { width: 32px !important; height: 32px !important; display: flex !important; align-items: center !important; justify-content: center !important; background: transparent !important; border: none !important; cursor: pointer !important; padding: 0 !important; margin: 0 !important; } .minerva-header .minerva-icon--search, .minerva-header #searchIcon .minerva-icon--search { background-color: #f5d77f !important; display: inline-block !important; width: 22px !important; height: 22px !important; } .minerva-header .minerva-user-navigation { flex: 0 0 32px !important; width: 32px !important; height: 32px !important; margin: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; position: static !important; } .minerva-header #ca-mytalks { width: 32px !important; height: 32px !important; display: flex !important; align-items: center !important; justify-content: center !important; background: transparent !important; border: none !important; cursor: pointer !important; padding: 0 !important; margin: 0 !important; } .minerva-header .minerva-icon--bellOutline, .minerva-header #ca-mytalks .minerva-icon--bellOutline { background-color: #f5d77f !important; display: inline-block !important; width: 22px !important; height: 22px !important; } body.skin-minerva .vanipedia-topbar-center-block, body.skin-minerva #vanipedia-topbar-center-block, body.skin-minerva #vanipedia-topbar-center-block-mobile, body.skin-minerva .vanipedia-topbar-main-title, body.skin-minerva .vanipedia-topbar-vaniseva-title, body.skin-minerva .vanipedia-topbar-sister-links, body.skin-minerva .vanipedia-topbar-sister-link, body.skin-minerva .vanipedia-topbar-sister-sep { display: none !important; height: 0 !important; min-height: 0 !important; max-height: 0 !important; visibility: hidden !important; overflow: hidden !important; pointer-events: none !important; margin: 0 !important; padding: 0 !important; border: none !important; } body.skin-minerva .vh-bottom-social-links, body.skin-minerva .vh-bottom-bar-right-space { display: none !important; width: 0 !important; } body.skin-minerva .vh-bottom-bar-left-space { display: none !important; } body.skin-minerva .vh-bottom-bar-inner { justify-content: center !important; padding: 0 10px !important; } body.skin-minerva .vh-bottom-nav-links { width: 100% !important; justify-content: center !important; gap: 8px !important; font-size: 11px !important; } @media screen and (max-width:1200px) and (min-width:1000px) { .vanipedia-topbar-main-title { font-size: 16px !important; letter-spacing: 1.5px !important; } .vanipedia-topbar-vaniseva-title a { font-size: 11.5px !important; padding: 2px 10px !important; } .vanipedia-topbar-sister-link { font-size: 11.5px !important; } } @media screen and (max-width:999px) { header.mw-header, header.vector-header, .vector-header-container .mw-header { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; height: 52px !important; min-height: 52px !important; max-height: 52px !important; padding: 0 10px !important; align-items: center !important; justify-content: space-between !important; box-sizing: border-box !important; background-color: #526B50 !important; border-bottom: 2px solid #b1873d !important; } .vector-header-start { display: flex !important; flex-direction: row !important; align-items: center !important; flex-wrap: nowrap !important; flex: 1 1 auto !important; min-width: 0 !important; gap: 6px !important; } .vector-header-start #vector-main-menu-dropdown,

  1. vector-main-menu-dropdown {

display: flex !important; visibility: visible !important; opacity: 1 !important; cursor: pointer !important; flex: 0 0 auto !important; margin: 0 !important; padding: 0 4px !important; } .vector-header-start #vector-main-menu-dropdown .vector-dropdown-label, .vector-header-start #vector-main-menu-dropdown .vector-main-menu-dropdown-toggle { display: flex !important; align-items: center !important; justify-content: center !important; background: transparent !important; border: none !important; padding: 4px !important; } .vector-header-start #vector-main-menu-dropdown .vector-icon { display: inline-block !important; visibility: visible !important; opacity: 1 !important; background-color: #f5d77f !important; color: #f5d77f !important; fill: #f5d77f !important; width: 22px !important; height: 22px !important; } .vector-header-container #p-search, .mw-header #p-search, .vector-header-start #p-search { display: flex !important; align-items: center !important; flex: 1 1 auto !important; min-width: 60px !important; max-width: calc(100vw - 140px) !important; margin: 0 !important; padding: 0 !important; } .vector-header-container .cdx-search-input, .vector-header-container .vector-search-box-input, .vector-header-container .cdx-text-input, .vector-header-start .cdx-text-input { width: 100% !important; max-width: 100% !important; height: 32px !important; margin: 0 !important; position: relative !important; display: flex !important; align-items: center !important; } .vector-header-container .cdx-text-input__icon, .vector-header-container .cdx-text-input__start-icon, .vector-header-start .cdx-text-input__icon, .vector-header-start .cdx-text-input__start-icon,

  1. p-search .cdx-text-input__icon,
  2. p-search .cdx-text-input__start-icon {

display: flex !important; visibility: visible !important; opacity: 1 !important; position: absolute !important; left: 10px !important; top: 50% !important; transform: translateY(-50%) !important; width: 18px !important; height: 18px !important; background-color: #f5d77f !important; color: #f5d77f !important; fill: #f5d77f !important; z-index: 5 !important; pointer-events: none !important; } .vector-header-container .cdx-text-input__input, .vector-header-container input[type="search"],

  1. searchInput {

width: 100% !important; min-width: 60px !important; height: 32px !important; font-size: 13px !important; padding-left: 32px !important; padding-right: 8px !important; box-sizing: border-box !important; border-radius: 16px !important; background-color: #1f3e45 !important; border: 1px solid rgba(245, 215, 127, 0.45) !important; color: #ffffff !important; } .vanipedia-topbar-home .vanipedia-home-text { display: none !important; } .vector-header-start #vanipedia-topbar-home-link,

  1. vanipedia-topbar-home-link,

a.vanipedia-topbar-home { margin: 0 2px !important; padding: 3px 5px !important; flex-shrink: 0 !important; display: inline-flex !important; align-items: center !important; } .vector-header-end { display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: flex-end !important; flex: 0 0 auto !important; width: auto !important; margin: 0 !important; padding: 0 !important; } .vector-header-end .vector-user-links, .vector-header-end .vector-user-links-wide, .vector-header-end .vector-user-links-main { display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: flex-end !important; width: auto !important; margin: 0 !important; padding: 0 !important; border: none !important; background: transparent !important; } .vector-header-end #p-vector-user-menu-userpage { display: none !important; } .vector-header-end #p-vector-user-menu-overflow, .vector-header-end #vector-user-links-dropdown, .vector-header-end .vector-user-menu-overflow { display: flex !important; visibility: visible !important; opacity: 1 !important; margin: 0 !important; padding: 0 !important; } .vector-header-end #vector-user-links-dropdown .vector-dropdown-label, .vector-header-end .vector-user-menu-overflow .vector-dropdown-label { display: flex !important; align-items: center !important; justify-content: center !important; padding: 4px !important; background: transparent !important; border: none !important; cursor: pointer !important; } .vector-header-end #vector-user-links-dropdown .vector-icon, .vector-header-end .vector-user-menu-overflow .vector-icon { display: inline-block !important; visibility: visible !important; opacity: 1 !important; width: 20px !important; height: 20px !important; background-color: #f5d77f !important; color: #f5d77f !important; fill: #f5d77f !important; } .vector-header-end .vector-dropdown-label-text { display: none !important; } .vanipedia-topbar-center-block,

  1. vanipedia-topbar-center-block,
  2. vanipedia-topbar-center-block-mobile,

.vanipedia-topbar-main-title,

  1. vanipedia-topbar-title,
  2. vanipedia-topbar-title-mobile,
  3. vanipedia-topbar-title-link,
  4. vanipedia-topbar-center-title,

.vanipedia-topbar-vaniseva-title, .vanipedia-topbar-sister-links, .vanipedia-topbar-sister-link, .vanipedia-topbar-sister-sep { display: none !important; height: 0 !important; min-height: 0 !important; max-height: 0 !important; visibility: hidden !important; overflow: hidden !important; pointer-events: none !important; margin: 0 !important; padding: 0 !important; border: none !important; } .vh-bottom-social-links, .vh-bottom-bar-right-space { display: none !important; width: 0 !important; flex: 0 0 0 !important; visibility: hidden !important; } .vh-bottom-bar-left-space { display: none !important; width: 0 !important; flex: 0 0 0 !important; } .vh-bottom-bar-inner { justify-content: center !important; padding: 0 10px !important; } .vh-bottom-nav-links { width: 100% !important; justify-content: center !important; overflow-x: auto !important; -webkit-overflow-scrolling: touch !important; gap: 8px !important; font-size: 11px !important; } }

  1. vani-stage-header-slot .vanipedia-topbar-title-link,
  2. vani-stage-header-slot .vanipedia-topbar-main-title,
  3. vani-stage-header-slot .branding-box a {

display: inline-flex !important; align-items: center !important; visibility: visible !important; opacity: 1 !important; font-family: 'DM Serif Display', 'Cormorant Garamond', Georgia, serif !important; font-size: 19px !important; font-weight: 700 !important; color: #f5d77f !important; text-decoration: none !important; letter-spacing: 0.8px !important; line-height: 1 !important; margin: 0 10px !important; cursor: pointer !important; }

/* Petal identity only; inherited V173 dimensions, effects and typography stay. */ header.vector-header, header.mw-header, #vector-sticky-header, #vh-bottom-bar { 

   background:#526b50 !important; background-color:#526b50 !important;

}

  1. vh-bottom-bar .vh-bottom-petal-links { display:flex; justify-content:center; align-items:center; gap:12px; }
  2. vh-bottom-bar .vh-bottom-petal-links a { color:#f5d77f; font:600 12px 'Noto Serif',Georgia,serif; text-decoration:none; }
  3. vh-bottom-bar .vh-bottom-petal-links a:hover { color:#fff; }

/* Vanisource content reflows; do not activate the V173 rotated stage. */ body.vs-main-view { padding-bottom:46px !important; } body.vs-main-view .mw-body-header, body.vs-main-view #firstHeading, body.vs-main-view .vector-column-start, body.vs-main-view .vector-column-end { display:none; } /* Retain the complete controls in native portrait flow when there is no stage. */ @media(max-width:999px) { 

body.vs-main-view #vh-bottom-bar { position:static !important; height:auto !important; min-height:38px; }
body.vs-main-view #vh-bottom-bar .vh-bottom-bar-inner { flex-wrap:wrap !important; height:auto !important; padding:10px !important; gap:10px; }
body.vs-main-view #vh-bottom-bar .vh-bottom-bar-left-space,
body.vs-main-view #vh-bottom-bar .vh-bottom-bar-right-space { flex:1 1 100% !important; }
body.vs-main-view #vh-bottom-bar .vh-bottom-nav-links { flex:1 1 100% !important; flex-wrap:wrap; white-space:normal !important; }
body.vs-main-view { padding-bottom:0 !important; }

}

/* V11: main-page cleanup; shared bar and top-bar search retained. */

  1. footer,

.mw-footer { display:none !important; } /* The fixed desktop bottom bar is 38px high; leave a 16px gap above it. */

  1. vanipedia-back-to-top { bottom:54px !important; }

/* V12: one sticky primary header across Vanisource; native controls retained. */ body > .vector-header-container:not(.vector-sticky-header-container), body > header.vector-header, body > header.mw-header { 

position:sticky !important; top:0 !important; z-index:99995 !important;
overflow:visible !important;

} html { scroll-padding-top:calc(var(--vs-header-height, 96px) + 12px); }

  1. vector-sticky-header { display:none !important; }

/* V13: book catalogue and source details. Shared V173 bars and V12 sticky 

  header/footer behaviour remain in the preceding, unchanged rules. */
  1. vs-home.vs-library-main { max-width:1180px; font-size:16px; }
  2. vs-home.vs-library-main .vs-sanctuary { display:flex; align-items:center; justify-content:center; gap:24px; max-width:730px; margin:0 auto 32px; padding:0; border:0; text-align:left; }
  3. vs-home.vs-library-main #vs-portrait-frame { width:106px; height:106px; flex:none; margin:0; border-width:2px; }
  4. vs-home.vs-library-main .vs-sanctuary-copy { min-width:0; }
  5. vs-home.vs-library-main .vs-eyebrow { color:var(--vs-green); font-size:15px; }
  6. vs-home.vs-library-main h1 { text-align:left; font-size:30px; margin:3px 0 10px; }
  7. vs-home.vs-library-main .vs-source-quote { margin-bottom:7px; font-size:16px; }
  8. vs-home.vs-library-main .vs-source-meta { font-size:14px; }
  9. vs-home.vs-library-main .vs-library-heading { padding-top:24px; border-top:1px solid var(--vs-line); }
  10. vs-home.vs-library-main .vs-library-heading h2 { margin:0 0 7px; }
  11. vs-home.vs-library-main .vs-book-jump { display:flex; flex-wrap:wrap; gap:10px 24px; margin:14px 0 24px; }
  12. vs-home.vs-library-main .vs-book-jump a { display:inline-flex; min-height:44px; align-items:center; color:var(--vs-green); font-size:15px; }
  13. vs-home.vs-library-main .vs-book-shelf { margin-bottom:32px; scroll-margin-top:calc(var(--vs-header-height,96px) + 16px); }
  14. vs-home.vs-library-main .vs-book-shelf h3 { background:none; font:500 21px/1.3 Georgia,'Noto Serif',serif; color:var(--vs-brass); margin:0 0 22px; padding:0 0 9px; border:0; border-bottom:1px solid var(--vs-line); text-align:left; }
  15. vs-home.vs-library-main .vs-book-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:36px 28px; }
  16. vs-home.vs-library-main .vs-book-card { min-width:0; text-align:center; font-size:15px; line-height:1.45; }
  17. vs-home.vs-library-main .vs-book-cover { display:flex; align-items:flex-end; justify-content:center; height:270px; margin-bottom:15px; }
  18. vs-home.vs-library-main .vs-book-cover p { margin:0; }
  19. vs-home.vs-library-main .vs-book-cover > span, #vs-home.vs-library-main .vs-book-cover > p { min-width:0; max-width:100%; }
  20. vs-home.vs-library-main .vs-book-cover a { display:block; max-width:100%; }
  21. vs-home.vs-library-main .vs-book-cover img { display:block; width:auto; height:auto !important; max-width:100%; max-height:260px; object-fit:contain; box-shadow:2px 4px 7px #263a3925; }
  22. vs-home.vs-library-main .vs-cover-unavailable { display:flex; align-items:center; justify-content:center; width:125px; max-width:100%; height:190px; padding:16px; background:var(--vs-wash); color:var(--vs-ink); border:1px dashed #afb5a8; font-size:14px; }
  23. vs-home.vs-library-main .vs-book-title { min-height:56px; font-size:18px; font-weight:500; line-height:1.42; overflow-wrap:anywhere; }
  24. vs-home.vs-library-main .vs-book-title a { text-decoration:none; }
  25. vs-home.vs-library-main .vs-book-title a:hover { text-decoration:underline; }
  26. vs-home.vs-library-main .vs-book-meta { margin-top:5px; color:var(--vs-green); font-size:13px; }
  27. vs-home.vs-library-main .vs-book-action a { display:inline-flex; align-items:center; justify-content:center; min-height:44px; color:var(--vs-green); font-size:14px; }
  28. vs-home.vs-library-main .vs-publication-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px 28px; }
  29. vs-home.vs-library-main .vs-publication-item { min-width:0; }
  30. vs-home.vs-library-main .vs-publication-item .vs-book-title { min-height:0; font-size:18px; }
  31. vs-home.vs-library-main .vs-other-teachings { border-top:1px solid var(--vs-line); padding-top:24px; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; }
  32. vs-home.vs-library-main .vs-other-teachings h2 { font-size:22px; margin-bottom:12px; }
  33. vs-home.vs-library-main .vs-other-teachings a { display:block; min-height:44px; padding:7px 0; font-size:15px; color:var(--vs-green); }
  34. vs-home.vs-library-main .vs-support { display:flex; flex-wrap:wrap; gap:8px 24px; justify-content:center; margin-top:25px; padding-top:16px; border-top:1px solid var(--vs-line); }
  35. vs-home.vs-library-main .vs-support a { display:inline-flex; align-items:center; min-height:44px; font-size:15px; color:var(--vs-green); }
  36. vs-home.vs-library-main a[title]:hover::after, #vs-editions a[title]:hover::after { content:none; }
  1. vs-editions { background:var(--vs-paper); color:var(--vs-ink); padding:24px; max-width:1000px; margin:0 auto; font:400 16px/1.55 Georgia,'Noto Serif',serif; }
  2. vs-editions * { box-sizing:border-box; }
  3. vs-editions p { margin:8px 0; }
  4. vs-editions h1, #vs-editions h2, #vs-editions h3 { background:none; border:0; font-family:inherit; color:var(--vs-brass); font-weight:500; text-align:left; padding:0; }
  5. vs-editions h1 { font-size:28px; margin:0 0 16px; }
  6. vs-editions h2 { font-size:25px; margin:0 0 12px; }
  7. vs-editions h3 { font-size:21px; margin:0; }
  8. vs-editions a { color:var(--vs-green); background-image:none; text-underline-offset:4px; overflow-wrap:anywhere; }
  9. vs-editions a:focus-visible { outline:3px solid var(--vs-green); outline-offset:3px; }
  10. vs-editions .vs-edition-nav { display:flex; gap:12px 24px; flex-wrap:wrap; margin-bottom:24px; }
  11. vs-editions .vs-edition-nav a { display:inline-flex; align-items:center; min-height:44px; }
  12. vs-editions .vs-edition-index-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px 20px; }
  13. vs-editions .vs-edition-index-grid a { display:flex; align-items:center; min-height:44px; }
  14. vs-editions .vs-edition-book { margin:32px 0; padding-top:24px; border-top:1px solid var(--vs-line); scroll-margin-top:calc(var(--vs-header-height,96px) + 16px); }
  15. vs-editions .vs-edition-intro { display:flex; gap:32px; align-items:center; margin-bottom:24px; }
  16. vs-editions .vs-edition-cover { width:140px; flex:none; text-align:center; }
  17. vs-editions .vs-edition-cover img { max-width:100%; max-height:210px; width:auto; height:auto !important; object-fit:contain; }
  18. vs-editions .vs-cover-caption { font-size:14px; color:var(--vs-green); }
  19. vs-editions .vs-edition-row { display:flex; justify-content:space-between; gap:20px; align-items:center; padding:22px 0; border-top:1px solid var(--vs-line); }
  20. vs-editions .vs-edition-row > div { min-width:0; }
  21. vs-editions .vs-edition-actions { display:flex; flex-wrap:wrap; gap:10px; flex:none; }
  22. vs-editions .vs-edition-actions a { display:inline-flex; align-items:center; min-height:44px; padding:8px 14px; border:1px solid var(--vs-green); border-radius:4px; text-decoration:none; }
  23. vs-editions .vs-edition-actions a.vs-read-link { background:var(--vs-green); color:var(--vs-gold); }
  24. vs-editions .vs-related-publication { margin:24px 0; }
  25. vs-editions .vs-related-publication a { display:inline-flex; align-items:center; min-height:44px; margin-right:20px; }
  26. vs-editions [hidden] { display:none !important; }
  27. vs-editions .vs-edition-book:focus { outline:none; }

@media(max-width:1000px) { 

#vs-home.vs-library-main .vs-book-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
#vs-home.vs-library-main .vs-other-teachings { grid-template-columns:repeat(2,minmax(0,1fr)); }
#vs-editions .vs-edition-index-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }

} @media(max-width:600px) { 

#vs-home.vs-library-main { padding:20px 18px; }
#vs-home.vs-library-main .vs-sanctuary { flex-direction:column; text-align:center; gap:12px; }
#vs-home.vs-library-main h1 { text-align:center; font-size:27px; }
#vs-home.vs-library-main .vs-book-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:25px 18px; }
#vs-home.vs-library-main .vs-publication-grid, #vs-home.vs-library-main .vs-other-teachings { grid-template-columns:1fr; }
#vs-editions { padding:20px 16px; }
#vs-editions .vs-edition-index-grid { grid-template-columns:1fr; }
#vs-editions .vs-edition-intro { flex-direction:column; gap:18px; text-align:center; }
#vs-editions .vs-edition-intro h2 { text-align:center; }
#vs-editions .vs-edition-row { display:block; }
#vs-editions .vs-edition-actions { margin-top:14px; }

}

  1. vs-editions .vs-edition-actions .vs-read-link a { background:var(--vs-green); color:var(--vs-gold); }

/* V15: native modal top layer preserves the existing petal bars underneath. */ html.vs-edition-modal-open { overflow:hidden; }

  1. vs-edition-dialog { box-sizing:border-box; width:680px; max-width:calc(100vw - 32px); max-height:calc(100vh - 32px); max-height:calc(100dvh - 32px); overflow-y:auto; margin:auto; padding:24px; border:1px solid var(--vs-line); border-radius:12px; background:var(--vs-paper); color:var(--vs-ink); font:400 16px/1.55 Georgia,'Noto Serif',serif; box-shadow:0 12px 40px #263a3930; }
  2. vs-edition-dialog::backdrop { background:#17262299; }
  3. vs-edition-dialog * { box-sizing:border-box; }
  4. vs-edition-dialog .vs-modal-header { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; margin-bottom:12px; }
  5. vs-edition-dialog h2 { margin:0; min-width:0; color:var(--vs-brass); font:500 25px/1.3 Georgia,'Noto Serif',serif; }
  6. vs-edition-dialog h3 { margin:0; color:var(--vs-brass); font:500 21px/1.3 Georgia,'Noto Serif',serif; }
  7. vs-edition-dialog p { margin:8px 0; }
  8. vs-edition-dialog .vs-modal-close { flex:none; min-height:44px; padding:8px 12px; border:1px solid var(--vs-line); border-radius:4px; background:var(--vs-paper); color:var(--vs-green); font:400 15px/1.4 Georgia,serif; cursor:pointer; }
  9. vs-edition-dialog a { color:var(--vs-green); background-image:none; text-underline-offset:4px; overflow-wrap:anywhere; }
  10. vs-edition-dialog a[title]:hover::after { content:none; }
  11. vs-edition-dialog :focus-visible { outline:3px solid var(--vs-green); outline-offset:3px; }
  12. vs-edition-dialog .vs-modal-note { font-size:14px; }
  13. vs-edition-dialog .vs-modal-edition { display:flex; align-items:center; justify-content:space-between; gap:20px; border-top:1px solid var(--vs-line); padding:18px 0; }
  14. vs-edition-dialog .vs-modal-edition-description { min-width:0; flex:1; }
  15. vs-edition-dialog .vs-modal-edition-description p { font-size:14px; }
  16. vs-edition-dialog .vs-modal-actions { display:flex; flex-wrap:wrap; gap:8px; max-width:48%; }
  17. vs-edition-dialog .vs-modal-actions a { display:inline-flex; align-items:center; min-height:44px; padding:8px 12px; border:1px solid var(--vs-green); border-radius:4px; text-decoration:none; }
  18. vs-edition-dialog .vs-modal-actions .vs-modal-read { background:var(--vs-green); color:var(--vs-gold); }
  19. vs-edition-dialog .vs-modal-last-used { display:inline-block; font-size:13px; color:var(--vs-green); }
  20. vs-edition-dialog .vs-modal-more-sources { border-top:1px solid var(--vs-line); margin-top:10px; padding-top:12px; }
  21. vs-edition-dialog summary { min-height:44px; padding:8px 0; color:var(--vs-green); cursor:pointer; }
  22. vs-edition-dialog .vs-modal-related { padding:12px 0; }
  23. vs-edition-dialog .vs-modal-related a { display:inline-flex; align-items:center; min-height:44px; }

@media(max-width:600px) { 

#vs-edition-dialog { position:fixed; top:auto; bottom:0; left:0; right:0; width:100%; max-width:none; max-height:85vh; max-height:85dvh; margin:0; padding:20px 18px; padding-bottom:max(20px, env(safe-area-inset-bottom)); border-radius:16px 16px 0 0; }
#vs-edition-dialog h2 { font-size:23px; }
#vs-edition-dialog .vs-modal-edition { display:block; }
#vs-edition-dialog .vs-modal-actions { max-width:none; margin-top:12px; }

}


/* V18: Vector sets html and body to height:100%, leaving body viewport-height. 

  Sticky headers are constrained by that containing block and stop at its end.
  Let body grow with the document so the shared top bar stays sticky throughout. */

body { 

   height:auto !important;
   min-height:100vh !important;

}


/* V19: keep the shared bottom navigation fixed on narrow screens too. 

  V10 made it static on the Main Page so it could wrap; keep it one-line and
  horizontally scrollable instead, with room below the content. */

@media (max-width:999px) { 

   body.vs-main-view {
       padding-bottom:46px !important;
   }
   body.vs-main-view #vh-bottom-bar {
       position:fixed !important;
       top:auto !important;
       bottom:0 !important;
       left:0 !important;
       right:0 !important;
       width:100% !important;
       height:38px !important;
       min-height:38px !important;
       z-index:99990 !important;
   }
   body.vs-main-view #vh-bottom-bar .vh-bottom-bar-inner {
       flex-wrap:nowrap !important;
       justify-content:flex-start !important;
       overflow-x:auto !important;
       overflow-y:hidden !important;
       white-space:nowrap !important;
   }
   body.vs-main-view #vh-bottom-bar .vh-bottom-nav-links {
       flex-wrap:nowrap !important;
   }

}


/* V20: keep the Main Page link visible in the mobile bottom navigation and 

  enlarge the Main Page hero portrait by 50% (106px -> 159px). */

@media (max-width:999px) { 

   body.vs-main-view #vh-bottom-bar .vh-bottom-nav-links {
       width:max-content !important;
       justify-content:flex-start !important;
       overflow:visible !important;
   }
   body.vs-main-view #vh-bottom-bar .vh-bottom-link.vh-bottom-home {
       display:inline-flex !important;
       visibility:visible !important;
       opacity:1 !important;
       flex:0 0 auto !important;
   }

}

  1. vs-home.vs-library-main #vs-portrait-frame { width:159px; height:159px; }


/* V24 shared petal hero, centered copy, and no per-book edition counts. */

  1. vs-home.vs-library-main .vs-sanctuary.vs-petal-hero {
   display:grid; grid-template-columns:minmax(180px, 220px) minmax(0, 1fr);
   align-items:center; justify-content:stretch; gap:34px;
   width:100%; max-width:850px; margin:0 auto 32px;
   padding:24px 28px; border:1px solid #526b50;
   border-left:5px solid #f5d77f; border-radius:8px;
   background:#526b50; color:#faf7ef; text-align:left;

}

  1. vs-home.vs-library-main #vs-portrait-frame.vs-hero-image {
   box-sizing:border-box; position:relative; width:min(100%, 220px); height:auto;
   aspect-ratio:445 / 542; justify-self:center; margin:0; overflow:hidden;
   border:2px solid #f5d77f; border-radius:6px; background:#faf7ef;
   box-shadow:0 5px 18px #17262255;

}

  1. vs-home.vs-library-main #vs-portrait-frame.vs-hero-image img {
   display:block; position:static; inset:auto; width:100%; height:auto !important;
   max-width:100%; aspect-ratio:445 / 542; object-fit:contain;
   object-position:center; margin:0;

}

  1. vs-home.vs-library-main .vs-hero-copy { min-width:0; text-align:center; }
  2. vs-home.vs-library-main .vs-hero-copy h1 {
   margin:0 0 9px; color:#f5d77f;
   font:600 clamp(32px, 3vw, 42px)/1.15 Georgia,'Noto Serif',serif; text-align:center;

}

  1. vs-home.vs-library-main .vs-hero-role {
   margin:0 0 7px; font:600 clamp(20px, 1.7vw, 22px)/1.25 Georgia,'Noto Serif',serif;
   white-space:nowrap;

}

  1. vs-home.vs-library-main .vs-hero-role a {
   color:#f5d77f; text-decoration-thickness:1px; text-underline-offset:4px;

}

  1. vs-home.vs-library-main .vs-hero-role a:hover { color:#fff; }
  2. vs-home.vs-library-main .vs-hero-organization {
   margin:0; color:#fff8e4; font:500 clamp(19px, 1.7vw, 22px)/1.4 Georgia,'Noto Serif',serif;

} /* Four book cards per desktop row, with larger covers and high-contrast titles. */

  1. vs-home.vs-library-main .vs-book-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:34px 28px; }
  2. vs-home.vs-library-main .vs-book-cover { height:270px; margin-bottom:15px; }
  3. vs-home.vs-library-main .vs-book-cover img { max-height:260px; }
  4. vs-home.vs-library-main .vs-book-title { min-height:58px; font-size:21px; font-weight:700; line-height:1.34; }
  5. vs-home.vs-library-main .vs-book-title a { color:#526b50; }
  6. vs-home.vs-library-main .vs-book-title a:hover { color:#805b16; text-decoration:underline; }
  7. vs-home.vs-library-main .vs-book-meta { margin-top:6px; color:#526b50; font-size:15px; font-weight:600; }

@media (max-width:700px) { 

   #vs-home.vs-library-main .vs-sanctuary.vs-petal-hero {
       grid-template-columns:minmax(0,1fr); gap:15px; max-width:420px;
       margin-bottom:26px; padding:17px 17px 19px; border-left-width:4px;
   }
   #vs-home.vs-library-main #vs-portrait-frame.vs-hero-image { width:min(100%, 170px); }
   #vs-home.vs-library-main .vs-hero-copy,
   #vs-home.vs-library-main .vs-hero-copy h1 { text-align:center; }
   #vs-home.vs-library-main .vs-hero-copy h1 { font-size:32px; }
   #vs-home.vs-library-main .vs-hero-role { font-size:16px; white-space:normal; }
   #vs-home.vs-library-main .vs-hero-organization { font-size:18px; }

}

  1. vs-home.vs-library-main .vs-library-heading .vs-library-subtitle {
   margin:8px 0 20px; color:#526b50; font-size:16px; line-height:1.5;

}

/* Vanisource main page refinement: brand-color section titles and larger covers. */

  1. vs-home.vs-library-main .vs-library-heading h2,
  2. vs-home.vs-library-main .vs-book-shelf h3 {
   color:#526b50;

}

  1. vs-home.vs-library-main #vs-posthumous-books > h3 {
   background:none;
   border:0;
   padding:0;
   margin:0 0 14px;
   font:600 24px/1.3 Georgia,'Noto Serif',serif;
   color:#526b50;
   text-align:left;

}

  1. vs-home.vs-library-main .vs-book-grid {
   grid-template-columns:repeat(4,minmax(0,1fr));
   gap:32px 12px;

}

  1. vs-home.vs-library-main .vs-book-cover { height:320px; }
  2. vs-home.vs-library-main .vs-book-cover img { max-height:310px; }

@media (max-width:600px) { 

   #vs-home.vs-library-main .vs-book-grid {
       grid-template-columns:repeat(2,minmax(0,1fr));
       gap:25px 14px;
   }
   #vs-home.vs-library-main .vs-book-cover { height:240px; }
   #vs-home.vs-library-main .vs-book-cover img { max-height:230px; }

}


/* Vanisource main page: black book titles and hero tagline. */

  1. vs-home.vs-library-main .vs-book-title a,
  2. vs-home.vs-library-main .vs-book-title a:hover { color:#000; }
  3. vs-home.vs-library-main .vs-hero-motto {
   margin:22px 0 0; color:#f5d77f;
   font:700 16px/1.4 system-ui,sans-serif; letter-spacing:.16em;
   text-align:center; white-space:nowrap;

}

  1. vs-home.vs-library-main .vs-publication-item .vs-book-cover {
   height:320px; margin-bottom:15px;

}

  1. vs-home.vs-library-main .vs-publication-item .vs-book-cover img {
   max-height:310px;

} @media (max-width:600px) { 

   #vs-home.vs-library-main .vs-hero-motto {
       margin-top:15px; font-size:13px; letter-spacing:.12em;
   }
   #vs-home.vs-library-main .vs-publication-item .vs-book-cover { height:240px; }
   #vs-home.vs-library-main .vs-publication-item .vs-book-cover img { max-height:230px; }

}


/* Center diary covers and captions within their publication cards. */

  1. vs-home.vs-library-main .vs-publication-item {
   display:flex; flex-direction:column; align-items:center; text-align:center;

}

  1. vs-home.vs-library-main .vs-publication-item .vs-book-cover {
   width:100%; justify-content:center;

}

  1. vs-home.vs-library-main .vs-publication-item .vs-book-title {
   width:100%; text-align:center;

}


/* V33: compact, grouped discovery links in the four-column teaching section. */

  1. vs-home.vs-library-main .vs-other-teachings h2,
  2. vs-home.vs-library-main .vs-other-teachings h3 { color:#526b50; }
  3. vs-home.vs-library-main .vs-other-teachings h3 { margin:10px 0 3px; font-size:15px; line-height:1.35; font-weight:600; }
  4. vs-home.vs-library-main .vs-other-teachings .vs-teaching-subsection:first-of-type h3 { margin-top:0; }
  5. vs-home.vs-library-main .vs-other-teachings .vs-teaching-note { margin:3px 0 5px; color:var(--vs-ink); font-size:13px; line-height:1.45; }
  6. vs-home.vs-library-main .vs-other-teachings .vs-link-row { margin:3px 0; font-size:14px; line-height:1.55; }
  7. vs-home.vs-library-main .vs-other-teachings .vs-link-row a { display:inline; min-height:0; padding:0; color:var(--vs-green); font-size:inherit; text-decoration:underline; text-decoration-color:#8e9a8a; text-underline-offset:3px; }
  8. vs-home.vs-library-main .vs-other-teachings .vs-link-row a:hover { color:#526b50; }
  9. vs-home.vs-library-main .vs-other-teachings > div { min-width:0; }


/* V35: reachable hover/focus menus for all date, essay and letter indexes. */

  1. vs-home.vs-library-main .vs-hover-item { position:relative; display:inline-block; }
  2. vs-home.vs-library-main .vs-hover-panel { display:none; position:absolute; left:0; top:100%; z-index:10010; width:248px; max-width:min(360px,calc(100vw - 32px)); max-height:min(360px,calc(100vh - 48px)); overflow:auto; padding:8px; border:1px solid var(--vs-line); border-radius:7px; background:var(--vs-paper); box-shadow:0 8px 22px rgba(38,58,57,.22); text-align:left; }
  3. vs-home.vs-library-main .vs-hover-panel::before { content:""; position:absolute; left:0; right:0; top:-8px; height:9px; }
  4. vs-home.vs-library-main .vs-hover-item:hover > .vs-hover-panel,
  5. vs-home.vs-library-main .vs-hover-item:focus-within > .vs-hover-panel { display:block; }
  6. vs-home.vs-library-main .vs-hover-heading { display:block; position:sticky; top:-8px; z-index:1; padding:5px 7px 7px; color:#526b50; font-size:13px; font-weight:700; line-height:1.35; background:var(--vs-paper); border-bottom:1px solid var(--vs-line); }
  7. vs-home.vs-library-main .vs-hover-options { display:block; }
  8. vs-home.vs-library-main .vs-hover-options > span { display:block; }
  9. vs-home.vs-library-main .vs-hover-options a { display:block; min-height:34px; padding:6px 7px; border-radius:4px; color:var(--vs-green); font-size:13px; line-height:1.4; text-decoration:none; }
  10. vs-home.vs-library-main .vs-hover-options a:hover,
  11. vs-home.vs-library-main .vs-hover-options a:focus-visible { background:#f0eee3; color:#526b50; text-decoration:underline; }
  12. vs-home.vs-library-main .vs-hover-panel.vs-essays-panel { width:360px; }
  13. vs-home.vs-library-main .vs-hover-panel.vs-letters-panel { width:290px; }
  14. vs-home.vs-library-main .vs-other-teachings > div:last-child .vs-hover-panel { left:auto; right:0; }

@media (hover:none) { 

#vs-home.vs-library-main .vs-hover-panel { display:none !important; }

}


/* V38: force all browse panels closed until their own trigger is hovered or focused. */

  1. vs-home.vs-library-main .vs-hover-item:not(:hover):not(:focus-within) > .vs-hover-panel {
display:none !important;
visibility:hidden !important;
opacity:0 !important;
pointer-events:none !important;

}

  1. vs-home.vs-library-main .vs-hover-item:hover > .vs-hover-panel,
  2. vs-home.vs-library-main .vs-hover-item:focus-within > .vs-hover-panel {
display:block !important;
visibility:visible !important;
opacity:1 !important;
pointer-events:auto !important;

} @media (hover:none) { 

#vs-home.vs-library-main .vs-hover-item:hover > .vs-hover-panel,
#vs-home.vs-library-main .vs-hover-item:focus-within > .vs-hover-panel {
 display:none !important;
 visibility:hidden !important;
 opacity:0 !important;
 pointer-events:none !important;
}

}

/* V41: display BTG and Diaries together; stack them on phones. */

  1. vs-home.vs-library-main .vs-btg-diaries-row {
 display:grid;
 grid-template-columns:minmax(0,1fr) minmax(0,1fr);
 gap:clamp(24px,4vw,56px);
 align-items:start;

}

  1. vs-home.vs-library-main .vs-btg-diaries-row > .vs-book-shelf { min-width:0; }
  2. vs-home.vs-library-main .vs-btg-section .vs-publication-grid { grid-template-columns:minmax(0,1fr); }
  3. vs-home.vs-library-main .vs-btg-section .vs-btg-issues { margin:8px 0 0; }

@media (max-width:600px) { 

 #vs-home.vs-library-main .vs-btg-diaries-row { grid-template-columns:minmax(0,1fr); gap:20px; }

}


/* V42: double-size BTG thumbnail and match the posthumous-books heading. */

  1. vs-home.vs-library-main #vs-btg-magazine .vs-publication-item .vs-book-cover {
   height:auto;
   min-height:0;
   margin-bottom:8px;
   align-items:flex-start;

}

  1. vs-home.vs-library-main #vs-btg-magazine .vs-publication-item .vs-book-cover img {
   max-height:620px;

} /* Posthumous-books title uses the same library-heading h2 markup as the lifetime-books title. */ @media (max-width:600px) { 

   #vs-home.vs-library-main #vs-btg-magazine .vs-publication-item .vs-book-cover {
       height:auto;
       min-height:0;
       margin-bottom:8px;
       align-items:flex-start;
   }
   #vs-home.vs-library-main #vs-btg-magazine .vs-publication-item .vs-book-cover img {
       max-height:460px;
   }

}


/* V44: let BTG cover height follow the image, keeping title close beneath it. */


/* V45: clear the BTG heading divider and align its cover with Diaries. */

  1. vs-home.vs-library-main #vs-btg-magazine .vs-publication-grid {
   padding-top:36px;

} @media (max-width:600px) { 

   #vs-home.vs-library-main #vs-btg-magazine .vs-publication-grid {
       padding-top:20px;
   }

}


/* V46: uniform responsive thumbnails for the four teaching sections. */

  1. vs-home.vs-library-main .vs-other-teachings .vs-teaching-image {
   width:100%;
   aspect-ratio:4 / 3;
   margin:10px 0 14px;
   overflow:hidden;
   background:var(--vs-wash);

}

  1. vs-home.vs-library-main .vs-other-teachings .vs-teaching-image p {
   width:100%;
   height:100%;
   margin:0;

}

  1. vs-home.vs-library-main .vs-other-teachings .vs-teaching-image a {
   display:block;
   width:100%;
   height:100%;
   padding:0;
   min-height:0;

}

  1. vs-home.vs-library-main .vs-other-teachings .vs-teaching-image img {
   display:block;
   width:100% !important;
   height:100% !important;
   max-width:none;
   object-fit:cover;
   object-position:center;

}


/* V49: keep the long Conversations heading on one line so its image and links do not drop lower. */

  1. vs-home.vs-library-main .vs-other-teachings > div:nth-child(2) > h2 {
   font-size:20px;
   line-height:1.2;
   white-space:nowrap;

} @media(max-width:600px) { 

   #vs-home.vs-library-main .vs-other-teachings > div:nth-child(2) > h2 {
       font-size:18px;
   }

}

Retrieved from "https://dev.vanisource.org/w/index.php?title=Main_Page&oldid=793403"