HRANĂ PENTRU SUFLET : Viața Sfântului Cuvios Dionisie Vatopedinul de la Colciu 11 mai/* ============================================================ HRANĂ PENTRU SUFLET – TEMA PREMIUM COMPLETĂ Fundal negru, centrare, carduri, butoane, header, footer ============================================================ */ /* RESET DE BAZĂ */ * { margin: 0; padding: 0; box-sizing: border-box; } /* FUNDAL GLOBAL */ html, body { background: #000 !important; color: #fff !important; font-family: "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif; } /* HALO AURIU DISCRET ÎN FUNDAL */ body::before { content: ""; position: fixed; inset: 0; background: radial-gradient(circle at top, rgba(212,175,55,0.16), transparent 70%), radial-gradient(circle at bottom, rgba(212,175,55,0.10), transparent 80%); pointer-events: none; z-index: -1; } /* CONTAINERE BLOG – FĂRĂ FUNDAL ALB */ #outer-wrapper, #content-wrapper, #main-wrapper, .main-inner, .content-inner, .blog-posts, .blog-posts.hfeed, .post-outer, .post, .post-body-container, .section, .widget { background: transparent !important; border: none !important; } /* ZONA PRINCIPALĂ – CENTRARE */ .post-body { max-width: 1100px; margin: 0 auto !important; padding: 24px 20px 40px; } /* TITLURI PREMIUM */ .post-title, .post h1, .post h2 { text-align: center; font-weight: 800; color: #d4af37 !important; text-shadow: 0 0 10px rgba(212,175,55,0.45); margin-bottom: 22px; } .post h3, .post h4 { color: #f7e27a !important; margin: 24px 0 12px; } /* TEXT */ .post-body p { font-size: 19px; line-height: 1.75; color: #e6e6e6 !important; margin-bottom: 18px; } /* LISTE, CITATE */ .post-body ul, .post-body ol { margin-left: 22px; margin-bottom: 18px; } .post-body li { font-size: 18px; line-height: 1.6; margin-bottom: 8px; } blockquote { border-left: 4px solid #d4af37; padding-left: 16px; margin: 18px 0; color: #d0d0d0; font-style: italic; } /* IMAGINI PREMIUM */ .post-body img { display: block; margin: 28px auto; max-width: 100%; height: auto; border-radius: 14px; box-shadow: 0 10px 30px rgba(0,0,0,0.55); transition: transform 0.35s ease, box-shadow 0.35s ease; } .post-body img:hover { transform: scale(1.03); box-shadow: 0 16px 40px rgba(212,175,55,0.35); } /* LINKURI */ a { color: #f7e27a; text-decoration: none; } a:hover { text-decoration: underline; } /* CARDURI PREMIUM (folosite de nav2.js) */ .card-premium { background: rgba(20,20,20,0.78) !important; backdrop-filter: blur(12px); border-radius: 22px; padding: 26px 22px; margin: 32px auto; max-width: 900px; border: 1px solid rgba(212,175,55,0.35); box-shadow: 0 12px 32px rgba(0,0,0,0.45); animation: fadeIn 0.8s ease forwards; opacity: 0; } .card-premium:hover { transform: translateY(-6px); box-shadow: 0 18px 50px rgba(212,175,55,0.35); } .card-premium h2, .card-premium h3 { color: #f7e27a !important; text-align: center; margin-bottom: 14px; } .card-premium p { color: #ddd !important; font-size: 18px; line-height: 1.65; } /* ICON ÎN CARD (dacă vrei să folosești) */ .card-premium .icon { font-size: 40px; color: #d4af37; text-align: center; margin-bottom: 10px; } /* BUTOANE PREMIUM */ .btn-premium { display: inline-block; padding: 13px 24px; background: linear-gradient(135deg, #d4af37, #f7e27a); color: #000; font-weight: 700; border-radius: 999px; text-decoration: none; box-shadow: 0 6px 18px rgba(212,175,55,0.45); transition: transform 0.25s ease, box-shadow 0.25s ease; } .btn-premium:hover { transform: translateY(-2px); box-shadow: 0 10px 26px rgba(212,175,55,0.6); } /* HEADER / MENIU SIMPLU PREMIUM (dacă tema ta are .header-outer etc.) */ .header-outer, .header-inner { background: rgba(10,10,10,0.9) !important; backdrop-filter: blur(10px); border-bottom: 1px solid rgba(212,175,55,0.25); } .header-outer a { color: #f7e27a !important; } /* FOOTER */ .footer-outer, .footer-inner { background: #000 !important; color: #aaa !important; border-top: 1px solid rgba(255,255,255,0.08); } /* SIDEBAR (dacă îl folosești) */ #sidebar-wrapper, .sidebar, .sidebar .widget { background: transparent !important; color: #e0e0e0 !important; } /* BUTON „SUS” – compatibil cu nav2.js */ .btn-back-to-top { position: fixed; right: 18px; bottom: 18px; padding: 12px 18px; border-radius: 999px; border: none; background: linear-gradient(135deg, #d4af37, #f7e27a); color: #000; font-weight: 800; cursor: pointer; box-shadow: 0 8px 22px rgba(212,175,55,0.45); opacity: 0; pointer-events: none; transition: opacity 0.3s ease, transform 0.3s ease; transform: translateY(10px); z-index: 999; } .btn-back-to-top.visible { opacity: 1; pointer-events: auto; transform: translateY(0); } /* LINK ACTIV ÎN MENIU (folosit de nav2.js) */ .nav-active { font-weight: 700; color: #d4af37 !important; } /* ANIMAȚIE CARDURI */ @keyframes fadeIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } /* RESPONSIVE */ @media (max-width: 600px) { .post-body { padding: 18px 14px 30px; } .post-body p { font-size: 17px; } .card-premium { padding: 20px 16px; margin: 22px auto; } .btn-premium { padding: 11px 18px; font-size: 15px; } }