par celui-ci. ============================================================================ */ /* ======================================================================== francais-en-thailande.com — Empire Design 2026-05-05 Theme: Tripster (AxiomThemes) — custom travel/expat 607 posts Niche: expat français en Thaïlande (visa, vie quotidienne, voyage, communauté) Voice: tropical, pratique, communauté Fonts: Yeseva One (display didone feminine) + Cabin (body humanist utility) No reflex banned. OKLCH hue 30 — corail tropical chaud. ======================================================================== */ @import url('https://fonts.googleapis.com/css2?family=Yeseva+One&family=Cabin:wght@400;500;600;700&display=swap'); :root { --ft-ink: oklch(25% 0.05 30); /* brun-rouge sombre */ --ft-ink-soft: oklch(45% 0.04 30); /* brun moyen */ --ft-paper: oklch(98% 0.015 80); /* blanc cassé chaud légèrement abricot */ --ft-paper-tint: oklch(93% 0.02 60); /* fond léger sable doux */ --ft-line: oklch(87% 0.018 50); /* bordures subtiles sable */ --ft-coral: oklch(58% 0.17 30); /* corail tropical — accent principal */ --ft-coral-soft: oklch(68% 0.13 30); /* hover corail clair */ --ft-rare: oklch(72% 0.09 70); /* emergence rare ambre doré */ } /* === BODY + BASE === */ body { font-family: 'Cabin', system-ui, sans-serif !important; background: var(--ft-paper) !important; color: var(--ft-ink) !important; line-height: 1.7; font-size: 17px; } /* === HEADINGS — Yeseva One didone display === */ h1, h2, h3, h4, h5, h6, .entry-title, .post_title, .post_title a, .widget-title, .widget_title, .page-title, .archive-title, /* Tripster / trx_addons specific classes */ .sc_item_title, .sc_title_title, .sc_item_title_text, .sc_blogger_item_title, .elementor-heading-title, .categories_list_title, .front_page_section_caption, .trx_addons_title, .trx_addons_subtitle { font-family: 'Yeseva One', Georgia, serif !important; font-weight: 400 !important; line-height: 1.2 !important; letter-spacing: -0.01em !important; color: var(--ft-ink) !important; } h1, .sc_item_title, .entry-title { font-size: clamp(2rem, 4.5vw, 3rem) !important; } h2, .elementor-heading-title { font-size: 1.8rem !important; } h3 { font-size: 1.35rem !important; } h4 { font-size: 1.1rem !important; } h5, .sc_blogger_item_title { font-size: 1rem !important; } h6, .categories_list_title { font-size: 0.88rem !important; } /* Post title links sober */ .post_title a, .entry-title a, .sc_blogger_item_title a, .sc_item_title a { color: var(--ft-ink) !important; text-decoration: none !important; } .post_title a:hover, .entry-title a:hover, .sc_blogger_item_title a:hover, .sc_item_title a:hover { color: var(--ft-coral) !important; } /* === SITE TITLE / LOGO === */ .site_title, .site_title a, .logo_slogan, .site_logo .site_title a { font-family: 'Yeseva One', Georgia, serif !important; font-weight: 400 !important; color: var(--ft-ink) !important; } /* === NAVIGATION === */ .menu_main_nav a, .menu-item a, nav a, .nav-menu a { font-family: 'Cabin', sans-serif !important; font-size: 0.82rem !important; font-weight: 600 !important; letter-spacing: 0.07em !important; text-transform: uppercase !important; color: var(--ft-ink-soft) !important; } .menu_main_nav a:hover, .menu-item a:hover { color: var(--ft-coral) !important; } /* === LINKS === */ a:not([class*="button"]):not([class*="btn"]):not(.post_title):not(.entry-title):not(.menu-item):not(.wp-block-navigation) { color: var(--ft-coral); text-decoration-thickness: 1px; text-underline-offset: 2px; } a:not([class*="button"]):not([class*="btn"]):hover { color: var(--ft-coral-soft); } /* === HEADER — replace blue/teal === */ .header_wrap, #masthead, .site-header, .header_content_wrap, header { background: var(--ft-paper) !important; border-bottom: 1px solid var(--ft-line) !important; } /* === POST META (author, date, categories) === */ .post_meta, .post_meta_item, .entry-meta, .post_categories a, .post_tags a, .post_date, .post_author { font-family: 'Cabin', sans-serif !important; font-size: 0.78rem !important; color: var(--ft-ink-soft) !important; letter-spacing: 0.03em; } .post_categories a:hover { color: var(--ft-coral) !important; } /* === BUTTONS — replace teal oklch(60.5% 0.135 225) → coral === */ button, .wp-block-button__link, .wp-element-button, input[type=submit], .btn, .button, .more-link, .read-more, .load_more_button, .wp-block-button .wp-block-button__link { background: var(--ft-coral) !important; background-image: none !important; color: oklch(100% 0 0) !important; border: none !important; border-radius: 3px !important; padding: 11px 22px !important; font-family: 'Cabin', sans-serif !important; font-weight: 600 !important; font-size: 0.88rem !important; letter-spacing: 0.02em !important; text-transform: none !important; box-shadow: none !important; text-shadow: none !important; } button:hover, .wp-block-button__link:hover, input[type=submit]:hover, .btn:hover, .more-link:hover, .read-more:hover { background: var(--ft-coral-soft) !important; } /* === BLOCKQUOTE — pseudo-element vertical, pas border-left === */ blockquote, .wp-block-quote { border-left: none !important; background: var(--ft-paper-tint) !important; padding: 22px 28px !important; margin: 28px 0 !important; font-family: 'Yeseva One', serif !important; font-style: italic !important; font-size: 1.05rem !important; position: relative !important; } blockquote::before, .wp-block-quote::before { content: ''; position: absolute; left: 0; top: 22px; bottom: 22px; width: 3px; background: var(--ft-coral); } blockquote cite, .wp-block-quote cite { color: var(--ft-coral) !important; font-style: normal !important; font-weight: 700 !important; font-size: 0.82rem !important; letter-spacing: 0.05em !important; text-transform: uppercase !important; font-family: 'Cabin', sans-serif !important; } /* === POST CARDS — replace bg-color + subtle card polish === */ .post_featured_bg, .bg_in { background: var(--ft-paper-tint) !important; } /* === IMAGES === */ .post_featured img, .wp-post-image, article img, .wp-block-image img { border-radius: 4px; } /* === FOOTER — replace dark navy → ink brun softer === */ .footer_wrap, footer, .site-footer, #colophon { background: var(--ft-ink) !important; border-top: none !important; color: var(--ft-paper) !important; } .footer_wrap a, footer a, .site-footer a { color: var(--ft-coral-soft) !important; } .footer_wrap a:hover, footer a:hover { color: var(--ft-rare) !important; } /* === NEWSLETTER FORM — replace teal === */ .mc4wp-form input[type=submit], .newsletter-form button, [class*="newsletter"] button, [class*="subscribe"] input[type=submit] { background: var(--ft-coral) !important; color: oklch(100% 0 0) !important; } /* === MOBILE === */ @media (max-width: 768px) { body { font-size: 16px; } h1, .entry-title { font-size: 1.85rem !important; } h2 { font-size: 1.45rem !important; } h3 { font-size: 1.15rem !important; } .header_wrap, header { padding: 12px 16px !important; } }
Skip to content Skip to sidebar Skip to footer
Facebook-f Instagram

Catégorie : Mae Sariang