/* Document : adverts-frontend.css Created on : 2014-09-01, 19:10:38 Author : Grzegorz Description: Purpose of the stylesheet follows. */ .adverts-no-js { display: block; } .adverts-js { display: none; } .adverts-icon-none:before { content: ''; } .advert-item span.advert-link { height:1.6em; line-height: 1.6em; } .advert-item span.advert-link .advert-link-text { color: #21759b; font-size: 1.1em; font-weight: bold; } .advert-item.advert-is-featured { background-color: #F0F8FF; border-color: lightsteelblue; } .advert-img img { display: block; margin: 0 auto; } input[type="submit"].adverts-button, .adverts-button, .adverts-upload-actions a.button { height:35px; background: #F2F2F2; display: inline-block; padding: 0 20px; color: #444444 !important; text-decoration: none; -moz-border-radius: 2px; -webkit-border-radius: 2px; border: 1px solid rgba(0, 0, 0, 0.1); position: relative; cursor: pointer; font: 300 15px/35px Helvetica, Arial, sans-serif; font-weight: normal; background-image: -moz-linear-gradient(50% 0%, #F5F5F5, #F1F1F1); } .adverts-button-small { height: 28px; padding: 0 10px; background: whitesmoke; display: inline-block; text-decoration: none; -moz-border-radius: 2px; -webkit-border-radius: 2px; border: 1px solid #ccc; position: relative; cursor: pointer; font: 300 13px/30px Helvetica, Arial, sans-serif; font-weight: normal; background-image: -moz-linear-gradient(50% 0%, #F5F5F5, #F1F1F1); color: #666; } body .adverts-button-small:visited { color: #666; } .adverts-buttons-line { display: inline-block; margin: 0 0 0 1em; height: 35px; line-height: 35px; border: 0; padding: 0; vertical-align: middle; } input.adverts-submit[type=submit] { height: 35px; overflow: hidden; padding: 0 20px; outline: none; border: 0; border-radius: 0; font: 300 15px/35px Helvetica, Arial, sans-serif; text-decoration: none; color: #fff; cursor: pointer; text-shadow: none; background: none; -webkit-box-shadow: none; box-shadow: none; text-transform: none; background: #F2F2F2; color: #444444; background-color: #2da5da; opacity: 0.8; transition: opacity 0.2s; -o-transition: opacity 0.2s; -ms-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -webkit-transition: opacity 0.2s; color: white; } .adverts-inline-icon:before { vertical-align: baseline; font-size: 15px; color: gray; } .adverts-inline-icon.adverts-inline-icon-info:before { color: #21759b; } .adverts-inline-icon.adverts-inline-icon-warn:before { color: #b34040; } .adverts-button.adverts-button-icon { display: inline-block; overflow: hidden; padding: 0px; margin: 0 0 0 2px; width: 30px; height: 28px; font-size:18px; text-align: center; } .adverts-button.adverts-button-icon:before { vertical-align: top; line-height: 28px; } a.adverts-button:visited, .adverts-upload-actions a.button:visited, a.adverts-button:hover, .adverts-upload-actions a.button:hover { color: #444444 !important; text-decoration: none; } a.adverts-button:hover { border: 1px solid rgba(0, 0, 0, 0.2); } .adverts-manage-price { font-weight: bold; margin: 0 0.5em 0 0; } .adverts-manage-info { float: right; line-height: 26px; } .adverts-manage-link a { text-decoration: none; } .adverts-manage-actions-wrap { overflow: hidden; clear: both; } .adverts-manage-actions-more { clear: both; overflow: hidden; display: none; } .adverts-manage-actions-left { float: left; } .adverts-manage-actions-right { float: right; } .adverts-manage-action, a.adverts-manage-action { display: inline-block; overflow: hidden; padding: 0 10px 0 5px; height: 28px; line-height: 26px; font-size: 12px; text-decoration: none; color: #666; border: 1px solid silver; border-radius: 3px; } .adverts-manage-action, a.adverts-manage-action { } .adverts-manage-actions-left a.adverts-manage-action { margin: 5px 5px 0 0; } .adverts-manage-actions-right a.adverts-manage-action { margin: 5px 0 0 5px; } a.adverts-manage-action:hover { background-color: whitesmoke; color: #666; border-color: gray; } .adverts-manage-action:visited, a.adverts-manage-action:visited { color: #666; } .adverts-manage-action > span { font-size: 16px; } .adverts-manage-delete-confirm { display: none } .adverts-manage-delete-text { } .advert-link-wraps, .advert-link-wraps:visited .entry-content .advert-link-wraps, .entry-content .advert-link-wraps:visited { font-size: 15px; color: #21759b; text-decoration: none; } @media (min-width: 760px) { .advert-manage-item.advert-item-col-1 .advert-img { top: 0; margin-top: 15px; } } .advert-manage-item.advert-manage-deleted { background-color: whitesmoke; padding: 1em; font-size: 14px; } .advert-manage-deleted:before { font-size: 18px; } .adverts-loader { display: none; border: none !important; box-shadow: none !important; font-size: 20px; height: 28px; line-height: 28px; } .adverts-loader.animate-spin { display: none; } .adverts-list { clear: both; overflow: hidden; } .adverts-list-empty { font-size: 1.1em; padding: 1em 0 1em 0; border-bottom: 1px solid whitesmoke; } .advert-item { background-color: #fff; margin: 0 20px 20px 0; padding: 0; float: left; position: relative; -webkit-backface-visibility: hidden; border: 1px #e5e5e5 solid; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .advert-item .advert-item-grow { transition: all .2s ease-in-out; opacity: 1; /* was 0.8 */ cursor: pointer; box-shadow: none !important; border-radius: 0px !important; } .advert-item:hover .advert-item-grow { /*transform: scale(1.1); */ overflow: hidden; opacity: 1; } .advert-item:hover .advert-price { opacity: 1; background-color: #b34040; color: white; } .advert-item-col-1-only, .advert-item-col-2-only, .advert-item-col-3-only, .advert-item-col-4-only { display: none; } .advert-item-col-2 { width: 48%; margin: 1%; } .advert-item-col-2:nth-child(2n+1) { width: 49%; margin: 1% 1% 1% 0%; } .advert-item-col-2:nth-child(2n) { width: 49%; margin: 1% 0% 1% 1%; } .advert-item-col-3 { width: 32%; margin: 1%; } .advert-item-col-3:nth-child(3n+1) { width: 32%; margin: 1% 1% 1% 0%; } .advert-item-col-3:nth-child(3n+2) { width: 32%; margin: 1% 1% 1% 1%; } .advert-item-col-3:nth-child(3n+3) { width: 32%; margin: 1% 0% 1% 1%; } .advert-item-col-4 { width: 23%; margin: 1%; } .advert-item-col-4:nth-child(4n+1) { width: 23.5%; margin: 1% 1% 1% 0%; } .advert-item-col-4:nth-child(4n+2) { width: 23.5%; margin: 1% 1% 1% 1%; } .advert-item-col-4:nth-child(4n+3) { width: 23.5%; margin: 1% 1% 1% 1%; } .advert-item-col-4:nth-child(4n+4) { width: 23.5%; margin: 1% 0% 1% 1%; } /*@media all and (min-width: 760px) {*/ .advert-item-col-1 .advert-item-col-1-only { display: initial; } .advert-item-col-1 span.advert-link { min-height:1.3em; height: auto; } .advert-item-col-1 { width: 100%; margin: 0; padding: 10px 0 10px 0; border: 0; border-bottom: 1px solid #e5e5e5; } .adverts-bg-hover .advert-item-col-1:hover { background: whitesmoke; } .advert-item-col-1 .advert-img { float: left; width: 100px; height: 61px; position: absolute; top: 50%; margin-top: -30px; background: whitesmoke; } .advert-item-col-1 .advert-post-title, .advert-item-col-1 .advert-published { margin-left: 110px; clear: none; } .advert-item-col-1 .advert-post-title { padding: 4px 0 2px 0; } .advert-item-col-1 .advert-published { padding: 0; overflow: hidden; clear: both; } .advert-item-col-1 .advert-date, .advert-item-col-1 .advert-location { line-height: 2.2rem; padding: 0; display: inline-block; border: 2px solid transparent; width: 33%; float: left; } .advert-item-col-1 .advert-price { position: relative; bottom: 0; right: 0; float: right; line-height: 2.2rem; min-width: 20%; } .advert-item-col-right { float:right; } /*}*/ @media all and (max-width: 760px) { .advert-item-col-1 .advert-date { display: none; } .advert-item-col-1 .advert-location { width: auto; } .advert-item-col-1 .advert-location:before { content: none; } .advert-manage-item .advert-img { display: none; } .advert-manage-item.advert-item-col-1 .advert-post-title, .advert-manage-item.advert-item-col-1 .advert-published { margin-left: 0; } } .advert-img { background-position: center center !important; background-repeat: no-repeat !important; position: relative; width:100%; height:190px; line-height:1em; overflow: hidden; } .advert-price { background-color: #b34040; opacity: 1; position: absolute; right: 1em; min-width: 25%; bottom: 10px; text-align: center; font-size: 1.2em; line-height: 1.8em; padding: 0 0.1em 0 0.1em; color: #b34040; border: 2px solid #b34040; border-radius: 4px; font-weight: bold; background-color: transparent; } .advert-link-wrap { display: block; position: absolute; z-index: 1000; top: 0; left: 0; width: 100% !important; height: 100% !important; } .advert-post-title { padding: 0.2em 0.5em 0.2em 0.5em; clear:both; } .advert-post-title .advert-link { display: inline-block; font-size: 1.1em; height:1.3em; text-decoration: none; font-weight: bold; overflow: hidden; } .advert-date { line-height: 1.8em; padding: 10px 0 10px 0; display: inline-block; } .advert-published { padding: 0.2em 0.5em 0.2em 0.5em; } .adverts-search { clear:both; overflow:hidden; padding: 12px 0 0 0; margin: 0; border: 0; border-radius: 2px; background-color: transparent !important; box-shadow: none; } .adverts-search-hidden { display: none; padding: 0; } .adverts-search .adverts-search-input-label { margin-left: 2px; font-weight: bold; } .adverts-search .advert-input { width:48%; margin: 1.5% 1% 1.5% 1%; padding: 0; display: block; float:left; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .adverts-search .advert-input input[type=text] { width: 100%; display: inline; border-radius: 1px; border: 1px solid #e6e6e6; box-sizing: border-box; margin: 0; padding: 6px; font-size: 13px; } .adverts-search .advert-input select { width:100%; box-sizing: border-box; display: inline-block; height: 2.1em; font-size: 1.1em; font-family: Helvetica; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; border: 1px solid #ccc; } .adverts-search .advert-input.advert-input-type-half.advert-input-type-half-left { width: 49%; margin: 0 1% 1em 0%; } .adverts-search .advert-input.advert-input-type-half.advert-input-type-half-right { width: 49%; margin: 0 0% 1em 1%; } .adverts-search .advert-input.advert-input-type-full { width: 100%; margin: 0 0 1em 0; } .adverts-square-icon:before { font-size:18px; vertical-align: middle; color: #666; } .adverts-options { margin-bottom: 24px; line-height: 28px; overflow: hidden; clear: both; border: 1px solid #e5e5e5; border-bottom: 2px solid #e5e5e5; padding: 0em 12px 0em 12px; background-color: #fbfbfb; } .adverts-options .adverts-options-left { float: left; } .adverts-options .adverts-options-right { float: right; } .adverts-options .adverts-options-label { display: inline-block; height:28px; vertical-align: top; border: 1px solid transparent; } .adverts-options-sort { display: inline-block; height:30px; vertical-align: top; border: 1px solid #ddd; padding: 0 0.2em 0 0.2em; margin: 0 0.4em 0 0.4em; width: 150px; color: #757575; clear:both; overflow: hidden; } .adverts-options-sort > strong { display: inline-block; float: right; } .adverts-filter-date { min-width: 100px; clear: both; } .adverts-filter-date span { float: right; } .adverts-options-left, .adverts-options-right { padding: 0 0 1em 0 !important; } .adverts-options-fallback { text-align: right; margin: 1em 0 1em 0 !important; } .adverts-pagination { padding: 20px 0; text-align: right; clear: both; overflow: hidden; } .adverts-pagination a { border: 1px solid; padding: 2px 8px; text-decoration: none; font-size: 1.1em; } .adverts-pagination span { border:1px solid; padding:2px 8px; font-weight: bold; font-size: 1.1em; } .adverts-pagination a.next, .adverts-pagination a.prev { border: 0; } .adverts-pagination .dots { border: 1px solid transparent; } [class*='adverts-col-'] { float: left; } .adverts-grid { margin: 0% 0% 0% 0%; } .adverts-grid.adverts-grid-closed-top { border-top: 1px solid whitesmoke; } .adverts-grid.adverts-grid-compact .adverts-grid-row > div { padding: 0; } .adverts .adverts-grid:after { content: ""; display: table; clear: both; } .adverts-grid .adverts-grid-row { clear:both; overflow:hidden; padding: 1% 0 1% 0; padding: 0.5em 0 0.5em 0; margin: 0 0 0 0; border-bottom: 1px solid whitesmoke; } .adverts-grid .adverts-grid-row > div { padding: 0 0.75em 0 0.75em; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .adverts-grid .adverts-grid-col-right { text-align: right; } .adverts-grid .adverts-grid-col-center { text-align: center; } .adverts-grid .adverts-sub { display: block; font-size: 0.85em; line-height: 0.95em } .adverts-grid .adverts-grid-head > div { text-transform: uppercase; font-size: 0.75em; font-weight: bold; line-height: 0.8em; } .adverts-grid .adverts-col-5 { width: 5%; } .adverts-grid .adverts-col-10 { width: 10%; } .adverts-grid .adverts-col-15 { width: 15%; } .adverts-grid .adverts-col-20 { width: 20%; } .adverts-grid .adverts-col-25 { width: 25%; } .adverts-grid .adverts-col-30 { width: 30%; } .adverts-grid .adverts-col-35 { width: 35%; } .adverts-grid .adverts-col-50 { width: 50%; } .adverts-grid .adverts-col-65 { width: 65%; } .adverts-grid .adverts-col-70 { width: 70%; } .adverts-grid .adverts-col-80 { width: 80%; } .adverts-grid .adverts-col-85 { width: 85%; } .adverts-grid .adverts-col-90 { width: 90%; } .adverts-grid .adverts-col-95 { width: 95%; } .adverts-grid .adverts-col-100 { width: 100%; } .adverts-multi-level.adverts-multi-level-0 .adverts-widget-grid-link { padding-left: 15px; } .adverts-multi-level.adverts-multi-level-1 .adverts-widget-grid-link { padding-left: 30px; } .adverts-multi-level.adverts-multi-level-2 .adverts-widget-grid-link { padding-left: 45px; } .adverts-multi-level.adverts-multi-level-3 .adverts-widget-grid-link { padding-left: 60px; } .adverts-multi-level.adverts-multi-level-4 .adverts-widget-grid-link { padding-left: 75px; } .adverts-multi-level.adverts-multi-level-5 .adverts-widget-grid-link { padding-left: 90px; } /* FLASH MESSAGES */ div.adverts-flash-messages { clear: both; overflow: hidden; padding: 10px 10px; margin: 0 0 10px 0; line-height: 14px; color: white; } div.adverts-flash-messages.adverts-flash-error { background-color: #d9675d; } div.adverts-flash-messages.adverts-flash-info { background-color: #5bc3a2; } div.adverts-flash-messages.adverts-flash-warn { background-color: #ffcc00; } div.adverts-flash-single { position: relative; clear: both; } div.adverts-flash-messages a:hover, div.adverts-flash-messages a:visited, div.adverts-flash-messages a { color: white; text-decoration: underline; } div.adverts-flash-messages .adverts-flash-message-icon { width:32px; height:32px; position: absolute; top: 50%; margin: -16px 0 0 0; } div.adverts-flash-messages .adverts-flash-message-icon:before { vertical-align: top; color: rgba(255,255,255,0.75); font-size: 32px; padding: 0; margin: 0; line-height: 32px; } div.adverts-flash-messages .adverts-flash-message-text { font-size: 13px; line-height: 18px; padding: 5px; display: block; } div.adverts-flash-messages .adverts-flash-message-text > p { padding: 0 0 0 0; margin: 0 0 4px 0; } div.adverts-flash-messages .adverts-flash-message-text > p:last-child { padding: 0 0 0 0; margin: 0 0 0 0; } div.adverts-flash-messages .adverts-flash-message-text.adverts-flash-padding { margin-left: 40px; padding-left: 10px; border-left: 1px solid rgba(255,255,255,0.25); } div.wpjb-flash-small { margin:5px; } .adverts-single-box { clear: both; overflow: hidden; margin: 1em 0 1em 0; } .adverts-single-author-avatar { float:left; width: auto; margin: 0 1em 0 0; padding: 0; } .adverts-single-author-avatar img.avatar { border-radius: 3px; box-shadow: none; margin: 0; padding: 0; border: 1px solid #f5f5f5; } .adverts-single-author { float:left; width:70%; } .adverts-single-author-name { line-height: 25px; } .adverts-single-actions { display: inline-block; } /* START Single Advert - data table styling */ /* One item per line */ .adverts-row-values-block .adverts-row-value { display: block; width: 100%; margin: 0 0 0.5em 0; line-height: normal; } .adverts-row-values-block .adverts-row-value:last-child { margin: 0; } .adverts-row-values-block .adverts-row-value:first-child { margin: 0.5em 0 0.5em 0; } /* Separate items by coma */ .adverts-row-values-inline-coma .adverts-row-value:after { content: ", "; } .adverts-row-values-inline-coma .adverts-row-value:last-child:after { content: ""; } /* Separate items with margin */ .adverts-row-values-inline-none .adverts-row-value { padding: 0 1em 0 0; } /* END Single Advert - data table styling */ .adverts-contact-box { border:1px solid whitesmoke; background-color: #fcfcfc; display:none; margin:1em 0 1em 0; padding: 1em; } .adverts-contact-box .adverts-contact-method { margin: 0 0 0.5em 0; padding: 0; } .adverts-contact-box a { text-decoration: none; } .adverts-contact-box .adverts-contact-phone, .adverts-contact-box .adverts-contact-email { font-size: 1.1em; } .adverts-contact-box .adverts-contact-icon:before { font-size: 1.2em; vertical-align: middle; } .adverts-single-price { text-align: right; float: right; height: 50px; margin: 8px 0 8px 0; } .adverts-price-box { background-color: #b34040; color: white; text-align: center; font-size: 1.6em; padding: 0.2em 1em 0.2em 1em; } .adverts-content { clear:both; overflow:hidden; margin: 2em 0 2em 0; } .wpadverts-als-item-icon a { background-color: whitesmoke; } .wpadverts-slide-icon:before { font-size: 96px; margin: 25px; padding: 25px 0 0 0; } body .wpadverts-slide-description { padding: 0; margin: 0 0 15px 0; } body .swipebox-inline-container .wpadverts-slide-icon { color: white; opacity: 0.75; } body .swipebox-inline-container .wpadverts-slide-description { color: white; margin: 25px; } @media all and (max-width: 425px) and (min-width: 0px) { body .wpadverts-slide.wpadverts-slide-other .wpadverts-slide-icon:before { font-size: 48px; margin: 25px; padding: 0; } body .wpadverts-slide.wpadverts-slide-other .wpadverts-slide-description.wpadverts-slide-desc { display: none; } } body .wpadverts-slide .wpadverts-slide-description.wpadverts-slide-desc { overflow-y: scroll; position: absolute; bottom: 0; height: 70px; margin: 0; } .wpadverts-slide-title { } .wpadverts-slide-content { } .wpadverts-als-item-icon span { font-size: 48px; margin: 0; padding: 0; line-height: 68px; vertical-align: baseline; color: #444; } .wpadverts-slides-list { margin: 0 auto !important; padding: 0 !important; } .wpadverts-slide .wpadverts-slide-img { border: none !important; box-shadow: none !important; max-height: 100%; border-radius: 0px !important; /* position: absolute; top: -9999px; bottom: -9999px; left: -9999px; right: -9999px; */ margin: auto; width: 100%; height: 350px; } .adverts-list .advert-img > img { object-fit: cover; width: 100%; height: 100%; } .wpadverts-slide .wpadverts-slide-img.wpadverts-slide-img-square, .wpadverts-slide .wpadverts-slide-img.wpadverts-slide-img-landscape, .wpadverts-slide .wpadverts-slide-img.wpadverts-slide-img-portrait { object-fit: contain; } .wpadverts-slide .wpadverts-slide-img.wpadverts-slide-img-fit-contain { object-fit: contain; } .wpadverts-slide .wpadverts-slide-img.wpadverts-slide-img-fit-cover { object-fit: cover; } .wpadverts-slide .wpadverts-slide-img.wpadverts-slide-img-fit-fill { object-fit: fill; } .wpadverts-slide video { object-fit: cover; width: 100%; height: 350px; } .wpadverts-video-player video { margin: 0 !important; padding: 0 !important; border: 0 !important; } .wpadverts-slide { list-style-type: none !important; margin: 0 !important; padding: 0 !important; overflow: hidden; border: 0px solid transparent; text-align: center; vertical-align: middle; position: relative; display: none; width: 100%; height: 350px; background-color: white; } @media all and (min-width:0px) and (max-width:320px) { .wpadverts-slide video, .wpadverts-slide img, .wpadverts-slide { height: 160px; } } @media all and (min-width:321px) and (max-width:375px) { .wpadverts-slide video, .wpadverts-slide img, .wpadverts-slide { height: 180px; } } @media all and (min-width:376px) and (max-width:425px) { .wpadverts-slide video, .wpadverts-slide img, .wpadverts-slide { height: 220px; } } @media all and (min-width:426px) and (max-width:768px) { .wpadverts-slide video, .wpadverts-slide img, .wpadverts-slide { height: 300px; } } @media all and (min-width:0px) and (max-width:768px) { .wpadverts-als-container { height: 160px; } .als-nav-wrap-left, .als-nav-wrap-right { top: 80px !important; background: whitesmoke; width: 49% !important; } } .wpadverts-slide-nav .wpadverts-slide-nav-action, .wpadverts-slide-nav .wpadverts-slide-nav-static { opacity: 0.50; transition: opacity 0.25s; } .wpadverts-slides-list:hover .wpadverts-slide-nav .wpadverts-slide-nav-action, .wpadverts-slides-list:hover .wpadverts-slide-nav .wpadverts-slide-nav-static { opacity: 0.80; } .wpadverts-slides-list:hover .wpadverts-slide-nav .wpadverts-slide-nav-action { transition: opacity 0.25s; } .wpadverts-slides-list:hover .wpadverts-slide-nav .wpadverts-slide-nav-action:hover { opacity: 1; cursor: pointer; } .wpadverts-slide-nav-pointer { cursor: pointer; } .wpadverts-slide-nav-interface { position: absolute; top: 0px; right: 0px; color: white; padding: 3px 6px; text-align: right; } .wpadverts-slide-nav-paginate { background: rgba(0,0,0,0.1); position: absolute; border-radius: 50%; top: calc( 50% - 20px ); height:40px; width:40px; text-align: center; } .wpadverts-slide-nav-paginate.wpadverts-slide-nav-paginate-left { left: 6px; } .wpadverts-slide-nav-paginate.wpadverts-slide-nav-paginate-left span.adverts-icon-left-open:before { margin-right:8px; } .wpadverts-slide-nav-paginate.wpadverts-slide-nav-paginate-right { right: 6px; } .wpadverts-slide-nav-paginate.wpadverts-slide-nav-paginate-right span.adverts-icon-right-open:before { margin-left: 8px; } .wpadverts-slide-nav-paginate > span { font-size:26px; color: white; line-height: 40px } .wpadverts-slide-nav-paginate, .wpadverts-slide-nav-interface { z-index: 250; } .wpadverts-slide-nav-interface .adverts-icon-th, .wpadverts-slide-nav-interface .adverts-icon-camera { font-size: 18px; } .wpadverts-slide-nav-interface .wpadverts-slide-nav-counter { height: 25px; display: inline-block; line-height: 25px; vertical-align: baseline; letter-spacing: 1px; } .wpadverts-slide-decoration { position: absolute; top: 0px; right: 0px; left: 0px; bottom: 0px; } .wpadverts-slide-with-shadow { position: absolute; top: 0px; right: 0px; left: 0px; bottom: 0px; opacity: 1; transition: opacity 0.25s; background: linear-gradient(to top, rgba(0,0,0,0.025) 0%,rgba(0,0,0,0.0) 25px), linear-gradient(to bottom, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.0) 100px); } .wpadverts-slide-image .wpadverts-slide-with-shadow:hover { opacity: 0.4; } .wpadverts-slide-video .wpadverts-slide-with-shadow { background: linear-gradient(to top, rgba(0,0,0,0.15) 0%,rgba(0,0,0,0.0) 100px), linear-gradient(to bottom, rgba(0,0,0,0.15) 0%,rgba(0,0,0,0.0) 100px); } .wpadverts-video-is-playing .wpadverts-slide-with-shadow { background: transparent; } .wpadverts-video-is-playing { } .wpadverts-player { display: flex; flex-direction: row; flex-wrap: nowrap; position: absolute; left: 0; right: 0; bottom: 0; padding: 3px 6px; color: white; } .wpadverts-player .wpadverts-player-item { height: 25px; flex: 0 0 25px; font-size: 18px; line-height: 18px; } .wpadverts-player .wpadverts-player-item span:before { margin: 0; padding: 0; } .wpadverts-player .wpadverts-player-item-progress { flex: 1 0 0; } .wpadverts-player .wpadverts-player-item-progress .wpadverts-player-item-progress-bar { display: inline-block; width:100%; background:rgba(255,255,255,0.35); height:18px; vertical-align: middle; position: relative; text-align: left; } .wpadverts-player .wpadverts-player-item-progress .wpadverts-player-item-progress-text { font-size: 10px; text-align: right; line-height: 18px; margin: 0 6px 0 0; padding: 0; float: right; font-weight: bold; z-index:200; position: relative; } .wpadverts-slides-list .wpadverts-player-play, .wpadverts-slides-list .wpadverts-player-pause, .wpadverts-slides-list .wpadverts-player-replay, .wpadverts-slides-list .wpadverts-player-volume-down, .wpadverts-slides-list .wpadverts-player-volume-up, .wpadverts-slides-list .wpadverts-player-fullscreen { opacity: 0.60; vertical-align: middle; transition: opacity 0.25s; } .wpadverts-slides-list:hover .wpadverts-player-play, .wpadverts-slides-list:hover .wpadverts-player-pause, .wpadverts-slides-list:hover .wpadverts-player-replay, .wpadverts-slides-list:hover .wpadverts-player-volume-down, .wpadverts-slides-list:hover .wpadverts-player-volume-up, .wpadverts-slides-list:hover .wpadverts-player-fullscreen { opacity: 0.80; vertical-align: middle; transition: opacity 0.25s; } .wpadverts-slides-list:hover .wpadverts-player-play:hover, .wpadverts-slides-list:hover .wpadverts-player-pause:hover, .wpadverts-slides-list:hover .wpadverts-player-replay:hover, .wpadverts-slides-list:hover .wpadverts-player-volume-down:hover, .wpadverts-slides-list:hover .wpadverts-player-volume-up:hover, .wpadverts-slides-list:hover .wpadverts-player-fullscreen:hover { opacity: 1; } .wpadverts-player-progress { display: inline-block; width: 0%; background: rgba(255,255,255,0.5); position: absolute; top: 0px; left: 0; right: 0; bottom: 0px; padding: 0; box-sizing: initial; z-index:100; } .wpadverts-slide-nav-thumbnails-list { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(255,255,255,0.75); z-index: 1000; overflow-y: scroll; padding: 12px; border: 1px solid #ccc; } .wpadverts-slide-nav-thumbnails-list .wpadverts-als-item.als-item > a { width: 120px; border: 2px solid white; background: whitesmoke; } .wpadverts-slide-nav-thumbnails-close { position: absolute; right: 0; top: 0px; font-size: 24px; cursor: pointer; } .wpadverts-slides-list { margin: 0; position: relative; float: left; width: 100%; clear: both; overflow:hidden; } #wpadverts-rsliders-options { list-style-type: none !important; z-index: 1000; margin: 0; padding: 0; background: rgba(0, 0, 0, 0.75); height: 36px; clear: both; overflow:hidden; } #wpadverts-rsliders-options > li { display: block; float: left; *float: left; margin: 0; padding: 0; list-style-type: none !important; } #wpadverts-rsliders-options > li > a { display: block; height: 36px; color: white; text-decoration: none; font-size: 18px; line-height: 36px; margin: 0px; padding: 0 5px 0 5px; border-radius: 0px; } .wpadverts-slides-with-thumbnail #wpadverts-rsliders-options { display: none; } .wpadverts-slides-with-thumbnail ul#wpadverts-rsliders-controls { margin: 0px !important; padding: 0px !important; } .wpadverts-slides { margin: 0 0 24px 0; clear: both; overflow: hidden; } .wpadverts-slides-list li { } .wpadverts-als-container { display: flex; position: relative; width: 100%; margin: 0px auto; z-index: 0; clear: both; } .wpadverts-als-viewport { position: relative; overflow: hidden; margin: 0px auto; width: 100% !important; } .wpadverts-als-wrapper { position: relative; list-style: none; padding: 0; margin: 0; } .wpadverts-als-item { position: relative; display: block; text-align: center; cursor: pointer; float: left; padding: 0px; border: 0px solid transparent; margin: 4px !important; } .wpadverts-als-item .wpadverts-als-img { border-radius: 0; box-shadow: none; object-fit: cover; width: 100%; height: 72px; } .wpadverts-als-item a { width: auto; height: 70px; display: block; overflow: hidden; } .slick-arrow.slick-hidden, .slick-arrow.slick-hidden span:before { color: rgba(0,0,0, .25); cursor: default !important; } .als-nav-wrap, .als-nav-fake, .als-next, .als-prev { position: initial; font-size: 48px; width:36px; clear: both; height: 80px; line-height:80px; top: 0; z-index: 2000; } .als-nav-wrap-left { flex-basis: 40px; z-index: 1000; left: 0; } .als-nav-wrap-right { flex-basis: 40px; z-index: 1000; right: 0; } .als-nav-wrap-left span:before { text-align: left; width: 36px; } .als-nav-wrap-right span:before { text-align: right; width: 36px; } .als-nav-wrap-left .als-nav-fake, .als-prev { left: 0px; } .als-nav-wrap-right .als-nav-fake, .als-next { right: 0px; } .als-nav-fake span:before { margin: 0; vertical-align: baseline; color: rgba(0,0,0, .25); } .als-next span:before, .als-prev span:before { margin: 0; vertical-align: baseline; color: rgba(0,0,0, .75); cursor: pointer; } .als-nav-wrap.slick-disabled span:before { cursor: default !important; color: rgba(0,0,0, .25); } .wpadverts-slide-caption { position: absolute; display: block; top: 0px; left: 0px; padding: 3px 6px; text-align: left; color: #fff; margin: 0 !important; z-index: 200; font-size: 13px; line-height: 18px !important; font-weight: bold; } .wpadverts-slide-caption .wpadverts-slide-caption-desc { font-size: 12px; line-height: 16px !important; font-weight: normal; } .wpadverts-als-icon-video { position: absolute; bottom: 3px; right: 3px; font-size: 22px; line-height: 22px; color: white; padding: 0; display: block; float: left; border-radius: 50%; } @media screen and (max-width: 600px) { .github { display: none; } } /*! Pure v0.5.0 Copyright 2014 Yahoo! Inc. All rights reserved. Licensed under the BSD License. https://github.com/yui/pure/blob/master/LICENSE.md */ .adverts-form .adverts-form-required { font-weight: bold; color: #e9322d; } .adverts-form .adverts-field-error { border-top: 1px solid #e9322d; border-bottom: 1px solid #e9322d; background-color: peachpuff; } .adverts-form .adverts-field-error-list { list-style-type: circle !important; margin: 0 0 0 31% !important; padding: 0 !important; clear: both; overflow: hidden; } .adverts-form .adverts-field-error-list > li { color: #b34040; margin: 0 0 0 36px !important; padding: 0 !important; } .adverts-form.adverts-form-aligned .adverts-control-group { clear: both; overflow: hidden; } .adverts-form.adverts-form-aligned .wp-editor-wrap { width:60%; display: inline-block; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding: 0 0 0 0.3em; } .adverts-form.adverts-form-aligned .wp-editor-wrap .wp-editor-container { border: 1px solid #e5e5e5; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.04); -moz-box-shadow: 0 1px 1px rgba(0,0,0,.04); box-shadow: 0 1px 1px rgba(0,0,0,.04); } .adverts-form.adverts-form-aligned .adverts-control-group label { float: left; } .adverts-form.adverts-form-aligned .adverts-control-group > div { width: 65%; float: left; padding: 0 0 0 0.3em; } .adverts-form.adverts-form-aligned .adverts-control-group > textarea { margin: 0 0 0 0.3em; } .adverts-form.adverts-form-aligned .adverts-control-group > div.adverts-form-input-group-checkbox, .adverts-form.adverts-form-aligned .adverts-control-group > div.adverts-form-input-group-radio { padding: 0 0 0 0; } .adverts-form .adverts-control-group.adverts-field-actions { margin: 1.5rem 0 1.5rem 0; padding: 1rem 0 1rem 0; border-top: 1px solid #e5e5e5; } .adverts-contact-box .adverts-form .adverts-control-group.adverts-field-actions { clear: both; margin: 15px 0 0 0; padding: 1em 0 0 0; } .adverts-contact-box .adverts-form fieldset:last-child { padding-bottom: 0; } .adverts-form .adverts-control-group > div.adverts-field-header { width: 100%; border-bottom: 1px solid #e5e5e5; padding: 0 0 5px 0; margin: 5px 0 10px 0; } .adverts-form .adverts-control-group > div.adverts-field-header > .adverts-field-header-title { display: inline-block; width: 100%; font-size: 1.2rem; line-height:1.6rem; font-weight: bold; } .adverts-form.adverts-form-aligned .adverts-control-group.adverts-field-text label, .adverts-form.adverts-form-aligned .adverts-control-group.adverts-field-password label, .adverts-form.adverts-form-aligned .adverts-control-group.adverts-field-select label, .adverts-form.adverts-form-aligned .adverts-control-group[class*='adverts-field-text-'] label, .adverts-form.adverts-form-aligned .adverts-control-group[class*='adverts-field-select-'] label { float: none; } .adverts-form.adverts-form-aligned .adverts-control-group > div.adverts-autocomplete-holder, .adverts-form.adverts-form-aligned .adverts-control-group > div.adverts-multiselect-holder { float: none; display: inline-block; padding: 0; } .adverts-list-sort-options.adverts-multiselect-options { width:auto; border: 1px solid silver; overflow-y: hidden; } .adverts-list-sort-label { min-width: 100px; display: inline-block; } .adverts-list-sort-wrap { display: inline-block; } .adverts-list-sort-options.adverts-multiselect-options > .adverts-list-sort-option, .adverts-list-sort-options.adverts-multiselect-options > span { display: block; width: 100%; font-size: 13px; box-sizing: border-box; padding: 0 5px 0 5px; height: 24px; line-height: 24px; text-decoration: none; border: 0; color: #444; } .adverts-list-sort-options.adverts-multiselect-options > .adverts-list-sort-option { padding-left: 15px; } .adverts-list-sort-options.adverts-multiselect-options > .adverts-list-sort-option:hover { cursor: pointer; background-color: whitesmoke; } .adverts-form.adverts-form-aligned .adverts-control-group.adverts-field-checkbox div > label { width: 100%; display: inline; } .adverts-form input[type="text"], .adverts-form input[type="password"], .adverts-form input[type="email"], .adverts-form input[type="url"], .adverts-form input[type="date"], .adverts-form input[type="month"], .adverts-form input[type="time"], .adverts-form input[type="datetime"], .adverts-form input[type="datetime-local"], .adverts-form input[type="week"], .adverts-form input[type="number"], .adverts-form input[type="search"], .adverts-form input[type="tel"], .adverts-form input[type="color"], .adverts-form select, .adverts-form textarea { padding: 0.5em 0.6em; display: inline-block; /* border: 1px solid #ccc; box-shadow: inset 0 1px 3px #ddd; border-radius: 4px; */ width:60%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* Need to separate out the :not() selector from the rest of the CSS 2.1 selectors since IE8 won't execute CSS that contains a CSS3 selector. */ .adverts-form input:not([type]) { padding: 0.5em 0.6em; display: inline-block; /* border: 1px solid #ccc; box-shadow: inset 0 1px 3px #ddd; border-radius: 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; */ } /* Chrome (as of v.32/34 on OS X) needs additional room for color to display. */ /* May be able to remove this tweak as color inputs become more standardized across browsers. */ .adverts-form input[type="color"] { padding: 0.2em 0.5em; } .adverts-form input[type="text"]:focus, .adverts-form input[type="password"]:focus, .adverts-form input[type="email"]:focus, .adverts-form input[type="url"]:focus, .adverts-form input[type="date"]:focus, .adverts-form input[type="month"]:focus, .adverts-form input[type="time"]:focus, .adverts-form input[type="datetime"]:focus, .adverts-form input[type="datetime-local"]:focus, .adverts-form input[type="week"]:focus, .adverts-form input[type="number"]:focus, .adverts-form input[type="search"]:focus, .adverts-form input[type="tel"]:focus, .adverts-form input[type="color"]:focus, .adverts-form select:focus, .adverts-form textarea:focus { outline: 0; outline: thin dotted \9; /* IE6-9 */ border-color: #129FEA; } /* Need to separate out the :not() selector from the rest of the CSS 2.1 selectors since IE8 won't execute CSS that contains a CSS3 selector. */ .adverts-form input:not([type]):focus { outline: 0; outline: thin dotted \9; /* IE6-9 */ border-color: #129FEA; } .adverts-form input[type="file"]:focus, .adverts-form input[type="radio"]:focus, .adverts-form input[type="checkbox"]:focus { outline: thin dotted #333; outline: 1px auto #129FEA; } .adverts-form .adverts-checkbox, .adverts-form .adverts-radio { margin: 0.5em 0; display: block; } .adverts-form input[type="text"][disabled], .adverts-form input[type="password"][disabled], .adverts-form input[type="email"][disabled], .adverts-form input[type="url"][disabled], .adverts-form input[type="date"][disabled], .adverts-form input[type="month"][disabled], .adverts-form input[type="time"][disabled], .adverts-form input[type="datetime"][disabled], .adverts-form input[type="datetime-local"][disabled], .adverts-form input[type="week"][disabled], .adverts-form input[type="number"][disabled], .adverts-form input[type="search"][disabled], .adverts-form input[type="tel"][disabled], .adverts-form input[type="color"][disabled], .adverts-form select[disabled], .adverts-form textarea[disabled] { cursor: not-allowed; /*background-color: #eaeded;*/ /*color: #cad2d3;*/ } /* Need to separate out the :not() selector from the rest of the CSS 2.1 selectors since IE8 won't execute CSS that contains a CSS3 selector. */ .adverts-form input:not([type])[disabled] { cursor: not-allowed; background-color: #eaeded; color: #cad2d3; } .adverts-form input[readonly], .adverts-form select[readonly], .adverts-form textarea[readonly] { background: #eee; /* menu hover bg color */ color: #777; /* menu text color */ border-color: #ccc; } .adverts-form input:focus:invalid, .adverts-form textarea:focus:invalid, .adverts-form select:focus:invalid { color: #b94a48; border-color: #ee5f5b; } .adverts-form input:focus:invalid:focus, .adverts-form textarea:focus:invalid:focus, .adverts-form select:focus:invalid:focus { border-color: #e9322d; } .adverts-form input[type="file"]:focus:invalid:focus, .adverts-form input[type="radio"]:focus:invalid:focus, .adverts-form input[type="checkbox"]:focus:invalid:focus { outline-color: #e9322d; } .adverts-form select { border: 1px solid #ccc; background-color: white; } .adverts-form select[multiple] { height: auto; } .adverts-form label { margin: 0.5em 0 0.2em; } .adverts-form fieldset { margin: 0; padding: 0.35em 0 0.75em; border: 0; } .adverts-form legend { display: block; width: 100%; padding: 0.3em 0; margin-bottom: 0.3em; color: #333; border-bottom: 1px solid #e5e5e5; } .adverts-form-stacked input[type="text"], .adverts-form-stacked input[type="password"], .adverts-form-stacked input[type="email"], .adverts-form-stacked input[type="url"], .adverts-form-stacked input[type="date"], .adverts-form-stacked input[type="month"], .adverts-form-stacked input[type="time"], .adverts-form-stacked input[type="datetime"], .adverts-form-stacked input[type="datetime-local"], .adverts-form-stacked input[type="week"], .adverts-form-stacked input[type="number"], .adverts-form-stacked input[type="search"], .adverts-form-stacked input[type="tel"], .adverts-form-stacked input[type="color"], .adverts-form-stacked select, .adverts-form-stacked label, .adverts-form-stacked textarea { display: block; margin: 0.25em 0; width: 100%; } /* Need to separate out the :not() selector from the rest of the CSS 2.1 selectors since IE8 won't execute CSS that contains a CSS3 selector. */ .adverts-form-stacked input:not([type]) { display: block; margin: 0.25em 0; } .adverts-form-stacked .adverts-control-group { margin-top: 10px; } .adverts-form-stacked .adverts-control-group.adverts-field-header { margin-top: 20px; clear: both; overflow: hidden; } .adverts-form-stacked .adverts-control-group > label { font-weight: bold; } .adverts-form-aligned input, .adverts-form-aligned textarea, .adverts-form-aligned select, /* NOTE: pure-help-inline is deprecated. Use .adverts-form-message-inline instead. */ .adverts-form-aligned .adverts-help-inline, .adverts-form-message-inline { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } .adverts-form-aligned textarea { vertical-align: top; } /* Aligned Forms */ .adverts-form-aligned .adverts-control-group { margin-bottom: 0.5em; } .adverts-form-aligned .adverts-control-group > label { /*text-align: right;*/ display: inline-block; vertical-align: middle; width: 30%; margin: 0 1em 0 0; } .adverts-form-aligned .adverts-controls { margin: 1.5em 0 0 10em; } /* Rounded Inputs */ .adverts-form input.adverts-input-rounded, .adverts-form .adverts-input-rounded { border-radius: 2em; padding: 0.5em 1em; } /* Grouped Inputs */ .adverts-form .adverts-group fieldset { margin-bottom: 10px; } .adverts-form .adverts-group input { display: block; padding: 10px; margin: 0; border-radius: 0; position: relative; top: -1px; } .adverts-form .adverts-group input:focus { z-index: 2; } .adverts-form .adverts-group input:first-child { top: 1px; border-radius: 4px 4px 0 0; } .adverts-form .adverts-group input:last-child { top: -2px; border-radius: 0 0 4px 4px; } .adverts-form .adverts-group button { margin: 0.35em 0; } .adverts-form .adverts-input-1 { width: 100%; } .adverts-form .adverts-input-2-3 { width: 66%; } .adverts-form .adverts-input-1-2 { width: 50%; } .adverts-form .adverts-input-1-3 { width: 33%; } .adverts-form .adverts-input-1-4 { width: 25%; } /* Inline help for forms */ /* NOTE: pure-help-inline is deprecated. Use .adverts-form-message-inline instead. */ .adverts-form .adverts-help-inline, .adverts-form-message-inline { display: inline-block; padding-left: 0.3em; color: #666; vertical-align: middle; font-size: 0.875em; } /* Block help for forms */ .adverts-form-message { display: block; color: #666; font-size: 0.875em; } .adverts-form .adverts-form-input-group label { margin: 0; } /* .adverts-form-input-group-checkbox { clear: both; overflow: hidden; } */ .adverts-field-rows-0 > div { display: inline-block; margin-right: 10px; } .adverts-field-rows-1 > div { } .adverts-field-rows-2 > div { width: 50%; float: left; } .adverts-field-rows-3 > div { width: 33%; float: left; } .adverts-field-rows-4 > div { width: 25%; float: left; } @media only screen and (max-width : 480px) { .adverts-form button[type="submit"] { margin: 0.7em 0 0; } .adverts-form input:not([type]), .adverts-form input[type="text"], .adverts-form input[type="password"], .adverts-form input[type="email"], .adverts-form input[type="url"], .adverts-form input[type="date"], .adverts-form input[type="month"], .adverts-form input[type="time"], .adverts-form input[type="datetime"], .adverts-form input[type="datetime-local"], .adverts-form input[type="week"], .adverts-form input[type="number"], .adverts-form input[type="search"], .adverts-form input[type="tel"], .adverts-form input[type="color"], .adverts-form label { margin-bottom: 0.3em; display: block; } .adverts-group input:not([type]), .adverts-group input[type="text"], .adverts-group input[type="password"], .adverts-group input[type="email"], .adverts-group input[type="url"], .adverts-group input[type="date"], .adverts-group input[type="month"], .adverts-group input[type="time"], .adverts-group input[type="datetime"], .adverts-group input[type="datetime-local"], .adverts-group input[type="week"], .adverts-group input[type="number"], .adverts-group input[type="search"], .adverts-group input[type="tel"], .adverts-group input[type="color"] { margin-bottom: 0; } .adverts-form-aligned .adverts-control-group label { margin-bottom: 0.3em; text-align: left; display: block; width: 100%; } .adverts-form-aligned .adverts-controls { margin: 1.5em 0 0 0; } /* NOTE: pure-help-inline is deprecated. Use .adverts-form-message-inline instead. */ .adverts-form .adverts-help-inline, .adverts-form-message-inline, .adverts-form-message { display: block; font-size: 0.75em; /* Increased bottom padding to make it group with its related input element. */ padding: 0.2em 0 0.8em; } } .adverts-modal { display: none; position: absolute; left: 0px; top: 0px; width:100%; height:100%; z-index: 10000; background-color: rgba(255, 255, 255, 0.5); } .wpjb.wpjb-overlay.show { display:block; } .wpjb.wpjb-overlay h2 { font-size: 22px; } .wpjb.wpjb-overlay p { margin: 5px 0 25px 0; } .adverts-modal .adverts-modal-inner { min-width:550px; /* height: 400px; */ margin: 0; background-color: #fff; border:1px solid silver; padding:15px 15px 15px 15px; -moz-box-shadow: 0 0 5px 5px #888; -webkit-box-shadow: 0 0 5px 5px #888; box-shadow: 0 0 5px 5px whitesmoke; } /* MULTISELECT */ .adverts-form.adverts-form-aligned .adverts-control-group > div.adverts-multiselect-holder { width: 60%; } .adverts-form.adverts-form-aligned .adverts-multiselect-options label { float: initial; width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } input[type=text].adverts-multiselect-input { cursor:pointer; margin-bottom: 0px; z-index: 100; background-image: url("../images/icon-arrow-down.png"); background-repeat: no-repeat; background-position: 98% 50%; width:100%; } input[type=text].adverts-multiselect-input.adverts-multiselect-open { border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } .adverts-multiselect-options { min-height: 50px; max-height: 250px; min-width: 200px; overflow-y: scroll; border: 1px solid silver; border-top: 0px solid transparent; border-right: 0px solid transparent; display: none; width:100%; z-index:10000; position: absolute; background-color: white; -moz-box-shadow: 0 4px 3px -3px whitesmoke; -webkit-box-shadow: 0 4px 3px -3px whitesmoke; box-shadow: 0 4px 3px -3px whitesmoke; } .adverts-multiselect-options > label { display: block; padding: 2px 6px 2px 6px; margin: 0px; color: black; font-size: 14px; line-height: 20px; } .adverts-multiselect-options > label:hover { background-color: whitesmoke; } .adverts-multiselect-options > label > input { display: inline; width: auto; vertical-align: text-top; } ul.adverts-tabs { margin: 0px; padding: 0 10px 0; list-style: none; border-bottom: 1px solid whitesmoke; } ul.adverts-tabs li.current { color: #222; border: 1px solid whitesmoke; border-bottom: 1px solid white; top: 0px; } ul.adverts-tabs li { background: none; border: 1px solid transparent; color: #222; display: inline-block; padding: 10px 15px; cursor: pointer; margin: 0 0 -1px 0; } .adverts-tab-content { border:1px solid whitesmoke; border-top: 0; padding: 1em; } .advert-img { background: -moz-linear-gradient(-45deg, rgba(247,247,247,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(247,247,247,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(-45deg, rgba(247,247,247,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(-45deg, rgba(247,247,247,1) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(-45deg, rgba(247,247,247,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */ background: linear-gradient(135deg, rgba(247,247,247,1) 0%,rgba(255,255,255,0) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .adverts-grid-with-icons .adverts-grid-col { line-height: 34px; } .adverts-round-icon { display: inline-block; border: 0px solid transparent; background: #f5f5f5 !important; color: #999; border-radius: 999px; width: 32px !important; height: 32px !important; line-height: 32px !important; left: -32px; text-align: center; top: -8px; font-size: 17px; cursor: default !important; } /* MANAGE */ .adverts-manage-grid .adverts-manage-title, .adverts-manage-grid .adverts-manage-date { font-size: 15px; display: inline-block; line-height: 18px; padding: 10px 0 0px 0; } .adverts-manage-grid .adverts-col-actions { height: 30px; } /* CATEGORIES */ .adverts-flexbox { display: block; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (doesn't work very well) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; flex-flow: row wrap; /* Then we define how is distributed the remaining space */ } .adverts-flexbox-item { box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); border: 0; padding: 0; text-align: center; background: rgba(0,0,0,0.02); float: left; position: relative; box-sizing: content-box; -webkit-flex-align: flex-start; -ms-flex-align: flex-start; -webkit-align-items: flex-start; align-items: flex-start; display: -webkit-flexbox; display: -ms-flexbox; display: -webkit-flex; display: flex; } .adverts-flexbox-columns-1 { width: 100%; } .adverts-flexbox-columns-2 { width: 48%; margin: 0% 1% 2% 1%; } .adverts-flexbox-columns-3 { width: 31%; margin: 0% 1% 2% 1%; } .adverts-flexbox-columns-4 { width: 23%; margin: 0% 1% 2% 1%; } .adverts-flexbox-columns-5 { width: 18%; margin: 0% 1% 2% 1%; } .adverts-flexbox-wrap { width: 100%; } .adverts-flexbox-icon { display: block; font-size: 64px; color: #DF3539; height: 80px; line-height: 80px; } .adverts-flexbox-title { text-decoration: none; color: black; display: inline-block; font-weight: bold; padding: 0.5em 0 0.5em 0; } .adverts-flexbox-list { margin: 0 !important; padding: 0 !important; list-style-type: none; } .adverts-flexbox-list > li { margin: 0 !important; list-style-type: none; list-style-position: inside; padding: 0 0 4px 2px; } .adverts-flexbox-wrap a { text-decoration: none; } .adverts-category-link { position: absolute; top:0; left:0; width:100%; height:100%; } .adverts-category-link:hover { background-color: rgba(192,192,192,0.05); } .adverts-categories-all .adverts-flexbox-item { text-align: left; padding: 4px; box-sizing: border-box; } .adverts-category-all-main { font-weight: bold; padding: 4px 0 8px 0; display:inline-block; } .adverts-category-all-main > span:before { font-size: 22px; color: gray; } .wpadverts-video-fit { object-fit: cover; position: relative; top: 50%; transform: translateY(-50%); } /* WIDGETS */ .adverts-widget-categories .adverts-widget-grid-link:before { opacity: 0.7; } .adverts-widget-categories .adverts-widget-category-current a { font-weight: bold; } .adverts-widget-recent { clear: both; overflow: hidden; padding: 10px 0 10px 0; border-bottom: 1px solid #e5e5e5; } .adverts-widget-recent:hover { background: #f9f9f9; } .adverts-widget-recent .advert-widget-recent-item { display: block; margin: 0 0 0.5rem 0; font-weight: 700; font-size: 1.05rem; line-height: 1.3rem; } .adverts-widget-recent .adverts-widget-recent-title { display: inline-block; } .adverts-widget-recent .adverts-widget-recent-title a, .adverts-widget-recent .adverts-widget-recent-title a:visited { color: #21759b; text-decoration: none; } .adverts-widget-recent .adverts-widget-recent-location { display: inline-block; float: left; margin: 0 5px 0 0; color: #666; } .adverts-widget-recent .adverts-widget-recent-location .adverts-icon-location:before { margin-left: 0; } .adverts-widget-recent .advert-widget-recent-price { display: inline-block; float: right; color: #b34040; font-weight: bold; } .adverts-widget-recent .advert-widget-recent-item-img { width: 65px; height: 45px; float: left; } .adverts-widget-recent .advert-widget-recent-item-img > img { max-width: 60px; max-height: 42px; margin: 0 5px 0 0; border-radius: 0; box-shadow: none; display: block; } .adverts-widget-recent .advert-widget-recent-item-img .advert-widget-recent-item-img-blank { width: 60px; height: 42px; float: left; background: whitesmoke; } .adverts-widget-recent .advert-widget-recent-item-text { } .adverts-widget-recent .advert-widget-recent-item-text.advert-widget-recent-item-with-img { float: left; width: calc( 100% - 65px ); } @media all and (min-width: 760px) { } @media all and (min-width: 0px) and (max-width: 760px) { .adverts-search .advert-input.advert-input-type-half:nth-of-type(2n+1), .adverts-search .advert-input.advert-input-type-half:nth-of-type(2n+2) { margin-left: 0; margin-right: 0; width: 100%; } .adverts-form-filters { margin-bottom: 1em; } .adverts-switch-view { display: none; } body .adverts-options-right { width: 100%; } body .adverts-search-form .adverts-button-small { width: 100%; box-sizing: border-box; height: 36px; line-height: 36px; } .advert-item.advert-item-col-4, .advert-item.advert-item-col-3, .advert-item.advert-item-col-2 { width: 100%; margin: 0 0 1em 0; } .adverts-single-author { width: 100% } .adverts-row-title { display: none; } .adverts-single-grid-details .adverts-col-30 { width: auto; } .adverts-single-price { float: left; } .adverts-form input[type="text"], .adverts-form input[type="password"], .adverts-form textarea, .adverts-form-aligned #adverts-plupload-upload-ui, .adverts-form.adverts-form-aligned .adverts-control-group > div.adverts-multiselect-holder, .adverts-form.adverts-form-aligned .adverts-control-group > div.adverts-autocomplete-holder, .adverts-form.adverts-form-aligned .adverts-control-group > div { width: 100%; } .adverts-form.adverts-form-aligned .adverts-control-group > div { padding: 0; } .adverts-manage-grid .adverts-col-title { width: 100%; } .adverts-manage-grid .adverts-col-date { width: 50%; } .adverts-manage-grid .adverts-col-actions { width: 50%; float: right; } .adverts-categories-top .adverts-flexbox-columns-3, .adverts-categories-top .adverts-flexbox-columns-4, .adverts-categories-top .adverts-flexbox-columns-5 { width: 48%; margin: 0% 1% 2% 1%; } .adverts-categories-all .adverts-flexbox-columns-2, .adverts-categories-all .adverts-flexbox-columns-3, .adverts-categories-all .adverts-flexbox-columns-4, .adverts-categories-all .adverts-flexbox-columns-5 { width: 100%; margin-left: 0; margin-right: 0; } .adverts-manage-info { float: left; display: block; width: 100%; } .adverts-manage-actions-right { float: left; } .adverts-manage-actions-right a.adverts-manage-action { margin: 5px 5px 0 0; } .adverts-form.adverts-form-aligned .adverts-control-group > textarea { margin: 0 0 0 0; } } @media all and (max-width: 240px) { .adverts-categories-top .adverts-flexbox-columns-3, .adverts-categories-top .adverts-flexbox-columns-4, .adverts-categories-top .adverts-flexbox-columns-5 { width: 100%; margin: 0 0 1em 0; } } .adverts-field-radio .adverts-form-input-group > div { /* display: block; */ clear: both; } .wpadverts-list-item-marked-as-sold { background-color: #ffcc00; color: white; font-weight: bold; font-size: 11px; padding: 2px 4px; display: inline-block; line-height: 16px; margin-left: 4px; } .adverts-form input.wpadverts-autocomplete { width: 100% !important; }