Skip to content
Code-Schnipsel Gruppen Projekte
frontend-users.css 5,36 KiB
Newer Older
  • Learn to ignore specific revisions
  • .templateCologne-frontendUsers-profile-container-login {
        margin-bottom: 2rem;
    
    
    .quiqqer-frontend-users-address-description-button {
    
        max-width: 100% !important;
    
    /********************/
    /* simple user info */
    /********************/
    .quiqqer-fupc-userinfo {
    
        border: var(--_qui-cologne-theme-border-width) solid var(--_qui-cologne-theme-border-color);
    
        margin-bottom: 1em;
    
    }
    
    .quiqqer-fupc-userinfo .sui-top {
        background: url("../images/brushed_alu.png");
    }
    
    
    /***********/
    /* Profile */
    /***********/
    .quiqqer-frontendUsers-controls-profile {
        --qui-frontend-users-profile__radius: 0;
        --qui-frontend-users-profile__sidebar-width: 360px;
        --qui-frontend-users-profile__content-maxWidth: 700px;
        --qui-frontend-users-profile__sidebar-nav-item-outline--hover: none;
        --qui-frontend-users-profile__sidebar-nav-item-bg-color--hover: transparent;
    
    /*****************/
    /* category menu */
    /*****************/
    
    .quiqqer-fupc-category {
    
    .quiqqer-fupc-category-header {
        line-height: 30px;
    }
    
    .quiqqer-fupc-category-items-item {
    
        border-top: var(--_qui-cologne-theme-border-width) solid var(--_qui-cologne-theme-border-color);
        border-left: var(--_qui-cologne-theme-border-width) solid var(--_qui-cologne-theme-border-color);
        border-right: var(--_qui-cologne-theme-border-width) solid var(--_qui-cologne-theme-border-color);
    
        overflow: hidden;
    
        padding: 5px 0;
        position: relative;
    
        text-decoration: none;
        width: 100%;
    
    .quiqqer-fupc-category-items-item:last-child {
        border-bottom: var(--_qui-cologne-theme-border-width) solid var(--_qui-cologne-theme-border-color);
    
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
    }
    
    
    .quiqqer-fupc-category-items-item:first-child {
    
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    
    }
    
    .quiqqer-fupc-category-items-item:before {
        content: '';
        height: 100%;
        left: 0;
    
        position: absolute;
    
    .quiqqer-fupc-category-items-item[data-active]:before,
    .quiqqer-fupc-category-items-item:is(:hover, :focus):before {
    
        width: 4px;
    
    /***********/
    /* address */
    /***********/
    
    .quiqqer-frontendUsers-userdata-invoiceaddress {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        margin-bottom: 20px;
        padding-bottom: 20px;
        width: 100%;
    
    .cologne-main .quiqqer-frontendUsers-userdata-invoiceaddress select,
    .cologne-main .quiqqer-shipping-user-address select {
        width: calc(100% - 110px);
        margin-right: 10px;
    }
    
    
    /******************/
    /* profile orders */
    /******************/
    
    .quiqqer-order-profile-orders .quiqqer-order-profile-orders-pagination:first-child {
        display: none;
    
    /*****************/
    /* Login control */
    /*****************/
    
    :where(.loginAndRegister) .quiqqer-fu-login-container,
    :where(.loginAndRegister) .quiqqer-fu-registrationSignUp {
    
    :where(.loginAndRegister) .quiqqer-fu-login-container {
    
        border: var(--_qui-cologne-theme-border-width) solid var(--_qui-cologne-theme-border-color);
    
        max-width: 400px;
        position: relative;
        width: 100%;
    
    .loginAndRegister .quiqqer-fu-login-container-width {
        width: 100%;
        max-width: 400px;
        margin-inline: auto;
    }
    
    
    :where(.loginAndRegister) .quiqqer-frontendUsers-login .quiqqer-fu-login-container {
    
        background: none;
        border: none;
        margin: 0 auto;
        padding: 0;
    }
    
    
    @media screen and (max-width: 767px) {
    
        :where(.loginAndRegister) .quiqqer-fu-registrationSignUp {
    
    }
    
    /******************/
    /* reset password */
    /******************/
    
    .quiqqer-fu-login-container .quiqqer-fu-login-forget-password-reset [name="cancel"] {
    
        border: none;
        color: inherit;
    
        padding: 0;
        position: initial;
    
        width: 100%;
        text-align: right;
    
    .quiqqer-fu-login-container .quiqqer-fu-login-forget-password-reset [type="submit"] {
    
    }
    
    /*******************/
    /* Login site type */
    /*******************/
    
    .type-quiqqer-frontend-users-types-registrationSignUp .registration-sign-in {
        min-height: 200px;
        margin: 3rem 0;
    }
    
    .type-quiqqer-frontend-users-types-registrationSignUp .quiqqer-fu-registrationSignUp {
        margin: 0;
    }
    
    .quiqqer-fu-registrationSignUp-registration h2 {
        text-align: center;
    }
    
    
    .loginAndRegister .quiqqer-fu-login-forget-password-link {
        margin-bottom: 1rem;
    }
    
    .loginAndRegister-register .quiqqer-fu-registrationSignUp-registration-content {
        align-items: center;
        height: 100%;
        margin: 0 auto;
        max-width: 400px;
        overflow: hidden;
    }
    
    .loginAndRegister .quiqqer-fu-login-forget-password-reset {
    
        padding-inline: 2rem;
    
    }
    
    .quiqqer-fu-registrationSignUp-terms-text [name="decline"] {
        right: 0 !important;
    
    .registration-sign-in .quiqqer-fu-registrationSignUp-info,
    .registration-sign-in .quiqqer-fu-registrationSignUp-registration {
        text-align: left;
    }
    
    
    /***********************/
    /* registration sign up */
    /***********************/
    .quiqqer-fu-registrationSignUp-terms-text [name="decline"] .fa {
        margin-right: 0;
    }
    
    .quiqqer-fu-registrationSignUp-registration .quiqqer-fu-registrationSignUp-terms button[name="decline"]:hover {
        opacity: 1 !important;
        background: #f5f5f5;