/* Theme Name: Greybar Theme URI: https://github.com/ctucker1984/remember Description: Child theme of Ollie. Customize styles and behavior for the reMember project. Author: Chris Tucker Template: ollie Version: 1.0.4 License: GNU General Public License v2 or later License URI: https://www.gnu.org/licenses/gpl-2.0.html Text Domain: greybar */ .is-style-cinder-block{ position: relative; overflow: hidden; /* Tune these */ --block-w: 240; /* px */ --block-h: 120; /* px */ --mortar: rgba(0,0,0,.14); --strength: .55; /* 0.35–0.75 */ } /* Staggered block grid (true alternating rows) */ .is-style-cinder-block::before{ content:""; position:absolute; inset:0; pointer-events:none; opacity: var(--strength); mix-blend-mode: multiply; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='480' height='240' viewBox='0 0 480 240'%3E%3Cg fill='none' stroke='rgba(0,0,0,0.22)' stroke-width='2'%3E%3C!-- horizontal mortar --%3E%3Cpath d='M0 0H480M0 120H480M0 240H480'/%3E%3C!-- row 1 vertical mortar --%3E%3Cpath d='M0 0V120M240 0V120M480 0V120'/%3E%3C!-- row 2 vertical mortar (shifted) --%3E%3Cpath d='M120 120V240M360 120V240'/%3E%3C/g%3E%3C/svg%3E"); background-repeat: repeat; background-size: calc(var(--block-w) * 2px) calc(var(--block-h) * 2px); } .is-style-cinder-block::after{ content:""; position:absolute; inset:0; pointer-events:none; background: radial-gradient(900px 600px at 15% 10%, rgba(255,255,255,.20), transparent 60%), radial-gradient(800px 600px at 90% 70%, rgba(0,0,0,.14), transparent 65%); mix-blend-mode: overlay; opacity: .65; } .is-style-cinder-block > *{ position: relative; z-index: 1; } /* Navigation: Additional CSS classes on menu items. WordPress adds `logged-in` to for authenticated users. */ body:not(.logged-in) .logged-in-only, html.is-logged-out .logged-in-only, body.logged-in .logged-out-only, html.is-logged-in .logged-out-only, .logged-in-only[hidden], .logged-out-only[hidden] { display: none !important; } /* Beat Ollie 1.6.0's color-mix border (same specificity, later cascade). Unchecking that declaration revealed this native-select gray. */ input:not([type="submit"]):not([type="radio"]), textarea, .wp-block-post-comments-form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]), .wp-block-post-comments-form textarea { border: solid 1px #767676; }