[ADD] theme 13.0

2021-05-11 15:59:09 +02:00
commit a2747ad88b
2859 changed files with 66469 additions and 0 deletions
@@ -0,0 +1,116 @@
+//
+//// Colors
+//
+
+// The yiq lightness value that determines when the lightness of color changes from "dark" to "light". Acceptable values are between 0 and 255.
+$yiq-contrasted-threshold:  200 !default;
+
+// Links
+//
+// Style anchor elements.
+
+$link-color:                palette-theme-color('gamma') !default;
+$link-decoration:           none !default !default;
+$link-hover-color:          palette-theme-color('delta') !default;
+$link-hover-decoration:     none !default;
+
+// Components
+//
+// Define common padding and border radius sizes and more.
+
+$border-color:                palette-theme-color('delta') !default;
+
+$box-shadow-sm:               none !default;
+$box-shadow:                  none !default;
+$box-shadow-lg:               none !default;
+
+// Fonts
+//
+// Font, line-height, and color for body text, headings, and more.
+
+$font-weight-normal:          500 !default;
+
+$h1-font-size:                $o-theme-font-size-base * (40 / 14) !default;
+$h2-font-size:                $o-theme-font-size-base * (32 / 14) !default;
+$h3-font-size:                $o-theme-font-size-base * (28 / 14) !default;
+$h4-font-size:                $o-theme-font-size-base * (24 / 14) !default;
+$h5-font-size:                $o-theme-font-size-base * (20 / 14) !default;
+$h6-font-size:                $o-theme-font-size-base * (16 / 14) !default;
+
+$headings-line-height:        1.1 !default;
+
+$display1-weight:             500 !default;
+$display2-weight:             300 !default;
+$display3-weight:             500 !default;
+$display4-weight:             500 !default;
+
+// Buttons + Forms
+//
+// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.
+
+$btn-padding-y:               1.25rem !default;
+$btn-padding-x:               1.25rem !default;
+
+$btn-padding-y-sm:            0.3125rem !default;
+$btn-padding-x-sm:            .625rem !default;
+
+$btn-padding-y-lg:            .625rem !default;
+$btn-padding-x-lg:            1rem !default;
+
+$btn-border-width:            .125rem !default;
+
+$btn-box-shadow:              none !default;
+$btn-focus-width:             0.1rem !default;
+$btn-focus-box-shadow:        none !default;
+$btn-active-box-shadow:       none !default;
+
+// Allows for customizing button radius independently from global border radius
+$btn-border-radius:           0.3125rem !default;
+$btn-border-radius-lg:        0.375rem !default;
+$btn-border-radius-sm:        0.1875rem !default;
+
+// Navs
+
+$nav-link-padding-y:                0.9375rem !default;
+$nav-link-padding-x:                0.9375rem !default;
+
+$nav-tabs-border-color:             white !default;
+$nav-tabs-border-radius:            0 !default;
+$nav-tabs-link-hover-border-color:  white white palette-theme-color('gamma') white !default;
+$nav-tabs-link-active-color:        palette-theme-color('gamma') !default;
+$nav-tabs-link-active-border-color: white white palette-theme-color('gamma') white !default;
+
+$nav-pills-border-radius:           0 !default;
+$nav-pills-link-active-color:       palette-theme-color('gamma') !default;
+
+$nav-divider-color:                 white !default;
+
+// Navbar
+
+$navbar-padding-y:                  0 !default;
+$navbar-padding-x:                  0.9375rem !default;
+
+$navbar-nav-link-padding-x:         0.9375rem !default;
+
+$navbar-brand-font-size:            1rem !default;
+// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link
+
+$navbar-toggler-padding-y:          0.9375rem !default;
+$navbar-toggler-padding-x:          0.9375rem !default;
+$navbar-toggler-font-size:          1rem !default;
+$navbar-toggler-border-radius:      0 !default;
+
+// Pagination
+
+$pagination-padding-y:              0.375rem !default;
+$pagination-padding-y-sm:           0.3125rem !default;
+$pagination-padding-x-sm:           0.625rem !default;
+$pagination-padding-y-lg:           0.625rem !default;
+$pagination-padding-x-lg:           1rem !default;
+
+$pagination-active-color:           white !default;
+$pagination-active-bg:              palette-theme-color('gamma') !default;
+
+// Carousel
+
+$carousel-control-color: palette-theme-color('gamma') !default;
@@ -0,0 +1,150 @@
+@mixin o-bg-color-extension($color, $text-color, $with-muted) {
+    // FIXME "support" of link colors as before ?
+    // a:not(.btn) {
+    //     color: $linkcolor;
+    //     &:hover, &:focus {
+    //         color: $hovercolor;
+    //     }
+    // }
+}
+
+$o-theme-bg-imgs: url('/web/image/theme_common.image_content_11'),
+                  url('/web/image/theme_common.image_content_09'),
+                  url('/web/image/theme_common.image_content_10'),
+                  url('/web/image/theme_common.image_content_12');
+
+$o-theme-font-size-base: (14 / 16) * 1rem;
+
+//------------------------------------------------------------------------------
+// Colors
+//------------------------------------------------------------------------------
+
+// Theme colors
+$o-theme-color-palettes: (
+    (
+        'alpha': #ffffff,
+        'beta': #47464b,
+        'gamma': #f3997b,
+        'delta': #add3ce,
+        'epsilon': #a7c7d5,
+    ),
+    (
+        'alpha': #ffffff,
+        'beta': #d699ae,
+        'gamma': #B24774,
+        'delta': #72c2d0,
+        'epsilon': #ed8354,
+    ),
+    (
+        'alpha': #ffffff,
+        'beta': #79CCC2,
+        'gamma': #F05A12,
+        'delta': #C5FFF8,
+        'epsilon': #0F7F72,
+    ),
+    (
+        'alpha': #ffffff,
+        'beta': #53a1cc,
+        'gamma': #116899,
+        'delta': #aab3ca,
+        'epsilon': #ffc9c1,
+    ),
+    (
+        'alpha': #ffffff,
+        'beta': #3b2c3c,
+        'gamma': #D2546D,
+        'delta': #303347,
+        'epsilon': #171827,
+    ),
+    (
+        'alpha': #ffffff,
+        'beta': #2F343B,
+        'gamma': #C77966,
+        'delta': #703030,
+        'epsilon': #E3CDA4,
+    ),
+);
+
+// Grays
+$o-gray-color-palettes: ();
+@each $-palette in $o-theme-color-palettes {
+    $o-gray-color-palettes: append($o-gray-color-palettes, (
+        'black': #000000,
+        '900': lighten(#000, 20%),
+        '700': lighten(#000, 33.5%),
+        '600': lighten(#000, 46.7%),
+        '200': lighten(#000, 85%),
+        'white': #ffffff,
+    ));
+}
+
+// Colors
+$o-color-palettes: ();
+@each $-palette in $o-theme-color-palettes {
+    $o-color-palettes: append($o-color-palettes, (
+        'body': lighten(map-get($-palette, 'gamma'), 10%),
+        'menu': #ffffff,
+        'footer': #ffffff,
+    ));
+}
+
+//------------------------------------------------------------------------------
+// Fonts
+//------------------------------------------------------------------------------
+
+$o-theme-fonts: (
+    ('Proxima', sans-serif),
+    ('Comic Sans MS', cursive),
+    ('Fontastique', cursive),
+    ('Luminari', serif),
+    ('Fecske', sans-serif),
+    ('Din Alternate', sans-serif),
+    ('Oxygen', sans-serif),
+    ('Cabin', sans-serif),
+    ('Abel', sans-serif),
+    ('Advent Pro', sans-serif),
+    ('Muli', sans-serif),
+    ('Noto Sans', sans-serif),
+);
+$o-theme-font-urls: (
+    null,
+    null,
+    null,
+    null,
+    null,
+    null,
+    'Oxygen:300,300i,400,400i,700,700i',
+    'Cabin:300,300i,400,400i,700,700i',
+    'Abel:300,300i,400,400i,700,700i',
+    'Advent+Pro:300,300i,400,400i,700,700i',
+    'Muli:300,300i,400,400i,700,700i',
+    'Noto+Sans:300,300i,400,400i,700,700i',
+);
+$o-theme-font-names: (
+    'Proxima',
+    'Comic font',
+    'Fontastique',
+    'Luminari',
+    'Fecske',
+    'Din Alternate',
+    'Oxygen',
+    'Cabin',
+    'Abel',
+    'Advent Pro',
+    'Muli',
+    'Noto Sans',
+);
+
+//------------------------------------------------------------------------------
+// Website customizations
+//------------------------------------------------------------------------------
+
+$o-website-values-palettes: (
+    (
+        'header-font-size': 1rem,
+        'font-number': 1,
+        'headings-font-number': 1,
+        'navbar-font-number': 1,
+        'buttons-font-number': 1,
+    ),
+);
@@ -0,0 +1,9 @@
+$-palettes: $o-color-palettes;
+$o-color-palettes: ();
+$i: 1;
+@each $-palette in $-palettes {
+    $-theme-palette: nth($o-theme-color-palettes, $i);
+    $o-color-palettes: append($o-color-palettes, o-theme-common-add-color-variations($-theme-palette, $-palette));
+    $i: $i + 1;
+}
+$o-user-color-palette: o-theme-common-add-color-variations($o-user-theme-color-palette, $o-user-color-palette);
@@ -0,0 +1,20 @@
+$s-discount-box-border-radius: 0px;
+$s-discount-coupon-color: blue; // gamma FIXME
+$s-discount-amount-size: 70px;
+
+@mixin s-discount-descr-hook {
+    background-color: o-theme-color('beta');
+    color: o-theme-color('alpha');
+}
+@mixin s-discount-box-hook {
+    color: gray('700');
+
+    .s_discount_open-code {
+        color: o-theme-color('gamma');
+    }
+}
+@mixin s-discount-brand-hook {
+    h3 {
+        color: o-theme-color('gamma');
+    }
+}
@@ -0,0 +1,272 @@
+
+@include o-theme-cfa-header-shadows();
+
+.oe_website_login_container {
+    padding: 50px;
+}
+
+.btn {
+    &.btn-primary, &.btn-alpha {
+        border-color: darken(theme-color('alpha'), 10%);
+    }
+    &.btn-outline-primary, &.btn-outline-alpha {
+        border-color: darken(theme-color('alpha'), 10%);
+        color: darken(theme-color('alpha'), 20%);
+
+        &:hover {
+            border-color: darken(theme-color('alpha'), 30%);
+            color: darken(theme-color('alpha'), 30%);
+        }
+    }
+}
+
+// ======= WEBSITE ===================
+#wrapwrap {
+    // ======= HEADER ================
+    .navbar {
+        border: none;
+        background: theme-color('alpha');
+        margin: 0px auto;
+
+        .container {
+            width: 100%;
+
+            .navbar-toggler {
+                border-color: o-theme-color('gamma');
+                &:hover {
+                    background-color: rgba(0, 0, 0, 0);
+                }
+            }
+            .navbar-collapse {
+                background-color: rgba(0, 0, 0, 0);
+                text-align: center;
+                .navbar-nav {
+                    float: none;
+                }
+
+                #top_menu {
+                    @include o-theme-cfa-top-menu-style($bg-color: o-theme-color('alpha'), $top: 65px, $font-size: 16px, $dropdown-item-color: o-theme-color('gamma'),
+                        $dropdown-item-hover-bg-color: #f8f9fa, $dropdown-item-hover-color: o-theme-color('gamma-dark'),
+                        $nav-link-color: o-theme-color('gamma'), $text-transform: uppercase);
+
+                    > li {
+                        min-height: 55px;
+                        a.nav-link.active {
+                            color: o-theme-color('gamma');
+                            font-weight: normal;
+                        }
+                    }
+                    li {
+                        border-bottom: 3px solid transparent;
+                        &:hover {
+                            border-bottom-color: o-theme-color('gamma');
+                            @include media-breakpoint-down(sm) {
+                                border: none;
+                            }
+                        }
+                        a, span, b {
+                            text-transform: uppercase;
+                            .badge-primary { // is used when there is a product in cart
+                                background-color: o-theme-color('epsilon');
+                                font-size: 0.75em;
+                                padding: 0.1em 0.6em 0.1em;
+                                border-radius: 30px;
+                                position: relative;
+                                top: -15px;
+                            }
+                        }
+                    }
+                }
+            }
+        }
+    }
+
+    // ======= MAIN ==================
+    > main {
+
+        // ======= CONTENT ===========
+        > #wrap {
+            width: 100%;
+            margin: 0 auto;
+
+            .text-muted:after {
+                color: rgba(0, 0, 0, 0);
+            }
+        }
+
+        // ======= BUTTONS ===========
+        button[type="submit"]:not(#o_payment_form_pay):not(.oe_search_button) {
+            padding: 0 !important;
+            min-width: 25px !important;
+            border-radius: 0px !important;
+            border-width: 1px !important;
+            width: auto !important;
+            background: rgba(0, 0, 0, 0) !important;
+            border-color: rgba(0, 0, 0, 0) !important;
+        }
+        :not(.btn-group) > .btn:not(.ribbon):not(.dropdown-toggle):not(#add_to_cart):not(#clear_cover):not(.fa-shopping-cart):not(.a-submit):not(.js_add_cart_json) {
+            min-width: 150px;
+            padding: 20px;
+            border-radius: 50px;
+            transition: all 0.3s ease-out;
+
+            &.btn-sm {
+                min-width: 0;
+                padding: $btn-padding-y-sm $btn-padding-x-sm;
+                border-radius: $btn-border-radius-sm;
+                transition: none;
+            }
+        }
+
+        // FIXME restore button colors
+
+        // badges
+        .badge, .active > a > .badge {
+            padding: 5px 10px;
+            margin-left: 15px;
+            background-color: o-theme-color('gamma') !important;
+            color: white !important;
+            min-width: 28px;
+        }
+    }
+
+    // ======= FOOTER ================
+    > footer {
+        position: relative;
+        background: o-theme-color('gamma');
+        @include o-theme-cfa-footer-style($bg-color: theme-color('gamma'), $h4-color: o-theme-color('delta'), $text-transform: none, $p-color: #333333);
+
+        #footer {
+            width: 100%;
+
+            .row > div h2 {
+                text-transform: uppercase;
+                font-size: 25px;
+                color: o-theme-color('delta');
+                a {
+                    display: inline;
+                }
+            }
+        }
+        .container {
+            .js_language_selector .dropdown-toggle {
+                padding: 5px 10px;
+            }
+            &.o_footer_copyright {
+                padding: 8px 65px;
+            }
+            h4, h5, h6 {
+                border-top: 5px solid o-theme-color('gamma');
+                margin-right: 50px;
+                padding-top: 20px;
+                color: o-theme-color('delta');
+            }
+        }
+        &.o_footer .text-muted {
+            color: rgba(255, 255, 255, 0.4) !important;
+        }
+        .o_footer_copyright .container {
+            padding: 20px 65px;
+        }
+    }
+}
+
+// Events
+#left_column {
+    > .nav-pills > li {
+        &.active > a {
+            background-color: rgba(0, 0, 0, 0);
+            color: o-theme-color('delta');
+        }
+        > a:hover {
+            background-color: rgba(0, 0, 0, 0);
+        }
+    }
+}
+
+// Blog
+@include o-theme-cfa-website-blog-styles(1px solid o-theme-color('gamma'), uppercase);
+
+// Forum
+@include o-theme-cfa-forum-style($bg-color: rgba(255, 255, 255, 0.8), $nav-link-active-color: o-theme-color('alpha'), $question-btn-color: none,
+    $btn-block-bg-color: transparent);
+
+.o_wforum_navbar_container {
+    .navbar .navbar-brand {
+        color: rgba(0, 0, 0, 0.9);
+    }
+}
+.website_forum {
+    #wrap {
+        #right-column {
+            border-left: 1px solid gray('200');
+            > .btn {
+                background-color: o-theme-color('delta') !important;
+                color: white;
+                &:hover {
+                    border-color: o-theme-color('delta-dark');
+                }
+            }
+            .card .card-header .card-title {
+                font-size: 20px;
+            }
+        }
+    }
+    .question .mt16 {
+        padding: 10px;
+        background: rgb(230, 230, 230);
+    }
+    .alert .close {
+        background: rgba(0, 0, 0, 0);
+    }
+}
+
+@for $i from 1 through length($o-theme-bg-imgs) {
+    .bg-img-0#{$i} {
+        background-image: nth($o-theme-bg-imgs, $i);
+        background-size: cover;
+        background-position: center center;
+    }
+}
+
+@if $o-theme-layout == 'boxed' {
+    #wrapwrap {
+        padding: 0 !important;
+
+        > main > #wrap {
+            @include media-breakpoint-up(lg) {
+                width: map-get($grid-breakpoints, lg) - 50;
+                margin: 50px auto;
+            }
+
+            &.container {
+                width: map-get($grid-breakpoints, lg);
+                max-width: 100%;
+            }
+        }
+        .container {
+            width: map-get($grid-breakpoints, lg);
+            max-width: 100%;
+        }
+    }
+} @else {
+    #wrapwrap > main .o_wforum_navbar_container {
+        margin-bottom: 50px;
+    }
+}
+
+.text-primary {
+    color: o-theme-color('alpha');
+}
+.text-success {
+    color: o-theme-color('beta');
+}
+.text-info {
+    color: o-theme-color('gamma');
+}
+.text-warning {
+    color: o-theme-color('delta');
+}
+.text-danger {
+    color: o-theme-color('epsilon');
+}