/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * X_CHECKOUT.CSS: - styly pro pokladnu * - checkout styles * * verze: 1.1.13 / ecp 1.2 * autor: OV * email: vetesnik@ebrana.cz * media: screen * * úpravy: nastylování kódu .sleva .kod h4 a .sleva .kod ul - (1.1.2) * přidáno p.adresa_akce (1.1.3) * uprade pluginů - #plugin (1.1.4) * vynulováno pozadí pro přihlašovací fieldset - #pokladna_registrace fieldset (1.1.5) * pozadí poznámky na bílou - .foot .right p.info (1.1.6) * oprava cesty na default pro .sleva a #plugin (1.1.7) * dán padding na inputy v registraci - #pokladna_registrace fieldset input (1.1.8) * vynulováno pozadí fieldsetu u slevy + padding zleva - .sleva fieldset (1.1.9) * selecty v checkout vedle sebe - .foot .padder .payment_adv_sel (1.1.10) * přidán z-index na "#pokladna_registrace .left" a "#pokladna_registrace .right" kvůli překrývání s patičkou (1.1.11) * přidány styly pro "cetelem" (1.1.12) * přidány styly pro "essox" (1.1.13) * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * * common styles * * * * * * * * * * * * * * */ /* * * * * * ćísla * * * * * */ table.status_bar { width: 100%; } table.status_bar tr td { width: 13%; text-align: center; padding: 0; font-size: 0.9em; } table.status_bar tr td.h_space { width: 8.75%; background: url(../images/default/pokladna/linka.gif) 0 20px repeat-x; } table.status_bar tr td span { display: block; font-size: 1.8em; } table.status_bar tr td a { cursor: default; color: #aaa; } table.status_bar tr td.step_on a { color: black; } /* * * * * * kroky * * * * * */ .head, .foot { width: 100%; background: #f5f5f5 url(../images/pokladna/krok.gif) 1px 0 repeat-y; } .head .padder { border: solid 1px #e6e6e6; border-bottom: none; } .no_complete { background: url(../images/pokladna/no_complete.gif) 100% 0 no-repeat; } .complete { background: url(../images/pokladna/complete.gif) 100% 0 no-repeat; } .head { position: relative; margin-top: 1em; } .head a.switch { position: absolute; top: 7px; right: 75px; font-size: 0.9em; } .head h3 { margin: 0; padding: 5px 10px 5px 0; font-size: 1.3em; color: black; } .poznamka h3, .vypis h3 { padding-left: 39px; } .head h3 .outer { display: block; } .head h3 .outer span { display: block; float: left; width: 29px; margin-right: 10px; text-align: center; } .foot .padder { padding: 5px 5px 5px 40px; border: solid 1px #e6e6e6; border-top: none; } .foot .padder .payment_adv_sel { display: inline; } .foot .padder p { margin-top: 0; } .foot p.last { margin-bottom: 0; } /* * * * * * sleva * * * * * */ .sleva { width: 100%; background: #FFE6D7 url(../images/default/pokladna/bg_checkout_promotional.gif) 0 0 repeat-y; } .sleva fieldset { margin: 0; padding-left: 45px; border: solid 1px #BE7B51; color: #782E00; background: none; } .sleva img.tlaco { float: right; cursor: pointer; } .sleva p { margin: 0; padding-top: 8px; } .sleva a { color: #782E00; } .sleva input { border-color: #782E00; } .sleva .kod h4 { margin: 0; } .sleva .kod ul { margin: 0; } /* * * * * * pluginy * * * * * */ #plugin { width: 100%; margin: 1em 0; background: #f7ebeb url(../images/default/pokladna/krok.gif) 1px 0 repeat-y; } #plugin .padder { border: solid 1px #e8caca; padding: 5px 5px 5px 40px; } #plugin p { width: 100%; margin: 0; font-weight: bold; } #plugin p span { display: block; float: left; margin-top: 6px; } #plugin p a.image { float: right; } #plugin p input.image { float: right; } /* * * * essox * * * */ #plugin.essox { background: white url(../images/default/pokladna/krok_essox.gif) 1px 0 repeat-y; } #plugin.essox .padder { border: solid 1px #C9001B; border-top: none; padding: 5px 5px 5px 42px; } #plugin.essox h3 { margin: 0; padding: 5px 10px 5px 0; font-size: 1.3em; border: solid 1px #C9001B; border-bottom: none; } #plugin.essox h3 .outer { display: block; } #plugin.essox h3 .outer span { display: block; float: left; width: 29px; margin-right: 10px; text-align: center; color: black; } #plugin.essox p span { display: inline; float: none; margin: 0; } #plugin.essox table th { padding-right: 8px; font-weight: normal; text-align: left; } #plugin.essox table th.mandatory { } #plugin.essox table td input { width: 200px; margin: 0 2px; } #plugin.essox table td select { width: 200px; margin: 0 2px; } #plugin.essox table td select#essox_akont { width: 60px; } #plugin.essox table td select#essox_installments { width: 60px; } #plugin.essox table td select#id_essox_typ_zbozi { width: 300px; } #plugin.essox p.submit { margin-bottom: 0; text-align: right; } #plugin.essox p.navigace { width: 100%; } #plugin.essox p.navigace a { } #plugin.essox p.navigace a.zpet { float: left; } #plugin.essox p.navigace a.dale { float: right; } #plugin.essox p span.cleaner { display: block; float: none; } /* * * * ebanka * * * */ #plugin.ebanka { background: #000037; } #plugin.ebanka .padder { border: solid 2px #FF8600; padding-left: 20px; } #plugin.ebanka p { color: white; } #plugin.ebanka p a.image input { border: solid 2px #FF8600; } #plugin.ebanka p a.image input:hover { border-color: white; } /* * * * homecredit * * * */ #plugin.homecredit { background: #F5F5F5 url(../images/default/pokladna/krok_hc.gif) 1px 0 repeat-y; } #plugin.homecredit .padder { border: solid 2px #ED171F; } /* * * * cetelem * * * */ #plugin.cetelem { color: black; background: #e6f8f0 url(../images/default/pokladna/krok_cetelem.gif) 1px 0 repeat-y; } #plugin.cetelem .padder { border-color: #168B54; } #plugin.cetelem .boxLeft { display: inline; float: left; width: 48%; margin: 0 0 1em; } #plugin.cetelem .boxRight { display: inline; float: right; width: 48%; margin: 0 0 1em; } #plugin.cetelem .boxBoth { clear: both; margin: 0 0 1em; } #plugin.cetelem p { margin: 1em 0; font-weight: normal; } #plugin.cetelem p.header { margin: 0 0 1em; font-size: 1.3em; font-weight: bold; } #plugin.cetelem h4 { margin-top: 0; } #plugin.cetelem fieldset { margin: 0; padding: 0; border: none; background: none; } #plugin.cetelem table { border-collapse: collapse; } #plugin.cetelem table th { width: 95px; padding: 1px 0 0 0; } #plugin.cetelem table td { padding: 1px 0 0 0; } #plugin.cetelem table td select { width: 200px; } #plugin.cetelem table td input { border-color: #168B54; } #plugin.cetelem p.submit { width: 100%; } #plugin.cetelem p.submit span { float: left; margin: 20px 0 0 20px; } #plugin.cetelem p.submit input { float: right; margin: 0 10px 0 0; } #plugin.cetelem input.sub { background: #168B54; border-color: #168B54; } p.adresa_akce { float: right; position: relative; top: -18px; right: 5px; margin: 0; } p.adresa_akce a { margin-right: 0.3em; padding: 0; background: none; } .foot div.right { float: right; width: 49.9%; } .foot div.left { float: left; width: 49.9%; } .foot table.adresy { border-collapse: collapse; } .foot .left table.adresy { width: 95%; } .foot table.adresy th { color: #454036; font-weight: normal; text-align: right; } .foot .left table.adresy td input { width: 140px; } .foot .left table.adresy td select { width: 141px; } .foot .right p.firmy { margin: 0 0 1em; font-weight: bold; } .foot .right p.info { margin: 1em 0 0; border: solid 1px #e6e6e6; background: white; padding: 0.5em 0.6em; } .foot p.pokracovat { text-align: right; margin: 0; } p#podminky { margin: 0.5em 1em 0; text-align: right; } p#podminky a { } p#podminky input { margin: 0; padding: 0; } /* * * * * * registrace * * * * * */ #pokladna_registrace { margin: 1em 0 1em; padding: 0 4em; } #pokladna_registrace h3 { margin: 0.2em 0 0.5em; color: black; } #pokladna_registrace .left { float: left; width: 282px; height: 260px; background: #f5f5f5; border: solid 1px #e6e6e6; position: relative; z-index: 100; } #pokladna_registrace .right { float: right; width: 282px; height: 260px; background: #f5f5f5; border: solid 1px #e6e6e6; position: relative; z-index: 100; } #pokladna_registrace .cont { padding: 0.5em 0.6em; } #pokladna_registrace form { margin: 1em 0 0.5em; } #pokladna_registrace fieldset { padding: 0; border: none; background: none; } #pokladna_registrace fieldset label { float: left; width: 48%; margin-bottom: 2px; } #pokladna_registrace fieldset input { float: left; width: 45%; margin-bottom: 2px; padding: 2px 3px; } #pokladna_registrace .tlacitko { position: absolute; bottom: 0.5em; right: 0.5em; margin: 0; } #pokladna_registrace .chyba { position: absolute; top: 265px; left: 0; width: 100%; margin: 0; } #pokladna_registrace .chyba span { display: block; padding: 0.5em 0.6em; color: white; border: solid 1px #800; background: #c00; }