/* Theme Name: Baza Noclegowa Theme URI: http://www.baza-noclegowa.pl/ Author URI: http://webm.pl/ Description: Clean, clear and light theme for blogs, corporate websites and big portals as well. Author: webm.pl Version: 2.1 Tags: white, black, light, two-columns, fixed-width, editor-style, sticky-post License: GNU General Public License v2.0 License URI: http://www.gnu.org/licenses/gpl-2.0.html */ /* Reset *****************/ html {font-size: 100.01%;} html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:0; vertical-align:baseline; background:transparent; } ol, ul {list-style:none;} blockquote, q {quotes:none;} blockquote:before, blockquote:after, q:before, q:after {content:'';} :focus {outline:0;} address {font-style:normal;} ins {text-decoration:none;} del {text-decoration:line-through;} table {border-collapse:collapse; border-spacing:0;} /* BASE *****************/ a {color:#09b; text-decoration:none;} a:hover {text-decoration:underline;} a span {cursor: pointer;} h1, h2, h3, h4, h5, h6 {color:#31373a; font-weight:normal;} h1 {font-size:2.5em; padding:0 0px 13px;} h2 {color:#6ca101; font-size:2.17em;} h3 {font-size:1.67em;} h4 {font-size:1.25em;} h5 {font-size:1.3em;} h6 {font-size:1.2em;} p {padding-bottom:13px;} li {padding-left:20px;} input, textarea, select { font-size:14px; } textarea { background:#fff; color:#686e71; } input.inputText {background:#fff; color:#686e71;padding:2px 2px 2px 2px;} select { background:#fff; color:#686e71; padding:1px; } select option { padding:1px 4px; } body { background:#edf1f2; color:#4c5356; font:75% Arial, Helvetica, sans-serif; } form, form[class] {margin: 1.5em 0; padding: 10px 20px; border: 1px solid #f0f0f0; background: #EDF1F2;} label {float: left; clear: left; width: 150px; padding: 4px 0; font-weight: bold;} input, select {width: 300px; margin: 5px 0; padding: 4px 10px; border: 1px solid #cacaca; background: #fff; font-size: 1.167em; font-family:Arial, Helvetica, sans-serif; vertical-align: middle; } select option {padding: 0 5px; } input[type="radio"], input[type="checkbox"], input[type="submit"] {width: auto;} span.required {padding: 0 5px; color: #ff6000; font-weight: bold; font-size: 1.333em;} textarea {width: 430px; min-width: 430px; max-width: 430px; height: 100px; margin: 5px 0; padding: 5px 10px; border: 1px solid #cacaca; background: #fff; font-family:Arial, Helvetica, sans-serif; } p.form-submit, p.form-allowed-tags {margin-left: 150px;} button, input[type="submit"] {height: 24px; padding: 0 15px; border: 1px solid #686e71; background: #cacaca; color: #686e71; font-weight: bold; line-height: 24px; vertical-align: middle; cursor: pointer;} .post-password-required .entryContent input[type="submit"] {float: none; argin-top: 5px; vertical-align: bottom;} .post-password-required .entryContent label { float: none; width: 330px;} .all-page { margin:0 auto; padding-top:7px; width:996px; } .container {background:#fff url(images/frame.png) 0 0 repeat-y;} /* frames */ .bFrameT, .bFrameB, .bFrameT i, .bFrameB i {background:url(images/b_d7dadc.gif) no-repeat;} .bFrameT, .bFrameB { margin: 0 -4px; height:5px; position:relative; left:-1px; } .bFrameT i, .bFrameB i { font-size:0; line-height:0; position:absolute; top:0; left:-3px; margin-left:100%; height:5px; width:5px; } .bFrameT {background-position:-5px 0; top:-1px;} .bFrameB {background-position:-5px -5px; height:5px; bottom:-1px;} .bFrameB i {background-position:0 -5px;} /* HEADER **************/ #header { background:url(images/frame_t.png) 0 0 no-repeat; padding:0 32px 10px 32px; position:relative; } #header .website-name { font-size:3.25em; padding-top: 23px; } .website-name a { color: #40c2de;} #header .slogan { font-size:1.25em; font-style:italic; font-weight:normal; color:#4c5356; display:block; padding:0 0 0 30px; line-height: 1.5em; } #header .slogan a:hover {text-decoration:none;} #header .enter { display:inline; font-size:1.17em; float:right; margin-right:-11px; overflow:hidden; padding:25px 0 17px; } #header .enter li { border-left:1px solid #c5c9cb; float:left; padding:0 12px; margin-left:-1px; } #header .btns {clear:right; float:right;} #header .btns li { display:inline; float:left; line-height:1.5; margin-left:7px; padding:0; } #header .btns a { color:#fff; display:block; font-size:1.5em; font-weight:bold; height:28px; text-align:center; width:161px; } #header .btns a:hover {text-decoration:none;} #header .btns .addBtn {background:url(images/btn_green.png) 0 0 no-repeat; padding-left:8px; width:153px;} #header .btns .promBtn {background:url(images/btn_blue.png) 0 0 no-repeat;} /* NAVIGATION **********/ #mainNav {position:relative; z-index:1000; margin:0 18px; background:#31373a url(images/nav-top.png) top no-repeat;} #mainNav .wrap {background:url(images/nav-bottom.png) bottom no-repeat;} /* current menu item */ #mainNav .current-menu-item>a, #mainNav .current-menu-item>a:hover {background:#04a6c8 url(images/nav_li_bg.png) 0 0 no-repeat;} #mainNav .current-menu-item>a span, #mainNav .current-menu-item>a:hover span {background:url(images/nav_li_bg.png) 100% 0 no-repeat;} #mainNav .current_page_item>a, #mainNav .current_page_item>a:hover {background:#04a6c8 url(images/nav_li_bg.png) 0 0 no-repeat;} #mainNav .current_page_item>a span, #mainNav .current_page_item>a:hover span {background:url(images/nav_li_bg.png) 100% 0 no-repeat;} #mainNav ul.menu {list-style: none; margin: 0; padding: 0; font-size: 1.33em;} #mainNav ul.menu>li {float: left; position: relative; overflow: hidden; height: 28px; margin: 0; padding:5px 7px 5px 8px; background: url("images/mm-separator.png") 0 50% no-repeat; line-height:28px;} #mainNav ul.menu>li:hover {overflow: visible; z-index: 150;} #mainNav ul.menu>li:first-child {background: none;} #mainNav ul.menu>li>a {float: left; height: 28px; padding: 0 0 0 10px; color: #fff; line-height: 28px;} #mainNav ul.menu>li>a span {float:left; height:28px; padding: 0 10px 0 0; color: #fff; line-height: 28px;} #mainNav ul.menu>li>a:hover, #mainNav ul.menu>li:hover>a {background:#606a6f url("images/nav_li_bg.png") 0 -28px no-repeat;} #mainNav ul.menu>li>a:hover span, #mainNav ul.menu>li:hover>a span {background:#606a6f url("images/nav_li_bg.png") 100% -28px no-repeat;} #mainNav ul.menu>li.current-menu-item>a, #mainNav ul.menu>li.current_page_item>a {background: #606a6f url("images/nav_li_bg.png") 0 0 no-repeat;} #mainNav ul.menu>li.current-menu-item>a span, #mainNav ul.menu>li.current_page_item>a span {background: url("images/nav_li_bg.png") 100% 0 no-repeat;} #mainNav ul.menu>li ul {position: absolute; left: 0; top: 38px; width: 215px; list-style: none; margin: 0; background: #3a3f42; font-size: 1em;} #mainNav ul.menu>li ul li {float: none; position: relative; overflow: hidden; margin: 0; padding: 3px; background: none;} #mainNav ul.menu>li ul li:hover {overflow: visible;} #mainNav ul.menu>li ul li a {display: block; padding: 0 10px; border-radius: 3px; color: #fff; } #mainNav ul.menu>li ul li a:hover, #mainNav ul.menu>li ul li:hover>a {background: #606a6f; color: #fff; text-decoration: none;} #mainNav ul.menu>li ul li ul {top: 0; left: 215px; font-size: 1em;} /* CONTENT *************/ #content { background:url(images/frame_b.png) 0 100% no-repeat; overflow:hidden; padding:15px 18px; } /* sidebar *************/ .sideBar { float:left; padding:5px 0 50px; width:232px; } .sideBar .nav {border:1px solid #d7dadc; margin-bottom:9px; padding: 0 4px;} .sideBar .nav select {width: 220px;} .sideBar .nav .bFrameB {margin-top:0;} .sideBar .nav h3 { background:#e2f2c0; border-radius: 4px; font-size:1.33em; line-height:1.6; margin:10px 0; padding: 0 5px; } .sideBar .nav ul {color:#7cb500; margin:3px 15px 18px;} .sideBar .nav ul ul {margin: 0 15px;} .sideBar .nav li { list-style-type:disc; margin-left:13px; padding:5px 0 0; } .sideBar .nav li a {font-size:1.25em;} .sideBar .nav li span {color:#777e81;} .sideBar ul li.current-menu-item>a, .sideBar ul li.current_page_item>a, .sideBar ul li.current-cat>a, .sideBar ul li.current-menu-item>a:visited, .sideBar ul li.current_page_item>a:visited, .sideBar ul li.current-cat>a:visited {color: #666;} /* content *************/ .content { float:right; width:700px; } .content h2 { border-bottom:2px solid #d7dadc; margin-bottom:10px; padding:0 15px 7px; } .content h2 { padding:0 0px 7px; } .content .gallery {overflow:hidden; padding:5px 0 8px 11px;} .content .gallery li { float:left; height:212px; padding:0 15px 0 0; position:relative; width:120px; } .content .gallery li p {font-size:1.17em; padding:5px;} .content .gallery dl {line-height:1.3; padding:0 5px;} .content .gallery dt {display:inline; padding-right:4px;} /*.content .gallery dd {display:inline;}*/ .content .gallery dd span {font-size:1.17em;} .content .gallery dd span em {font-size:1.07em; font-style:normal; font-weight:bold;} .content .mainTxt {padding:5px 15px 18px;} .content .mainTxt h3 {padding-bottom:15px;} .content .mainTxt p {font-size:1.08em; line-height:1.3;} /* comments ------------------------------------------ */ .comments {clear: both;} ul.commentlist {margin: 1em 0;} ul.commentlist li {overflow: hidden; margin: 0.5em 0; padding: 10px 20px; border: 1px solid #D7DADC; background: #fff;} ul.commentlist li.odd {background: #E2F2C0;} ul.commentlist li li {clear: both; margin-left: 20px;} ul.commentlist ul {clear: both;} img.avatar {float: left; margin: 0 10px 0 0; padding: 2px; border: 1px solid #D7DADC; background: #fff;} .reply {float: right; overflow: hidden; } .reply a {float: right; padding-left: 20px; background: url("images/icons.png") 0 -64px no-repeat;} ul.commentlist li .comment-body ul {margin: 1em 0; list-style: disc;} ul.commentlist li .comment-body ol {margin: 1em 0; list-style: decimal;} ul.commentlist li .comment-body li {overflow: visible; margin: 0 0 0 20px; padding: 0; border: none; background: transparent;} /* Bottom NAVIGATION **********/ #bottomNav { overflow:hidden; padding:7px 32px 7px 18px; } #bottomNav dl { float:left; padding-right:15px; width:140px; } #bottomNav dt { font-size:1.2em; font-weight:bold; padding-bottom:5px; } #bottomNav dd {padding-bottom:3px;} #bottomNav .btns {clear:right; float:right;} #bottomNav .btns li {line-height:1.5; padding:3px 0 7px;} #bottomNav .btns a { color:#fff; display:block; font-size:1.5em; font-weight:bold; height:28px; text-align:center; width:161px; } #bottomNav .btns a:hover {text-decoration:none;} #bottomNav .btns .addBtn {background:url(images/btn_green.png) 0 0 no-repeat; padding-left:8px; width:153px;} #bottomNav .btns .promBtn {background:url(images/btn_blue.png) 0 0 no-repeat;} /* FOOTER **************/ #footer { border-top:1px solid #cdd1d3; color:#8f9699; margin:0 18px; overflow:hidden; padding:12px 0 10px; } #footer .copyright {float:left;} #footer ul.menu {overflow:hidden;} #footer ul.menu li { border-left:1px solid #c5c9cb; float:left; padding:0 9px; margin-left:-1px; } #footer ul.menu li.current_page_item a, #footer ul.menu li.current-menu-item>a {color: #666;} /* Comment Closed */ p.nocomments { font-weight:bold; font-style:italic; } /* Comment List */ .commentlist li { margin-bottom:10px; padding:10px; border: 1px solid #d7dadc; overflow:hidden; } .commentlist li.alt { border: 1px solid #d7dadc; } .commentlist li img.photo { float:left; margin:0 10px 5px 0; border: 1px solid #d7dadc; padding:2px; } .commentlist li p img { display:inline; } .commentlist li p { padding-bottom:8px; } .commentlist li p.commentmetadata { font-size:11px; padding-bottom:5px; } /*new style*/ .entryContent { font-size: 1.08em; line-height: 1.35; } .post {margin-bottom: 15px;} /*Custom style*/ s {color: #000;} .sticky {background: none repeat scroll 0 0 #EDF1F2; border: 1px solid #D7DADC; padding: 10px; margin-bottom: 10px;} .wp-caption { background: #f1f1f1; line-height: 18px; text-align: center; margin-bottom: 20px; padding: 4px; } .wp-caption img { margin: 5px 5px 0; } .wp-caption p.wp-caption-text { margin: 5px; color: #888; font-size: 12px; } .bypostauthor {font-size: 12px;} .clear {clear: both; height: 0; overflow: hidden;} img {margin: 0; max-width: 700px; height: auto;} .gallery-caption { color: #888; font-size: 12px; margin: 0 0 12px; } #gallery-1 dl { padding:0; } #gallery-1 dl dt { font-weight:bold; padding: 0; } #gallery-1 dl dd { padding:0 0 5px 10px; } /* Image testing */ .alignright { float:right; margin:0 0 10px 10px; } .alignleft { float:left; margin:0 10px 10px 0; } .aligncenter { clear: both; display: block; margin:0 auto 10px; } .alignnone { margin-bottom:10px; margin-right: 5px; } .size-thumbnail { margin-right:8px; display:inline; } .attachment-post-thumbnail {float: left; padding: 0 10px 10px 0;} .credits {margin-top: 15px; font-size: 9px; text-align: right;} #calendar_wrap {padding: 10px;} /* calender */ table#wp-calendar { width:100%; } table#wp-calendar td, table#wp-calendar th { padding:1px; text-align:center; } /*search form*/ form.searchForm {overflow:hidden; margin: 0; padding:14px 5px 14px 5px; background: none; border: none;} .searchForm p {border-top:#909090 1px solid;} .searchForm input { float:left; width: auto; height: auto; margin: 0; border: none; padding: 0;} .searchForm input.field { border-color:#909090; border-style:solid; border-width:0 0 0 1px; padding:3px 3px; height:15px; width:180px; color:#575757; background-color:#fff; } .content form.searchForm {width: 320px;} .content form.searchForm input.field {width: 290px;} .entryContent h1 {font-size:2.2em;} .entryContent ul {margin: 5px 0 7px 25px; list-style-type:disc;} .entryContent ol {margin: 5px 0 7px 25px; list-style-type:decimal;} .entryContent ul li, .entryContent ol li {padding-left: 5px;} .comment-body ul li, .comment-body ol li { padding: 0 0 0 5px; margin:0px; overflow:visible; border: 0px;} .comment-body ul, .comment-body ol {margin: 5px 0 7px 25px; clear: both;} .comment-body ul {list-style-type:disc;} .comment-body ol {list-style-type:decimal;} .content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {clear: both;} /*table*/ .content table { border: 1px solid #e7e7e7; text-align: left; margin: 0 -1px 24px 0; width: 100%; } .content tr th, .content thead th { color: #888; font-size: 12px; font-weight: bold; line-height: 18px; padding: 9px 24px; } .content tr td { border-top: 1px solid #e7e7e7; padding: 6px 24px; } .content tr.odd td { background: #F2F7FC; } /*other*/ dl { margin:0 0 24px 0; } dt { font-weight: bold; } dd { margin-bottom: 18px; } strong { font-weight: bold; } cite, em, i { font-style: italic; } big { font-size: 131.25%; } ins { background: #ffc; text-decoration: none; } blockquote { font-style: italic; padding: 0 3em; } blockquote cite, blockquote em, blockquote i { font-style: normal; } pre { background: #f7f7f7; color: #222; line-height: 18px; margin-bottom: 18px; padding: 1.5em; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } sup, sub { height: 0; line-height: 1; vertical-align: baseline; position: relative; } sup { bottom: 1ex; } sub { top: .5ex; } .post {overflow: hidden;} p.postmeta {margin: 0; line-height: 20px;} p.postmeta span {padding: 2px 0 2px 25px; background: url("images/icons.png") no-repeat; line-height: 20px;} p.postmeta span.date {background-position: 3px -3px;} p.postmeta span.author {background-position: 3px -23px;} p.postmeta span.cats {background-position: 3px -42px;} p.postmeta span.comments {background-position: 3px -63px;} p.postmeta span.comments span {padding: 0; background: none;} p.postmeta span.tags {background-position: 0 -144px;} p.more a {float: right; height: 20px; padding: 0 25px 0 0; background: url("images/icons.png") no-repeat 100% -160px; line-height: 20px; } .navigation .next a {float: left; overflow: hidden; width: 20px; height: 20px; padding: 0; background: url("images/icons.png") no-repeat 0 -120px; line-height: 20px; text-indent: -50em;} .navigation .prev a {float: right; overflow: hidden; width: 20px; height: 20px; padding: 0; background: url("images/icons.png") no-repeat 100% -100px; line-height: 20px; text-indent: -50em;} .navigation2 .next a {float: left;} .navigation2 .prev a {float: right;}