/* Theme Name: red design | SEO SKOLENI Theme URI: http://www.krch.cz/ Description: Šablona pro CMS systém na bázi WordPress. Téma "RED DESIGN". 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:26px; font-weight:normal; color:#9d0b16; margin:10px 0px 5px 0px; padding:0; line-height:38px; background:url("images/seo_h2.png") 0 8px no-repeat; } h3 { font-size:22px; font-weight:normal; color:#bc5b62; margin:10px 0px 0px 0px; padding:0px 0px 0px 0px; line-height:20px; } h4 { font-size:15px; font-weight:bold; color:#bc5b62; margin:5px 0px 0px 0px; padding:0px 0px 0px 0px; line-height:15px; } p { font-size:13px; font-weight:normal; color:#808080; margin:0px 0px 0px 0px; padding:3px 0px 3px 0px; line-height:15px; } 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:#bc5b62; margin:0px 0px 0px 0px; padding:2px 0px 2px 0px; line-height:13px; list-style-type:square; text-indent:0px; } .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:"Trebuchet MS", "Geneva CE", lucida, sans-serif; color:#808080; text-align:left; background:#fbefef url("images/seo_backgr_body.gif") repeat-x; } .correct { clear:left; height:1px; } /* oprava na zobrazeni pozadi divu "content" */ span.wpcf7-list-item { display: block; } /* HLAVNI BLOK stranky = obdelniky */ #body-page { width:100%; height:100%; margin:0; padding:0; background:#9d0b16 url("images/seo_backgr_body-page.jpg") repeat-x; } #webheader { width:980px; margin:0 auto; height:361px; position:relative; background:#9d0b16; } #header { width:980px; margin:0 auto; height:41px; position:relative; background:#bc5b62 url("images/seo_backgr_header.jpg") no-repeat; } #page { width:100%; margin:0; padding:0; background:#ffffff url("images/seo_backgr_page.jpg") repeat-x bottom; text-align:left; } #content { width:980px; margin:0 auto; background: url("images/seo_backgr_content.gif") repeat-y; } #rohy-top { width:980px; height:10px; margin:0; background: url("images/seo_rohy_top.gif") no-repeat; } #container { width:980px; margin:0 auto; padding:0 0 20px 0; text-align:left; background: url("images/seo_backgr_container.jpg") no-repeat bottom; min-height:600px; height:auto !important; height:100%; } /* H1 = hlavni nadpis na strance */ #header h1 { position:absolute; top:41px; left:0; z-index:1; margin:0; padding:30px 0 0 30px; font-size:36px; width:600px; height:105px; } #header h1 a { width:600px; height:105px; padding:0; overflow:hidden; text-decoration:none; overflow:hidden; color:#737373;} #header h1 a span { position:absolute; top:0; left:0; z-index:2; width:100%; height:100%; margin:0; padding:0; background:url("images/logo_seo.jpg") no-repeat; cursor:pointer; } .description { position:relative; top:4px; right:60px; float:right; font-size:15px; font-weight:normal; color:#ecbebe; } /* TOP NAVIGACE */ #header #navigace { position:relative; top:5px; left:5px; margin:0; padding:0; width:300px; height:20px; text-align:left; } #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; } /* ---------------------------------------------- Textovy blok vlevo - zde se nacitaji stranky ------------------------------------------------- */ #wrapper { width:600px; float:left; clear:left; margin:-50px 0px 0px 10px; padding:5px 10px 15px 25px; } #wrapper h2 { font-size:26px; font-weight:normal; color:#9d0b16; margin:10px 0px 5px 0px; padding:0; line-height:38px; background:url("images/seo_h2.png") 0 8px no-repeat; } #wrapper h3 { font-size:22px; font-weight:normal; color:#bc5b62; margin:10px 0px 0px 0px; padding:0px 0px 0px 0px; line-height:20px; } #wrapper h4 { font-size:15px; font-weight:bold; color:#bc5b62; margin:5px 0px 0px 0px; padding:0px 0px 0px 0px; line-height:15px; } #wrapper p { font-size:13px; font-weight:normal; color:#808080; margin:0px 0px 0px 0px; padding:3px 0px 3px 0px; line-height:15px; } #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:#bc5b62; margin:0px 0px 0px 0px; padding:2px 0px 2px 00px; line-height:13px; list-style-type:square; text-indent:0px; } #wrapper a, li a { font-weight:normal; color:#d59397; } #wrapper a:hover, li a:hover { color:#000000; } .alignleft { float:left; } .alignright { float:right; } /* odkazy - textove odkazy na strankach */ a { color:#d59397; text-decoration:underline; } 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:#fbefef; background:#fbefef; border:solid #fbefef 1px; margin:5px 0 5px 0; padding:0; width:600px; } /* -------------------------------------------- BLOK VPRAVO = TEXTY v pravem sloupci ----------------------------------------------- */ #info { width:230px; float:right; text-align:left; margin:-35px 70px 0 0; padding:0px 0px 10px 20px; border-left:10px solid #fbefef; } #info h2 { font-size:16px; font-weight:normal; color:#737373; text-align:left; margin:10px 0 0 0; padding:0; background:url("images/seo_h2.png") -250px 5px no-repeat; } #info h3 { font-size:16px; font-weight:bold; text-align:left; margin:5px 0 0 0; padding:0; line-height:18px; } #info ul, #info li { font-size:12px; font-weight:normal; line-height:14px; list-style-type:none; padding:1px 0px 0px 0px; text-indent:0px; } .textwidget p { color:#808080; font-size:14px; font-weight:normal; margin:0px 5px 0px 0px; line-height:15px; } .textwidget .women { color:#bc5b62; font-size:17px; font-weight:normal; margin:0; padding:35px 0px 80px 115px; line-height:20px; background:url("images/seo_women_phoned.jpg") no-repeat; } .textwidget .dotaz { margin:-60px 0 0 0; padding:0px 0px 10px 130px; } .textwidget a { font-weight:normal; color:#d59397; } .textwidget a:hover { color:#000000; } /* Enhanced links */ .link-cat-title { color:#bc5b62; font-size:14px; font-weight:normal; line-height:22px; padding:5px 3px 0px 5px; } .linkcat { color:#bc5b62; font-weight:normal; margin:0px 8px 0px 0px; border-bottom:1px #ecbebe solid; } ul .linkcat { margin:0 0 0 -20px; padding:0; } .linkcat ul { margin:0 0 0 10px; padding:0; } .linkcat li { color:#808080; font-weight:normal; text-align:left; list-style-type:none; margin:0; padding:0; } .linkcat li a { font-weight:normal; color:#d59397; } .linkcat li a:hover { color:#000000; } /* -------------------------------------------- HLAVNI OBRAZEK na strance - kolaz vpravo = 734x215px ------------------------------------------------- */ #extra { width:980px; height:320px; background:url("images/seo_webheader_right.jpg") top right no-repeat; margin:0px; clear:both; } #extra-sidebar { width:340px; height:320px; float:left; text-align:left; background:url("images/seo_webheader_left.jpg") no-repeat; } #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-horizontal { position:relative; float:left; top:-70px; left:20px; height:40px; text-align:left; width:960px; margin:0; padding:0; z-index:10; } #menu { width:100%; margin:0; font-size:13px; } #menu, #menu ul { text-align:left; list-style:none; font-weight:normal; color:#ffffff; list-style-type:none; } #menu li { float:left; padding:0; margin:0; color:#ffffff; list-style-type:none; } #menu a { color:#ffffff; display:block; line-height:37px; padding:3px 10px 0px 10px; text-decoration:none; font-weight:normal; border-right:1px solid #ecbebe; } #menu a:hover { color:#ffffff; background:url("images/seo_menu_active.png") repeat-x; } /* rozbalene podmenu */ #menu li ul { margin:0 0 0 -10px; padding:10px 0 10px 0; border:6px solid #ecbebe; position:absolute; top:34px; left:-999em; min-height:80px; height:auto; width:230px; background:#ffffff /* url("images/seo_podmenu_pozadi.jpg") no-repeat; */} #menu li li { width:230px; margin:0; } #menu li ul a { margin:0; padding:0px 15px 0px 15px; color:#808080; line-height:33px; } #menu li ul a:hover { margin:0; padding:0px 15px 0px 15px; color:#9d0b16; background:url("images/seo_podmenu_active.png") top no-repeat; } #menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul { left:auto; } #menu li:hover, #menu li.sfhover { color:#000000; } /* -------------------------------------------- PATICKA - spodni prouzek ------------------------------------------------- */ #footer { margin:0; padding:0; width:100%; height:45px; background:#9d0b16 url("images/seo_backgr_footer.jpg") top center repeat-x; text-align:center; clear:both; } #footer #text { margin:0 auto; padding:0; width:980px; height:100%; text-align:left; } #footer #text #webdesign { display:block; position:relative; top: 23px; 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: 23px; right: 60px; margin:0; padding:0; width:200px; height:20px; text-align:right; float: right; } #footer #text p { margin:0; padding:0; line-height:15px; color:#ecbebe; font-size: 12px; } #footer #text a { color:#ecbebe; text-decoration:underline; font-weight:normal; } #footer #text a:hover { color:#ffffff; } /* KOMENTARE a FOMULARE ------------------------------------------------- */ .respond { font-size:22px; font-weight:normal; color:#bc5b62; margin:0; padding:0; line-height:38px; background:url("images/seo_h2.png") 0 8px no-repeat; } .comments { font-size:17px; font-weight:normal; color:#bc5b62; margin:0; padding:0; line-height:38px; background:url("images/seo_h2.png") 0 8px no-repeat; } .commentmetadata { margin:0; padding:0; } .commentlist { margin:0 20px 0 20px; padding:0; } #commentform { margin:0; } small { font-size:13px; font-weight:normal; color:#bc5b62; margin:0; padding:0; line-height:20px; } label { display:block; width:150px; margin:2px 10px 0 0; float:left; clear:left; text-align:right; } input { font-size:13px; color:#808080; background:#fbefef; border:1px solid #ecbebe; margin:0; padding:3px; height:17px; } textarea { font-size:13px; color:#808080; background:#fbefef; border:1px solid #ecbebe; margin:5px 0 10px 0; padding:3px; width:400px; height:70px; } select { font-size:13px; color:#808080; background:#fbefef; border:1px solid #ecbebe; margin:0; padding:3px; width:275px; height:25px; } .test { font-size:13px; color:#808080; background:#fbefef; border:1px solid #ecbebe; margin:0; padding:3px; width:225px; } .file { font-size:13px; color:#808080; background:#fbefef; border:1px solid #ecbebe; margin:0; padding:3px; width:270px; 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 #ecbebe; margin:0; padding:3px; width:410px; } input#submit, input#reset { padding:0 0 2px 0; border:1px #ecbebe outset; background:#9d0b16; color:#ffffff; width:80px; height:25px;} input#submit:hover, input#reset:hover { cursor:pointer; background:#000000; } /* FORMULAR VYHLEDAT ------------------------------------------------- */ #searchform { margin:10px 0 0 0; } input#s { width:140px; height:20px; font-size:12px; border:1px #ecbebe solid; margin:0; padding:4px 5px 0 7px; vertical-align:middle; } input#searchsubmit { background:#9d0b16; color:#ffffff; width:55px; height:26px; margin:0; padding:0; vertical-align:middle; } input#searchsubmit:hover { cursor:pointer; background:#000000; } /* VYSLEDEK HLEDANI ------------------------------------------------- */ .post { margin:0px; padding:0px; } .dte { font-size:13px; font-weight:normal; color:#bc5b62; margin:0; padding:0; line-height:15px; } .author { font-weight:bold; } .postmetadata { clear:both; font-size:12px; color:#a3a3a3; padding:14px; border-top:1px #e3f5ff solid; } .info { clear:both; font-size:12px; color:#a3a3a3; padding:0 0 10px 0; line-height:20px; } /* -------------------------------------------- /* NEXTGEN GALERIE ------------------------------------------------- */ #wrapper .ngg-galleryoverview { overflow:hidden; margin-top:10px; width:100%; clear:both; display:block !important; } #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:980px; margin:0 auto; height:150px; position:relative; background:#ffffff; } #header { width:980px; 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:980px; margin:0 auto; background:#ffffff; } #rohy-top { display: none; } #container { width:980px; 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; } }