[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,137 @@
+// Spacing
+//
+// Control the default styling of most Bootstrap elements by modifying these
+// variables. Mostly focused on spacing.
+// You can add more entries to the $spacers map, should you need more variation.
+
+$spacer: 1.25rem !default;
+
+// Links
+//
+// Style anchor elements.
+
+$link-color:                o-theme-color('epsilon') !default;
+$link-hover-color:          o-theme-color('epsilon-dark') !default;
+$link-hover-decoration:     none !default;
+
+// Components
+//
+// Define common padding and border radius sizes and more.
+
+$border-radius:               0 !default;
+$border-radius-lg:            0 !default;
+$border-radius-sm:            0 !default;
+
+$box-shadow-sm:               0 0 .3125rem rgba(0,0,0,.25) !default;
+$box-shadow:                  0 0 .3125rem rgba(0,0,0,.25) !default;
+$box-shadow-lg:               0 0 .3125rem rgba(0,0,0,.25) !default;
+
+// Fonts
+//
+// Font, line-height, and color for body text, headings, and more.
+
+// stylelint-enable value-keyword-case
+
+$font-size-base:              0.75rem !default;
+
+$font-weight-normal:          500 !default;
+
+$line-height-base:            (20 / 12) !default;
+
+$h1-font-size:                $font-size-base * (25 / 12) !default;
+$h2-font-size:                $font-size-base * (18 / 12) !default;
+$h3-font-size:                $font-size-base * (16 / 12) !default;
+$h4-font-size:                $font-size-base * (14 / 12) !default;
+$h5-font-size:                $font-size-base * 1 !default;
+$h6-font-size:                $font-size-base * 1 !default;
+
+$text-muted:                  #777777 !default;
+
+$hr-border-color:             palette-theme-color('gamma') !default;
+
+// Buttons + Forms
+//
+// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.
+
+$input-btn-padding-y:         .625rem !default;
+$input-btn-padding-x:         1.25rem !default;
+
+$input-btn-focus-color:       darken(palette-theme-color('primary'), 15%) !default;
+$input-btn-focus-box-shadow:  0 0 0 0 0 !default;
+
+$input-btn-padding-y-sm:      .625rem !default;
+$input-btn-padding-x-sm:      1.25rem !default;
+
+$input-btn-padding-y-lg:      .625rem !default;
+$input-btn-padding-x-lg:      1.25rem !default;
+
+// Buttons
+//
+// For each of Bootstrap's buttons, define text, background, and border color.
+
+$btn-box-shadow:              0 0 0 0 0 !default;
+$btn-focus-box-shadow:        $btn-box-shadow !default;
+$btn-active-box-shadow:       $btn-box-shadow !default;
+
+// Forms
+
+$input-color:                           #242327 !default;
+$input-box-shadow:                      $btn-box-shadow !default;
+
+$input-focus-box-shadow:                $btn-box-shadow !default;
+
+$form-check-input-margin-y:             0 !default;
+$form-check-input-margin-x:             0 !default;
+
+$form-check-inline-margin-x:            0 !default;
+$form-check-inline-input-margin-x:      0 !default;
+
+// Dropdowns
+//
+// Dropdown menu container and contents.
+
+$dropdown-padding-y:                .3125rem !default;
+$dropdown-spacer:                   0 !default;
+$dropdown-border-radius:            .25rem !default;
+$dropdown-border-width:             .0625rem !default;
+$dropdown-divider-bg:               palette-gray('white') !default;
+$dropdown-box-shadow:               0 .375rem 1.75em rgba(palette-gray('black'), .175) !default;
+
+$dropdown-item-padding-y:           .1875rem !default;
+$dropdown-item-padding-x:           1.25rem !default;
+
+// Navs
+
+$nav-link-padding-y:                .4375rem !default;
+$nav-link-padding-x:                .9375rem !default;
+
+$nav-divider-margin-y:              0 !default;
+
+// Navbar
+
+$navbar-padding-x:                  0 !default;
+$navbar-nav-link-padding-x:         $nav-link-padding-x !default;
+
+// Cards
+
+$card-cap-bg:                       palette-gray('white') !default;
+
+// Badges
+
+$badge-font-size:                   100% !default;
+$badge-padding-y:                   .3125rem !default;
+$badge-padding-x:                   .625rem !default;
+$badge-border-radius:               .625rem !default;
+
+// Breadcrumbs
+
+$breadcrumb-padding-y:              .5rem !default;
+$breadcrumb-padding-x:              .9375rem !default;
+
+$breadcrumb-margin-bottom:          1.25rem !default;
+
+$breadcrumb-bg:                     palette-gray('white') !default;
+
+// Carousel
+
+$carousel-control-color:            rgba(0,0,0,0) !default;
@@ -0,0 +1,61 @@
+$s-banner-3-carosel-control-color: rgba(0, 0, 0, 0);
+$s-banner-3-padding: 15px;
+$s-banner-3-fa-color: theme-color('alpha');
+$s-banner-3-carousel-height: 100vh;
+$s-banner-3-text-shadow: none;
+$s-banner-3-hero-bg-color: #000;
+$s-banner-3-indicators-visible: visible;
+ @mixin s-banner-3-row-hook {
+    background-color: theme-color('alpha');
+    width: 100%;
+    position: absolute;
+}
+@mixin s-banner-3-col-center-hook {
+    text-align: center;
+    width: 100%;
+}
+@mixin s-banner-3-carousel-control-hook {
+    display: none;
+}
+
+$s-big-icon-circle-color: theme-color('epsilon');
+$s-big-icon-circle-icon-size: 150px;
+@mixin s-big-icon-circle-height-hook {
+    height: 100vh;
+    padding-top: 0;
+    @include media-breakpoint-down(lg) {
+        height: 100%;
+    }
+    .row {
+        height: 100vh;
+        @include media-breakpoint-down(lg) {
+            height: 100%;
+        }
+    }
+    .col-lg-12 {
+        height: 35%;
+        padding-top: 10%;
+    }
+}
+@mixin s-big-icon-circle-fa-hook {
+    height: 100px;
+    line-height: 70px;
+    @include media-breakpoint-down(lg) {
+        height: 80px;
+    }
+}
+
+$s-big-picture-text-padding: 0;
+$s-big-picture-text-align: center;
+@mixin s-big-picture-text-hero-hook {
+    border-bottom: 1px solid theme-color('epsilon');
+}
+
+$s-text-big-picture-padding: 0;
+$s-text-big-picture-text-align: center;
+@mixin s-text-big-picture-hero-hook {
+    border-bottom: 1px solid theme-color('epsilon');
+    margin: 0 20%;
+}
+
+$s-timeline-company-color: $-gray-700;
@@ -0,0 +1,137 @@
+@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;
+    //     }
+    // }
+}
+
+// Backgrounds
+$bg-img-01: url("/web/image/theme_common.image_content_11");
+$bg-img-02: url("/web/image/theme_common.image_content_09");
+$bg-img-03: url("/web/image/theme_common.image_content_10");
+$bg-img-04: url("/web/image/theme_common.image_content_12");
+$bg-img-05: url("/web/image/theme_common.image_content_02");
+$bg-img-06: url("/web/image/theme_common.image_content_03");
+$bg-img-07: url("/web/image/theme_common.image_content_07");
+
+//------------------------------------------------------------------------------
+// Colors
+//------------------------------------------------------------------------------
+
+// Theme colors
+
+// The system for this theme is particular to support somehow the old version.
+// The alpha color is always white but primary is using beta (instead of alpha)
+// and secondary is using alpha (white) (instead of beta). In the old system,
+// this only applied to buttons though but we extended that to all components.
+// Success, info, warning and error buttons are also customized with epsilon,
+// gamma, delta and ... black colors (see theme.scss).
+$-palettes: (
+    (
+        'alpha': #ffffff,
+        'beta': #cdd0a2,
+        'gamma': #b4bbb9,
+        'delta': #242327,
+        'epsilon': #957985,
+    ),
+    (
+        'alpha': #ffffff,
+        'beta': #e9e9e9,
+        'gamma': #c8efeb,
+        'delta': #1e222f,
+        'epsilon': #55e8da,
+    ),
+    (
+        'alpha': #ffffff,
+        'beta': #dbe8ed,
+        'gamma': #ecd5d6,
+        'delta': #590046,
+        'epsilon': #df699c,
+    ),
+    (
+        'alpha': #ffffff,
+        'beta': #d3d3d3,
+        'gamma': #f2ef1a,
+        'delta': #000000,
+        'epsilon': #f1aa6b,
+    ),
+    (
+        'alpha': #ffffff,
+        'beta': #cfcfcf,
+        'gamma': #2e2e2e,
+        'delta': #000000,
+        'epsilon': #1ad68f,
+    ),
+    (
+        'alpha': #ffffff,
+        'beta': #9fcae2,
+        'gamma': #bbc05c,
+        'delta': #112625,
+        'epsilon': #45b08c,
+    ),
+);
+$o-theme-color-palettes: ();
+@each $-palette in $-palettes {
+    $o-theme-color-palettes: append($o-theme-color-palettes, map-merge($-palette, (
+        'primary': map-get($-palette, 'beta'),
+        'secondary': map-get($-palette, 'alpha'),
+    )));
+}
+
+// Grays
+$-gray-700: lighten(#000, 33.5%);
+$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': $-gray-700,
+        '600': lighten(#000, 46.7%),
+        '300': #d4d4d4,
+        '200': lighten(#000, 85%),
+        'white': #ffffff,
+    ));
+}
+
+// Colors
+$o-color-palettes: ();
+@each $-palette in $-palettes {
+    $o-color-palettes: append($o-color-palettes, (
+        'body': #FFFFFF,
+        'menu': #FFFFFF,
+        'footer': map-get($-palette, 'delta'),
+        'text': $-gray-700,
+    ));
+}
+
+//------------------------------------------------------------------------------
+// Fonts
+//------------------------------------------------------------------------------
+
+$o-theme-fonts: (
+    ('Heebo', sans-serif),
+    ('Rajdhani', sans-serif),
+    ('Raleway', sans-serif),
+    ('Roboto', sans-serif),
+    ('Source Sans Pro', sans-serif),
+    ('Ubuntu', sans-serif),
+);
+$o-theme-font-urls: (
+    'Heebo:300,300i,400,400i,700,700i',
+    'Rajdhani:300,300i,400,400i,700,700i',
+    'Raleway:300,300i,400,400i,700,700i',
+    'Roboto:300,300i,400,400i,700,700i',
+    'Source+Sans+Pro:300,300i,400,400i,700,700i',
+    'Ubuntu:300,300i,400,400i,700,700i',
+);
+$o-theme-font-names: (
+    'Heebo',
+    'Rajdhani',
+    'Raleway',
+    'Roboto',
+    'Source Sans Pro',
+    'Ubuntu',
+);
@@ -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,53 @@
+$s-banner-parallax-height: 100vh;
+$s-banner-parallax-padding: 0px;
+$s-banner-parallax-img-height: 350px;
+$s-banner-parallax-text-shadow: none;
+$s-banner-parallax-text-color: auto;
+$s-banner-parallax-bg-position: none !important;
+$s-banner-parallax-h1-size: 50px;
+
+@mixin s-banner-parallax-hero-bg-hook {
+    width: 100%;
+    text-align: center;
+    position: relative;
+    z-index: 10;
+};
+@mixin s-banner-parallax-row-hook {
+    vertical-align: top;
+    padding: 0;
+    .hero-bg:before {
+        content: "";
+        width: 0px;
+        height: 0px;
+        border-top: 80vh solid rgba(0, 0, 0, 0);
+        border-bottom: 0px solid rgba(0, 0, 0, 0);
+        border-left: 50vw solid theme-color('gamma');
+        position: absolute;
+        bottom: -85vh;
+        left: -2px;
+        opacity: 0.8;
+        @include media-breakpoint-down(sm) {
+            display: none;
+        }
+    }
+    .hero-bg:after {
+        content: "";
+        width: 0px;
+        height: 0px;
+        border-top: 80vh solid rgba(0, 0, 0, 0);
+        border-bottom: 0px solid rgba(0, 0, 0, 0);
+        border-right: 50vw solid theme-color('gamma');
+        position: absolute;
+        bottom: -85vh;
+        right: -2px;
+        opacity: 0.8;
+        @include media-breakpoint-down(sm) {
+            display: none;
+        }
+    }
+};
+@mixin s-banner-parallax-height-hook {
+    @include media-breakpoint-down(md) {
+        height: 100vh !important;
+    }
+};
@@ -0,0 +1,13 @@
+$s-features-carousel-border-width: 0;
+$s-features-carousel-indicators-visible: visible;
+@mixin s-features-carousel-inner-hook {
+    .carousel-inner .row {
+        margin: 40px 70px;
+        @include media-breakpoint-down(sm) {
+            margin: 0;
+        }
+    }
+}
+@mixin s-features-carousel-mask-hook {
+    border: 1px solid gray('200');
+}
@@ -0,0 +1,11 @@
+.s_numbers {
+    .s_number {
+        font-size: 75px;
+        @include media-breakpoint-down(sm) {
+            font-size: 60px;
+        }
+    }
+    h6 {
+        text-transform: uppercase;
+    }
+}
@@ -0,0 +1,6 @@
+@mixin s-product-list-img-hook {
+    transition: opacity 0.3s ease-out;
+    &:hover {
+        opacity: 0.3;
+    }
+}
@@ -0,0 +1,4 @@
+$s-products-carousel-carousel-height: 100vh;
+$s-products-carousel-indicators-position: 120px;
+$s-products-carousel-indicators-visible: visible;
+$s-products-carousel-hero-bg-padding: 0;
@@ -0,0 +1,244 @@
+
+// Collapse menu
+@include media-breakpoint-down(sm) {
+    #wrapwrap {
+        header {
+            .navbar-toggle {
+                display: block;
+            }
+            .navbar-fixed-top {
+                top: 0;
+                border-width: 0 0 1px;
+            }
+            .navbar-collapse.collapse {
+                display: none!important;
+            }
+            .navbar-nav {
+                float: none!important;
+            }
+            .navbar-nav > li {
+                float: none;
+            }
+            .collapse.show {
+                  display:block !important;
+                  height: auto !important;
+            }
+            .container {
+                padding-left: $grid-gutter-width/2;
+                padding-right: $grid-gutter-width/2;
+            }
+        }
+    }
+}
+
+@include o-theme-cfa-btn-style();
+
+main > :not(.o_portal_wrap):not(.o_portal) {
+    background-color: white;
+}
+
+#wrap {
+    margin: 80px auto;
+
+    .text-muted:after {
+        color: rgba(0, 0, 0, 0);
+    }
+}
+
+h1, h2, h3, h4, h5, h6 {
+    text-transform: uppercase;
+}
+@include o-theme-cfa-header-responsive-sizes();
+
+address {
+    // Made to counter the center-aligned panels (in ecommerce for example).
+    // This was made as a 10.0 fix but should be reviewed in master.
+    text-align: left;
+}
+
+.breadcrumb {
+    background: rgba(0, 0, 0, 0);
+    border-radius: 0px;
+}
+
+@include o-theme-cfa-card-classes(20px);
+
+@include o-theme-cfa-nav-pills-styles($active-color: theme-color('alpha'), $active-bg: theme-color('epsilon'),
+    $badge-color: theme-color('epsilon'), $badge-bg: theme-color('alpha'));
+
+@include o-theme-cfa-bg-img-classes($bg-img-01, $bg-img-02, $bg-img-03, $bg-img-04, $bg-img-05, $bg-img-06, $bg-img-07);
+
+/* ========== Navigation =========== */
+
+.navbar {
+    border: none;
+    background-color: theme-color('alpha');
+    border-bottom: 1px solid gray('200');
+
+    .container {
+        margin-top: 5px;
+
+        &::before {
+            content: '';
+            @include o-position-absolute(0, 0, auto, 0);
+            height: 5px;
+            background: linear-gradient(to left, theme-color('beta'), theme-color('epsilon'));
+        }
+
+        li > .dropdown-menu {
+            margin-top: 9px;
+            border: none;
+        }
+        .navbar-toggler {
+            top: 4px;
+            right: -25px;
+            border-color: gray('700');
+            border-radius: 30px;
+            background-color: rgba(0, 0, 0, 0.7);
+            z-index: 2;
+            padding: 7px 15px;
+            transition: background-color 0.2s ease-out;
+            &:hover, &:focus {
+                background-color: rgba(0, 0, 0, 0);
+                background-color: rgba(0, 0, 0, 0.5);
+            }
+        }
+        .navbar-collapse {
+            border-color: rgba(0, 0, 0, 0);
+            display: inline-block !important;
+            vertical-align: middle;
+            @include media-breakpoint-down(sm) {
+                width: auto;
+            }
+        }
+    }
+}
+
+#top_menu {
+    @include o-theme-cfa-top-menu-style($font-size: 12px, $dropdown-item-color: theme-color('epsilon'),
+        $dropdown-item-hover-color: gray('700'), $nav-link-color: theme-color('epsilon') !important, $text-transform: uppercase);
+
+    li {
+        &:hover {
+            @include media-breakpoint-down(sm) {
+                border: none;
+            }
+        }
+        a {
+            text-transform: uppercase;
+            &.nav-link.active {
+                font-weight: normal;
+            }
+        }
+    }
+}
+
+#wrapwrap > footer {
+    @include o-theme-cfa-footer-style($padding: 20px 0px, $h4-padding: 0, $text-transform: none);
+    .container {
+        @include media-breakpoint-up(lg) {
+            padding: 8px 65px;
+        }
+        .js_language_selector .dropdown-toggle {
+            padding: 3px 20px;
+        }
+    }
+    #footer {
+        border-top: 1px solid gray('200');
+
+        .col-lg-3, .col-lg-5 {
+            padding: 20px 0px;
+            h2 { // social icons in footer
+                text-transform: uppercase;
+                font-size: 25px;
+                color: theme-color('beta');
+                a {
+                    display: inline;
+                }
+            }
+        }
+    }
+}
+
+/* ====================== form style ======================== */
+
+#wrapwrap .form-control:not(.quantity) {
+    @include o-theme-cfa-custom-form-control();
+}
+
+/* =====================  BLOG ===================== */
+
+@include o-theme-cfa-website-blog-styles();
+
+/* =====================  FORUM ===================== */
+@include o-theme-cfa-forum-style($padding: 0);
+.o_wforum_navbar_container {
+    .navbar .navbar-brand {
+        color: rgba(0, 0, 0, 0.9);
+    }
+    .navbar-right input {
+        background-color: rgba(255, 255, 255, 0.5);
+        &:focus {
+            background-color: rgba(255, 255, 255, 1);
+        }
+    }
+}
+.website_forum #wrap .col-md-3 .btn-block .btn {
+    background-color: inherit;
+    color: inherit;
+}
+
+@if ($o-theme-layout == 'boxed') {
+    #wrapwrap {
+        padding: 0 !important;
+
+        #wrap {
+            width: 992px;
+            margin-bottom: 0;
+            @include media-breakpoint-down(md) {
+                width: 100%;
+                margin: 0 auto;
+            }
+        }
+        .navbar > .container {
+            max-width: 100%;
+        }
+        .container {
+            max-width: 992px;
+        }
+
+        .s_color_blocks_2 [class*="col-lg-"] {
+            padding-top: 992px * 8 / 100;
+            padding-bottom: 992px * 8 / 100;
+        }
+    }
+    .navbar {
+        width: 100%;
+        margin: 0 auto;
+    }
+    footer:not(.modal-footer) > :not(#footer):last-child {
+        margin-bottom: 80px;
+    }
+    #footer, footer:not(.modal-footer) > :not(#footer):not(.o_footer_copyright):last-child {
+        width: 992px;
+    }
+    footer:not(.modal-footer) > .oe_structure {
+        margin: 0 auto;
+    }
+    @include media-breakpoint-down(md) {
+        #footer, footer:not(.modal-footer) > :not(#footer):last-child {
+            width: 100%;
+        }
+        footer:not(.modal-footer) > :not(#footer):last-child {
+            margin-bottom: 0;
+        }
+        #wrapwrap .container {
+            max-width: 100%;
+        }
+    }
+} @else {
+    @include o-theme-cfa-full-width-styles();
+    #wrapwrap > footer .container {
+        max-width: 100%;
+    }
+}