|
|
| Line 1: |
Line 1: |
| /* INSTALL ONLY IN MediaWiki:Common.css — Vanisource V16 */
| | <!-- INSTALL ONLY IN Main Page — Vanisource V40 — BTG beside Diaries --> |
| /* CSS placed here will be applied to all skins */
| | __NOTOC__ |
| /* Use IDs (#) when there is only one concurrence per page */
| | <div id="vs-home" class="vs-main vs-library-main"> |
| /* Use classes (.) when there are one or more occurrences 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> |
| /* Useful parameters... margin-bottom:0.5em */
| | <div class="vs-sanctuary-copy vs-hero-copy"><h1 id="vs-teachings-title">Śrīla Prabhupāda</h1> |
| | | <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> |
| @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');
| | <p class="vs-hero-organization">of the International Society for Krishna Consciousness</p><p class="vs-hero-motto">EXPLORE • RELISH • SHARE</p></div></div> |
| | | <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
| |
