/* Theme Name: Designteka Theme URI: http://designteka.pl */ /*Elements CSS Framework by Ben Henschel*/ /*Mass Reset*/ /*Thanks to Eric for this reset http://meyerweb.com/eric/thoughts/2007/04/14/reworked-reset/ */ 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, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-family: inherit; font-size:100%; text-align: left; vertical-align: baseline; } a img {border:none;} table {border-collapse: collapse; border-spacing: 0;} q:before, q:after, blockquote:before, blockquote:after {content: "";} /* ------------------------------------------------------------------------------------------------------ */ html, body{ font: 9pt Arial, Tahoma, Verdana, Sans-serif; line-height: 100%; } h1{ width: 346px; height: 49px; position: absolute; left: 50%; bottom: 16px; margin: 0 0 0 -484px; background: url('./images/topSprite.png') bottom; text-indent: -9999px; } h1 a{ display: block; height: 100%; } h2{ padding: 0 0 4px; margin: 0 0 10px; border-bottom: 4px solid #000; font: bold 1.3em Arial, Tahoma, Verdana; text-transform: lowercase; background: #fff; color: #000; } h3{ margin-bottom: 10px; font-size: 1.3em; font-weight: bold; } h3 a:hover{ text-decoration: underline; } h4{ margin: 0 0 10px; border-bottom: 1px dotted #000; font-size: .9em; color: #959595; } a{ color: inherit; text-decoration: none; } a:hover{ text-decoration: underline; } sup{ vertical-align: super; } sub{ vertical-align: sub; } b, strong{ font-weight: bold; } em, i{ font-style: italic; } u{ text-decoration: underline; } input{ font: inherit; } .alignright{ float: right; } .alignleft{ float: left; } .more{ color: #959595 !important; } .more span{ color: #15bfd0; } .greenLayout .more span{ color: #abd10d; } #top{ height: 165px; margin-bottom: 80px; position: relative; color: #fff; background-color: #000; } #top ul{ width: 624px; margin-left: -130px; position: absolute; left: 50%; bottom: 19px; list-type: none; } #top ul li{ display: inline; } #top ul a{ display: block; float: left; height: 16px; margin-left: 15px; background: url('./images/topSprite.png') 0 0 no-repeat; } #top #top-artykuly{ width: 89px; margin-left: 98px; background-position: 0 0; } #top #top-artykuly:hover, #top #top-artykuly.active{ width: 89px; background-position: -114px 0; } #top #top-wizytowki{ width: 105px; background-position: 0 -16px; } #top #top-wizytowki:hover, #top #top-wizytowki.active{ width: 105px; background-position: -114px -16px; } #top #top-wspolpraca{ width: 114px; background-position: 0 -32px; } #top #top-wspolpraca:hover, #top #top-wspolpraca.active{ width: 114px; background-position: -114px -32px; } #top #top-sklep{ width: 63px; background-position: 0 -48px; } #top #top-sklep:hover, #top #top-sklep.active{ width: 63px; background-position: -114px -48px; } #top #top-kontakt{ width: 84px; background-position: 0 -64px; } #top #top-kontakt:hover, #top #top-kontakt.active{ width: 84px; background-position: -114px -64px; } #bottom{ margin-top: 80px; padding-top: 30px; background: #000; line-height: 140%; color: #959595; } #bottom div{ overflow: hidden; } #bottom .left{ float: left; } #bottom .right{ float: right; } #bottom .wrapper > .left{ width: 450px; margin-bottom: 20px; } #bottom .left .left{ width: 270px; } #bottom .left .right{ width: 100px; } #bottom .wrapper > .right{ width: 450px; margin-left: 70px; margin-bottom: 20px; } #bottom .right .left{ width: 300px; } #bottom .right .right{ width: 120px; } #bottom .more{ text-decoration: underline; } #bottom .more:hover{ text-decoration: none; } #bottom p{ margin-bottom: 10px; } #bottom h3{ overflow: hidden; height: 12px; margin-top: 20px; background: url('./images/bottomSprite.png') no-repeat; text-indent: -9999px; } #bottom #bottom-przegladaj{ background-position: 0 -12px; } #bottom #bottom-twojArtykul{ background-position: 0 -24px; } #bottom #bottom-sugestie{ background-position: 0 -36px; } #bottom #bottom-kontakt{ background-position: 0 -48px; } #bottom #bottom-zapiszSie{ background-position: 0 -60px; } #footer{ clear: both; margin: 20px 0; } .wrapper{ overflow: hidden; width: 970px; margin: 0 auto; } #content{ float: left; width: 505px; margin: 0 0 -20000px; padding: 0 30px 20000px 0; border-right: 1px dotted #000; } #content.subpage{ width: 738px; } #content h2{ margin-bottom: 20px; } #content h3{ padding-top: 3px; } .content{} .content p{ margin-bottom: 20px; line-height: 140%; } .content ul{ margin: 0 20px 10px; line-height: 140%; } .content img{ margin: 20px 0; } .content table img{ margin: 0; } .content a{ color: #12bfcf; } .greenLayout .content a{ color: #abd10d !important; } ul#submenu{ width: 738px; margin: -12px 0 75px; list-style: none; } #submenu li{ display: inline; } #submenu a{ display: block; float: left; margin-right: 36px; color: #afafaf; text-decoration: none; font-size: 1.1em; font-weight: bold; } #submenu li:last-child a{ margin-right: 0; } #submenu li a.active, #submenu li a:hover{ color: #000; } #submenu-sugestieiopinie{ width: 116px; } #submenu-reklama{ width: 55px; } #submenu-informacjeprasowe{ width: 139px; } #submenu-patronat{ width: 61px; } #submenu-twojartykul{ width: 88px; } #submenu-dolaczdonas{ width: 95px; } #kategorie-alfabetycznie{ overflow: hidden; margin: -20px 0 20px; padding: 5px 0; border-bottom: 1px dotted #000; font-weight: bold; } #kategorie-alfabetycznie ul{ float: right; display: inline; letter-spacing: 1px; } #kategorie-alfabetycznie li{ display: inline } .post{ overflow: hidden; margin-bottom: 20px; padding-bottom: 20px; position: relative; } .post .tags{ margin: 0 0 10px; list-style: none; font-size: .9em; color: #12bfcf; } .greenLayout .post .tags{ color: #abd10d; } .post .tags li{ display: inline; margin-right: 5px; } .post .date{ display: block; margin-bottom: 20px; font-size: .9em; color: #959595; } .post .navigation{ overflow: hidden; } .post .navigation a{ display: block; margin-top: 20px; padding: 2px 5px 3px; background: #12bfcf; font-size: .9em; color: #000; } .greenLayout .post .navigation a{ background: #bce11e; } .post .footer{ overflow: hidden; color: #959595; } .post.list{ border-bottom: 1px dotted #000; } .post.list h3{ margin-top: 1px; } .post.list.style-1{} .post.list.style-1 .thumbnail{ float: left; margin-right: 20px; } .post.list.style-1 .footer{ width: 322px; margin-left: 183px; position: absolute; bottom: 20px; right: 0; font-size: .9em; } .post.list.style-1 .more{ margin-left: 25px; } .post.list.style-1 .content{ overflow: hidden; width: 322px; float: right; } .post.list.style-2{ float: left; width: 162px; height: 160px; margin-right: 9px; margin-bottom: 50px; } .post.list.style-2.ten{ margin-right: 0; } .post.list.style-2 .thumbnail{ margin-bottom: 5px; } .post.list.style-2 .thumbnail img{ display: block; } .post.list.style-2 h3{ margin-bottom: 20px; font-size: 1.15em; line-height: 120%; } .post.list.style-2 .footer{ width: 160px; height: 12px; position: absolute; bottom: 3px; left: 0; font-size: 1.1em; } .post.list.style-3{ margin-bottom: 40px; } .post.list.style-3 .thumbnail{ margin: 10px 0; border: none; } .post.list.style-3 .date{ margin-bottom: 10px; } .post.list.style-3 .footer{ width: 505px; height: 12px; position: absolute; bottom: 3px; left: 0; font-size: .9em; } .post .thumbnail{ display: block; border: 1px solid #000; } .post.list .footer{ position: absolute; bottom: 0; left: 0; } .post.single{} .post.single .thumbnail{ float: left; } .post.single .footer{ padding-bottom: 3px; border-bottom: 1px dotted #959595; } .post.single.wizytowki{} .post.single.wizytowki .thumbnail{ margin-right: 20px; } .post.single.wizytowki .content{ clear: both; margin-top: 25px; } .post.single.wizytowki .infobox{ margin-top: 20px; line-height: 140%; } .post.single.wizytowki .infobox .label{ float: left; display: block; width: 50px; color: #959595; } .wydarzenia-table{ width: 100%; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; } .wydarzenia-table td, .wydarzenia-table th{ padding: 4px 0; border-bottom: 1px solid #dedede; } .wydarzenia-table th{ font-weight: bold; } .wydarzenia-table .pierwsza{ border-bottom: #dedede; } #sidebars{ float: right; width: auto; overflow: hidden; margin: 0; padding: 0; } #sidebars > ul{ float: right; width: 180px; margin-bottom: -20000px; padding-bottom: 20000px; list-style: none; } #sidebars > ul > li{ margin: 0 0 40px; } #sidebars a{ color: #000; text-decoration: none; } #sidebars a:hover{ text-decoration: underline; } #sidebars #sidebarLeft{ margin-right: 30px; padding-right: 30px; border-right: 1px dotted #000; } #sidebars #sidebarRight{ width: 162px; } #widget-kategorie{ background-color: #12bfcf; } .greenLayout #widget-kategorie{ background-color: #bce11e; } #widget-kategorie ul{ overflow: auto; padding-bottom: 10px; list-type: none; } #widget-kategorie li{ display: block; float: left; height: 40px; } #widget-kategorie a{ display: block; height: 12px; margin: 14px auto 0; background-image: url('./images/categoriesSprite.png'); text-indent: -9999px; } #kategoria-wszystkie{ width: 180px; } #kategoria-wszystkie a{ width: 141px; background-position: 0 -276px; } #kategoria-wszystkie a:hover{ background-position: 0 -264px; } #kategoria-wszystkie a.active{ background-position: 0 -252px; } #kategoria-architektura{ width: 100px; } #kategoria-architektura a{ width: 86px; background-position: 0 -60px; } #kategoria-architektura a:hover{ background-position: 0 -48px; } #kategoria-architektura a.active{ background-position: 0 -36px; } #kategoria-wnetrza{ width: 80px; } #kategoria-wnetrza a{ width: 61px; background-position: 0 -168px; } #kategoria-wnetrza a:hover{ background-position: 0 -156px; } #kategoria-wnetrza a.active{ background-position: 0 -144px; } #kategoria-dodatki{ width: 90px; } #kategoria-dodatki a{ width: 56px; background-position: 0 -96px; } #kategoria-dodatki a:hover{ background-position: 0 -84px; } #kategoria-dodatki a.active{ background-position: 0 -72px; } #kategoria-lifestyle{ width: 90px; } #kategoria-lifestyle a{ width: 62px; background-position: 0 -204px; } #kategoria-lifestyle a:hover{ background-position: 0 -192px; } #kategoria-lifestyle a.active{ background-position: 0 -180px; } #kategoria-wydarzenia{ width: 95px; } #kategoria-wydarzenia a{ width: 82px; background-position: 0 -312px; } #kategoria-wydarzenia a:hover{ background-position: 0 -300px; } #kategoria-wydarzenia a.active{ background-position: 0 -288px; } #kategoria-miejsca{ width: 85px; } #kategoria-miejsca a{ width: 56px; background-position: 0 -240px; } #kategoria-miejsca a:hover{ background-position: 0 -228px; } #kategoria-miejsca a.active{ background-position: 0 -216px; } #kategoria-wizytowki-wszystkie{ width: 180px; } #kategoria-wizytowki-wszystkie a{ width: 153px; background-position: 0 -24px; } #kategoria-wizytowki-wszystkie a:hover{ background-position: 0 -12px; } #kategoria-wizytowki-wszystkie a.active{ background-position: 0 0; } #kategoria-wizytowki-architektura{ width: 100px; } #kategoria-wizytowki-architektura a{ width: 86px; background-position: 0 -60px; } #kategoria-wizytowki-architektura a:hover{ background-position: 0 -48px; } #kategoria-wizytowki-architektura a.active{ background-position: 0 -36px; } #kategoria-wizytowki-wnetrza{ width: 80px; } #kategoria-wizytowki-wnetrza a{ width: 61px; background-position: 0 -168px; } #kategoria-wizytowki-wnetrza a:hover{ background-position: 0 -156px; } #kategoria-wizytowki-wnetrza a.active{ background-position: 0 -144px; } #kategoria-wizytowki-dodatki{ width: 90px; } #kategoria-wizytowki-dodatki a{ width: 56px; background-position: 0 -96px; } #kategoria-wizytowki-dodatki a:hover{ background-position: 0 -84px; } #kategoria-wizytowki-dodatki a.active{ background-position: 0 -72px; } #kategoria-wizytowki-lifestyle{ width: 90px; } #kategoria-wizytowki-lifestyle a{ width: 62px; background-position: 0 -204px; } #kategoria-wizytowki-lifestyle a:hover{ background-position: 0 -192px; } #kategoria-wizytowki-lifestyle a.active{ background-position: 0 -180px; } #kategoria-wizytowki-grafika{ width: 95px; } #kategoria-wizytowki-grafika a{ width: 54px; background-position: 0 -132px; } #kategoria-wizytowki-grafika a:hover{ background-position: 0 -120px; } #kategoria-wizytowki-grafika a.active{ background-position: 0 -108px; } #kategoria-wizytowki-miejsca{ width: 85px; } #kategoria-wizytowki-miejsca a{ width: 56px; background-position: 0 -240px; } #kategoria-wizytowki-miejsca a:hover{ background-position: 0 -228px; } #kategoria-wizytowki-miejsca a.active{ background-position: 0 -216px; } #widget-tagi, #tagCloud{ margin-left: 0; text-align: justify; line-height: 140%; color: #12bfcf; } .greenLayout #widget-tagi{ color: #abd10d; } #widget-tagi li, #tagCloud li{ display: inline; } #widget-tagi a, #tagCloud li a{ text-decoration: none; color: inherit; } #widget-tagi a:hover, #tagCloud li a:hover{ text-decoration: underline; } #widget-tagi .more{ display: block; margin-top: 10px; font-size: .9em; } #widget-search{} #s{ width: 125px; padding: 3px 5px; background-color: #e6e6e6; border: none; font-size: .9em; } #searchsubmit{ width: 19px; height: 19px; border: 0; cursor: pointer; cursor: hand; font-size: 0; vertical-align: top; text-indent: -9999px; background: url('images/search.gif') center no-repeat; } #widget-search label{ display: none; } #widget-newsletter{ position: relative; background-color: #e6e6e6; } #widget-newsletter p{ padding: 0 10px 10px; font-size: .95em; } #emailInput{ border: 1px solid #b9b9b9; width: 160px; margin: 0 0 10px 10px; } #widget-newsletter input[type=submit]{ display: block; height: 18px; width: 28px; position: absolute; right: 0; bottom: -18px; border: none; background: #14bfcf url('./images/arrow.png') center no-repeat; text-indent: -9999px; } .greenLayout #widget-newsletter input[type=submit]{ background-color: #abd10d; } #widget-najczesciejCzytane{} #widget-najczesciejCzytane ul{ list-style: none; } #widget-najczesciejCzytane li{ margin-bottom: 5px; padding-left: 13px; background: url('./images/bullet.gif') 3px 5px no-repeat; } #widget-wizytowki{} #widget-wizytowki ul{ margin: 10px 0; list-style: none; } #widget-wizytowki ul li{ padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px dotted #000; } #widget-wizytowki h3{ margin: 7px 0 0; font-size: 1em; } #widget-wizytowki img{ display: block; border: 1px solid #000; } #widget-reklamaWizytowek{ padding-bottom: 1px; position: relative; background: #e6e6e6; } #widget-reklamaWizytowek p{ margin: 0 10px 15px; font-size: .95em; line-height: 140%; } #widget-reklamaWizytowek .more{ display: block; height: 18px; width: 28px; position: absolute; right: 0; bottom: -18px; background: #abd10d url('./images/arrow.png') center no-repeat; text-indent: -9999px; } #widoki{ float: right; height: 11px; padding-left: 50px; position: relative; bottom: -5px; right: -20px; font-size: .1em; background: url('./images/widok.gif') no-repeat; } #widoki li{ float: left; display: block; width: 13px; height: 100%; margin-right: 20px; background-position: bottom left; } #widoki a{ display: block; height: 100%; text-indent: -9999px; } #widoki li:hover, #widoki li.active{ background-position: top left; } #widok1{ background-image: url('./images/widok1.gif'); } #widok2{ background-image: url('./images/widok2.gif'); } #widok3{ background-image: url('./images/widok3.gif'); } /* FORMULARZE */ form{ font-size: .9em; } form div{ overflow: hidden; margin-bottom: 3px; } label{ float: left; display: block; width: 140px; padding-top: 4px; } input[type=text]{ width: 325px; } .form-description{ margin-top: 20px; } .wpcf7-response-output{ border: none !important; } /* REKLAMY */ #reklama970x215{ width: 970px; margin: -40px auto 40px; } #reklamaSidebar1, #reklamaSidebar2{ list-style: none; } #reklamaSidebar1 li, #reklamaSidebar2 li{ padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px dotted #000; } /* ADD THIS */ .addthis_button{ display: block; width: 12px; height: 12px; background: url('./images/share.png') left top no-repeat; text-indent: -9999px; text-transform: lowercase; } .greenLayout .addthis_button{ background-position: left bottom; } .addthis_button.long{ width: auto; padding-left: 16px; text-indent: 0; } .addthis_list{ width: 184px; float: right; margin-bottom: 2px; } .addthis_list li{ float: left; display: inline; margin-right: 5px; } .addthis_list li:last-child{ margin-right: 0; } .addthis_list .addthis_button{ margin-top: 2px; } .addthis_list .space{ padding: 0 5px; } /* WIZYTOWKI POD ARTYKULEM */ .wizytowki-pod-artem{} .wizytowki-pod-artem li{ display: block; float: left; width: 162px; margin-right: 9px; } .wizytowki-pod-artem li:last-child{ margin-right: 0; } .wizytowki-pod-artem img{ border: 1px solid #000; } .wizytowki-pod-artem h3{ margin: 7px 0 0; font-size: 1em; } /* WP PAGE NUMBERS */ #wp_page_numbers{ margin: 50px 0 0; clear: both; font-size: .9em; } #wp_page_numbers ul{} #wp_page_numbers li{ float: left; display: block; } #wp_page_numbers li.space{ padding: 3px 5px; margin: 0 5px 0 0; } #wp_page_numbers li.first_last_page{} #wp_page_numbers li.active_page a{ border-color: #12bfcf; background-color: #12bfcf; } .greenLayout #wp_page_numbers li.active_page a{ border-color: #bce11e; background-color: #bce11e; } #wp_page_numbers li.active_page a:hover{ border-color: #12bfcf; } .greenLayout #wp_page_numbers li.active_page a:hover{ border-color: #bce11e; } #wp_page_numbers a{ padding: 3px 5px; margin: 0 5px 0 0; display: block; color: #333; border: 1px solid #bfbfbf; height: 11px; } #wp_page_numbers a:hover{ border-color: #12bfcf; text-decoration: underline; }