/* updated: 2023-03-29 */ /* log 2023-12-11 :: Cleaned */ #scrollobsah { position: absolute; top: 130px; } #scrollobsah.sticky { position: fixed; top: 20px; } /* BODY */ * { margin: 0px; padding: 0px; } body { padding-top: 20px; } /* OBECNÉ PRVKY */ img { max-width: 100%; height: auto; } /* RESPO PRIPRAVA */ #menubutton { display: none; } /* LAYOUT */ #bodydiv { width: 100%; } #bodydiv_okraj { padding: 0px; } #main { } #main_okraj { } #content { } #content_obsah { max-width: 93%; margin: 0px auto; } #content_section_main { } #content_section_main .content_section_in { max-width: 93%; margin: 0px auto; } #content_section_header_tags { max-width: 93%; margin: 0px auto; } #content.rubrika #content_section_header_tags { } #content_section_rest { } #content_section_rest .content_section_in { max-width: 93%; margin: 0px auto; padding: 35px 0px; } #content_section_rubrika_uvod { max-width: 93%; margin: 30px auto 0px auto; } #content_container_clanek_standard { max-width: 93%; margin: 0px auto; padding: 35px 0px; } #content_container_clanek_standard #column_left { width: 19%; float: left; margin-right: 5%; padding-top: 90px; position: relative; } #content_container_clanek_standard #content_obsah { width: 48%; float: left; margin-right: 5%; } #content_container_clanek_standard #column_right { width: 23%; float: left; } #content_obsah_img { max-width: 800px; margin: 0px auto; } #sloupec { float: left; width: 22%; } #content_section_main .column_left { width: 48%; float: left; /* Povolit posouvání obsahu sloupce */ } #content_section_main .column_middle { margin-left: 4%; width: 25%; float: left; } #content_section_main .column_right { margin-left: 4%; width: 19%; float: left; } #content_section_rest .column_left { width: 67%; float: left; } #content_section_rest .column_right { margin-left: 6%; width: 27%; float: left; } /* OBECNÉ */ .breaker { clear: both; border: 0px; } .breakerRespo { border: 0px; } .breakerh { clear: both; height:10px; } .breakerh20 { clear: both; height:20px; } .doprostred { margin: 0px auto; } #content_section_rubrika_uvod hr { margin-bottom: 35px; } /* ERRORS */ div.errors { } div.errors ul { list-style-type: none; padding: 10px; box-sizing: border-box; } div.errors ul li { } div.errors_green { } div.errors_green ul { list-style-type: none; padding: 10px; box-sizing: border-box; } div.errors_green ul li { } /* LISTA */ .lista_nav { margin: 0px 0px 15px 0px; } .lista_nav * { } .lista_nav ul { } .lista_nav ul li { list-style-type: none; display: inline; padding-left: 5px; } .lista_nav ul li:first-child { padding-left: 0px; } .lista_nav ul li a { } .lista_nav ul li a:hover { } .lista_nav li:before { content: "\00bb\00a0"; } .lista_nav li:first-child:before { content: ""; } /* NADPISY */ h1 { margin-bottom: 10px; } #content.rubrika h1 { margin-bottom: 30px; } h1 * { } h1 span { } h2 { } h2 * { } h2 span { } /* ZAHLAVI */ #zahlavi { padding: 15px 0px; } #zahlavi .doprostred { max-width: 93%; margin: 0px auto; } #zahlavi .logo { float: left; } #zahlavi .logo img { border: 0px; max-width: 240px; } /* MENU */ #menu { float: left; } #menu ul { margin: 20px 0px 0px 50px; list-style-type: none; } #menu ul li { float: left; padding: 0px 25px 0px 0px; } #menu ul li.active a { } /* SLOUPEC */ #sloupec ul.menubox { padding: 0px 0px 0px 0px; } #sloupec ul.menubox ul { list-style-type: none; } #sloupec ul.menubox li.nadpis { } #sloupec ul.menubox li.polozka { } #sloupec ul.menubox li.polozka a { } #sloupec ul.menubox li.active a { } #sloupec ul.menubox li.polozka a:hover {} #sloupec ul.box_aktuality { padding: 0px 0px 0px 0px; } #sloupec ul.box_tagy { padding: 0px 0px 0px 0px; } /* PATICKA */ #paticka { } #paticka .doprostred { max-width: 93%; margin: 0px auto; padding: 60px 0px; } #paticka .box_paticka { float: left; width: 25%; } #paticka .box_paticka.box_paticka_submenu { float: right; width: 40%; } #paticka .box_paticka h4 { padding-bottom: 30px } #paticka .box_paticka .container_socials { padding-top: 0px; padding-bottom: 30px; } #paticka .box_paticka .container_submenu { display: flex; flex-wrap: wrap; } #paticka .box_paticka .container_submenu .box { flex: 1 0 48%; } #paticka .box_paticka .container_socials img { height: 60px; } #paticka .box_paticka .container_socials a:first-child img { margin-left: -9px; } #paticka .box_paticka .container_submenu ul { padding: 10px; list-style-type: none; } #paticka .box_paticka .container_submenu li { list-style-type: none; padding-bottom: 10px; padding-left: 15px; } /* COPYRIGHT */ #copyright { padding: 20px 0px; } #copyright .doprostred { max-width: 93%; margin: 0px auto; padding: 10px 0px; } #copyright * { } #copyright a { } #copyright span a::before { content: " - "; } /* TINYMCE */ .tinymce_formatovani { } .tinymce_formatovani * { } .tinymce_formatovani h2 { margin-bottom: 5px; } .tinymce_formatovani h3 { margin-bottom: 5px; } .tinymce_formatovani h2+h3 { margin-top: 15px; } .tinymce_formatovani p { margin-bottom: 40px; } .tinymce_formatovani p:last-child { } .tinymce_formatovani blockquote { margin-bottom: 40px; padding: 30px; box-sizing: border-box; } .tinymce_formatovani a { } .tinymce_formatovani a:hover { } .tinymce_formatovani hr { border: 0px; clear: both; } .tinymce_formatovani img { display: block; float: left; max-width: 100%; } .tinymce_formatovani h2+p img { margin-top: 15px; } ._tinymce_formatovani img.doleva { float: left; padding: 3px 10px 10px 0px; } ._tinymce_formatovani img.doprava { float:right; padding: 3px 0px 10px 10px; } ._tinymce_formatovani img.stoprocent { } .tinymce_formatovani div.imgPoznamka { padding: 10px 0px 30px 0px; clear: both; } .tinymce_formatovani div.partnerTXT { margin: 0px 0px 30px 0px; padding: 20px 20px 27px 20px; clear: both; box-sizing: border-box; } .tinymce_formatovani div.partnerBA { padding: 10px 0px 40px 0px; clear: both; text-align: center; width: 100%; } .tinymce_formatovani div.partnerBA a { border: 0px; } .tinymce_formatovani div.partnerBA img { float: none; text-align: center; display: inline-block; } ._tinymce_formatovani div.imgNaStred { text-align: center; margin-bottom: 10px; } ._tinymce_formatovani div.imgNaStred img { display: inline-block; vertical-align: middle; } ._tinymce_formatovani div.imgDoleva { text-align: left; } ._tinymce_formatovani div.imgDoleva img { } ._tinymce_formatovani div.imgDoprava { text-align:right; } ._tinymce_formatovani div.imgDoprava img { } ._tinymce_formatovani div.zvyrazneni { padding: 20px; box-sizing: border-box; text-align: center; } .tinymce_formatovani table { width: 100%; border-spacing: 0px; border-collapse: separate; } .tinymce_formatovani table td { vertical-align: top; padding: 10px; } .tinymce_formatovani table.Fotka-Titulek { width: 100%; border-spacing: 0px; border-collapse: separate; margin-bottom: 40px; } .tinymce_formatovani table.Fotka-Titulek td { padding: 20px; margin: 0px; } .tinymce_formatovani table.Fotka-Titulek td:first-child { width: 30%; } .tinymce_formatovani table.Fotka-Titulek td:first-child img { max-width: 100%; display: inline-block; } .tinymce_formatovani table.Fotka-Titulek td:last-child { vertical-align: middle; } .tinymce_formatovani ul { margin-left: 2em; margin-bottom: 40px; } .tinymce_formatovani ul li { } .tinymce_formatovani ul p { } /* SITEMAP */ ul.sitemap { margin-left: 1em; padding-bottom: 40px; } ul.sitemap li { padding-bottom: 11px; } ul.sitemap a { padding-bottom: 2px;ł } ul.sitemap_xxx ul li:last-child { padding-bottom: 0px; } ul.sitemap ul { padding: 0px 0px 0px 0px; } ul.sitemap ul { margin-left: 1em; margin-bottom: 40px; } /* AKTUALITY :: LAYOUT */ #box_aktuality { display: grid; grid-template-rows: repeat(3, auto); grid-gap: 0px; grid-auto-flow: column; grid-template-columns: 1fr 1fr 1fr; } #box_aktuality .datum { background: url(../pics/sys/icon_calendar.jpg) no-repeat; padding-left: 25px; } /* FORM */ input[name="username"] { width: 1px; height: 1px; position: absolute; left: -999999999px;} .inpt_error input { border: 1px solid red; } /* FORM :: PATIČKA */ .box_paticka .inpt_kontrola { width: 1px; height: 1px; position: absolute; left: -999999999px;} /* ADMINTABLE */ .admintable { } .admintablebox { float: left; width: 33%; } .boxtable { padding: 5px; margin: 5px; box-sizing: border-box; } .admintable span { } /* SECTIONS :: #content_section_header_tags */ #content_section_header_tags ul { list-style-type: none; padding: 21px 0px 28px 0px; } #content_section_header_tags li { display: inline-block; margin-right: 15px; } /* SECTIONS :: #content_section_main .column_left .box_main */ #content_section_main .column_left .box_main h2 a:hover { text-decoration: underline; } #content_section_main .column_left .box_main { margin-bottom: 28px; } #content_section_main .column_left .box_main div.obrazek img { margin-bottom: 20px; } #content_section_main .column_left .box_main h2 { margin-bottom: 15px; } #content_section_main .column_left .box_main div.perex { margin-bottom: 20px; } #content_section_main .column_left .box_main div.lista { margin-bottom: 15px; } #content_section_main .column_left .box_main div.lista .box { display: inline-block; margin-right: 10px; margin-bottom: 10px; } #content_section_main .column_left .box_main div.lista .box.rubrika { } #content_section_main .column_left .box_main div.lista .box.autor { } #content_section_main .column_left .box_main_low .container { padding-bottom: 0px; margin-bottom: 28px; position: relative; } #content_section_main .column_left .box_main_low .container:nth-child(2) { margin-bottom: 0px; } #content_section_main .column_left .box_main_low .container .container_ { padding-bottom: 20px; } #content_section_main .column_left .box_main_low div.obrazek img { float: left; width: 35%; margin-right: 28px; } #content_section_main .column_left .box_main_low h2 { margin-bottom: 15px; } #content_section_main .column_left .box_main_low div.lista { margin-bottom: 15px; } #content_section_main .column_left .box_main_low div.lista .box { display: inline-block; margin-right: 10px; margin-bottom: 10px; } #content_section_main .column_left .box_main_low div.lista .box.rubrika { } #content_section_main .column_left .box_main_low div.lista .box.autor { } #content_section_main .column_middle .box_middle .container { margin-bottom: 24px; } #content_section_main .column_middle .box_middle h2 { margin-bottom: 15px; } #content_section_main .column_middle .box_middle div.lista { margin-bottom: 15px; } #content_section_main .column_middle .box_middle div.lista .box { display: inline-block; margin-right: 10px; margin-bottom: 10px; } #content_section_main .column_middle .box_middle div.lista .box.rubrika { } #content_section_main .column_middle .box_middle div.lista .box.autor { } #content_section_main .column_right .box_right .container { margin-bottom: 24px; } #content_section_main .column_right .box_right div.obrazek img { margin-bottom: 20px; } #content_section_main .column_right .box_right h2 { margin-bottom: 15px; } #content_section_main .column_right .box_right div.lista { margin-bottom: 15px; } #content_section_main .column_right .box_right div.lista .box { display: inline-block; margin-right: 10px; margin-bottom: 10px; } #content_section_main .column_right .box_right div.lista .box.rubrika { } #content_section_main .column_right .box_right div.lista .box.autor { } #content_section_rest .column_left .box_main .container { padding-bottom: 28px; margin-bottom: 28px; } #content_section_rest .column_left .box_main .container:last-child { padding-bottom: 0px; margin-bottom: 0px; } #content_section_rest .column_left .box_main .container.big { } #content_section_rest .column_left .box_main div.obrazek img { float: left; width: 35%; margin-right: 28px; } #content_section_rest .column_left .box_main .container.big div.obrazek img { float: left; width: 60%; margin-right: 28px; } #content_section_rest .column_left .box_main h2 { margin-bottom: 15px; } #content_section_rest .column_left .box_main div.perex { margin-bottom: 20px; } #content_section_rest .column_left .box_main div.lista { margin-bottom: 15px; } #content_section_rest .column_left .box_main div.lista .box { display: inline-block; margin-right: 10px; margin-bottom: 10px; } #content_section_rest .column_left .box_main div.lista .box.rubrika { } #content_section_rest .column_left .box_main div.lista .box.autor { } #content_section_rest .column_right { } #content_section_rest .column_right .box_right { padding: 30px 30px 0px 30px; margin-bottom: 30px; box-sizing: border-box; border-radius: 15px; } #content_section_rest .column_right .box_right:last-child { margin-bottom: 0px; } #content_section_rest .column_right .container { padding-bottom: 18px; margin-bottom: 28px; } #content_section_rest .column_right .container:last-child { margin-bottom: 0px; } #content_section_rest .column_right div.obrazek img { float: left; width: 35%; margin-right: 20px; padding-top: 4px; } #content_section_rest .column_right h2 { margin-bottom: 15px; } #content_section_rest .column_right .container:last-child { border-bottom: 0px; margin-bottom: 0px; } #content_section_podclankem .box_main .container_ { padding-bottom: 40px; margin-bottom: 30px; } #content_section_podclankem div.lista { margin-bottom: 17px; } #content_section_podclankem h2 { margin-bottom: 10px; } #content_section_podclankem .perex { margin-bottom: 29px; } #content_section_podclankem div.obrazek img { margin-bottom: 20px; } #content_section_podclankem .text { position: relative; max-height: 160px; overflow: hidden; margin-bottom: 30px; } #content_section_podclankem .text div { position: relative; padding: 0; margin: 0; background: linear-gradient(to bottom, rgba(255,255,255,1), rgba(255,255,255,0)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } #content_section_podclankem .readmore { padding: 20px 0px; } #content_section_podclankem .readmore a { padding: 13px 30px; border-radius: 50px; } /* CLANEK */ #column_left * { } #column_left h4 { padding-bottom: 20px; } #column_left .obsahclanku { padding: 25px 20px; box-sizing: } #column_left .obsahclanku ul * { list-style-type: none; } #column_left .obsahclanku li { padding-bottom: 20px; } #content_container_clanek_standard #content_obsah .stranka_perex { margin-bottom: 15px; } #content_container_clanek_standard #content_obsah .stranka_perex p { } .container_clanek_meta { margin-bottom: 20px; } .container_clanek_meta span:first-child { padding-right: 10px; } .article { } .article div.obrazek { margin-bottom: 20px; } .article_fotky_grid { margin-bottom: 30px; } .article_fotky_grid h2 { margin-bottom: 20px; } .article_fotky_grid h2 span {} .article_fotky_grid img { width: 200px; height: 200px; object-fit: cover; padding: 0px 15px 15px 0px; } .article_fotky_skycraper {} .article_fotky_skycraper.skryt { display: none; } .article_fotky_skycraper h2 { margin-bottom: 20px; } .article_fotky_skycraper h2 span {} .article_fotky_skycraper .skycraper_box { width: 100%; } .article_fotky_skycraper .skycraper_box.spopiskem { width: 100%; } .article_fotky_skycraper img { margin: 0px 0px 30px 0px; } .article_fotky_skycraper .skycraper_box.spopiskem img { margin: 0px 0px 0px 0px; } .article_fotky_skycraper .popisek { padding: 10px 0px 30px 0px; clear: both; } .article_fotky_gridskycraper { margin-bottom: 30px; } .article_fotky_gridskycraper h2 { margin-bottom: 20px; } .article_fotky_gridskycraper h2 span {} .article_fotky_gridskycraperx img { width: 200px; height: 200px; object-fit: cover; padding: 0px 15px 15px 0px; } .article_fotky_gridskycraper img { max-width: 100%; } .article_fotky_gridskycraper .container { display: flex; flex-wrap: wrap; gap: 10px; /* mezera mezi boxy */ justify-content: space-between; } .article_fotky_gridskycraper .box { /* width: calc(25% - 6px); /* odečítá mezery pro správné zarovnání */ /* position: relative; */ flex: 1 1 calc(25% - 10px); /* Four columns with equal width */ aspect-ratio: 1; /* Ensures a square aspect ratio */ background-color: lightgray; display: flex; justify-content: center; align-items: center; text-align: center; position: relative; } .article_fotky_gridskycraper .box.cislo a { text-decoration: none; font-size: 40px; font-family: "Archivo", sans-serif; } .article_fotky_gridskycraper .box.cislo a:hover { text-decoration: underline; } .article_fotky_gridskycraper .box.cislo { background-color: rgba(0,0,0,0.95); } .xarticle_fotky_gridskycraper .box::before { content: ''; display: block; padding-top: 100%; /* zachová čtvercový formát */ } .xarticle_fotky_gridskycraper .box a { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .article_fotky_gridskycraper .box img { width: 100%; height: 100%; object-fit: cover; /* zajistí, že obrázek pokryje celý box */ position: absolute; top: 0; left: 0; } .stranka_doporucujeme { margin-bottom: 50px; } .stranka_doporucujeme h3 { margin-bottom: 20px; } .stranka_doporucujeme ul { margin-left: 50px; } .stranka_doporucujeme li { margin-bottom: 30px; } .stranka_doporucujeme li:last-child { margin-bottom: 0px; } .stranka_sdileni { } .stranka_sdileni { padding: 20px 0px 40px 0px; } .stranka_sdileni .box_likes { width: 50%; float: left; } .stranka_sdileni .box_likes img { height: 18px; margin-right: 5px; margin-top: 0px; vertical-align: middle; margin-top: -2px; } .stranka_sdileni .box_likes a:hover { text-decoration: underline; } .stranka_sdileni .box_sdileni { width: 50%; float: right; text-align: right; } .stranka_sdileni .box_sdileni img { height: 30px; vertical-align: middle; margin-top: -3px; } .stranka_sdileni .box_sdileni img.first { margin-left: 10px; } .stranka_sdileni * { font-family: "Archivo", sans-serif; } .stranka_sdileni a { text-decoration: none; padding-top: 1px; } .stranka_tagy { margin-bottom: 0px; padding: 40px 0px 50px 0px; } .stranka_tagy h3 { margin-bottom: 20px; } .stranka_tagy ul { margin-right: 50px; list-style-type: none; } .stranka_tagy li { margin-right: 30px; display: inline-block; } .stranka_tagy a { padding-bottom: 1px; } .stranka_autor { display: flex; padding: 27px 0px 30px 0px; margin-bottom: 40px; } .stranka_autor img { max-width: 100%; } .stranka_autor .autor_pic { display: flex; flex: 0 0 20%; justify-content: center; flex-direction: column; padding-right: 15px; box-sizing: border-box; } .stranka_autor .autor_meta { display: flex; flex: 0 0 40%; justify-content: center; flex-direction: column; } .stranka_autor .autor_desc { display: flex; flex: 0 0 40%; justify-content: center; flex-direction: column; } .stranka_autor .column { } .stranka_autor .autor_meta span { display: block; } .stranka_autor .autor_meta span.autor_name { margin-bottom: 7px; } .stranka_autor .autor_meta span.autor_descshort { margin-bottom: 12px; } .stranka_autor .autor_social span { } .stranka_autor .autor_social img { height: 20px; margin-right: 10px; } .stranka_autor .autor_desc { box-sizing: border-box; } .stranka_autor .autor_desc div { padding: 0px 20px; } /* RUBRIKA */ #content_section_rubrika_uvod .article { margin-bottom: 45px; } .content_section_rubrika_uvod