/* Theme Name: The Shore Theme URI: https://themeshaper.com/the-shore/ Author: Automattic Author URI: https://automattic.com Description: The Shore is a sleek and elegant WordPress theme designed specifically for hotels and resorts. It offers three distinct color variations, allowing you to customize the look and feel to match your brand perfectly. With its clean and modern design, The Shore provides a seamless and user-friendly experience for visitors. Its layout is thoughtfully crafted to showcase your property’s features, amenities, and services, making it easy to attract and engage potential guests. Ideal for creating a professional online presence, The Shore combines aesthetics with functionality, ensuring your hotel or resort stands out in the competitive hospitality industry. Requires at least: 6.0 Tested up to: 6.6 Requires PHP: 5.7 Version: 1.0.8 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: the-shore Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, theme-options, threaded-comments, translation-ready, wide-blocks The Shore WordPress Theme, (C) 2022 Automattic, Inc. The Shore is distributed under the terms of the GNU GPL. This program is free software: you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation, either version 2 of the License, or (at your option) any later version. This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details. */ /* * Pull quote Block * Reset the browser default margins for blockquote element * https://github.com/WordPress/gutenberg/issues/44129 */ .wp-block-pullquote cite { font-size: 16px; } .wp-block-pullquote blockquote, .wp-block-pullquote p { margin-bottom: 0; line-height: 1.2; } /* * Font smoothing. * This is a niche setting that will not be available via Global Styles. * https://github.com/WordPress/gutenberg/issues/35934 */ body { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; } /* * Control the hover stylings of outline block style. * Unnecessary once block styles are configurable via theme.json * https://github.com/WordPress/gutenberg/issues/42794 */ .wp-block-button.is-style-outline>.wp-block-button__link:not(.has-background):hover { background-color: var(--wp--preset--color--secondary); color: var(--wp--preset--color--base); border-color: var(--wp--preset--color--secondary); } /* * Link styles * https://github.com/WordPress/gutenberg/issues/42319 */ a { text-decoration-thickness: 1px !important; text-underline-offset: .2em; } /* --- Villa Belvedere: transizione tra le pagine --- Deve stare nell' (style.css del tema e' accodato li'): per le transizioni cross-document l'opt-in va letto prima del primo rendering. PERCHE' NON SI ESTRAE PIU' L'IMMAGINE. Prima si dava un "view-transition-name" allo sfondo per farlo trasformare da una pagina all'altra. Quando un elemento viene estratto, nell'istantanea della pagina resta un buco della sua esatta dimensione. Ma lo sfondo e' alto 100vh in home e 72vh nelle pagine interne: i due buchi hanno altezze diverse e il riquadro animato non riesce a coprirli entrambi -> la fascia scoperta che si vedeva come bordo. Nessuna regolazione di scala o di riempimento lo risolve, perche' il problema e' il buco, non l'immagine. Ora si anima la pagina INTERA, senza estrarre nulla: niente buchi, niente bordi. Le due istantanee restano opache e si sovrappongono sempre, perche' quella in ingresso parte ingrandita e arriva esattamente a schermo pieno. */ @view-transition { navigation: auto; } .vb-hero-pic { display: contents; } ::view-transition-old(root) { animation: vb-pagina-esce .42s cubic-bezier(.4, 0, 1, 1) both; } ::view-transition-new(root) { animation: vb-pagina-entra .52s cubic-bezier(.22, .61, .36, 1) both; } @keyframes vb-pagina-esce { to { opacity: 0; } } /* la scala non scende mai sotto 1: l'immagine copre sempre tutto lo schermo */ @keyframes vb-pagina-entra { from { opacity: 0; transform: scale(1.06); } to { opacity: 1; transform: scale(1); } } @media (prefers-reduced-motion: reduce) { ::view-transition-old(root), ::view-transition-new(root) { animation-duration: .01s; } } /* --- Villa Belvedere: menu a tendina su telefono --- Il tema lo riempie di beige (colore "base"). Lo rendiamo trasparente sulla foto, con una velatura minima e una sfocatura: senza, il testo bianco finirebbe su un fondo qualsiasi e diventerebbe illeggibile. */ .wp-block-navigation__responsive-container.has-modal-open { background-color: rgba(18, 18, 18, .38) !important; -webkit-backdrop-filter: blur(14px) saturate(120%); backdrop-filter: blur(14px) saturate(120%); } .wp-block-navigation__responsive-container.has-modal-open, .wp-block-navigation__responsive-container.has-modal-open a, .wp-block-navigation__responsive-container.has-modal-open button { color: #fff !important; } .wp-block-navigation__responsive-container.has-modal-open a { text-shadow: 0 1px 6px rgba(0, 0, 0, .55); } /* Voci piu' grandi e piu' distanziate: a 12px con righe da 17px erano scomode da centrare col dito (la soglia comoda e' ~44px di altezza). */ @media (max-width: 781px) { .wp-block-navigation__responsive-container.has-modal-open .wp-block-navigation__container { gap: .3rem; } /* l'imbottitura va sull'etichetta: sul collegamento il tema la sovrascrive */ .wp-block-navigation__responsive-container.has-modal-open .wp-block-navigation-item__label { display: inline-block; font-size: 1.45rem; letter-spacing: .06em; line-height: 1.2; padding: .6rem 0; } } /* se il browser non sa sfocare, alziamo la velatura per non perdere leggibilita' */ @supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) { .wp-block-navigation__responsive-container.has-modal-open { background-color: rgba(18, 18, 18, .62) !important; } }