/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * MODULES.CSS: - styly jednotlivých modulů * - single modules styles * * version: 1.0.0 / wa 2.82 * author: OV * email: vetesnik@ebrana.cz * media: screen * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ /* * * * * * obsahy / content boxes * * * * * */ .fotky, #fotogalerie, #download { width: 100%; margin: 2em 0; } .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 { width: 560px; margin: 0 -9px 5px; padding: 17px 20px 14px; font-size: 1.333em; font-weight: bold; background: url(../images/design/podstranka_h2.jpg) 0 0 no-repeat; } .podstranky .podstranka h2 a, .podstranky .podstranka h3 a, .fotky h2 a, .novinky .novinka_obsah h2 a, #fotogalerie .fotogalerie_top_obsah h2 a, #fotogalerie .fotogalerie_obsah h2 a, #download .download_obsah h2 a { text-decoration: none; } .podstranky .podstranka h2 a:hover, .podstranky .podstranka h3 a:hover, .fotky h2 a:hover, .novinky .novinka_obsah h2 a:hover, #fotogalerie .fotogalerie_top_obsah h2 a:hover, #fotogalerie .fotogalerie_obsah h2 a:hover, #download .download_obsah h2 a:hover { text-decoration: underline; } .podstranky .podstranka .anotace, .novinky .novinka_obsah .anotace, #fotogalerie .fotogalerie_top_obsah .popis, #fotogalerie .fotogalerie_obsah .popis, #download .download_obsah .popis { margin: 0 0 1.5em; 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 #dadada; border-bottom: solid 1px #dadada; 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 { margin: 2em 0; } .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.obrazek{ display: inline; float: left; margin: 0 1em 0.5em 0; } .podstranky .podstranka p.vice { margin: 8px 0 0; text-align: right; } /* * * * * * fotky / photos * * * * * */ .fotky { margin: 2em 0; } .fotky p.foto { display: inline; float: left; width: 24.9%; margin: 0.75em 0; text-align: center; } .fotkyLide p.foto { width: 33%; } .fotky p.foto a { } .fotky p.foto a img { border: solid 1px #333; } .fotky p.foto a:hover img { border-color: #FFDF0F; } /* * * * * * 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 #262626; background: url(../images/design/ico_download.gif) 105% -20px no-repeat; } .soubory p { margin: 0; } .soubory p b { display: block; margin-bottom: 8px; } /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ /* * * * * * * * * * * 2. Modul novinky / News * * * * * * * * * * * */ /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ .novinky { margin: 2em 0; } /* * * * * * novinky ve sloupci / column news * * * * * */ .novinky_col { width: 100%; } .novinky_col .novinky_col_obsah { width: 100%; margin: 0 0 2em; } .novinky_col .last { margin-bottom: 0; } .novinky_col .novinky_col_obsah .datum_col { margin-bottom: 5px; text-align: right; font-size: 0.9166em; } .novinky_col .novinky_col_obsah .datum_col_karticka { display: inline; float: left; width: 40px; height: 33px; margin: 0 14px 0 0;font-size: 0.833em; font-family: Tahoma, Arial, Helvetica, sans-serif; line-height: 1.1em; background: url(../images/design/datum.gif) 0 0 no-repeat; } .novinky_col .novinky_col_obsah .datum_col_karticka span { display: block; padding: 8px 0 0 5px; text-align: center; } .novinky_col .novinky_col_obsah h4 { margin: 0 0 1em; font-size: 1em; font-weight: bold; border: none; } .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: bold; } /* * * * * * archiv novinky / news archive * * * * * */ .novinky .novinka_obsah_cont { width: 100%; } .novinky .novinka_obsah h2 .datum { float: right; padding-top: 2px; margin-left: 10px; margin-right: 10px; color: black; font-size: 0.75em; } .novinky .novinka_obsah p.image { display: inline; float: left; margin: 0 1em 0.5em 0; } .novinky .novinka_obsah p.vice { margin: 0; text-align: right; font-weight: bold; } /* * * * * * 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 { width: 100%; } #novinky_detail .anotace img { margin: 0 1.5em 0.5em 0; } #novinky_detail .popis { } /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ /* * * * * * * * * * * 4. Modul fotogalerie / Photogallery * * * * * * * * * * * */ /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ /* * * * * * fotogalerie * * * * * */ #fotogalerie .fotogalerie_top_obsah h2 .pocet { float: right; padding-top: 2px; margin-left: 10px; margin-right: 10px; color: black; font-size: 0.75em; } #fotogalerie .fotogalerie_top_obsah .popis { margin: 0 0 12px; line-height: 1.5em; } #fotogalerie .fotogalerie_top_obsah .fotky_top, #fotogalerie .fotogalerie_obsah .fotky_top { margin: 12px 0; } #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 { } #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-size: 0.916em; color: white; } #anketa_sloupec .anketa p { margin: 8px 0; text-align: left; font-size: 0.916em; } #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 { display: block; color: white; 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: 7px; margin-top: 2px; line-height: 1px; font-size: 1px; background: #3a3a38; cursor: pointer; } #anketa_sloupec .anketa p a .bar .hlasy { display: block; height: 7px; line-height: 1px; font-size: 1px; cursor: pointer; background: #fada0f; } #anketa_sloupec .anketa p.hlasujte { margin: 10px 0 0; text-align: center; } #anketa_sloupec .anketa p.hlasujte em { font-style: normal; } /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ /* * * * * * * * * * * 7. Modul kniha hostů / Guestbook * * * * * * * * * * * */ /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ #guestbook { } #guestbook fieldset p { margin: 0; text-align: left; } #guestbook fieldset p label { display: block; padding-bottom: 1px; } #guestbook fieldset p.jmeno { display: inline; float: left; width: 47%; margin: 0 0 1em; } #guestbook fieldset p.email { display: inline; float: right; width: 47%; margin: 0 0 1em; } #guestbook fieldset p.jmeno input, #guestbook fieldset p.email input { width: 96%; } #guestbook fieldset p.text { clear: both; } #guestbook fieldset p.text textarea { width: 98%; } #guestbook fieldset p.kod { margin: 1em 0; } #guestbook fieldset p.kod label { display: inline; } #guestbook fieldset p.kod label img { margin: 0; padding: 0; border: none; vertical-align: top; } #guestbook fieldset p.submit { margin: 1em 0 0; } #guestbook fieldset select { } #guestbook fieldset textarea { } /* * * * * * reagovat / reply * * * * * */ #guestbook #reaguj { width: 100%; } #guestbook #reaguj h2 { margin: 0; } #guestbook #reaguj p.hlavicka { margin: 1em 0; text-align: left; color: black; font-weight: bold; } #guestbook #reaguj .text { margin: 1em 0; line-height: 1.5em; } #guestbook #reaguj p.zrusit { margin: 1em 0 0.5em; font-weight: bold; } /* * * * * * příspěvky / posts * * * * * */ #guestbook ul { width: 100%; margin: 0; } #guestbook ul li { margin: 1em 0; padding: 1em 0 1em 1em; border-top: solid 3px #dadada; background: #fafafa; } #guestbook ul li h2 { margin: 0; font-size: 1em; color: black; font-weight: bold; } #guestbook ul li.neschvaleno { border-top-color: #ae0000; background-image: url(../images/otaznik.gif); background-position: 100% 100%; background-repeat: no-repeat; } #guestbook ul li.neschvaleno h2 { color: #ae0000; } #guestbook ul li.neschvaleno h2 a { color: #ae0000; } #guestbook ul li.neschvaleno h2 a.schvalit { color: #005FC1; } #guestbook ul li p.text { margin-bottom: 0; } #guestbook ul li .odpoved { margin: 1em 0 0; font-style: italic; font-weight: bold; } #guestbook ul li ul li { margin-left: 1em; border-left: solid 1px #dadada; } /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ /* * * * * * * * * * * 8. Modul newsletter / Newsletter * * * * * * * * * * * */ /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ .infomail { width: 100%; padding: 8px 0 0; } .infomail fieldset { margin: 0; padding: 0; border: none; background: none; } .infomail fieldset input.text { width: 180px; } .infomail fieldset span.submit { display: block; margin-top: 5px; text-align: right; } /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ /* * * * * * * * * * * 9. Modul bannery / Banners * * * * * * * * * * * */ /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ .banner { width: 100%; overflow: hidden; margin: 1em 0; text-align: center; } /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ /* * * * * * * * * * * 13. Ostatní / Others * * * * * * * * * * * */ /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ /* * * * * * kontaktní formulář / contact form * * * * * */ #contact_form { } #contact_form form { margin: 2em 0 0; position: relative; } #contact_form .obalka { position: absolute; top: -24px; right: 0; width: 111px; height: 80px; background: url(../images/design/obalka.gif) 0 0 no-repeat; } #contact_form fieldset { margin: 0; padding: 1em 115px 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 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 .sekce h3 { margin: 0; padding-left: 1.666em; font-size: 1em; line-height: 1.5em; background: url(../images/design/li.gif) 0.416em 0.416em no-repeat; } /* * * * * * právě vysírá * * * * * */ #vysila_box h3 { display: inline; float: left; width: 125px; margin: 0; } #vysila_box p.image { display: inline; float: right; width: 74px; margin: 0; padding-top: 8px; text-align: right; } #vysila_box p.image img { border: solid 1px #2f2f2f; } #vysila_box p.text { margin: 0; text-align: left; } #vysila_box p.text strong { display: inline; float: left; width: 105px; margin: 5px 0 0; padding: 8px 10px; background: url(../images/design/prave_jmeno.gif) 0 0 no-repeat; } #vysila_box p.text span { clear: both; display: block; margin-left: 10px; font-size: 0.833em; } /* * * * * * vzkazy * * * * * */ #form_box { } #form_box fieldset p { margin: 0; text-align: left; } #form_box fieldset p.email { margin-top: 1em; } #form_box fieldset p.email input { float: left; margin-right: 3px; } #form_box fieldset p.kod { clear: both; } #form_box fieldset p textarea { width: 187px; } /* * * * * * datum * * * * * */ p#sloupec_datum { width: 100%; margin: 0 0 1em; } p#sloupec_datum span { float: left; width: 65px; } p#sloupec_datum strong { display: block; font-weight: normal; color: #ffdf0f; } /* * * * * * počasí * * * * * */ #pocasi_box { } #pocasi_box .dny { width: 100%; } #pocasi_box .dny p.den { display: inline; float: left; width: 33.3%; margin: 0; text-align: center; } #pocasi_box .dny p.den span{ display: block; text-align: center; }