Save
This commit is contained in:
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -4,10 +4,8 @@
|
||||
*/
|
||||
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Noto+Serif+Display:ital,wght@0,100..900;1,100..900&display=swap');
|
||||
|
||||
$fInter: 'Inter',
|
||||
sans-serif;
|
||||
$fNotoSerifDisplay: 'Noto Serif Display',
|
||||
serif;
|
||||
$fInter: 'Inter', sans-serif;
|
||||
$fNotoSerifDisplay: 'Noto Serif Display', serif;
|
||||
|
||||
$cDark: #3c3c3c;
|
||||
$cGold: #806d4b;
|
||||
@@ -113,11 +111,15 @@ 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 {
|
||||
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 * {
|
||||
body:not(#index) #header:not(.normal) .row.action > div svg * {
|
||||
stroke: #1c1c1c !important;
|
||||
}
|
||||
|
||||
@@ -144,29 +146,29 @@ body:not(#index) #header:not(.normal) .logo-trans {
|
||||
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 {
|
||||
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 {
|
||||
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 {
|
||||
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 {
|
||||
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;
|
||||
}
|
||||
@@ -318,7 +320,6 @@ body#index #roycontent_top ul li {
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
|
||||
body#product #tabsection,
|
||||
body#product #roycontent_productbeforebuy {
|
||||
width: 100%;
|
||||
@@ -334,7 +335,7 @@ body#index #roycontent_top ul li {
|
||||
}
|
||||
}
|
||||
|
||||
#roycontent_footer .row>ul>li {
|
||||
#roycontent_footer .row > ul > li {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
@@ -362,7 +363,7 @@ body#index #roycontent_top ul li {
|
||||
}
|
||||
}
|
||||
|
||||
.footer-container>.container>.row {
|
||||
.footer-container > .container > .row {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@@ -435,7 +436,7 @@ body.wcag * {
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
body.wcag .ets_mm_block>h4>a {
|
||||
body.wcag .ets_mm_block > h4 > a {
|
||||
color: #ffff00 !important;
|
||||
}
|
||||
|
||||
@@ -444,7 +445,7 @@ body.wcag .ets_mm_megamenu.transition_default .mm_menus_li .mm_columns_ul {
|
||||
border: 10px solid #ffff00 !important;
|
||||
}
|
||||
|
||||
body.wcag #header.normal .row.action>div svg * {
|
||||
body.wcag #header.normal .row.action > div svg * {
|
||||
stroke: #ffff00 !important;
|
||||
}
|
||||
|
||||
@@ -522,9 +523,9 @@ main.filtersHidden #left-column {
|
||||
}
|
||||
}
|
||||
|
||||
body.size-2 *:not(span):not(p)>a,
|
||||
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 *:not(a):not(button) > span:not(.mm_bubble_text),
|
||||
body.size-2 h1,
|
||||
body.size-2 h2,
|
||||
body.size-2 h3,
|
||||
@@ -538,9 +539,9 @@ body.size-2 .btn:not(.btn-touchspin) {
|
||||
line-height: 120% !important;
|
||||
}
|
||||
|
||||
body.size-3 *:not(span):not(p)>a,
|
||||
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 *:not(a):not(button) > span:not(.mm_bubble_text),
|
||||
body.size-3 h1,
|
||||
body.size-3 h2,
|
||||
body.size-3 h3,
|
||||
@@ -554,9 +555,9 @@ body.size-3 .btn:not(.btn-touchspin) {
|
||||
line-height: 140% !important;
|
||||
}
|
||||
|
||||
body.size-4 *:not(span):not(p)>a,
|
||||
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 *:not(a):not(button) > span:not(.mm_bubble_text),
|
||||
body.size-4 h1,
|
||||
body.size-4 h2,
|
||||
body.size-4 h3,
|
||||
@@ -570,9 +571,9 @@ body.size-4 .btn:not(.btn-touchspin) {
|
||||
line-height: 160% !important;
|
||||
}
|
||||
|
||||
body.size-5 *:not(span):not(p)>a,
|
||||
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 *:not(a):not(button) > span:not(.mm_bubble_text),
|
||||
body.size-5 h1,
|
||||
body.size-5 h2,
|
||||
body.size-5 h3,
|
||||
@@ -723,8 +724,8 @@ h6 a {
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.product_image_wrapper>.images-container>.mask,
|
||||
.product_image_wrapper>.images-container>.mask .thumb-container {
|
||||
.product_image_wrapper > .images-container > .mask,
|
||||
.product_image_wrapper > .images-container > .mask .thumb-container {
|
||||
overflow: visible !important;
|
||||
}
|
||||
|
||||
@@ -881,7 +882,12 @@ body#product #main .images-container {
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
body#product #main .images-container .product-images li.thumb-container .thumb.dark {
|
||||
body#product
|
||||
#main
|
||||
.images-container
|
||||
.product-images
|
||||
li.thumb-container
|
||||
.thumb.dark {
|
||||
opacity: 0.3;
|
||||
}
|
||||
|
||||
@@ -908,7 +914,7 @@ body#product #human {
|
||||
}
|
||||
}
|
||||
|
||||
.wariant_kolorystyczny>label {
|
||||
.wariant_kolorystyczny > label {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
@@ -932,11 +938,11 @@ body#category #category-description {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
body.cms-id-9 #content>p:first-child {
|
||||
body.cms-id-9 #content > p:first-child {
|
||||
height: 18.6vw;
|
||||
}
|
||||
|
||||
body.cms-id-9 #content>p:first-child img {
|
||||
body.cms-id-9 #content > p:first-child img {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
}
|
||||
@@ -1143,7 +1149,7 @@ body#product main {
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.radio-item input[type='radio']:checked+label:after {
|
||||
.radio-item input[type='radio']:checked + label:after {
|
||||
border-radius: 11px;
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
@@ -1155,7 +1161,7 @@ body#product main {
|
||||
background-color: black !important;
|
||||
}
|
||||
|
||||
.radio-item input[type='radio']:checked+.switchColor.customInput:after {
|
||||
.radio-item input[type='radio']:checked + .switchColor.customInput:after {
|
||||
background-color: yellow !important;
|
||||
}
|
||||
|
||||
@@ -1257,7 +1263,7 @@ body#product main {
|
||||
order: 2;
|
||||
}
|
||||
|
||||
body#index #roycontent_top ul li:nth-child(2)>.li-cont {
|
||||
body#index #roycontent_top ul li:nth-child(2) > .li-cont {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
@@ -1269,7 +1275,7 @@ body#product main {
|
||||
order: 4;
|
||||
}
|
||||
|
||||
body#index #roycontent_top ul li:nth-child(4)>.li-cont {
|
||||
body#index #roycontent_top ul li:nth-child(4) > .li-cont {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
@@ -1281,7 +1287,7 @@ body#product main {
|
||||
order: 7;
|
||||
}
|
||||
|
||||
body#index #roycontent_top ul li:nth-child(6)>.li-cont {
|
||||
body#index #roycontent_top ul li:nth-child(6) > .li-cont {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
@@ -1511,7 +1517,7 @@ body.cms-id-16 {
|
||||
width: 100%;
|
||||
max-width: 910px;
|
||||
|
||||
>li {
|
||||
> li {
|
||||
&:not(:last-child) {
|
||||
margin-bottom: 70px;
|
||||
}
|
||||
@@ -1533,7 +1539,7 @@ body.cms-id-16 {
|
||||
}
|
||||
}
|
||||
|
||||
>ul {
|
||||
> ul {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
@@ -1600,7 +1606,7 @@ body.cms-id-17 {
|
||||
width: 100%;
|
||||
max-width: 910px;
|
||||
|
||||
>li {
|
||||
> li {
|
||||
&:not(:last-child) {
|
||||
margin-bottom: 70px;
|
||||
}
|
||||
@@ -1623,7 +1629,7 @@ body.cms-id-17 {
|
||||
}
|
||||
}
|
||||
|
||||
>ul {
|
||||
> ul {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
@@ -1692,7 +1698,7 @@ body.cms-id-18 {
|
||||
padding-top: 15px !important;
|
||||
|
||||
#content {
|
||||
>h2 {
|
||||
> h2 {
|
||||
font-size: 30px;
|
||||
margin-bottom: 50px;
|
||||
margin-left: 380px;
|
||||
@@ -1704,8 +1710,8 @@ body.cms-id-18 {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
>ul {
|
||||
>li {
|
||||
> ul {
|
||||
> li {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
@@ -2224,7 +2230,7 @@ body#index {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
>div[class^='col-'] {
|
||||
> div[class^='col-'] {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
@@ -2641,7 +2647,7 @@ footer#footer {
|
||||
font-size: 16px;
|
||||
line-height: 2;
|
||||
|
||||
>a {
|
||||
> a {
|
||||
color: inherit;
|
||||
font-family: inherit;
|
||||
font-style: inherit;
|
||||
@@ -2695,9 +2701,11 @@ footer#footer {
|
||||
padding-top: 30px;
|
||||
border-top: 1px solid #ffffff;
|
||||
|
||||
._footer_col_1 {}
|
||||
._footer_col_1 {
|
||||
}
|
||||
|
||||
._footer_col_2 {}
|
||||
._footer_col_2 {
|
||||
}
|
||||
|
||||
ul {
|
||||
li {
|
||||
@@ -2725,7 +2733,7 @@ footer#footer {
|
||||
li.htmlcontent-item-id-40 {
|
||||
padding: 140px 0 50px;
|
||||
|
||||
>div.li-cont {
|
||||
> div.li-cont {
|
||||
position: initial;
|
||||
}
|
||||
|
||||
@@ -2761,7 +2769,8 @@ footer#footer {
|
||||
margin-bottom: 50px;
|
||||
}
|
||||
|
||||
a {}
|
||||
a {
|
||||
}
|
||||
}
|
||||
|
||||
._box-partners {
|
||||
@@ -2947,9 +2956,11 @@ footer#footer {
|
||||
column-gap: 120px;
|
||||
|
||||
._c-col {
|
||||
&-1 {}
|
||||
&-1 {
|
||||
}
|
||||
|
||||
&-2 {}
|
||||
&-2 {
|
||||
}
|
||||
|
||||
._c-tile {
|
||||
width: 100%;
|
||||
@@ -3254,7 +3265,8 @@ footer#footer {
|
||||
line-height: 18px;
|
||||
text-align: right;
|
||||
|
||||
.pp-carousel__priceSuffix {}
|
||||
.pp-carousel__priceSuffix {
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -3794,7 +3806,7 @@ body#product .product-variants-data--new {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.product-variants-grid>.product-variants {
|
||||
.product-variants-grid > .product-variants {
|
||||
display: block;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
@@ -3806,11 +3818,11 @@ body#product .product-variants-data--new {
|
||||
float: none;
|
||||
}
|
||||
|
||||
.product-variants-grid>.product-variants>.control-label {
|
||||
.product-variants-grid > .product-variants > .control-label {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.product-variants-grid ul[id^="group_"] {
|
||||
.product-variants-grid ul[id^='group_'] {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
@@ -3832,7 +3844,7 @@ body#product .product-variants-data--new {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.product-variants-grid li.wariant_kolorystyczny>label {
|
||||
.product-variants-grid li.wariant_kolorystyczny > label {
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
@@ -3860,7 +3872,7 @@ body#product .product-variants-data--new {
|
||||
display: block;
|
||||
outline: 2px solid transparent;
|
||||
outline-offset: 2px;
|
||||
transition: outline-color .15s ease-in-out;
|
||||
transition: outline-color 0.15s ease-in-out;
|
||||
}
|
||||
|
||||
.sr-only.tip {
|
||||
@@ -3878,7 +3890,7 @@ body#product .product-variants-data--new {
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
>span.color {
|
||||
> span.color {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@@ -3887,7 +3899,10 @@ body#product .product-variants-data--new {
|
||||
}
|
||||
}
|
||||
|
||||
.product-variants-grid li.wariant_kolorystyczny>label:has(input.input-color:checked) img {
|
||||
.product-variants-grid
|
||||
li.wariant_kolorystyczny
|
||||
> label:has(input.input-color:checked)
|
||||
img {
|
||||
outline-color: #7d6e4f;
|
||||
}
|
||||
}
|
||||
@@ -3946,7 +3961,9 @@ body#product .product-size-data .product-size-data--new {
|
||||
padding: 6px 12px;
|
||||
border: 1px solid transparent;
|
||||
border-radius: 4px;
|
||||
transition: border-color 0.15s, background 0.15s;
|
||||
transition:
|
||||
border-color 0.15s,
|
||||
background 0.15s;
|
||||
|
||||
&:hover {
|
||||
border-color: #7d6e4f;
|
||||
@@ -3968,12 +3985,11 @@ body#product .product-size-data .product-size-data--new {
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// ============================================================================
|
||||
// Phase 02 Plan 02-02: add-to-cart loading state (nowy layout).
|
||||
// ============================================================================
|
||||
body#product .product-bar {
|
||||
[data-button-action="add-to-cart"] {
|
||||
[data-button-action='add-to-cart'] {
|
||||
&.loading {
|
||||
opacity: 0.6;
|
||||
pointer-events: none;
|
||||
@@ -4001,10 +4017,30 @@ body#product .product-bar {
|
||||
}
|
||||
|
||||
@keyframes addToCartSpin {
|
||||
to { transform: rotate(360deg); }
|
||||
to {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes addToCartFlash {
|
||||
0% { box-shadow: 0 0 0 0 rgba(73, 190, 37, 0.6); }
|
||||
100% { box-shadow: 0 0 0 24px rgba(73, 190, 37, 0); }
|
||||
0% {
|
||||
box-shadow: 0 0 0 0 rgba(73, 190, 37, 0.6);
|
||||
}
|
||||
100% {
|
||||
box-shadow: 0 0 0 24px rgba(73, 190, 37, 0);
|
||||
}
|
||||
}
|
||||
|
||||
body#product {
|
||||
#main.new-product-ui {
|
||||
.product_image {
|
||||
padding: 30px 30px 0 0;
|
||||
|
||||
.product_image_wrapper {
|
||||
#human {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -40,9 +40,9 @@
|
||||
</div>
|
||||
<div class="product-bar-box">
|
||||
{if $id_attribute_group == 5}
|
||||
<span class="control-label">Struktura materiału</span>
|
||||
<span class="control-label 1">Struktura materiału</span>
|
||||
{else}
|
||||
<span class="control-label">{$group.name}:</span>
|
||||
<span class="control-label 2">{$group.name}:</span>
|
||||
{/if}
|
||||
<select
|
||||
class="form-control form-control-select {if $id_attribute_group == 5}hidden{/if}"
|
||||
@@ -55,7 +55,7 @@
|
||||
</select>
|
||||
</div>
|
||||
{elseif $group.group_type == 'color' && $product_variant_mode == 2}
|
||||
<span class="control-label">{$group.name}</span>
|
||||
<span class="control-label 3">{$group.name}</span>
|
||||
<ul id="group_{$id_attribute_group}">
|
||||
{foreach from=$group.attributes key=id_attribute item=group_attribute}
|
||||
<li class="float-xs-left input-container wariant_kolorystyczny">
|
||||
@@ -82,7 +82,7 @@
|
||||
{/foreach}
|
||||
</ul>
|
||||
{elseif $group.group_type == 'radio'}
|
||||
<span class="control-label">{$group.name}</span>
|
||||
<span class="control-label 4">{$group.name}</span>
|
||||
<ul id="group_{$id_attribute_group}">
|
||||
{foreach from=$group.attributes key=id_attribute item=group_attribute}
|
||||
<li class="input-container float-xs-left">
|
||||
|
||||
@@ -50,10 +50,10 @@
|
||||
|
||||
|
||||
|
||||
{if $smarty.server.REMOTE_ADDR != '89.69.31.86'}
|
||||
{if $smarty.server.REMOTE_ADDR != '91.189.216.43'}
|
||||
{block name='content'}
|
||||
|
||||
<section id="main" itemscope itemtype="https://schema.org/Product">
|
||||
<section id="main" t="{$smarty.server.REMOTE_ADDR}" itemscope itemtype="https://schema.org/Product">
|
||||
<meta itemprop="url" content="{$product.url}">
|
||||
<meta itemprop="gtin13" content="{$product.ean13}" />
|
||||
<meta itemprop="brand" content="{if isset($pl_manufacturer)}{$pl_manufacturer}{else}{$shop.name}{/if}" />
|
||||
@@ -522,10 +522,9 @@
|
||||
<div class="piece-left-positon hidden">10</div>
|
||||
<div class="piece-top-positon hidden">10</div>
|
||||
{/block}
|
||||
{/if}
|
||||
{if $smarty.server.REMOTE_ADDR == '89.69.31.86'}
|
||||
{else}
|
||||
{block name='content'}
|
||||
<section id="main" itemscope itemtype="https://schema.org/Product">
|
||||
<section id="main" class="new-product-ui" itemscope itemtype="https://schema.org/Product">
|
||||
<meta itemprop="url" content="{$product.url}">
|
||||
<meta itemprop="gtin13" content="{$product.ean13}" />
|
||||
<meta itemprop="brand" content="{if isset($pl_manufacturer)}{$pl_manufacturer}{else}{$shop.name}{/if}" />
|
||||
|
||||
Reference in New Issue
Block a user