系统维护工具

登出

+ / home / koaigpw / www / wordpress / wpn_budomat / wp-content / themes / astra / assets / css / [ 返回根目录 ]

名称	大小	权限	修改时间
..	-	-	-
minified	[目录]	drwxr-xr-x	2021-03-14 20:53
unminified	[目录]	drwxr-xr-x	2021-03-14 20:53
main.css	7.24 KB	-rw-r--r--	2021-05-11 22:59

代码编辑器 :main.css

.block-number-1,
.block-number-2,
.block-number-3,
.block-number-4 {
    width: 50%;
    float: left;
    height: 160px;
    padding: 2%;
}

.column-nr-1 {
    flex-basis: 33.33% !important;
}

.column-nr-2 {
    flex-basis: 66.66% !important;
}

@media(max-width: 500px) {

.block-number-1,
    .block-number-2,
    .block-number-3,
    .block-number-4 {
        width: 50%;
        float: left;
        height: 180px;
        padding: 2%;
    }

.block-number-1 {
        border-top: 0px;
        border-right: 0px;
    }

.block-number-2 {
        border-bottom: 0px;
        border-left: 0px;
    }

.block-number-3 {
        border-bottom: 0px;
        border-right: 0px;

}

.block-number-4 {
        border-top: 0px;
        border-left: 0px;

}

@media(max-width: 800px) {

.block-number-1,
    .block-number-2,
    .block-number-3,
    .block-number-4 {
        width: 50%;
        float: left;
        height: 180px;
        padding: 2%;
    }

.wp-block-colum .column-nr-1 {
        flex-basis: 100% !important;
    }

.wp-block-colum .column-nr-2 {
        flex-basis: 100% !important;
    }
}

.block-number-1 {
    border-top: 1px solid rgba(106, 106, 106, 0.5);
    border-right: 1px solid rgba(106, 106, 106, 0.5);
}

.block-number-2 {
    border-bottom: 1px solid rgba(106, 106, 106, 0.5);
    border-left: 1px solid rgba(106, 106, 106, 0.5);
}

.block-number-3 {
    border-bottom: 1px solid rgba(106, 106, 106, 0.5);
    border-right: 1px solid rgba(106, 106, 106, 0.5);

}

.block-number-4 {
    border-top: 1px solid rgba(106, 106, 106, 0.5);
    border-left: 1px solid rgba(106, 106, 106, 0.5);
}

.ib-counter-number-prefix {
    font-size: 14px !important;
    color: #057583;
}

.ib-counter-number {
    color: #057583;
    font-size: 32px !important;
}

.number-exp .ib-counter-number {
    font-size: 80px !important;
}

.number-exp .ib-counter-title {
    font-size: 32px !important;
}

.ib-counter .ib-counter-number-suffix {
    color: #057583;
    font-size: 32px !important;
}

.number-exp .ib-counter {

line-height: 0 !important;
}

.number {
    transition: 1s;
}

/*OFERTA----------------------------------------------------------------------------*/

.offer {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.offer-window-left,
.offer-window-right,
.offer-window-center,
.offer-window-left1,
.offer-window-right1,
.offer-window-center1,
.offer-window-left2,
.offer-window-right2,
.offer-window-center2 {
    height: 200px !important;
    width: calc(100%/3 - 10px);
    margin: 5px;

}

@media(max-width: 700px) {

.offer-window-left,
    .offer-window-right,
    .offer-window-center,
    .offer-window-left1,
    .offer-window-right1,
    .offer-window-center1,
    .offer-window-left2,
    .offer-window-right2,
    .offer-window-center2 {
        height: 200px !important;
        width: calc(100%/2 - 10px);
        margin: 5px;

}
}

@media(max-width: 480px) {

.offer-window-left,
    .offer-window-right,
    .offer-window-center,
    .offer-window-left1,
    .offer-window-right1,
    .offer-window-center1,
    .offer-window-left2,
    .offer-window-right2,
    .offer-window-center2 {
        height: 200px !important;
        width: calc(100% - 10px);
        margin: 5px;

}
}

.offer a {
    display: block;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.div-offer {
    cursor: pointer;
    height: 100%;
    width: 100%;
    background: rgba(25, 24, 22, .6);
    position: relative;
    transition: 1s;
}

.offer .offer-window-left a .div-offer:hover,
.offer .offer-window-right a .div-offer:hover,
.offer .offer-window-center a .div-offer:hover,
.offer .offer-window-left1 a .div-offer:hover,
.offer .offer-window-right1 a .div-offer:hover,
.offer .offer-window-center1 a .div-offer:hover,
.offer .offer-window-left2 a .div-offer:hover,
.offer .offer-window-right2 a .div-offer:hover,
.offer .offer-window-center2 a .div-offer:hover {
    background: rgba(25, 24, 22, 0.2);
}

.div-offer div {
    position: relative;
    top: 5%;
    left: 5%;
    margin: 0;
    border: 1px solid rgba(255, 255, 255, .5);
    text-align: center;
    width: 90%;
    height: 90%;
    line-height: 200px;
}

.div-offer div h4 {
    font-size: 28px;
    font-family: 'Barlow', sans-serif;
    margin: 0;
    text-align: center;
    color: #fff;
    display: inline-block;
}

.offer-window-left,
.offer-window-left1,
.offer-window-left2 {
    transform: translateX(-100vw);
    transition: 1s;
}

.offer-window-right,
.offer-window-right1,
.offer-window-right2 {
    transform: translateX(100vw);
    transition: 1s;

}

.offer-window-center,
.offer-window-center1,
.offer-window-center2 {
    transform: scale(0);
    transition: 1s;

}

@media(max-width: 700px) {

.offer-window-center,
    .offer-window-center1,
    .offer-window-center2 {
        transform: scale(1);

}

.offer-window-left,
    .offer-window-left1,
    .offer-window-left2 {
        transform: translateX(0vw);
        transition: 1s;
    }

.offer-window-right,
    .offer-window-right1,
    .offer-window-right2 {
        transform: translateX(0vw);
        transition: 1s;

}

.offer-window-left1.active,
.offer-window-right1.active,
.offer-window-left.active,
.offer-window-right.active,
.offer-window-left2.active,
.offer-window-right2.active {
    transform: translateX(0vw);
}

.offer-window-center1.active,
.offer-window-center.active,
.offer-window-center2.active {
    transform: scale(1);

}

.logo-carousel-free .sp-lc-logo img {
    display: block;
    background-size: cover;
    max-height: 80px;
    width: auto;

}

.woocommerce ul.products li.product a img {
    max-height: 145px;
    width: auto !important;
}

.woocommerce div.product div.images img {
    display: block;
    width: auto !important;
    height: auto !important;
    box-shadow: none;
    margin-left: auto;
    margin-right: auto;
}

.woocommerce ul.products li.product a img,
.woocommerce-page ul.products li.product a img {
    margin-left: auto !important;
    margin-right: auto !important;

}

.woocommerce ul.products li.product a,
.woocommerce-page ul.products li.product .ast-woo-product-category {

text-align: center;
}

.woocommerce-product-gallery__image {
    max-height: 500px !important;
}

.site-title a {
    font-family: "Balloon" !important;
    color: #ae0000 !important;
    font-size: 45px;
}

#panel-fb {
    position: absolute;
    top: 0px;
    left: -260px;
    z-index: 99999;
    transition: left 0.5s ease-out 0s;
}

#panel-fb:hover {
    left: 0px;
}

#panel-fb #content-fb {
    width: 260px;
    padding: 0px;
}

#panel-fb #title-fb {
    width: 40px;
    background: url('https://server278674.nazwa.pl/wordpress/wpn_budomat/wp-content/uploads/2021/04/fejs.png') no-repeat;
    padding: 12px 5px 100px 5px;
    text-align: center;
    position: relative;
    top: 130px;
    left: 254px;
    z-index: 1;
    height: 130px;
    scale: 0.7;
}

.simplefilter_541 li.active {
    background-color: #0000 !important;
}

.woocommerce-tabs {
    float: right;
    width: 46% !important;
    clear: none !important;
}

.woocommerce-product-gallery__image {
    margin-top: 20px;
}

.copyright {
    background-color: #7a7a7a;
    color: #fff;
    text-align: center;

}