/* ========================================================= FILE: /css/fgh.surface.css SYSTEM: FGH v2 PURPOSE: Site Surface Skin Layer (global canvas) --------------------------------------------------------- This file is intentionally isolated from layout geometry and feature styling. Activation rule: - This file has NO effect until it is linked in HTML. - When linked, it paints the tiled background on: .site-surface - Debug overlays (body.debug-layout ...) may still tint specific regions for visualization. NOTE: - Keep this file free of layout rules (grid, padding, etc.) - Keep this file free of feature rules (menus/comments/etc.) ========================================================= */ /* ========================================================= SITE SURFACE LAYER --------------------------------------------------------- The "global canvas" wrapper inside . Present in index.html and flyout.html. ========================================================= */ .site-surface { min-height: 100vh; /* inactive until a tile is supplied */ margin: 0; padding: 0; background-color: #d8c49a; background-image: url("../images/site-paper-tile.png"); background-repeat: repeat; background-position: top left; background-size: 1024px 1024px; color: #5a3418; font-family: "Alegreya", serif; /* uncomment during polish phase */ /* background-image: url("../images/bg-tile.png"); background-repeat: repeat; background-position: top left; */ }