/* Theme Name: info KV Theme URI: http://www.krch.cz/ Description: Šablona pro CMS systém na bázi WordPress. Téma "info portal". Version: 2009-09 Author: Martin Krch Author URI: http://www.krch.cz */ * { margin:0; padding:0; } /* zaklad */ .hidden { display:none; } /* neviditelny */ /* ----------------------------------------- STYLY PRO Tiny MCE -------------------------------------------- */ h2 { font-size:20px; font-weight:normal; color:#f48221; margin:10px 0px 5px 0px; padding:0; line-height:20px; } h3 { font-size:16px; font-weight:bold; color:#000000; margin:5px 0px 0px 0px; padding:0px 0px 5px 0px; line-height:20px; border-bottom:3px solid #f48221; } h4 { font-size:12px; font-weight:bold; color:#000000; margin:15px 0px 0px 0px; padding:0px 0px 0px 0px; line-height:15px; } p { font-size:13px; font-weight:normal; color:#000000; margin:0px 0px 0px 0px; padding:3px 0px 3px 0px; line-height:17px; } ul { font-size:13px; font-weight:normal; margin:5px 0px 5px 20px; padding:0px 0px 0px 0px; list-style-type:square; text-indent:0px; } li { font-size:13px; font-weight:normal; color:#808080; margin:0px 0px 0px 0px; padding:2px 0px 2px 0px; line-height:13px; list-style-type:square; text-indent:0px; } li a { font-weight:normal; color:#0077af; } li a:hover { color:#000000; } .ngg-singlepic { background-color:#ffffff; border:1px solid #ecbebe; display:block; margin:4px 0px 4px 0px; padding:4px; position:relative; } .ngg-left { float:left; margin-right:15px; } .ngg-right { float:right; margin-left:15px; } /* ----------------------------------------- STRUKTURA STRANEK - bloky -------------------------------------------- */ body { font-size:13px; font-family:Tahoma, "Lucida Grande CE", lucida, sans-serif;; color:#808080; text-align:left; background:#ffffff url("images/backgr_body.gif") repeat-x; } .correct { clear:left; height:1px; } /* oprava na zobrazeni pozadi divu "content" */ /* HLAVNI BLOK stranky = obdelniky */ #body-page { width:100%; height:auto; margin:0; padding:0 0 0 0; background:#ffffff url("images/backgr_body-page.gif") center repeat-y; } .mezera { width:100%; margin:0 auto; padding:0; height:15px; position:relative; background:#e3f4fc; text-align:left; } .mezera-dark { width:985px; margin:0 auto; padding:0; height:15px; position:relative; background:#00b5e2; text-align:left; } #webheader { width:985px; margin:0 auto; padding:15px 0 0 0; height:90px; position:relative; background:#00b5e2; text-align:left; } #header { width:955px; margin:0 15px 0 15px; height:90px; position:relative; background:#ffffff; z-index:10; } #page { width:100%; margin:0; padding:0; text-align:left; height:auto; } #content { position:relative; top:0; left:0; width:955px; margin:0 auto; padding:0; text-align:center; background:#ffffff; } #container { position:relative; width:100%; margin:0 auto; padding:0; text-align:left; min-height:100%; height:auto; background:#ffffff;} #menu-horizontal { position:relative; float:left; top:0px; left:0px; height:40px; text-align:left; width:100%; margin:0 auto; padding:0; z-index:10; background:#0077af; } /* H1 = hlavni nadpis na strance */ #header h1 { position:absolute; top:25px; left:0; z-index:1; margin:0; padding:0; font-size:36px; width:210px; height:65px; background:#ffffff; } #header h1 a { width:210px; height:65px; padding:0 0 0 20px; overflow:hidden; text-decoration:none; overflow:hidden; color:#0077af;} #header h1 a span { position:absolute; top:0; left:0; z-index:2; width:210px; height:65px; margin:0; padding:0; background:url("images/logo_info-kv.gif") no-repeat; cursor:pointer; } .description { position:relative; top:50px; left:210px; float:left; font-size:20px; font-weight:normal; color:#0077af; } /* text nahore */ .sponzor { position:relative; top:15px; right:10px; float:right; font-size:20px; font-weight:normal; color:#0077af; } /* text nahore vpravo */ /* TOP NAVIGACE */ #navigace { position:relative; float:left; top:3px; left:-353px; margin:0; padding:0; width:84px; height:20px; text-align:left; background:#ffffff } #navigace h2 { display: none; } #navigace ul { margin:0; padding:0; list-style-type:none; } #navigace li { display:inline; } #navigace li a { display:block; height:20px; line-height:20px; margin:0; padding:0; color:#ffffff; text-align:center; text-decoration:none; vertical-align:middle; float:left; } #navigace li.active a, #navigace li a:hover, #navigace li a:focus, #navigace li a:active { height:20px; } #navigace li a#item-1 { width:28px; background: url("images/navigace_home.gif") top no-repeat } #navigace li a:hover#item-1 { width:28px; background: url("images/navigace_home.gif") bottom no-repeat } #navigace li a#item-2 { width:28px; background: url("images/navigace_mapa.gif") top no-repeat } #navigace li a:hover#item-2 { width:28px; background: url("images/navigace_mapa.gif") bottom no-repeat } #navigace li a#item-3 { width:28px; background: url("images/navigace_print.gif") top no-repeat } #navigace li a:hover#item-3 { width:28px; background: url("images/navigace_print.gif") bottom no-repeat } #navigace li a span { display:none; } /* odkazy - textove odkazy na strankach */ a { color:#ee770a; text-decoration:none; } a:hover { color:#000000; } a img { border:0; } /* images */ img { border:0; } .size-thumbnail { background-color:#ffffff; border:1px solid #ecbebe; display:block; margin:4px 0px 4px 0px; padding:4px; position:relative; } .cara { color:#e5e5e5; background:#e5e5e5; border:solid #e5e5e5 1px; margin:5px 0 5px 0; padding:0; width:600px; } /* ---------------------------------------------- BLOK UPROSTRED - zde se nacitaji stranky ------------------------------------------------- */ #wrapper { position:relative; top:0; right:0; float:right; width:475px; margin:0; padding:0 10px 15px 20px; border:0px solid #ffff11; } #wrapper h2 { font-size:20px; font-weight:normal; color:#f48221; margin:10px 0px 5px 0px; padding:0; line-height:20px; } #wrapper h3 { font-size:16px; font-weight:bold; color:#000000; margin:5px 0px 0px 0px; padding:0px 0px 5px 0px; line-height:20px; border-bottom:3px solid #f48221; } #wrapper h4 { font-size:12px; font-weight:bold; color:#000000; margin:15px 0px 0px 0px; padding:0px 0px 0px 0px; line-height:15px; } #wrapper p { font-size:13px; font-weight:normal; color:#000000; margin:0px 0px 0px 0px; padding:3px 0px 3px 0px; line-height:17px; } #wrapper ul { font-size:13px; font-weight:normal; margin:5px 0px 5px 20px; padding:0px 0px 0px 0px; list-style-type:square; text-indent:0px; } #wrapper li { font-size:13px; font-weight:normal; color:#808080; margin:0px 0px 0px 0px; padding:2px 0px 2px 00px; line-height:13px; list-style-type:square; text-indent:0px; } #wrapper li a { font-weight:normal; color:#0077af; } #wrapper li a:hover { color:#000000; } #wrapper .nadpis { font-size:14px; font-weight:bold; color:#ffffff; text-align:left; margin:20px 0 10px 0; padding:0 0 0 15px; background:#00b5e2; display:block; line-height:25px; } #wrapper #vsude ul { list-style:none; } #wrapper #vsude ul li { position:absolute; top:-250px; width:100%; margin:0; padding:0; } #wrapper #vsude ul li ul { width:475px; list-style:none; margin:0 0 50px -20px; } #wrapper #vsude ul li ul li { position:relative; top:325px; display:inline; margin:0; padding:0 10px 0 0; line-height:15px; text-align:justify; } #wrapper .cleaner { } #wrapper #drobecky { margin:95px 0 0 0; padding:5px 0 0 0; border-top:1px #e3f4fc solid; } #wrapper table { font-size:13px; font-weight:normal; color:#000000; margin:0; padding:0; line-height:13px; } #wrapper table th { font-size:13px; font-weight:bold; color:#000000; margin:0; padding:10px 5px 10px 10px; line-height:13px; background:#e4d0ca; } #wrapper table td { font-size:13px; font-weight:normal; color:#000000; margin:0; padding:5px 5px 5px 10px; line-height:13px; background:#ffffff; vertical-align:top; width:50%; } .alignleft { float:left; margin:13px 0 0 0; background:#000000; } .alignleft a { display:block; border:2px solid #cfcfcf; margin:0; padding:2px 10px 5px 10px; background:#f5f5f5; color:#7f7f7f; height:17px; } .alignleft a:hover { color:#000000; } .alignright { float:right; margin:13px -20px 0 0; } .alignright a { display:block; border:2px solid #cfcfcf; margin:0; padding:2px 10px 5px 10px; background:#f5f5f5; color:#7f7f7f; height:17px; } .alignright a:hover { color:#000000; } /* -------------------------------------------- BLOK VLEVO = TEXTY v levem sloupci ----------------------------------------------- */ #vlevo { position:relative; top:0; right:0; float:right; /*float:left;*/ width:200px; text-align:left; margin:0 0 0 -5px; padding:0 10px 20px 20px; min-height:500px; height:auto; background:#ffffff; } #vlevo h2 { font-size:14px; font-weight:bold; color:#ffffff; text-align:left; margin:20px 0 10px 0; padding:0 0 0 15px; background:#f48221; display:block; line-height:25px; } #vlevo h3 { font-size:16px; font-weight:bold; text-align:left; margin:5px 0 0 0; padding:0; line-height:18px; } #vlevo h4 { font-size:12px; font-weight:bold; text-align:left; margin:5px 0 0 0; padding:0; line-height:18px; } #vlevo p { font-size:12px; font-weight:normal; color:#333333; text-align:left; margin:-7px 0 5px 2px; padding:0; } #vlevo ul { font-size:14px; font-weight:normal; line-height:15px; list-style-type:none; margin:0; padding:0; } #vlevo li { font-size:14px; font-weight:normal; line-height:15px; list-style-type:none; margin:0 0 0 10px; padding:0 0 0 5px; text-indent:15px; background: url("images/odrazka_sipka.png") 0 0 no-repeat; } #vlevo a, li a { font-weight:normal; color:#0077af; } #vlevo a:hover { font-weight:normal; color:#000000; } /* -------------------------------------------- BLOK VPRAVO = TEXTY v pravem sloupci ----------------------------------------------- */ #vpravo { position:relative; top:0; right:0; float:right; width:180px; text-align:left; margin:0; padding:0 20px 20px 20px; min-height:500px; height:auto; background:#ffffff; } #vpravo h2 { font-size:14px; font-weight:bold; color:#ffffff; text-align:left; margin:20px 0 10px 0; padding:0 0 0 15px; background:#00b5e2; display:block; line-height:25px; } #vpravo h3 { font-size:12px; font-weight:normal; text-align:left; margin:5px 0 0 0; padding:0; line-height:15px; color:#0077af; text-decoration:underline; border: none; } #vpravo h4 { font-size:10px; font-weight:normal; text-align:left; margin:5px 0 0 0; padding:0; line-height:15px; color:#0077af; text-decoration:underline; } #vpravo p { font-size:12px; font-weight:normal; color:#333333; text-align:left; margin:0; padding:0 0 0 15px; } #vpravo .adresa { font-size:13px; font-weight:normal; color:#333333; text-align:left; margin:0; padding:0 0 0 15px; } #vpravo ul { font-size:12px; font-weight:normal; line-height:20px; list-style-type:none; margin:0; padding:0; } #vpravo li { font-size:12px; font-weight:normal; line-height:20px; list-style-type:none; margin:0; padding:0 0 10px 15px; text-indent:0px; border-bottom:1px #eeeeee solid; } #vpravo li p { font-size:12px; font-weight:normal; line-height:15px; list-style-type:none; margin:0; padding:0; color:#333333; } /* -------------------------------------------- HLAVNI OBRAZEK na strance - kolaz vpravo = 734x215px ------------------------------------------------- */ #extra { width:90%; height:170px; background:url("images/webheader_right.gif") top right no-repeat; margin:0; clear:both; } #extra-sidebar { width:807px; height:170px; float:left; text-align:left; background:url("images/webheader_left.gif") repeat-x; } #extra-sidebar h2 { visibility:hidden; text-transform:none; font-size:18px; font-weight:normal; line-height:19px; text-align:right; color:#ffffff; margin:20px 30px 8px 18px; } #extra-sidebar h3 { visibility:hidden; font-size:11px; font-weight:bold; color:#ffffff; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background:none; } #extra-sidebar ul { margin:13px 15px 0px 25px; padding:0px; list-style-type:none; } #extra-sidebar li { letter-spacing:0px; font-size:12px; font-weight:normal; display:block; text-transform:none; color:#ffffff; } #extra-sidebar li a { text-transform:capitalize; font-weight:bold; color:#ffffff; } extra-sidebar li a:hover { color:#e5ca63; } /* -------------------------------------------- OBRAZKY - rolovani ------------------------------------------------- */ #myGallery { float:right; width:640px !important; height:320px !important; border:0px #000000 solid !important; } #myGallery h2 { font-size:14px; font-weight:bold; padding:7px 0px 0px 20px; color:#baaa48!important; } #myGallery h2 a { font-size:16px; color:#000000!important; } #myGallery p { font-size:11px; font-weight:normal; letter-spacing:-1px; padding:0px 0px 0px 20px; color:#baaa48!important; } .slideInfoZone { height:55px !important; background:#ffffff !important; } /* -------------------------------------------- NAVIGACE - horizontalni menu ---------------------------------------------*/ #menu { margin:0; padding:0; list-style:none; } #menu ul { position:absolute; top:-999em; /* width:230px;*/ list-style:none; /* left offset of submenus need to match (see below) */ } #menu ul li { width:100%; } #menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } #menu li { float: left; position: relative; list-style-type:none; padding:0; } #menu a { display:block; position:relative; } #menu li:hover ul, #menu li.sfHover ul { left:0; top:40px; /* match top ul list item height */ z-index: 99; } ul#menu li:hover li ul, ul#menu li.sfHover li ul { top: -999em; } ul#menu li li:hover ul, ul#menu li li.sfHover ul { left:178px; /* match ul width */ top: 0; } ul#menu li li:hover li ul, ul#menu li li.sfHover li ul { top: -999em; } ul#menu li li li:hover ul, ul#menu li li li.sfHover ul { left: 10em; /* match ul width */ top: 0; } /* Dkret3 'Superfish' header navigation styles */ #menu { float: none; } #menu a { font-weight:bold; display:block; font-size:13px; line-height:43px; margin:0; padding:0 15px 0 14px; text-decoration:none; font-family:Verdana, "Geneva CE", lucida, sans-serif; background:url("images/menu_divider.png") top right no-repeat; } #menu li:hover ul, #menu li.sfHover ul { top:40px; /* match top ul list item height */ } #menu li li a { border-bottom:1px solid #c9e0ed; padding:0; font-size:11px; line-height:32px; font-weight:normal; padding:0 0 0 15px; background:#000000; color:#ffffff} #menu a { /* visited pseudo selector so IE6 applies text colour*/ color: #ffffff; } #menu li li, #menu li li li li { background:#ddecf4; width:200px; padding:0; line-height:32px; } #menu li li li { margin:0; width:300px; background: #000000;; } #menu li:hover, #menu li.sfHover, #menu a:focus, #menu a:hover, #menu a:active { background:#ffffff url("images/menu_on.gif") 0px 0px repeat-x; outline:0; margin:0; color:#f48221; } #menu li li:hover, #menu li li.sfHover, #menu li li a:focus, #menu li li a:hover, #menu li li a:active { background:#000000; line-height:32px; } /* -------------------------------------------- PATICKA - spodni prouzek ------------------------------------------------- */ #footer { margin:0; padding:0; width:100%; height:40px; text-align:center; clear:both; } #footer #text { margin:0 auto; padding:0; width:955px; height:100%; text-align:left; background:#0077af; } #footer #text #webdesign { display:block; position:relative; top: 13px; left: 20px; margin:0; padding:0; width:700px; height:20px; text-align:left; float: left; clear: both; } #footer #text #copyright { display:block; position:relative; top: 13px; right: 20px; margin:0; padding:0; width:200px; height:20px; text-align:right; float: right; } #footer #text p { margin:0; padding:0; line-height:15px; color:#e3f4fc; font-size: 12px; } #footer #text a { color:#dddddd; text-decoration:none; font-weight:normal; } #footer #text a:hover { color:#ffffff; } /* KOMENTARE a FOMULARE ------------------------------------------------- */ .respond { font-size:14px; font-weight:normal; color:#808080; margin:0; padding:0; line-height:38px; border-bottom:solid #dddddd 3px; } .comment { font-size:14px; font-weight:normal; color:#808080; margin:0; padding:0; line-height:38px; border-bottom:solid #dddddd 2px; } .commentmetadata { margin:0; padding:0; } .commentlist { margin:0 20px 0 20px; padding:0; } #commentform { margin:0; } small { font-size:11px; font-weight:normal; color:#808080; margin:0; padding:0; line-height:20px; } label { display:block; width:70px; margin:2px 10px 0 0; float:left; clear:left; text-align:right; } input { font-size:13px; color:#808080; background:#e5e5e5; border:1px solid #dddddd; margin:0; padding:3px; height:17px; } textarea { font-size:13px; color:#808080; background:#e5e5e5; border:1px solid #dddddd; margin:5px 0 10px 0; padding:3px; width:100px; height:70px; } select { font-size:13px; color:#808080; background:#e5e5e5; border:1px solid #dddddd; margin:0; padding:3px; width:150px; height:25px; } .test { font-size:13px; color:#808080; background:#e5e5e5; border:1px solid #ecbebe; margin:0; padding:3px; width:150px; } .file { font-size:13px; color:#808080; background:#e5e5e5; border:1px solid #ecbebe; margin:0; padding:3px; width:150px; height:25px; } input#author, input#email { background:#ffffff; } input:focus, textarea:focus { background:#ffffff; } input:hover, textarea:hover { background:#ffffff; cursor:text; } #comment { font-size:13px; color:#808080; border:1px solid #dddddd; margin:0; padding:3px; width:290px; } input#submit, input#reset { padding:0 0 2px 0; border:1px #ffffff solid; background:#ee770a; color:#ffffff; width:80px; height:25px;} input#submit:hover, input#reset:hover { cursor:pointer; background:#000000; } /* FORMULAR VYHLEDAT ------------------------------------------------- */ #searchform { margin:0px 0 0 0; z-index:99; } input#s { width:130px; height:20px; font-size:12px; border:1px #c6c6c6 solid; color:#8a8a8a; background:#eeeeee; margin:0; padding:4px 0 0 10px; vertical-align:middle; } input#searchsubmit { background: url("images/butonek_lupa.gif"); color:#ffffff; width:40px; height:26px; margin:0 0 0 -5px; padding:0; vertical-align:middle; border:0px #c6c6c6 solid;} input#searchsubmit:hover { background: url("images/butonek_lupa.gif"); color:#ffffff; width:40px; height:26px; cursor:pointer;} /* INDEX + VYSLEDEK HLEDANI ------------------------------------------------- */ .post { margin:0px; padding:0px; } .dte { font-size:11px; font-weight:normal; color:#333333; margin:0; padding:0 0 15px 0; line-height:15px; } .author { font-weight:normal; color:#ee770a; } .postmetadata { clear:none; font-size:12px; color:#a3a3a3; padding:0px; } .info { clear:left; font-size:12px; color:#a3a3a3; padding:0 0 10px 0; line-height:20px; } .post .postmetadata { position:relative; top:0px; left:0; z-index:1; margin:5px 0 0 0; padding:0; width:402px; height:30px; } .post .postmetadata a { width:402px; height:30px; padding:0 0 0 335px; overflow:hidden; text-decoration:none; overflow:hidden; color:#fb930e; font-size:9px;} .post .postmetadata a span { display:block; background:url("images/butonek_vic.png"); color:#ffffff; width:402px; height:30px; margin:-15px 0 0 0; padding:0; text-align:right; z-index:2; cursor:pointer; } /* -------------------------------------------- /* NEXTGEN GALERIE ------------------------------------------------- */ #wrapper .ngg-galleryoverview { overflow:hidden; margin-top:10px; width:100%; clear:none; display:block !important; border:1px solid #ffff11; } #wrapper .ngg-galleryoverview .desc { margin:0px 10px 10px 0px; padding:5px; } #wrapper .ngg-gallery-thumbnail-box { float:left; width:200px; } #wrapper .ngg-gallery-thumbnail { float:left; margin-right:5px; text-align:left; } #wrapper .ngg-gallery-thumbnail img { background-color:#ffffff; border:1px solid #ecbebe; display:block; margin:4px 0px 4px 5px; padding:4px; position:relative; } #wrapper .ngg-gallery-thumbnail img:hover { background-color:#ecbebe; } #wrapper .ngg-gallery-thumbnail span { font-size:12px; padding:0 5px 0 8px; line-height:14px;} /* popisek u obrazku */ #wrapper .ngg-clear { clear:both; } /* ----------- Single picture -------------*/ #wrapper .ngg-singlepic { background-color:#ffffff; border:1px solid #acd6ec; display:block; margin:4px 0px 4px 0px; padding:4px; position:relative; } #wrapper .ngg-left { float:left; margin-right:15px; } #wrapper .ngg-right { float:right; margin-left:15px; } #wrapper .ngg-center { margin-left:auto !important; margin-right:auto !important; } /* -------------------------------------------- /* TISKOVY STYL ------------------------------------------------- */ @media print { body { font-size:13px; font-family:"Trebuchet MS", "Geneva CE", lucida, sans-serif; color:#808080; text-align:left; background:#ffffff; } #extra { display: none; } #body-page { width:100%; height:100%; margin:0; padding:0; background:#ffffff; } #header #navigace { display: none; } .description { position:relative; top:4px; right:0; float:right; font-size:18px; font-weight:normal; color:#000000; } #webheader { width:90%; margin:0 auto; height:150px; position:relative; background:#ffffff; } #header { width:90%; margin:0 auto; height:41px; position:relative; background:#ffffff; } #menu-horizontal { display: none; } #page { width:100%; margin:70px 0 0 0; padding:0; background:#ffffff; text-align:left; } #content { width:90%; margin:0 auto; background:#ffffff; } #rohy-top { display: none; } #container { width:90%; margin:0 auto; padding:0 0 20px 0; text-align:left; background:#ffffff; min-height:500px; height:auto !important; height:100%; } #footer { margin:0; padding:0; width:100%; height:3px; background:#bc5b62; text-align:center; clear:both; } #footer #text p { margin:0; padding:0; line-height:20px; color:#000000; font-size: 12px; } #footer #text a { color:#000000; text-decoration:underline; font-weight:normal; } }