/* Theme Name: Hledáčkem Version: 1.0 Author: Peter Kahoun Author URI: http://kahi.cz/ */ * {margin:0; padding:0;} body, div, span, p, a, img, ul, ol, li, table, th, tr, td, form, fieldset, legend, dl, dt, dd, blockquote, applet, object {border:0;} body { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; background: #271d1d url(images/bg.jpg) top center repeat-x; color: #fff; text-align: center; height: auto; } hr.clear {clear:both; height:1px; margin: -1px 0 0 0; padding:0; border:none; visibility: hidden; } #wrapper {width: 920px; margin: 0 auto; height: 100%; min-height: 100%; text-align: left;} #content {width: 920px; margin: 22px auto; _margin: 10px auto; clear: both; } *+html #content {margin: 10px auto; } h1{ position: relative; width: 111px; height: 74px; margin: 13px 0 0 0; overflow:hidden; float: left; } h1 span { display:block; position:absolute; left:0; top:0; z-index:1; width: 111px; height: 74px; background:url(images/logo.jpg) top left no-repeat; } ul#menu { width: 524px;_width: 525px; float: right; display: inline; height:40px; list-style: none; font-size: 0.75em; margin: 30px 0 0 0 ;} ul#menu li { float: left; display: block; height:40px; list-style: none; background: url(images/menu-li-divider.png) right center no-repeat; margin: 0 0 0 -1px;} ul#menu li.kontakt { background: none;} ul#menu li a { display: block; height:29px; padding: 11px 29px 0 29px; color: #b2b2b2; text-decoration: none; float:left; } ul#menu li a:hover, ul#menu li a.active { color: #d71f06; } ul#menu li.uvod a { background: url(images/menu-uvod-hover.png) center -40px no-repeat; _padding:11px 29px 0 30px; } ul#menu li.uvod a:hover, ul#menu li.uvod a.active { background: url(images/menu-uvod-hover.png) top center no-repeat;} ul#menu li.fotogalerie a { background: url(images/menu-fotogalerie-hover.png) center -40px no-repeat; } ul#menu li.fotogalerie a:hover , ul#menu li.fotogalerie a.active { background: url(images/menu-fotogalerie-hover.png) top center no-repeat;} ul#menu li.blog a { background: url(images/menu-blog-hover.png) center -40px no-repeat; } ul#menu li.blog a:hover, ul#menu li.blog a.active { background: url(images/menu-blog-hover.png) top center no-repeat;} ul#menu li.autorka a { background: url(images/menu-autorka-hover.png) center -40px no-repeat; } ul#menu li.autorka a:hover, ul#menu li.autorka a.active { background: url(images/menu-autorka-hover.png) top center no-repeat;} ul#menu li.kontakt a { background: url(images/menu-kontakt-hover.png) center -40px no-repeat; } ul#menu li.kontakt a:hover, ul#menu li.kontakt a.active { background: url(images/menu-kontakt-hover.png) top center no-repeat;} /*homepage - start*/ .homepage-board { background: #3e2d2d; border: 2px solid #4b3838; width:900px; padding: 9px; margin: 0 0 20px 0;} .homepage-board img.photo { width:580px; height:388px; display: block; float: left;} .homepage-board div.board-content { width:260px; height:343px; padding: 25px 30px 20px 30px; display: block; float: right; background: url(images/homepage-board-text-bg.png) top left no-repeat;} .homepage-board div.board-content h2 { color: #d72007; font-style:italic; font-size: 0.8em; font-weight: normal; font-family: Georgia, "Times New Roman", Times, serif;} .homepage-board div.board-content h3 { color: #fff; font-style:italic; font-size: 1.1em; font-weight:normal; font-family: Georgia, "Times New Roman", Times, serif; padding: 10px 0 5px 0;} .homepage-board div.board-content h3 a { color: #fff; text-decoration: underline;} .homepage-board div.board-content h3 a:hover { color: #fff; text-decoration: none;} .homepage-board div.board-content p { color: #9d7d7d; font-size: 0.75em; line-height: 160%; padding: 10px 0 0 0;} .homepage-board div.board-content p.read-more { color: #fff; } .homepage-board div.board-content p a { color: #d71f06; text-decoration: underline; } .homepage-board div.board-content p a:hover { color: #fff; } #left { width: 600px; margin: 0 0 20px 0px; float: left;} #right { width:320px; margin: 0 0 20px 0; float:right; _margin: 0 -5px 20px 0; } .home { padding: 0 0 0 10px; width: 590px !important;} #left h2 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.4em; font-style: italic; color: #fff; font-weight: normal; padding: 15px 0 12px 0px; width: 590px; border-bottom: 1px solid #4d3737;} .home h2 { padding: 0px !important; width: auto !important; border-bottom: 0px !important;} #left h3 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 0.85em; font-style: italic; color: #b9a3a3; font-weight: normal; padding: 5px 0 0 5px;} #left p { color: #9d7d7d; font-size: 0.8em; padding: 5px 15px 5px 0; line-height: 140%; } #left p.prefix { font-family: Georgia, "Times New Roman", Times, serif; font-size: 1em; font-style: italic; padding: 8px 15px 5px 0;} #left p.ma-read-more { color: #fff; background: url(images/ma-read-more-corner.png) bottom right no-repeat; width: 547px;} #left p a, #right p a { color: #d71f06; text-decoration: underline; } #left p a:hover, #right p a:hover { color: #fff; text-decoration: underline; } #left ul { color: #9d7d7d; font-size: 0.8em; padding: 7px 15px 7px 10px; line-height: 160%; list-style: none; } #left ul li { padding: 0 0 0 10px; background: url(images/li.png) left center no-repeat; } #left table { width: 590px; color: #b9a3a3; font-size: 0.8em; line-height: 200%; border-right: 1px solid #4b3838; border-top: 1px solid #4b3838; border-collapse: collapse; background: #362727; margin: 10px 0; } #left table th { border-bottom: 1px solid #4b3838; border-left: 1px solid #4b3838; font-weight: normal; text-align: left; padding: 0 10px;} #left table td { border-bottom: 1px solid #4b3838; border-left: 1px solid #4b3838; padding: 0 10px; } #left table .light td, #left table .light th { background: #3e2d2d; } #left .ma-gallery { width: 590px; height: 302px; clear: both; margin: 20px -10px 25px 0; background: url(images/ma-gallery-bg.jpg) top center no-repeat;} #left .ma-gallery a.item { display: block; width: 128px; height: 128px; margin: 12px 14px 0 0px; background:#413030; border: 1px solid #5a4141; text-align: center; color: #fff; text-decoration: none; font-size: 0.7em; float: left;} #left .ma-gallery a:hover.item { background:#5a4141; border: 1px solid #5a4141; } #left .ma-gallery a.item span.photo-label { display: block; width: 120px; height: 90px; margin: 4px 4px 2px 4px; text-align: center; color: #fff;} #left .ma-gallery a.item span.photo-label img { margin: 0 auto; text-align: center; max-height:90px; max-width: 120px; _width: 120px; _height: 90px; } #left hr.line { color:#4d3737; background: #4d3737; height: 1px; border: 0; width: 560px; clear: both; margin: 7px 0; _margin: 7px 0 0 0 ; float: left;} #left .blognews .calendar, .article .calendar { background: url(images/calendar.png); width: 60px; height: 52px; float: left; margin:10px 10px 10px 0; font-family: Georgia, "Times New Roman", Times, serif;} #left .blognews .calendar span.nb, .article .calendar span.nb { display: block; text-align: center; margin: 5px auto 7px auto; font-size: 1.1em; font-style: italic; font-weight: bold; } #left .blognews .calendar span.mo, .article .calendar span.mo { display: block; text-align: center; margin: 0px auto; font-size: 0.7em; font-style: italic; color:#b9a3a3; } #left .blognews h4 { display: block; float: right; width: 505px; text-align: left; font-size: 1em; font-style: italic; color:#fff; font-weight: normal; margin: 3px 10px 0 0; } #left .blognews h4 a { color:#fff; text-decoration: underline; } #left .blognews h4 a:hover { color:#fff; text-decoration: none; } #left .blognews p { display: block; float: right; width: 490px; text-align: left; padding: 2px 15px 8px 0; margin: 0 10px 0 0; } #left .blognews p.read-more { display: block; float: none; width: auto; text-align: right; padding: 2px 25px 5px 0; color: #fff; clear: both; } /*homepage finish*/ .article h2 { margin: 0 0 5px 0;} .article h3 { font-size: 1.1em !important; color: #fff !important; padding: 15px 0 5px 0px !important;} .article h4 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 0.85em; font-style: italic; color: #fff; font-weight: normal; padding: 15px 0 5px 0px;} .article p { padding: 7px 10px 7px 0 !important; } .article a {color:#d71f06;} .article img { padding: 4px; border: 1px solid #403131; background: #312424; } .article img.fl-left { float: left; margin: 0 10px 7px 0; } .article img.fl-right { float: right; margin: 0 0 7px 10px; } #left table.photo-resume th { width: 110px;} #left h3.comments { margin: 20px 0 0 0; } #left form.comments { background: #312424; margin: 7px 0 0 0; padding: 0 0 6px 0; width: 580px; border: 1px solid #403131;} #left form.comments legend { display: none;} .article form.comments h4 { color: #b8a3a3; padding: 15px 0 5px 20px;} #left form.comments table { border: 0; background: none; width: auto;} #left form.comments table th { border: 0; vertical-align: top; padding: 3px 0 0 20px; font-weight: bold;} #left form.comments table td { border: 0; vertical-align: top; } #left form.comments table td input { border-bottom: 1px solid #4d3737; border-right: 1px solid #4d3737; border-top:0; border-left: 0; background: #150f0f; width: 280px; height: 30px;} #left form.comments table td input.submit { border:0; background: url(images/button-odeslat.png) top center no-repeat; width: 84px; height: 30px; display: block; float: right; color: #fff; font-style: italic; font-size: 1em; text-align: center; font-family: Georgia, "Times New Roman", Times, serif; margin: 2px 0 0 0;} #left form.comments table td textarea { border-bottom: 1px solid #4d3737; border-right: 1px solid #4d3737; border-top:0; border-left: 0; background: #150f0f; width: 480px; height: 100px; margin: 4px 0 0 0px;} #left form.comments table td.notice { font-size: 80%; padding: 0 0 0 15px;} #left p.comment-head { color: #9d7d7d; padding: 15px 15px 10px 0 !important; background: url(images/comment-bg.png) bottom left no-repeat; } #left p.comment-head a { color: #fff; text-decoration: underline; font-weight: bold; } #left p.comment-head a:hover { color: #d71f06; text-decoration: underline; } #left p.comment-head span.no { color: #d71f06; font-weight: bold; } #left p.comment-head .name {color:#fff; font-weight: bold;} /* mod. kahi + */ #left p.comment-head span.date { color: #7f5f5f; font-size: 85%; } #left .comment-body { color: #9d7d7d; padding: 10px !important; background:#352626; } /* mod. kahi (p.c -> .c)*/ #left .comment-body p { padding:0 0 7px 0 !important;} /* mod. kahi + */ .list-articles a.item { display: table; width: 148px; height: 148px; margin: 30px 15px 0 0px; background:#413030; border: 1px solid #5a4141; text-align: center; color: #fff; text-decoration: none; float: left; clear: both; } .list-articles a.item span {width: 148px; height: 148px; vertical-align: middle; display: table-cell; } .list-articles a:hover.item { background:#5a4141; border: 1px solid #5a4141; } .list-articles a.item span img { max-height:140px; max-width: 140px; margin: 4px -50px 0 -50px; _width: expression(document.body.clientWidth > 140? "140px" : "auto" ); _height: expression(document.body.clientHeight > 140? "140px" : "auto" ); } .list-articles h3 { font-size: 1.1em !important; color: #fff !important; padding: 15px 0 5px 0px !important; margin: 15px 0 0 0 ;} .list-articles a { color: #fff; text-decoration: underline;} .list-articles a:hover { color: #fff; text-decoration: none;} #left p.article-info { padding: 0; font-size: 70%;} #left p.headpart {padding: 13px 15px 5px 0; background: url(images/ma-read-more-corner.png) bottom right no-repeat; margin: 0 10px 0 0 ;} #left p.headpart span.white { color: #fff;} #left p.list-page { clear: both; padding: 7px 0 15px 0; text-align: right; border-top: 1px solid #4d3737; margin: 20px 10px 0 0 ;} #left p.list-page a { margin: 0 3px;} #left p.list-page a.arrows img { margin: 0px 0 -6px 0 ; } #left p.list-page a.active { font-weight: bold; color: #fff; text-decoration: none;} .list-photos h2 { margin: 0 0 15px 0; } .list-photos a.item { display: block; width: 135px; height: 163px; margin: 10px 10px 0 0px; background:#413030; border: 1px solid #5a4141; text-align: center; color: #fff; text-decoration: none; font-size: 0.7em; float: left;} .list-photos a:hover.item { background:#5a4141; border: 1px solid #5a4141; } .list-photos a.item span.photo-label { width: 124px; height: 124px; text-align: center; color: #fff; display: table-cell; vertical-align: middle; padding: 4px 5px 2px 5px; _padding: 4px 5px 0px 5px; _display: block;} .list-photos a.item span.photo-label img { margin: 0px -40px; text-align: center; max-height:124px; max-width: 124px; _width: expression(document.body.clientWidth > 124? "124px" : "auto" ); _height: expression(document.body.clientHeight > 124? "124px" : "auto" ); } *+html .list-photos a.item span.photo-label img { margin: 4px auto 0 auto; } .list-photos a.item span.headline { padding: 0 10px; text-align: center; _display: block; _height: 10px; _margin: -1px 0 0 0;} *+html .list-photos a.item span.headline { display: block;} .gallery h2 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.4em; font-style: italic; color: #fff; font-weight: normal; padding: 0px 0 12px 10px; width: 650px; float: left; } .gallery form.change-gallery { float: right; width: 198px; height: 24px;} .gallery form.change-gallery legend { display: none; } .gallery form.change-gallery select { display: block; width: 198px; height: 24px; border: 0; background: #150f0f url(images/select-bg.png) top left no-repeat; color: #9d7d7d; font-size: 0.75em; padding: 2px 0 2px 6px;} .gallery .bigone { clear: both; padding: 9px; width: 900px; border: 1px solid #4b3838; background: #3e2d2d;} .gallery .bigone img { margin: 0 auto; } .gallery .bigone p { color: #9d7d7d; font-size: 0.7em; padding: 5px 5px 0 5px;} .gallery .bigone.vertical {margin:0 auto;} .gallery .bigone p a {color: #d71f06;} #jCarouselLiteDemo .carousel { clear: both; width: 920px; height: 120px; margin: 10px 0 0 0; } #jCarouselLiteDemo .carousel a.prev, #jCarouselLiteDemo .carousel a.next {display: block; float: left; width: 21px; height: 21px; text-decoration: none; margin: 50px 0 0 0; } #jCarouselLiteDemo .carousel a.prev span, #jCarouselLiteDemo .carousel a.next span {display: none; } #jCarouselLiteDemo .carousel a.prev {background: url(images/list-page-back.png) center center no-repeat; } #jCarouselLiteDemo .carousel a.next {background: url(images/list-page-forward.png) center center no-repeat; margin: 50px 0 0 3px; } /*#jCarouselLiteDemo .carousel .jCarouselLite { float: left; position: relative; visibility: hidden; left: -5000px; margin: 0;}*/ #jCarouselLiteDemo .carousel ul {margin: 0; text-align:center;} #jCarouselLiteDemo .carousel li { float:left; height: 120px; text-align: center; width: 120px; padding: 0 1px 0 4px; } #jCarouselLiteDemo .carousel li a {height: 118px; width: 118px; display: table-cell; border: 1px solid #4b3838; background: #3e2d2d; vertical-align: middle; _display: block; } *+html #jCarouselLiteDemo .carousel li a {height: 118px; width: 118px; display: block; text-align: center; } #jCarouselLiteDemo .carousel li a:hover {border: 1px solid #4b3838; background: #4b3838;} #jCarouselLiteDemo .carousel li a.active {border: 1px solid #d71f06; background: #d71f06; } #jCarouselLiteDemo .carousel li a img { max-height: 110px; max-width: 110px; margin: 4px auto 0 auto; _width: expression(document.body.clientWidth > 110? "110px" : "auto" ); _height: expression(document.body.clientHeight > 110? "110px" : "auto" ); } .photo-info { width: 920px; clear: both; margin: 10px 0 0 0; background: url(images/gallery-bg.jpg) top center no-repeat; padding: 30px 0 0 0; } .photo-info table { width: 370px; color: #b9a3a3; font-size: 0.7em; line-height: 180%; border-right: 1px solid #4b3838; border-top: 1px solid #4b3838; border-collapse: collapse; background: #362727; margin: 0 0 0 25px; float: left; _margin: 0 0 0 12px; } .photo-info table th { border-bottom: 1px solid #4b3838; border-left: 1px solid #4b3838; font-weight: normal; text-align: left; padding: 0 10px; width: 100px;} .photo-info table td { border-bottom: 1px solid #4b3838; border-left: 1px solid #4b3838; padding: 0 10px; font-weight: bold; } .photo-info table .light td, .photo-info table .light th, .article-content table tbody tr:nth-child(odd) th, .article-content table tbody tr:nth-child(odd) td, .photo-info table tr:nth-child(odd) th, .photo-info table tr:nth-child(odd) td { background: #3e2d2d; } .photo-info p.tags { display: block; float: right; width: 480px; font-size: 0.7em; padding: 0 5px 0 0;} #right h3 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 0.85em; font-style: italic; color: #b9a3a3; font-weight: normal; padding: 5px 0 0 23px; clear: both;} #right .new-photo-gallery { width: 300px; clear: both; margin: 2px 0px 0px 20px; } #right .new-photo-gallery a.item { display: table; width: 88px; height: 88px; margin: 5px 5px 0 0px; background:#413030; border: 1px solid #5a4141; text-align: center; color: #fff; text-decoration: none; font-size: 0.7em; float: left; } #right .new-photo-gallery a.item span { display: table-cell; width: 88px; height: 88px; vertical-align:middle; } #right .new-photo-gallery a:hover.item { background:#5a4141; border: 1px solid #5a4141; } #right .new-photo-gallery a.item span img { text-align: center; max-height:80px; max-width: 80px; margin: 4px -20px 0 -20px; _width: expression(document.body.clientWidth > 80? "80px" : "auto" ); _height: expression(document.body.clientHeight > 80? "80px" : "auto" ); } #right p.new-photo-gallery-read-more { font-size: 0.7em; padding: 10px 0px 15px 18px; color: #fff; clear: both; } #right .tags { clear: both; background: url(images/right-tags-bg.jpg) top center no-repeat; width: 285px; margin: 5px 0 10px 0; font-size: 0.7em; padding: 10px 10px 0 25px; } #right .tags a, .photo-info p.tags a { float: left; padding: 0 10px 0 4px; margin: 0 7px 7px 0; height: 19px; background: url(images/tag-bg.gif) top right no-repeat; color: #baa3a3; text-decoration: none; } #right .tags a:hover, .photo-info p.tags a:hover { background: url(images/tag-bg.gif) bottom right no-repeat; color: #fff;} #right .social-networks { clear: both; background: url(images/right-tags-bg.jpg) top center no-repeat; width: 310px; margin: 5px 0 10px 0; padding: 15px 0 0 10px; } #right .social-networks a span { display: none;} #right .social-networks a.facebook { background: url(images/sn-facebook.png) top left no-repeat; height: 20px; width: 94px; display: block; float: left; margin: 0 20px 15px 25px; _background:transparent; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/sn-facebook.png', sizingMethod='crop');} #right .social-networks a:hover.facebook { background: url(images/sn-facebook.png) bottom left no-repeat; height: 20px; width: 94px; display: block; float: left; margin: 0 20px 15px 25px; _background:transparent; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/sn-facebook-hover-ie.png', sizingMethod='crop');} #right .social-networks a.twitter { background: url(images/sn-twitter.png) top left no-repeat; height: 18px; width: 91px; display: block; float: left; margin: 2px 5px 15px 25px; _background:transparent; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/sn-twitter.png', sizingMethod='crop');} #right .social-networks a:hover.twitter { background: url(images/sn-twitter.png) bottom left no-repeat; height: 18px; width: 91px; display: block; float: left; margin: 2px 5px 15px 25px; _background:transparent; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/sn-twitter-hover-ie.png', sizingMethod='crop');} #right .social-networks a.linkedin { background: url(images/sn-linkedin.png) top left no-repeat; height: 26px; width: 89px; display: block; float: left; margin: 0 20px 15px 25px; _background:transparent; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/sn-linkedin.png', sizingMethod='crop');} #right .social-networks a:hover.linkedin { background: url(images/sn-linkedin.png) bottom left no-repeat; height: 26px; width: 89px; display: block; float: left; margin: 0 20px 15px 25px; _background:transparent; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/sn-linkedin-hover-ie.png', sizingMethod='crop');} #right ul.categories { width: 280px; list-style: none; font-size: 0.8em; float: left; margin: 10px 0 30px 15px; } #right ul.categories li { width: 280px; height: 33px; border-bottom: 1px solid #4d3737; display: block; float: left; list-style: none; } #right ul.categories li a { width: 264px; height: 26px; display: block; background: url(images/li-categories.png) 7px 0px no-repeat; padding: 7px 0 0 16px; color: #fff; text-decoration: none; } #right ul.categories li a:hover { background: #150f0f url(images/li-categories.png) 7px -33px no-repeat; color: #d71f06; } #footer { width: auto; height: 70px; clear: both; background: #3d2f2f; border-top: 1px solid #493838; } #footer div.footer-content { width: 910px; height: 70px; margin: 0 auto; text-align: left; font-size: 0.7em;} #footer div.footer-content p { padding: 20px 0 0 5px; width: 700px; color: #836363; float: left;} #footer div.footer-content p a { color: #836363; text-decoration: underline; } #footer div.footer-content p a:hover { color: #fff; } #footer div.footer-content a.on-the-top { background: url(images/icon-top.png) center left no-repeat; display: block; width: 50px; color: #d71f06; font-weight:bold; padding: 0 0 0 20px; text-decoration: underline; float: right; clear: none; margin: 20px 0 0 0; } #footer div.footer-content a:hover.on-the-top { color: #fff; text-decoration: underline; } /* wp (~kahi) */ .to-admin {position: fixed; right:0; top:0; padding:10px; color:#eee; text-decoration: none; font-weight: bold;} input, textarea {color:#eee; font-family:inherit; font-size:inherit; padding:1px 3px;} .jCarouselLite ul {list-style-type:none}