/* Theme Name: Fly4free Theme URI: http://www.fly4free.pl Author: Netcutstudio.pl Version: 1.0 Tags: clean, blue, red */ *, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } h1, h2, h3, h4, h5, h6, p, blockquote, pre, dl, dd, ol, ul, form, fieldset, legend, table, th, td, caption, hr { margin: 0; padding: 0; } ul, ol { list-style: none; } img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; } html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { margin: 0; } a:focus { outline: thin dotted; } a:active, a:hover { outline: 0; } b, strong { font-weight: bold; } fieldset, legend { border: 0; } button, input, select, textarea { font-family: inherit; font-size: 100%; margin: 0; } button, input { line-height: normal; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; } table { border-collapse: collapse; border-spacing: 0; } small { font-size: 85%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } .cf:before, .advertisement-cols:before, .main:before, .entry:before, .comment:before, .newsletter-form:before, .tab-container:before, .form__row:before, .form--newsletter:before, .team-profile:before, .counters:before, .cf:after, .advertisement-cols:after, .main:after, .entry:after, .comment:after, .newsletter-form:after, .tab-container:after, .form__row:after, .form--newsletter:after, .team-profile:after, .counters:after { content: ""; display: table; } .cf:after, .advertisement-cols:after, .main:after, .entry:after, .comment:after, .newsletter-form:after, .tab-container:after, .form__row:after, .form--newsletter:after, .team-profile:after, .counters:after { clear: both; } .cf, .advertisement-cols, .main, .entry, .comment, .newsletter-form, .tab-container, .form__row, .form--newsletter, .team-profile, .counters { *zoom: 1; } .spol-button, .prites-sprite, .slide-icon--gplus, .slide-icon--facebook, .slide-icon--android, .slide-icon--ios, .tab-icon--plane, .tab-icon--auto, .tab-icon--hotel, .tab--active .tab-icon--plane, .tab--active .tab-icon--auto, .tab--active .tab-icon--hotel, .tab-icon--lm, .vote-icon--up, .vote-icon--down, .vote-up--active .vote-icon--up, .vote-down--active .vote-icon--down, .print:after, .social-icon--gplus, .social-icon--facebook, .social-icon--twitter, .social-icon--rss, .site-logo, .deal-promo:after, .nav a:before, .nav a.active:after, .search-form .search-form__button:after, .article__content blockquote:after, .article__content ul li:after, .comments__add-form .link--fb-connect:after, .list--3 .author:after, .gallery__image-big .next, .gallery__image-big .prev, .gallery__nav .prev, .gallery__nav .prev:hover, .gallery__nav .next, .gallery__nav .next:hover, .slide-box--android .link--download, .slide-box--ios .link--download, .modal__close, .cookie-info__close:after, .related__inner .prev, .related__inner .prev:hover, .related__inner .next, .related__inner .next:hover { background: url('img/sprites-s99887766.png') no-repeat; } .list--2 .list__item, .list--3 .list__item, .scrollable .item > a { display: block; position: relative; text-decoration: none; } .list--2 .list__item:hover .title, .list--3 .list__item:hover .title { text-decoration: underline; } .hide-text, .slide-icon--gplus, .slide-icon--facebook, .slide-icon--android, .slide-icon--ios, .tab-icon--plane, .tab-icon--auto, .tab-icon--hotel, .tab--active .tab-icon--plane, .tab--active .tab-icon--auto, .tab--active .tab-icon--hotel, .tab-icon--lm, .vote-icon--up, .vote-icon--down, .vote-up--active .vote-icon--up, .vote-down--active .vote-icon--down, .print:after, .social-icon--gplus, .social-icon--facebook, .social-icon--twitter, .social-icon--rss, .site-logo, .deal-promo:after, .nav a:before, .nav a.active:after, .search-form .search-form__button, .search-form .search-form__button:after, .article__content blockquote:after, .article__content ul li:after, .comments__add-form .link--fb-connect:after, .list--3 .author:after, .gallery__image-big .next, .gallery__image-big .prev, .gallery__nav .prev, .gallery__nav .prev:hover, .gallery__nav .next, .gallery__nav .next:hover, .slide-box--android .link--download, .slide-box--ios .link--download, .modal__close, .cookie-info__close:after, .related__inner .prev, .related__inner .prev:hover, .related__inner .next, .related__inner .next:hover { color: transparent; font: 0/0 a; text-shadow: none; } .col { float: left; } .col-1 { width: 100%; } .col-1-2 { width: 50%; } .col-1-3 { width: 33.333333%; } .col-1-4 { width: 25%; } .media { position: relative; } .media--photo { overflow: hidden; position: relative; left: 0; top: 0;} img.opacited{position:relative;top:0;left:0;opacity:0.6;filter:alpha(opacity=60);} img.stamp{position:absolute;left:0;top:0} img.desaturate{ -webkit-filter: grayscale(100%); filter: grayscale(100%); filter: gray; filter: url("data:image/svg+xml;utf8,#greyscale"); } .button, .pagination .first, .wp-pagenavi .first, .pagination .last, .wp-pagenavi .last, .pagination .nextpostslink, .wp-pagenavi .nextpostslink, .pagination .previouspostslink, .wp-pagenavi .previouspostslink, .pagination .prev, .wp-pagenavi .prev, .pagination .next, .wp-pagenavi .next { border: 0; display: inline-block; *display: inline; *zoom: 1; -webkit-font-smoothing: antialiased; } .button--1 { background-color: #f4f4f4; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f9f9f9), color-stop(100%, #e9e9e9)); background-image: -webkit-linear-gradient(#f9f9f9, #e9e9e9); background-image: -moz-linear-gradient(#f9f9f9, #e9e9e9); background-image: -o-linear-gradient(#f9f9f9, #e9e9e9); background-image: linear-gradient(#f9f9f9, #e9e9e9); -webkit-box-shadow: 0 1px 0 white inset, 0 1px 1px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 1px 0 white inset, 0 1px 1px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 0 white inset, 0 1px 1px rgba(0, 0, 0, 0.15); -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; border: 1px solid #cbcbcb; border-bottom-color: #b5b5b5; font-size: 0.8125em; font-weight: bold; height: 36px; line-height: 35px; padding: 0 12px; } .button--2, .wpcf7-submit, .pagination .first, .wp-pagenavi .first, .pagination .last, .wp-pagenavi .last, .pagination .nextpostslink, .wp-pagenavi .nextpostslink, .pagination .previouspostslink, .wp-pagenavi .previouspostslink, .pagination .prev, .wp-pagenavi .prev, .pagination .next, .wp-pagenavi .next { background-color: #dc4b3c; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #df4f40), color-stop(100%, #d23d31)); background-image: -webkit-linear-gradient(#df4f40, #d23d31); background-image: -moz-linear-gradient(#df4f40, #d23d31); background-image: -o-linear-gradient(#df4f40, #d23d31); background-image: linear-gradient(#df4f40, #d23d31); -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; border: 1px solid #db766b; border-color: #db766b #d76f65 #bc4e46; color: white; font-size: 0.8125em; font-weight: bold; height: 36px; line-height: 35px; padding: 0 12px; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.08); } .button--2:hover, .wpcf7-submit:hover, .pagination .first:hover, .wp-pagenavi .first:hover, .pagination .last:hover, .wp-pagenavi .last:hover, .pagination .nextpostslink:hover, .wp-pagenavi .nextpostslink:hover, .pagination .previouspostslink:hover, .wp-pagenavi .previouspostslink:hover, .pagination .prev:hover, .wp-pagenavi .prev:hover, .pagination .next:hover, .wp-pagenavi .next:hover { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fc765f), color-stop(100%, #c4564e)); background-image: -webkit-linear-gradient(#fc765f, #c4564e); background-image: -moz-linear-gradient(#fc765f, #c4564e); background-image: -o-linear-gradient(#fc765f, #c4564e); background-image: linear-gradient(#fc765f, #c4564e); } .slide-icon { position: absolute; left: -33px; } .slide-icon--gplus { background-position: -185px 0; display: block; height: 39px; width: 33px; bottom: 8px; } .slide-icon--facebook { background-position: -152px 0; display: block; height: 39px; width: 33px; top: 8px; } .slide-icon--android { background-position: -140px -157px; display: block; height: 39px; width: 32px; bottom: 8px; } .slide-icon--ios { background-position: -172px -157px; display: block; height: 39px; width: 32px; top: 8px; } .tab-icon--plane { background-position: -169px -39px; display: inline-block; vertical-align: middle; height: 21px; position: relative; top: -2px; width: 22px; margin-right: 10px; } .tab-icon--auto { background-position: -171px -62px; display: inline-block; vertical-align: middle; height: 21px; position: relative; top: -2px; width: 28px; margin-right: 10px; } .tab-icon--hotel { background-position: 0 0; display: inline-block; vertical-align: middle; height: 23px; position: relative; top: -2px; width: 24px; margin-right: 10px; } .tab--active .tab-icon--plane { background-position: -147px -39px; display: inline-block; vertical-align: middle; height: 21px; position: relative; top: -2px; width: 22px; } .tab--active .tab-icon--auto { background-position: -142px -62px; display: inline-block; vertical-align: middle; height: 21px; position: relative; top: -2px; width: 28px; } .tab--active .tab-icon--hotel { background-position: -24px 0; display: inline-block; vertical-align: middle; height: 23px; position: relative; top: -2px; width: 24px; } .tab-icon--lm { background-position: -108px -39px; display: inline-block; vertical-align: middle; height: 18px; position: relative; top: -2px; width: 20px; margin-right: 10px; } .vote-icon { margin: 3px auto 0; } .vote-icon--up { background-position: -60px -39px; display: block; height: 13px; width: 11px; } .vote-icon--down { background-position: -82px -39px; display: block; height: 13px; width: 11px; margin-top: 4px; } .vote-up--active .vote-icon--up { background-position: -71px -39px; display: block; height: 13px; width: 11px; margin-top: 4px; } .vote-icon--down { background-position: -82px -39px; display: block; height: 13px; width: 11px; margin-top: 4px; } .vote-down--active .vote-icon--down { background-position: -49px -39px; display: block; height: 13px; width: 11px; margin-top: 5px; } .print { padding-left: 21px; position: relative; } .print:after { background-position: -10px -39px; display: block; height: 13px; width: 15px; content: ""; position: absolute; top: 0; left: 0; } .print:hover { text-decoration: underline; } /** Social icons */ .social-icon { margin: 0 4px; } .social-icon--gplus { background-position: 0 -380px; display: inline-block; vertical-align: middle; height: 43px; width: 43px; } .social-icon--facebook { background-position: 0 -61px; display: inline-block; vertical-align: middle; height: 43px; width: 43px; } .social-icon--twitter { background-position: -86px -380px; display: inline-block; vertical-align: middle; height: 43px; width: 43px; } .social-icon--rss { background-position: -43px -380px; display: inline-block; vertical-align: middle; height: 43px; width: 43px; } .advertisement { margin: 15px 0; text-align: center; } .advertisement img, .advertisement object, .advertisement embed { margin: 0 auto; } .sidebar .advertisement:first-child { margin-top: 0; } .advertisement--top { margin: 0 auto; padding: 15px 10px 20px; position: relative; width: 100%; } .advertisement--top:before { background: url("img/bg2.png") 0 0 repeat-x; content: ""; height: 311px; position: absolute; bottom: 42px; left: 0; width: 100%; } .advertisement--top:after { background: url("img/bg1.png") 0 0 no-repeat; content: ""; height: 311px; position: absolute; bottom: 42px; left: 0; width: 100%; } .advertisement--top .inner { margin: 0 auto; position: relative; width: 980px; z-index: 1; } .advertisement--article { margin: 20px 0; } .advertisement-cols { border-bottom: 1px dotted #d3d5d0; padding: 0 0 15px; } #adfloor { display: none; } #adfloor-bar { position: fixed; bottom: 0; width: 100%; height: 200px; background-color: black; opacity: 0.6; } #adfloor-content { position: fixed; bottom: 0; width: 100%; } .pagination, .wp-pagenavi { border-bottom: 1px dashed #d3d5d0; height: 58px; margin-bottom: 15px; padding: 12px 0; text-align: right; } .pagination .pages, .wp-pagenavi .pages { float: left; font-size: 0.75em; font-weight: bold; margin: 10px 0 0; } .pagination a, .wp-pagenavi a { font-size: 0.75em; padding: 7px; } .pagination a:hover, .wp-pagenavi a:hover { text-decoration: underline; } .pagination .current, .wp-pagenavi .current { font-size: 12px; font-size: 0.75rem; font-weight: bold; padding: 7px; } .pagination .extend, .wp-pagenavi .extend { font-size: 0.75em; padding: 7px; } .pagination .first, .wp-pagenavi .first, .pagination .last, .wp-pagenavi .last, .pagination .nextpostslink, .wp-pagenavi .nextpostslink, .pagination .previouspostslink, .wp-pagenavi .previouspostslink, .pagination .prev, .wp-pagenavi .prev, .pagination .next, .wp-pagenavi .next { height: 31px; line-height: 31px; vertical-align: middle; } .pagination .first, .wp-pagenavi .first, .pagination .previouspostslink, .wp-pagenavi .previouspostslink, .pagination .prev, .wp-pagenavi .prev { margin-right: 17px; } .pagination .last, .wp-pagenavi .last, .pagination .nextpostslink, .wp-pagenavi .nextpostslink, .pagination .next, .wp-pagenavi .next { margin-left: 17px; } .pagination--comments { text-align: center; } .bar--1 { color: #676b74; font-family: "Open Sans", "Helvetica Neue", HelveticaNeue, Arial, sans-serif; font-weight: 600; font-size: 1.125em; font-weight: normal; margin-bottom: 12px; text-transform: uppercase; } .bar--2, .bar--3 { background-color: #e14743; color: white; font-family: "Open Sans", "Helvetica Neue", HelveticaNeue, Arial, sans-serif; font-weight: 600; font-size: 1em; font-weight: normal; height: 33px; line-height: 33px; margin-bottom: 11px; padding: 0 10px; position: relative; text-transform: uppercase; width: 315px; } .bar--2:after, .bar--3:after { border: 7px solid transparent; border-color: #aa4947 transparent transparent #aa4947; content: ""; position: absolute; top: 100%; right: 0; } .bar--3 { background-color: #70b9f1; } .bar--3:after { border-color: #4692cc transparent transparent #4692cc; } .bar--3 span { font-family: "Open Sans", "Helvetica Neue", HelveticaNeue, Arial, sans-serif; font-weight: 300; } .bar--4, .bar--5, .bar--6, .bar--7 { background-color: #70b9f1; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; color: white; font-family: "Open Sans", "Helvetica Neue", HelveticaNeue, Arial, sans-serif; font-weight: 600; font-size: 0.875em; font-weight: normal; height: 30px; line-height: 30px; margin: 0 0 18px -15px; padding: 0 10px 0 15px; position: relative; text-transform: uppercase; } .bar--4:after, .bar--5:after, .bar--6:after, .bar--7:after { border: 7px solid transparent; border-color: #488cc0 #488cc0 transparent transparent; content: ""; position: absolute; top: 100%; left: 0; } .bar--4 h1, .bar--5 h1, .bar--6 h1, .bar--7 h1 { display: inline; font-size: 1em; } .bar--5 { background-color: #5c8cc3; } .bar--5:after { border-color: #205b88 #205b88 transparent transparent; } .bar--6 { background-color: #47bfa4; } .bar--6:after { border-color: #37937e #37937e transparent transparent; } .bar--7 { background-color: #e14743; } .bar--7:after { border-color: #aa4947 #aa4947 transparent transparent; } .bar a { color: white; } html { height: 100%; } body { background: white; color: #3e3e3e; font-family: "Helvetica Neue", Arial, sans-serif; height: 100%; } a { color: #305995; text-decoration: none; } .wrap { background: url("img/bg3.jpg") 50% 100% no-repeat; min-height: 100%; overflow: hidden; padding: 71px 0 130px; position: relative; min-width: 1010px; } .main { margin: 0 auto; padding: 0 15px; width: 1010px; } .content { float: left; width: 650px; } .sidebar { float: right; width: 300px; } .separator { color: #9c9c9c; margin: 0 4px; } .separator--vertical { border: 0; border-bottom: 1px dotted #d3d5d0; clear: both; margin: 15px 0; } .top { background-color: white; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); height: 71px; position: absolute; top: 0; left: 0; width: 100%; z-index: 5; } .top .inner { margin: 0 auto; padding: 0 10px; position: relative; width: 1000px; } .top--fixed { position: fixed; } .site-logo { background-position: 0 -157px; display: block; height: 45px; width: 118px; float: left; margin: 11px 12px 0 0; } .deal-promo { float: right; font-size: 0.75em; margin: 22px 0 0 15px; padding-left: 45px; position: relative; width: 160px; } .deal-promo:after { background-position: -204px -157px; display: block; height: 41px; width: 38px; content: ""; position: absolute; top: -9px; left: 0; } .deal-promo:hover span { text-decoration: underline; } .deal-promo span { display: block; font-weight: bold; font-size: 1.08333em; } .deal-promo span:after { content: "\00bb"; display: inline-block; margin-left: 3px; } .nav { float: left; margin-left: -10px} .nav a { color: #636363; float: left; font-family: "Open Sans", "Helvetica Neue", HelveticaNeue, Arial, sans-serif; font-weight: 400; font-size: 0.875em; height: 71px; line-height: 71px; margin-left: 3px; padding: 0 14px; position: relative; text-transform: uppercase; } .nav a:before { background-position: 0 -39px; display: block; height: 4px; width: 4px; content: ""; position: absolute; top: 34px; left: -3px; } .nav a:hover { background-color: #fafafa; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fafafa), color-stop(100%, #ffffff)); background-image: -webkit-linear-gradient(#fafafa, #ffffff); background-image: -moz-linear-gradient(#fafafa, #ffffff); background-image: -o-linear-gradient(#fafafa, #ffffff); background-image: linear-gradient(#fafafa, #ffffff); } .nav a.active:after { background-position: -25px -39px; display: block; height: 10px; width: 16px; content: ""; margin-left: -8px; position: absolute; bottom: 0; left: 50%; } .nav a:first-child:before { display: none; } .nav .link--forum { color: #d24e44; } .nav .link--forum:after { background-color: #d24e44; content: ""; height: 3px; margin-left: -33px; position: absolute; bottom: 0; left: 50%; width: 66px; } .search-form { float: right; margin-top: 18px; } .search-form .search-form__button { -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; -ms-border-radius: 0 3px 3px 0; -o-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; float: left; height: 36px; position: relative; width: 35px; } .search-form .search-form__button:after { background-position: -93px -39px; display: block; height: 15px; width: 15px; content: ""; position: absolute; top: 10px; left: 10px; } .search-form .search-form__button:hover { border-color: #b5b5b5; } .search-form .input { float: left; width: 140px; } .search-form .input:focus, .search-form .input:focus + .search-form__button { border-color: #b5b5b5; } #logon-button {white-space:nowrap;display:none} div.logon-button {float:right;margin-top:18px;width:80px} .entries--sub .entry { padding-left: 15px; padding-right: 15px; } .entries--sub .entry:first-child { padding-top: 10px; } .entry { border-bottom: 1px dashed #d3d5d0; padding: 22px 0 5px; position: relative; } .entry .media--photo { border: 3px solid white; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.28); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.28); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.28); float: left; margin: -5px 20px 15px 0; } .entry:first-child { padding-top: 0; } .entry__title { font-size: 1.375em; margin: 13px 0; } .entry__title a:hover { text-decoration: underline; } .entry__content { font-size: 0.8125em; line-height: 1.30769em; } .entry__content p { margin-bottom: 1em; } .entry__content p a:hover { text-decoration: underline; } .entry__content p:first-child strong, .entry__content p:first-child b { font-weight: normal; } .more-link { font-weight: bold; font-style: normal; white-space: nowrap; } .more-link:after { content: "\00bb"; display: inline-block; margin-left: 3px; } .more-link:hover { text-decoration: underline; } .meta { font-size: 0.6875em; line-height: 1.27273em; } .meta .date { color: #181818; } .meta .link--comments { color: #d24e44; font-weight: bold; white-space: nowrap; } .meta .link--comments:hover { text-decoration: underline; } .meta .link--author { color: #181818; } .meta .link--author, .meta .link--author a { color: #181818; } .meta .link--author:hover, .meta .link--author a:hover { text-decoration: underline; } .entry--hotspot { border: 0; margin-bottom: 15px; padding: 0; } .entry--hotspot .entry__title { margin-top: 10px; } .entry--hotspot .media--photo { -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.18); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.18); box-shadow: 0 0 3px rgba(0, 0, 0, 0.18); border-width: 2px; margin: -2px; } .entry--hotspot .entry__content { background-color: #f8f8f8; background-color: rgba(248, 248, 248, 0.85); padding: 15px; position: absolute; bottom: 0; left: 0; width: 100%; } .entry--hotspot .entry__content p { margin: 0; } .entry--hotspot .entry__content p a:hover { text-decoration: underline; } .results-info { padding: 10px 15px; } .results-info h1 { color: #215384; display: inline; font-size: 1em; } .site-footer { color: #666; font-size: 0.75em; margin: 20px auto 0; padding: 0 15px; width: 1010px; } .site-footer a { color: #124778; } .site-footer a:hover { text-decoration: underline; } .site-footer .right { float: right; } .article { margin: 20px 0; } .article .meta { margin-bottom: 15px; } .article .meta .social { float: right; margin: -3px 0 0; } .article .meta .social div { float: right; } .article__title { font-size: 2.25em; line-height: 1.22222em; margin: 0 30px 15px 0; } .article__content { border-bottom: 1px dotted #d3d5d0; font-family: "Roboto Slab", "Helvetica Neue", HelveticaNeue, Arial, sans-serif; font-weight: 300; font-size: 0.9375em; line-height: 1.6em; } .article__content strong, .article__content b { font-family: "Roboto Slab", "Helvetica Neue", HelveticaNeue, Arial, sans-serif; font-weight: 700; } .article__content img { max-width: 100% !important; } .article__content table { margin-bottom: 1em; } .article__content .media--photo { border: 3px solid white; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.28); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.28); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.28); float: left; margin: 2px 20px 15px 0; overflow: hidden; max-width: 650px; } .article__content .media--photo--big { margin-right: 0; width: 100%} .article__content p { margin-bottom: 1em; } .article__content blockquote { font-style: italic; padding-left: 40px; position: relative; } .article__content blockquote:after { background-position: -191px -39px; display: block; height: 22px; width: 25px; content: ""; position: absolute; top: 4px; left: 0; } .article__content ul { margin-bottom: 1.1em; } .article__content ul li { margin-bottom: 8px; padding-left: 21px; position: relative; } .article__content ul li:after { background-position: -4px -39px; display: block; height: 6px; width: 6px; content: ""; position: absolute; top: 9px; left: 6px; } .article__content ol { margin-bottom: 1.1em; } .article__content ol li { list-style: decimal; margin: 0 0 8px 25px; } .article__content a:hover { text-decoration: underline; } .article__content .alignnone { display: block; height: auto !important; margin: 0 auto -10px; width: 100% !important; } .article__content .aligncenter { display: block; margin: 0 auto; } .article__content .wp-caption { margin-bottom: 10px; } .article__content .wp-caption-text { color: #888; font-size: 0.8em; margin: 0; padding-top: 5px; } .tags { border-bottom: 1px dotted #d3d5d0; font-size: 0.8125em; line-height: 1.53846em; padding-bottom: 15px; } .tags a:hover { text-decoration: underline; } .comments__add-form .inner { overflow: hidden; padding: 0 10px 15px 90px; position: relative; } .comments__add-form .textarea { -webkit-box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.09) inset; -moz-box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.09) inset; box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.09) inset; width: 100%; } .comments__add-form .link--fb-connect { font-size: 0.75em; font-weight: bold; padding-left: 17px; position: absolute; bottom: 25px; left: 94px; } .comments__add-form .link--fb-connect:after { background-position: -41px -39px; display: block; height: 15px; width: 8px; content: ""; position: absolute; top: -1px; left: 0; } .comments__add-form .link--fb-connect:hover { text-decoration: underline; } .comments__add-form .comment__avatar { margin-top: 0; } .comments__add-form .submit { float: right; margin: 15px 0 0; padding-left: 17px; position: relative; text-align: right; } .comments__add-form .submit:after { border-left: 1px solid #d1d1d1; content: ""; height: 25px; margin-top: -12px; position: absolute; top: 50%; left: 0; width: 1px; } .comments__add-form .submit label { font-size: 0.8125em; margin-right: 5px; } .comments__add-form .submit .input { background-color: white; border: 1px solid #b2b2b2; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.09) inset; -moz-box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.09) inset; box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.09) inset; width: 145px; } .comments__add-form .submit .button--2, .comments__add-form .submit .wpcf7-submit, .comments__add-form .submit .pagination .first, .pagination .comments__add-form .submit .first, .comments__add-form .submit .wp-pagenavi .first, .wp-pagenavi .comments__add-form .submit .first, .comments__add-form .submit .pagination .last, .pagination .comments__add-form .submit .last, .comments__add-form .submit .wp-pagenavi .last, .wp-pagenavi .comments__add-form .submit .last, .comments__add-form .submit .pagination .nextpostslink, .pagination .comments__add-form .submit .nextpostslink, .comments__add-form .submit .wp-pagenavi .nextpostslink, .wp-pagenavi .comments__add-form .submit .nextpostslink, .comments__add-form .submit .pagination .previouspostslink, .pagination .comments__add-form .submit .previouspostslink, .comments__add-form .submit .wp-pagenavi .previouspostslink, .wp-pagenavi .comments__add-form .submit .previouspostslink, .comments__add-form .submit .pagination .prev, .pagination .comments__add-form .submit .prev, .comments__add-form .submit .wp-pagenavi .prev, .wp-pagenavi .comments__add-form .submit .prev, .comments__add-form .submit .pagination .next, .pagination .comments__add-form .submit .next, .comments__add-form .submit .wp-pagenavi .next, .wp-pagenavi .comments__add-form .submit .next { vertical-align: middle; } .comments__add-form .submit--old { float: none; padding-left: 0; width: 100%; } .comments__add-form .submit--old:after { display: none; } .comments__add-form .submit--old .input { margin-right: 15px; } .comments__add-form .submit--old .logged-in { float: left; font-size: 0.8125em; margin-top: 9px; } .comments__add-form .submit--old .logged-in a { text-decoration: underline; } .comments__add-form .submit--old .logged-in a:hover { text-decoration: none; } .comment { border-bottom: 1px dotted #d3d5d0; padding: 15px 10px 15px 90px; position: relative; } .comment .meta { margin-bottom: 10px; } .comment .author { color: #383838; font-size: 1.27273em; font-weight: bold; margin-right: 5px; } .comment .date { color: #999; font-size: 1.09091em; } .comment .comments__add-form { margin-top: 20px; } .comment .comments__add-form .inner { padding-bottom: 0; padding-top: 15px; } .comment .comments__add-form .submit { margin-left: -73px; width: 523px; } .children { border-top: 1px dotted #d3d5d0; margin-top: 20px; padding-bottom: 0; } .children .comment { border: 0; padding-left: 73px; } .avatar { -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; float: left; margin: 0 0 0 -73px; } .comment__content { font-size: 0.8125em; line-height: 1.53846em; overflow: hidden; word-break: break-word; word-wrap: break-word; } .comment__content blockquote { border-left: 2px solid #47bfa4; color: #727272; font-style: italic; margin: 15px 100px 15px 20px; padding: 0 0 0 14px; } .comment__content blockquote cite { color: #383838; display: block; font-style: normal; font-weight: bold; } .comment__content a:hover { text-decoration: underline; } .comment__actions { float: right; margin-top: -4px; } .link--reply, .comment-reply-link { border: 1px solid #cbcbcb; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; font-size: 0.6875em; font-weight: bold; padding: 2px 5px 4px; } .link--reply:hover, .comment-reply-link:hover { text-decoration: underline; } .comment__vote { font-size: 0.75em; margin-right: 12px; } .vote-up, .vote-down { background-color: #e6e6e6; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f4f4f4), color-stop(100%, #dddddd)); background-image: -webkit-linear-gradient(#f4f4f4, #dddddd); background-image: -moz-linear-gradient(#f4f4f4, #dddddd); background-image: -o-linear-gradient(#f4f4f4, #dddddd); background-image: linear-gradient(#f4f4f4, #dddddd); border: 1px solid #cbcbcb; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; display: inline-block; *display: inline; *zoom: 1; position: relative; top: -1px; vertical-align: middle; cursor: pointer; height: 23px; margin-left: 10px; position: relative; width: 23px; } .vote-up:hover, .vote-down:hover { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #efefef), color-stop(100%, #d5d5d5)); background-image: -webkit-linear-gradient(#efefef, #d5d5d5); background-image: -moz-linear-gradient(#efefef, #d5d5d5); background-image: -o-linear-gradient(#efefef, #d5d5d5); background-image: linear-gradient(#efefef, #d5d5d5); border-color: #b5b5b5; } .vote-up.active, .vote-up.active:hover, .vote-down.active, .vote-down.active:hover { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dddddd), color-stop(100%, #f4f4f4)); background-image: -webkit-linear-gradient(#dddddd, #f4f4f4); background-image: -moz-linear-gradient(#dddddd, #f4f4f4); background-image: -o-linear-gradient(#dddddd, #f4f4f4); background-image: linear-gradient(#dddddd, #f4f4f4); -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2) inset; -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2) inset; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2) inset; border: 0; cursor: text; } .vote-number { color: #5a5a5a; font-size: 0.75em; font-weight: bold; margin-left: 3pxp; } .comments__list--popular, .comments__list { margin-bottom: 20px; } .comments__list--popular .bar, .comments__list .bar { margin-bottom: 5px; } .comments__list { margin-bottom: 0; } /** Wordpress cancel reply link */ #cancel-comment-reply-link { color: white; float: right; font-size: 12px; padding: 8px; position: relative; z-index: 1; } .side-box { margin-bottom: 15px; } .list--1 { margin-bottom: 20px; } .list--1 li { min-height: 65px; margin-bottom: 19px; padding-left: 117px; position: relative; } .list--1 .media--photo { border: 3px solid white; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.28); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.28); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.28); float: left; margin-left: -117px; } .list--1 .title { display: block; font-size: 0.75em; font-weight: bold; line-height: 1.33333em; margin: 0 5px 3px 0; } .list--1 .title:hover { text-decoration: underline; } .list--2 { margin-bottom: 20px; } .list--2 li { border-top: 1px dashed #d3d5d0; font-size: 0.8125em; } .list--2 li:first-child { border-top: 0; } .list--2 .list__item { padding: 8px 7px; } .list--2 .title { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #2b5aaf; } .list--2 .author { color: #3e3e3e; float: right; font-size: 0.92308em; font-weight: bold; margin-left: 10px; } .list--3 { margin-bottom: 20px; } .list--3 li { font-size: 0.75em; margin-bottom: 5px; } .list--3 .list__item { padding: 10px 0; } .list--3 .title { display: block; font-weight: bold; margin-bottom: 3px; padding: 0 7px; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .list--3 .lead { color: #494949; display: block; padding: 0 7px; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .list--3 .author { border-top: 1px solid #ff5921; color: #3e3e3e; display: block; font-weight: bold; margin-top: 10px; padding: 9px 10px 0 75px; position: relative; } .list--3 .author:after { background-position: -118px -157px; display: block; height: 14px; width: 22px; content: ""; position: absolute; top: -1px; left: 45px; } .gallery { background-color: #f2f2f2; border: 1px solid #e0e0e0; margin-bottom: 20px; padding: 6px 9px; } .gallery__image-desc { font-size: 0.86667em; line-height: 1.69231em; padding: 10px 5px; } .gallery__image-big { background-color: white; border: 1px solid #e0e0e0; position: relative; text-align: center; } .gallery__image-big img { max-width: 100% !important; } .gallery__image-big .next, .gallery__image-big .prev { margin-top: -48px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; position: absolute; top: 50%; -webkit-transition: opacity 0.3s linear; -moz-transition: opacity 0.3s linear; -o-transition: opacity 0.3s linear; transition: opacity 0.3s linear; } .gallery__image-big .next { background-position: -43px -61px; display: block; height: 96px; width: 48px; right: -6px; } .gallery__image-big .prev { background-position: -91px -61px; display: block; height: 96px; width: 48px; left: -6px; } .gallery__image-big:hover .next, .gallery__image-big:hover .prev { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .gallery__nav { font-size: 14px; font-size: 0.875rem; font-weight: bold; margin: 11px 0 5px; text-align: center; } .gallery__nav .prev { background-position: -48px 0; display: inline-block; vertical-align: middle; height: 30px; width: 26px; margin-right: 20px; } .gallery__nav .prev:hover { background-position: -74px 0; display: inline-block; vertical-align: middle; height: 30px; width: 26px; } .gallery__nav .next { background-position: -100px 0; display: inline-block; vertical-align: middle; height: 30px; width: 26px; margin-left: 20px; } .gallery__nav .next:hover { background-position: -126px 0; display: inline-block; vertical-align: middle; height: 30px; width: 26px; } .newsletter-form { margin-bottom: 20px; } .newsletter-form .input { float: left; width: 224px; } .newsletter-form .button--2, .newsletter-form .wpcf7-submit, .newsletter-form .pagination .first, .pagination .newsletter-form .first, .newsletter-form .wp-pagenavi .first, .wp-pagenavi .newsletter-form .first, .newsletter-form .pagination .last, .pagination .newsletter-form .last, .newsletter-form .wp-pagenavi .last, .wp-pagenavi .newsletter-form .last, .newsletter-form .pagination .nextpostslink, .pagination .newsletter-form .nextpostslink, .newsletter-form .wp-pagenavi .nextpostslink, .wp-pagenavi .newsletter-form .nextpostslink, .newsletter-form .pagination .previouspostslink, .pagination .newsletter-form .previouspostslink, .newsletter-form .wp-pagenavi .previouspostslink, .wp-pagenavi .newsletter-form .previouspostslink, .newsletter-form .pagination .prev, .pagination .newsletter-form .prev, .newsletter-form .wp-pagenavi .prev, .wp-pagenavi .newsletter-form .prev, .newsletter-form .pagination .next, .pagination .newsletter-form .next, .newsletter-form .wp-pagenavi .next, .wp-pagenavi .newsletter-form .next { margin-left: -3px; width: 76px; } .slide-box { background-color: #ccc; -moz-border-radius-topleft: 7px; -webkit-border-top-left-radius: 7px; border-top-left-radius: 7px; -moz-border-radius-bottomleft: 7px; -webkit-border-bottom-left-radius: 7px; border-bottom-left-radius: 7px; padding: 5px 0 5px 5px; position: fixed; -webkit-transition: right 0.3s ease-in; -moz-transition: right 0.3s ease-in; -o-transition: right 0.3s ease-in; transition: right 0.3s ease-in; } .slide-box .inner { background-color: white; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; padding: 5px; } .slide-box:hover { right: 0; } .slide-box--gplus { background-color: #c23a30; top: 115px; right: -315px; width: 315px; z-index: 11; } .slide-box--gplus .inner { height: 134px; } .slide-box--facebook { background-color: #3c5a99; top: 270px; right: -205px; width: 205px; z-index: 11; } .iAb { border: 0 !important; } .slide-box--android { background-color: #8ebd30; bottom: 155px; right: -248px; width: 248px; } .slide-box--android .inner { padding: 0; } .slide-box--android .slide-icon { left: -32px; } .slide-box--android .link--download { background-position: 0 -202px; display: block; height: 89px; width: 243px; } .slide-box--ios { background-color: #b6b6b6; bottom: 50px; right: -248px; width: 248px; } .slide-box--ios .slide-icon { left: -32px; } .slide-box--ios .inner { padding: 0; } .slide-box--ios .link--download { background-position: 0 -291px; display: block; height: 89px; width: 243px; } .tabs { background-color: white; border: 1px solid #d4d4d4; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); height: 49px; position: relative; text-align: right; z-index: 1; } .tabs .label { color: #d24e44; float: left; font-size: 1.125em; height: 47px; line-height: 47px; padding: 0 0 0 20px; text-transform: uppercase; } .tab { background-color: #f6f6f6; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f9f9f9), color-stop(100%, #e9e9e9)); background-image: -webkit-linear-gradient(#f9f9f9, #e9e9e9); background-image: -moz-linear-gradient(#f9f9f9, #e9e9e9); background-image: -o-linear-gradient(#f9f9f9, #e9e9e9); background-image: linear-gradient(#f9f9f9, #e9e9e9); -webkit-box-shadow: 0 1px 0 white inset; -moz-box-shadow: 0 1px 0 white inset; box-shadow: 0 1px 0 white inset; border-left: 1px solid #d4d4d4; color: #114678; float: right; font-size: 1.125em; font-weight: bold; height: 47px; line-height: 47px; padding: 0 16px; } .tab:hover { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f4f4f4), color-stop(100%, #e1e1e1)); background-image: -webkit-linear-gradient(#f4f4f4, #e1e1e1); background-image: -moz-linear-gradient(#f4f4f4, #e1e1e1); background-image: -o-linear-gradient(#f4f4f4, #e1e1e1); background-image: linear-gradient(#f4f4f4, #e1e1e1); } .tab--active { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f8f8f8)); background-image: -webkit-linear-gradient(#ffffff, #f8f8f8); background-image: -moz-linear-gradient(#ffffff, #f8f8f8); background-image: -o-linear-gradient(#ffffff, #f8f8f8); background-image: linear-gradient(#ffffff, #f8f8f8); color: #4d4d4d; cursor: text; height: 50px; } .tab--active:hover { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f8f8f8)); background-image: -webkit-linear-gradient(#ffffff, #f8f8f8); background-image: -moz-linear-gradient(#ffffff, #f8f8f8); background-image: -o-linear-gradient(#ffffff, #f8f8f8); background-image: linear-gradient(#ffffff, #f8f8f8); } .tab-container { background-color: #f6f6f6; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f8f8f8), color-stop(100%, #ecebeb)); background-image: -webkit-linear-gradient(#f8f8f8, #ecebeb); background-image: -moz-linear-gradient(#f8f8f8, #ecebeb); background-image: -o-linear-gradient(#f8f8f8, #ecebeb); background-image: linear-gradient(#f8f8f8, #ecebeb); border: 1px solid #d4d4d4; border-top: 0; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); display: none; margin-top: -2px; padding: 20px; } .tab-container--active { display: block; } .reservations { margin-bottom: 25px; } .entries .reservations { margin-bottom: 0; } /** Style dla wyszukiwarki hoteli */ .hcsb_wrapper { padding: 0 !important; } .hcsb_container .hcsb_outer, .hcsb_ac, .hcsb_content, .hcsb_content fieldset { background: transparent !important; border: 0 !important; height: auto !important; padding: 0 !important; } .hcsb_topTitle { display: none !important; } .hcsb_searchButton { -webkit-border-radius: 120px !important; -moz-border-radius: 120px !important; -ms-border-radius: 120px !important; -o-border-radius: 120px !important; border-radius: 120px !important; } .hcsb_extend { background-color: transparent !important; -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; -ms-border-radius: 3px !important; -o-border-radius: 3px !important; border-radius: 3px !important; } #EX-SB_914efaf63f #EX-SB_914efaf63f_inner { -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; -ms-border-radius: 3px !important; -o-border-radius: 3px !important; border-radius: 3px !important; } .form__row { margin-bottom: 15px; position: relative; } .form__label { float: left; font-size: 0.875em; font-weight: bold; padding: 6px 8px 0 0; text-align: right; width: 100px; } .input { background-color: #f3f3f3; border: 1px solid #d8d8d8; border-right: 0; color: #787878; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; font-size: 0.75em; height: 36px; padding: 0 10px; width: 249px; } .input::-webkit-input-placeholder { color: #787878; } .input:-moz-placeholder { color: #787878; } .input:focus { border-color: #b5b5b5; color: #333; outline: none; -webkit-transition: border 0.2s linear; -moz-transition: border 0.2s linear; -o-transition: border 0.2s linear; transition: border 0.2s linear; } .select { font-size: 0.75em; vertical-align: middle; } .form__field--file { font-size: 0.8125em; padding: 6px 0 0; } .form .input { background-color: white; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; border: 1px solid #b5b5b5; -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1) inset; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1) inset; font-size: 0.8125em; height: auto; padding: 7px 8px; width: 183px; } .form .input:focus { border-color: #666; outline: none; } .form--tabs .form__label { font-size: 0.75em; width: 110px; } .form--tabs .form__row { color: #4c4c4c; float: left; margin: 0; padding: 0 10px 15px 0; text-align: right; width: 50%; } .form--tabs .input { padding: 5px 8px; } .form--tabs .trip-type { padding-left: 100px; width: 100%; } .form--tabs .trip-type .field { text-align: left; } .form--tabs .passengers { padding-right: 0; width: 630px; } .form--tabs .passengers .field { text-align: left; } .form--tabs .form__submit { float: none; text-align: center; } .form--tabs .form__submit .info { float: left; font-size: 0.75em; margin: 12px 0 0; } .form--tabs .form__submit .ad { float: right; font-size: 0.75em; margin: 12px 0 0; } .separator--form { border: 0; border-bottom: 1px dashed #b5b5b5; clear: both; margin: 10px 0; } .radios { position: relative; top: 2px; white-space: nowrap; } .radios label { cursor: pointer; font-size: 0.75em; margin: 0 20px 0 5px; } .select-wrap { float: left; margin: 3px 20px 0 0; line-height: 1.1875em; } .select-wrap label { font-size: 0.75em; margin-right: 8px; } .reservations .button--2, .reservations .wpcf7-submit, .reservations .pagination .first, .pagination .reservations .first, .reservations .wp-pagenavi .first, .wp-pagenavi .reservations .first, .reservations .pagination .last, .pagination .reservations .last, .reservations .wp-pagenavi .last, .wp-pagenavi .reservations .last, .reservations .pagination .nextpostslink, .pagination .reservations .nextpostslink, .reservations .wp-pagenavi .nextpostslink, .wp-pagenavi .reservations .nextpostslink, .reservations .pagination .previouspostslink, .pagination .reservations .previouspostslink, .reservations .wp-pagenavi .previouspostslink, .wp-pagenavi .reservations .previouspostslink, .reservations .pagination .prev, .pagination .reservations .prev, .reservations .wp-pagenavi .prev, .wp-pagenavi .reservations .prev, .reservations .pagination .next, .pagination .reservations .next, .reservations .wp-pagenavi .next, .wp-pagenavi .reservations .next { padding: 0 20px; } .textarea { background-color: white; border: 1px solid #b2b2b2; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; color: #787878; font-size: 0.8125em; height: 50px; padding: 8px; resize: vertical; } .textarea:focus { border-color: #666; color: #333; outline: none; } .form__tip { color: #555; font-size: 0.6875em; line-height: 1.27273em; margin: 5px 0 0 100px; } .form__confirm { float: left; margin: 6px 0 35px 100px; position: relative; width: 235px; } .form__confirm label { font-size: 0.8125em; padding-left: 5px; } .form__confirm a { font-weight: bold; } .form__confirm a:hover { text-decoration: underline; } .form__confirm .form__error, .form__confirm .wpcf7-not-valid-tip-no-ajax { margin: 0; position: absolute; top: 22px; left: 0; width: 235px; } .form__submit { float: right; } .form--newsletter { margin: 0 auto 20px; width: 460px; } .form--newsletter .form__label { text-align: left; } .form--newsletter .input { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; padding: 7px 8px; width: 360px; } .form--newsletter .textarea { height: 60px; width: 360px; } .form--newsletter .form__confirm { width: 195px; } .form--newsletter .form__confirm .form__error, .form--newsletter .form__confirm .wpcf7-not-valid-tip-no-ajax { margin: 0; } .form--newsletter .form__error, .form--newsletter .wpcf7-not-valid-tip-no-ajax { margin-left: 100px; } .modal--newsletter .form__ok, .modal--newsletter-change .form__ok { font-size: 1em; line-height: 1.375em; margin: 0 auto 35px; width: 450px; } .form__row--radios .form__label { float: none; margin-bottom: 10px; width: 100%; } .form__row--radios p { margin-bottom: 8px; } .form__row--radios p label { cursor: pointer; font-size: 0.875em; padding-left: 10px; } .form__info { font-size: 0.8125em; line-height: 1.61538em; margin-bottom: 1em; } .form__info--lead { font-size: 1em; font-weight: bold; } .single-page .form { padding: 0 15px; } .single-page .form__label { width: 120px; } .single-page .form__row { width: 490px; } .single-page .form__confirm { margin-left: 120px; } .single-page .form__submit { margin: 0 148px 10px 0; } .single-page .input, .single-page .textarea { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; padding: 7px 8px; width: 350px; } .single-page .textarea { height: 150px; } .obligatory:after { color: #df0000; content: "*"; font-size: 1.125em; position: absolute; top: 6px; left: 100%; } .obligatory-info { font-size: 0.875em; font-style: italic; margin: 15px 0 25px 505px; position: relative; } .obligatory-info:after { color: #df0000; content: "*"; font-size: 1.125em; position: absolute; top: 3px; left: -15px; } /** WP Contact Styles */ .form__error, .wpcf7-not-valid-tip-no-ajax { color: #df0000; display: block; font-size: 0.75em; margin: 4px 0 0 120px; } .form__ok, .wpcf7-mail-sent-ok, .wpcf7-validation-errors { border: 1px solid #dcdcdc; clear: both; color: #df0000; font-size: 0.75em; margin-left: 120px; padding: 8px 15px; width: 350px; } .form__ok, .wpcf7-mail-sent-ok { border-color: #00a651; color: #00a651; } .wpcf7-validation-errors { border-color: #df0000; color: #df0000; } .wpcf7-file { width: 200px; } .single-page__content { font-size: 0.875em; line-height: 1.71429em; margin: 0 0 30px; } .single-page__content h3 { font-size: 1.14286em; margin-bottom: 0.5em; padding: 0 15px; } .single-page__content p { margin-bottom: 1em; padding: 0 15px; } .single-page__content p a:hover { text-decoration: underline; } .team-profile { border-top: 1px dotted #d3d5d0; min-height: 183px; margin: 0 0 15px; padding: 25px 15px 0; } .team-profile:first-child { border: 0; min-height: 163px; padding-top: 5px; } .team-profile img { float: left; margin: 0 20px 0 0; } .team-profile h3 { font-size: 1.125em; margin-bottom: 5px; text-transform: uppercase; } .team-profile p { overflow: hidden; padding: 0; } .modal { display: none; height: 100%; position: absolute; top: 0; left: 0; width: 100%; z-index: 1000; } .modal__overlay { background-color: black; height: 100%; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=65); opacity: 0.65; position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; } .modal__box { background-color: white; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.75); box-shadow: 0 1px 10px rgba(0, 0, 0, 0.75); margin-left: -330px; padding: 15px 20px 20px; position: absolute; top: 10%; left: 50%; width: 660px; z-index: 1001; } .modal__box .bar--7 { margin-left: -34px; margin-right: -24px; padding-left: 20px; } .modal__close { background-position: -128px -39px; display: block; height: 19px; width: 19px; cursor: pointer; position: absolute; top: 20px; right: 10px; z-index: 1; } .newsletter h2 { border-bottom: 1px dashed #d3d5d0; font-size: 1.25em; margin: 0 0 29px; padding: 0 0 19px; text-align: center; } .newsletter__social { border-top: 1px dashed #d3d5d0; padding: 19px 0 0; text-align: center; } .newsletter__social h3 { font-size: 1.125em; margin-bottom: 15px; text-align: center; } .cookie-info { border-bottom: 1px solid #f9f9f9; color: #191919; display: none; padding: 3px 0; width: 100%; } .cookie-info .inner { background-color: #f6f6f6; font-size: 0.75em; height: 50px; line-height: 1.5em; margin: 0 auto; padding: 7px 12px 0; position: relative; width: 980px; } .cookie-info a { font-weight: bold; text-decoration: underline; } .cookie-info a:hover { text-decoration: none; } .cookie-info__close { cursor: pointer; padding-right: 25px; position: absolute; top: 16px; right: 12px; } .cookie-info__close:after { background-position: -128px -39px; display: block; height: 19px; width: 19px; content: ""; margin-top: -9px; position: absolute; top: 50%; right: 0; } .cookie-info__close:hover { text-decoration: underline; } .cookie-info--show { display: block; } .error-404 { padding: 100px 0; position: relative; text-align: center; } .error-404 h1 { font-family: "Roboto Slab", "Helvetica Neue", HelveticaNeue, Arial, sans-serif; font-weight: 700; font-size: 4.5em; margin-bottom: 10px; } .error-404 h2 { font-family: "Roboto Slab", "Helvetica Neue", HelveticaNeue, Arial, sans-serif; font-weight: 300; font-size: 3em; margin-bottom: 20px; } .error-404 p { font-family: "Roboto Slab", "Helvetica Neue", HelveticaNeue, Arial, sans-serif; font-weight: 400; font-size: 1.125em; line-height: 1.77778em; margin-bottom: 30px; } .error-404 p a { font-family: "Roboto Slab", "Helvetica Neue", HelveticaNeue, Arial, sans-serif; font-weight: 700; text-decoration: underline; } .error-404 p a:hover { text-decoration: none; } .related { background-color: #cce2fe; border-bottom: 1px solid #c7ddf8; padding: 10px 0 4px; position: relative; } .related__inner { margin: 0 auto; padding: 0 15px; position: relative; width: 1010px; } .related__inner .next, .related__inner .prev { cursor: pointer; margin-top: -15px; position: absolute; top: 50%; } .related__inner .prev { background-position: -48px 0; display: inline-block; vertical-align: middle; height: 30px; width: 26px; left: 35px; } .related__inner .prev:hover { background-position: -74px 0; display: inline-block; vertical-align: middle; height: 30px; width: 26px; } .related__inner .next { background-position: -100px 0; display: inline-block; vertical-align: middle; height: 30px; width: 26px; right: 36px; } .related__inner .next:hover { background-position: -126px 0; display: inline-block; vertical-align: middle; height: 30px; width: 26px; } .scrollable { margin: 0 auto; overflow: hidden; padding: 0 0 5px 4px; position: relative; width: 876px; } .scrollable .items { position: relative; width: 20000em; } .scrollable .item { float: left; width: 880px; } .scrollable .item > a { background-color: white; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.28); float: left; margin-right: 13px; padding: 3px 3px 6px; width: 207px; } .scrollable .item > a:hover .title { text-decoration: underline; } .scrollable .media--photo { display: block; height: 118px; overflow: hidden; width: 201px; } .scrollable .media--photo img { height: auto !important; max-width: 100%; } .scrollable .title { color: #114778; display: block; font-size: 0.875em; font-weight: bold; height: 59px; line-height: 1.21429em; overflow: hidden; padding: 5px 8px 0; } .counters { margin-bottom: 7px; } .counter { background: url("img/counters.png") 0 -106px no-repeat; color: white; font-size: 1.0625em; font-weight: bold; height: 32px; letter-spacing: -1px; line-height: 30px; position: absolute; top: 11px; left: 246px; text-align: center; width: 46px; -webkit-font-smoothing: antialiased; } .counter__lm { background: url("img/counters.png") 0 0 no-repeat; display: block; height: 53px; margin-bottom: 8px; position: relative; width: 300px; } .counter__h4f { background: url("img/counters.png") 0 -53px no-repeat; display: block; height: 53px; margin-bottom: 8px; position: relative; width: 300px; } img.entry-mini {width: 79px; height:79px} #spol-quick-buttons {position: fixed; margin-left: -4px; z-index:2000; top:40%;} #spol-button1 {width: 36px; height: 28px; background-position: -130px -388px; margin-bottom: 8px} #spol-button2 {width: 36px; height: 28px; background-position: -169px -388px; margin-bottom: 8px} #spol-button3 {width: 36px; height: 28px; background-position: -204px -388px} .wp-pagenavi a.last {display:none} .clpp_widget {margin-bottom: 14px} .download-mobile{width:250px !important;left:0;top:0;margin:35px 35px !important} .download-mobile p {margin-top:5px;line-height:1.5em;font-size:0.9em} .download-mobile img {margin-left:-15px} .download-mobile .modal__close {top:30px} .download-mobile .bar--7 {padding-top:10px} div.partner {background: url('img/partners.png') no-repeat;} div.partner a {display:block; height: 100%; width: 100%} div.partner-airberlin {width: 212px; height: 76px; background-position: 0 0; margin: 0 15px 30px 15px; float: left} div.partner-airberlin.hover {background-position: 0 -76px} div.partner-klm {width: 130px; height: 70px; background-position: 0 -653px; margin: 0 15px; float: left} div.partner-klm.hover {background-position: 0 -723px} div.partner-swiss{width: 82px; height: 70px; background-position: 0 -1047px; margin: 0 15px; float: left} div.partner-swiss.hover{background-position: 0 -1117px} div.partner-expediade{width: 172px; height: 38px; background-position: 0 -457px; margin: 20px 15px 0 15px; float: left} div.partner-expediade.hover{background-position: 0 -497px} div.partner-qatar{width: 182px; height: 51px; background-position: 0 -947px; margin: 15px 15px 0 15px;float: left} div.partner-qatar.hover{background-position: 0 -997px} div.partner-airfrance{width: 267px; height: 23px; background-position: 0 -152px; margin: 35px 15px 0 15px; clear:both; float:left} div.partner-airfrance.hover{background-position: 0 -175px} div.partner-flipo{width: 161px; height: 59px; background-position: 0 -536px; margin: 10px 15px 0 25px; float: left} div.partner-flipo.hover{background-position: 0 -595px} div.partner-ebookers{width: 165px; height: 29px; background-position: 0 -198px; margin: 25px 15px 0 35px; float: left} div.partner-ebookers.hover{background-position: 0 -227px} div.partner-tripsta{width: 160px; height: 30px; background-position: 0 -1191px; margin: 25px 15px 0 35px; float: left} div.partner-tripsta.hover{background-position: 0 -1225px} div.partner-emirates{width: 160px; height: 32px; background-position: 0 -261px; margin: 55px 15px 0 15px; clear:both; float:left} div.partner-emirates.hover{background-position: 0 -301px} div.partner-lot{width: 86px; height: 30px; background-position: 0 -794px; margin: 60px 15px 0 50px; float:left} div.partner-lot.hover{background-position: 0 -824px} div.partner-expediacom{width: 205px; height: 60px; background-position: 0 -337px; margin: 45px 15px 0 40px; float:left} div.partner-expediacom.hover{background-position: 0 -397px} div.partner-lufthansa{width: 272px; height: 46px; background-position: 0 -855px; margin: 50px 0 0 35px; float:left} div.partner-lufthansa.hover{background-position: 0 -901px} #wpadminbar {top: -10px !important; height: 26px !important} @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: local('Open Sans Light'), local('OpenSans-Light'), url(http://fonts.gstatic.com/s/opensans/v10/DXI1ORHCpsQm3Vp6mXoaTdqQynqKV_9Plp7mupa0S4g.ttf) format('truetype'); } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans'), local('OpenSans'), url(http://fonts.gstatic.com/s/opensans/v10/u-WUoqrET9fUeobQW7jkRaCWcynf_cDxXwCLxiixG1c.ttf) format('truetype'); } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(http://fonts.gstatic.com/s/opensans/v10/MTP_ySUJH_bn48VBG8sNStqQynqKV_9Plp7mupa0S4g.ttf) format('truetype'); } @font-face { font-family: 'Roboto Slab'; font-style: normal; font-weight: 300; src: local('Roboto Slab Light'), local('RobotoSlab-Light'), url(http://fonts.gstatic.com/s/robotoslab/v6/dazS1PrQQuCxC3iOAJFEJfqEJM-AK1nFUafhVdytxUY.ttf) format('truetype'); } @font-face { font-family: 'Roboto Slab'; font-style: normal; font-weight: 400; src: local('Roboto Slab Regular'), local('RobotoSlab-Regular'), url(http://fonts.gstatic.com/s/robotoslab/v6/y7lebkjgREBJK96VQi37Zl02b4v3fUxqf9CZJ1qUoIA.ttf) format('truetype'); } @font-face { font-family: 'Roboto Slab'; font-style: normal; font-weight: 700; src: local('Roboto Slab Bold'), local('RobotoSlab-Bold'), url(http://fonts.gstatic.com/s/robotoslab/v6/dazS1PrQQuCxC3iOAJFEJSBnJMIPt0VoltfALX9gDFQ.ttf) format('truetype'); } /*! jQuery UI - v1.10.2 - 2013-04-23 * http://jqueryui.com * Includes: jquery.ui.core.css, jquery.ui.autocomplete.css, jquery.ui.datepicker.css, jquery.ui.menu.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=6px&bgColorHeader=cc0000&bgTextureHeader=highlight_soft&bgImgOpacityHeader=15&borderColorHeader=e3a1a1&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=eeeeee&fcContent=333333&iconColorContent=cc0000&bgColorDefault=eeeeee&bgTextureDefault=highlight_hard&bgImgOpacityDefault=100&borderColorDefault=d8dcdf&fcDefault=004276&iconColorDefault=cc0000&bgColorHover=f6f6f6&bgTextureHover=highlight_hard&bgImgOpacityHover=100&borderColorHover=cdd5da&fcHover=111111&iconColorHover=cc0000&bgColorActive=ffffff&bgTextureActive=flat&bgImgOpacityActive=65&borderColorActive=eeeeee&fcActive=cc0000&iconColorActive=cc0000&bgColorHighlight=fbf8ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcd3a1&fcHighlight=444444&iconColorHighlight=004276&bgColorError=f3d8d8&bgTextureError=diagonals_thick&bgImgOpacityError=75&borderColorError=cc0000&fcError=2e2e2e&iconColorError=cc0000&bgColorOverlay=a6a6a6&bgTextureOverlay=dots_small&bgImgOpacityOverlay=65&opacityOverlay=40&bgColorShadow=333333&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=10&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px * Copyright 2013 jQuery Foundation and other contributors Licensed MIT */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-clearfix { min-height: 0; /* support: IE7 */ } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } .ui-front { z-index: 100; } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; } .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left: 2px; } .ui-datepicker .ui-datepicker-next { right: 2px; } .ui-datepicker .ui-datepicker-prev-hover { left: 1px; } .ui-datepicker .ui-datepicker-next-hover { right: 1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; } .ui-datepicker select.ui-datepicker-month-year { width: 100%; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%; } .ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width: auto; } .ui-datepicker-multi .ui-datepicker-group { float: left; } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float: right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } .ui-menu { list-style: none; padding: 2px; margin: 0; display: block; outline: none; } .ui-menu .ui-menu { margin-top: -3px; position: absolute; } .ui-menu .ui-menu-item { margin: 0; padding: 0; width: 100%; } .ui-menu .ui-menu-divider { margin: 5px -2px 5px -2px; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; } .ui-menu .ui-menu-item a { text-decoration: none; display: block; padding: 2px .4em; line-height: 1.5; min-height: 0; /* support: IE7 */ font-weight: normal; } .ui-menu .ui-menu-item a.ui-state-focus, .ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; } .ui-menu .ui-state-disabled { font-weight: normal; margin: .4em 0 .2em; line-height: 1.5; } .ui-menu .ui-state-disabled a { cursor: default; } /* icon support */ .ui-menu-icons { position: relative; } .ui-menu-icons .ui-menu-item a { position: relative; padding-left: 2em; } /* left-aligned */ .ui-menu .ui-icon { position: absolute; top: .2em; left: .2em; } /* right-aligned */ .ui-menu .ui-menu-icon { position: static; float: right; } /* Component containers ----------------------------------*/ .ui-widget { font-family: Arial,sans-serif; font-size: 1.1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial,sans-serif; font-size: 1em; } .ui-widget-content { border: 1px solid #eeeeee; background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #333333; } .ui-widget-content a { color: #333333; } .ui-widget-header { border: 1px solid #e3a1a1; background: #cc0000 url(images/ui-bg_highlight-soft_15_cc0000_1x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; } .ui-widget-header a { color: #ffffff; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d8dcdf; background: #eeeeee url(images/ui-bg_highlight-hard_100_eeeeee_1x100.png) 50% 50% repeat-x; font-weight: bold; color: #004276; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #004276; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #cdd5da; background: #f6f6f6 url(images/ui-bg_highlight-hard_100_f6f6f6_1x100.png) 50% 50% repeat-x; font-weight: bold; color: #111111; } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited { color: #111111; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #eeeeee; background: #ffffff url(images/ui-bg_flat_65_ffffff_40x100.png) 50% 50% repeat-x; font-weight: bold; color: #cc0000; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #cc0000; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #fcd3a1; background: #fbf8ee url(images/ui-bg_glass_55_fbf8ee_1x400.png) 50% 50% repeat-x; color: #444444; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #444444; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #cc0000; background: #f3d8d8 url(images/ui-bg_diagonals-thick_75_f3d8d8_40x40.png) 50% 50% repeat; color: #2e2e2e; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #2e2e2e; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #2e2e2e; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } .ui-state-disabled .ui-icon { filter:Alpha(Opacity=35); /* For IE8 - See #6059 */ } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; } .ui-icon, .ui-widget-content .ui-icon { background-image: url(images/ui-icons_cc0000_256x240.png); } .ui-widget-header .ui-icon { background-image: url(images/ui-icons_ffffff_256x240.png); } .ui-state-default .ui-icon { background-image: url(images/ui-icons_cc0000_256x240.png); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon { background-image: url(images/ui-icons_cc0000_256x240.png); } .ui-state-active .ui-icon { background-image: url(images/ui-icons_cc0000_256x240.png); } .ui-state-highlight .ui-icon { background-image: url(images/ui-icons_004276_256x240.png); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url(images/ui-icons_cc0000_256x240.png); } /* positioning */ .ui-icon-blank { background-position: 16px 16px; } .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-on { background-position: -96px -144px; } .ui-icon-radio-off { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 6px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 6px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 6px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 6px; } /* Overlays */ .ui-widget-overlay { background: #a6a6a6 url(images/ui-bg_dots-small_65_a6a6a6_2x2.png) 50% 50% repeat; opacity: .4; filter: Alpha(Opacity=40); } .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #333333 url(images/ui-bg_flat_0_333333_40x100.png) 50% 50% repeat-x; opacity: .1; filter: Alpha(Opacity=10); border-radius: 8px; }