Skip to content
Code-Schnipsel Gruppen Projekte
style.css 24,6 KiB
Newer Older
  • Learn to ignore specific revisions
  • .product-gallery {
    
        padding-right: 20px !important;
    
    /* Gallery */
    .product-gallery .quiqqer-gallery-slider {
        border: none !important;
    }
    
    
    .product-gallery .quiqqer-gallery-slider-control {
        height: 100%;
    }
    
    
    .product-gallery .quiqqer-gallery-slider-image {
        cursor: zoom-in;
    
    }
    
    .product-gallery .quiqqer-gallery-slider-prev,
    .product-gallery .quiqqer-gallery-slider-next,
    .product-gallery .quiqqer-gallery-slider-controls {
        display: none;
    }
    
    
    .product-gallery .quiqqer-gallery-slider-previewOutside .quiqqer-gallery-slider-content {
    
        height: calc(100% - 90px)
    
    .product-gallery .quiqqer-gallery-slider-previews {
        margin-top: 10px;
    }
    
    .product-gallery .quiqqer-gallery-slider-previews-prev,
    .product-gallery .quiqqer-gallery-slider-previews-next {
        height: 70px;
        line-height: 70px;
    }
    
    .product-gallery .quiqqer-gallery-slider-previews-container {
        height: 70px;
    }
    
    .product-gallery .quiqqer-gallery-slider-previews-entry {
    
        border: 2px solid #ddd;
        border-radius: 3px;
    
        height: 70px;
        margin-right: 10px;
        padding: 5px;
    
        transition: 0.30s border-color;
    }
    
    .product-gallery .quiqqer-gallery-slider-active-preview {
        border-color: #666;
        opacity: 1;
    
    }
    
    .product-gallery .quiqqer-gallery-slider-previews-container img {
    
    }
    
    /* product data */
    
    .product-data {
    
    .product-data .page-content-header h1 {
        font-size: 1.8em;
        margin-bottom: 5px;
    }
    
    .product-data .page-content-header h1:before {
        content: ' ';
        float: right;
        height: 5px;
    
        width: 30px;
    
    }
    
    .quiqqer-products-product .product-close-button {
        font-size: 1.8em;
        line-height: 30px;
    
        margin-top: 2rem;
    
        width: 30px;
    
    /* retail price */
    .product-data-price-retail .qui-products-price-display {
        font-size: 1.3em;
        text-decoration: line-through;
    }
    
    /* price */
    
    .product-data .product-data-price {
        border-top: none;
    
    }
    
    .product-data-price .qui-products-price-display-value {
        color: inherit;
    
        float: none;
    
        font-size: 3rem;
        font-weight: normal;
    
        line-height: normal;
    }
    
    .product-data-price .qui-products-price-display-vat {
        text-align: left;
    }
    
    /* product field (Auswahllisten) */
    .product-data .product-data-fieldlist {
        border-top: none;
    
        display: flex;
    
    }
    
    .product-data .product-data-fieldlist .quiqqer-product-field {
        display: flex;
        flex-direction: column;
        margin-right: 20px;
        width: auto;
    }
    
    .product-data-fieldlist .quiqqer-product-field-title {
        font-size: 0.9rem;
    
        margin-bottom: 5px;
        padding: 0 10px;
    
    }
    
    .quiqqer-product-field-value {
        min-width: 140px;
    }
    
    /* product data fields */
    .product-data .product-data-fields {
        border-top: none;
    }
    
    /* button add to basket */
    .product-data-actionButtons {
        border-top: 1px solid #f1f1f1;
        display: flex;
        justify-content: flex-end;
    }
    
    .product-data .quiqqer-order-button-add {
        align-items: flex-end;
    
        display: flex;
    
    .quiqqer-order-button-add-quantity-wrapper {
    
        display: flex;
    
        flex-direction: column;
    }
    
    .quiqqer-order-button-add-quantity {
        border: 1px solid #c9c8c5;
        border-radius: 0.25rem;
    }
    
    .quiqqer-order-button-add-quantity-label {
    
        font-size: 0.9rem;
    
        margin-bottom: 5px;
        padding: 0 10px;
    }
    
    
    .quiqqer-order-button-add .disable-spins .quiqqer-order-button-add-quantity-input {
    
        width: 40px;
    
    }
    
    .quiqqer-order-button-add .quiqqer-order-button-add-quantity-input {
    
        padding: initial;
    
    }
    
    .quiqqer-order-button-add-quantity-decrease,
    .quiqqer-order-button-add-quantity-increase {
        border-radius: 0;
    }
    
    .quiqqer-order-button-add-quantity-decrease:hover,
    .quiqqer-order-button-add-quantity-increase:hover {
        background: #eee;
        color: inherit;
    
    .quiqqer-order-button-add-loader {
        font-size: 2rem !important;
    }
    
    
    /* product data more */
    .product-data-more-tabs {
        border-bottom: 1px solid #f1f1f1;
    }
    
    li.product-data-more-tabs-tab {
        background: #fff;
        border-color: transparent;
    
        margin-bottom: -1px;
        outline: none;
    
    }
    
    li.product-data-more-tabs-tab.active {
        border: 1px solid #f1f1f1;
        border-bottom-color: #fff;
    }
    
    .product-data-more-tabs-tab a {
        color: inherit;
    }
    
    .product-data-more .product-data-more-sheets {
        border-top: none;
    }