Created
September 18, 2010 14:18
-
-
Save machal/585713 to your computer and use it in GitHub Desktop.
Scuk.cz main stylesheet
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| @charset "utf-8"; | |
| /* ======================================================================= | |
| Hlavni stylopis pro Scuk.cz | |
| * projekt: www.scuk.cz | |
| * autor stylopisu: Martin Michalek, michalek@shortcat.cz | |
| * viz manual v README.txt | |
| ======================================================================= */ | |
| /* ----------------------------------------------------------------------- | |
| Blueprint CSS Framework 0.8 | |
| http://blueprintcss.org | |
| * Copyright (c) 2007-Present. See LICENSE for more info. | |
| * Edit by Martin Michálek 2010 | |
| * See README for instructions on how to use Blueprint. | |
| * For credits and origins, see AUTHORS. | |
| * This is a compressed file. See the sources in the 'src' directory. | |
| ----------------------------------------------------------------------- */ | |
| /* reset.css + html5 */ | |
| html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, | |
| footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;} | |
| body {line-height:1.5;} | |
| table {border-collapse:separate;border-spacing:0;} | |
| caption, th, td {text-align:left;font-weight:normal;} | |
| table, td, th {vertical-align:middle;} | |
| blockquote:before, blockquote:after, q:before, q:after {content:"";} | |
| blockquote, q {quotes:"" "";} | |
| a img {border:none;} | |
| header, nav, article, section, figure, aside, footer { display: block; } | |
| time { display: inline; } | |
| /* typography.css */ | |
| body {font-size:75%;color:#222;background:#fff;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;} | |
| h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;} | |
| h1 {font-size:3em;line-height:1;margin-bottom:0.5em;} | |
| h2 {font-size:2em;margin-bottom:0.75em;} | |
| h3 {font-size:1.5em;line-height:1;margin-bottom:1em;} | |
| h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;} | |
| h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;} | |
| h6 {font-size:1em;font-weight:bold;} | |
| h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;} | |
| p {margin:0 0 1.5em;} | |
| p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;} | |
| p img.right {float:right;margin:1.5em 0 1.5em 1.5em;} | |
| a:focus, a:hover {color:#000;} | |
| a {color:#009;text-decoration:underline;} | |
| blockquote {margin:1.5em;color:#666;font-style:italic;} | |
| strong {font-weight:bold;} | |
| em, dfn {font-style:italic;} | |
| dfn {font-weight:bold;} | |
| sup, sub {line-height:0;} | |
| abbr, acronym {border-bottom:1px dotted #666;} | |
| address {margin:0 0 1.5em;font-style:italic;} | |
| del {color:#666;} | |
| pre {margin:1.5em 0;white-space:pre;} | |
| pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;} | |
| li ul, li ol {margin:0 1.5em;} | |
| ul, ol {margin:0 1.5em 1.5em 1.5em;} | |
| ul {list-style-type:disc;} | |
| ol {list-style-type:decimal;} | |
| dl {margin:0 0 1.5em 0;} | |
| dl dt {font-weight:bold;} | |
| dd {margin-left:1.5em;} | |
| table {margin-bottom:1.4em;width:100%;} | |
| th {font-weight:bold;} | |
| thead th {background:#c3d9ff;} | |
| th, td, caption {padding:4px 10px 4px 5px;} | |
| tr.even td {background:#e5ecf9;} | |
| tfoot {font-style:italic;} | |
| caption {background:#eee;} | |
| /* ------------------------------------------------------------------------------ | |
| Dokument | |
| */ | |
| body { | |
| color: #232017; | |
| background-color: #f8e7cc; | |
| font-size: 14px; | |
| line-height: 19px; | |
| font-family: Georgia, "Times New Roman", Times, serif; | |
| } | |
| * { | |
| outline-color: #aaa; | |
| } | |
| p, ul, ol, blockquote, table { | |
| margin-bottom: 19px; | |
| } | |
| /* | |
| Odkazy | |
| */ | |
| a { | |
| color: #232017; | |
| } | |
| /* U multibarevnych odkazu v Cufonu nedavame nikde podtrzeni */ | |
| .cufonize a.multi-colorized { | |
| text-decoration: none; | |
| } | |
| /* ------------------------------------------------------------------------------ | |
| Layout | |
| */ | |
| #container { | |
| width: auto; | |
| text-align: left; | |
| position: relative; /* Proto, aby #service navigace mohla byt v kodu dole */ | |
| } | |
| /* ----- Lista prihlaseneho ----- */ | |
| #logged { | |
| position: relative; | |
| z-index: 2000; | |
| background-color: #232017; | |
| color: #91908b; | |
| font-family: Arial, Helvetica, serif; | |
| font-size: 12px; | |
| line-height: 18px; | |
| padding: 0 9px; | |
| height: 35px; | |
| } | |
| #logged #nav { | |
| float: left; | |
| margin: 0; | |
| } | |
| #logged #user { | |
| float: right; | |
| margin: 0; | |
| } | |
| #logged a { | |
| display: inline-block; | |
| padding: 8px 9px 9px 8px; | |
| color: #91908b; | |
| background-image: url(../img/layout/logged_a.gif); | |
| background-repeat: no-repeat; | |
| background-position: center left; | |
| text-decoration: none; | |
| margin-left: -3px; /* Posun o prazdny znak v HTML */ | |
| } | |
| #logged p a:first-child { | |
| background-image: none; | |
| } | |
| #logged a:hover, | |
| #logged a:focus { | |
| color: #fff; | |
| } | |
| #logged strong a { | |
| color: #fff; | |
| font-weight: normal; | |
| } | |
| /* ----- Hlavicka s logem, vyhledavanim a navigaci ----- */ | |
| #page_head { | |
| background-color: #fff; | |
| } | |
| #logo { | |
| float: left; | |
| margin-left: 6px; | |
| margin-bottom: 0; | |
| width: 249px; | |
| height: 95px; | |
| margin-bottom: -1px; /* Zezdola mame totiz mazaci div */ | |
| } | |
| #search { | |
| float: left; | |
| width: 370px; | |
| margin-left: 16px; | |
| margin-top: 36px; | |
| margin-bottom: 20px; | |
| } | |
| #search label { | |
| width: 129px; | |
| height: 27px; | |
| background-image: url(../img/layout/search_input.gif); | |
| background-repeat: no-repeat; | |
| float: left; | |
| margin-right: 9px; | |
| } | |
| #search input { | |
| border: 0; | |
| width: 110px; | |
| margin: 3px 0 0 10px; | |
| outline: none; | |
| } | |
| /* [OBSOLETE?] Pokud prohlizec neumi placeholder, musime ho stylovat jinak */ | |
| .no-placeholder #search input { | |
| margin-top: 5px; | |
| } | |
| /* [OBSOLETE?] Webkit: Input s placeholderem obarvime */ | |
| #search input::-webkit-input-placeholder { | |
| color: #232017; | |
| } | |
| #search #s { | |
| width: 67px; | |
| height: 20px; | |
| font-family: Georgia, "Times New Roman", Times, serif; | |
| font-size: 16px; | |
| line-height: 14px; | |
| font-style: italic; | |
| font-weight: bold; | |
| margin-top: 2px; | |
| margin-left: 0; | |
| text-indent: -5000px; | |
| background: transparent url(../img/hledat.gif?2) no-repeat top left; | |
| color: #232017; | |
| } | |
| #search #s:hover { | |
| cursor: pointer; | |
| background-position: 0px -20px; | |
| } | |
| /* ----- Hlavni navigace - kategorie ----- */ | |
| nav#categories { | |
| background-image: url(../img/layout/nav_categories.gif); | |
| background-repeat: repeat-x; | |
| min-height: 32px; | |
| margin-bottom: -1px; | |
| } | |
| nav#categories ul { | |
| margin: 0 0 0 19px; | |
| padding: 0; | |
| list-style-type: none; | |
| } | |
| /* [OBSOLETE?] Cufon */ | |
| .cufon-active nav#categories ul { | |
| margin-left: 16px; | |
| } | |
| nav#categories li { | |
| display: inline; | |
| font-family: Georgia, "Times New Roman", Times, serif; | |
| font-size: 16px; | |
| line-height: 14px; | |
| font-style: italic; | |
| font-weight: bold; | |
| margin-left: -3px; /* Posun o prazdny znak v HTML */ | |
| background-image: none; | |
| } | |
| nav#categories li a { | |
| display: inline-block; | |
| padding: 10px 6px 10px 6px; | |
| text-decoration: none; | |
| -moz-border-radius: 7px 7px 0 0; /* [OBSOLETE?] */ | |
| border-radius: 7px 7px 0 0; | |
| } | |
| /* [OBSOLETE?] Cufon: Verze navigace s Apexem, ktery ma trochu jine propozice */ | |
| .cufon-active nav#categories li a { | |
| padding: 9px 9px 7px 9px; | |
| line-height: 12px; | |
| } | |
| /* Barvy zalozek */ | |
| nav#categories .cat-vse a { color: #232017; } | |
| nav#categories .cat-cukrarny a { color: #FF0062; } | |
| nav#categories .cat-farmy a { color: #918f00; } | |
| nav#categories .cat-kavarny a { color: #7b351c; } | |
| nav#categories .cat-lahudky a { color: #d97809; } | |
| nav#categories .cat-maso a { color: #c8000f; } | |
| nav#categories .cat-ryby a { color: #009faf; } | |
| nav#categories .cat-ovozel a { color: #00954d; } | |
| nav#categories .cat-pekarny a { color: #b66100; } | |
| nav#categories .cat-restaurace a { color: #ff3300; } | |
| nav#categories .cat-napoje a { color: #1660a3; } | |
| nav#categories .cat-vino-destilaty a { color: #8b0020; } /* TODO: odstranit */ | |
| nav#categories .cat-temata a { color: #232017; } | |
| /* Mouseover a kliknuti */ | |
| nav#categories li a:hover, | |
| nav#categories li a:focus { opacity: 0.5; } | |
| /* Aktivni polozka */ | |
| nav#categories strong a { background-color: #232017; } | |
| nav#categories .cat-vse strong a { background-color: #232017; } | |
| nav#categories .cat-cukrarny strong a { background-color: #FF0062; } | |
| nav#categories .cat-farmy strong a { background-color: #918f00; } | |
| nav#categories .cat-kavarny strong a { background-color: #7b351c; } | |
| nav#categories .cat-lahudky strong a { background-color: #d97809; } | |
| nav#categories .cat-maso strong a { background-color: #c8000f; } | |
| nav#categories .cat-ryby strong a { background-color: #009faf; } | |
| nav#categories .cat-ovozel strong a { background-color: #00954d; } | |
| nav#categories .cat-pekarny strong a { background-color: #b66100; } | |
| nav#categories .cat-restaurace strong a { background-color: #ff3300; } | |
| nav#categories .cat-napoje strong a { background-color: #1660a3; } | |
| nav#categories .cat-vino-destilaty strong a { background-color: #8b0020; } /* TODO: odstranit */ | |
| nav#categories .cat-temata strong a { background-color: #232017; } | |
| #container nav#categories li strong a { | |
| opacity: 1; | |
| color: #fff; | |
| } | |
| /* ---- [OBSOLETE?] navigace s kategoriemi pro prohlizece bez podpory kulatych rohu ----- */ | |
| /* Schovame text, nastavime vlastnosti */ | |
| .cufon-active.no-borderradius nav#categories li a { | |
| text-indent: -5000px; | |
| background-repeat: no-repeat; | |
| background-position: 0px 0px; | |
| height: 32px; | |
| padding: 0; | |
| display: block; | |
| float: left; | |
| margin-left: 0; | |
| } | |
| .cufon-active.no-borderradius nav#categories li a:hover, | |
| .cufon-active.no-borderradius nav#categories li a:focus { | |
| background-position: 0px -32px; | |
| } | |
| .cufon-active.no-borderradius #container nav#categories li strong a { | |
| background-position: 0px -64px; | |
| background-color: #fff; | |
| } | |
| /* Obrazky na pozadi a rozmery */ | |
| .cufon-active.no-borderradius nav#categories .cat-vse a { | |
| background-image: url(../img/layout/nav-cat-vse.gif); | |
| width: 46px; } | |
| .cufon-active.no-borderradius nav#categories .cat-cukrarny a { | |
| background-image: url(../img/layout/nav-cat-cukrarny.gif); | |
| width: 95px; } | |
| .cufon-active.no-borderradius nav#categories .cat-farmy a { | |
| background-image:url(../img/layout/nav-cat-farmy.gif?2); | |
| width: 74px; } | |
| .cufon-active.no-borderradius nav#categories .cat-kavarny a { | |
| background-image:url(../img/layout/nav-cat-kavarny.gif); | |
| width: 88px; } | |
| .cufon-active.no-borderradius nav#categories .cat-lahudky a { | |
| background-image:url(../img/layout/nav-cat-lahudky.gif?2); | |
| width: 93px; } | |
| .cufon-active.no-borderradius nav#categories .cat-maso a { | |
| background-image:url(../img/layout/nav-cat-maso.gif); | |
| width: 61px; } | |
| .cufon-active.no-borderradius nav#categories .cat-ryby a { | |
| background-image:url(../img/layout/nav-cat-ryby.gif); | |
| width: 60px; } | |
| .cufon-active.no-borderradius nav#categories .cat-ovozel a { | |
| background-image:url(../img/layout/nav-cat-ovozel.gif?2); | |
| width: 72px; } | |
| .cufon-active.no-borderradius nav#categories .cat-pekarny a { | |
| background-image:url(../img/layout/nav-cat-pekarny.gif?2); | |
| width: 88px; } | |
| .cufon-active.no-borderradius nav#categories .cat-restaurace a { | |
| background-image:url(../img/layout/nav-cat-restaurace.gif); | |
| width: 109px; } | |
| .cufon-active.no-borderradius nav#categories .cat-napoje a { | |
| background-image:url(../img/layout/nav-cat-napoje.gif); | |
| width: 77px; } | |
| .cufon-active.no-borderradius nav#categories .cat-vino-destilaty a { | |
| background-image:url(../img/layout/nav-cat-vino-destilaty.gif); | |
| width: 145px; } /* TODO: odstranit */ | |
| .cufon-active.no-borderradius nav#categories .cat-temata a { | |
| background-image:url(../img/layout/nav-cat-temata.gif); | |
| width: 77px; } | |
| /* ----- Hlavni navigace - oblasti ----- */ | |
| nav#regions { | |
| color: #fff; | |
| background-color: #232017; | |
| font-family: Arial, Helvetica, serif; | |
| font-size: 12px; | |
| line-height: 18px; | |
| padding: 0 0 0 20px; | |
| } | |
| /* Z navigace se v ne-katalogovych castech zobrazuji jen prouzky */ | |
| nav#regions.bg-cat- { | |
| height: 4px; | |
| } | |
| nav#regions a, | |
| nav#regions span { | |
| display: inline-block; | |
| padding: 6px 5px 6px 5px; | |
| color: #fff; | |
| text-decoration: none; | |
| margin-left: -3px; /* Posun o prazdny znak v HTML */ | |
| } | |
| nav#regions span { | |
| opacity: .5; | |
| } | |
| nav#regions strong a, | |
| nav#regions a:hover, | |
| nav#regions a:focus { | |
| font-weight: normal; | |
| text-decoration: underline; | |
| } | |
| nav#regions a:first-child { | |
| background-image: none; | |
| } | |
| nav#regions a:hover { | |
| color: #fff; | |
| } | |
| /* ----- Mensi, servisni navigace ----- */ | |
| nav#service { | |
| position: absolute; | |
| top: 0px; | |
| right: 14px; | |
| width: 450px; | |
| color: #232017; | |
| font-size: 11px; | |
| line-height: 14px; | |
| font-family: Arial, Helvetica, serif; | |
| text-align: right; | |
| vertical-align: middle; | |
| } | |
| nav#service ul, | |
| nav#service #partner { | |
| margin: 0; | |
| padding: 0; | |
| list-style-type: none; | |
| display: inline; | |
| } | |
| nav#service li { | |
| display: inline; | |
| background-image: none; | |
| margin-left: -3px; /* Posun o prazdny znak v HTML */ | |
| } | |
| nav#service a { | |
| display: inline-block; | |
| padding: 10px 5px 5px 5px; | |
| text-decoration: none; | |
| color: #232017; | |
| margin: 0; | |
| background-color: #fff; | |
| } | |
| nav#service li a:hover, | |
| nav#service li a:focus, | |
| nav#service li strong a { | |
| text-decoration: underline; | |
| font-weight: normal; | |
| } | |
| #partner img { | |
| vertical-align: middle; | |
| margin-right: 2px; | |
| } | |
| #partner a:hover span, | |
| #partner a:focus span { | |
| text-decoration: underline; | |
| } | |
| /* ------------------------------------------------------------------------------ | |
| Obecny vzhled a typografie obsahove casti | |
| */ | |
| #content { | |
| padding: 20px 20px 20px 25px; | |
| background-color: #f8e7cc; | |
| } | |
| #content h1 { | |
| font-family: Georgia, "Times New Roman", Times, serif; | |
| font-size: 37px; | |
| line-height: 41px; | |
| font-style: italic; | |
| font-weight: normal; | |
| color: #232017; | |
| margin-bottom: 16px; | |
| letter-spacing: -0.5px; | |
| } | |
| /* [OBSOLETE?] Cufon */ | |
| .cufon-active #content h1 { | |
| margin-bottom: 10px; | |
| } | |
| #content ul { | |
| list-style-type: none; | |
| margin-left: 0; | |
| padding-left: 0; | |
| } | |
| #content ul li { | |
| background-image: url(../img/layout/list-bullet.png); | |
| background-repeat: no-repeat; | |
| background-position: 0px 3px; | |
| padding-left: 14px; | |
| } | |
| /* ------------------------------------------------------------------------------ | |
| Layout mapove sablony | |
| */ | |
| .template_map #content { | |
| width: 424px; | |
| float: left; | |
| overflow: auto; | |
| overflow-x: hidden; | |
| } | |
| .template_map #content a:hover, | |
| .template_map #content a:focus { | |
| text-decoration: none; | |
| } | |
| .template_map #map { | |
| width: 500px; | |
| float: left; | |
| } | |
| /* Mapovou sablonu nechceme scrollovat jako celek | |
| (a pokud se nam objevi rolovatko, spatne vypocteme rozmery mapy a obsahu) | |
| */ | |
| body.template_map { | |
| overflow: hidden; | |
| } | |
| /* ------------------------------------------------------------------------------ | |
| Layout textove sablony | |
| */ | |
| .template_text #content { | |
| padding: 27px 24px 27px 24px; | |
| } | |
| .template_text #content>h1:first-child { | |
| margin-bottom: 25px; | |
| } | |
| /* ------------------------------------------------------------------------------ | |
| Layout mapove sablony | |
| */ | |
| /* Prodlouzena paticka obsahove casti aby byly videt kulatiny */ | |
| .map_content_foot { | |
| height: 24px; | |
| border-top: 3px solid #F8E7CC; | |
| } | |
| /* ------------------------------------------------------------------------------ | |
| Seznam podniku | |
| */ | |
| #list { | |
| background-color: #fff; | |
| -moz-border-radius: 5px; /* [OBSOLETE?] */ | |
| border-radius: 5px; | |
| width: 398px; | |
| } | |
| /* [OBSOLETE?] kulaty roh obrazkem pro prohlizece, ktere neumi border-radius (IE atd) */ | |
| .no-borderradius #list { | |
| background-image: url(../img/layout/list_top.gif); | |
| background-repeat: no-repeat; | |
| background-position: top left; | |
| } | |
| /* Ramecek a padding u vsech dcerinnych prvku seznamu */ | |
| #list header h1, | |
| #list header #perex, | |
| #list #top_places, | |
| #list #tags { | |
| padding: 13px 30px 13px 17px; | |
| background-image: url(../img/layout/border.gif); | |
| background-repeat: repeat-x; | |
| background-position: left top; | |
| } | |
| #list header h1 { | |
| font-size: 23px; | |
| line-height: 25px; | |
| font-style: italic; | |
| font-weight: normal; | |
| color: #232017; | |
| padding-bottom: 10px; | |
| letter-spacing: -0.5px; | |
| margin-bottom: 0; | |
| border: 0; | |
| background-image: none; | |
| } | |
| /* [OBSOLETE?] Cufon */ | |
| .cufon-active #list header h1 { | |
| margin-bottom: 0; | |
| } | |
| /* Perex - textova informace o kategorii */ | |
| #list header #perex { | |
| margin-bottom: 0; | |
| padding-bottom: 1px; | |
| background-image: none; | |
| } | |
| #list header #perex p { | |
| margin-bottom: 14px; | |
| } | |
| #list #perex .header { | |
| padding-bottom: 6px; | |
| text-align: right; | |
| } | |
| #list #perex-switch { | |
| margin-right: 20px; | |
| } | |
| /* Top mista a tagy */ | |
| #list #top_places, | |
| #list #tags { | |
| font-family: Arial, Helvetica, serif; | |
| font-size: 12px; | |
| line-height: 18px; | |
| } | |
| #list #top_places a, | |
| #list #top_places strong, | |
| #list #tags p a { | |
| padding: 4px 6px 2px 6px; | |
| display: inline-block; | |
| margin-left: -3px; /* TODO */ | |
| } | |
| #list #top_places strong, | |
| #list #top_places a:hover, | |
| #list #top_places a:focus, | |
| #list #tags p a:hover, | |
| #list #tags p a:focus { | |
| font-weight: normal; | |
| background-color: #fcf3e6; | |
| color: #232017; | |
| text-decoration: none; | |
| } | |
| #list #top_places { | |
| margin: 0; | |
| padding-top: 9px; | |
| padding-bottom: 9px; | |
| } | |
| /* Kontextova reklama Mallu */ | |
| #mall_context p { | |
| border-top: 3px solid #F8E7CC; | |
| border-bottom: 3px solid #F8E7CC; | |
| padding: 10px 13px 9px 43px; | |
| margin: 0; | |
| font-family: Arial, Helvetica, serif; | |
| font-size: 12px; | |
| line-height: 18px; | |
| background-color: #fcf3e6; | |
| background-image: url(../img/mall_context.gif); | |
| background-position: 20px 11px; | |
| background-repeat: no-repeat; | |
| } | |
| #mall_context:hover p, | |
| #mall_context:focus p { | |
| background-color: #fff; | |
| } | |
| #mall_context strong { | |
| font-weight: normal; | |
| } | |
| /* Stitky k filtrovani v seznamu */ | |
| #list #tags { | |
| padding-top: 11px; | |
| margin-bottom: 0; | |
| padding-bottom: 0; | |
| } | |
| #list #tags .header { | |
| padding-bottom: 8px; | |
| height: 23px; | |
| text-align: right; | |
| } | |
| #list #tags .selected_tag { | |
| float: left; | |
| padding: 3px 20px 2px 6px; | |
| font-weight: normal; | |
| color: #232017; | |
| text-decoration: none; | |
| background: #fcf3e6 url(../img/layout/close_tag.gif) no-repeat top right; | |
| } | |
| #list #tags .selected_tag:hover { | |
| background-position: bottom right; | |
| } | |
| #list #tags .opener, | |
| #list #tags .closer { | |
| margin-top: -2px; | |
| } | |
| #list #tags #tags_list { | |
| margin-bottom: 0; | |
| padding-bottom: 13px; | |
| display: none; | |
| } | |
| /* Podnik v seznamu podniku */ | |
| #list article { | |
| border-top: #f8e7cc 3px solid; | |
| background-color: #fcf3e6; | |
| } | |
| #list article:hover, | |
| #list article:focus { | |
| background-color: #fefaf5; | |
| } | |
| #list article .head { | |
| text-decoration: none; | |
| } | |
| #list article h1 { | |
| font-size: 23px; | |
| line-height: 25px; | |
| font-style: italic; | |
| font-weight: normal; | |
| color: #232017; | |
| letter-spacing: -0.5px; | |
| margin-bottom: 0; | |
| } | |
| /* [OBSOLETE?] */ | |
| .cufon-active #list article h1 { | |
| margin-bottom: 0; | |
| } | |
| #list article h1:hover, | |
| #list article h1:focus { | |
| background-color: #fff; | |
| cursor: pointer; | |
| } | |
| /* Nazev podniku */ | |
| #list article h1 .fn { | |
| display: block; | |
| width: 325px; | |
| padding: 8px 17px 8px 17px; | |
| position: relative; | |
| text-decoration: none; | |
| font-weight: normal; | |
| } | |
| /* [OBSOLETE?] Pismenka cufonizovaneho multipodniku nezalamovat | |
| (jinak nam Cufon zalamuje po pismenkach) */ | |
| .cufon-active #content .cufonize .multi-colorized { | |
| white-space: nowrap; | |
| } | |
| /* [OBSOLETE?] ...a take srazit proklad mezi pismeny */ | |
| .cufon-active #content .cufonize .multi-colorized span { | |
| margin-left: -1px; | |
| } | |
| /* [OBSOLETE?] ...a mezeru v cufonizovanem multipodniku zalamovat muzeme */ | |
| .cufon-active #content .cufonize .multi-colorized .space { | |
| white-space: normal; | |
| } | |
| /* Mnam bublina */ | |
| #content #list article h1 .mnam { | |
| position: absolute; | |
| margin-top: -14px; | |
| margin-left: -5px; | |
| display: inline; | |
| width: 44px; | |
| height: 40px; | |
| } | |
| #list article p { | |
| margin-bottom: 0; | |
| } | |
| /* Radek s adresou v polozce seznamu */ | |
| #list article p.adr, | |
| #list article p.no-adr { | |
| padding: 6px 17px; | |
| background-image: url(../img/layout/border.gif); | |
| background-repeat: repeat-x; | |
| background-position: left top; | |
| } | |
| #list article p.adr:hover, | |
| #list article p.no-adr:hover, | |
| #list article p.adr:focus, | |
| #list article p.no-adr:focus { | |
| background-color: #fff; | |
| } | |
| #list article p a.street-address { | |
| color: #232017; | |
| border-bottom: 1px dotted #232017; | |
| text-decoration: none; | |
| line-height: 17px; | |
| display: inline-block; | |
| } | |
| #list article p a.street-address:hover, | |
| #list article p a.street-address:focus { | |
| border-bottom: 1px solid #232017; | |
| } | |
| #list article p a.url { | |
| font-style: italic; | |
| } | |
| #list article p a.url:hover, | |
| #list article p a.url:focus { | |
| color: #232017; | |
| } | |
| /* Potlaceny text podniku, ktere nejsou verejne viditelne */ | |
| #list article.non-great, | |
| #content.non-great, | |
| #list article.non-great h1, | |
| #list article.non-great a, | |
| #content.non-great a { | |
| color: #8b816f; | |
| } | |
| #list article.non-great, | |
| #content.non-great, | |
| #list article.non-great h1 { | |
| cursor: default; | |
| } | |
| /* ------------------------------------------------------------------------------ | |
| Detail podniku | |
| */ | |
| #back_to_listing { | |
| margin-bottom: 5px; | |
| } | |
| #back_to_listing a { | |
| color: #232017; | |
| } | |
| #back_to_listing a:hover, | |
| #back_to_listing a:focus { | |
| text-decoration: none; | |
| } | |
| /* Hlavni nadpis */ | |
| #page_detail #content #detail_head { | |
| position: relative; | |
| margin-bottom: 20px; | |
| width: 395px; | |
| } | |
| #page_detail .mnam { | |
| position: absolute; | |
| width: 58px; | |
| height: 42px; | |
| margin-left: -8px; | |
| margin-top: -13px; | |
| } | |
| /* ----- Zalozkova navigace ----- */ | |
| #detail nav ul { | |
| list-style-type: none; | |
| margin: 0; | |
| padding: 0; | |
| } | |
| #detail nav li { | |
| display: inline; | |
| font-family: Arial, Helvetica, serif; | |
| font-size: 12px; | |
| line-height: 18px; | |
| background-image: none; | |
| padding-left: 0; | |
| } | |
| #detail nav li a { | |
| display: inline-block; | |
| padding: 11px 13px 9px 13px; | |
| text-decoration: none; | |
| -moz-border-radius: 7px 7px 0 0; /* [OBSOLETE?] */ | |
| border-radius: 7px 7px 0 0; | |
| background-color: #fcf3e6; | |
| } | |
| #detail nav li a:hover, | |
| #detail nav li a:focus, | |
| #detail nav li strong a { | |
| background-color: #fff; | |
| font-weight: normal; | |
| } | |
| #detail nav li strong a { | |
| color: #232017; | |
| font-weight: normal; | |
| } | |
| #detail nav li a small { | |
| font-size: 12px; | |
| line-height: 18px; | |
| color: #232017; | |
| } | |
| #detail nav li#add_review a { | |
| border: 3px solid #fff; | |
| border-bottom: 0; | |
| padding: 8px 10px 9px 10px; | |
| } | |
| /* ----- Obsah jednotlivych zalozek v detailu podniku ----- */ | |
| #detail section { | |
| padding: 0; | |
| width: 398px; | |
| min-height: 100px; | |
| margin-bottom: 12px; | |
| -moz-border-radius: 0 10px 10px 10px; /* [OBSOLETE?] */ | |
| border-radius: 0 10px 10px 10px; | |
| background-color: #fff; | |
| } | |
| /* ----- Uvod detailu podniku ----- */ | |
| #detail #perex { | |
| padding: 16px 20px 1px 20px; | |
| font-size: 16px; | |
| line-height: 21px; | |
| background-image: url(../img/layout/border.gif); | |
| background-repeat: repeat-x; | |
| background-position: left bottom; | |
| } | |
| #detail #perex p { | |
| margin-bottom: 20px; | |
| } | |
| /* Informace: eshop, web, cenova uroven... */ | |
| #detail .info { | |
| padding: 6px 20px 8px 20px; | |
| background-image: url(../img/layout/border.gif); | |
| background-repeat: repeat-x; | |
| background-position: left bottom; | |
| margin-bottom: 0; | |
| } | |
| #detail .info:hover { | |
| background-color: #fcf3e6; | |
| } | |
| #detail .info.level .icon { | |
| width: 48px; | |
| height: 18px; | |
| display: inline-block; | |
| text-indent: -5000px; | |
| background-repeat: repeat-x; | |
| background-position: left top; | |
| vertical-align: middle; | |
| margin: -4px 0 0 5px; | |
| } | |
| #detail .info.level .icon.level_1 { background-image: url(../img/level_1.png); } | |
| #detail .info.level .icon.level_2 { background-image: url(../img/level_2.png); } | |
| #detail .info.level .icon.level_3 { background-image: url(../img/level_3.png); } | |
| #detail .info.level .icon:hover, | |
| #detail .info.level .icon:focus { | |
| background-position: right top; | |
| } | |
| #detail .info.web:hover { | |
| cursor: pointer; | |
| } | |
| /* Vybrana recenze */ | |
| #detail #top_review { | |
| margin-top: 24px; | |
| background-color: #fcf3e6; | |
| border-top: 3px solid #f8e7cc; | |
| border-bottom: 3px solid #f8e7cc; | |
| } | |
| #detail_shop .map_content_foot { | |
| border-top: 0; | |
| } | |
| /* Nahlaseni chyby */ | |
| #page_detail #bonz { | |
| font-family: Arial, Helvetica, serif; | |
| color: #8b816f; | |
| font-size: 11px; | |
| line-height: 14px; | |
| text-align: right; | |
| width: 373px; | |
| } | |
| #page_detail #bonz a { | |
| color: #8b816f; | |
| } | |
| #page_detail #bonz a:hover, | |
| #page_detail #bonz a:focus { | |
| color: #232017; | |
| } | |
| /* ----- Recenze v detailu podniku ----- */ | |
| #review_summary { | |
| padding: 13px 20px 10px 15px; | |
| height: 50px; | |
| margin: 0; | |
| } | |
| #review_summary #kytka { | |
| display: block; | |
| float: left; | |
| overflow: hidden; | |
| height: 50px; | |
| width: 50px; | |
| margin-right: 10px; | |
| } | |
| #review_summary #kytka:hover img { | |
| margin-left: -50px; | |
| } | |
| #review_summary #kytka { | |
| overflow: hidden; | |
| height: 50px; | |
| width: 50px; | |
| display: block; | |
| } | |
| #review_summary_text { | |
| margin-top: 7px; | |
| display: block; | |
| float: left; | |
| } | |
| .user_logged #review_summary_text, | |
| .user_superadmin #review_summary_text { | |
| margin-top: 15px; | |
| } | |
| /* Jednotliva recenze v detailu podniku */ | |
| .review { | |
| border-top: 3px solid #f8e7cc; | |
| background-color: #fcf3e6; | |
| margin: 0; | |
| } | |
| /* Hlavicka recenze */ | |
| .review header { | |
| padding-bottom: 11px; | |
| background-image: url(../img/layout/border.gif); | |
| background-repeat: repeat-x; | |
| background-position: left bottom; | |
| } | |
| .review header:hover, | |
| .review header:focus { | |
| background-color: #fff; | |
| } | |
| /* Nadpis recenze -- jmeno recenzenta atd. */ | |
| #content .review h1 { | |
| padding: 8px 10px 0 20px; | |
| margin-bottom: 0; | |
| font-size: 14px; | |
| line-height: 19px; | |
| font-weight: normal; | |
| font-style: normal; | |
| height: 20px; | |
| font-weight: bold; | |
| } | |
| /* Nadpis recenze -- jmeno recenzenta atd. */ | |
| .review h1 sup { | |
| display: inline-block; | |
| vertical-align: middle; | |
| font-size: 14px; | |
| line-height: 19px; | |
| width: 17px; | |
| height: 17px; | |
| background: url(../img/authorised.png) no-repeat; | |
| text-indent: -5000px; | |
| } | |
| .review h1 sup:hover { | |
| background-position: top right; | |
| } | |
| /* Permalink na recenzi */ | |
| #detail .permalink { | |
| font-weight: normal; | |
| } | |
| /* Hodnoceni recenzenta - kytka */ | |
| .kytka { | |
| float: right; | |
| width: 25px; | |
| height: 25px; | |
| text-indent: -5000px; | |
| margin-top: -2px; | |
| background-repeat: no-repeat; | |
| } | |
| .kytka:hover { | |
| background-position: -25px 0px; | |
| } | |
| .kytka.ranking_1 { background-image: url(../img/kytka_m_1.png) } | |
| .kytka.ranking_2 { background-image: url(../img/kytka_m_2.png) } | |
| .kytka.ranking_3 { background-image: url(../img/kytka_m_3.png) } | |
| .kytka.ranking_4 { background-image: url(../img/kytka_m_4.png) } | |
| .kytka.ranking_5 { background-image: url(../img/kytka_m_5.png) } | |
| /* Podrobne hodnoceni recenzenta */ | |
| .review .ranking { | |
| padding: 12px 12px 5px 10px; | |
| width: 365px; /* Celkem 387px */ | |
| margin-top: 3px; | |
| margin-bottom: 0; | |
| margin-left: 6px; | |
| font-family: Arial, Helvetica, serif; | |
| font-size: 12px; | |
| line-height: 18px; | |
| color: #fff; | |
| text-align: right; | |
| background-image: url(../img/layout/review_ranking.gif); | |
| background-repeat: no-repeat; | |
| } | |
| /* Nastroje administratora */ | |
| .review .admin_tools { | |
| padding: 10px 20px 0 20px; | |
| margin-bottom: 0; | |
| font-family: Arial, Helvetica, serif; | |
| font-size: 12px; | |
| line-height: 18px; | |
| } | |
| /* Telo recenze s texem */ | |
| .review .body { | |
| padding: 20px 35px 7px 20px; | |
| } | |
| .review .body:hover, | |
| .review .body:focus, | |
| .review.opened .body { | |
| background-color: #fff; | |
| } | |
| .review .body_text { | |
| display: none; | |
| } | |
| .review .summary { | |
| margin-bottom: 10px; | |
| } | |
| .review .review_text_closer { | |
| display: none; | |
| } | |
| .review .review_text_opener a, | |
| .review .review_text_closer a { | |
| float: none; | |
| font-family: Georgia, "Times New Roman", Times, serif; | |
| font-size: 14px; | |
| line-height: 19px; | |
| margin-left: -6px; | |
| display: inline; | |
| padding-top: 3px; | |
| padding-bottom: 5px; | |
| } | |
| /* Upozorneni na nazory ostatnich Scukaru */ | |
| .review .opinions { | |
| float: right; | |
| width: 22px; | |
| height: 24px; | |
| display: inline-block; | |
| background-image: url(../img/review_opinions.png); | |
| text-indent: -5000px; | |
| margin-right: -21px; | |
| margin-top: -41px; | |
| } | |
| /* Palcovani recenzi */ | |
| .review_thumbs { | |
| font-family: Arial, Helvetica, serif; | |
| font-size: 12px; | |
| line-height: 18px; | |
| background-color: #fdf9f2; | |
| margin-bottom: 20px; | |
| -moz-border-radius: 10px; /* [OBSOLETE?] */ | |
| border-radius: 10px; | |
| cursor: default; | |
| } | |
| .review_thumbs .form { | |
| color: #8b816f; | |
| padding: 11px 15px 15px 15px; | |
| background-color: #fbf3e5; | |
| -moz-border-radius: 10px 10px 0 0; /* [OBSOLETE?] */ | |
| border-radius: 10px 10px 0 0; | |
| } | |
| .review_thumbs .form .form_info { | |
| margin-bottom: 5px; | |
| } | |
| .review_thumbs .form strong { | |
| color: #232017; | |
| font-weight: normal; | |
| } | |
| .review_thumbs .form .inputs { | |
| text-align: right; | |
| margin-bottom: 0; | |
| } | |
| .review_thumbs .form textarea { | |
| display: block; | |
| width: 309px; /* Celkem 313 - 4px border */ | |
| height: 70px; | |
| margin-bottom: 10px; | |
| } | |
| .review_thumbs .both_thumbs { | |
| padding: 9px 15px; | |
| height: 38px; | |
| margin-bottom: 0; | |
| } | |
| .review_thumbs .thumb { | |
| width: 22px; | |
| height: 38px; | |
| display: block; | |
| text-indent: -5000px; | |
| float: left; | |
| margin-right: 2px; | |
| border: 0; | |
| background-color: transparent; | |
| padding: 0; | |
| cursor: pointer; | |
| } | |
| .review_thumbs .thumb:hover { | |
| background-position: -22px 0px; | |
| } | |
| .review_thumbs .thumb:focus, | |
| .review_thumbs .thumb.active { | |
| background-position: -44px 0px; | |
| } | |
| .review_thumbs .thumb.up { background-image: url(../img/thumbs_up.png); } | |
| .review_thumbs .thumb.down { background-image: url(../img/thumbs_down.png); } | |
| .review_thumbs .text { | |
| width: 240px; | |
| display: block; | |
| float: left; | |
| margin-top: 10px; | |
| margin-left: 8px; | |
| } | |
| /* ----- Stitky v detailu podniku ----- */ | |
| #detail #detail-tags { | |
| padding-top: 25px; | |
| padding-bottom: 25px; | |
| } | |
| #detail-tags p { | |
| background-image: url(../img/layout/border.gif); | |
| background-repeat: repeat-x; | |
| background-position: left top; | |
| margin: 0; | |
| padding-top: 2px; | |
| margin-top: -2px; | |
| } | |
| #detail-tags p a { | |
| display: block; | |
| padding: 6px 15px 7px 15px; | |
| background-image: url(../img/layout/border.gif); | |
| background-repeat: repeat-x; | |
| background-position: left bottom; | |
| } | |
| #detail-tags p a:first-letter { | |
| text-transform: uppercase; | |
| } | |
| #detail-tags p a:hover, | |
| #detail-tags p a:focus { | |
| font-weight: normal; | |
| background-color: #fcf3e6; | |
| color: #232017; | |
| text-decoration: none; | |
| } | |
| /* ----- Pridani recenze v detailu podniku ----- */ | |
| #detail-add-review a { | |
| color: #232017; | |
| } | |
| #detail-add-review a:hover, | |
| #detail-add-review a:focus { | |
| text-decoration: none; | |
| } | |
| #detail #detail-add-review .how_to_write { | |
| margin: 0 23px 20px 20px; | |
| padding: 20px 0 0 30px; | |
| font-size: 15px; | |
| line-height: 20px; | |
| background-image: url(../img/info.gif); | |
| background-repeat: no-repeat; | |
| background-position: 0px 20px; | |
| } | |
| #detail-add-review .set { | |
| background-image: url(../img/layout/border.gif); | |
| background-repeat: repeat-x; | |
| background-position: left top; | |
| padding: 15px 23px 35px 21px; | |
| } | |
| #detail-add-review .set p { | |
| margin-bottom: 0; | |
| } | |
| #detail-add-review .set label { | |
| font-size: 12px; | |
| line-height: 18px; | |
| color: #232017; | |
| } | |
| #detail-add-review .set.label_as_head label, | |
| #detail-add-review .set h2 { | |
| font-size: 23px; | |
| line-height: 25px; | |
| font-style: italic; | |
| font-weight: normal; | |
| color: #232017; | |
| display: block; | |
| margin-bottom: -10px; | |
| } | |
| #detail-add-review .set h2 { | |
| margin-bottom: 20px; | |
| } | |
| #detail-add-review .set textarea { | |
| width: 350px; | |
| height: 140px; | |
| } | |
| #detail-add-review .center { | |
| margin-top: 35px; | |
| } | |
| /* Hodnoceni */ | |
| #detail-add-review .set.rating .rate { | |
| width: 112px; | |
| float: left; | |
| margin-left: 9px; | |
| font-family: Arial, Helvetica, serif; | |
| font-size: 12px; | |
| line-height: 18px; | |
| } | |
| #detail-add-review .set.rating select { | |
| width: 110px; | |
| margin: 0; | |
| } | |
| #detail-add-review .set.rating .rate .form_help_text { | |
| display: none; | |
| } | |
| #detail-add-review p.how_to_rate { | |
| background-image: url(../img/info.gif); | |
| background-repeat: no-repeat; | |
| background-position: top left; | |
| font-size: 15px; | |
| line-height: 20px; | |
| padding: 2px 0 8px 30px; | |
| float: right; | |
| } | |
| #detail-add-review .set.rating p.form_help_text { | |
| margin-top: 20px; | |
| } | |
| /* Text v chybove hlasce - TODO: overit zda nenasadit obecne */ | |
| #detail-add-review .error { | |
| font-size: 11px; | |
| line-height: 16px; | |
| font-family: Arial, Helvetica, serif; | |
| color: #8b816f; | |
| } | |
| /* ------------------------------------------------------------------------------ | |
| Vysledky vyhledavani | |
| */ | |
| #list #search_results_info { | |
| padding: 13px 30px 0 17px; | |
| } | |
| #list #search_results_info p { | |
| margin-bottom: 13px; | |
| } | |
| #list #search_results_info p.empty { | |
| margin-bottom: 0; | |
| } | |
| /* ------------------------------------------------------------------------------ | |
| Stranka Pridani podniku | |
| */ | |
| #page_add_shop #content>h1:first-child { | |
| margin-bottom: 22px; | |
| } | |
| #page_add_shop .box { | |
| padding-top: 10px; | |
| } | |
| #page_add_shop fieldset { /* TODO mozna by se dalo zobecnit? */ | |
| background: #fff url(../img/layout/border.gif) repeat-x bottom left; | |
| padding: 13px 0 13px 0; | |
| } | |
| #page_add_shop .box a { | |
| color: #232017; | |
| text-decoration: underline; | |
| } | |
| #page_add_shop .box a:hover, | |
| #page_add_shop .box a:focus { | |
| text-decoration: none; | |
| } | |
| #page_add_shop .form_help_text { | |
| width: 90%; | |
| display: block; | |
| margin-top: 5px; | |
| } | |
| #page_add_shop #without_bm { | |
| margin-top: 17px; | |
| margin-bottom: 7px; | |
| } | |
| #page_add_shop #without_bm label { | |
| cursor: pointer; | |
| } | |
| #page_add_shop #content .box h3 { | |
| font-size: 23px; | |
| line-height: 25px; | |
| font-style: italic; | |
| font-weight: normal; | |
| color: #232017; | |
| padding-bottom: 6px; | |
| margin-bottom: 0; | |
| } | |
| #page_add_shop .box .address { | |
| margin: 0 auto; | |
| padding-bottom: 25px; | |
| width: 286px; | |
| } | |
| #page_add_shop .box .address p { | |
| padding: 0; | |
| } | |
| #page_add_shop .box .address input { | |
| width: 286px; | |
| } | |
| /* Umisteni podniku na mape */ | |
| #page_add_shop #add_to_map { | |
| margin: 0; | |
| text-align: center; | |
| } | |
| #page_add_shop #add_to_map a { | |
| background: transparent url(../img/add_map_icon.gif) no-repeat center left; | |
| padding-left: 30px; | |
| line-height: 25px; | |
| display: inline-block; | |
| padding-bottom: 5px; | |
| } | |
| #page_add_shop #add_to_map .form_help_text { | |
| margin-left: 20px; | |
| } | |
| /* Typ podniku */ | |
| #page_add_shop #add_type p { | |
| width: 151px; | |
| float: left; | |
| margin: 20px 0; | |
| padding: 0; | |
| } | |
| #page_add_shop #add_type p.first { | |
| margin-left: 34px; | |
| } | |
| #page_add_shop #add_type label { | |
| width: 133px; /* Celkem 151 */ | |
| padding: 5px 9px; | |
| display: inline-block; | |
| cursor: pointer; | |
| } | |
| #page_add_shop #add_type .cat-cukrarny:hover, | |
| #page_add_shop #add_type .cat-cukrarny:focus, | |
| #page_add_shop #add_type .cat-cukrarny.selected { background-color: rgba(255, 0, 98, 0.1) } | |
| #page_add_shop #add_type .cat-farmy:hover, | |
| #page_add_shop #add_type .cat-farmy:focus, | |
| #page_add_shop #add_type .cat-farmy.selected { background-color: rgba(145, 143, 0, 0.1) } | |
| #page_add_shop #add_type .cat-kavarny:hover, | |
| #page_add_shop #add_type .cat-kavarny:focus, | |
| #page_add_shop #add_type .cat-kavarny.selected { background-color: rgba(123, 53, 28, 0.1) } | |
| #page_add_shop #add_type .cat-lahudky:hover, | |
| #page_add_shop #add_type .cat-lahudky:focus, | |
| #page_add_shop #add_type .cat-lahudky.selected { background-color: rgba(217, 120, 9, 0.1) } | |
| #page_add_shop #add_type .cat-maso:hover, | |
| #page_add_shop #add_type .cat-maso:focus, | |
| #page_add_shop #add_type .cat-maso.selected { background-color: rgba(200, 0, 15, 0.1) } | |
| #page_add_shop #add_type .cat-ryby:hover, | |
| #page_add_shop #add_type .cat-ryby:focus, | |
| #page_add_shop #add_type .cat-ryby.selected { background-color: rgba(0, 159, 175, 0.1) } | |
| #page_add_shop #add_type .cat-ovozel:hover, | |
| #page_add_shop #add_type .cat-ovozel:focus, | |
| #page_add_shop #add_type .cat-ovozel.selected { background-color: rgba(0, 149, 77, 0.1) } | |
| #page_add_shop #add_type .cat-pekarny:hover, | |
| #page_add_shop #add_type .cat-pekarny:focus, | |
| #page_add_shop #add_type .cat-pekarny.selected { background-color: rgba(182, 97, 0, 0.1) } | |
| #page_add_shop #add_type .cat-restaurace:hover, | |
| #page_add_shop #add_type .cat-restaurace:focus, | |
| #page_add_shop #add_type .cat-restaurace.selected { background-color: rgba(255, 51, 0, 0.1) } | |
| #page_add_shop #add_type .cat-napoje:hover, | |
| #page_add_shop #add_type .cat-napoje:focus, | |
| #page_add_shop #add_type .cat-napoje.selected { background-color: rgba(22, 96, 163, 0.1) } | |
| #page_add_shop #add_type .cat-vino-destilaty:hover, | |
| #page_add_shop #add_type .cat-vino-destilaty:focus, | |
| #page_add_shop #add_type .cat-vino-destilaty.selected { background-color: rgba(139, 0, 32, 0.1) } /* TODO: odstranit */ | |
| #page_add_shop #add_type .cat-temata:hover, | |
| #page_add_shop #add_type .cat-temata:focus, | |
| #page_add_shop #add_type .cat-temata.selected { background-color: rgba(140, 126, 94, 0.1) } | |
| /* [OBSOLETE?] Hover barva pro ne-RGBa prohlizece */ | |
| .no-rgba #page_add_shop #add_type label:hover, | |
| .no-rgba #page_add_shop #add_type label:focus, | |
| .no-rgba #page_add_shop #add_type label.selected { background-color: #fcf3e6 } | |
| /* Eshop/Rozvoz */ | |
| #page_add_shop #add_eshop h3 { | |
| display: inline; | |
| } | |
| #page_add_shop #add_eshop input { | |
| display: inline; | |
| margin-left: -20px; | |
| cursor: pointer; | |
| } | |
| #page_add_shop #add_eshop .form_help_text { | |
| margin-top: 10px; | |
| } | |
| /* Cenova uroven */ | |
| #page_add_shop #add_price p { | |
| padding: 20px 0 0 80px; | |
| } | |
| #page_add_shop #add_price .form_help_text { | |
| margin-left: -60px; | |
| padding-top: 10px; | |
| display: block; | |
| } | |
| #page_add_shop #add_price label { | |
| cursor: pointer; | |
| } | |
| /* Tlacitka pro odeslani formulare */ | |
| #page_add_shop .submit { | |
| height: 43px; | |
| } | |
| /* V druhem a tretim kroku jsou vzdy na konci formulare tlacitka dve */ | |
| #page_add_shop #new_shop_2 #id_next, | |
| #page_add_shop #new_shop_3 #id_next { | |
| float: right; | |
| margin-right: 20px; | |
| } | |
| #page_add_shop #new_shop_2 #id_prev, | |
| #page_add_shop #new_shop_3 #id_prev { | |
| float: left; | |
| margin-left: 20px; | |
| color: #8b816f; | |
| } | |
| /* Doporucene stitky */ | |
| #page_add_shop #add_recommended_tags label { | |
| width: 166px; /* Celkem 175px */ | |
| height: 19px; | |
| overflow: hidden; | |
| position: relative; | |
| white-space: nowrap; | |
| padding: 5px 0 5px 9px; | |
| display: inline-block; | |
| cursor: pointer; | |
| } | |
| #page_add_shop #add_recommended_tags input { | |
| margin-right: 5px; | |
| } | |
| /* ...mizejici do ztracena, pokud jsou dlouhe */ | |
| #page_add_shop #add_recommended_tags label .disappearer { | |
| display: block; | |
| position: absolute; | |
| top: 5px; | |
| right: 0; | |
| width: 19px; | |
| height: 19px; | |
| background: url(../img/layout/disappearer_small_white.png) repeat-y top right; | |
| } | |
| #page_add_shop #add_recommended_tags label:hover .disappearer, | |
| #page_add_shop #add_recommended_tags label:focus .disappearer { | |
| background-image: url(../img/layout/disappearer_small_beige.png); | |
| } | |
| #page_add_shop #add_recommended_tags label:hover, | |
| #page_add_shop #add_recommended_tags label:focus { | |
| background-color: #fcf3e6; | |
| } | |
| #page_add_shop #add_recommended_tags p { | |
| width: 175px; | |
| float: left; | |
| margin: 20px 0; | |
| padding: 0; | |
| } | |
| #page_add_shop #add_recommended_tags p.first { | |
| margin-left: 34px; | |
| } | |
| /* ------------------------------------------------------------------------------ | |
| Profil scukare | |
| */ | |
| #page_profile header h1 { | |
| display: inline-block; | |
| } | |
| #page_profile header .authorized { | |
| display: inline-block; | |
| vertical-align: super; | |
| line-height: 41px; | |
| width: 17px; | |
| height: 17px; | |
| background: url(../img/authorised.png) no-repeat right top; | |
| text-indent: -5000px; | |
| } | |
| #profile { | |
| background-color: #fff; | |
| -moz-border-radius: 5px; /* [OBSOLETE?] */ | |
| border-radius: 5px; | |
| width: 398px; | |
| } | |
| /* [OBSOLETE?] Pro prohlizece, ktere neumi border-radius (IE atd) */ | |
| .no-borderradius #profile { | |
| background-image: url(../img/layout/list_top.gif); | |
| background-repeat: no-repeat; | |
| background-position: top left; | |
| } | |
| #profile #about { | |
| padding-bottom: 8px; | |
| } | |
| #profile #perex { | |
| padding: 15px 20px 25px 20px; | |
| margin-bottom: 0; | |
| } | |
| /* Tabulka */ | |
| #profile table { | |
| border-collapse: collapse; | |
| margin-bottom: 20px; | |
| } | |
| #profile table tr { | |
| background-image: url(../img/layout/border.gif); | |
| background-repeat: repeat-x; | |
| background-position: left top; | |
| } | |
| #profile table tr.clickable:hover, | |
| #profile table tr.clickable:focus { | |
| background-color: #fbf3e5; | |
| cursor: pointer; | |
| } | |
| #profile table th { | |
| padding: 7px 5px 7px 15px; | |
| } | |
| #profile table td { | |
| padding: 7px 15px 7px 0; | |
| text-align: right; | |
| } | |
| /* Dlouhe URL mizejici do ztracena */ | |
| #profile table td .disappearing { | |
| display: block; | |
| position: relative; | |
| white-space: nowrap; | |
| overflow: hidden; | |
| width: 250px; | |
| height: 19px; | |
| float: right; | |
| } | |
| #profile table td .disappearer { | |
| display: block; | |
| position: absolute; | |
| top: 0; | |
| right: 0; | |
| width: 19px; | |
| height: 19px; | |
| background: url(../img/layout/disappearer_small_white.png) repeat-y top right; | |
| } | |
| #profile table tr:hover .disappearer, | |
| #profile table tr:focus .disappearer { | |
| background-image: url(../img/layout/disappearer_small_beige.png); | |
| } | |
| /* Otevirani a zavirani profilu */ | |
| #profile .opener-closer { | |
| padding-right: 17px; | |
| height: 18px; | |
| margin-bottom: 8px; | |
| } | |
| #profile #profile-closer { | |
| margin-top: -8px; | |
| } | |
| #profile #profile-opener { | |
| padding-top: 11px; | |
| margin-bottom: 11px; | |
| } | |
| #profile .opener-closer .opener, | |
| #profile .opener-closer .closer { | |
| display: inline; | |
| } | |
| /* Navstivene podniky */ | |
| #profile #reviews h1 { | |
| font-size: 14px; | |
| line-height: 19px; | |
| font-style: normal; | |
| font-weight: bold; | |
| padding: 11px 5px 12px 15px; | |
| margin-bottom: 0; | |
| background-color: #fcf3e6; | |
| border-top: 3px solid #f8e7cc; | |
| } | |
| #profile #reviews .review { | |
| height: 36px; /* Celkem 46 */ | |
| padding: 10px 15px 0 15px; | |
| background: #fcf3e6 url(../img/layout/border.gif) repeat-x top left; | |
| border: 0; | |
| } | |
| #profile #reviews .review:hover, | |
| #profile #reviews .review:focus { | |
| background-color: #fff; | |
| cursor: pointer; | |
| } | |
| #profile #reviews .review h1 { | |
| font-size: 23px; | |
| line-height: 25px; | |
| font-style: italic; | |
| font-weight: normal; | |
| color: #232017; | |
| letter-spacing: -0.5px; | |
| margin: 0; | |
| padding: 0; | |
| background-color: transparent; | |
| border: 0; | |
| } | |
| #profile #reviews .review h1 a { | |
| display: block; | |
| white-space: nowrap; | |
| overflow: hidden; | |
| width: 360px; | |
| height: 25px; | |
| text-decoration: none; | |
| } | |
| /* Tady se cufonizovany text nesmi zalamovat ani v mezere */ | |
| .cufon-active #profile #reviews .review h1 a .space { | |
| white-space: nowrap; | |
| } | |
| #profile .review .kytka { | |
| position: relative; | |
| margin-top: -20px; | |
| float: right; | |
| height: 25px; | |
| background-color: #FCF3E6; | |
| cursor: default; | |
| } | |
| #profile .review:hover .kytka, | |
| #profile .review:focus .kytka { | |
| background-color: #fff; | |
| } | |
| #profile .review .date { | |
| position: relative; | |
| margin-top: -20px; | |
| float: right; | |
| height: 15px; | |
| padding: 5px 5px 5px 20px; | |
| font-family: Arial, Helvetica, serif; | |
| font-size: 12px; | |
| line-height: 18px; | |
| background: url(../img/layout/disappearer_long_beige.png) repeat-y top left; | |
| } | |
| #profile .review:hover .date, | |
| #profile .review:focus .date { | |
| background-image: url(../img/layout/disappearer_long_white.png); | |
| } | |
| /* [OBSOLETE?] V cufonizovanem stavu potrebujeme vyssi radek */ | |
| .cufon-active #profile #reviews .review h1 a, | |
| .cufon-active #profile .review .kytka { | |
| height: 28px; | |
| } | |
| .cufon-active #profile .review .date { | |
| height: 18px; | |
| } | |
| /* ------------------------------------------------------------------------------ | |
| Staticke texty O Scuku atd. | |
| */ | |
| #page_about #about { | |
| background-color: #fff; | |
| -moz-border-radius: 5px; /* [OBSOLETE?] */ | |
| border-radius: 5px; | |
| width: 398px; | |
| } | |
| /* [OBSOLETE?] Pro prohlizece, ktere neumi border-radius (IE atd) */ | |
| .no-borderradius #page_about #about { | |
| background-image: url(../img/layout/list_top.gif); | |
| background-repeat: no-repeat; | |
| background-position: top left; | |
| } | |
| #page_about #about #perex { | |
| padding: 19px 20px 21px 20px; | |
| margin-bottom: 0; | |
| } | |
| /* Stranka s dlouhym textem -- pravni podminky atd. */ | |
| #page_about #about.long_text { | |
| padding: 20px 0 0 0; | |
| } | |
| #page_about #about.long_text p, | |
| #page_about #about.long_text ul, | |
| #page_about #about.long_text ol { | |
| padding: 0 20px; | |
| } | |
| #page_about #about.long_text .map_content_foot { | |
| border-top: 0; | |
| } | |
| /* Jedna polozka rozklikavaciho akordeonu */ | |
| #page_about #content #about article h1 { | |
| font-size: 20px; | |
| line-height: 25px; | |
| font-style: italic; | |
| font-weight: normal; | |
| margin: 0; | |
| border-top: 3px solid #F8E7CC; | |
| padding: 3px 20px 4px 20px; | |
| background: #fcf3e6 url(../img/layout/arrow_down.gif) no-repeat 366px 4px; | |
| cursor: pointer; | |
| } | |
| #page_about #content #about article h1:hover, | |
| #page_about #content #about article h1:focus { | |
| background-color: #fff; | |
| } | |
| #page_about #about article .pane { | |
| display: none; | |
| padding: 20px 20px 7px 20px; | |
| background-color: #fff; | |
| background-image: url(../img/layout/border.gif); | |
| background-repeat: repeat-x; | |
| background-position: left top; | |
| } | |
| #page_about #about article .pane h2 { | |
| font-size: 16px; | |
| line-height: 21px; | |
| margin-bottom: 19px; | |
| font-weight: bold; | |
| } | |
| /* Otevrena varianta */ | |
| #page_about #content #about article h1.current { | |
| background-color: #fff; | |
| cursor: default; | |
| background-image: none; | |
| } | |
| /* ------------------------------------------------------------------------------ | |
| Uvodni stranka | |
| */ | |
| #page_home #about { | |
| background-color: #fff; | |
| -moz-border-radius: 5px; /* [OBSOLETE?] */ | |
| border-radius: 5px; | |
| width: auto; | |
| } | |
| /* [OBSOLETE?] Pro prohlizece, ktere neumi border-radius (IE atd) */ | |
| .no-borderradius #page_home #about { | |
| background-image: url(../img/layout/list_top.gif); | |
| background-repeat: no-repeat; | |
| background-position: top left; | |
| } | |
| #page_home #content { | |
| position: relative; | |
| padding: 25px; | |
| } | |
| #about.home h1 { | |
| font-size: 23px; | |
| line-height: 25px; | |
| padding: 17px 21px; | |
| margin: 0; | |
| background-image: url(../img/layout/border.gif); | |
| background-repeat: repeat-x; | |
| background-position: left bottom; | |
| } | |
| #about.home .body { | |
| padding: 20px 21px 1px 21px; | |
| background-image: url(../img/layout/border.gif); | |
| background-repeat: repeat-x; | |
| background-position: left bottom; | |
| } | |
| #about.home .body a { | |
| font-weight: bold; | |
| color: #8b816f; | |
| } | |
| /* Hezci podtrzeni pro multibarevny odkaz */ | |
| #about.home .body a.multi-colorized { | |
| color: #8b816f; | |
| } | |
| #about.home .body a:hover, | |
| #about.home .body a:focus { | |
| text-decoration: none; | |
| } | |
| #about.home .foot { | |
| padding: 20px 21px 1px 21px; | |
| } | |
| #about.home .what { | |
| font-size: 20px; | |
| float: left; | |
| width: 180px; | |
| } | |
| #about.home .what .mapujeme { | |
| letter-spacing: -1px; | |
| } | |
| #about.home .what_colors { | |
| letter-spacing: -3px; | |
| } | |
| #about.home .who { | |
| font-size: 15px; | |
| float: right; | |
| width: 160px; | |
| font-style: italic; | |
| text-align: right; | |
| margin-top: 2px; | |
| } | |
| #mall_at_home { | |
| position: absolute; | |
| width: 350px; | |
| bottom: 20px; | |
| right: 27px; | |
| font-family: Arial, Helvetica, serif; | |
| font-size: 12px; | |
| line-height: 18px; | |
| color: #8b816f; | |
| vertical-align: middle; | |
| text-align: right; | |
| background-color: #f8e7cc; | |
| margin-bottom: 0; | |
| } | |
| #mall_at_home a { | |
| color: #8b816f; | |
| text-decoration: none; | |
| } | |
| #mall_at_home * { | |
| vertical-align: middle; | |
| } | |
| #mall_at_home span { | |
| margin-top: 5px; | |
| } | |
| #mall_at_home img { | |
| margin-left: 5px; | |
| } | |
| /* ------------------------------------------------------------------------------ | |
| Helpery a obecne prvky napric webem | |
| */ | |
| .clear-zero { | |
| clear: both; | |
| font-size: 1px; | |
| line-height: 1px; | |
| height: 1px; | |
| } | |
| #container #content .first { | |
| margin-left: 0; | |
| } | |
| .right { text-align: right; } | |
| .left { text-align: left; } | |
| .center { text-align: center; } | |
| .green { color: #63b344; } | |
| .red { color: #ff2929; } | |
| /* Element s potlacenou barvou */ | |
| .suppressed { color: #8b816f; } | |
| .map_template #content>h1:first-child { color: #8d8371; } | |
| /* ----- Administratorske odkazy ----- */ | |
| #content .admin { | |
| font-family: Arial, Helvetica, serif; | |
| font-size: 12px; | |
| line-height: 18px; | |
| text-transform: uppercase; | |
| padding: 2px 6px; | |
| font-weight: bold; | |
| background-color: #fff; | |
| color: #232017; | |
| text-decoration: none; | |
| } | |
| #content .admin:hover, | |
| #content .admin:focus { | |
| background-color: #232017;; | |
| color: #fff; | |
| } | |
| /* ----- Strankovani ----- */ | |
| .paging { | |
| text-align: right; | |
| font-family: Arial, Helvetica, serif; | |
| font-size: 12px; | |
| line-height: 18px; | |
| margin-top: 13px; | |
| margin-right: 15px; | |
| padding-bottom: 20px; | |
| } | |
| .paging a, | |
| .paging span { | |
| padding: 5px 3px 5px 3px; | |
| } | |
| .paging .prev { | |
| background: transparent url(../img/layout/paging_prev.gif) no-repeat top left; | |
| padding-left: 15px; | |
| } | |
| .paging .next { | |
| background: transparent url(../img/layout/paging_next.gif) no-repeat top right; | |
| padding-right: 15px; | |
| } | |
| .paging .prev:hover { | |
| background-position: bottom left; | |
| } | |
| .paging .next:hover { | |
| background-position: bottom right; | |
| } | |
| /* ----- Oteviraci a zaviraci odkazy - u perexu a u stitku ----- */ | |
| .opener, | |
| .closer { | |
| float: right; | |
| padding: 5px 14px 3px 6px; | |
| margin-top: -4px; | |
| margin-right: -5px; | |
| background: url(../img/layout/arrow_down.gif) no-repeat top right; | |
| font-family: Arial, Helvetica, serif; | |
| font-size: 12px; | |
| line-height: 18px; | |
| } | |
| .opener:hover, | |
| .closer:hover { | |
| color: #232017; | |
| } | |
| .closer { | |
| background-image: url(../img/layout/arrow_up.gif); | |
| display: none; | |
| } | |
| /* ----- Bily boxik se zaoblenymi rohy ----- */ | |
| .box { | |
| background-color: #fff; | |
| margin-bottom: 11px; | |
| padding-bottom: 5px; | |
| -moz-border-radius: 10px; /* [OBSOLETE?] */ | |
| border-radius: 10px; | |
| } | |
| #content .box h1 { | |
| font-size: 23px; | |
| line-height: 25px; | |
| padding: 10px 20px 9px 20px; | |
| margin-bottom: 0; | |
| -moz-border-image: url(../img/layout/border.gif) 0 0 2 0 repeat repeat; /* [OBSOLETE?] */ | |
| -webkit-border-image: url(../img/layout/border.gif) 0 0 2 0 repeat repeat; /* [OBSOLETE?] */ | |
| border-image: url(../img/layout/border.gif) 0 0 2 0 repeat repeat; | |
| border-bottom-width: 2px; | |
| } | |
| /* [OBSOLETE?] Pro prohlizece, ktere neumi border-image (IE atd) */ | |
| .no-borderimage #content .box h1 { | |
| padding-bottom: 11px; | |
| background-image: url(../img/layout/border.gif); | |
| background-repeat: repeat-x; | |
| background-position: left bottom; | |
| } | |
| #content .box p, | |
| #content .box ul, | |
| #content .box ol, | |
| #content .box h2, | |
| #content .box h3 { | |
| padding: 0 20px; | |
| margin: 0 0 18px 0; | |
| } | |
| #content .box h1+p, | |
| #content .box h1+ul, | |
| #content .box h1+ol { | |
| padding-top: 7px; | |
| } | |
| #content .box h2 { | |
| font-size: 16px; | |
| line-height: 14px; | |
| font-style: italic; | |
| font-weight: bold; | |
| margin-bottom: 10px; | |
| } | |
| #content .box h3 { | |
| font-size: 16px; | |
| line-height: 14px; | |
| font-weight: bold; | |
| margin-bottom: 10px; | |
| } | |
| .box table { | |
| border-collapse: collapse; | |
| margin-bottom: 18px; | |
| background-color: #faf1e4; | |
| } | |
| .box table tbody { | |
| border-top: 18px solid #faf1e4; | |
| } | |
| .box table tr { | |
| background: url(../img/layout/border.gif) bottom left repeat-x; | |
| } | |
| .box table tr.clickable:hover { | |
| background-color: #fff; | |
| cursor: pointer; | |
| } | |
| .box table .voted td, | |
| .box table .voted th { | |
| opacity: .25; | |
| } | |
| /* Odkaz u multipodniku */ | |
| .box .multi a { | |
| text-decoration: none; | |
| } | |
| .box .multi a span { | |
| text-decoration: underline; | |
| } | |
| .box table .mnam { | |
| position: absolute; | |
| margin-top: -15px; | |
| width: 37px; | |
| height: 27px; | |
| opacity: .5; | |
| } | |
| .box table tr:hover .mnam { | |
| opacity: 1; | |
| } | |
| .box table td, | |
| .box table th { | |
| padding: 4px 0 5px 5px; | |
| margin-bottom: 2px; | |
| vertical-align: top; | |
| } | |
| /* Prvni bunka */ | |
| .box table tr td:first-child, | |
| .box table tr td:first-child { | |
| padding-left: 20px; | |
| } | |
| /* Posledni bunka */ | |
| .box table td.last, | |
| .box table th.last { | |
| padding-right: 20px; | |
| } | |
| /* Strankovani v boxiku */ | |
| .box .paging .next { background-image: url(../img/layout/paging_next_transparent.gif); } | |
| .box .paging .prev { background-image: url(../img/layout/paging_prev_transparent.gif); } | |
| /* Helpery pro sirku bunek prebirane z Blueprintu */ | |
| .box .span-3 { width: 111px; /* 446/12*3 */ } | |
| /* ----- Sloupec zakladni sire ----- */ | |
| .column { | |
| width: 48%; | |
| min-width: 300px; | |
| float: left; | |
| margin-right: 11px; | |
| } | |
| /* ----- Osamely prvek v obsahove casti mapove sablony, kteremu zadny rodic nepredal svuj margin a tak musi mit svuj ----- */ | |
| .lonely { | |
| padding: 20px 35px 7px 20px; | |
| } | |
| /* ----- Informacni zprava na mape v detailu podniku ----- */ | |
| .map_message { | |
| z-index: 1700; | |
| position: absolute; | |
| width: 220px; | |
| height: 220px; | |
| color: #fff; | |
| line-height: 17px; | |
| bottom: 30%; | |
| right: 30%; | |
| background-repeat: no-repeat; | |
| } | |
| .map_message.eye { background-image: url(../img/layout/map_message_eye.png); } | |
| .map_message.car { background-image: url(../img/layout/map_message_car.png); } | |
| #content .map_message a { | |
| color: #fff; | |
| } | |
| #content .map_message a:hover, | |
| #content .map_message a:focus { | |
| color: #d2d1cf; | |
| } | |
| .map_message p { | |
| margin-top: 124px; | |
| text-align: center; | |
| padding: 0 15px; | |
| } | |
| .map_message a.close { | |
| position: absolute; | |
| top: 7px; | |
| right: 7px; | |
| width: 33px; | |
| height: 33px; | |
| text-indent: -5000px; | |
| display: block; | |
| background-image: url(../img/layout/map_message_close.png); | |
| } | |
| .map_message a.close:hover, | |
| .map_message a.close:focus { | |
| background-position: bottom left; | |
| } | |
| /* ----- Ikonka doruceni - spolecna pro seznam i vypis v katalogu ----- */ | |
| .delivery_icon { | |
| vertical-align: middle; | |
| margin-right: 5px; | |
| width: 28px; | |
| height: 16px; | |
| display: inline-block; | |
| background-image: url(../img/layout/delivery.png); | |
| margin-top: -3px; | |
| } | |
| .delivery_icon:hover, | |
| .delivery_icon:focus { | |
| background-position: -28px 0; | |
| } | |
| /* ------------------------------------------------------------------------------ | |
| "Fatalni boxik" -- chybove stranky, nescuknuty podnik | |
| */ | |
| #fatal_box { | |
| width: 436px; | |
| position: absolute; | |
| top: 50%; | |
| left: 50%; | |
| margin-top: -150px; | |
| margin-left: -218px; | |
| font-size: 16px; | |
| line-height: 19px; | |
| } | |
| #fatal_box .logo { | |
| margin: 0; | |
| padding: 0; | |
| } | |
| #fatal_box .body { | |
| background-color: #fff; | |
| padding-bottom: 1px; | |
| -moz-border-radius: 7px; /* [OBSOLETE?] */ | |
| border-radius: 7px; | |
| background-image: url(../img/layout/fatal_404.gif); | |
| background-position: 310px 90px; | |
| background-repeat: no-repeat; | |
| } | |
| #fatal_box h1 { | |
| font-size: 37px; | |
| line-height: 41px; | |
| font-style: italic; | |
| font-weight: normal; | |
| color: #232017; | |
| letter-spacing: -0.5px; | |
| padding: 15px 23px 20px; | |
| margin: 0; | |
| background-image: url(../img/layout/border.gif); | |
| background-repeat: repeat-x; | |
| background-position: left bottom; | |
| } | |
| #fatal_box .text { | |
| padding: 25px 27px; | |
| width: 250px; | |
| margin-bottom: 5px; | |
| } | |
| /* Hezci podtrzeni pro multibarevny odkaz */ | |
| #fatal_box .text a.multi-colorized { | |
| color: #8b816f; | |
| font-weight: bold; | |
| } | |
| #fatal_box .text a:hover, | |
| #fatal_box .text a:focus { | |
| text-decoration: none; | |
| } | |
| /* 404 */ | |
| #fatal_box.fourhundredfour .body | |
| { background-image: url(../img/layout/fatal_404.gif); } | |
| /* 500 */ | |
| #fatal_box.fivehundred .body | |
| { background-image: url(../img/layout/fatal_500.gif); } | |
| /* Neviditelny verejne */ | |
| #fatal_box.non_public { | |
| margin-top: -100px; | |
| } | |
| #fatal_box.non_public .body { | |
| background-image: url(../img/layout/fatal_invisible.gif); | |
| background-position: 305px 150px; | |
| } | |
| /* ------------------------------------------------------------------------------ | |
| Chybova hlaseni | |
| */ | |
| .notice { | |
| z-index: 1700; | |
| display: inline-block; | |
| position: absolute; | |
| top: 0px; | |
| left: 50%; | |
| margin-left: -225px; | |
| width: 420px; /* Celkem 450px */ | |
| padding: 10px 15px; | |
| background: #ff3300; | |
| color: #fff; | |
| font-family: Arial, Helvetica, serif; | |
| font-size: 12px; | |
| line-height: 18px; | |
| text-align: center; | |
| -moz-border-radius: 0 0 7px 7px; /* [OBSOLETE?] */ | |
| border-radius: 0 0 7px 7px; | |
| } | |
| .notice a { | |
| text-decoration: underline; | |
| color: #fff; | |
| } | |
| .notice a:hover, | |
| .notice a:focus { | |
| text-decoration: none; | |
| } | |
| .notice p { | |
| display: inline; | |
| } | |
| /* ------------------------------------------------------------------------------ | |
| Formulare | |
| */ | |
| input, select, textarea, option { | |
| color: #232017; | |
| font-size: 12px; | |
| line-height: 18px; | |
| font-family: Arial, Helvetica, serif; | |
| } | |
| .form_help_text { | |
| color: #8b816f; | |
| font-family: Arial, Helvetica, serif; | |
| font-size: 11px; | |
| line-height: 16px; | |
| } | |
| /* Submit tlacitko */ | |
| input[type=submit] { | |
| border: 1px solid #f8e7cc; | |
| cursor: pointer; | |
| font-size: 16px; | |
| line-height: 21px; | |
| font-family: Georgia, "Times New Roman", Times, serif; | |
| padding: 10px 30px; | |
| -moz-border-radius: 7px; /* [OBSOLETE?] */ | |
| border-radius: 7px; | |
| background-color: #f8e7cd; | |
| overflow: visible; /* removes extra side padding in IE */ | |
| } | |
| /* [OBSOLETE?] kulate rohy a gradienty na pozadi pomoci vendor prefixu */ | |
| input[type=submit] { | |
| background-image: -webkit-gradient( | |
| linear, | |
| left top, | |
| left bottom, | |
| color-stop(0.11, rgb(255,255,255)), | |
| color-stop(0.78, rgb(248,231,205)) | |
| ); | |
| background-image: -moz-linear-gradient( | |
| center top, | |
| rgb(255,255,255) 11%, | |
| rgb(248,231,205) 78% | |
| ); | |
| } | |
| /* [OBSOLETE?] odstranuje extra padding ve FF */ | |
| input[type=submit]::-moz-focus-inner { | |
| border: 0; padding: 0; | |
| } | |
| /* [OBSOLETE?] odstranuje extra margin ve Webkitu */ | |
| @media (-webkit-min-device-pixel-ratio:0) { | |
| input[type=submit] { margin: 0; } | |
| } | |
| input[type=submit]:hover, | |
| input[type=submit]:focus { | |
| background-color: #fcf3e6; | |
| } | |
| /* [OBSOLETE?] kulate rohy a gradienty na pozadi pomoci vendor prefixu */ | |
| input[type=submit]:hover, | |
| input[type=submit]:focus { | |
| background-image: -webkit-gradient( | |
| linear, | |
| left top, | |
| left bottom, | |
| color-stop(0.11, rgb(255,255,255)), | |
| color-stop(0.78, #fcf3e6) | |
| ); | |
| background-image: -moz-linear-gradient( | |
| center top, | |
| rgb(255,255,255) 11%, | |
| #fcf3e6 78% | |
| ); | |
| } | |
| .error input, | |
| .error select, | |
| .error textarea, | |
| .error option { | |
| background-color: #ffbcab; | |
| } | |
| input.big { | |
| width: 99%; | |
| font-size: 20px; | |
| line-height: 28px; | |
| } | |
| #content p.submit { | |
| padding: 30px 0; | |
| margin: 0; | |
| text-align: center; | |
| } | |
| .full { width: 99%; } | |
| /* ------------------------------------------------------------------------------ | |
| Kod tretich stran | |
| (Davame do jednopixeloveho divu umisteneho v levem dolnim rohu, NetAgent napriklad | |
| totiz vyuziva starou metodu jednopixeloveho obrazku a potrebuje byt uvnitr <body>. | |
| A kdyz kody takhle neumistime, vytvori nam na konci <body> nejake prazdne znaky, diky | |
| kterym pak odskakuje layout, kdyz nacteme stranku pres hash kotvu umistenou v tele | |
| dokumentu.) | |
| */ | |
| #third_parties_code { | |
| position: absolute; | |
| bottom: 0px; | |
| left: 0px; | |
| width: 1px; | |
| height: 1px; | |
| overflow: hidden; | |
| } | |
| /* ------------------------------------------------------------------------------ | |
| Barvy kategorii | |
| */ | |
| .category_vse a { color: #232017; } | |
| .category_cukrarny a { color: #FF0062; } | |
| .category_farmy a { color: #918f00; } | |
| .category_kavarny a { color: #7b351c; } | |
| .category_lahudky a { color: #df8827; } | |
| .category_maso a { color: #c8000f; } | |
| .category_ryby a { color: #009faf; } | |
| .category_ovozel a { color: #009e35; } | |
| .category_pekarny a { color: #b66100; } | |
| .category_restaurace a { color: #ff3300; } | |
| .category_napoje a { color: #1660a3; } | |
| .category_temata a { color: #232017; } | |
| /* ----- Pozadi ----- */ | |
| #container .bg-cat-vse { background-color: #232017; } | |
| #container .bg-cat-cukrarny { background-color: #FF0062; } | |
| #container .bg-cat-farmy { background-color: #918f00; } | |
| #container .bg-cat-kavarny { background-color: #7b351c; } | |
| #container .bg-cat-lahudky { background-color: #d97809; } | |
| #container .bg-cat-maso { background-color: #c8000f; } | |
| #container .bg-cat-ryby { background-color: #009faf; } | |
| #container .bg-cat-ovozel { background-color: #00954d; } | |
| #container .bg-cat-pekarny { background-color: #b66100; } | |
| #container .bg-cat-restaurace { background-color: #ff3300; } | |
| #container .bg-cat-napoje { background-color: #1660a3; } | |
| #container .bg-cat-vino-destilaty { background-color: #8b0020; } /* TODO: odstranit */ | |
| #container .bg-cat-temata { background-color: #232017; } | |
| /* ----- Text ----- */ | |
| #container .cat-vse, | |
| #fatal_box .cat-vse { color: #232017; } | |
| #container .cat-cukrarny, | |
| #fatal_box .cat-cukrarny { color: #FF0062; } | |
| #container .cat-farmy, | |
| #fatal_box .cat-farmy { color: #918f00; } | |
| #container .cat-kavarny, | |
| #fatal_box .cat-kavarny { color: #7b351c; } | |
| #container .cat-lahudky, | |
| #fatal_box .cat-lahudky { color: #d97809; } | |
| #container .cat-maso, | |
| #fatal_box .cat-maso { color: #c8000f; } | |
| #container .cat-ryby, | |
| #fatal_box .cat-ryby { color: #009faf; } | |
| #container .cat-ovozel, | |
| #fatal_box .cat-ovozel { color: #00954d; } | |
| #container .cat-pekarny, | |
| #fatal_box .cat-pekarny { color: #b66100; } | |
| #container .cat-restaurace, | |
| #fatal_box .cat-restaurace { color: #ff3300; } | |
| #container .cat-napoje, | |
| #fatal_box .cat-napoje { color: #1660a3; } | |
| #container .cat-napoje, | |
| #fatal_box .cat-napoje { color: #1660a3; } | |
| #container .cat-temata, | |
| #fatal_box .cat-temata { color: #232017; } | |
| /* === michal | |
| TODO: nejaka obstaroznost | |
| */ | |
| .hide { | |
| display: none; | |
| } | |
| /* === autocomplete | |
| TODO: tupe prekopirovane CSS styly z jquery.autocomplete.css | |
| */ | |
| .ac_results { | |
| padding: 0px; | |
| border: 1px solid black; | |
| background-color: white; | |
| overflow: hidden; | |
| z-index: 99999; | |
| } | |
| .ac_results ul { | |
| width: 100%; | |
| list-style-position: outside; | |
| list-style: none; | |
| padding: 0; | |
| margin: 0; | |
| } | |
| .ac_results li { | |
| margin: 0px; | |
| padding: 2px 5px; | |
| cursor: default; | |
| display: block; | |
| /* | |
| if width will be 100% horizontal scrollbar will apear | |
| when scroll mode will be used | |
| */ | |
| /*width: 100%;*/ | |
| font: menu; | |
| font-size: 12px; | |
| /* | |
| it is very important, if line-height not setted or setted | |
| in relative units scroll will be broken in firefox | |
| */ | |
| line-height: 16px; | |
| overflow: hidden; | |
| } | |
| .ac_loading { | |
| background: white url('indicator.gif') right center no-repeat; | |
| } | |
| .ac_odd { | |
| background-color: #eee; | |
| } | |
| .ac_over { | |
| background-color: #0A246A; | |
| color: white; | |
| } | |
| /* === formik | |
| TODO: error hlasky ve formulari pro pridani podniku */ | |
| .error .error_message { | |
| color:red; | |
| width: 90%; | |
| display: block; | |
| margin-top: 5px; | |
| } | |
| /* TODO: pokud se zaskrtne no_building, musi se adresa nejak potlacit (i kdyz v ni treba sviti error pole ci hlasky) */ | |
| .disabled label, | |
| .disabled input { | |
| color: silver; | |
| background: #fff; /* kdyz je nejake pole errorove, a zaskrtne checkbox, mela by cervena zmiznout */ | |
| } | |
| .disabled .error_message { | |
| display: none; /* pokud je zaskrtnute no_building, pak error zpravy u poli muzeme schovat ne? */ | |
| } | |
| #page_add_shop #add_type p.error { | |
| width: auto; | |
| display: block; | |
| margin-top: 5px; | |
| margin-left: 34px; | |
| } | |
| #page_add_shop #add_recommended_tags p.error { | |
| width: 100%; | |
| float: none; | |
| display: block; | |
| margin-top: 5px; | |
| margin-left: 34px; | |
| padding: 0; | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment