/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * X_CHECKOUT.CSS: - styly pro pokladnu * - checkout styles * * verze: 1.1.9 / 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) * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * * 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: #00A651; } /* * * * * * kroky * * * * * */ .head, .foot { width: 100%; background: #fcfcfc url(../images/pokladna/krok.gif) 1px 0 repeat-y; } .head .padder { border: solid 1px #dedede; 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; } .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; color: black; } .foot .padder { padding: 5px 5px 5px 40px; border: solid 1px #dedede; border-top: none; } .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; } /* * * * 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; } p.adresa_akce { float: right; position: relative; top: -18px; right: 5px; margin: 0; padding: 0; list-style: none; list-style-image: none; } 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 #dedede; 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 5em; } #pokladna_registrace h3 { margin: 0.2em 0 0.5em; } #pokladna_registrace .left { float: left; width: 282px; height: 280px; background: #fcfcfc; border: solid 1px #dedede; position: relative; } #pokladna_registrace .right { float: right; width: 282px; height: 280px; background: #fcfcfc; border: solid 1px #dedede; position: relative; } #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: 278px; 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; }