/* 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: 1.1 Tags: blue, black, white, green, light, two-columns, fixed-width, editor-style 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;} 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; font-family:Arial, Helvetica, sans-serif; } 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; } .all-page { margin:0 auto; padding-top:7px; width:996px; } .container {background:#fff url(./images/frame.png) 0 0 repeat-y;} /* frames */ .frameT, .frameB, .frameT i, .frameB i {background:url(./images/b_edf1f2.gif) no-repeat;} .frameT, .frameB { height:5px; position:relative; left:-1px; width:100%; } .frameT i, .frameB i { font-size:0; line-height:0; position:absolute; top:0; left:-3px; margin-left:100%; height:5px; width:5px; } .frameT {background-position:-5px 0; top:-1px;} .frameB {background-position:-5px -5px; height:5px; bottom:-1px;} .frameB i {background-position:0 -5px;} .bFrameT, .bFrameB, .bFrameT i, .bFrameB i {background:url(./images/b_d7dadc.gif) no-repeat;} .bFrameT, .bFrameB { height:5px; position:relative; left:-1px; width:100%; } .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; height:103px; padding:0 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; height:58px; width:359px; } #header .slogan { color:#4c5356; display:block; height:18px; padding:0 0 0 30px; } #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 { background:#3a3f42 url(./images/nav_bg.png) 0 -42px repeat-x; height:42px; margin:0 18px; position:relative; z-index:1000; } #mainNav .wrap { background:url(./images/nav_bg.png) 100% -84px no-repeat; height:42px; } #mainNav ul { background:url(./images/nav_bg.png) 0 0 no-repeat; height:28px; padding:7px 0; } #mainNav li { background:url(./images/nav_li_bg.png) 0 -58px no-repeat; color:#fff; float:left; font-size:1.33em; line-height:1.65; padding:0 8px; position:relative; } #mainNav li.first {background:none;} #mainNav li span { float:left; font-style:normal; height:28px; padding-right:11px; } #mainNav a { color:#fff; float:left; height:28px; padding-left:11px; position:relative; z-index:1001; } #mainNav a:hover { background:#606a6f url(./images/nav_li_bg.png) 0 -28px no-repeat; text-decoration:none; } #mainNav a:hover span {background:url(./images/nav_li_bg.png) 100% -28px no-repeat; cursor:pointer;} #mainNav li.current_page_item a { background:#04a6c8 url(./images/nav_li_bg.png) 0 0 no-repeat; float:left; height:28px; padding-left:11px; } #mainNav .current_page_item a span {background:url(./images/nav_li_bg.png) 100% 0 no-repeat;} #mainNav .dropdown a { background:url(./images/dd_menu_bg.png) 0 0 no-repeat; color:#494937; text-decoration:none; } #mainNav .dropdown a:hover { color:#494937; background:url(./images/dd_menu_bg.png) 0 0 no-repeat; } #mainNav .dropdown a span {background:url(./images/dd_menu_bg.png) 100% 0 no-repeat;} #mainNav .dropdown a:hover span {background:url(./images/dd_menu_bg.png) 100% 0 no-repeat;} #mainNav li .ddMenu { background:url(./images/dd_menu_bg.png) 0 -30px no-repeat; display:none; padding-top:7px; position:absolute; top:26px; left:5px; width:212px; z-index:1000; } #mainNav li .ddMenu .frame { background:url(./images/dd_menu_bg.png) 0 100% no-repeat; height:7px; bottom:-7px; position:absolute; width:100%; } #mainNav li .ddMenu ul { border-top:1px solid #dfe2e3; background:none; height:auto; margin:0 8px; padding:0 0 3px 0; } #mainNav li .ddMenu li { background:none; border-bottom:1px solid #dfe2e3; float:none; font-size:.8em; height:auto; line-height:1.3; margin:0; padding:0; } #mainNav li .ddMenu a { background:none; color:#09b; display:block; float:none; height:auto; padding:3px 4px 4px; min-height:0; } #mainNav li .ddMenu a:hover {color:#079; background:#edf1f2;} /* CONTENT *************/ #content { background:url(./images/frame_b.png) 0 100% no-repeat; overflow:hidden; padding:15px 18px; } /* sidebar *************/ .sideBar { float:left; padding-bottom:50px; width:240px; } .sideBar .nav {border:1px solid #d7dadc; margin-bottom:9px;} .sideBar .nav .bFrameB {margin-top:-5px;} .sideBar .nav h3 { background:#e2f2c0 url(./images/sidebar_title_bg.gif) no-repeat 100% 100%; font-size:1.33em; line-height:1.6; margin:0 4px; } .sideBar .nav h3 span { background:url(./images/sidebar_title_bg.gif) no-repeat 0 0; display:block; height:28px; padding:0 10px; } .sideBar .nav ul {color:#7cb500; margin:3px 15px 18px;} .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 .objectOfTheDay { background:#edf1f2; border:1px solid #d7dadc; margin-bottom:9px; } .sideBar .objectOfTheDay h3 { font-size:1.17em; font-weight:bold; padding:5px 14px; } .sideBar .objectOfTheDay .photo, .content .hotel .photo, .content .news li .photo, .content .gallery li .photo, .content .bestObjects .photo { background:url(./images/photo_bg_110.png) 0 0 no-repeat; display:block; height:110px; padding:4px 5px 6px; width:110px; } .sideBar .objectOfTheDay .photo {margin:7px auto;} .sideBar .objectOfTheDay h4 {padding:0 14px 5px;} .sideBar .objectOfTheDay p {line-height:1.35; padding:0 14px 14px;} .sideBar .best {margin-bottom:9px;} .sideBar .best h3 { border-bottom:2px solid #d7dadc; font-size:1.5em; padding:12px 14px 8px 16px; } .sideBar .best .object { border-bottom:1px solid #d7dadc; padding:11px 0 11px 87px; position:relative; } .sideBar .best .object .photo { background:url(./images/photo_bg_60.png) 0 0 no-repeat; height:60px; padding:4px 5px 6px; position:absolute; top:10px; left:10px; width:60px; } .sideBar .best .object p {padding:3px 0;} /* content *************/ .content { float:right; width:700px; } .content .breadcrumbs { font-size:.92em; color:#8f9699; margin-left:7px; overflow:hidden; padding-bottom:17px; } .content .breadcrumbs li { background:url(./images/bullet.gif) 0 50% no-repeat; float:left; display:inline; margin-left:-3px; padding:0 12px 0 11px; } .content .breadcrumbs a {color:#8f9699;} .content .mainSrch { background:#beeaff url(./images/srch_bg.png) 100% 100% no-repeat; height:54px; margin-bottom:23px; } .content .mainSrchBox { background:url(./images/srch_bg.png) 0 0 no-repeat; height:41px; overflow:hidden; padding:13px 0 0 52px; } .content .mainSrch label { font-size:1.17em; font-weight:bold; float:left; margin:6px 10px 0 0; } .content .mainSrch input { width:252px; float:left; margin:2px 4px 0 0; } .content .mainSrch select { height:24px; width:150px; float:left; margin:2px 0 0 0; } .content .mainSrch #submit { background:url(./images/srch_btn.png) 0 0 no-repeat; border:none; color:#fff; cursor:pointer; font-size:19px; font-weight:bold; height:28px; padding:1px 0 3px 0; margin:0 0 0 9px; width:109px; float:left; } .content h2 { border-bottom:2px solid #d7dadc; margin-bottom:10px; padding:0 15px 7px; } .content h2 { padding:0 0px 7px; } .content .linkList {overflow:hidden; padding:0 0 24px 15px;} .content .linkList div {clear:right; float:left; width:33%;} .content .linkList .quarter {width:25%;} .content .linkList h3 {font-size:1.5em; padding-bottom:9px;} .content .linkList li {padding:0 0 4px 0;} .content .linkList li a {font-size:1.17em;} .content .linkList li span {color:#777e81;} .content .hotelWrap { background:#EDF1F2 none repeat scroll 0 0; border:1px solid #D7DADC; margin-bottom:8px; } .content .hotel { min-height:126px; height:auto !important; height:126px; position:relative; } .content .hotel .photo {position:absolute; top:3px; left:9px;} .content .hotel h4 {font-size:1.5em; padding:6px 120px 8px 144px;} .content .hotel p {padding:0 14px 0 144px;} .content .hotel .about { color:#777e81; margin:0 0 14px 144px; overflow:hidden; } .content .hotel .about dt { border-left:1px solid #c5c9cb; float:left; margin:0 4px 0 -11px; padding-left:10px; } .content .hotel .about dd {float:left; margin-right:22px;} .content .hotel .about a {color:#777e81; text-decoration:underline;} .content .hotel .price {position:absolute; top:6px; right:17px; padding:0;} .content .hotel .price em {font-size:1.42em; font-style:normal; padding-left:2px;} .content .hotel .price em span {font-size:1.06em; font-weight:bold;} .content .hotelNav { overflow:hidden; padding:8px 0 28px; position:relative; z-index:100; } .content .hotelNav select { display:inline; float:left; height:24px; margin-left:15px; width:200px; } .content .hotelNav ul {float:right; padding-right:12px;} .content .hotelNav li { display:inline; line-height:1.5; padding-left:3px; } .content .hotelNav li a {margin:0 3px;} .content .hotelNav li span { background:#8d9396; border:2px solid #8d9396; color:#fff; font-size:1.17em; font-weight:bold; padding:0 3px; } .content .hotelNav li a em {font-size:1.17em; font-style:normal;} .content .hotelNav li a strong {font-weight:normal; text-decoration:underline;} .bestObjects { background:#EDF1F2 none repeat scroll 0 0; border:1px solid #D7DADC; margin-bottom:24px; } .bestObjects .carousel {padding:0 19px 0 29px; position:relative;} .bestObjects .carousel .prev, .bestObjects .carousel .next { background:url(./images/carousel_btn_prev.png) 50% 6px no-repeat; cursor:pointer; height:28px; position:absolute; top:40%; width:28px; } .bestObjects .carousel .prev {left:1px;} .bestObjects .carousel .next {background-image:url(./images/carousel_btn_next.png); right:1px;} .bestObjects .carousel .disabled {background-position:50% -22px !important;} .bestObjects h3 {padding:7px 3px 15px;} .bestObjects .all { margin-top:-2.8em; padding:0 8px 19px 0; position:relative; text-align:right; } .bestObjects .all a {text-decoration:underline;} .bestObjects .objectsList { overflow:hidden; position:relative; height:183px; width:640px; } .bestObjects .objectsList li { float:left; height:183px; padding:0 10px 0 0; width:120px; } .bestObjects .photo {margin:0 0 4px 0;} .bestObjects .objectsList p {padding:0 4px;} .content .news {padding:5px 0 35px;} .content .news h3 { border-bottom:2px solid #D7DADC; padding:0 110px 9px 15px; } .content .news .all { margin-top:-2.4em; padding-right:15px; text-align:right; } .content .news .all a {text-decoration:underline;} .content .news li { padding:0; position:relative; margin-top:15px; min-height:115px; height:auto !important; height:130px; } .content .news li h4 {font-size:1.5em; padding:8px 15px 8px 144px;} .content .news li p {line-height:1.35; padding:0 15px 0 144px;} .content .news li .photo {position:absolute; top:0; left:10px;} .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 .photo {} .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;} .bigPhoto { background:url(./images/photo_bg_670.png) 0 0 no-repeat; height:150px; margin:0 0 20px 10px; padding:4px 5px 6px; position:relative; width:670px; } .bigPhoto .txt { background:url(./images/transp.png) 0 0 repeat; color:#fff; height:124px; padding:13px 20px; position:absolute; top:4px; left:5px; width:220px; } .bigPhoto .txt h3 { color:#fff; font-size:1.5em; font-weight:bold; padding-bottom:9px; } .bigPhoto .txt p {font-size:1.17em; line-height:1.3;} .content .mainTxt {padding:5px 15px 18px;} .content .mainTxt h3 {padding-bottom:15px;} .content .mainTxt p {font-size:1.08em; line-height:1.3;} .content .fanBlockWrap {border:1px solid #D7DADC; margin-bottom:20px;} .content .fanBlock {padding:4px 15px 7px;} .content .fanBlock h3 {font-size:1.5em; padding-bottom:3px;} .content .fanBlock p {font-size:1.08em; line-height:1.3;} .content .fanBlock .socialBtns {overflow:hidden;} .content .fanBlock .btn {float:left; margin-right:5px;} .comments {padding:5px 0 9px;} .comments h3 { border-bottom:2px solid #D7DADC; margin-bottom:18px; padding:0 110px 9px 15px; } .comments dl {padding:0 15px;} .comments dt { background:url(./images/comment_ico.gif) 0 3px no-repeat; color:#777e81; padding:0 0 12px 18px; } .comments dt span { border-left:1px solid #c5c9cb; font-size:.92em; margin-left:7px; padding-left:8px; } .comments dd { font-size:1.08em; line-height:1.3; padding-bottom:17px; } .addComment {margin-bottom:20px;} .addComment h3 {padding:0 15px 9px;} #respond {background:#EDF1F2; border:1px solid #D7DADC; padding: 10px 20px;} #respond .formBox {padding:14px 15px 0 103px;} .addComment .form p {position:relative;} #commentform label {font-size:1.17em; padding-right: 7px;} #commentform input {margin-bottom:3px; width:152px;} #commentform p em {color:#c00; font-style:normal;} #commentform textarea {height:80px; width:487px;} #form-submit {color:#8f9699;} .addComment #form-submit strong {color:#777e81;} /*.form-submit input { background:url(./images/submit_btn.png) 0 0 no-repeat; border:none; color:#fff; cursor:pointer; font-size:16px; font-weight:bold; padding:1px 0 2px 0; margin:0 17px 0 0; vertical-align:middle; width:195px; height:28px; }*/ /* 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 .nav {overflow:hidden;} #footer .nav li { border-left:1px solid #c5c9cb; float:left; padding:0 9px; margin-left:-1px; } /* 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 {} .clear {clear: both;} img {margin: 0; max-width: 600px; 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; } #right-align-no-caption {clear: both;} .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*/ .searchForm { padding:14px 11px 14px 14px; overflow:hidden; } .searchForm p { border-top:#909090 1px solid; } .searchForm input { float:left;} .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; }