/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 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: 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 #dadada; border-bottom: solid 1px #dadada; 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.25em; font-weight: bold; } .podstranky .podstranka .anotace, .novinky .novinka_obsah .anotace, #fotogalerie .fotogalerie_top_obsah .popis, #fotogalerie .fotogalerie_obsah .popis, #download .download_obsah .popis { width: 100%; 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 #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 .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: 24.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%; padding-bottom: 5px; } .novinky_col .novinky_col_obsah { width: 212px; margin: 0px auto 2em; padding: 0 0 8px 0; background: url(../images/design/novinky_separator.html) 0 bottom repeat-x; } .novinky_col .last { margin-bottom: 0; } .novinky_col .novinky_col_obsah .datum_col { color: #fff; font-size: .9em; } .novinky_col .novinky_col_obsah .datum_col span.dd { float: left; display: block; background: url(../images/design/bg_dd.gif) 0 0 no-repeat #0268b5; padding: 8px 8px 3px 8px; } .novinky_col .novinky_col_obsah .datum_col span.mm { float: left; display: block; background: url(../images/design/bg_dd.gif) 0 0 no-repeat #0268b5; padding: 8px 8px 3px 8px; margin-left: 6px; } .novinky_col .novinky_col_obsah .datum_col span.yy { float: left; display: block; background: url(../images/design/bg_yy.gif) 0 0 no-repeat #0268b5; padding: 8px 7px 3px 8px; margin-left: 6px; } .novinky_col .novinky_col_obsah h4 { margin: .55em 0 .44em; font-size: 1.1em; font-weight: bold; border-bottom: 1px solid #eeeeee; padding-bottom: 3px; } .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 { float: left; margin: .6em 0 0 0; text-align: right; } .novinky_col p.archiv { float: left; margin: 0em 0 0 9px; text-align: left; } .novinky_col p.archiv a { background: url(../images/design/bg_archive.gif) 0 3px no-repeat; padding: 0 0px 0 10px; } /* * * * * * 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 .anotace { width: auto; } .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 { } /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ /* * * * * * * * * * * 3. Modul produkty a obchod / Products & Eshop * * * * * * * * * * * */ /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ /* * * * * * eshop košík ve sloupci / eshop basket in column * * * * * */ #eshop_kosik_mini { position: absolute; width: 132px; top: 33px; right: 27px; color: white; font-size: 1.1em; } #eshop_kosik_mini .eshop_kosik_mini_cont { } #eshop_kosik_mini p.kosik_nadpis { background: none; padding: 0; margin: 0 0 5px 0; font-weight: bold; font-size: 1em; color: white; border: none; text-decoration: underline; } #eshop_kosik_mini p.kosik_nadpis a { color: white; } #eshop_kosik_mini #kosik_cena { display: block; margin: 7px 0 0 0; } #eshop_kosik_mini .eshop_kosik_mini_cont table { width: 100%; border-collapse: collapse; } #eshop_kosik_mini .eshop_kosik_mini_cont table th { padding: 2px 0; text-align: left; } #eshop_kosik_mini .eshop_kosik_mini_cont table td { padding: 2px 0; text-align: right; } #eshop_kosik_mini .eshop_kosik_mini_cont ul { margin: 1em 0 0; } #eshop_kosik_mini .eshop_kosik_mini_cont ul li { width: 100%; margin-bottom: 9px; padding: 0; font-size: 1.083em; font-weight: bold; background: url(../images/design/minibasket_1.gif) 0 0 no-repeat; } #eshop_kosik_mini .eshop_kosik_mini_cont ul li a { display: block; width: 100%; } #eshop_kosik_mini .eshop_kosik_mini_cont ul li a span { display: block; padding: 4px 0 4px 35px; } #eshop_kosik_mini .eshop_kosik_mini_cont ul li a:hover { } #eshop_kosik_mini .eshop_kosik_mini_cont ul li.doKatalogu { } #eshop_kosik_mini .eshop_kosik_mini_cont ul li.doKosiku { background-image: url(../images/design/minibasket_2.gif); } #eshop_kosik_mini .eshop_kosik_mini_cont ul li.doPokladny { margin-bottom: 0; background-image: url(../images/design/minibasket_3.gif); } /* * * * * * eshop produkty / eshop products * * * * * */ .kategorie_vypis .produkty_kategorie .produkty_obrazek { display: inline; float: left; margin: 1.25em 1.5em 0.5em 0; } .eshop_vypis, .produkty_vypis { width: 100%; } .eshop_vypis .eshop_nahled, .produkty_vypis .produkty_nahled { float: left; width: 33.2%; margin: 0 auto; } .eshop_vypis .eshop_nahled .eshop_nahled_cont, .produkty_vypis .produkty_nahled .produkty_nahled_cont { margin: 0 6px 10px 6px; padding: 0px 10px 5px 10px; text-align: center; border-right: 1px solid #dadada; border-bottom: solid 1px #dadada; } .eshop_vypis .eshop_nahled h2, .produkty_vypis .produkty_nahled h2 { margin: 0px 0 12px; padding: 0 0 5px; font-size: 1.1em; font-weight: bold; text-align: left; min-height: 32px; height: auto !important; height: 32px; } .eshop_vypis .eshop_nahled p.eshop_obrazek, .produkty_vypis .produkty_nahled p.produkty_obrazek { margin: 0 auto; text-align: center; min-height: 125px; height: auto !important; height: 125px; } .eshop_vypis .eshop_nahled .eshop_neni_obrazek, .produkty_vypis .produkty_nahled .produkty_neni_obrazek { text-align: center; width: 180px; height: 90px; background: url(../images/no_image/no_image.gif) 50% 0 no-repeat; min-height: 125px; height: auto !important; height: 125px; } .eshop_vypis .eshop_nahled .anotace, .produkty_vypis .produkty_nahled .anotace { margin: 5px 0; line-height: 1.5em; min-height: 60px; height: auto !important; height: 60px; } .eshop_vypis .eshop_nahled .anotace p, .produkty_vypis .produkty_nahled .anotace p { margin: 0; } .eshop_vypis .eshop_nahled .cena_od { margin: .5em 0 0; line-height: 1.5em; text-align: right; font-size: 1.15em; } .eshop_vypis .eshop_nahled .cena_od span { font-weight: bold; margin: 0 0 0 4px; } .eshop_vypis .eshop_nahled ul.ceny { margin: .5em 0 0; line-height: 1.5em; text-align: right; } .eshop_vypis .eshop_nahled ul.ceny li { padding: 0; background: none; } .eshop_vypis .eshop_nahled ul.ceny li.cena { } .eshop_vypis .eshop_nahled ul.ceny li.bezna_cena { } .eshop_vypis .eshop_nahled ul.ceny li.usetrite { } .eshop_vypis .eshop_nahled .do_kosiku { display: inline; margin: 1em 0 0; line-height: 1.5em; } /* * * * * * do košíku / basket inputs * * * * * * * HACKED in ie.cs! */ .do_kosiku p { margin: 0; text-align: right; } .do_kosiku p * { vertical-align: middle; } .do_kosiku p input { margin: 0; } .do_kosiku p input.eshop_pocet { width: 15px; padding-top: 2px; padding-bottom: 2px; text-align: right; } .do_kosiku p select { } .do_kosiku p input.sub { padding-top: 0; padding-bottom: 0; padding-left: 20px; background-image: url(../images/design/eshop_submit.gif); } /* * * * * * eshop detail * * * * * */ #eshop_detail, #produkty_detail { width: 100%; } #eshop_detail p.inline_image, #produkty_detail p.inline_image { display: inline; float: right; margin: 0 0 0.5em 1.5em; line-height: normal; } #eshop_detail ul.eshop_ceny { margin: 2em 0 1em; padding: 1em 0; border-top: solid 1px #dadada; border-bottom: solid 1px #dadada; text-align: center; line-height: normal; } #eshop_detail ul.eshop_ceny li { display: inline; margin: 0 5px; padding: 0; background: none; } #eshop_detail ul.eshop_ceny li.produkty_cenadph { font-weight: bold; } #eshop_detail .sku p { width: 100%; text-align: right; font-size: 1.1em; margin: 0; } #eshop_detail .obal { float: right; } #eshop_detail .cena_od { float: left; margin: 0 0 0 20px; line-height: 1.5em; font-size: 1.25em; text-align: right; } #eshop_detail .cena_od span { font-weight: bold; margin: 0 0 0 4px; font-size: 1.45em; } #eshop_detail .dalsi-foto { float: left; margin: 0; font-size: 1.25em; } #eshop_detail .dalsi-foto a { padding-left: 28px; background: url(../images/icons/ico_image.gif) 0 1px no-repeat; } #eshop_detail table { width: 100%; } #eshop_detail table th { font-weight: bold; border-bottom: 1px solid #dedede; padding: 4px; background: #eee; } #eshop_detail table td { padding: 4px; } #eshop_detail .popis-dole { margin: 1em 0; padding: 1px; } #eshop_detail .sku { clear: both; } /* * * * * * nákupní košík a pokladna / shopping basket and checkout * * * * * */ table.kosik_produkty { width: 100%; } table.kosik_celkem { margin-top: 1.8em; } table.kosik_produkty th { border: solid 1px #dadada; background: #eee; color: black; } table.kosik_produkty td { border: solid 1px #eee; } table.kosik_produkty th, table.kosik_produkty td { padding: 3px 5px; border-left: 0; border-right: 0; } table.kosik_produkty td.basket_oddel { border: none; background: none; } /* * * * tlačítka / buttons * * * */ table.kosik_produkty td.mnozstvi *, table.kosik_produkty td.del_icon * { vertical-align: middle; } table.kosik_produkty td.del_icon form, table.kosik_produkty td form div { display: inline; } table.kosik_produkty td.mnozstvi input.poc { width: 15px; text-align: right; } table.kosik_produkty td.mnozstvi input.eshop_mj, table.kosik_produkty td.del_icon input.eshop_del { padding: 0; border: none; } table.kosik_produkty th.cena_jedn, table.kosik_produkty td.cena_jedn, table.kosik_produkty th.cena_mn, table.kosik_produkty td.cena_mn, table.kosik_produkty td.cena_celkem { text-align: right; } table.kosik_produkty th.dph, table.kosik_produkty td.dph, table.kosik_produkty th.mnozstvi, table.kosik_produkty td.mnozstvi, table.kosik_produkty th.smazat, table.kosik_produkty td.del_icon { text-align: center; } #eshop_kosik p.do_pokladny { text-align: right; font-weight: bold; } #pokladna p.do_kosiku { text-align: left; font-weight: bold; } /* * * * pokladna - formulář s checkboxy / checkout - form with checkboxes * * * */ #pokladna fieldset ul { margin: 0; } #pokladna fieldset ul li { padding: 0; background: none; } .doprava_hidden { display: none; } #pokladna fieldset table td { padding-left: 5px; } #pokladna fieldset table td input { width: 250px; } #pokladna fieldset textarea { width: 97%; margin: 0 auto; } /* * * * * * pokladna a změna profilu - formulář s adresami / checkout and change profile - form with addresses * * * * * */ .registrace fieldset p, #zmena_profilu fieldset p, #pokladna fieldset p { width: 100%; margin: 0 0 0.2em; text-align: left; } .registrace fieldset p:after, #zmena_profilu fieldset p:after, #pokladna fieldset p:after { display: block; clear: both; content: " "; } .registrace fieldset p label, #zmena_profilu fieldset p label, #pokladna fieldset p label span.label { float: left; width: 100px; padding-top: 2px; } #pokladna fieldset p label span.error { float: right; padding-top: 2px; color: #c00; } .registrace fieldset p input, #zmena_profilu fieldset p input, #pokladna fieldset p input { width: 200px; } #pokladna p.jina_dorucovaci { margin: 3em 0 1em; } #pokladna #dorucovaci h2 { margin-top: 0; } /* * * * * * změna hesla - formulář / change password - form * * * * * */ .zmena_hesla fieldset p { width: 100%; margin: 0 0 0.2em; text-align: left; } .zmena_hesla fieldset p label { float: left; width: 100px; padding-top: 2px; } .zmena_hesla fieldset p input { } .zmena_hesla fieldset p.submit { margin: 1em 0 0; } /* * * * * * top produkty / top products * * * * * */ #eshop_top { width: 100%; } #eshop_top h2 { margin-bottom: 0; } #eshop_top .eshop_top_obsah { width: 100%; } #eshop_top .eshop_top_obsah .eshop_top_obsah_cont { width: 100%; } #eshop_top .eshop_top_obsah h3 { margin: 24px 0 12px; padding: 0 0 5px; border-bottom: solid 1px #dadada; font-size: 1.25em; font-weight: bold; } #eshop_top .eshop_top_obsah p.eshop_top_obrazek { display: inline; float: left; width: 120px; margin: 0; } #eshop_top .eshop_top_obsah .eshop_top_neni_obrazek { display: inline; float: left; width: 120px; height: 90px; background: url(../images/no_image/no_image.gif) 0 0 no-repeat; } #eshop_top .eshop_top_obsah .popis { display: inline; float: right; width: 72%; line-height: 1.5em; } #eshop_top .eshop_top_obsah .popis p { margin: 0; } #eshop_top .eshop_top_obsah ul.ceny { display: inline; float: right; width: 72%; margin: 1em 0 0; line-height: 1.5em; text-align: right; } #eshop_top .eshop_top_obsah ul.ceny li { padding: 0; background: none; } #eshop_top .eshop_top_obsah ul.ceny li.cena { } #eshop_top .eshop_top_obsah ul.ceny li.bezna_cena { } #eshop_top .eshop_top_obsah ul.ceny li.usetrite { color: green; } #eshop_top .eshop_top_obsah p.vice { display: inline; float: right; width: 72%; margin: 1em 0 0; text-align: right; } /* * * * * * produktový strom / products tree * * * * * */ .produkty_strom { font-size: 1em; } .produkty_strom ul { width: 100%; margin: 0; padding: 10px 0 3px 0; } .produkty_strom ul li { position: relative; width: 100%; margin: 0; padding: 0; border-bottom: 1px solid #2e9aed; background: url(../images/design/strom_li.gif) 204px 6px no-repeat; } .produkty_strom ul li img.menu_cat_sipka { position: absolute; top: 11px; right: 16px; } .produkty_strom ul li a { display: block; width: 100%; text-decoration: none; font-size: 1.05em; color: #cee9fe; font-weight: bold; } .produkty_strom ul li a span { display: block; padding: 5px 30px 5px 18px; } .produkty_strom ul li a:hover { text-decoration: underline; } /* selected effect for first level */ .produkty_strom ul li.selected { background: url(../images/design/strom_li_selected.gif) 204px 6px no-repeat #034d85; } .produkty_strom ul li.selected a { color: #fff; text-decoration: underline; } /* second level */ .produkty_strom ul li ul { margin: 0px 0 0px; padding: 0px 0 8px 0; } .produkty_strom ul li ul li, .produkty_strom ul li.selected ul li { margin: 0; background: none; border: none; } .produkty_strom ul li ul li a, .produkty_strom ul li.selected ul li a { color: #cee9fe; font-weight: normal; font-size: 1em; text-decoration: none; } .produkty_strom ul li ul li a span { padding-left: 32px; } /* selected effect for second level */ .produkty_strom ul li.selected ul li.selected { background: url(../images/design/strom_li_selected_X.html) 204px 6px no-repeat; } .produkty_strom ul li.selected ul li.selected a { color: #fff; font-weight: bold; text-decoration: underline; font-size: 1em; } /* Third level */ .produkty_strom ul li ul li ul { margin: 0px; padding: 2px 0 0px 0; } .produkty_strom ul li.selected ul li ul li, .produkty_strom ul li.selected ul li.selected ul li { background: url(../images/design/strom_li2.html) 60px 7px no-repeat; } .produkty_strom ul li.selected ul li ul li a, .produkty_strom ul li.selected ul li.selected ul li a { color: #cee9fe; font-weight: normal; font-size: 1em; text-decoration: none; } .produkty_strom ul li ul li ul li a span { padding-left: 49px; } /* selected effect for third level */ .produkty_strom ul li.selected ul li.selected ul li.selected { /*background: url(../images/design/strom_li_li_li_selected.gif) 0px 0px no-repeat;*/ } .produkty_strom ul li.selected ul li.selected ul li.selected a { color: #fff; font-weight: bold; text-decoration: underline; } /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ /* * * * * * * * * * * 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 { } #anketa_sloupec .anketa { width: 212px; margin: 0 auto; padding: 5px 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: 3px 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 { display: block; color: black; font-weight: bold; } #anketa_sloupec .anketa p a:hover { text-decoration: none; } #anketa_sloupec .anketa p a .text { cursor: pointer; } #anketa_sloupec .anketa p a .bar { display: block; height: 10px; line-height: 1px; font-size: 1px; background: #fac6c8; cursor: pointer; } #anketa_sloupec .anketa p a .bar .hlasy { display: block; height: 10px; line-height: 1px; font-size: 1px; cursor: pointer; background: #ed1c24; } #anketa_sloupec .anketa p.hlasujte { margin: 10px 0 0; text-align: left; } #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 .reakce { padding: 1em; border: solid 1px #dadada; background: #f5f5f5; } #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; } /* * * * * * 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; } #guestbook ul li h2.active { font-weight: bold; } #guestbook ul li.neschvaleno { border-top-color: #ae0000; background-image: url(../images/otaznik.html); 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 { position: absolute; top: 10px; left: 16px; width: 220px; padding: 0px; } .infomail h3 { color: white; margin: 0 0 7px 0; font-size: 1.2em; } .infomail fieldset { margin: 0; padding: 0; text-align: left; border: none; background: none; } .infomail fieldset input.text { float: left; width: 140px; padding: 5px 0 5px 5px; font-family: Arial; font-size: 1em; border: 1px solid #838383; border-right: none; border-bottom: none; } .infomail fieldset span.submit { display: block; } .infomail fieldset input.sub { float: left; margin-left: 3px; width: 61px; height: 26px; } /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ /* * * * * * * * * * * 9. Modul bannery / Banners * * * * * * * * * * * */ /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ .banner { width: 100%; overflow: hidden; margin: 1em 0; text-align: center; } /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ /* * * * * * * * * * * 10. Modul kalendář / Calendar * * * * * * * * * * * */ /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ /* * * * * * ve sloupci / in column * * * * * */ #kalendar_col { } #kalendar_col p { margin: 0.5em 0 0; text-align: center; } #kalendar_col table { width: 92%; border-collapse: separate; } #kalendar_col table caption { margin: 0; padding: 0 0 2px; font-weight: bold; text-align: center; } #kalendar_col table th, #kalendar_col table td { padding: 3px 0px; text-align: center; } #kalendar_col table th { border: solid 1px #bfd4e8; background: #dae7f3; color: black; } #kalendar_col table td { border: solid 1px #dadada; background: #fafafa; } #kalendar_col table td.month_cal_action { padding: 0; font-weight: bold; color: white; border-color: #0055a6; background: #0068CC; } #kalendar_col table td div { position: relative; padding: 3px 5px; cursor: help; } #kalendar_col table td div.hover, #kalendar_col table td div:hover { z-index: 50; background: #309aff; } #kalendar_col table td div span { position: absolute; top: -999em; left: -999em; width: 15em; padding: 0.5em; font-weight: normal; cursor: default; text-align: left; color: black; border: solid 1px #e0de3f; background: #ffff8c; } #kalendar_col table td div.hover span, #kalendar_col table td div:hover span { top: auto; bottom: 12px; left: auto; right: 10px; } #kalendar_col table td div:hover span a { z-index: 51; } /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ /* * * * * * * * * * * 11. Modul jídelní menu / Lunches menu * * * * * * * * * * * */ /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ /* * * * * * jídelní menu ve sloupci / column lunches menu * * * * * */ .jidelnicek_sloupec { } .jidelnicek_sloupec ul { } .jidelnicek_sloupec ul li { margin: 0.5em 0; } .jidelnicek_sloupec ul li span.okolo { display: block; width: 100%; } .jidelnicek_sloupec ul li span.nazev { float: left; width: 75%; } .jidelnicek_sloupec ul li span.cena { float: right; width: 24.9%; white-space: nowrap; text-align: right; } /* * * * * * jídelní menu / lunches menu * * * * * */ .jidelni_menu { } .jidelni_menu h2 { margin-bottom: 0.5em; font-size: 1.25em; font-weight: bold; border-bottom: solid 1px #dadada; } .jidelni_menu h3 { margin: 2em 0 0.5em; font-size: 1em; color: black; } .jidelni_menu h3.first { margin-top: 1em; } .jidelni_menu ul { margin: 0; width: 100%; } .jidelni_menu ul li { } .jidelni_menu ul li span.okolo { display: block; width: 100%; } .jidelni_menu ul li span.nazev { float: left; } .jidelni_menu ul li span.cena { float: right; white-space: nowrap; text-align: right; } .jidelni_menu ul li br { display: none; } .jidelni_menu ul li span.popis { display: block; margin-bottom: 0.5em; } /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ /* * * * * * * * * * * 12. Modul auta / Cars * * * * * * * * * * * */ /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ /* * * * * * vyhledávání / searchform * * * * * */ .auta { } .auta fieldset p { width: 100%; text-align: left; } .auta fieldset p.select { margin: 0; text-align: center; } .auta fieldset p select { width: 32%; } .auta fieldset p.checkboxy { margin: 0; text-align: left; } .auta fieldset p.palivo { margin-top: 1em; } .auta fieldset p.checkboxy .label { display: block; float: left; width: 18%; } .auta fieldset p.checkboxy input { margin: 0; padding: 0; } .auta fieldset p.checkboxy .plavec { display: block; float: left; width: 27.2%; } .auta fieldset p.checkboxy .cleaner { display: block; clear: both; height: 1px; line-height: 1px; font-size: 1px; } .auta fieldset p.vysledek { margin-bottom: 0; font-weight: bold; } .auta fieldset p.vysledek .text { display: block; float: left; } .auta fieldset p.vysledek strong { font-size: 1.3em; } .auta fieldset p.vysledek input { display: block; float: right; } /* * * * * * akční nabídka / action offers * * * * * */ #auta_akce { margin-top: 25px; } #auta_akce #fotky { width: 100%; height: 140px; overflow: auto; margin: 1em 0; padding: 5px 0; border-top: solid 3px #dadada; border-bottom: solid 1px #dadada; background: #fafafa; } #auta_akce #fotky p { margin: 0; line-height: normal; text-align: center; } #auta_akce #fotky p.nazev { margin-bottom: 0.5em; } #auta_akce #fotky p.nazev span { display: block; } #auta_akce #fotky p.cena { margin-top: 0.5em; } /* * * * * * výpis aut * * * * * */ div.text_horni, div.text_dolni { margin: 1em 0; line-height: 1.4em; } table.auta_vypis { border-collapse: collapse; margin-bottom: 1em; } table.auta_vypis th, table.auta_vypis td { padding: 2px 5px; text-align: center; } table.auta_vypis th { border: solid 1px #bfd4e8; background: #dae7f3; color: black; } table.auta_vypis td { border: solid 1px #dadada; background: white; } table.auta_vypis tr.sudy td { background: #fafafa; } table.auta_vypis .razeni { display: block; } table.auta_vypis .razeni img { margin: 0; padding: 0; border: none; } table.auta_vypis td.foto { padding: 3px; } table.auta_vypis td.foto img { margin: 0; padding: 0; border: solid 1px black; } table.auta_vypis td.cena { text-align: right; } /* * * * * * detail auta / car detail * * * * * */ .auto_detail { width: 100%; } .auto_detail #reality_photo { display: inline; float: right; margin-left: 10px; } .auto_detail #reality_photo img { margin: 0; padding: 0; border: solid 1px black; } .auto_detail table { width: 100%; border-collapse: collapse; } .auto_detail table th, .auto_detail table td { padding: 3px 5px; } .auto_detail table th { width: 100px; border: solid 1px #bfd4e8; background: #dae7f3; color: black; } .auto_detail table td { border: solid 1px #dadada; background: #fafafa; } .auto_detail table.top { width: auto; } .auto_detail table.top th, .auto_detail table.top td { border: none; background: white; } /* 512px celkem */ .auto_detail .left { float: left; width: 68%; } /* 150px autofotky */ .auto_detail .autofotky { float: right; width: 29%; text-align: center; } .auto_detail .autofotky .fotky { margin: 0; } .auto_detail .autofotky .fotky .foto { width: 100%; } /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ /* * * * * * * * * * * 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: -10px; 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.il label { display: inline; } #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 { margin-top: 0; } #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: 115px; padding: 2px 6px 2px 27px; border-color: #838383; font-family: Arial, Helvetica, sans-serif; background: white url(../images/design/search_input.gif) 0 0 no-repeat; color: #282828; } #vyhledavani fieldset p.vyraz label { float: left; width: 120px; 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 { clear: both; width: 100%; margin: 2.5em 0 2em; } #floats .float { display: inline; float: left; width: 285px; margin: 0 18px 18px 0; padding: 0 0 18px 0; border-bottom: 1px solid #bfd9ec; } #floats .last { margin-right: 0; } #floats .float h2 { margin: 0; font-size: 1.3em; font-weight: bold; } #floats .float h2 a { color: #0066b3; display: block; padding: 7px 10px 76px 26px; text-decoration: none; } #floats .float h2 a span { } #floats .float h2 a:hover { text-decoration: underline; } #floats .float .anotace { margin: 1em 0 0; padding: 0 10px; line-height: 1.5em; } #floats .float .anotace p { margin: 0; } #floats #f1 { background: url(../images/design/float1.jpg) 0 0 no-repeat; } #floats #f2 { background: url(../images/design/float2.jpg) 0 0 no-repeat; } #floats #f3 { background: url(../images/design/float3.jpg) 0 0 no-repeat; } #floats #f4 { background: url(../images/design/float4.jpg) 0 0 no-repeat; } #floats #f5 { background: url(../images/design/float5.jpg) 0 0 no-repeat; } #floats #f6 { background: url(../images/design/float6.jpg) 0 0 no-repeat; } /* #kategorie_home */ /* rozcestník na homepage / homepage floats - PRO JQUERY ROZCESTNIK */ #eshop_kategorie_home .floats { width: 100%; background: #dbf0ff url(../images/design/floats_white.gif) 0 100% repeat-x; } #eshop_kategorie_home .floats:after { display: block; clear: both; content: " "; } #eshop_kategorie_home .float_1 { float: left; width: 242px; background: white; } #eshop_kategorie_home .float_1 ul { margin: 0; padding: 0; } #eshop_kategorie_home .float_1 ul li { float: left; background: url(../images/design/float_li.gif) 0 0 no-repeat; margin: 0 0 2px 0; padding: 0; } #eshop_kategorie_home .float_1 ul li a { width: 212px; display: block; padding: 10px 0 10px 30px; text-decoration: none; font-size: 1.1em; } #eshop_kategorie_home .float_1 ul li a:hover { background: url(../images/design/float_li_hover.gif) 0 0 no-repeat; color: #ed1c24; } #eshop_kategorie_home div.float_2 { float: right; width: 326px; padding: 18px 15px 17px 0px; text-align: center; vertical-align: middle; } #eshop_kategorie_home div.float_2 img { border: 3px solid white; } /* * * * * * záložky * * * * * */ #zalozky { padding-bottom: 9px; background: url(../images/design/zalozky_bg.gif) 0 100% no-repeat; } #zalozky .zahlavi { } #zalozky .zahlavi ul { margin: 0; width: 100%; position: relative; top: 1px; } #zalozky .zahlavi ul:after { display: block; clear: both; content: ' '; } #zalozky .zahlavi ul li { float: left; padding: 0; background: red; margin: 10px 1px 0 0; width: 225px; background: #dcedff url(../images/design/taby.gif) 0 0 no-repeat; font-size: 1.0833em; text-align: center; } #zalozky .zahlavi ul li a { display: block; padding: 8px 10px 9px 10px; text-decoration: none; min-height: 36px; height: auto !important; height: 36px; } #zalozky .zahlavi ul li a span { } #zalozky .zahlavi ul li.ui-tabs-selected { background-position: -225px 0; background-color: white; margin-top: 0; } #zalozky .zahlavi ul li.ui-tabs-selected a { color: #303030; font-weight: bold; padding-top: 18px; padding-bottom: 10px; } #zalozky .telo { border-top: 1px solid #ffe767; padding: 10px 24px 1px; width: 629px; background: url(../images/design/telo_bg.gif) 0 0 repeat-y; } #zalozky .telo .ui-tabs-hide { display: none; }