/* * @2012 * Screen CSS * * */ @import 'clean.css'; @import 'jq.fancybox.css'; @font-face { font-family: 'Roboto'; src: url('f/roboto-condensed.eot'); src: url('f/roboto-condensed.eot?#iefix') format('embedded-opentype'), url('f/roboto-condensed.woff') format('woff'), url('f/roboto-condensed.ttf') format('truetype'), url('f/roboto-condensed.svg#roboto_cnregular') format('svg'); font-weight: normal; font-style: normal; } html { } body { background: url(/images/bg-body.png) repeat 0 0; } body, input, button, select, textarea { color: #655f59; font: 14px/18px Roboto, Helvetica, Arial, sans-serif; } ::selection { color: #e4e2dc; background: #bf1e2e; } ::-webkit-selection { color: #e4e2dc; background: #bf1e2e; } body > .aural a:focus { position: fixed; top: 50px; left: 50px; min-width: 200px; padding: 5px; color: #e4e2dc; background: #bf1e2e; z-index: 200 } a { color: #bf1e2e; text-decoration: none; } a:focus, a:hover { text-decoration: underline; } /* dev templates navigation */ #dev { position: fixed; top: 10%; left: 0; width: 380px; max-height: 75%; margin: 0 0 0 -380px; padding: 10px; background: #000; -moz-transition: .2s; -webkit-transition: .2s; -ms-transition: .2s; transition: .2s; opacity: .5; overflow: hidden; z-index: 1000 } #dev:after { position: absolute; top: 50%; right: -40px; -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); color: #fff; font-weight: bold; content: 'Szybka nawigacja' } #dev a { color: #fff; } #dev a:hover { color: #fff; text-decoration: underline; } #dev:hover { margin-left: 0px; opacity: .8; overflow: auto } #dev:hover:after { display: none } /* metoda clearfix */ #top:after, #page:after, #wrapper:after, footer:after, #search-form fieldset:after, .mod:after, .submit:after, .mod-support ul:after, .projects-list:after, .slider-wrap:after, .mod-partners-list ul::after, #partners-mod section::after, .mod-patrons-list > ul:after { display: block; height: 0; clear: both; font-size: 0; visibility: hidden; content: '∴' } /* main */ #page { padding: 46px 0; } /* przycisk "twoja sugestia" */ #link-idea { position: fixed; top: 360px; right: 0; width: 38px; height: 151px; background: url(/images/bg-link-idea.png) no-repeat; text-indent: -100em; overflow: hidden; z-index: 500 } #link-idea:hover { background-position: 100% 0 } /* top */ body > header { position: relative; padding: 12px -webkit-calc( (100% - 980px) / 2 ) 40px; padding: 12px calc( (100% - 980px) / 2 ) 40px; background: #fff; z-index: 10003; } body > header::before { position: absolute; bottom: 0; left: 0; width: 100%; height: 40px; background: url(/img/bg-diagram.png) no-repeat 50% 0; content: ''; } #top.fixed-top { margin-bottom: 54px; } #top.fixed-top ~ #top-fixed { display: block; } #top.fixed-top ~ #page.index-lay #diagram-mod { } #top.fixed-top ~ #page.index-lay #diagram-mod p { background: url(/img/bg-diagram-small.png) no-repeat 50% 0; } #top.fixed-top ~ #page.index-lay #diagram-mod a { right: 25px; bottom: 0; width: 120px; height: 40px; background: none; } #top.fixed-top ~ #page #diagram-mod { position: fixed; top: 133px; height: 60px; } #top-fixed { display: none; position: fixed; top: 0; right: 0; left: 0; margin: 0; padding-bottom: 20px; background: none; transition: top .5s; } #top-fixed::before { top: 0; bottom: 25px; height: auto; background-color: #fff; background-position: 50% 52px; } #top-fixed nav { margin: -12px 0 0 57px; padding-top: 24px; } #top-fixed nav ul { height: 30px; padding-bottom: 0; background: none; } #top-fixed nav ul li { height: auto; } #top-fixed nav a { padding-top: 0; } #top-fixed nav a:before { display: none;; } #top-fixed #logo { position: relative; float: left; margin: 0 -50px -50px 0; z-index: 10004; } #top-fixed #logo-sponsor { position: relative; margin: -15px 0 25px; } #top-fixed #site-actions { top: 0; width: auto; margin-left: 20px; background: none; } #top-fixed #site-actions li { position: relative; width: 18px; height: 32px; line-height: 32px; float: left; margin: 0 1px; font-size: 15px; list-style-type: none; z-index: 1; } #top-fixed #site-actions li:hover { z-index: 2; } #top-fixed #site-actions strong { display: block; margin: 0 0 28px; font-size: 22px; font-weight: normal; text-transform: uppercase; } #top-fixed #site-actions a { display: inline-block; position: absolute; top: 0; right: -120px; clip: rect(0 18px 32px 0); width: 90px; max-width: 90px; padding: 0 15px; color: #fff; text-align: center; text-transform: uppercase; white-space: nowrap; transition: .3s; } #top-fixed #site-actions a:hover { right: -18px; clip: rect(0 120px 32px 0); } #top-fixed #site-actions .link-login { background: #bf1e2e url(/images/bg-btn.png) no-repeat 100% 0; } #top-fixed #site-actions .link-login:hover { background-color: #e42d3f; text-decoration: none } #top-fixed #site-actions .link-register { background: #4b473e url(/images/bg-btn2.png) no-repeat 100% 0; } #top-fixed #site-actions .link-register:hover { text-decoration: none } #top-fixed #site-actions .link-logout { position: absolute; right: 10px; bottom: -10px; font-size: 12px } #top-fixed #site-actions .link-user { display: inline-block; height: 45px; line-height: 45px; margin: -5px 0 0; font-size: 12px } #top-fixed #site-actions .link-user img { display: inline-block; margin: 0 0 0 5px; vertical-align: middle } #logo { float: left; margin: 12px 0 0; } #logo-sponsor { float: right; margin: 12px 0 0; } /* nawigacja */ nav { float: left; margin: -12px 0 0 80px; padding: 12px 0 0; background: url(/images/bg-nav.png) no-repeat 100% 0; } nav ul { height: 91px; margin: 0 -50px 0 0; padding: 0 50px 0 0; } nav li { float: left; height: 91px; } nav a { display: inline-block; position: relative; padding: 75px 20px 0; color: #514b45; font-size: 16px; text-align: center } nav a::before { position: absolute; top: 0; left: calc(50% - 45px); width: 90px; height: 91px; background: url(/images/bg-nav-items.png) no-repeat; background-size: auto 1000%; content: ''; } nav a:hover { color: #bf1e2e; text-decoration: none; } /* poszczególne odnośniki nawigacji */ nav li:nth-child(1) a::before { background-position: 50% 0 } nav li:nth-child(1).act a::before, nav li:nth-child(1) a:hover::before { background-position: 50% 11.11% } nav li:nth-child(2) a::before { background-position: 50% 22.22% } nav li:nth-child(2).act a::before, nav li:nth-child(2) a:hover::before { background-position: 50% 33.33% } nav li:nth-child(3) a::before { background-position: 50% 44.44% } nav li:nth-child(3).act a::before, nav li:nth-child(3) a:hover::before { background-position: 50% 55.55% } nav li:nth-child(4) a::before { background-position: 50% 66.66% } nav li:nth-child(4).act a::before, nav li:nth-child(4) a:hover::before { background-position: 50% 77.77% } nav li:nth-child(5) a::before { background-position: 50% 88.88% } nav li:nth-child(5).act a::before, nav li:nth-child(5) a:hover::before { background-position: 50% 99.99% } /* moduł szybki odnośników */ #site-actions { position: relative; top: 145px; width: 128px; height: 42px; line-height: 42px; float: right; margin-left: -100px; padding: 0 5px; background: url(/img/bg-site-actions.png) no-repeat; text-align: center; z-index: 10003; } #site-actions li { float: left; list-style-type: none; } #site-actions li:first-child { float: right; } #site-actions a { color: #000; font-size: 13px; } #site-actions .link-login { display: inline-block; max-width: 75px; color: #ff0500; text-align: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } /* */ #page > .mod { } #page > .mod h3 { width: 980px; margin: 0 auto 10px; } #page > .mod .box { width: 980px; padding: 20px -webkit-calc( (100% - 980px) / 2 ) 10px; padding: 20px calc( (100% - 980px) / 2 ) 10px; border: dashed #bbbab7; border-width: 1px 0; } /* wrapper */ #wrapper { width: 980px; margin: 0 auto; } /* sekcja treści i lewej/prawej szpalty */ .col-2-lay #content { width: 650px; float: left; } /* układ dwu kolumnowy: treść */ .col-2-lay #side-bar0 { width: 320px; float: left } /* układ dwu kolumnowy: lewa szpalta */ .col-2-lay #side-bar0 + #content { float: right } /* układ dwu kolumnowy: treść z lewą szpaltą */ .col-2-lay #side-bar1 { width: 320px; float: right } /* układ dwu kolumnowy: prawa szpalta */ /* nagłówki */ h1 { position: relative; width: 980px; margin: 0 auto 30px; line-height: 30px; font-weight: normal; font-size: 30px; text-transform: uppercase; z-index: 1000; } h1 span { text-transform: none; } h2 { margin: 0 0 10px; line-height: 34px; font-weight: normal; font-size: 24px; } h3 { margin: 0 0 10px; line-height: 30px; font-weight: normal; font-size: 20px; } h4 { margin: 0 0 30px; line-height: 28px; font-weight: normal; font-size: 18px; } h6 { font-weight: normal; } /* kroki formularzy */ .crumbs { margin: 0 0 35px; padding: 10px 0; border: dashed #bbbab7; border-width: 1px 0; } .crumbs ol { width: 980px; margin: 0 auto; height: 94px; padding: 5px 0; background: url(/images/bg-crumbs.png); counter-reset: item; } .crumbs li { position: relative; width: 25%; line-height: 94px; float: left; counter-increment: item; list-style-type: none; } .crumbs li > * { display: block; height: 54px; line-height: 18px; padding: 40px 0 0 70px; font-size: 16px; } .crumbs li em { display: block; color: #6f6a64; font-style: italic; font-size: 14px; } /* ikonka kroku */ .crumbs li:before { position: absolute; top: 25px; left: 20px; width: 40px; height: 41px; line-height: 41px; color: #fff; background: url(/images/bg-crumb-no.png) no-repeat 0 100%; font-size: 24px; text-align: center; text-indent: -100em; overflow: hidden; content: counter(item) } .crumbs a, .crumbs a em { color: #d0cecb; } .crumbs strong { color: #010000; font-weight: normal; } /* krok aktywny */ .crumbs .act:before { background-position: 0 -41px; text-indent: 0 } /* elementy za krokiem aktywnym */ .crumbs .act ~ li:before { background-position: 0 0; text-indent: 0; } /* monity */ .note { margin: 0 0 20px; border-width: 1px 0; border-style: dashed; overflow: hidden } .note > div { position: relative; width: 800px; margin: 0 auto; padding: 20px 0 20px 160px } /* ikona monitu */ .note > div:before { position: absolute; top: 50%; left: 35px; width: 80px; height: 72px; margin: -36px 0 0; background: url(/images/icon-notes.png) no-repeat; content: ''; } .note h4 { margin: 0; font-size: 18px; text-transform: uppercase } .note h6 { margin: 10px 0; font-weight: bold; font-size: 14px; } .note li { margin: 0 40px; list-style-type: none; } .note .link-remove { position: absolute; top: 10px; right: 0; padding: 0 15px 0 0; background-position: 100% 50%; } .note-success { border-color: #009936 } .note-success > div { } .note-success > div:before { background-position: 0 -72px; } .note-info { border-color: #e39711; } .note-info > div:before { background-position: 0 0; } .note-error { border-color: #bf1e2e; } .note-error > div:before { background-position: 0 -144px; } .note-alert > div:before { background-position: 0 -216px; } /* formularz wyszukiwania */ #search-form { position: relative; margin: -20px 0 15px; border: dashed #bbbab7; border-width: 1px 0; } #search-form .collapse-form { width: 980px; overflow: hidden } #search-form h6 { margin: 0 0 10px; color: #514b45; font-size: 18px; text-transform: uppercase } #search-form fieldset { position: relative; width: 980px; min-height: 18px; margin: 0 auto; padding: 20px 0; background: none; } #search-form fieldset .box { width: 280px; float: right; margin: 0; padding: 20px 20px 17px; } #search-form fieldset .box label { width: 50px; padding: 8px 0 0; } #search-form fieldset .box select { width: 220px; } #search-form fieldset .box-mark { margin: 0 -20px; padding: 20px; } #search-form fieldset .box-mark .input { display: inline-block; width: 192px; margin: 0; } #search-form fieldset .box-mark label { width: auto; height: auto; line-height: 30px; padding: 0 0 5px; font-size: 30px; text-transform: uppercase } #search-form fieldset .box-mark input { width: 180px; } #search-form fieldset .submit { float: right; margin: 0; padding: 35px 0 0; } #search-form fieldset button { margin: 0; padding: 0 20px 0 10px; border: 1px solid #d4d1cc; color: #bf1e2e; background: #f4f3f1 url(/images/bg-btn.png) no-repeat 100% -36px; } /* grupy kategorii filtrowania */ #search-form .categories-list { width: 650px; float: left; background: #fff; } #search-form .categories-list li { position: relative; width: 25%; float: left; border-top: 1px solid #fff; background: url(/images/bg-inner-shadow2.png) no-repeat 0px 0; list-style-type: none; } #search-form .categories-list li:first-child { background: none; } #search-form .categories-list li:nth-child(1), #search-form .categories-list li:nth-child(2), #search-form .categories-list li:nth-child(3), #search-form .categories-list li:nth-child(4) { border: 0; } #search-form .categories-list li:nth-child(1):after, #search-form .categories-list li:nth-child(2):after, #search-form .categories-list li:nth-child(3):after { position: absolute; top: -5px; left: 100%; width: 129px; height: 5px; margin: 0 0 0 -65px; background: url(/images/bg-side-shadow2.png); content: ''; } #search-form .categories-list li:nth-child(4n+4) label { background: url(/images/bg-inner-shadow-650.png) no-repeat 100% 0; } #search-form .categories-list li:nth-child(4n+5):before { position: absolute; top: -32px; left: -5px; width: 5px; height: 64px; background: url(/images/bg-side-shadow.png) no-repeat; content: ''; } #search-form .categories-list li:nth-child(4n+8):before { position: absolute; top: -32px; right: -5px; width: 5px; height: 64px; background: url(/images/bg-side-shadow.png) no-repeat 100% 0; content: ''; } #search-form .categories-list li:nth-last-child(2):after, #search-form .categories-list li:nth-last-child(3):after, #search-form .categories-list li:nth-last-child(4):after { position: absolute; bottom: -5px; left: 100%; width: 129px; height: 5px; margin: 0 0 0 -65px; background: url(/images/bg-side-shadow2.png) no-repeat 0 100%; content: ''; } #search-form .categories-list .link-sponsor a { color: #719d41; } #search-form .categories-list .link-sponsor img { width: 112px; height: 35px; padding-top: 0; background: none !important; } #search-form .categories-list .link-sponsor:hover img { opacity: .75; } #search-form .categories-list .link-sponsor.jact img { height: 35px; padding-top: 0; background: none !important; } /* etykieta kategorii filtrowania */ #search-form .categories-list label { display: block; line-height: 47px; padding: 1px 0; color: #c41f30; cursor: pointer } /* tekst etykiety kategorii filtrowania */ #search-form .categories-list em { display: inline-block; max-width: 100px; line-height: 18px; font-style: normal; vertical-align: middle } /* ikona etykiety kategorii filtrowania */ #search-form .categories-list img { vertical-align: middle; opacity: .5 } #search-form .categories-list .jform { display: none; } #search-form .categories-list .jact img { height: 0; padding: 47px 0 0; background-position: 0 0; opacity: 1 } /* przycisk zwiń/rozwiń */ #search-form .ext-close-link { position: absolute; top: 15px; right: 0; height: 30px; line-height: 30px; padding: 0 30px 0 10px; border: 0 dashed #bbbab7; color: #bf1e2e; background: url(/images/icon-arrow3.png) no-repeat 100% 100%; font-size: 14px; cursor: pointer } #search-form .ext-close-link:before { display: none; position: absolute; top: -1px; right: 0; left: 0; height: 1px; background: url(/images/bg-body.png) no-repeat; content: ''; } /* moduł sortowania */ #search-form .mod-results-manage { position: absolute; top: 5px; right: 100px; left: 0; width: auto; opacity: 0 } #search-form .act .mod-results-manage { } /* przycisk zwiń/rozwiń wew. aktywnego formularza */ #search-form .act .ext-close-link { top: 0; border-width: 0 1px 1px; background-position: 100% 0 } #search-form .act .ext-close-link:before { display: block; } #search-form .mod-results-manage { padding-top: 15px; } /* moduł sortowania za modułem wyszukiwania */ #search-form ~ .mod-results-manage { padding-top: 15px; } /* moduł sortowania */ .mod-results-manage { position: relative; max-width: 980px; height: 24px; margin: 0 auto; padding: 0 0 15px; z-index: 1000; } .mod-results-manage h6 { display: inline-block; margin: 0; color: #514b45; font-size: 18px; text-transform: uppercase } .mod-results-manage ul { display: inline-block; } .mod-results-manage li { display: inline-block; margin: 0 5px; } .mod-results-manage .act a { color: #000 } .mod-sort { width: 660px; float: left; } .mod-show { width: 330px; float: left; margin: 0 -10px 0 0; } /* content */ #content { } #content .note { border: 0; } /* globalne style modułu */ .mod { margin: 0 0 40px; } .mod > h2 { position: relative; margin: 0 0 20px; font-size: 24px; text-transform: uppercase; z-index: 100; } .mod h3 { position: relative; margin: 0 0 20px; font-size: 24px; text-transform: uppercase; z-index: 100; } .mod h4 { margin: 0 0 10px; color: #000 } /* submoduł */ .mod .box { width: 280px; float: left; padding: 20px; } .mod .box > em:first-child { display: block; margin: 0 0 20px; color: #c6c2bb; font-style: italic; font-size: 18px; } .mod .box > strong { font-weight: normal; font-size: 18px; } /* submoduł z tłem */ .mod .box-mark { background: #fff url(/images/bg-inner-shadow-320.png) no-repeat } /* submoduł z górnym obramowaniem */ .mod .box-last { border-top: 1px dashed #bbbab7 } /* przycisk "więcej" */ .mod .link-more { display: inline-block; margin: 30px 0 0; } /* przycisk "więcej": bezpośrednie dziecko modułu */ .mod > h2 + .link-more { position: relative; margin: -60px 0 0; z-index: 1001; } .mod > .link-more:last-child { display: block; position: relative; width: 320px; height: 59px; line-height: 59px; float: none; clear: both; margin: 20px auto; padding: 0; border: 0; background: #fff url(/images/bg-link-btn-more.png); font-size: 24px; text-align: center; } .mod > .link-more:last-child:before { position: absolute; top: -5px; left: 50%; width: 129px; height: 5px; margin: 0 0 0 -65px; background: url(/images/bg-side-shadow2.png); content: ''; } .mod > .link-more:last-child:after { position: absolute; bottom: -5px; left: 50%; width: 129px; height: 5px; margin: 0 0 0 -65px; background: url(/images/bg-side-shadow2.png) no-repeat 0 100%; content: ''; } .mod > .link-more:last-child:hover { background-color: #c41f30; background-position: 0 100% } /* odnośniki społecznościowe */ .link-social { display: inline-block; height: 25px; line-height: 25px; border: 1px solid #ececec; border-radius: 2px; color: #524c46; background: #f4f3f1; text-align: center } .link-social img { display: inline-block; vertical-align: top } /* ikona */ .link-social span { display: inline-block; width: 50px; } /* tekst */ /* odnośniki dedykowane */ .link-comments { display: inline-block; padding: 0 0 0 35px; background: url(/images/icon-comments.png) no-repeat 0 50%; font-size: 16px; } .link-access { display: inline-block; padding: 0 0 0 25px; color: #524c46; background: url(/images/icon-access.png) no-repeat 0 50%; font-size: 16px; } .link-remove { display: inline-block; padding: 0 0 0 15px; background: url(/images/icon-remove.png) no-repeat 0 50%; } .link-download { display: inline-block; min-height: 41px; padding: 0 0 0 50px; vertical-align: middle; } .link-fb-login { display: inline-block; height: 35px; line-height: 35px; padding: 0 20px 0 0; border: 1px solid #ebebeb; color: #524c46; background: #f4f3f1 url(/images/bg-btn.png) no-repeat 100% -36px; font-size: 16px; } .link-fb-login img { display: inline-block; margin: 0 10px 0 0; vertical-align: top } .link-btn { display: inline-block; height: 35px; line-height: 35px; float: right; padding: 0 30px 0 20px; border: 1px solid #d4d1cc; color: #bf1e2e; background: #f4f3f1 url(/images/bg-btn.png) no-repeat 100% -36px; font-size: 16px; text-transform: uppercase } .link-btn:hover { color: #fff; background-color: #c41f30; background-position: 100% 0; text-decoration: none; } .link-change-photo:before { display: inline-block; line-height: 25px; margin: 0 10px 0 0; vertical-align: bottom; content: url(/images/icon-polaroid.png); } .link-preview { float: none; padding-left: 10px; } .link-preview:before { display: inline-block; line-height: 25px; margin: 0 10px 0 0; vertical-align: middle; content: url(/images/icon-preview.png); } /* odnośniki kategorii */ .link-category img { display: inline-block; width: 45px; height: 47px; background-repeat: no-repeat; background-position: 0 100px; vertical-align: middle } .link-category:hover img { height: 0; padding: 47px 0 0; background-position: 0 0; opacity: 1 } .link-media { background: url(/images/icon-media-link.png) no-repeat 0 50%; } /* odnośniki typu download */ .link-pdf { background: url(/images/icon-pdf.png) no-repeat 0 50%; } .link-png { background: url(/images/icon-png.png) no-repeat 0 50%; } .link-tiff { background: url(/images/icon-tiff.png) no-repeat 0 50%; } /* odnośniki typu button */ .link-btn.link-anchor { width: 300px; height: 104px; line-height: 104px; float: left; margin: 0 0 20px 10px; padding: 0 10px; border: 0; background: url(/images/bg-btn-info.png) no-repeat 100% 0; text-transform: none; } .link-btn.link-anchor:before, .link-btn.link-anchor:after { display: none; } .link-btn.link-anchor:nth-child(odd) { margin-left: 0; } .link-btn.link-anchor img { display: inline-block; margin-right: 10px; vertical-align: middle; } .link-btn.link-anchor em { display: block; color: #bf1e2e; font-style: normal; font-size: 26px; } .link-btn.link-anchor span { display: inline-block; line-height: 26px; color: #6f6a64; font-size: 20px; vertical-align: middle; } .link-btn.link-anchor strong { color: #6f6a64; font-weight: normal; } /* submoduł */ .box { background: #fff; } /* submoduł z tłem */ .box-mark { position: relative; } .box-mark:before { position: absolute; top: -32px; left: -5px; width: 5px; height: 64px; background: url(/images/bg-side-shadow.png) no-repeat; content: ''; } .box-mark:after { position: absolute; top: -32px; right: -5px; width: 5px; height: 64px; background: url(/images/bg-side-shadow.png) no-repeat 100% 0; content: ''; } hr { display: block; max-width: 980px; height: 0; clear: both; margin: 30px auto; border: dashed #bbbab7; border-width: 1px 0 0; background: none; } article { margin: 0 0 40px; } article h2 { line-height: 20px; margin: 0 0 20px; text-transform: uppercase } article h4 { margin: 0; padding: 20px 0; } article ol { margin: 0 0 20px 20px; padding: 0; } article ul { margin: 0 0 30px; padding: 0; } article ul > li { margin: 0 0 0 25px; padding: 0 0 5px 5px; list-style-type: none; list-style-image: url(/images/icon-arrow.png); } article header time { display: inline-block; width: 130px; color: #c6c2bb; font-size: 24px; vertical-align: top; } article header p, article header h2 { display: inline-block; max-width: 475px; margin: 0; text-transform: none } article blockquote { width: 380px; margin: 60px auto; padding: 10px 50px; color: #514b45; background: url(/images/icon-quote.png) no-repeat; font-style: italic; font-size: 16px; } article blockquote p { margin: 0 0 20px; } article blockquote cite { display: block; color: #000; font-style: normal; font-size: 14px; text-align: right } article figcaption { display: block; padding: 15px 20px; background: #faf9f8; } article .box { padding: 20px; } article .box figure { margin: -20px -20px 0; } article .meta { height: 25px; line-height: 25px; } article .meta > a { margin: 0 20px 0 0; } article .mod-social { float: right } article .mod-social ul { float: left; } article .mod-social li { float: left; margin: 0; padding: 0 15px 0 0; list-style-image: none; } article .mod-social li a { font-size: 16px; } table { width: 100%; border-spacing: 0; } table td { padding: 0; } #page.index-lay h2 { line-height: 30px; margin: 0 0 20px; color: #514b45; font-size: 30px; text-transform: uppercase } #page.index-lay #news-mod { width: 650px; float: left; margin: 0; } #page.index-lay .mod-patrons { width: 320px; float: right; } /* 0.0.0 */ /* diagram */ #diagram-mod { position: relative; right: 0; left: 0; height: 60px; margin: -46px 0 40px; background-color: #241f21; transition: height .25s; z-index: 10001; } #diagram-mod::after { position: absolute; left: 0; width: 100%; height: 40px; background: url(/img/bg-diagram.png) no-repeat; content: ''; } #diagram-mod::after { bottom: -20px; background-position: 50% 100%; } #diagram-mod p { display: block; position: relative; width: 811px; height: 100%; margin: 0 auto; background: url(/img/bg-diagram-small.png) no-repeat 50% 0; z-index: 10002; } #diagram-mod em { display: none; } #diagram-mod a { display: block; position: absolute; right: 25px; bottom: 0; width: 120px; height: 40px; background: none; text-indent: -100em; overflow: hidden; } .index-lay #diagram-mod { height: 200px; } .index-lay #diagram-mod p { background: url(/img/bg-diagram-large.png) no-repeat 50% 0; } .index-lay #diagram-mod a { right: 96px; bottom: -14px; width: 163px; height: 73px; background: url(/img/bg-diagram-more.png) no-repeat; } /* lista aktualności */ #news-list > li { border-top: 1px dashed #bbbab7; list-style-type: none; } #news-list > li:first-child { margin: 0 0 20px; border: 0; } #news-list > li:first-child + li { border: 0; } #news-list > li .box-mark { background: #fff url(/images/bg-inner-shadow-650.png) no-repeat; } #news-list > li .box-mark:first-child:before, #news-list > li .box-mark:first-child:after { display: none; } /* statystyki */ #stats-mod { position: relative; height: 255px; margin: 40px 0 60px; } #stats-mod:before { position: absolute; bottom: -20px; left: -60px; content: url(/images/bg-rim-stats.png); z-index: -1 } #stats-mod ul { height: 195px; line-height: 195px; margin: 0 0 0 -37px; text-align: center } #stats-mod li { display: inline-block; line-height: 18px; margin: 0 -2px; padding: 20px 0; text-align: center; list-style-type: none; vertical-align: middle } #stats-mod li:nth-child(1) { width: 152px } #stats-mod li:nth-child(2) { width: 134px } #stats-mod li:nth-child(3) { width: 180px } #stats-mod li:nth-child(4) { width: 178px } #stats-mod li:nth-child(5) { width: 165px } #stats-mod li:nth-child(6) { width: 202px; } #stats-mod img { display: block; margin: 0 auto 15px; } #stats-mod b { display: block; line-height: 48px; color: #bf1e2e; font-size: 48px; } #stats-mod small { display: inline-block; font-size: 30px; } #stats-mod span { color: #aaa7a2; text-transform: uppercase; } /* wizytówka */ .item-card { position: relative; padding: 4px 0 0; } .item-card .box-mark .box { display: inline-block; width: -webkit-calc(50% - 20px); width: calc(50% - 20px); padding: 0 20px 10px; background-color: transparent } .item-card .box-mark .box:before, .item-card .box-mark .box:after { display: none; } .item-card .box-mark .box:first-child { margin: -10px 0 -20px -20px; } .item-card .box-mark .box:last-child { margin: -10px -20px -20px 0; } .item-card .box-mark .box-mark { background: url(/images/bg-inner-shadow-invert-160.png) no-repeat 100% 100%; } .item-card .box-mark .box-mark:after { display: block; top: auto; right: -75px; bottom: -5px; width: 129px; height: 5px; background: url(/images/bg-side-shadow2.png) no-repeat 0 100%; } .item-card .box-mark .box span { display: block; color: #000; text-transform: uppercase; } .item-card .box-mark .box strong { display: inline-block; height: 36px; font-weight: normal; font-size: 14px; overflow: hidden; width:139px; word-wrap: break-word;} .card-img img { display: block; } .card-categories { position: absolute; top: 0; right: 10px; } .card-categories a { display: block; width: 45px; height: 47px; background: url(/images/bg-grad.png) } .card-categories + .box { padding-top: 10px; } .card-sponsor { position: absolute; top: 0; left: 0; z-index: 1; } .card-sponsor.custom-grolsh::after { position: absolute; top: -52px; left: -100px; width: 143px; height: 341px; background: url(/img/bg-sponsor-splash.png) no-repeat; pointer-events: none; content: ''; z-index: 1; } .card-sponsor ~ .card-patron { top: 123px; background: url(/images/icon-patronat-sponsor.png) no-repeat; } .card-patron { position: absolute; top: 0; left: -4px; width: 89px; height: 88px; background: url(/images/icon-patronat.png) no-repeat; text-indent: -100em; overflow: hidden; z-index: 2; } .card-title { display: block; height: 72px; line-height: 24px; margin: 0 0 15px; overflow: hidden } .card-title a { color: #000; font-size: 18px; } /* pasek postępu */ .card-progress { position: relative; height: 19px; line-height: 19px; border: 1px solid #f0eeeb; color: #87827b; background: #f8f6f3; font-size: 14px; } /* tło paska postępu */ .card-progress:before { position: absolute; top: 0; right: 0; left: 0; height: 100%; box-shadow: inset 0 1px 3px rgba(0,0,0,.2); content: ''; } .card-progress .card-bar { position: absolute; top: 0; left: 0; height: 100%; background: #bf1e2e url(/images/bg-progress.png) no-repeat 0 0; z-index: 1 } .card-progress .card-sponsor-bar { position: absolute; top: 0; left: 0; height: 100%; background: #5ec301 url(/images/bg-progress.png) no-repeat 0 0; z-index: 2 } .card-progress em { position: relative; padding: 0 5px; font-style: normal; z-index: 2 } .card-progress.invert { color: #fff; text-align: right } .card-progress[data-progress="100"] { text-align: center } /* pasek "projekt specjalny" */ .card-progress[data-progress="special"] { background: none; text-align: center } .card-progress[data-progress="special"]:before { display: none; } .card-progress[data-progress="special"] em { display: block; position: relative; margin: 0 0 0 5px; padding: 0 5px; color: #fff; background: #cc2435; font-size: 15px; text-transform: uppercase; z-index: 2 } .card-progress[data-progress="special"] em:before { position: absolute; top: 2px; left: -9px; width: 24px; height: 22px; background: url(/images/bg-banner.png) no-repeat; content: ''; z-index: -1 } .card-progress[data-progress="special"] em:after { position: absolute; top: 2px; right: -9px; width: 24px; height: 22px; background: url(/images/bg-banner.png) no-repeat 100%; content: ''; z-index: -1 } .card-request { } /* statystyka wizytówki projektu */ .card-data { height: 24px; overflow: hidden; } .card-data li { width: 33.3%; line-height: 24px; float: left; font-size: 13px; } .card-data li span { display: inline-block; line-height: 24px; color: #000; } .card-data li img + span { display: none; } .card-data b { font-weight: normal; font-size: 13px; } .card-data img { display: inline-block; width: 30px; height: 24px; margin: 0; background-repeat: no-repeat; background-position: 0 100px; vertical-align: top; } .card-data:hover img { height: 0; padding: 24px 0 0; background-position: 0 0; opacity: 1 } .card-data:hover li img ~ span { display: none; } .card-data:hover li img + span { display: inline-block; color: #87827b; } .card-data.card-verify { display: block; padding: 20px 10px; border: 1px dashed #c6c2bb; color: #c6c2bb; font-weight: normal; font-size: 18px; text-align: center } .card-data.card-verify span { display: block; margin: 5px 0 0; color: #514b45; font-size: 14px; } .card-data.card-reject { color: #bf1e2e; border-color: #bf1e2e; font-size: 14px !important; } .card-data.card-reject:before { margin: 0 3px 0 0; content: url(/images/icon-remove.png) } .card-data.card-verified { color: #009936; border-color: #009936; font-size: 14px !important; } .card-data.card-verified:before { margin: 0 3px 0 0; content: url(/images/icon-done2.png) } .item-card.item-card-done .card-data span, .item-card.item-card-done .card-data:hover span { display: inline-block; color: #000; } .item-card.item-card-done .card-data:hover img { height: 24px; padding: 0; background-position: 0 100px; } .mod-projects-list { } .mod-projects-list h2 { margin: 0 0 40px; font-size: 24px; } .mod-projects-list h3 { margin: 0 0 40px; font-size: 30px; text-transform: uppercase } .mod-projects-list + .mod { margin-top: 90px; } .projects-list { margin: 0 -10px 20px 0; } .projects-list li { list-style-type: none } .projects-list > li { width: 320px; float: left; margin: 0 10px 10px 0; } .projects-list .item-card-double { width: 650px; } .projects-list .item-card-double > .box { width: 610px; } .projects-list .item-card-double .box-mark { background: #fff url(/images/bg-inner-shadow-650.png) no-repeat; } .projects-list .item-card-double .box-mark .box-mark { background: url(/images/bg-inner-shadow-invert-160.png) no-repeat 100% 100%; } .projects-list .item-card-double .card-data li:first-child img { margin-left: 0; } .projects-list .item-card-double .card-data li img { margin-left: 35%; } .projects-list .item-card-double .card-data li:last-child img { margin-left: 50%; } /* zakładki */ .tabs-nav { height: 37px; } .tabs-nav li { float: left; margin-right: -1px; list-style-type: none; } .tabs-nav a { display: inline-block; height: 35px; line-height: 35px; float: right; padding: 0 30px 0 20px; border: 1px solid #d4d1cc; color: #bf1e2e; background: #ececec url(/images/bg-btn.png) no-repeat 100% -36px; font-size: 16px; text-transform: uppercase } .tabs-nav .act a { background-color: #fff; } .tabs-nav a:hover { color: #fff; background-color: #c41f30; background-position: 100% 0; text-decoration: none; } .tab { display: none; } .tab.act { display: block; } /* fancybox */ #fancybox-close { top: 10px; right: 20px; width: auto; height: 20px; line-height: 20px; padding: 0 15px 0 0; background: url(/images/icon-remove.png) no-repeat 100% 50%; } #fancybox-close:before { content: 'zamknij' } /* datepicker */ #ui-datepicker-div { margin: -36px 0 0 84px; background: #fff url(/images/bg-help.png) no-repeat; font-size: 14px; box-shadow: 0 0 10px rgba(0,0,0,.3); } .ui-datepicker-trigger { vertical-align: middle } .ui-datepicker-calendar { margin: 5px; } .ui-datepicker-calendar th { width: 27px; text-align: center } .ui-datepicker-calendar td { padding: 1px; } .ui-datepicker-calendar td a { display: block; width: 25px; line-height: 25px; color: #969696; background: #fff; text-align: center } .ui-datepicker-calendar .ui-datepicker-week-end + .ui-datepicker-week-end, .ui-datepicker-calendar .ui-datepicker-week-end + .ui-datepicker-week-end a { color: #d10000 } .ui-datepicker-calendar .ui-state-hover { color: #fff; background: #b31c2b; text-decoration: none } .ui-datepicker-calendar .ui-state-hover a { color: #fff; text-decoration: none } .ui-datepicker-calendar .ui-state-active { color: #b31c2b; font-weight: bold; text-decoration: none } .ui-datepicker-header { position: relative; padding: 5px; color: #b31c2b; background: #e4e0da; text-align: center; } .ui-datepicker-header a { position: absolute; top: 5px; display: block; width: 17px; height: 14px; background-image: url(/images/icon-arrows-set1.png); text-indent: -100em; cursor: pointer; overflow: hidden } .ui-datepicker-prev { left: 5px; } .ui-datepicker-next { right: 5px; background-position: 100% 0 ; } .ui-datepicker-trigger { display: inline-block; margin: 0 10px; } /* forms */ .form { position: relative; z-index: 5; } .form h2 { line-height: 20px; margin: 0 0 20px; text-transform: uppercase } .form fieldset { padding: 20px; background: #fff; } .form .box { margin: 0 -20px; padding: 0 20px 20px; } .form .box h2 { line-height: 30px; margin: 20px 0 40px; } .form .box h4 { display: inline-block; } .form .box h4 + .help { margin: -5px 10px 0 10px; } .form .box h4 + em { float: right; margin: 0 0 30px; color: #b3aeaa; font-style: italic; font-size: 14px; } .form .box h4 + small { display: block; margin: -28px 0 30px; color: #b3aeaa; font-style: italic; font-size: 14px; } .form .box h5 { position: relative; margin: 0 0 20px; color: #000; font-size: 16px; } .form .box h5:before { position: absolute; top: 10px; right: 0; left: 156px; border-top: 1px dashed #b3aeaa; content: ''; } .form .box-mark { margin: 0 -20px; padding: 20px; background: url(/images/bg-inner-shadow-650.png) no-repeat } .form .box-check { margin: 0 -20px; padding: 30px 20px; border: dashed #b3aeaa; border-width: 1px 0; background: #f4f3f1; } .form .box-check h4 { display: inline-block; margin: 0; width: 156px; } .form .box-info { padding: 40px 40px 40px 130px; background: url(/images/icon-info.png) no-repeat 50px 35px } .form .box-info strong { font-weight: normal; } .form .box-success { padding: 30px 20px 30px 130px; background: url(/images/icon-done.png) no-repeat 40px 40px } .form .box-success h2 { margin: 0 0 20px; } .form .box-success > strong { display: block; margin: 0 0 10px; color: #000; font-weight: normal; font-size: 18px; } .form .box-last { padding: 20px 20px 0; border-top: 1px dashed #bbbab7; } .form .note { margin: 0; border: 0; } .form .note > div { width: auto; padding: 0 0 0 160px; } .form .note h4 { margin: 0 0 20px; text-transform: none } .form label { display: block; padding: 0 0 0 28px; } .form .label, .form label[for] { display: inline-block; width: 115px; height: 26px; padding: 10px 36px 0 0; font-weight: normal; vertical-align: top; } .form .label small, .form label[for] small { display: block; color: #b3aeaa; font-style: italic; font-size: 14px; } .form .tip { display: inline-block; padding: 7px 0 0 20px; color: #b3aeaa; font-style: italic; vertical-align: top } .form textarea, .form input { width: 268px; height: 24px; line-height: 24px; padding: 5px; border: 1px solid #f0eeeb; background: #f8f6f3; box-shadow: inset 0 2px 3px #c6c5c2; } .form input[disabled] { background: #d3d1cc } .form select { width: 136px; } .form textarea { width: 433px; height: 125px; } .form .input .xxl-size { width: 598px; } .form .input .xl-size { width: 433px; } .form .input .l-size { width: 314px; } .form .input .s-size { width: 142px; } .form .input .xs-size { width: 72px; } .form .input .xxs-size { width: 32px; } .form .input .jselect.xl-size { width: 443px; } .form .input .jselect.l-size { width: 314px; } .form .input .jselect.s-size { width: 142px; } .form .input .jselect.xs-size { width: 72px; } .form .input .jselect.xxs-size { width: 32px; } .form .input { margin: 0 0 20px; } .form .input.acc { padding: 0 0 0 156px; } .form .input.acc label { margin: 0 0 10px; padding: 0; } .form .input.acc .error-label { margin: 0; } .form .error .error { border-color: #bf1e2e; background-color: #ffe5dc } .form .error .error-label { display: block; margin: 2px 0 0 156px; color: #bf1e2e; font-weight: normal; font-size: 12px; } .form .error.input-tiny-mce .error-label { margin-left: 0; } .form .count { display: block; padding: 0 15px 5px; color: #b3aeaa; font-style: italic; text-align: right; } .form .count small { color: #5c5650; font-size: 14px; } .form .help { display: inline-block; position: relative; width: 23px; height: 36px; margin: 0 7px 0 -30px; background: url(/images/icon-help.png) no-repeat 0 50%; vertical-align: top; cursor: help; z-index: 10 } .form .help > span { display: none; position: absolute; top: 30px; left: 23px; width: 245px; padding: 15px 20px; background: #fff url(/images/bg-help.png) no-repeat; font-size: 14px; box-shadow: 0 0 10px rgba(0,0,0,.3); } .form .help:hover > span { display: block; } .form .submit { height: 36px; line-height: 36px; text-align: right; } .form .submit a { } .form .link-submit, .form button { height: 36px; line-height: 36px; float: right; margin: 0 0 0 30px; padding: 0 30px 0 20px; color: #fff; background: #bf1e2e url(/images/bg-btn.png) no-repeat 100% 0; font-size: 16px; text-transform: uppercase; text-align: left; } .form button:hover { background-color: #e42d3f } .form .form-data { display: none; } .form .mceEditor { display: inline-block; max-width: 445px; } .form .mceEditor table { max-width: 445px } .form-modal { width: 650px; } .form-modal fieldset { padding: 30px 20px 0; } .form-modal .box-mark:before, .form-modal .box-mark:after { display: none; } .input-gallery-list { display: inline-block; width: 450px; margin: 0 -5px 0 0; font-size: 14px; overflow: hidden; } .input-gallery-list li { width: 25%; line-height: 36px; float: left; list-style-type: none; } .input-gallery-list label { padding: 0; } .input-gallery-list img { display: block; margin: 5px 0 0; } .input-gallery-list .jform { margin: 0; vertical-align: middle } .input-gallery-list .link-remove { float: right; margin: 0 8px; } .input-gallery-list + .jfile { margin: 0 0 0 156px; } .input-inline-list { display: inline-block; width: 450px; margin: 0 -5px 0 0 } .input-inline-list li { display: inline-block; line-height: 36px; margin: 0 15px 0 0; list-style-type: none; } .input-inline-list label { display: inline-block; line-height: 36px; padding: 0 } .input-inline-list .tip { padding: 0 } .input-inline-list .jform { margin: 0 5px 0 0; vertical-align: middle } .multiple-form-list { display: inline-block; width: 450px; margin: 0 -5px 0 0 } .multiple-form-list > li { margin: 0 0 5px; list-style-type: none; } .multiple-form-list .link-remove { margin: 10px; } .multiple-form-list ~ .link-add { display: inline-block; margin: 0 0 0 156px; padding: 0 0 0 20px; background: url(/images/icon-plus.png) no-repeat 0 50%; } .multiple-form-list ~ .link-add.disabled { cursor: text } .multiple-form-list ~ .link-add.disabled:hover { color: #bf1e2e; text-decoration: none; } .multiple-form-list + .error-label + .link-add { margin-top: 5px; } .row-multiple-form-list { display: block; width: auto; } /* jForms */ form .jfile, form .jselect { height: 23px; line-height: 23px; } form .jform input { width: 100%; height: 100%; margin: 0; padding: 0; } form .jfile { display: inline-block; position: relative; height: 37px; line-height: 37px; overflow: hidden; cursor: pointer; vertical-align: top; z-index: 1; } form .jfile input { top: 0; left: 0; cursor: pointer; z-index: 2; } form .jfile .jtext { display: none } form .jfile .jbutton { display: inline-block; height: 35px; line-height: 35px; padding: 0 30px 0 10px; border: 1px solid #d4d1cc; color: #bf1e2e; background: #f4f3f1 url(/images/bg-btn.png) no-repeat 100% -36px; font-size: 16px; text-transform: uppercase; cursor: pointer; z-index: 3 } form .jfile .jbutton:before { display: inline-block; line-height: 25px; margin: 0 10px 0 0; vertical-align: bottom; content: url(/images/icon-polaroid.png); } form .jselect { display: inline-block; position: relative; height: 34px; line-height: 34px; border: 1px solid #f0eeeb; background: #f8f6f3; box-shadow: inset 0 2px 3px #c6c5c2; vertical-align: top; cursor: pointer; } form .jselect > span { display: block; position: absolute; top: 0; right: 0; left: 0; width: auto; height: 100%; padding: 0 0 0 10px; z-index: 1 } form .jselect:after { position: absolute; top: 5px; right: 5px; width: 25px; height: 25px; background: url(/images/bg-jform.png) no-repeat 100% 0; content: ''; z-index: 2 } form .jselect select { position: relative; left: -1px; top: -3px; min-width: 100%; height: 100%; margin: 0; padding: 0; cursor: pointer; z-index: 3 } form .jselect-multiple { height: 5em } form .jselect-multiple span { display: none } form .jselect-multiple select { top: 0; height: 5em } form .jradio, form .jcheckbox { display: inline-block; width: 18px; height: 18px; margin: 0 10px 0 0; background: url(/images/bg-jform.png); vertical-align: top; overflow: hidden } form .jradio { background-position: -18px 0; } form .jradio.focus, form .jradio.jact { background-position: -18px -18px; } form .jradio.error { background-color: transparent; } form .jcheckbox { background-position: 0 0; } form .jcheckbox.focus, form .jcheckbox.jact { background-position: 0 -18px; } form .jcheckbox.error { background-color: transparent; } /* formularz rejestracyjny */ #register-form { width: 490px; float: left; } #register-form .box > label { display: block; margin: 0 0 20px; padding: 0; color: #010000; font-size: 18px; } #register-form .box-mark { background: url(/images/bg-inner-shadow-490.png) no-repeat } #register-form .box-last { font-size: 12px; } #register-form .error.input.acc .error-label { margin: -10px 0 5px; } #register-form .submit { padding: 0 15px 0 0; } /* 1.2.x */ #kanaly { margin-left: 0; } #kanaly > div { width: 142px !important; margin: 0 3px 3px 0; text-align: center } #kanaly > div:nth-child(6n+6) { margin-right: 0 } #kanaly input { width: auto; height: auto } #kanaly p, #kanaly label { width: auto; margin: 0; padding: 5px 0 0; } #payu-mod { padding: 0 0 10px; overflow: hidden } /* formularz wsparcia */ #support-form { width: 445px; float: right; } #support-form fieldset { padding: 20px 0; background: none; } #support-form .input { float: left; margin: 0 0 15px; font-size: 18px; } #support-form label { display: block; padding: 0; } #support-form input { width: 138px; border: 0; } #support-form button { border: 1px solid #d4d1cc; color: #bf1e2e; background: #f4f3f1 url(/images/bg-btn.png) no-repeat 100% -36px; } #support-form .submit { float: right; margin: 26px 0 0; } #support-form .submit + p { clear: both; font-size: 14px; } #support-form div.error { position: relative; margin: 0 0 30px; } #support-form .error-label { position: absolute; top: 100%; left: 0; width: 320px; margin: 0; } /* formularz płątności */ #payment-form { position: relative; clear: both; z-index: 5; } #payment-form h2 { line-height: 30px; } #payment-form table { width: 650px; margin: 0 -20px 20px; } #payment-form table th span { display: block; margin: 10px 0 10px 20px; padding: 5px 0; position: relative; color: #fff; background: #605a54; font-weight: normal; text-align: center } #payment-form table th:last-child span { margin-right: 20px; } #payment-form table th span:after { position: absolute; top: 100%; left: 50%; width: 9px; height: 5px; margin: 0 0 0 -5px; background: url(/images/icon-arrow2.png); content: ''; } #payment-form table td { vertical-align: top; } #payment-form table tr.box { position: static; margin: 0; padding: 0; } #payment-form table tr.box-mark:before, #payment-form table tr.box-mark:after { display: none; } #payment-form table tr .box { padding: 20px 0 20px 20px; } #payment-form table tr .box-mark { margin: 0; background: none; } #payment-form table tr td:first-child .box-mark:before { } #payment-form table tr td:first-child .box-mark:after { display: none; } #payment-form table tr td:last-child .box-mark:before { display: none; } #payment-form table h4 { margin: 0 0 10px; color: #000 } #payment-form table label { padding: 5px 0 0 25px; color: #645e58; font-weight: bold; font-size: 24px; } #payment-form table label .jform { float: left; margin: 0 0 0 -25px } #payment-form table label em { font-style: normal; font-size: 16px; } #payment-form table label span { white-space: nowrap } #payment-form table label small { display: block; margin: 5px 0 0; padding: 2px 0 0; border-top: 1px solid #dcdad3; font-weight: normal; font-size: 13px; } #payment-form table .expired, #payment-form table .expired * { color: #dcdad3; } #payment-form div.error { position: relative; margin: 0 0 30px; } #payment-form .error-label { position: absolute; top: 100%; left: 0; width: 280px; margin: 0; } #payment-form #payment-call { font-size: 24px; } #payment-form #payment-call h2 { font-size: 20px; } #payment-form #payment-call input { font-size: 14px; } #payment-form #payment-call p { display: inline-block; width: 320px; margin: 0; padding: 0 20px; font-size: 14px; vertical-align: bottom } /* podsumowanie płątności */ #payment-summary { width: 610px; float: left; margin: 0 0 40px; padding: 20px 20px 0; background: #fff; } #payment-summary .box-check { padding-left: 130px; border: 1px solid #b3aeaa; } #payment-summary .box-check > strong { display: inline-block; width: 80px; margin: 0 0 0 -110px; padding: 0 30px 0 0; font-weight: bold; font-size: 24px; text-align: right; vertical-align: middle } #payment-summary .box-last { padding: 20px 0; } #payment-summary .box-last a { margin: 0 20px; } #payment-summary h4 { width: auto; margin: 0 0 10px; color: #000; } #payment-summary ~ .mod { width: 320px; float: right; } /* 2.0.x */ #project-patrons-list { margin: 0; } #project-patrons-list li { margin: 0; padding: 0; list-style-image: none; overflow: hidden; } #project-patrons-list li + li { margin: 20px 0 0; } #project-patrons-list img { float: left; margin: 0 20px 0 0; } #project-patrons-list strong { display: inline-block; width: 165px; margin: 0 20px 0 0; font-weight: normal; vertical-align: top; } #project-patrons-list p { display: inline-block; width: 300px; margin: 0; color: #000; font-style: italic; vertical-align: top; } .mod-patrons-list { clear: both; } .mod-patrons-list > ul { margin: 0 0 20px; } .mod-patrons-list > ul > li { position: relative; width: auto; min-height: 198px; padding: 20px; float: none; list-style-type: none; } .mod-patrons-list .patron-img { float: left; margin: 0 20px 0 0; } .mod-patrons-list h6 { line-height: 41px; float: left; margin: 0; font-size: 22px; } .mod-patrons-list h6 a { display: inline-block; line-height: 22px; } .mod-patrons-list strong { display: block; margin: 0 0 10px; color: #000; font-weight: normal } .mod-patrons-list .categories-list li { float: left; margin: 0 0 0 -1px; list-style-type: none; } .mod-patrons-list .categories-list img { display: inline-block; } .mod-patrons-list .categories-list a { display: inline-block; width: 45px; height: 47px; border: 1px solid #ececeb; } #patrons-list-type1 { } #patrons-list-type1 li { background: #fff url(/images/bg-inner-shadow-980.png) no-repeat; } #patrons-list-type1 li:first-child { background-image: none; } #patrons-list-type1 li.box { width: auto } #patrons-list-type1 h6 { width: 600px; } #patrons-list-type1 .link-projects { height: 41px; line-height: 41px; float: right; padding: 0 40px 0 0; background: url(/images/icon-patron2.png) no-repeat 100% 0 } #patrons-list-type1 .patron-umbrella { width: 325px; float: left; padding: 10px 0 0; } #patrons-list-type1 .patron-umbrella > em { display: block; height: 99px; line-height: 26px; margin: 10px 0 0; font-style: normal; font-size: 16px; } #patrons-list-type1 .patron-recom { width: 370px; float: right; padding: 10px 0 0; } #patrons-list-type1 .patron-recom p { margin: 0; padding: 15px 20px; border: 1px solid #cacac9; background: #f4f3f1; } #patrons-list-type1 .card-progress { } #patrons-list-type2 > li { width: 450px; float: left; background: #fff url(/images/bg-inner-shadow-490.png) no-repeat; } #patrons-list-type2 > li:nth-child(2):after, #patrons-list-type2 > li:nth-child(2n+2):before, #patrons-list-type2 > li:nth-child(2n+1):after { display: none } #patrons-list-type2 h6 { width: 220px; margin: 0 0 20px; } #new-patron-mod { width: 490px; float: right; clear: none; margin: 0 0 20px; padding: 10px 0 0; } #new-patron-mod h3 { line-height: 18px; font-size: 18px; } #new-patron-mod .box { width: auto; padding: 20px; background: #fff;} #new-patron-mod h6 { width: 220px; margin: 0 0 20px; } .patrons-summary { } .patrons-summary span { min-height: 90px; float: left; padding: 45px 0 0; color: #aaa7a2; text-align: center; text-transform: uppercase } .patrons-summary b { display: block; line-height: 48px; color: #cb2434; font-size: 48px; } .patrons-summary .link-more { float: right; margin: 65px 0 0 } #patrons-type1-mod { position: relative; height: 185px; margin: 40px 0 0; padding: 15px 0 0 0; } #patrons-type1-mod:before { position: absolute; top: -20px; left: -40px; content: url(/images/bg-rim7.png); z-index: -1 } #patrons-type1-mod h4 { margin: 0; text-transform: uppercase } #patrons-type1-mod p { width: 440px; float: left; } #patrons-type1-mod .patrons-summary { width: 520px; float: right; margin: -20px 0 0; } #patrons-type1-mod .patrons-institutes { padding-left: 110px; background: url(/images/icon-instytucja.png) no-repeat 0 35px; } #patrons-type1-mod .patrons-celebrities { padding-left: 65px; background: url(/images/icon-osobistosc.png) no-repeat 0 0; } #patrons-type2-mod { position: relative; width: 450px; height: 245px; float: left; margin: 0 0 20px; padding: 5px 0 0 0; } #patrons-type2-mod:before { position: absolute; top: -30px; left: -40px; content: url(/images/bg-rim3.png); z-index: -1 } #patrons-type2-mod h4 { margin: 0; text-transform: uppercase } #patrons-type2-mod p { padding: 0 10px 0 0; } #patrons-type2-mod .patrons-summary { } #patrons-type2-mod .patrons-summary span { padding-top: 20px; } #patrons-type2-mod .patrons-institutes { padding-left: 70px; background: url(/images/icon-instytucja2.png) no-repeat 0 20px; } #patrons-type2-mod .patrons-celebrities { padding-left: 50px; background: url(/images/icon-osobistosc2.png) no-repeat 0 0; } #patrons-type2-mod .link-more { margin: 40px -10px 0 0 } /* Partnerzy */ #partners-mod { position: relative; margin-top: -60px; z-index: 1001; } #partners-mod > .tabs-nav { padding-left: 250px; } #partners-mod > .tab { position: relative; overflow: hidden; } #partners-mod .panel { height: 54px; line-height: 54px; float: none; margin: 0 0 20px; padding: 0 20px; border: 0; color: #fff; background: #90c743 url(/img/bg-btn-partner-projects.png) no-repeat 100% 0; font-size: 24px; transition: .8s; cursor: pointer; } #partners-mod .panel.act { margin: -54px 0 0 } #partners-mod section { position: relative; max-height: 0; margin: 0 0 20px; padding: 0 20px; background: #fff; transition: .8s; overflow: hidden; } #partners-mod section.act { max-height: 2000px; padding: 20px 20px 30px; } #partners-mod section.act .btn-hide { bottom: 10px; } #partners-mod section figure { width: 198px; float: left; } #partners-mod section figure img { display: block; margin: 0 auto 10px; } #partners-mod section header { width: 330px; float: left; margin: 0 20px; } #partners-mod section header h2 { font-size: 22px; } #partners-mod section .mod-tabs { width: 360px; float: right; } #partners-mod section article { border: 1px solid #cacac9; margin-top: -1px; padding: 10px; } #partners-mod section article p { margin: 0 0 10px; } #partners-mod section article p:last-child { margin: 0; } #partners-mod .link-projects { height: 54px; line-height: 54px; float: none; border: 0; color: #fff; background: #90c743 url(/img/bg-btn-partner-projects.png) no-repeat 100% 0; font-size: 18px; } #partners-mod .btn-hide { position: absolute; right: 20px; bottom: -50px; height: 35px; line-height: 35px; padding: 0 20px 0 40px; color: #fff; background: #b3b3b3 url(/img/icon-hide.png) no-repeat 15px 50%; text-transform: uppercase; transition: .8s; } .mod-partners-list ul { padding: 20px 14px 1px; background: #fff; } .mod-partners-list li { width: 198px; height: 250px; float: left; margin: 0 20px 20px; list-style-type: none; } .mod-partners-list a { color: #5d812b; font: 18px/22px Roboto, sans-serif; } .mod-partners-list strong { display: block; width: 100%; height: 44px; overflow: hidden; } #partnerzy-strategiczni section header h2 { color: #5d812b; } #partnerzy-strategiczni section article { color: #fff; background: #8ec640; box-shadow: inset 2px 2px 2px rgba(0,0,0,.3); } #partnerzy section header h2 { color: #bf1e2e; } #partnerzy section article { color: #bf1e2e; background: #f4f3f1; } #partnerzy .panel { background-color: #c41f30; background-position: 100% 100%; } #partnerzy .link-projects { background-color: #c41f30; background-position: 100% 100%; } #partnerzy .mod-partners-list a { color: #bf1e2e; } .mod-last-project { margin: 0 0 20px; } .mod-last-project h6 { margin: 0 0 10px; color: #000; font-size: 14px; } .mod-last-project a { color: #000; } .mod-last-project em { display: block; margin: 0 0 20px; font-style: normal; font-size: 16px; } /* 2.1.0 */ #user-data { width: 320px; float: left; } #user-manage { position: relative; margin: 0 0 10px } #user-manage h4 { line-height: 18px; } #user-manage .link-more { float: left; margin: 10px 0 0; padding-right: 25px; } #user-manage .link-more + .link-more { float: right; } #user-manage .link-delete { position: absolute; top: 20px; right: 20px; } #user-info { width: 100%; line-height: 22px; padding: 0; background: #f8f6f3 } #user-info img { display: block; margin: 0 auto; } /* obrazek w wymiarze 320x320 ! */ #user-info figcaption { display: block; margin: 0; padding: 20px; background: #fff; } #user-info .link-group { display: inline-block; height: 45px; line-height: 45px; padding: 0 0 0 50px; color: #645e58; background: url(/images/icon-group.png) no-repeat } #user-websites li { margin: 0 0 1px 1px; list-style-type: none; } #user-websites a { display: inline-block; width: auto; height: 40px; line-height: 40px; padding: 0 0 0 50px; border: 0; border-radius: 0; color: #bf1e2e; } #user-websites a span { display: inline-block; width: auto; line-height: 18px; vertical-align: middle } #user-websites .link-website { background: url(../images/icon-link.png) no-repeat } #user-websites .link-facebook { background: url(../images/icon-facebook1.png) no-repeat } #user-websites .link-twitter { background: url(../images/icon-twitter1.png) no-repeat } #user-websites .link-linkedin { background: url(../images/icon-linkedin1.png) no-repeat } #user-websites .link-behance { background: url(../images/icon-behance1.png) no-repeat } #user-stats { width: 320px; height: 125px; padding: 30px 0 10px; background: url(/images/bg-user-stats.png) no-repeat } #user-stats li { width: 33%; float: left; text-align: center; list-style-type: none } #user-stats span { display: block; margin: 0 0 5px; color: #000; font-size: 18px; } #user-stats span b { color: #514b45; font-weight: normal; font-size: 16px } #user-contact a { color: #645e58 } #user-contact li { padding: 5px 0; } #user-contact span { display: inline-block; width: 60px; } .mod-user-projects-list { margin: 0 0 20px; } .mod-results-manage ~ .mod-user-projects-list { padding: 25px 0 0; border-top: 1px dashed #c6c2bb; } .mod-user-projects-list h2 { line-height: 40px; } .mod-user-projects-list h2 img { display: inline-block; margin: 0 15px 0 0; vertical-align: top } .mod-user-projects-list h2 + strong { position: relative; float: right; margin: -50px 0 20px; font-weight: normal; font-size: 18px; z-index: 101; } .mod-user-projects-list h2 + strong span { color: #000; } .mod-user-projects-list li { position: relative; list-style-type: none; } .mod-user-projects-list > ul > .box { width: 610px; clear: both; } .mod-user-projects-list > ul > .box-mark { background: #fff url(/images/bg-inner-shadow-650.png) no-repeat; } .mod-user-projects-list li .box { width: 280px; float: left; padding: 0; } .mod-user-projects-list li .box-mark { position: absolute; top: 75px; right: 0; bottom: 0; width: 120px; padding: 0 0 20px 20px; background: url(/images/bg-inner-shadow4.png) no-repeat 0 100%; } .mod-user-projects-list li .box-mark:before, .mod-user-projects-list li .box-mark:after { display: none; } .mod-user-projects-list li:last-child .box-mark:after { display: block; top: auto; right: auto; bottom: -5px; left: -55px; width: 129px; height: 5px; background: url(/images/bg-side-shadow2.png) no-repeat 0 100%; } .mod-user-projects-list h6 { margin: 0 0 30px; font-size: 22px; } .mod-user-projects-list h6 a { display: inline-block; line-height: 22px; } .mod-user-projects-list .project-img { float: left; margin: 0 20px 0 0; } .mod-user-projects-list .card-data { height: auto; padding-bottom: 0 } .mod-user-projects-list .card-data li { width: auto; float: none; padding: 0 0 15px; } .mod-user-projects-list .card-data img + span { display: inline-block; color: #000; } .mod-user-projects-list .card-data:hover img { height: inherit; padding: 0; color: #000 } .mod-user-projects-list .card-data:hover span { display: inline-block; color: #000 } .mod-user-projects-list .card-data.card-verify { margin: 0 20px 0 0; padding-bottom: 20px; } .mod-user-projects-list .card-progress { margin: 0 0 10px; } .mod-user-projects-list .link-support-project { float: left; margin: 0 0 18px; } .mod-user-projects-list .link-support-place { float: right; margin: 0 0 18px; } .mod-user-projects-list .categories-list { float: left; clear: both; } .mod-user-projects-list .categories-list li { float: left; margin: 0 0 0 -1px; list-style-type: none; } .mod-user-projects-list .categories-list img { display: inline-block; } .mod-user-projects-list .categories-list a { display: inline-block; width: 45px; height: 47px; border: 1px solid #ececeb; } .mod-user-projects-list .card-updates { width: 165px; float: left; clear: both; padding: 10px 15px 0 0; } .mod-user-projects-list .card-updates strong { display: block; margin: 0 0 10px; color: #000; font-weight: normal; font-size: 16px; } .mod-user-projects-list .card-updates li { margin: 0 0 5px; } .mod-user-projects-list .card-updates small { color: #c6c2bb; font-style: italic; font-size: 14px; } .mod-user-projects-list .card-recom { position: relative; width: 420px; float: left; margin: 0 0 -20px; padding: 10px 0 20px; background: #fff; } .mod-user-projects-list .card-recom strong { display: block; margin: 0 0 10px; color: #000; font-weight: normal; font-size: 16px; } .mod-user-projects-list .card-recom p { position: relative; padding: 10px 15px; border: 1px dashed #c6c2bb; overflow: hidden; } .mod-user-projects-list .card-support { width: 385px; float: left; padding: 10px 0 0; } .mod-user-projects-list .card-support strong { display: block; margin: 0 0 10px; color: #000; font-weight: normal; font-size: 16px; } .mod-user-projects-list .card-support p { position: relative; margin: 0 100px 0 0; padding: 10px 10px 10px 100px; border: 1px dashed #c6c2bb; overflow: hidden; } .mod-user-projects-list .card-support p b { position: absolute; top: 0; bottom: 0; left: 0; width: 100px; color: #645e58; font-size: 24px; text-align: center } .mod-user-projects-list .card-support p span { display: block; } .mod-user-projects-list .card-support .link-accept { float: left; margin: 0 20px 0 0; } .mod-user-projects-list .card-support .link-reject { display: inline-block; height: 37px; line-height: 37px; } .mod-user-projects-list .card-support .link-more { float: none; margin: 0; color: #bf1e2e; } .mod-user-projects-list .card-request { clear: both; padding: 10px 0 0; } .mod-user-projects-list .card-request strong { display: block; margin: 0 0 10px; color: #000; font-weight: normal; font-size: 16px; } .mod-user-projects-list .card-request p { position: relative; padding: 10px 15px; border: 1px dashed #c6c2bb; overflow: hidden; } .mod-user-projects-list .link-edit { float: right; margin: -28px 0 10px; } .mod-user-projects-list.mod-user-clean li .box-mark { background: none; } .mod-user-projects-list.mod-user-clean li:last-child .box-mark:after { display: none; } .mod.mod-user-projects-list .box > .link-more { float: right; margin: 5px 0 0; } #comments-mod { } #comments-mod h2 { text-transform: uppercase } #comments-mod .fb-comments { padding: 20px; background: #fff; } /* 8.0.0 */ #contact-form { width: 650px; float: right; } #contact-form h3 { margin: 0 0 20px; text-transform: uppercase } #contact-form fieldset { position: relative; padding: 20px 20px 0 } #contact-form label { padding: 0; } #contact-form .box { width: 280px; float: left; } #contact-form .box .input { margin-bottom: 35px; } #contact-form .box .box-mark { margin: 0 -20px; padding: 5px 20px; background: url(/images/bg-inner-shadow-320.png) no-repeat } #contact-form .box .box-mark:before { left: -5px; } #contact-form .box .box-mark:after { display: none; } #contact-form .box-last { border: 0; } #contact-form .box-last .input { margin: 0 0 25px; } #contact-form .error.input .error-label { margin-bottom: -20px; } #contact-form fieldset > .box:before { top: -5px; left: -65px; width: 129px; height: 5px; background: url(/images/bg-side-shadow2.png); } #contact-form fieldset > .box:after { top: auto; right: auto; bottom: -5px; left: -65px; width: 129px; height: 5px; background: url(/images/bg-side-shadow2.png) no-repeat 0 100%; } #contact-form fieldset > .box:last-child { width: 290px; float: right; margin: -20px 0 0; padding: 20px 0 20px 20px; background: url(/images/bg-inner-shadow3.png) no-repeat } #contact-form textarea { width: 268px; } #contact-form .submit { margin: 0 10px; } #contact-form button { padding: 0 30px; } #contact-form .error-label { margin-left: 0; } #ajax-contact-return { position: absolute; top: 50px; right: 0; left: 0; line-height: 30px; padding: 50px 0 50px 230px; background: url(/images/icon-return.png) no-repeat 50px 0; font-size: 20px; z-index: 1; } #ajax-contact-return strong { display: block; font-weight: normal; font-size: 30px; } #ajax-contact-return ~ .box .submit, #ajax-contact-return ~ .box .input > * { opacity: 0 } #contact-mod { width: 305px; float: left; } #contact-mod h3:first-child { margin: 0 0 30px; text-transform: uppercase } #contact-mod .mod-contact { display: block; height: 57px; line-height: 57px; margin: 0 0 18px; padding: 20px 10px; border-bottom: 1px dashed #bbbab7; font-size: 16px; } #contact-mod .mod-contact img { display: inline-block; margin: 0 10px 0 0; vertical-align: middle; } #edit-pass-form { } #edit-pass-form .submit { float: right; padding: 0 0 0 20px; } #edit-pass-form .submit button { margin: 0 0 0 30px; } #edit-user-form { width: 650px; float: right; } #edit-user-form .box-mark { background: url(/images/bg-inner-shadow-650.png) no-repeat; } #edit-user-form .box:nth-of-type(1) input { width: 433px; } #edit-user-form .box:nth-of-type(1) textarea { height: 95px; } #edit-user-form .multiple-form-list input { width: 292px; } #edit-user-form .submit { float: right; padding: 0 0 0 20px; } #edit-user-form .submit button { margin: 0 0 0 30px; } #edit-user-photo { width: 280px; float: left; padding: 0 20px 20px; background: #fff; } #edit-user-photo figure { display: block; margin: 0 -20px; padding: 20px 0 0; background: #f8f6f3; } #edit-user-photo figure img { display: block; margin: 0 auto; } #edit-user-photo figcaption { padding: 20px; background: #fff; overflow: hidden; } #edit-user-photo figcaption span { display: inline-block; max-width: 230px; } #edit-user-photo .link-remove { float: right; } #edit-user-photo .link-change-photo { float: none; padding-left: 10px; } #addproject-form .special-detection { display: inline-block; width: 190px; padding: 10px 0 10px 20px; border: 1px dashed #d8d7d5 } #addproject-form .special-detection + label { margin: 0 0 0 20px; } #addproject-form .special-detection em { display: block; height: 40px; } #addproject-form .special-detection em b { display: inline-block; color: #000; font-weight: normal; font-size: 16px; text-transform: uppercase } #addproject-form .special-detection2 em b { position: relative; margin: 0 0 0 5px; padding: 0 5px; color: #fff; background: #cc2435; z-index: 2 } #addproject-form .special-detection2 em b:before { position: absolute; top: 2px; left: -9px; width: 24px; height: 22px; background: url(/images/bg-banner.png) no-repeat; content: ''; z-index: -1 } #addproject-form .special-detection2 em b:after { position: absolute; top: 2px; right: -9px; width: 24px; height: 22px; background: url(/images/bg-banner.png) no-repeat 100%; content: ''; z-index: -1 } #addproject-form .special-detection.jact { border-color: #a19e98 } #addproject-form .special-detection .jform { margin: 0 2px 0 -3px; } #addproject-form .special-detection .list-type1 { margin: 0 20px; } #addproject-summary { padding: 20px; background: #fff; } .summary-list { margin: 0 -20px; padding: 20px 20px 0; overflow: hidden } .summary-list + dl { margin-top: 20px; padding-top: 25px; border-top: 1px dashed #b3aeaa } .summary-list dt { width: 161px; float: left; clear: both; margin: 0 0 20px; } .summary-list dt.split { margin-top: 20px; } .summary-list dt.split ~ dd { margin-top: 20px; } .summary-list dd { float: left; margin: 0 40px 20px 0; color: #000; } .summary-list b { display: inline-block; width: 70px; color: #645e58; font-size: 24px; } .summary-list img { display: inline-block; margin: 0 10px 0 0; vertical-align: middle } .summary-list strong { font-weight: normal; font-size: 16px; } #project-slider { position: relative; margin: 0 0 10px; padding: 0 0 60px; } #project-slider .slider { height: 421px; } #project-slider .slider li { position: absolute; top: 0; left: 100%; width: 100%; } #project-slider .slider li:first-child { left: 0 } #project-slider .card-sponsor { z-index: 3; } #project-slider .card-sponsor::after { display: none; } #project-slider .card-sponsor ~ .card-categories { top: 340px; right: 30px; left: auto; } #project-slider .card-categories { position: absolute; top: 10px; right: auto; left: 10px; z-index: 3 } #project-slider .card-categories li { float: left; list-style-type: none } #project-slider .nav-visual { display: block; position: absolute; right: 60px; bottom: 15px; left: 60px; text-align: center } #project-slider .nav-visual li { display: inline-block; width: 15px; height: 15px; margin: 0 7px; background: url(/images/bg-nav-visual.png) no-repeat; list-style-type: none; text-indent: -100em; overflow: hidden; cursor: pointer } #project-slider .nav-visual .act { background-position: 0 100%; } #project-slider .link-category { width: 159px; height: 50px; background: url(../images/bg-grad2.png); } #project-slider .link-visual { top: auto; bottom: 0; margin: 0; } #gallery-slider { position: relative; } #gallery-slider li { margin: 0; padding: 0 1px 0 0; list-style-image: none } #gallery-slider .link-visual { margin: -25px 10px 0; } .slider { position: relative; z-index: 1 } .slider img { display: block; } .slider-wrap { overflow: hidden; } .slider-wrap li { float: left; list-style-type: none } .slider-wrap ~ .nav-visual { display: none; } .slider-wrap ~ .link-visual { position: absolute; top: 50%; width: 33px; height: 50px; margin: -25px 0 0; background: url(../images/icon-nav-visual.png) no-repeat; text-indent: -100em; overflow: hidden; z-index: 2 } .slider-wrap ~ .link-prev { left: 20px; } .slider-wrap ~ .link-next { right: 20px; background-position: 100% 0 } #project-mod h3 { text-transform: uppercase } #form-register-article { width: 460px; float: right; } #form-register-article h4 { text-transform: uppercase } #benefit-type1-mod { position: relative; height: 185px; margin: 40px 0 0; padding: 35px 0 0 220px; background: url(/images/img-people1.png) no-repeat 20px 20px; } #benefit-type1-mod:before { position: absolute; top: -20px; left: -20px; content: url(/images/bg-rim1.png); z-index: -1 } #benefit-type1-mod h4 { margin: 0 0 20px; padding: 0; } #benefit-type2-mod { position: relative; height: 215px; padding: 35px 0 0 220px; background: url(/images/img-man1.png) no-repeat -20px 30px; } #benefit-type2-mod:before { position: absolute; top: 0; left: -20px; content: url(/images/bg-rim2.png); z-index: -1 } #benefit-type3-mod { position: relative; height: 215px; padding: 65px 0 0 40px; } #benefit-type3-mod:before { position: absolute; top: 0; left: 0; content: url(/images/bg-rim3.png); z-index: -1 } #benefit-type4-mod { position: relative; height: 265px; padding: 45px 0 0 220px; background: url(/images/img-man2.png) no-repeat -20px 30px; } #benefit-type4-mod:before { position: absolute; top: 0; left: -20px; content: url(/images/bg-rim4.png); z-index: -1 } #search-tip-mod { position: relative; width: 602px; height: 220px; margin: 0 auto; padding: 25px 0 0 60px; } #search-tip-mod:before { position: absolute; top: 0; left: -20px; content: url(/images/bg-rim6.png); z-index: -1 } #search-tip-mod h4 { margin: 0 0 20px; text-transform: uppercase } #search-tip-mod li { margin: 0 0 20px; } #error-404 { margin: -40px 0 0; padding: 40px 0; background: url(/images/img-people-404.png) no-repeat 100% 0; } #error-404 h2 { margin: 0 0 40px; color: #000 } #error-mod { position: relative; height: 285px; padding: 45px 0 0 40px; } #error-mod h4 { margin: 0 0 20px; padding: 0; text-transform: uppercase } #error-mod li { margin-bottom: 5px; } .mod-support { position: relative; width: 450px; min-height: 200px; float: left; margin: 0 0 20px; padding: 20px; background: url(/images/bg-mod-support.png) no-repeat 0 100%; } .mod-support:before { position: absolute; top: -5px; left: 50%; width: 129px; height: 5px; margin: 0 0 0 -65px; background: url(/images/bg-side-shadow2.png) no-repeat; content: ''; } .mod-support h2 { margin: 0 0 20px } .mod-support ul { line-height: 24px; margin: 0; padding: 0; } .mod-support ul li { width: 178px; float: left; padding: 0 0 5px 30px; color: #000; background: url(/images/icon-arrow.png) no-repeat 0 3px; list-style-type: none; } .mod-support ul li:nth-child(2n+2) { float: right; } .collapse-list { background: #fff; } .collapse-list > li { position: relative; margin: 0; padding: 10px 20px 20px; background: url(/images/bg-inner-shadow-650.png) no-repeat; list-style-type: none; list-style-image: none } .collapse-list > li:first-child { background: none; } .collapse-list > li:first-child:before, .collapse-list > li:first-child:after { display: none; } .collapse-list > li:before { position: absolute; top: -32px; left: -5px; width: 5px; height: 64px; background: url(/images/bg-side-shadow.png) no-repeat; content: ''; } .collapse-list > li:after { position: absolute; top: -32px; right: -5px; width: 5px; height: 64px; background: url(/images/bg-side-shadow.png) no-repeat 100% 0; content: ''; } .collapse-list > li > strong { display: block; position: relative; margin: 0 -10px; padding: 5px 60px 5px 10px; color: #bf1e2e; font-weight: normal; font-size: 18px; cursor: pointer } .collapse-list > li > div { display: none; } .collapse-list .ext-close-link { position: absolute; top: 10px; right: 10px; height: 30px; line-height: 30px; padding: 0 30px 0 10px; color: #bf1e2e; background: url(/images/icon-arrow3.png) no-repeat 100% 100%; font-size: 14px; text-transform: lowercase; cursor: pointer } .collapse-list .act .ext-close-link { background-position: 100% 0 } .faq-list li { position: relative; padding: 20px; background: #fff url(/images/bg-inner-shadow-650.png) no-repeat; list-style-type: none } .faq-list h6 { max-width: 520px; float: left; margin: 0; font-size: 18px; } .faq-list h6 a { color: #5e5852; } .faq-list p { margin: 10px 0; } .faq-list time { float: right; color: #c6c2bb; font-size: 18px; } .faq-list article { clear: both; margin: 0; padding: 30px 0 0; color: #000; } .news-list li { position: relative; padding: 20px 20px 20px 180px; background: #fff url(/images/bg-inner-shadow-650.png) no-repeat; list-style-type: none } .news-list h6 { margin: 0; font-size: 18px; } .news-list h6 a { } .news-list time { position: absolute; top: 20px; left: 20px; color: #c6c2bb; font-size: 18px; } .news-list article { clear: both; margin: 0; padding: 0; color: #000; } .news-list .link-more { margin: 0; } .media-links-list { margin: -20px 0; font-size: 16px; } .media-links-list li { margin: 0 -20px; padding: 10px 20px; background: url(/images/bg-inner-shadow-320.png) no-repeat; } .media-links-list li:first-child { background: none; } .media-links-list a { display: inline-block; min-height: 41px; line-height: 41px; padding: 0 0 0 50px; } .media-links-list span { display: inline-block; line-height: 18px; vertical-align: middle; } .download-list { margin: -20px 0; font-size: 16px; } .download-list li { margin: 0 -20px; padding: 10px 20px; background: url(/images/bg-inner-shadow-320.png) no-repeat; } .download-list li:first-child { background: none; } .download-list a { display: inline-block; min-height: 41px; line-height: 41px; padding: 0 0 0 50px; } .download-list span { display: inline-block; line-height: 18px; vertical-align: middle; } .list-type1 li { padding: 0 0 5px 30px; background: url(/images/icon-arrow.png) no-repeat 0 3px; list-style-type: none; list-style-image: none; } .list-type-tip { margin: 0 35px } .list-type-tip li { margin: 0 0 10px; padding: 15px 0 10px 55px; background: url(/images/icon-bulb.png) no-repeat 0 3px; list-style-type: none; list-style-image: none; } .mod-page-view h6 { display: inline-block; margin: 0 20px 0 0; font-size: 18px; text-transform: uppercase } .mod-page-view ul, .mod-page-view li { display: inline-block; margin: 0 10px 0 0; padding: 0; background: none; } .pagination { clear: both; padding: 20px 0; text-align: center } .pagination li { display: inline-block; margin: 0 -1px; } .pagination a { display: block; width: 43px; height: 43px; line-height: 43px; background: #fff; font-size: 18px; } .pagination .act a { color: #000; background: #f4f3f1; } .pagination a[rel] { width: auto; margin: 0 20px; background: none; font-size: 14px; } /* aside */ aside { position: relative; } aside .item-card { margin-top: -4px; } aside [data-ralation] { position: absolute; left: 0; } aside .mod > .link-more:last-child { float: left; } .mod #payment-form fieldset { padding-bottom: 0 } .mod #payment-form fieldset > .box-mark { background: url(../images/bg-payment-box-extra.png) no-repeat } .mod #payment-form fieldset > .box-mark h2 { margin: 10px 0 60px; } .mod #payment-form fieldset > .box-mark .input { display: inline-block; } .mod #payment-form fieldset > .box-mark label { display: none; } .mod #payment-form fieldset > .box-mark input { width: 55px; } .mod #payment-form fieldset > .box-mark button { margin: 0; } .mod #payment-form fieldset > .box-mark .link { display: block; clear: both; } .mod #payment-form fieldset .submit { float: right; margin: 0; } .mod #payment-form table { width: 320px; } .mod #payment-form table .box { width: auto; float: none; } .mod #payment-form table h4 { display: block; line-height: 18px; margin: 0; font-size: 14px; } .mod #payment-form table h4 a { color: #000 } .mod #payment-form table label { width: 80px; padding: 5px 0 0; } .mod #payment-form table .jform { display: none; } .mod #payment-form table p { display: none; margin: 0 0 0 -100px; padding: 10px 0 0; } .mod #payment-form table .expired * { color: #645e58; } .mod #payment-form table .expired h4 { color: #645e58 } .mod #payment-form table .expired .link-more { color: #bf1e2e; } .mod #payment-form table tr:hover td { border: solid #cacac9; background: #f4f3f1; } .mod #payment-form table tr:hover td:first-child { border-width: 1px 0 1px 1px; } .mod #payment-form table tr:hover td:first-child .box { } .mod #payment-form table tr:hover td:last-child { border-width: 1px 1px 1px 0; } .mod #payment-form table tr:hover td:last-child .box { margin-right: -1px; } .mod #payment-form .link-more { margin: 0; color: #bf1e2e; cursor: pointer } .mod-abuse { display: block; padding: 20px; background: #faf9f8; text-align: right } .mod-about { line-height: 22px; } .mod-about img { display: block; } .mod-about .box-mark { padding-top: .25em; } .mod-tips h4 { position: relative; line-height: 36px; padding-left: 45px; } .mod-tips h4:before { position: absolute; top: 0; left: -10px; content: url(/images/icon-bulb2.png) } .mod-tips h4 span { display: inline-block; line-height: 18px; } .mod-tips .list-type1 { margin: 0 0 0 45px; } .mod-project-card { margin: 0 0 30px } .mod-project-card > .box { position: relative; margin: 0 0 66px; padding: 0 20px; } .mod-project-card > .box:after { position: absolute; top: 100%; left: 0; content: url(../images/bg-project-card.png); z-index: -1 } .mod-project-card .box-mark { margin: 0 -20px; } .mod-project-card .box-mark:first-child { width: 320px; padding: 10px 0 20px; background: url(../images/bg-project-card-mark.png) no-repeat; } .mod-project-card .box-mark:first-child:before, .mod-project-card .box-mark:first-child:after { display: none; } .mod-project-card .card-data { position: relative; height: auto; vertical-align: bottom; white-space: nowrap; } .mod-project-card .card-data li { display: inline-block; width: 33%; float: none; padding-top: 44px; text-align: center; white-space: normal; } .mod-project-card .card-data li span:first-child { position: absolute; top: 0; width: 33%; } .mod-project-card .card-data img { display: block; width: auto; height: auto; margin: 0 auto 10px; } .mod-project-card .card-data img + span { display: block; color: #514b45; font-size: 16px } .mod-project-card .card-data span { display: block; margin: 0 0 20px; font-size: 18px; } .mod-project-card .card-data:hover img { width: auto; height: auto; padding: 0; } .mod-project-card .card-data:hover img + span { display: block; color: #514b45; } .mod-project-card .card-progress { height: auto; margin: 0 0 10px; } .mod-project-card .card-progress ~ span { display: inline-block; margin: 0 0 10px } .mod-project-card .card-progress ~ span + span { float: right } .mod-project-card .card-progress ~ span b { display: block; color: #000; font-weight: normal; font-size: 18px; } .mod-project-card .card-progress[data-progress="special"] { margin: 0 0 10px; border-bottom: 1px solid #f6f3f0; text-align: center; } .mod-project-card .card-progress[data-progress="special"] a { display: inline-block; margin: 10px 0; } .mod-project-card .msg-done { display: block; margin: 0 0 -30px; padding: 10px 0; border-bottom: 1px solid #f6f3f0; font-weight: normal; text-align: center; } .mod-project-card .link-action { position: relative; display: block; margin: 20px auto -35px; color: #605a54; font-size: 30px; text-transform: uppercase; text-align: center } .mod-project-card .link-suggest { position: relative; margin: 20px 0 7px; } .mod-project-card .link-suggest:before { position: absolute; top: -20px; right: 100%; margin: 0 20px 0 0; content: url(../images/icon-patron.png); } .mod-author img { float: left; margin: 0 10px 0 0; } .mod-author span { display: block; margin: 0 0 10px; color: #000; text-transform: uppercase; } .mod-author span span { display: inline-block; width: 80px; margin: 0; } .mod-author span + span { margin: 0 0 18px; } .mod-author strong { font-weight: normal; font-size: 14px; } .mod-patrons .box { width: 100%; padding: 0; background: none; } .mod-patrons ul { margin: 0 0 10px; overflow: hidden } .mod-patrons li { width: 100px; height: 100px; float: left; margin: 0 10px 10px 0; list-style-type: none } .mod-patrons li:nth-child(3n+3) { margin-right: 0; } .mod-patrons .link-more { margin: 0; } .mod #contact-mod h3:first-child { text-transform: uppercase } .mod #contact-mod h3 { line-height: 24px; margin: 0 0 10px; padding: 10px 0 0; border-top: 1px dashed #BBBAB7; font-size: 20px; text-transform: none; } .mod #contact-mod .mod-contact { margin: 0 0 10px; padding: 0 10px 10px; border: 0 } .mod-under-patrons .box { background: none } .mod-under-patrons ul { margin: 0 -10px 0 0; } .mod-under-patrons li { float: left; margin: 0 10px 10px 0; list-style-type: none; } /* footer */ footer { position: relative; padding: 30px -webkit-calc( (100% - 982px) / 2 ); padding: 30px calc( (100% - 982px) / 2 ); background: #fff; } footer:before { position: absolute; bottom: 100%; left: 0; width: 100%; height: 16px; background: url(/images/bg-footer.png); content: ''; } footer h6 { margin: 0 0 14px; font-size: 23px; text-transform: uppercase } footer .mod { width: 278px; height: 222px; float: right; padding: 20px; border: 1px solid #e2e1df } /* newsletter */ footer form { position: relative; margin: 0 0 20px; padding: 38px 0 20px; border-bottom: 1px solid #e2e1df } footer form a { display: inline-block; clear: both; margin: 5px 0 0; } footer form fieldset { height: 84px } footer legend { position: absolute; top: 0; left: 0; display: block; margin: 0; padding: 0; font-size: 23px; text-transform: uppercase } footer label { display: block; margin: 0 0 5px; color: #928d85; } footer input { width: 179px; height: 26px; line-height: 26px; float: left; padding: 5px; border: 1px solid #f0eeeb; background: #f8f6f3; box-shadow: inset 0 2px 3px #c6c5c2 } footer button { height: 36px; line-height: 36px; float: right; padding: 0 20px 0 10px; border: 1px solid #d4d1cc; color: #bf1e2e; background: #f4f3f1 url(/images/bg-btn.png) no-repeat 100% -36px; font-size: 16px; text-transform: uppercase; text-align: left; } footer form .note > div { width: auto; height: 63px; padding-left: 65px; overflow: visible; } footer form .note > div:before { left: -10px; } /* pierwszy moduł stopki */ footer .mod:first-child ul { text-align: center } footer .mod:first-child li:first-child { float: left; } footer .mod:first-child li:last-child { float: right; } footer .mod:first-child li { display: inline-block } /* ostatni moduł stopki */ footer .mod:last-child { width: 298px; padding-right: 0; } footer .mod:last-child li a { display: inline-block; height: 50px; line-height: 50px; padding: 0 0 0 60px; } footer .link-support { background: url(/images/icon-support.png) no-repeat 0 50%; } footer .link-meet { background: url(/images/icon-meet.png) no-repeat 10px 50%; } footer .link-add { background: url(/images/icon-add.png) no-repeat 10px 50%; } /* wtyczka Facebook Likebox */ footer .fb-like-box { float: right; margin: 0 10px; } footer small { display: block; margin: 10px 0 0; color: #928d85; font-size: 14px; } footer small img { display: inline-block; vertical-align: middle }