/* ------------------------------------------------------------- */ /* IML */ /* Copyright by Michael Stanovsky */ */ /* ------------------------------------------------------------- */ /* V tomto CSS jsou uloženy hodiny mé práce. Já také nejlíp vím, jak to používat. */ /* Pokud se tu někdo inspiruje a bude mu to chodit, nekladu si nároky na finanční vyrovnání. */ /* Budu ale rád, když mi napíše, můžeme zajít na pivo. Michal michael@stanovsky.eu */ /* --------------------------------------------------------------------------------------------------------------- */ /* RESTY */ /* -------------- */ /* chtělo by to velikosti fontů převést na pt (a ne px) - viz David */ /* problém bude asi v tom, že určitě mám nějaké velikosti i v textu - tak se na ně vyseru. */ /* --------------------------------------------------------------------------------------------------------------- */ /* GOOGLE [ TRANSLATE ] */ /* -------------------- */ /* aby se nezobrazoval banner Googlu - například při překladu stránky: */ /* iframe goog-te-banner-frame, který Google používá k zobrazení záhlaví. */ /* goog-te-banner-frame { display: none !important; } */ /* Google Translate často nastavuje position relative či jiné na , */ /* což může ovlivnit rozložení stránky. Následujícím nastavením */ /* zamezíte těmto úpravám. */ /* body { position: static !important; } */ /* --------------------------------------------------------------------------------------------------------------- */ /* FONTY */ /* -------------- */ /* import písmen z Google - https://fonts.google.com */ /* mají korektní češtinu a jsou udržovaná */ /* Montserrat - standardní text */ /* tučné je moc tučné, takže natahuji i semibold 500 resp. 600 */ /* Merriweather - nadpisy, buttónky */ /* Barlow Condensed - bylo-li by třeba udělat nahňácané řádky (přihláška) */ /* oproti jinému písmu zvětšit o 135% a line-height:1 */ /* do vyplňovacích políček dám systémového Couriera */ /* Importy GoogleApis jsou z 4/2020 - liší se od starších, používají CSS2 */ /* - nevím, jestli tam musí být subset=latin,latin-ext,cyrillic,cyrillic-ext */ /* - je zbytečné fonty natahovat natřikrát - dají se natáhnout v jednom gardu */ /* přestalo mi stahování online z GoogleApis - nevím kdy, 7/2025 to nefunguje */ /* přes veverku jsem vyrobil lokální fonty woff2 a uložil zde */ /* Vytvořeno 4/2020 veverkou z TTF fontů - https://www.fontsquirrel.com/tools/webfont-generator */ /* dřív tu nebývala korektní čeština, místo chybějících písmenek se vezmou náhradní z dalšího fontu */ /* stahování přes @import je pomalé */ /* stahuji tedy vždy styles.css - je tu vše */ /* na Googleapis kašlu */ /* import z Googlo - nefunguje */ /* ******************************* @import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,400;0,700;1,400;1,700&family=Merriweather:ital,wght@0,400;0,700;1,400;1,700&family=Montserrat:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap&subset=latin,latin-ext,cyrillic,cyrillic-ext"); ******************************* */ /* WOFF2: písma z Googlu se už nestahují, bůhví proč */ /* Vytvořeno 4/2020 veverkou z TTF fontů - https://www.fontsquirrel.com/tools/webfont-generator */ /* dřív tu nebývala korektní čeština, místo chybějících písmenek se vezmou náhradní z dalšího fontu */ @font-face { font-family: "montserrat-regular-webfont"; src: url("fonty/montserrat-regular-webfont.woff2") format("woff2"); font-weight: normal; font-style: normal; } @font-face { font-family: "montserrat-italic-webfont"; src: url("fonty/montserrat-italic-webfont.woff2") format("woff2"); font-weight: normal; font-style: italic; } @font-face { font-family: "montserrat-bold-webfont"; src: url("fonty/montserrat-bold-webfont.woff2") format("woff2"); font-weight: bold; font-style: normal; } @font-face { font-family: "montserrat-bolditalic-webfont"; src: url("fonty/montserrat-bolditalic-webfont.woff2") format("woff2"); font-weight: bold; font-style: italic; } @font-face { font-family: "merriweather-bold-webfont"; src: url("fonty/merriweather-bold-webfont.woff2") format("woff2"); font-weight: normal; font-style: normal; } @font-face { font-family: "merriweather-bolditalic-webfont"; src: url("fonty/merriweather-bolditalic-webfont.woff2") format("woff2"); font-weight: normal; font-style: normal; } @font-face { font-family: "merriweather-italic-webfont"; src: url("fonty/merriweather-italic-webfont.woff2") format("woff2"); font-weight: normal; font-style: normal; } @font-face { font-family: "merriweather-regular-webfont"; src: url("fonty/merriweather-regular-webfont.woff2") format("woff2"); font-weight: normal; font-style: normal; } @font-face { font-family: "barlow-condensed-regular-webfont"; src: url("fonty/barlowcondensed-regular-webfont.woff2") format("woff2"); font-weight: normal; font-style: normal; } @font-face { font-family: "barlow-condensed-italic-webfont"; src: url("fonty/barlowcondensed-italic-webfont.woff2") format("woff2"); font-weight: normal; font-style: italic; } @font-face { font-family: "barlow-condensed-bold-webfont"; src: url("fonty/barlowcondensed-bold-webfont.woff2") format("woff2"); font-weight: bold; font-style: normal; } @font-face { font-family: "barlow-condensed-bolditalic-webfont"; src: url("fonty/barlowcondensed-bolditalic-webfont.woff2") format("woff2"); font-weight: bold; font-style: italic; } /* neproporcionální písmo - vstupní pole */ textarea, input[type=text] { font-family: "Courier New", Courier, monospace; } /* bezpatkové písmo - texty */ body, p, li, ul, dd, td, th, input.bezokraje { font-family: Montserrat, montserrat-regular-webfont, montserrat-italic-webfont, montserrat-bold-webfont, montserrat-bolditalic-webfont, Verdana, sanserif; } /* serifové písmo - nadpisy, buttonky */ h1, h2, h3, .nadpisove, input, select, option, .Merriweather { font-family: Merriweather, merriweather-regular-webfont, merriweather-italic-webfont, merriweather-bold-webfont, merriweather-bolditalic-webfont, Verdana, serif; } /* condensed písmo - rezerva */ .kondenzovane { font-family: "Barlow Condensed", barlowcondensed-regular-webfont, barlowcondensed-italic-webfont, barlowcondensed-bold-webfont, barlowcondensed-bolditalic-webfont, "Arial Narrow", sans-serif; font-size: 135%; line-height: 1; } /* --------------------------------------------------------------------------------------------------------------- */ /* T I S K */ /* -------------- */ .printonly, .printadminonly { display:none; } /* --------------------------------------------------------------------------------------------------------------- */ /* V I E W P O R T */ /* ------------------------ */ @-ms-viewport {width: device-width;} /* --------------------------------------------------------------------------------------------------------------- */ /* BARVY */ /* -------------- */ /* některé barvy jsou definované jinde, než v POZADÍ a POPŘEDÍ (např. INPUT, HLAVIČKA, SUŠENKOVÝ ZÁKON, CHYBY) */ /* nebylo by špatné použít standardizované barvy - viz: https://cs.wikipedia.org/wiki/Wikipedie:Tabulka_barev */ /* barevné schéma - náhodně se generuje na kruhu: https://color.adobe.com/cs/create/color-wheel */ /* pozadí */ /* ------ */ body { background: #777777 url("imagespozadi/pozadi09.jpg") top center fixed; /* šedá */ background-size: 100% 100%; } #papir { background: white; /* bílá */ } #hlavicka { background: #777777 url("imagespozadi/zahlavi.jpg"); } #tiraz { background: #8D8751; /* hnědá */ } #hlavni { background: white; /* bílá */ } #servisniudaje { background: white; /* bílá */ } .menupage { background: #DDDDDD; /* světle šedá */ } input.bezokraje { background-color: transparent; } .yellowbg { background-color: yellow; } /* popředí */ /* ------- */ body, p, li, ul, dd, table tr td p, table tr th p { color: black; /* černá */ } p a, li a, ul a, dd a, table tr td p a, table tr th p a { color: #474077; /* tmavší fialová */ } h1, h1 a { color: #CC0000; /* červená */ } h2, h2 a { color: #DF5900; /* žluto-oranžová */ } h3, h3 a { color: #DF5900; /* žluto-oranžová */ } .gray, .gray a { color: #777777; /* šedá */ } .graygray, .graygray a { color: #BBBBBB; /* světle šedá */ } .white, .white a { color: white; /* bílá */ } .black, .black a { color: black; /* černá */ } .red, .red a { color: #CC0000; /* červená */ } .green, .green a { /* zelená - dark green */ color: #007700; } .blue, .blue a { color: #006EA5; /* modrá */ } .skryty { /* skrytý text */ display: none; } #tiraz p, #tiraz p a, #servisniudaje .promne, #servisniudaje .promne a { color: white; } #servisniudaje .promneviditelne, #servisniudaje .promneviditelne a { color: gray; } #servisniudaje p, #servisniudaje p a { color: #777777; /* šedá */ } /* hovers */ /* ------ */ p a:hover, h1 a:hover, h2 a:hover, h3 a:hover, li a:hover, ul a:hover, dd a:hover, table tr td p a:hover, table tr th p a:hover, p a:focus, h1 a:focus, h2 a:focus, h3 a:focus, li a:focus, ul a:focus, dd a:focus, table tr td p a:focus, table tr th p a:focus { background: #EEEEEE; } #tiraz a:hover, #tiraz a:focus { color: #FFCC00; background: #666666; } #servisniudaje .promne a:hover, #servisniudaje .promne a:focus { background: transparent; } .menupage a:hover, .menupage a:focus { text-decoration: underline; } /* ramecky hlavních bloků */ /* ---------------------- */ #papir, #hlavicka, #menu, #hlavni, #tiraz { border: 0px #E88500 solid; /* oranžová */ } #papir { box-shadow: #555555 3px 3px 5px; } /* tabulka */ /* ------- */ table tr th p, table.spozadim tr th p { /* písmo v záhlaví */ color: #006EA5; } table tr th, table.spozadim tr th { /* záhlaví */ background: #DDDDDD; } table tr:nth-child(even), table.spozadim tr:nth-child(even) { /* sudý řádek */ background: #FAFAFA; } table tr:nth-child(odd), table.spozadim tr:nth-child(odd) { /* lichý řádek */ background: #F4F4F4; } table th:last-child, table td:last-child, table.spozadim th:last-child, table.spozadim td:last-child { /* poslední buňka v řádce */ } table.bezpozadi tr { background: transparent; } table.bezpozadizahlavi tr th { background: transparent; } /* cara */ /* ---- */ hr { color: #777777; background: #777777; height: 1px; border: 0px solid #777777; } /* --------------------------------------------------------------------------------------------------------------- */ /* ZÁKLADNÍ BLOKY */ /* ------------------------ */ body { padding: 0px; margin: 0px; text-align: center; } #papir { margin: auto; /* střed stránky, tohle nezná MSIE<7, proto musí být v body text-align: center; */ width: 1024px; /* celková šířka */ text-align: left; padding: 0px; margin-top: 5px; border-width: 3px; border-radius: 5px; /* zakulacení celé obrazovaky */ } #hlavicka { padding: 1px 25px 1px 20px; /* kvůli firefoxu musí být nahoře alespoň 1px - a height o 1px menší */ border-bottom-width: 3px; border-radius: 3px 3px 0px 0px; /* horní zakulacení vnitřku záhlaví */ height: 120px; } #hlavni { padding: 1px 20px 10px 20px; /* kvůli firefoxu musí být nahoře alespoň 1px */ } #tiraz { clear: both; border-top-width: 3px; border-bottom-width: 3px; padding: 5px 20px 5px 20px; /* asi kvůli všem musí být nahoře alespoň 1px */ } #servisniudaje { padding: 3px 0px 0px 0px; /* asi kvůli všem musí být nahoře alespoň 1px */ margin: 0px 20px -10px 20px; font-size: 90%; } /* --------------------------------------------------------------------------------------------------------------- */ /* ZÁKLADNÍ STYLY */ /* ------------------------ */ /* tučnější než tučný nadpis: text-shadow: -0.5px 0 #CC0000, 0 0.5px #CC0000, 0.5px 0 #CC0000, 0 -0.5px #CC0000; */ /* semibold (neumí každý font): font-weight: 600; */ body, p, li, ul, dd, table tr td p, table tr th { font-size: 18px; } h1, h2, h3, p { text-align: left; margin: 15px 0px 5px 0px; padding: 0px; } h1 a, h2 a, h3 a { text-decoration: none; } h1, h1 a { font-size: 32px; } h2, h2 a { font-size: 24px; } h3, h3 a { font-size: 21px; } p, td { margin: 10px 0px 10px 0px; hyphens: auto; } p.l { text-align: left; } p.j { text-align: left; text-align: justify; } p.r { text-align: right; } p.c { text-align: center; } /* --------------------------------------------------------------------------------------------------------------- */ /* OBRÁZKY */ /* ----------------------- */ .pop-left, .pop-right, #pop-left, #pop-right { font-size: 80%; /* popis písma */ text-align: center; padding: 10px; } .pop-left, #pop-left { float: left; margin: 0px 14px 0px 0px; /* odsazení bloku */ } .pop-right, #pop-right { float: right; margin: 0px 0px 0px 14px; /* odsazení bloku */ } .pop-left img, .pop-right img, #pop-left img, #pop-right img { margin: 2px 0px 0px 0px; } img { border-radius: 3px; border: 1px solid #777777; /* rámeček kolem obrázku */ box-shadow: 1px 1px 4px #777777; } img.bezramecku { border: 0px solid white; box-shadow: 0px 0px 0px white; } img.shadow { box-shadow: 1px 1px 4px #777777; } /* --------------------------------------------------------------------------------------------------------------- */ /* TABULKY */ /* ----------------------- */ table tr th p { /* písmo v záhlaví tabulky - jen sekce PAPÍR */ margin: 1px 5px 1px 5px; font-weight: 600; /* semibold, neumí každý font */ } table tr td p { /* písmo v buňce tabulky - jen sekce PAPÍR (netřeba p.tab-l... */ margin: 0px 5px 0px 5px; } /* --------------------------------------------------------------------------------------------------------------- */ /* DODATKY KE STYLŮM */ /* ----------------------- */ .vlevo, .left { float: left; } .vpravo, .right { float: right; } .nobold { font-weight: 400; } .mensi, .small { font-size: 80%; } .mensi1, .small1 { font-size: 65%; } .mensi2, .small2 { font-size: 50%; } .odsazeni { /* musí být kvůli prsa/webmastertols.php */ text-indent: -30px; margin-left: 30px; margin-bottom: -5px; } /* --------------------------------------------------------------------------------------------------------------- */ /* MENU */ /* např. administrace */ /* ------------------------ */ .menupage { font-weight: bold; text-align: right; text-decoration: none; margin: 10px 0px 10px 0px; padding: 3px 10px 3px 10px; border-width: 1px 0px 1px 0px; border-style: solid; border-color: gray; } .menupage a { text-decoration: none; } /* --------------------------------------------------------------------------------------------------------------- */ /* MENU HOVER */ /* ----------------------- */ /* https://www.tvorba-webu.cz/css/vysouvaci-menu.php */ /* změnu šířky dělám přímo v kódu stránky */ /* podzim 2019 - Deník turisty */ /* duben 2020 - Puchýř */ /* Skript (viz menu.php) funguje tak, že v menu je skrytý (visibility: hidden) seznam (ul) s odkazy, */ /* po najetí myší na odkaz se vybrané menu zviditelní (visibility: visible). */ /* celé to mám obaleno DIVem id=menu */ #menu { background: black; margin: -1px -20px 0px -20px; padding: 1px 10px 3px 10px; height: 30px;" } .menuhoverx { color: black; padding: 0; margin: 0; list-style-type: none; display: block; } .menuhoverx ul { /* barva pozadí, nejsou-li všechny svislé položky stejně široké */ margin-top: 0px; position: absolute; visibility: hidden; /* background: #8D8751; /* hnědá - DENIK TURISTY, není-li zadáno, chová se to jako TRANSPARENT */ background: #222222; /* tmavě šedá - PUCHÝŘ */ margin: 0; padding: 0; list-style-type: none; } .menuhoverx li { float: left; /* margin: 8px 2px 0 2px; /* DENIK TURISTY - větší rozestupy */ margin: 0px; /* PUCHÝŘ */ width: 150px; /* tohle měním přímo v kódu, je-li potřeba */ white-space: nowrap; border-radius: 5px; } .menuhoverx a { /* pozadí všech položek - odsazení zleva=zde, odsazení zprava=0=dělá se šířkou políčka */ padding: 2px; text-align: left; /* padding-left: 15px; /* DENIK TURISTY - větší odszení */ padding-left:8px; /* PUCHÝŘ */ color: white; /* background: #8D8751; /* hnědá - DENIK TURISTY */ background: #222222; /* tmavě šedá - PUCHÝŘ */ display: block; text-decoration: none; } .menuhoverx .zvyraznit a { /* zvýrazněná položka - do nadřazeneého LI dát class="zvyraznit" */ /* background: #A72135; /* bordó - DENIK TURISTY */ background: #005500; /* zelená - PUCHÝŘ */ } .menuhoverx ul a:link { color: white; border-bottom: none; padding-left: 15px; } .menuhoverx ul a:visited { color: white; border-bottom: none; padding-left: 15px; } .menuhoverx ul a:hover, /* položka po najetí myší - podmenu */ .menuhoverx li a:hover { /* hlavní řádka */ color: black; background: #CCCCCC; } .menuhoverx li:hover ul, ul.menuhoverx li.hover ul { visibility: visible; } .menuhoverx li li { float: none; border: none; padding: 0; margin: 0; } /* --------------------------------------------------------------------------------------------------------------- */ /* REDEFINICE "P" V BLOCÍCH */ /* --------------------------------- */ #hlavicka p { text-align: left; margin: 0px 0px 0px 10px; padding: 0px; text-decoration: none; font-size: 40px; font-weight: bold; text-shadow: black 5px 5px 7px, /* stin - mimo staré MSIE */ -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black; /* oramovani pisma - mimo staré MSIE */ filter: glow(color=#444444, strength=1); /* MSIE 8,9 mimo compatible mode - obsviceni */ color: #FFCC00; /* žlutá */ } #hlavicka .nadpisove1 { color: #D7D7D7; /* hodně světle šedá */ font-weight: 400; font-size:80%; } #hlavicka .logo { width: 70px; height:70px; border-radius: 100px; box-shadow: 2px 3px 10px black; } #hlavicka p.verze { color: white; font-size: 14px; padding-bottom: 5px; letter-spacing: 1px; font-weight: 400; } #tiraz p { /* adresa, kontakt */ text-align: center; margin: 7px 0px 7px 0px; font-weight: 600; } #servisniudaje p, #servisniudaje p a { /* copyright & webmaster */ margin-top: 2px; text-decoration: none; text-align: right; } #servisniudaje p { font-size: 80%; } #servisniudaje p.promne { line-height: 1; } /* --------------------------------------------------------------------------------------------------------------- */ /* MALÁ HLAVIČKA */ /* -------------------------- */ #hlavickasmall { border-bottom: #DF5900 solid 3px; background: #005469; margin: 0px; padding: 1px 25px 1px 20px; } #hlavickasmall p { color: white; font-size: 15px; margin-top: 5px; margin-bottom: 5px; } #hlavickasmall img { width: 20px; height: 20px; padding-right: 15px; } /* --------------------------------------------------------------------------------------------------------------- */ /* FORMULÁŘE */ /* --------------------------- */ /* definice font-family z BODY nestačí, MSIE sem dává Arial */ /* input[type=submit], input[type=button], input[type=password], input[type=text] */ form { margin: 0px; padding: 0px; } .inputtabulka { /* kulatá obálka pro inputy - div */ margin: 20px; padding: 10px; border: 2px #777777 solid; border-radius: 4px; background: #F2F2F2; } input, select, option, textarea { background: #E8F4FF; /* modrý nádech */ font-size: 16px; padding-left: 5px; border-radius: 3px; color: black; border: 1px #777777 solid; margin-top: 2px; margin-bottom: 1px; } input[type=submit], input[type=button] { background: #F1F1C0; /* žlutý nádech */ border-width: 1px 2px 2px 1px; padding: 0px 14px 2px 14px; box-shadow: #999999 1px 1px 3px; } input[type=submit]:hover, input[type=button]:hover, input[type=submit]:focus, input[type=button]:focus { background: #FFDF7D; /* oranžová */ border-width: 2px 1px 1px 2px; margin-bottom: 2px; /* aby to neposkakovalo při stisku */ } input[type=text], input[type=password], textarea, select { box-shadow: #777777 1px 1px 1px; } input[type=text] { /* password - z nepochopitelných důvodů je jinak, než u type=text */ padding-top: 3px; } input.bezokraje { /* vypadá jako text */ font-size: 18px; border: 0px solid black; box-shadow: transparent 0px 0px 0px; } /* malý buttónek v řádce v seznamu */ input.buttonmini, input.buttonminir, input.buttonminiy { background: #F1F1C0; /* žlutý nádech */ border-width: 1px 2px 2px 1px; box-shadow: #999999 1px 1px 3px; padding: 0px 2px 0px 2px; font-size: 70%; } input.buttonminiy,input.buttony { background: yellow; /* žlutá */ } input.buttonyy { background: #FFFFCC; /* světle žlutá */ } input.buttonminir { background: #DF5900; /* červená */ } input.buttonmini:hover, input.buttonminiy:hover, input.buttonmini:focus, input.buttonminiy:focus { background: #FFDF7D; /* oranžová */ } input.buttonminir:hover, input.buttonminir:focus { background: #CC0000; /* červená */ color: yellow; /* žlutá */ } /* otazník - nápověda na click - viz KČT-DENÍK TURISTY input.image { padding: 0px; margin: 7px 0px -7px 0px; width: 25px; height: 25px; border: 2px solid transparent; border-radius: 15px; background: transparent; } input.image:hover, input.image:focus { background: url("images/otaznik-green-x.png"); image: url("images/otaznik-green-x.png"); border: 2px solid #FFDF7D; border-radius: 15px; background: #FFDF7D; } */ /* odesílací tlačítko pro přihlášku */ input.buttonprihl { font-weight:bold; text-align:center; font-size:20px; background: #FF8888; } input.buttonprihl:hover, input.buttonprihl:focus { background: #CC0000; /* červená */ color: yellow; /* žlutá */ } input.inputdisabled { color: #777777; background: #DDDDDD; } input.neviditelny { height: 1px; width: 1px; font-size: 1px; border: 0px solid; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; box-shadow: 0px 0px 0px; background: transparent; } ::placeholder { color: #BBBBBB; font-style: italic; } /* stylování checkbox: není to vůbec jednoduché */ /* https://webdesign.tutsplus.com/cs/articles/quick-tip-easy-css3-checkboxes-and-radio-buttons--webdesign-8953 */ input[type=checkbox] { } /* pro začátek stačí udělat obálku podobnou inputu - nutno udělat obálku SPANem, na vlastní element InPUT to nefunguje */ .obalkacheckbox, .obalkacheckboxdisabled { border-radius: 3px; background: #E8F4FF; /* modrý nádech */ border: 1px #777777 solid; box-shadow: #777777 1px 1px 1px; } .obalkacheckboxdisabled { background: #EEEEEE; /* šedá */ } /* --------------------------------------------------------------------------------------------------------------- */ /* DISKUSE */ /* ------------------------- */ #diskuseformular { } #diskuseupozorneni { padding-left: 15px; border-left: 5px dotted #777777; } #diskusevypis h3 { margin-top: 0px; margin-bottom: 0px; } /* --------------------------------------------------------------------------------------------------------------- */ /* SUŠENKOVÝ ZÁKON EU */ /* ------------------------- */ .topmessage { color: #CC0000; padding: 8px; margin: 0px 0px 5px 0px; text-align: center; background: #FFFF00; border-radius: 10px; box-shadow: 2px 2px 4px black; border: 1px solid black; } .cookieobalka { background: black; padding-top: 10px; opacity: 0.85; position: fixed; /* neposunování infookna */ bottom: 0px; left: 0px; width: 100%; z-index: 1000;} .cookie { font-family: Verdana,Geneva,Helvetica,Arial,sans-serif; color: #FFFF33; background: black; text-align: center; line-height: 1.0; margin: 0px; padding: 5px 10px 10px 10px; border-color: #CC0000; border-style: solid; border-width: 3px 0px 0px 0px; font-size: 14px; } .cookie a { color: #FFFF33; } .cookie input { margin-left: 5px; margin-bottom: 5px; background: #004400; color: white; box-shadow: 0px 0px 0px black; border-radius: 3px; border-width: 1px; font-size: 14px; } .cookie a:hover, .cookie a:focus { background: #333333; } .cookie input:hover, .cookie input:focus { background: #006600; } /* --------------------------------------------------------------------------------------------------------------- */ /* CHYBOVÉ HLÁŠKY */ /* --------------------------- */ p.chyba { margin: 5px 0px 5px 0px; padding: 0px 5px 0px 5px; text-align: left; font-weight: bold; background: #FFFF00; } p.nechyba { font-weight: bold; } p.chyba, p.nechyba, p.chyba a, p.nechyba a { color: #DF5900; /* žluto-oranžová */ } p.chyba a:hover, p.nechyba a:hover, p.chyba a:focus, p.nechyba a:focus { background: #FFCC00; /* žlutá */ } /* --------------------------------------------------------------------------------------------------------------- */