/* ============================================================ Subrata Acharya — shared site theme Linked from every page's . Keeps page-specific layouts (which vary a lot page to page) untouched, and only overrides the footer palette + adds the custom font + small floating UI. ============================================================ */ /* --- Custom handwriting font for Bengali text ----------------- The font file only contains Bengali glyphs, so English text is left alone automatically: the browser falls back to the next font in the stack for any character the font doesn't cover. */ @font-face { font-family: 'BenSenHandwriting'; src: url('fonts/BenSenHandwriting.ttf') format('truetype'); font-display: swap; } body, p, div, li, a, span, h1, h2, h3, h4, h5, h6, button, textarea, input { font-family: 'BenSenHandwriting', Arial, "Hiragino Kaku Gothic Pro W3", Meiryo, sans-serif; } /* --- Footer palette: "Option 5 — Dark Gray" -------------------- footer BG #2B2B2B / heading #FEFFFF / body text #CCCCCC / icons #BBBBBB / bottom bar #1E1E1E / copyright text #AAAAAA. !important is needed because the footers set their background with an inline style attribute, which otherwise wins. */ footer { background-color: #2B2B2B !important; } footer h6 { color: #FEFFFF !important; } footer p, footer a, footer a:visited, footer .text-reset { color: #CCCCCC !important; } footer a:hover { color: #FEFFFF !important; text-decoration: underline; } footer i.fa, footer i.fas { color: #BBBBBB !important; } /* the bottom copyright strip: originally style="background-color: rgba(0,0,0,0.05)" */ footer div[style*="rgba(0, 0, 0, 0.05)"] { background-color: #1E1E1E !important; color: #AAAAAA !important; } footer div[style*="rgba(0, 0, 0, 0.05)"] a { color: #AAAAAA !important; } /* --- Floating language toggle ---------------------------------- */ .lang-toggle { position: fixed; bottom: 14px; right: 14px; z-index: 3000; background: rgba(20, 19, 17, 0.82); border: 1px solid rgba(255,255,255,.18); border-radius: 20px; padding: 6px 12px; font-size: 13px; display: flex; align-items: center; gap: 6px; backdrop-filter: blur(2px); } .lang-toggle a { color: #cfcdc6; text-decoration: none; padding: 2px 4px; } .lang-toggle a.active { color: #fff; font-weight: 700; } .lang-toggle span { color: #6b6656; } @media (max-width: 600px) { .lang-toggle { top: auto; bottom: 14px; right: 14px; font-size: 12px; } } /* --- Floating "Play Game" button (Home page only) --------------- */ .play-game-btn { position: fixed; bottom: 14px; left: 14px; z-index: 3000; background: #c0392b; color: #fff; border: none; border-radius: 24px; padding: 10px 18px; font-size: 14px; font-weight: 700; box-shadow: 0 3px 10px rgba(0,0,0,.35); cursor: pointer; } .play-game-btn:hover { background: #a93226; color: #fff; } /* --- Books page carousel ----------------------------------------- */ .book-carousel-wrap { position: relative; z-index: 5; max-width: 1100px; margin: 40px auto 60px; padding: 0 30px; clear: both; } .book-carousel-heading { color: #efefef; font-size: 22px; margin-bottom: 18px; } .book-carousel-empty { color: #cfcdc6; } .book-carousel .book-slide { padding: 0 10px; outline: none; } .book-slide img { width: 100%; height: 260px; object-fit: cover; border-radius: 4px; display: block; background: #1c1b18; } .book-slide-title { color: #efefef; font-size: 14px; margin-top: 10px; text-align: center; } .book-buy-btn { display: block; margin: 10px auto 0; width: fit-content; background: #c0392b; color: #fff !important; padding: 6px 18px; border-radius: 20px; font-size: 13px; font-weight: 700; text-decoration: none !important; } .book-buy-btn:hover { background: #a93226; } .book-carousel .slick-prev, .book-carousel .slick-next { z-index: 6; } .book-carousel .slick-prev { left: -10px; } .book-carousel .slick-next { right: -10px; }