/* 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.2 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 7px 0 8px; position:relative; } #mainNav li.first {background:none;} /* basic menu item */ #mainNav a { color:#fff; float:left; height:28px; padding-left:10px; position:relative; z-index:1001; } #mainNav li span { float:left; font-style:normal; height:28px; padding-right:10px; } #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; } /* current menu item */ #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; } /* dropdown menu item */ #mainNav .dropdown a, #mainNav .dropdown a:hover { background:url(images/dd_menu_bg.png) 0 0 no-repeat; color:#494937; text-decoration:none; height:30px; margin:-2px -2px 0 -2px; padding-left:12px; } #mainNav .dropdown a span, #mainNav .dropdown a:hover span { padding-right:12px; height:28px; padding-top:2px; background:url(images/dd_menu_bg.png) 100% 0 no-repeat; } /* dropdown menu */ #mainNav li .ddMenu { background:url(images/dd_menu_bg.png) 0 -34px no-repeat; display:none; padding-top:7px; position:absolute; top:26px; left:6px; width:212px; z-index:1000; } #mainNav li .ddMenu .btm { 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:.9em; height:auto; line-height:1.3em; margin:0; padding:0; } #mainNav li .ddMenu a, #mainNav li .ddMenu a:hover { background:none; color:#09b; display:block; line-height:1.3em; float:none; height:auto!important; padding:3px 4px 4px 4px; margin:0; } #mainNav li .ddMenu a:hover { color:#079; background:#edf1f2; } /* second level dropdown menu */ #mainNav li .ddMenu li .ddMenu { left:100%; top:0; } /* 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;} /* 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 .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 .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 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;} .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 {font-size: 12px;} .clear {clear: both;} 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; } #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; } .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;}