/* * Sdílený základ starých stránek. * * Obsahuje Montserrat hostovaný lokálně a reset, který byl do teď * zkopírovaný v osmi stylesheetech. Blok pod @font-face je převzatý 1:1 * z hlavičky původních CSS, aby kaskáda zůstala beze změny. * * Pořadí v : bootstrap-subset.css -> site-base.css -> CSS stránky -> site-chrome.css */ /* Deklarovaný rozsah 400-700 odpovídá tomu, co dřív servírovaly Google Fonts (wght@400;500;600;700). font-weight: 800 v CSS se tak stejně jako dřív ořízne na 700 - vzhled zůstává identický. */ @font-face { font-family: Montserrat; font-style: normal; font-weight: 400 700; font-display: swap; src: url("/assets/fonts/montserrat-latin-ext.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: Montserrat; font-style: normal; font-weight: 400 700; font-display: swap; src: url("/assets/fonts/montserrat-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } *{ margin: 0; padding: 0; list-style: none; text-decoration: none; font-family: 'Montserrat', sans-serif; scroll-behavior: smooth; } /* ===== Scrollbar CSS ===== /* Firefox */ * { scrollbar-width: auto; scrollbar-color: #2ed3be white; } /* Chrome, Edge, and Safari */ *::-webkit-scrollbar { width: 10px; } *::-webkit-scrollbar-track { background: white; } *::-webkit-scrollbar-thumb { background-color: #2ed3be; border-radius: 10px; border: 2px solid white; } a{ text-decoration: none; } .header{ position: fixed; background-color: #2ED3BE; z-index: 99; } header img{ height: 75px ; width: auto; } .header-background { transition: 0.5s; background-color:#2ED3BE; } /* Obrázky mají v HTML skutečné rozměry, aby si prohlížeč rezervoval místo a stránka při načítání neposkakovala. Atribut height by se ale uplatnil všude, kde ho CSS nepřebíjí, a obrázek by se roztáhl - proto height: auto. Každé pravidlo se třídou (.card-img img, .hero img, ...) tohle přebije. */ img { height: auto; } /* Tlačítko "Zpět" na podstránkách. Dřív to byl bez href s onclick="history.back()" - nešlo na něj tabem a čtečka ho nehlásila jako ovládací prvek. Vzhled zůstává stejný. */ .back-link { margin: 0; padding: 0; color: rgb(33, 37, 41); background: none; border: 0; font: inherit; text-align: inherit; cursor: pointer; } /* Barvy karet. Dřív šest hexů rozsypaných v inline style= na dvou stránkách. */ .card--sky { background-color: #41C1EA; } .card--blue { background-color: #4152EA; } .card--pink { background-color: #EA41BB; } .card--orange { background-color: #EA7E41; } .card--turquoise { background-color: #41EAD4; } .card--lime { background-color: #C8EA41; } /* Stránka 404. */ .error-page { max-width: 640px; } .error-page h1 { margin-bottom: 16px; font-size: 32px; font-weight: 700; } .error-page p { margin-bottom: 20px; font-size: 16px; line-height: 1.6; } .error-links { display: flex; flex-wrap: wrap; gap: 8px 24px; } .error-links a { color: #14827f; border-bottom: 1px solid currentColor; font-weight: 600; } .error-links a:hover, .error-links a:focus-visible { color: #0d5c5a; }