@charset "windows-1250"; body, p, ul, ol, dl, dt, dd, address, blockquote, div, form, fieldset, legend, h1, h2, h3, h4, map { display: block; margin: 0; padding: 0; } ins, del { display: inline; } li { display: list-item; margin: 0; padding: 0; } head { display: none; } table { display: table; margin: 0; padding: 0; } tr { display: table-row; } thead { display: table-header-group; } tbody { display: table-row-group; } tfoot { display: table-footer-group; } col { display: table-column; } colgroup { display: table-column-group; } td, th { display: table-cell; margin: 0; padding: 0; } caption { display: table-caption; margin: 0; padding: 0; } /*** : */ body { color: #000; background: #FFF url("../images/oranzovy-pruh.gif") repeat-x; font-family: "Trebuchet MS", Arial, lucida, sans-serif; line-height: 1.5; font-size: 83%; } /*** Seznamy: */ li { margin-left: 30px; } ul { list-style-type: square; margin: 0.7em 0; } ul ul { list-style-type: disc; } ul ul ul { list-style-type: circle; } ol { list-style-type: decimal; margin: 0.7em 0; } ol ol { list-style-type: lower-alpha; } ol ol ol { list-style-type: upper-alpha; } dl { margin: 0.7em 0; } dt { font-weight: bold; page-break-after: avoid; page-break-inside: avoid; } dt span.nezvyraznovat { font-weight: normal; } dd { margin-left: 30px; } /*** Nadpisy: */ h1 { color: #FF6D00; background-color: #FFECD0; font-size: 210%; font-weight: normal; padding: 10px 15px; page-break-after: avoid; page-break-inside: avoid; position: relative; left: -15px; margin: 0 0 0.1em 0; } body.titulni h1 { position: static; } h2 { color: #FF6D00; font-size: 150%; font-weight: normal; margin: 1em 0 0.41em 0; page-break-after: avoid; page-break-inside: avoid; } h3 { color: #FC8126; font-size: 120%; font-weight: normal; margin: 1em 0 0.5em 0; page-break-after: avoid; page-break-inside: avoid; } h4 { font-size: 100%; font-weight: bold; margin: 0.7em 0; page-break-after: avoid; page-break-inside: avoid; } /*** Odstavce: */ p { margin: 0.7em 0; } /*** Odkazy: */ a:link { color: #FF6D00; text-decoration: underline; } a:visited { color: #BF7300; text-decoration: underline; } a:hover, a:focus { color: #FFB340; } a:active { text-decoration: none; } a:focus { outline: thin dotted invert; } /*** Významové prvky: */ code, kbd, samp { color: #059090; font-family: "Trebuchet MS", Arial, lucida, sans-serif; } em, dfn, cite, var { font-style: italic; } strong { font-weight: bold; } q { font-style: italic; } q:before, q:after { content: ""; } abbr, acronym { border-bottom: none; cursor: auto; font-variant: normal; letter-spacing: normal; } abbr[title], acronym[title] { border-bottom: 1px dotted #aaa; cursor: help; } ins { text-decoration: none; font-weight: bold; } del { text-decoration: line-through; } small { font-size: 85%; } sub { font-size: 92%; /* kvůli Opeře -- při 90% to vykreslí moc malé, ale takhle je to všude OK */ vertical-align: baseline; position: relative; top: 0.5em; } sup { font-size: 92%; vertical-align: baseline; position: relative; top: -0.5em; } blockquote { color: #777; margin: 0.7em 0; padding: 0 80px 0 25px; } blockquote p.zdroj { font-style: normal; font-weight: bold; text-align: right; } /*** Formuláře: */ form, fieldset, legend { margin: 0.7em 0; } fieldset, legend { border: none; } legend { font-weight: bold; } input, select, button, textarea { font-size: 92%; font-family: "Trebuchet MS", Arial, lucida, sans-serif; } /*** Tabulky: */ table { background-color: #FFE5BE; font-size: 100%; /* kvůli starším prohlížečům */ border-collapse: collapse; border-spacing: 0; /* pro jistotu kvůli hloupým prohlížečům */ table-layout: auto; border: 1px solid #FAD297; } /* Pozor! Tabulka nemá sama okraje. Okraje musí mít prvek nad ní a pod ní. */ caption { font-size: 100%; font-style: italic; text-align: right; caption-side: bottom; padding: 5px 0 5px 0.5em; page-break-after: avoid; } td, th { font-size: 100%; padding: 0.5em; border: 1px solid #FAD297; vertical-align: middle; } th, thead td, tfoot td { background-color: #FFECD0; font-weight: bold; text-align: center; } /**************************************** Formátování konkrétních prvků: ***************************************/ /* Hlavní bloky: */ #page { /* uzavírá veškerý obsah stránek kromě patičky a kočky */ width: 755px; padding: 20px 0 10px 9px; } #obsah { width: 490px; float: right; padding-bottom: 100px; } #other { width: 230px; padding-bottom: 200px; } /* Hlavička: */ #logo { height: 107px; } #logo h1, #logo img { background-color: #FFF; font-size: 100%; margin: 0; padding: 0; border: none; position: static; } p#nazevAktualniSekce { color: #FF9900; background: url("../images/sipka-sekce.gif") no-repeat 0 4px; font-size: 18px; line-height: 1.35; text-transform: uppercase; margin: 0; padding-left: 46px; position: absolute; left: 257px; top: 33px; width: 195px; } p#nazevAktualniSekce strong { position: absolute; top: -500px; } p#breadcrumbs { margin-left: 264px; margin-bottom: 1.4em; font-size: 92%; } body.titulni p#breadcrumbs { margin-bottom: 0; font-size: 8px; } p#odkaz-na-navigaci a { background-color: #FFEBCC; font-size: 120%; padding: 10px; border: #DDD 1px solid; position: absolute; top: -500px; left: 495px; } p#odkaz-na-navigaci a:focus, p#odkaz-na-navigaci a:active { top: 55px; } /* Menu: */ #menu { background: #FF6D00 url("../images/menu.png") no-repeat; color: #FFF; font: bold 14px/1.35 Arial, sans-serif; position: absolute; top: 100px; left: 9px; width: 755px; height: 26px; overflow: hidden; /* Jinak zobrazuje posuvníky, když nemá - zobrazuje pod položkami */ overf\low: auto; /* 3-pixelovou mezeru navíc. */ } #menu h2 { position: absolute; top: -500px; } #menu ul { margin: 0; padding: 0 0 0 25px; } #menu li { list-style: none; display: inline; margin: 0; padding: 0; } #menu a { color: #FFF; background: url("../images/menu-aktualni-pruh.png") repeat-x 0 26px; text-decoration: none; line-height: 26px; /* pro IE 5.x: (důvod viz výše) */ padding: 0 20px; height: 1px; /* pro chytré prohlížeče: */ padd\ing: 5px 20px; heig\ht: auto; } #menu li.aktualni a { background-position: 0 0; background-color: #FF9900; } #menu a:hover, #menu a:focus { background-position: 0 0; background-color: #FF9900; color: #fff; } /* Boxy: */ .box { color: #FFF; background: #03B1B1 url("../images/box-nahore-tmavy-2.gif") no-repeat; font-size: 95%; line-height: 1.4; width: 230px; margin-bottom: 2em; } .box2 { background: url("../images/box-dole-tmavy-2.gif") no-repeat bottom center; padding: 10px; /* IE 5: */ position: relative; top: 7px; margin-top: -7px; /* chytré prohlížeče: */ p\osition: static; ma\rgin-top: 0; } .box a:link { color: #FFF; } .box a:visited { color: #DDD; } .box a:hover, .box a:focus, .box li.aktualni a { color: #FAD297; text-decoration: none; } .box h2 { color: #FFF; font-size: 140%; margin-top: 0.3em; } /* Vyhledávání: */ #vyhledavani { position: absolute; top: 27px; left: 495px; width: 280px; } #vyhledavani h2 { position: absolute; top: -500px; } #vyhledavani form, #vyhledavani p { margin: 0; } #vyhledavaciPole { width: 172px; position: absolute; top: 0; left: 0; } #vyhledavaciTlacitko { position: absolute; top: 0; left: 182px; } /* Patička: */ /* -- rozměrově je širší než na původních 800x600 */ #paticka { clear: right; background-color: #FFECD0; padding: 1.7em 1.7em 0.5em; } .patickaBox { float: left; width: 200px; margin-right: 45px; } #paticka h2 { color: #000; font-size: 100%; font-weight: bold; margin-top: 0; } #realPaticka { font-size: 85%; w\idth: 230px; width: 210px; } #realPaticka p { margin: 0.2em 0; } #realPaticka p#patickaLinks { margin: 0.7em 0 0; } #topClanekUpoutavka { width: 275px; } #topClanekUpoutavka .odsadit { margin-left: 25px; } #topClanekUpoutavka .mensi { font-size: 94%; } /* Kontaktní formulář: */ form#kontaktForm { margin-top: 1.5em; } form#kontaktForm label { width: 100px; display: block; float: left; clear: left; } input#kontaktFormEmail, input#kontaktFormJmeno { width: 200px; } textarea#kontaktFormText { width: 300px; height: 250px; } /* Popis: */ p.popis { font-weight: bold; margin-bottom: 1em; margin-top: 0.4em; } /* Boxy na titulce: */ /* -- nyní už se používají na stránce RSS */ #leftBox, #rightBox { width: 235px; background: url("../images/box-nahore-titulka.gif") no-repeat top center; background-color: #FFECD0; } #leftBox div.inner, #rightBox div.inner { background: url("../images/box-dole-titulka.gif") no-repeat bottom center; padding: 11px 0; } #leftBox div.border, #rightBox div.border { border-left: 1px solid #FAD297; border-right: 1px solid #FAD297; } #leftBox { float: left; margin-right: 16px; } #rightBox { float: right; } .kulatyBox { margin-top: 2em; } .kulatyBox .border { padding: 5px 15px 15px 15px; } .kulatyBox h2 { color: #000; margin: 0; } .rss h1 { left: 0; } #feedburnerEmail { width: 200px; } .obrazek-rss img { border: none; } /* Skutečné boxy na titulce: */ #box-weblog { width: 490px; margin-bottom: 1.5em; } #box-weblog-kulate-nahore, #box-weblog-kulate-dole { width: 490px; height: 9px; background: url("../images/titulka-box-nahore.png") no-repeat top left; font-size: 1px; } #box-weblog-kulate-dole { background-image: url("../images/titulka-box-dole.png"); } #box-weblog h2 { background-color: #ffecd0; border: 1px #ffcf88 none; border-left-style: solid; border-right-style: solid; padding: 10px 15px 15px; margin: 0; } #box-weblog h2 span.hlavni { letter-spacing: 2px; text-transform: uppercase; font-weight: bold; } #box-weblog h2 span.tagline { font-size: 55%; color: #000; } #box-weblog-content { background-color: #fef9f6; border: 1px #ffcf88 none; border-left-style: solid; border-right-style: solid; padding: 15px; } #box-weblog-content .vlevo { float: left; width: 225px; margin-right: 10px; } #box-weblog-content .vpravo { margin-left: 235px; } #box-weblog-content .odkaz { clear: left; font-size: 110%; font-weight: bold; padding-top: 1em; text-align: center; } #titulka-small-box-vlevo, #titulka-small-box-vpravo { background-color: #ffecd0; border: 1px #ffcf88 solid; padding: 10px; width: 215px; } #titulka-small-box-vlevo h2, #titulka-small-box-vpravo h2 { margin: 0; font-size: 110%; } #titulka-small-box-vlevo { float: left; margin-right: 10px; } #titulka-small-box-vpravo { margin-left: 250px; } #titulka-bakalarka { margin-bottom: 1.5em; text-align: center; border: 1px #ffcf88 solid; padding: 10px; background-color: #FFFFA1; } #titulka-bakalarka p { margin: 0; } #titulka-bakalarka a { font-size: 110%; font-weight: bold; } div.clear { clear: both; height: 1px; overflow: hidden; } div#clear-right { clear: right; height: 5px; overflow: hidden; } /* Chybová hláška: */ p#zprava { /* Pozor! Pokud změníme, je třeba změnit i skript u komentářů pro blikání informačního boxu. */ color: #006600; background: url("../images/confirm-fajfka.gif") 10px center no-repeat #E2F9E3; padding: 10px 15px 10px 40px; border: 1px solid #99CC99; font-weight: bold; font-size: 110%; } p#chybovaZprava { /* Pozor! Pokud změníme, je třeba změnit i skript u komentářů pro blikání informačního boxu. */ color: #FF0000; font-weight: bold; font-size: 110%; background-color: #FFECD0; padding: 10px 15px; border: 1px solid #FF0000; } /* Tabulka na formátování informací typu jméno-hodnota: */ table.dva-sloupce { font-size: 92%; background-color: #FFE5BE; border: none; } table.dva-sloupce td, table.dva-sloupce th { border: none; border-top: 1px solid #FAD297; padding: 0.4em 1.2em; } table.dva-sloupce th { background-color: #FFECD0; border-right: 1px solid #FAD297; text-align: left; font-weight: normal; } /* Pocta kočkám: */ #kocka a { background: url("../images/kocka.gif") 16px 0 no-repeat; width: 15px; height: 27px; position: absolute; left: 20px; top: 133px; } #kocka a:hover, #kocka a:focus { background-position: 0 0; } /* Kód Navrcholu: */ #navrcholu-kod { position: absolute; top: 1px; left: 1px; } /* Výpis článků: */ /* Pozor! Změny ovlivní hodně stránek a různé jejich prvky (výpis článků i příspěvků, titulní stránka...). */ h2.vypis, h3.vypis { margin-top: 0.5em; margin-bottom: 0; } p.datum { color: #999; font-size: 92%; margin-top: 0.05em; margin-bottom: 0.05em; } p.datum a { color: #999; } p.datum a:hover, p.datum a:focus { color: #FFB340; } p.anotace { margin-bottom: 2em; margin-top: 0; } p#vypis-navigace { background-color: #FFECD0; margin: 2.5em 0 0; border: #FAD297 1px solid; padding: 0.5em; } p#vypis-navigace-na-stred { background-color: #FFECD0; text-align: center; margin: 2.5em 0 0; border: #FAD297 1px solid; padding: 0.5em; } div.prispevek-cely-vypis { margin-bottom: 1.5em; padding-bottom: 1.5em; } p.odkaz-komentare { margin-top: 1.1em; } p.odkaz-komentare a { background: url("../images/bublina.gif") center left no-repeat; padding-left: 20px; height: 1px; he\ight: auto; } div.souvisejici-obsah h3 { color: #FF6D00; } /* Příspěvek/článek: */ /* Komentáře: */ #komentar-napoveda { color: #999; font-size: 92%; } #formatovani-komentare-tabulka table { width: 450px; font-size: 92%; } #formatovani-komentare-tabulka td { width: 49%; } #komentarForm { margin-top: 2em; } #komentarForm label { width: 200px; display: block; float: left; clear: left; } input#komentarFormEmail, input#komentarFormJmeno, input#komentarFormWeb, input#komentarFormCislo { width: 210px; } textarea#komentarFormText { width: 475px; height: 280px; } #komentarForm #zprava { width: 280px; w\idth: 250px; } label#labelKomentarFormText { position: absolute; left: -500px; } #pCislo { margin: 1.7em 0; } #pCislo label { width: 130px; } #pCislo input#komentarFormCislo { width: 150px; } .komentar { margin-top: 2.5em; } #komentar1 { margin-top: 1.5em; } .komentar-informace .jmeno { padding-left: 0.65em; padding-right: 0.65em; } .komentar-informace .datum { font-size: 92%; color: #999; } .komentar-informace .oddelovac { display: none; } .komentar-mail-www { margin-left: 10px; } .komentar-mail-www img { border: none; } .komentar-mail-www a { padding: 5px; } .komentar-mail-www a:hover { background-color: #FFECD0; } #komentare { margin-top: 2.5em; clear: both; } #komentare .odkaz-komentare { margin-bottom: 2em; } #clanek-komentare .odkaz-komentare { margin-bottom: 0; } p#rss-komentare-odkaz { font-size: 92%; margin-top: 25px; width: 172px; float: right; } p#rss-komentare-odkaz a { background: url("../images/rss.gif") left center no-repeat; padding-left: 20px; height: 1px; he\ight: auto; } #clanek-komentare p#rss-komentare-odkaz { margin-top: 0; } h2#komentareNadpis { float: left; margin-bottom: 0; } .cleaner { height: 1px; width: 1px; overflow: hidden; clear: both; } #komentare h3 { margin-top: 1.9em; } #vyzva-k-nazoru { margin: 3em 20px 0; background-color: #FFECD0; padding: 1em; border-left: 1px solid #FAD297; border-right: 1px solid #FAD297; } #vyzva-k-nazoru h2 { margin-top: 0.5em; } /* Formátování textu: */ /* Vsuvka: */ /* Pozor! Její formátování používají i pravidla u přidávání komentáře. */ div.vsuvka { background-color: #FFECD0; font-size: 92%; float: right; width: 230px; w\idth: 200px; padding: 1em; margin: 0 0 5px 15px; border-left: 1px solid #FAD297; border-right: 1px solid #FAD297; } /* Výtahy: */ p.umistit-vytah h3 { position: absolute; top: -500px; } p.umistit-vytah span.formatovani { color: #FF6D00; font-weight: bold; line-height: 1.2; /* kvůli chybě v IE6 s vykreslováním hrany */ float: right; width: 200px; border: 1px solid #FF6D00; border-right: none; margin: 10px 0 10px 15px; } p.umistit-vytah span.formatovani span.vytah { background: url("../images/vytah-levy-roh.gif") left top no-repeat; display: block; padding: 10px; position: relative; left: -1px; top: -1px; } /* Obrázky: */ p.obrazek { color: #059090; text-align: center; font-size: 90%; } p.obrazek a:link img, p.obrazek a:visited img { border: 2px solid #FF6D00; } p.obrazek a:visited img { border-color: #BF7300; } p.obrazek a:hover img, p.obrazek a:focus img { border-color: #FFB340; } p.obrazek a:active img { border-color: #FFF; } p.obrazek span.popisek { display: block; margin: 0.5em 0; } p.plovouci-vpravo { float: right; margin: 0 0 0 10px; } p.plovouci-vlevo { float: left; margin: 0 10px 0 0; } p.plovouci-vpravo, p.plovouci-vlevo, p.plovouci-vpravo img, p.plovouci-vlevo img { margin-bottom: 0; } p.plovouci-vpravo span.popisek, p.plovouci-vlevo span.popisek { width: 150px; } html>body p.plovouci-vpravo span.popisek, html>body p.plovouci-vlevo span.popisek { margin-left: auto; margin-right: auto; } /* : */ p.kod { color: #059090; line-height: 1.2; font-family: monospace; border: 1px solid #059090; width: 90%; padding: 0.5em 0.5em 20px 0.5em; overflow: auto; overflow-y: visible; /* kvůli IE -- jinak zobrazuje svislý posuvník */ white-space: nowrap; margin-left: 10px; } p.kod strong { color: #FF6D00; font-weight: normal; } p.no-scroll { width: auto; overflow: visible; white-space: normal; padding-bottom: 0.5em; } /* Příklad: */ p.priklad { color: #059090; border-left: 1px solid #059090; padding-left: 12px; margin-left: 10px; margin-right: 70px; } /* Poznámka: -- vkládá se do ní ještě (kvůli RSS kanálu) */ p.poznamka { color: #888; font-style: italic; } /* Důležité: -- vkládá se do něj ještě (kvůli RSS kanálu) */ div.dulezite { font-size: 110%; background-color: #FFECD0; padding: 0 15px; border: 1px solid #FAD297; } div.dulezite strong { font-weight: normal; } /* Stránka 404: */ body.stranka-404 #autor, body.stranka-404 #nejnovejsi, body.stranka-404 #odkaz-nahoru, body.stranka-404 #logo-h1 { display: none; } body.stranka-404 #obsah { float: none; margin-left: 15px; } #logo-h1 { text-align: center; } #logo-h1 img { border: none; } /* Vyhledávání: */ #pod-vyhledavanim { margin-bottom: 2em; } form#form-vyhledavani-uvnitr-stranky { margin: 1.5em 0; } .vyhledavani-anotace { margin: 0.1em 0; } .vyhledavani-url { color: #999; font-size: 90%; margin-bottom: 2em; margin-top: 0; } #vyhledavani-copyright { margin-top: 2em; } p#pridatKomentarSubmit { font-size: 92%; margin-top: 1.5em; vertical-align: bottom; } p#pridatKomentarSubmit img { vertical-align: text-top; padding: 0 5px; } input.addCommentButton, input.sendMessage { font-weight: bold; font-size: 100%; } #komentarNahledDiv { border: 2px solid #ffff00; background-color: #fdfd99; padding: 0 5px; margin-top: 0; width: 475px; height: 285px; overflow: auto; } .nahledKomentareButtonSpan { background-color: #fdfd99; padding: 4px 8px; } /* Stálé odkazy na příspěvky titulce weblogu: */ div.prispevek-cely-vypis h2 a { text-decoration: none; color: #FF6D00; } div.prispevek-cely-vypis h2 a:hover, div.prispevek-cely-vypis h2 a:focus { text-decoration: underline; } div.prispevek-cely-vypis h2 a:active { text-decoration: none; } #rss-email-button { margin-bottom: 17px; } #rss-email-button img { border: none; } #popis-weblogu-nadpis small { font-size: 65%; } #vCardDownload a { background: url("../images/vcard.gif") no-repeat 2px center; padding-left: 32px; } .upoutavka-pod-clankem { font-size: 92%; margin: 1.3em 17px 0 17px; } .rss-odkaz-pod-clankem a, .rss-odkaz-pod-clankem { color: #999; } .rss-odkaz-pod-clankem a:hover, .rss-odkaz-pod-clankem a:focus { color: #FFB340; } .odkazy-pod-clankem { background-color: #fdfd99; padding: 10px; margin: 0.8em 0; } .odkazy-pod-clankem ul { margin-top: 0; margin-bottom: 0; } .top-sign { text-transform: uppercase; font-size: 85%; font-weight: bold; background-color: #03b1b0; color: #FFF; padding: 1px 4px; } #optimics { text-align: center; font-size: 90%; } #optimics img { border: none; } /* Flickr badge: */ /* Images are wrapped in divs classed "flickr_badge_image" with ids "flickr_badge_imageX" where "X" is an integer specifying ordinal position. Below are some styles to get you started! */ #flickr_badge_uber_wrapper {text-align:center;} #flickr_badge_wrapper {padding:10px 0 10px 0;} .flickr_badge_image {margin: 5px; float: left; } .flickr_badge_image img {border: 1px solid black !important;} #flickr_badge_source {text-align:left; margin:0 10px 0 10px;} #flickr_badge_icon {float:left; margin-right:5px;} #flickr_www {display:none; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;} #flickr_badge_uber_wrapper a:hover, #flickr_badge_uber_wrapper a:link, #flickr_badge_uber_wrapper a:active, #flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#03B1B1;} #flickr_badge_wrapper {background-color:#03B1B1;} #flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#000000 !important;}