diff --git a/bin/css/cologne.blue.css b/bin/css/cologne.blue.css index 015a2646b7eb5c3c3ad376f92ee09693dffef23e..da453900ba8be990418a8a472583db5eaae625c7 100644 --- a/bin/css/cologne.blue.css +++ b/bin/css/cologne.blue.css @@ -1,3 +1,7 @@ +[role="button"] { + cursor: pointer; +} + a { color: #3986dd; text-decoration: none; diff --git a/bin/css/products.css b/bin/css/products.css index 99f9d8bdc92cec3385fb1ceed98e7d98c3341e3c..ffae555bcf4814530f3a31199924f6876047967a 100644 --- a/bin/css/products.css +++ b/bin/css/products.css @@ -1,13 +1,30 @@ -.qui-products-price-display-vat { +/*********/ +/* Price */ +/*********/ +.qui-products-price-display { + line-height: 1.25rem; +} + +.qui-products-price-display-value:after { + content: ''; display: block; - font-size: 0.75rem; - font-weight: normal; +} + +/* Shipping button info */ +.quiqqer-shipping-shippingInformation-btn, +.qui-products-price-display-vat { + font-size: 0.875rem; +} + +.qui-products-price-display-vat:not(:last-child) { + margin-right: 0.5em; } .quiqqer-products-wrapper { align-items: flex-start; display: flex; } +/* Price end */ .quiqqer-product-sidebar { flex-shrink: 0; @@ -557,7 +574,7 @@ text-decoration: line-through; } -.cologne-products-productGallery-products-product-price-regular { +.cologne-products-productGallery-products-product-price-regular .qui-products-price-display-value { font-weight: bold; } @@ -565,10 +582,6 @@ display: inline; } -.cologne-products-productGallery-products-product-price .qui-products-price-display-vat { - display: block; -} - .cologne-products-productGallery-products-product-price-shippingTime { display: flex; margin: auto 0 1em; @@ -667,9 +680,10 @@ text-decoration: line-through; font-size: 0.9rem; } -.cologne-productList-product-details-content-regular { + +.cologne-productList-product-details-content-regular .qui-products-price-display-value { font-size: 1.2em; - font-weight: 500; + font-weight: bold; } .cologne-productList-product-details-content-price .qui-products-price-display { @@ -930,13 +944,23 @@ margin-top: 2rem; } +.product-data .product-data-price:not(:first-child) { + margin-top: 3rem; +} + .product-data .product-data-price .qui-products-price-display { text-align: left; } +.product-data .product-data-price .qui-products-price-display-value { + line-height: inherit; + display: inline; +} + /* retail price */ .product-data-price .product-data-price-retail .qui-products-price-display-value { font-size: 1.3em; + display: block; text-decoration: line-through; } @@ -950,11 +974,6 @@ text-align: left; } -.qui-products-price-display-prefix { - display: inline-block; - padding-right: 5px; -} - /******************/ /* Product field */ /******************/ @@ -1037,10 +1056,12 @@ } .product-data-fieldlist .product-data-fieldlist-reset { - width: 100%; - margin-left: 20px; - padding: 10px 0; - text-align: center; + margin-left: auto; + padding: 0.5rem 0; +} + +.product-data-fieldlist .product-data-fieldlist-reset:hover { + background: none; } /* button add to basket */ diff --git a/bin/css/style.css b/bin/css/style.css index 101171cbc35452795f18e4bdf26332d466f38c88..c4ddbcc6398580cdd988bc19024a343297df2cfa 100644 --- a/bin/css/style.css +++ b/bin/css/style.css @@ -798,6 +798,10 @@ a.toTop:before { width: 100%; } +.cologne-breadcrumb { + flex-shrink: 0; +} + .cologne-breadcrumb-wrapper { height: 100%; }