/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * MODULES.CSS: - předpis pro styly vnitřností, například novinky, fotky, podstránky, eshop, * produkťák, mapa stránek, apod. * - stylesheet for modules like news, photogalleries, subpages, eshop, * product catalogue, sitemap, etc. * * version: 1.0.0 / wa 2.82 * author: OV * email: vetesnik@ebrana.cz * media: screen * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ /* * * * * * obsahy / content boxes * * * * * */ .podstranky, .fotky, .novinky, #fotogalerie, #download { width: 100%; margin: 2em 0; } .podstranky .podstranka, .fotky, .novinky .novinka_obsah, #fotogalerie .fotogalerie_top_obsah, #fotogalerie .fotogalerie_obsah, #download .download_obsah { margin: 0 0 1em; padding: 10px 12px 12px; border-top: solid 3px #d8eaff;border-bottom: solid 1px #d8eaff; background: #fafafa; } .podstranky .podstranka h2, .podstranky .podstranka h3, .fotky h2, .novinky .novinka_obsah h2, #fotogalerie .fotogalerie_top_obsah h2, #fotogalerie .fotogalerie_obsah h2, #download .download_obsah h2 { margin: 0; font-size: 1.083em; font-weight: bold; } .podstranky .podstranka .anotace, .novinky .novinka_obsah .anotace, #fotogalerie .fotogalerie_top_obsah .popis, #fotogalerie .fotogalerie_obsah .popis, #download .download_obsah .popis { margin: 8px 0 0; line-height: 1.5em; } .podstranky .podstranka .anotace p, .novinky .novinka_obsah .anotace p, #fotogalerie .fotogalerie_top_obsah .popis p, #fotogalerie .fotogalerie_obsah .popis p, #download .download_obsah .popis p { margin: 0; } /* * * * * * kategorie / categories * * * * * */ .kategorie_vypis, #novinky_kategorie { width: 100%; } .kategorie_vypis .eshop_kategorie, .kategorie_vypis .produkty_kategorie, .kategorie_vypis .fotogalerie_kategorie, #novinky_kategorie .kategorie_obsah, .kategorie_vypis .download_kategorie { /*display: inline; float: left; width: 48%;*/ margin: 0 0 1.25em; } /* .kategorie_vypis .last, #novinky_kategorie .last { float: right; }*/ .kategorie_vypis .eshop_kategorie .eshop_kategorie_cont, .kategorie_vypis .produkty_kategorie .produkty_kategorie_cont, .kategorie_vypis .fotogalerie_kategorie .fotogalerie_kategorie_cont, #novinky_kategorie .kategorie_obsah .kategorie_obsah_cont, .kategorie_vypis .download_kategorie .download_kategorie_cont { padding: 10px 12px; border-top: solid 3px #d8eaff; border-bottom: solid 1px #d8eaff; background: #fafafa; } .kategorie_vypis .eshop_kategorie h2, .kategorie_vypis .produkty_kategorie h2, .kategorie_vypis .fotogalerie_kategorie h2, #novinky_kategorie .kategorie_obsah h2, .kategorie_vypis .download_kategorie h2 { margin: 0; font-size: 1.25em; font-weight: bold; } .kategorie_vypis .eshop_kategorie .anotace, .kategorie_vypis .produkty_kategorie .anotace, .kategorie_vypis .fotogalerie_kategorie .anotace, #novinky_kategorie .kategorie_obsah .anotace, .kategorie_vypis .download_kategorie .anotace { margin: 1em 0 0; line-height: 1.5em; } .kategorie_vypis .eshop_kategorie .anotace p, .kategorie_vypis .produkty_kategorie .anotace p, .kategorie_vypis .fotogalerie_kategorie .anotace p, #novinky_kategorie .kategorie_obsah .anotace p, .kategorie_vypis .download_kategorie .anotace p { margin: 0; } /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ /* * * * * * * * * * * 1. Modul stránky / Pages * * * * * * * * * * * */ /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ /* * * * * * podstránky / subpages * * * * * */ .podstranky .col2 { display: inline; float: left; width: 280px; margin: 0 0 1em; } .podstranky .right { float: right; } .podstranky .col3 { display: inline; float: left; width: 174px; margin: 0 15px 1em 0; } .podstranky .last { margin-right: 0; } .podstranky .podstranka p.vice { margin: 8px 0 0; text-align: right; } /* * * * * * fotky / photos * * * * * */ .fotky { margin: 2em 0; padding: 10px 0 12px; } .fotky h2 { margin-left: 12px; margin-right: 12px; } .fotky p.foto { display: inline; float: left; width: 33.3%; margin: 0.75em 0; text-align: center; } .fotky p.foto a { } .fotky p.foto a img { border: solid 1px #dadada; } .fotky p.foto a:hover img { border-color: #1b66a6; } /* * * * * * navigátor / navigator * * * * * */ .navigator { margin: 1em 0; width: 100%; clear: both; } .navigator .predchozi { float: left; width: 25%; display: block; } .navigator .nasledujici { float: left; width: 24.9%; display: block; text-align: right; } .navigator .celkem { float: left; width: 50%; display: block; text-align: center; } .fotky .navigatorBottom { margin: 0.5em 0 0; } .fotky .navigator .predchozi a { margin-left: 8px; } .fotky .navigator .nasledujici a { margin-right: 8px; } /* * * * * * soubory ke stažení / download files * * * * * */ .soubory { margin: 2em 0; padding: 1em; border: 1px dotted #dadada; background: url(../images/icons/ico_download.gif) no-repeat 105% -20px; } .soubory h2, .soubory h3 { margin: 0 0 8px; font-size: 1em; color: black; font-weight: bold; } .soubory h3 { margin-bottom: 4px; } .soubory ul { margin: 0; line-height: normal; } .soubory ul li { margin: 0; padding: 0; background: none; } /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ /* * * * * * * * * * * 2. Modul novinky / News * * * * * * * * * * * */ /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ /* * * * * * novinky ve sloupci / column news * * * * * */ .novinky_col { width: 100%; } .novinky_col .novinky_col_obsah { margin: 4px 14px 7px 14px; padding: 0 0 17px 0; background: url(../images/design/bg_novinky_bottom.gif) 0 bottom repeat-x; } .novinky_col .last { margin-bottom: 0; background: none; padding: 0; } .novinky_col .novinky_col_obsah .datum_col { margin-bottom: 5px; text-align: right; font-size: 1em; color: #004fa8; padding: 8px 0 0 0; } .novinky_col .novinky_col_obsah .datum_col_karticka { } .novinky_col .novinky_col_obsah .datum_col_karticka span { display: block; padding: 8px 0 0 0px; text-align: right; color: #004ea5; } .novinky_col .novinky_col_obsah h4 { margin: 8px 0 8px 0; font-size: 1em; font-weight: normal; border: none; background: url(../images/design/bg_novinky_head.gif) 0 0 no-repeat; padding: 0 0 2px 24px; } .novinky_col .novinky_col_obsah .anotace { line-height: 1.5em; } .novinky_col .novinky_col_obsah .anotace p { margin: 0; } .novinky_col .novinky_col_obsah p.vice { margin: 0; text-align: right; } .novinky_col p.archiv { margin: 1em 0 0; text-align: center; font-weight: normal; font-size: 1.1em; } /* * * * * * archiv novinky / news archive * * * * * */ .novinky .novinka_obsah_cont { width: 100%; } .novinky .novinka_obsah .datum { float: right; padding-top: 2px; margin-left: 10px; } .novinky .novinka_obsah p.image { display: inline; float: left; margin: 1em 1.5em 0 0; } .novinky .novinka_obsah p.vice { margin: 0; text-align: right; } /* * * * * * detail novinky / news detail * * * * * */ #novinky_detail { width: 100%; } #novinky_detail .datum { float: right; padding-top: 8px; margin-left: 10px; } #novinky_detail p.image { display: inline; float: right; margin: 0 0 0.5em 1.5em; } #novinky_detail .anotace { } #novinky_detail .popis { } /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ /* * * * * * * * * * * 4. Modul fotogalerie / Photogallery * * * * * * * * * * * */ /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ /* * * * * * fotogalerie * * * * * */ #fotogalerie .fotogalerie_top_obsah .hlavicka, #fotogalerie .fotogalerie_obsah .hlavicka { width: 100%; } #fotogalerie .fotogalerie_top_obsah .hlavicka h2, #fotogalerie .fotogalerie_obsah .hlavicka h2 { display: inline; float: left; } #fotogalerie .fotogalerie_top_obsah .hlavicka p.pocet, #fotogalerie .fotogalerie_obsah .hlavicka p.pocet { display: inline; float: right; margin: 0; text-align: left; } #fotogalerie .fotogalerie_top_obsah .fotky_top, #fotogalerie .fotogalerie_obsah .fotky_top { margin-top: 12px; } #fotogalerie .fotogalerie_top_obsah .fotky_top .fotky, #fotogalerie .fotogalerie_obsah .fotky_top .fotky { margin: 0; padding: 0; border: none; } #fotogalerie .fotogalerie_top_obsah .fotky_top .fotky p.foto, #fotogalerie .fotogalerie_obsah .fotky_top .fotky p.foto { margin: 0; } /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ /* * * * * * * * * * * 5. Modul download / Download * * * * * * * * * * * */ /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ #download .download_obsah .soubory { margin: 1em 0 0; } #download .download_obsah .soubory ul li { margin: 0 0 1em; } #download .download_obsah .soubory ul li .nazev { display: block; } #download .download_obsah .soubory ul li.last { margin-bottom: 0; } /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ /* * * * * * * * * * * 6. Modul ankety / Polls * * * * * * * * * * * */ /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ #anketa_sloupec { width: 179px; margin: 10px auto 5px; } #anketa_sloupec .anketa { width: 100%; padding: 0 0 10px; } #anketa_sloupec .last { margin-bottom: 0; padding-bottom: 0; border: none; } #anketa_sloupec .anketa h4 { margin: 0; font-weight: normal; } #anketa_sloupec .anketa p { margin: 10px 0; text-align: left; } #anketa_sloupec .anketa p.obrazek { text-align: center; } #anketa_sloupec .anketa p.obrazek img { } #anketa_sloupec .anketa p .text { display: block; } #anketa_sloupec .anketa p a { color: black; display: block; text-decoration: none; } #anketa_sloupec .anketa p a:hover { text-decoration: underline; } #anketa_sloupec .anketa p a .text { cursor: pointer; } #anketa_sloupec .anketa p a .bar { display: block; height: 5px; line-height: 1px; font-size: 1px; background: #d6e5f6; cursor: pointer; } #anketa_sloupec .anketa p a .bar .hlasy { display: block; height: 5px; line-height: 1px; font-size: 1px; cursor: pointer; background: #004ea5; } #anketa_sloupec .anketa p.hlasujte { margin: 20px 0 0; background: url(../images/design/bg_anketa_link.gif) 12px 50% no-repeat; padding: 0 0 0 46px; font-size: .9em; } #anketa_sloupec .anketa p.hlasujte em { font-style: normal; } /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ /* * * * * * * * * * * 9. Modul bannery / Banners * * * * * * * * * * * */ /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ .banner { width: 100%; overflow: hidden; margin: 1em 0; text-align: center; } /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ /* * * * * * * * * * * 13. Ostatní / Others * * * * * * * * * * * */ /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ /* * * * * * kontaktní formulář / contact form * * * * * */ #contact_form { width: 99%; } #contact_form form { margin: 2em 0 0; position: relative; } #contact_form .obalka { position: absolute; top: -24px; right: 10px; width: 105px; height: 80px; background: url(../images/design/obalka.gif) 0 0 no-repeat; } #contact_form fieldset { margin: 0; padding: 1em 110px 1em 1em; } #contact_form fieldset p { text-align: left; } #contact_form fieldset p label { display: block; padding: 0 0 2px; } #contact_form fieldset p.jmeno { float: left; width: 45%; margin-top: 0; } #contact_form fieldset p.email { float: right; width: 45%; margin-top: 0; } #contact_form fieldset p.text { clear: both; margin-top: 0; } #contact_form fieldset p.jmeno input { width: 96%; } #contact_form fieldset p.email input { width: 96%; } #contact_form fieldset p.text textarea { width: 99%; } #contact_form fieldset p.poznamka { } #contact_form fieldset p.submit { margin-bottom: 0; } p.hilite { background: #fffcd2; } input.error, textarea.error { border: solid 1px #DE0000; } .error_msg { color: #DE0000; } div.error, p.error { margin-bottom: 15px; padding: 11px 11px 11px 70px; border: 1px solid #de0000; color: #de0000; background: #fbfbfb url(../images/design/alert.gif) no-repeat 10px 50%; } div.success, p.success { margin-bottom: 15px; padding: 11px 11px 11px 70px; border: 1px solid #5f8a0f; color: #51750D; background: #fbfbfb url(../images/design/succes.gif) no-repeat 10px 50%; } .do_kosiku div.success, #guestbook p.success { background-position: 10px 10%; } /* * * * * * klientská zóna - formulář / client zone - login form * * * * * */ .login_form { width: 100%; padding: 8px 0 0; } .login_form fieldset { margin: 0; padding: 0; border: none; background: none; } .login_form fieldset p { clear: both; width: 100%; margin: 0 0 3px; text-align: left; } .login_form fieldset p:after { display: block; clear: both; content: " "; } .login_form fieldset p label { float: left; width: 50px; } .login_form fieldset p input { float: right; width: 140px; } .login_form fieldset p.submit { margin-top: 5px; text-align: right; } .login_form fieldset p.submit input { float: none; width: auto; } /* * * * * * klientská zóna - menu / client zone - menu * * * * * */ .login_box { width: 100%; } .login_box ul { } .login_box ul li { } .login_box ul li a { } .login_box ul li a span { } /* * * * * * mapa stránek / site map * * * * * */ #mapa { width: 100%; } #mapa ul { margin: 0; } #mapa ul li { margin: 0 0 1em; padding: 1px 0 1px 20px; background-position: 0.5em 0.5em; } #mapa ul li a { font-size: 1.166em; font-weight: bold; } #mapa ul li a.plusMinus { margin-right: 5px; } #mapa ul ul { margin: 0.5em 0 1.5em 2em; } #mapa ul ul li { margin: 0; } #mapa ul ul li a { font-size: 1em; } #mapa ul ul ul { margin-bottom: 0; } #mapa ul ul ul li a { font-weight: normal; } /* * * * * * fulltextové vyhledávávání / fulltext search * * * * * */ #vyhledavani { } #vyhledavani fieldset { } #vyhledavani fieldset p { margin: 0.5em 0; } /* * * * hledaný výraz / searched text * * * */ #vyhledavani fieldset p.vyraz { margin-top: 0; } #vyhledavani fieldset p.vyraz input { margin-right: 2px; } #vyhledavani fieldset p.vyraz input.autocomplete { width: 164px; padding: 2px 6px 2px; border-color: #a6a9ac; font-family: Arial, Helvetica, sans-serif; background: white url(../images/design/search_input.gif) 0 0 no-repeat; } #vyhledavani fieldset p.vyraz label { float: left; width: 100px; margin-right: 3px; } #vyhledavani fieldset p.hledat { margin: 0; } #vyhledavani fieldset p.hledat label { float: left; width: 100px; margin: 0.5em 3px 0 0; } /* * * * vyhledané sekce / found sections * * * */ #vyhledavani fieldset .sekce { float: left; width: 100%; } #vyhledavani fieldset .sekce p { display: inline; float: left; width: 33%; margin: 0.5em 0 0; } #vyhledavani fieldset .sekce p * { vertical-align: middle; } #vyhledavani fieldset .sekce p label { font-weight: normal; } #vyhledavani fieldset .sekce p input { margin: 0 3px 0 0; } /* * * * tlačítko hledat / submit button * * * */ #vyhledavani fieldset p.submit { margin-bottom: 0; } /* * * * nalezeno záznamů / found entries * * * */ #vyhledavani h3 strong.highlight, #vyhledavani p.text strong.highlight { font-weight: bold; color: black; } /* * * * výsledky / results * * * */ #vyhledavani .vysledky { } #vyhledavani .vysledky .sekce { } #vyhledavani .vysledky .sekce h2 { margin-bottom: 0; font-size: 1.333em; } #vyhledavani .vysledky .sekce h2 span { font-size: 0.75em; color: #aaa; } #vyhledavani .vysledky .sekce p.text { margin: 0; } #vyhledavani .vysledky .sekce p.odkaz { margin-top: 0; overflow: hidden; } #vyhledavani .vysledky .sekce h3 { margin: 12px 0 0; font-size: 1em; color: black; } #vyhledavani .vysledky .sekce .soubory { margin: 0; padding: 0; border: none; background: none; } #vyhledavani .vysledky .sekce .soubory ul li * { vertical-align: middle; } #vyhledavani .vysledky .sekce .soubory ul li img { margin-right: 3px; } /* * * * * * rozcestník na úvodní straně / homepage floats * * * * * */ #floats { width: 100%; margin: 0 0 2em; } #floats .float { display: inline; float: left; width: 243px; height: 143px; margin: 0 7px 8px 0; text-align: center; background: #eee; } #floats #f1 { background: url(../images/design/f1.jpg) 0 0 no-repeat #b2d9ff; } #floats #f2 { background: url(../images/design/f2.jpg) 0 0 no-repeat #b2d9ff; } #floats #f3 { background: url(../images/design/f3.jpg) 0 0 no-repeat #b2d9ff; } #floats #f4 { background: url(../images/design/f4.jpg) 0 0 no-repeat #b2d9ff; } #floats #f5 { background: url(../images/design/f5.jpg) 0 0 no-repeat #b2d9ff; } #floats #f6 { background: url(../images/design/f6.jpg) 0 0 no-repeat #b2d9ff; } #floats #f1 h2 a:hover { background: url(../images/design/f1_hover.jpg) 0 0 no-repeat #b2d9ff; } #floats #f2 h2 a:hover { background: url(../images/design/f2_hover.jpg) 0 0 no-repeat #b2d9ff; } #floats #f3 h2 a:hover { background: url(../images/design/f3_hover.jpg) 0 0 no-repeat #b2d9ff; } #floats #f4 h2 a:hover { background: url(../images/design/f4_hover.jpg) 0 0 no-repeat #b2d9ff; } #floats #f5 h2 a:hover { background: url(../images/design/f5_hover.jpg) 0 0 no-repeat #b2d9ff; } #floats #f6 h2 a:hover { background: url(../images/design/f6_hover.jpg) 0 0 no-repeat #b2d9ff; } #floats .last { margin-right: 0; } #floats .float h2 { margin: 0; font-size: 1em; font-weight: bold; } #floats .float h2 a { width: 223px; display: block; padding: 13px 10px 110px 10px; text-decoration: none; } .ru #floats #f3 h2 a { padding: 7px 10px 108px; text-decoration: none; } #floats .float h2 a span { } #floats .float h2 a:hover { } #floats .float .anotace { margin: 1em 0 0; line-height: 1.5em; } #floats .float .anotace p { margin: 0; }