Files
newwalls.pl/themes/ayon__/assets/css/custom.css
2024-12-17 13:43:22 +01:00

1105 lines
22 KiB
CSS

/*
* Custom code goes here.
* A template should always ship with an empty custom.css
*/
.product-variants:nth-of-type(2):hover {
background-color: transparent;
scale: 100%;
padding-right: 0;
margin-right: 0;
margin-bottom: 0;
}
.product-variants:hover {
background-color: #555;
border-radius: 3px;
scale: 110%;
padding-right: 30px;
margin-right: -20px;
margin-bottom: 20px;
}
.product-bar .product-variants, #button-mirror-reflection, .product-block-piece{
transition: ease-in-out 0.1s all;
}
#button-mirror-reflection:hover {
background-color: #555;
border-radius: 3px;
scale: 110%;
padding-right: 30px;
margin-right: -20px;
margin-bottom: 20px;
z-index: 1000;
}
.product-block-piece:hover {
background-color: #555;
border-radius: 3px;
scale: 110%;
padding-right: 30px;
margin-right: -20px;
margin-bottom: 20px;
}
.reviews-list-title {
justify-content: center;
display: block;
float: left;
clear: left;
width: 100%;
}
.product-additional-block{
/* width: calc(50% - 10px); */
width: calc(100% - 10px);
margin: 0 5px;
float: left;
border: 1px solid #ddd;
margin-top:20px;
}
.product-additional-block .block-title{
text-align: center;
background-color: #3d3d3d;
color: #fff;
padding: 10px 0;
font-weight: 400;
font-size:15px;
}
.product-additional-block .block-content{
font-size: 12px;
padding: 10px;
}
.product-manual-button{
padding: 10px 20px;
margin: 5px;
border: 1px solid;
width: calc(50% - 10px);
display: inline-block;
float: left;
text-align: center;
}
#header .logo {
max-height: 40px;
}
#roycontent_top{
margin-top: 70px;
}
#phblogrecentposts{
margin-top: 50px;
}
body#module-ph_simpleblog-list rs-fullwidth-wrap, body#module-ph_simpleblog-single rs-fullwidth-wrap, body#module-ph_simpleblog-category rs-fullwidth-wrap{
display:none;
}
body:not(#index) #header:not(.normal) .layout_layout1:not(.ybc_vertical_menu) .mm_menus_li > a {
color: #1c1c1c!important;
}
body:not(#index) #header:not(.normal) .row.action > div svg * {
stroke: #1c1c1c!important;
}
body:not(#index) #header:not(.normal) .row.action .blockcart a i {
background-color: #1c1c1c;
}
body:not(#index) #header:not(.normal) .logo-normal {
display: block;
}
body:not(#index) #header:not(.normal) .logo-trans {
display: none;
}
.logo_loader {
max-width: 150px;
}
.wallcover-button{
background-color: #222;
display: inline-block;
padding: 10px 20px;
color: #fff;
}
body#index #roycontent_top > .row > ul > li:nth-child(2) > .li-cont > a > h2, body#index #roycontent_top > .row > ul > li:nth-child(4) > .li-cont > a > h2{
width:50%;
float:left;
opacity: 1 !important;
}
body#index #roycontent_top > .row > ul > li:nth-child(2) > .li-cont > a > img, body#index #roycontent_top > .row > ul > li:nth-child(4) > .li-cont > a > img{
width:50%;
float:right;
}
body#index #roycontent_top > .row > ul > li:nth-child(3) > .li-cont > a > h2, body#index #roycontent_top > .row > ul > li:nth-child(5) > .li-cont > a > h2{
width:50%;
float:right;
margin-left: 50%;
opacity: 1 !important;
}
body#index #roycontent_top > .row > ul > li:nth-child(3) > .li-cont > a > img, body#index #roycontent_top > .row > ul > li:nth-child(5) > .li-cont > a > img{
width:50%;
float:left;
}
.messenger-contact-container{
position: fixed;
right: 10px;
bottom: 10px;
z-index: 1000;
}
.messenger-contact-tip{
display: none;
position: absolute;
right: 0;
top: 10px;
width: 200px;
margin-right: 10px;
border-radius: 20px;
padding: 10px 20px;
z-index: 10000;
background: #0084ff;
color: #fff;
font-size: 12px;
}
#header.normal .row.action {
padding: 5px 15px;
}
#header.sticky.normal .row.action {
padding: 5px 15px;
}
#header .row.action {
min-height:auto;
}
#roy_brands{
display:none;
}
body#product .product-quantity .qty, body#product .prod-buttons, body#product .product-minimal-quantity{
display:none;
}
.product-bar{
width: 100%;
background-color: #3d3d3d;
position: absolute;
left: 0;
height: 120px;
padding: 0px 80px;
}
.product-bar-container{
height: 120px;
margin-bottom: 0px;
}
.payu-form-margin{
margin-bottom: 50px;
}
@media (max-width:1404px){
.product-bar{
display: flex;
justify-content: center;
flex-wrap: wrap;
height: auto;
}
.product-bar-container{
margin-bottom: 100px;
}
.add-to-cart{
margin-bottom: 20px !important;
}
}
@media (max-width:990px){
.product-bar-container{
margin-bottom: 200px;
}
}
@media (max-width:675px){
.product-bar{
justify-content: left;
padding: 0px;
}
.product-bar-container{
margin-bottom: 250px;
}
.product-block-piece:first-of-type{
margin-left: 30px !important;
}
}
@media (max-width:450px){
.product-bar-container{
margin-bottom: 440px;
}
}
.product-bar{
display: flex;
padding-bottom: 14px;
}
.product-add-to-cart{
margin-top: 12px !important;
margin-left: 22px;
}
body#product .product-variants{
margin-top: 40px;
}
body:not(#index) #top_column{
display:none;
}
body#product #tabsection{
width:50%;
float:left;
margin-top: 0;
}
body#product #roycontent_productbeforebuy {
float: left;
width: 50%;
clear: none;
margin: 0;
padding: 0;
}
body#product #roycontent_productbeforebuy ul li{
width: 100% !important;
}
body#index #roycontent_top ul li{
margin: 0;
}
@media (max-width:991px){
body#product #tabsection, body#product #roycontent_productbeforebuy{
width:100%;
}
body#product #tabsection{
margin-left:auto;
margin-right:auto;
}
.product-manual-button {
width: calc(100% - 10px);
}
}
#roycontent_footer .row > ul > li{
width:100%;
}
.footer-column{
width: 25%;
float: left;
text-align: left;
}
@media (max-width:991px){
.footer-column{
width: 100%;
}
.footer-column h4{
margin-top: 40px;
}
.footer-column:first-child h4{
margin-top: 0;
}
.products-section-title{
font-size: 34px !important;
}
}
.footer-container > .container > .row{
display:none;
}
.footer-column h4{
margin-bottom:25px;
text-transform:uppercase;
}
.footer-column p{
margin-bottom: 0;
float:left;
clear:left;
}
.footer-column a{
display:inline-block;
float:left;
clear:left;
margin-bottom:5px;
}
#roycontent_footer .html_inside:after{
content:"";
width:25%;
float:left;
height:100px;
background-image:url("/modules/roy_customizer/upload/logo-normal-1.png");
background-size:contain;
background-position:center;
background-repeat:no-repeat;
}
@media (max-width:991px){
#roycontent_footer .html_inside:after{
display:none;
}
}
.product-block-prices{
display: inline-block;
float: right;
}
h1.h1.product-title{
display: inline-block;
}
body#product .container .col-content{
display:none;
}
body#product .container .col-image{
width:100%;
float: left;
margin: auto !important;
}
body#product .product-discounts{
margin-bottom:0;
}
body#product .product-prices {
margin-top:0;
}
body.wcag *{
color:#ffff00 !important;
border-color:#ffff00 !important;
background-color:#000 !important;
box-shadow: none !important;
}
body.wcag .ets_mm_block > h4 > a{
color:#ffff00 !important;
}
body.wcag .ets_mm_megamenu.transition_default .mm_menus_li .mm_columns_ul{
background: #000 !important;
border: 10px solid #ffff00 !important;
}
body.wcag #header.normal .row.action > div svg *{
stroke: #ffff00 !important;
}
body.wcag #header.normal i{
background-color:#ffff00 !important;
}
body.wcag #header.normal .row.action .blockcart a span.cart-products-count {
background: #ffff00 !important;
color: #000 !important;
}
#button-wcag{
height:28px;
width: 28px;
cursor:pointer;
margin-right: 12px;
}
#button-wcag svg{
fill: #1c1c1c !important;
}
#button-wcag::after{
content: "";
display: block;
border: 1px solid #806d4b;
height: 100%;
margin-left: 11px;
}
body.wcag #button-wcag svg{
fill: #ffff00 !important;
}
body.wcag .messenger-contact-tip{
background-color:#ffff00 !important;
}
body.wcag .messenger-contact-tip svg *{
stroke: #000 !important;
}
.toggle-listing-filters {
padding: 10px 20px;
margin: 5px;
border: 1px solid;
cursor:pointer;
user-select:none;
}
main.filtersHidden .toggle-listing-filters .hide-filters{
display:none;
}
main:not(.filtersHidden) .toggle-listing-filters .hide-filters{
display:block;
}
main:not(.filtersHidden) .toggle-listing-filters .show-filters{
display:none;
}
main.filtersHidden #content-wrapper{
width:100%;
}
main.filtersHidden #left-column{
display:none !important;
}
@media (min-width: 992px) {
main.filtersHidden .js-product-miniature{
width: 25% !important;
}
}
body.size-2 *:not(span):not(p) > a, body.size-2 p, body.size-2 *:not(a):not(button) > span:not(.mm_bubble_text), body.size-2 h1, body.size-2 h2, body.size-2 h3, body.size-2 h4, body.size-2 h5, body.size-2 h6, body.size-2 .block-content, body.size-2 .block-title, body.size-2 .btn:not(.btn-touchspin) {
font-size: 120% !important;
line-height: 120% !important;
}
body.size-3 *:not(span):not(p) > a, body.size-3 p, body.size-3 *:not(a):not(button) > span:not(.mm_bubble_text), body.size-3 h1, body.size-3 h2, body.size-3 h3, body.size-3 h4, body.size-3 h5, body.size-3 h6, body.size-3 .block-content, body.size-3 .block-title, body.size-3 .btn:not(.btn-touchspin) {
font-size: 140% !important;
line-height: 140% !important;
}
body.size-4 *:not(span):not(p) > a, body.size-4 p, body.size-4 *:not(a):not(button) > span:not(.mm_bubble_text), body.size-4 h1, body.size-4 h2, body.size-4 h3, body.size-4 h4, body.size-4 h5, body.size-4 h6, body.size-4 .block-content, body.size-4 .block-title, body.size-4 .btn:not(.btn-touchspin) {
font-size: 160% !important;
line-height: 160% !important;
}
body.size-5 *:not(span):not(p) > a, body.size-5 p, body.size-5 *:not(a):not(button) > span:not(.mm_bubble_text), body.size-5 h1, body.size-5 h2, body.size-5 h3, body.size-5 h4, body.size-5 h5, body.size-5 h6, body.size-5 .block-content, body.size-5 .block-title, body.size-5 .btn:not(.btn-touchspin) {
font-size: 180% !important;
line-height: 180% !important;
}
/* 100% na stale */
p span, p a, h1 span, h2 span, h3 span, h4 span, h5 span, h6 span, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{
font-size: 100% !important;
line-height: 100% !important;
}
#buttons-size-wcag{
display: inline-block !important;
}
.button-wcag-size-down, .button-wcag-size-up{
height: 15px;
text-align: center;
width: 100%;
cursor: pointer;
font-size: 21px;
margin-top: -1px;
user-select: none;
}
.product-images .piece{
position: absolute;
left: 0;
top: 0;
width: 20%; /* 1 cm = 0.2% */
height: 33.3333%; /* 1 cm = 0.3333% */
background: rgba(255,255,255,0.3);
border: 1px solid #fff;
cursor: move;
}
.product-block-piece{
float: left;
display: inline-block;
margin-top: 20px;
margin-left: 30px;
}
.product-block-piece:first-of-type{
margin-left: 0px;
}
.product-bar label, .piece-divider, #custom-wallpaper-price, #custom-wallpaper-price-label{
color: #fff;
user-select:none;
}
#checkbox-piece{
height:auto;
margin-right:10px;
}
#piece-width, #piece-height{
height: auto;
padding: 5px;
width: 55px;
}
.piece-size-controls, .piece-size-values{
width: auto;
clear: both;
}
.piece-size-values{
float:right;
}
#piece, .piece-size-values{
/* display:none; */
}
.product-block-custom-price{
display:inline-block;
margin-top: 20px;
margin-left: 30px;
min-width: 94px;
}
#custom-wallpaper-price{
/* display:none; */
text-align: center;
}
#custom-wallpaper-price-label{
margin-bottom: 12px;
text-align: center;
/* display:none; */
}
.product-images img.thumb{
user-select:none;
}
.product-images img.thumb.mirrored{
transform: scaleX(-1);
}
#piece.mirrored{
transform: scaleX(-1);
background-position:left;
}
#button-mirror-reflection{
margin-top: 20px;
display: inline-block;
float: left;
margin-left: 30px;
cursor: pointer;
user-select:none;
}
#button-mirror-reflection p{
color:#fff;
}
.product_image_wrapper > .images-container > .mask, .product_image_wrapper > .images-container > .mask .thumb-container{
overflow:visible !important;
}
.wallpaper-ruler.ruler-horizontal{
top: -23px;
position: absolute;
width: 100%;
height: 10px;
border: 1px solid #888;
border-bottom: 0;
}
.wallpaper-ruler.ruler-vertical{
right: -23px;
position: absolute;
width: 10px;
height: 100%;
border: 1px solid #888;
border-left: 0;
top: 0;
}
.wallpaper-ruler p{
margin: 0;
text-align: center;
font-size: 12px;
}
.wallpaper-ruler.ruler-horizontal p{
width: 100%;
margin-top: -2px;
}
.wallpaper-ruler.ruler-vertical p{
transform: translate3d(-50%, -50%, 0) rotate(-90deg );
position: absolute;
top: 50%;
}
.flag-eu img{
max-height: 80px;
}
.product_image_wrapper .product-thumbs-wrapper{
display:none;
}
body#product .product-variants .product-variants-item{
margin:0;
}
.product-bar .product-variants{
display: inline-block;
margin-top: 20px !important;
margin-left: 30px;
text-align: center;
color: #fff;
float:left;
}
#textSearch{
width: calc(100% - 30px);
float:left;
}
#clearTextSearch{
float: left;
margin-left: 5px;
width: 25px;
height: 25px;
background-color: #e6e6e6;
border-radius: 13px;
text-align: center;
line-height: 25px;
font-size: 11px;
margin-top: 15px;
cursor: pointer;
}
body:not(#index) #bottom_column {
padding-top: 0;
padding-bottom: 0;
}
.product-bar-icon svg{
fill: #ffffff !important;
width: 100% !important;
height: 100% !important;
}
.product-bar-icon{
float:left;
}
.product-bar-box{
float:left;
}
.product-bar-box select.form-control{
padding: 5px 20px 5px 10px !important;
height: auto !important;
min-height: unset !important;
min-width: 130px !important;
}
.product-bar-box span{
text-align:left !important;
}
.product-bar-icon {
height: 50px !important;
max-width: 50px;
margin-right: 10px !important;
border-left: 1px solid;
padding-left: 20px;
box-sizing: content-box;
border-color: #eee !important;
}
.button-mirror-reflection-label{
margin-top: 24px;
}
.piece-size-values, #custom-wallpaper-price, #custom-wallpaper-price-label{
opacity: 0.23;
}
#piece{
display: none;
}
body#product #main .images-container .product-images li.thumb-container .thumb{
max-width: 1000px;
}
body#product #main .images-container .product-images li.thumb-container, body#product #main .images-container .product-images, body#product #main .images-container{
display: inline-block;
}
body#product #main .product_image_wrapper{
display: flex;
}
body#product #main .images-container{
margin: auto;
}
body#product #main .images-container .product-images li.thumb-container .thumb.dark{
opacity: 0.3;
}
body#product #main .images-container .product-images li.thumb-container{
background-color:#000;
}
body#product #human{
background-image: url("/img/wysokosc_czlowieka.png");
width: 97px;
display: block;
height: 57%;
position: absolute;
right: -158px;
bottom: 0;
background-repeat: no-repeat;
background-size: auto 100%;
background-position: left;
}
@media (max-width:1330px){
body#product #human{
display: none;
}
}
.wariant_kolorystyczny > label{
cursor:pointer;
}
@media (min-width:767px){
body#category #main{
padding-top: 0 !important;
}
.category-cover .img-responsive{
max-width: unset;
width:100%;
}
}
body#category h1, body#category #category-description{
text-align:center;
}
.products.row .thumbnail-container .action-block{
display:none !important;
}
body.cms-id-9 #content > p:first-child{
height: 18.6vw;
}
body.cms-id-9 #content > p:first-child img{
position: absolute;
left: 0;
}
body.cms-id-9 .page-header{
display: none;
}
body.cms-id-9 #main{
padding-top: 0 !important;
}
body.cms-id-9 h1{
text-align: center;
padding-top: 25px;
padding-bottom: 8px !important;
}
body.cms-id-9 .yours-desc{
text-align: center;
line-height: 1.5rem !important;
font-weight:400 !important;
}
#category-description p{
font-weight:400 !important;
}
.button-open-hp{
width: 180px;
display: block;
margin: auto;
float: none;
text-align: center;
background-color: #806d4a;
color: #fff !important;
font-weight: 200;
padding: 8px;
font-size: 18px;
cursor: pointer;
user-select: none;
position: relative;
margin-top: 55px;
margin-bottom: 90px;
}
.button-open-hp::before, .button-open-hp::after{
content: "";
background-image: url(/img/hp-button-decoration.jpg);
width: 150px;
height: 23px;
position: absolute;
top: -29px !important;
left: 29% !important;
display: block;
width: 42%;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
cursor: default;
}
.button-open-hp::after{
transform: scale(-1);
top: auto !important;
bottom: -29px !important;
}
.yours-text-block{
width: 25.333%;
text-align: left;
float: left;
margin-right: 3%;
margin-left: 5%;
position: relative;
}
.yours-text-block .content{
font-weight: 300;
line-height: 21px;
}
.yours-text-block .title{
font-size: 22px;
font-weight: 400;
padding-bottom: 8px;
}
.yours-text-block.block-1::before{
content: "1";
}
.yours-text-block.block-2::before{
content: "2";
}
.yours-text-block.block-3::before{
content: "3";
}
.yours-text-block::before{
position: absolute;
left: -66px;
color: #806d4a;
width: 46px;
height: 48px;
border: 2px solid #88704e;
text-align: center;
line-height: 47px;
font-size: 24px;
font-weight: 100;
top: -9px;
}
@media (max-width:992px){
.yours-text-block{
width:calc(100% - 65px);
margin-bottom: 40px;
margin-right: 0;
margin-left: 65px;
}
}
#hp-wallart-iframe{
width: 100%;
height: 700px;
}
body.cms-id-10 h1{
display:none;
}
body.cms-id-10 #main{
padding-top:0 !important;
}
.product_count_block, .countcontainer, .count_icon.tip_inside{
display:none;
}
body#product main{
padding-top:0;
}
.product-top-banner{
width: 100%;
margin-left: -80px;
width: calc(100% + 160px);
margin-bottom: 70px;
}
.product-top-banner img{
width: 100%;
}
.btn-instagram {
-webkit-box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.2);
box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.2);
text-transform: uppercase;
font-weight: 600;
padding: .5rem 1.25rem;
background: #415994;
color: white;
}
.btn-instagram:hover {
color: white;
background: #203363;
}
.btn-instagram i {
margin-right: 8px;
font-size: 19px;
position: relative;
top: 2px;
}
@media (max-width:1320px){
.simpleblog__listing__post__wrapper{
display: flex;
align-items: center;
flex-direction: column;
}
}
.bg-white-important{
background-color: white !important;
}
.radio-item {
display: inline-block;
position: relative;
}
.radio-item input[type='radio'] {
display: none;
}
.radio-item label {
color: #666;
font-weight: normal;
}
.radio-item input[type=radio]:checked + label:after {
border-radius: 11px;
width: 14px;
height: 14px;
position: absolute;
top: 2px;
left: 2px;
content: " ";
display: block;
background-color: black !important;
}
.radio-item input[type=radio]:checked + .switchColor.customInput:after {
background-color: yellow !important;
}
.hidden {display: none !important; visibility:none !important;}
.strong {font-weight:strong;}
.fancybox-size-controls {display: block; color: white;}
.fancybox-material-controls {color: white; margin-top: -6px; display:block}
.product-block-piece .product-bar-icon {margin-top: 0px !important;}
.product-variants .product-bar-box {margin-top: 10px !important;}
.fancybox-active{ height: 100% !important;}
.text p {font-size: 11px; margin-bottom:5px;line-height: 18px; }
.material-canvas img,.material-sand img {max-width:100%}
.valid-width-alert, .valid-height-alert, .valid-alert {color: red;display: inline-block;}
.piece-height-px,.piece-width-px {background: #f2f2f2; position: absolute; color: #82704e; width: 50px; text-align: center;}
.piece-width-px {bottom: -25px; right: -1px;}
.piece-height-px {transform: rotate(270deg); bottom: 10px; right: -37px;}
.mirrored .piece-width-px {transform: scaleX(-1); bottom: -25px; left: -1px;}
.mirrored .piece-height-px {transform: rotate(270deg) scaleY(-1); bottom: 10px; left: -37px;}
.fancybox-size-controls:hover, .fancybox-material-controls:hover {color:white !important;}
@media (min-width: 767px) {
body#index #roycontent_top ul li:nth-child(1){order:1}
body#index #roycontent_top ul li:nth-child(2){order:3}
body#index #roycontent_top ul li:nth-child(2)>.li-cont{width: 100%}
body#index #roycontent_top ul li:nth-child(3){order:2}
body#index #roycontent_top ul li:nth-child(4){order:4}
body#index #roycontent_top ul li:nth-child(4)>.li-cont{width: 100%}
body#index #roycontent_top ul li:nth-child(5){order:5}
body#index #roycontent_top ul li:nth-child(6){order:7}
body#index #roycontent_top ul li:nth-child(6)>.li-cont{width: 100%}
body#index #roycontent_top ul li:nth-child(7){order:6}
body#index #roycontent_top ul li:nth-child(4n+1) {
text-align: right
}
}
.faceted-slider{
padding: 10px;
}
.product-variants::nth-of-type(1, 2):hover {
background-color: #555;
border-radius: 3px;
scale: 110%;
padding-right: 30px;
margin-right: -20px;
margin-bottom: 20px;
}
.product-bar .product-variants, #button-mirror-reflection, .product-block-piece{
transition: ease-in-out 0.1s all;
}
#button-mirror-reflection:hover {
background-color: #555;
border-radius: 3px;
scale: 110%;
padding-right: 30px;
margin-right: -20px;
margin-bottom: 20px;
z-index: 1000;
}
.product-block-piece:hover {
background-color: #555;
border-radius: 3px;
scale: 110%;
padding-right: 30px;
margin-right: -20px;
margin-bottom: 20px;
}
/*BM edit 27.10.2021 start */
#cart #cart-subtotal-shipping {display:none}
/*BM edit 27.10.2021 end*/