/* Theme Name: MB Theme Theme URI: https://www.drmaroofbeg.com Author: Dr. Maroof Beg Author URI: https://www.drmaroofbeg.com Description: A custom, self-contained WordPress theme for Dr. Maroof Beg's cosmetic dentistry practice in Dubai. Ivory/near-black editorial design (Archivo + Newsreader), built from a hand-coded static site. Includes before/after comparison sliders, a smile-personality quiz, data-driven treatment tiles, and a fully native WordPress blog (home.php + single.php use the standard Loop, so posts are written in the normal WordPress editor). Version: 1.0 Requires at least: 6.0 Requires PHP: 7.4 License: Proprietary — for Dr. Maroof Beg's use only. Text Domain: mb-theme ------------------------------------------------------------------------------ HOW THIS FILE WORKS (read this if you are new to WordPress themes) ------------------------------------------------------------------------------ This comment block above is REQUIRED — it's how WordPress recognises this folder as a theme and what shows up in Appearance > Themes. Don't delete it. Everything BELOW this comment block is the actual site CSS, copied over unchanged from the original static site's style.css. WordPress loads this whole file automatically because functions.php enqueues it with get_stylesheet_uri() — you do not need to link it in any template file yourself. If you want to add small tweaks later (e.g. via Appearance > Customize > Additional CSS, or by editing this file directly), anything you add at the very end of this file will win over the rules above it, since later CSS rules of equal specificity always override earlier ones. ------------------------------------------------------------------------------ */ /* ========================================================================== WORDPRESS-SPECIFIC ADDITIONS Everything from here to the end of the file is NEW — it didn't exist in the original static site's style.css. It exists because native WordPress features (pagination, the block editor's own image/quote blocks) needed a small amount of styling to look native to the site the first time you use them, with zero extra work on your part. Everything ABOVE this comment is the original CSS, unchanged. ========================================================================== */ /* ---------- Blog pagination (home.php) ---------------------------- WordPress's default pagination markup uses a class ("nav-links") that's also the site's own primary-menu class — without this, the pagination links would inherit the primary nav's "hidden until the mobile menu opens" styling and simply not show up. See the comment in home.php next to the_posts_pagination() for the full story. ---------- */ .mb-pagination { text-align: center; margin: clamp(2.5rem, 5vh, 3.5rem) 0 1rem; } .mb-pagination .nav-links { display: flex !important; position: static !important; inset: auto !important; transform: none !important; background: none !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; gap: 0.6rem !important; } .mb-pagination .page-numbers { font-family: var(--sans); font-size: 0.78rem; font-weight: 700; padding: 0.6em 1em; border: 1px solid var(--line-strong); color: var(--ink-soft); transition: background 0.3s var(--ease), color 0.3s var(--ease), border-color 0.3s var(--ease); } a.page-numbers:hover { border-color: var(--ink); color: var(--ink); } .mb-pagination .page-numbers.current { background: var(--ink); color: var(--ivory); border-color: var(--ink); } .mb-pagination .page-numbers.dots { border: none; } /* ---------- Block-editor defaults inside a post's body ------------- the_content() on single.php prints whatever blocks you actually used in the post editor. .post-body h2/h3/p/ul/ol above already match WordPress's plain heading/paragraph/list block output exactly (they print plain

/

/

/