[ADD] theme 12.0

theme_anelusia/static/src/js/main.js

@@ -0,0 +1,56 @@
+odoo.define('theme_anelusia.main', function (require) {
+'use strict';
+
+var sAnimation = require('website.content.snippets.animation');
+require('website.content.menu');
+
+// FIXME
+
+sAnimation.registry.anelusiaHeader = sAnimation.Class.extend({
+    selector: '.navbar-toggler',
+    events: {
+        'click': '_onToggleClick',
+    },
+
+    //--------------------------------------------------------------------------
+    // Handlers
+    //--------------------------------------------------------------------------
+
+    /**
+     * @private
+     */
+    _onToggleClick: function () {
+        $('body').toggleClass('no-scroll');
+        setTimeout(function () { $(window).trigger('scroll'); }, 100);
+    },
+});
+
+sAnimation.registry.affixMenu.include({
+    /**
+     * @override
+     */
+    start: function () {
+        var def = this._super.apply(this, arguments);
+        if (this.$headerClone) {
+            this.$clonedNavbarHeader = this.$headerClone.find('.navbar-toggler');
+        }
+        return def;
+    },
+
+    //--------------------------------------------------------------------------
+    // Handlers
+    //--------------------------------------------------------------------------
+
+    /**
+     * @override
+     */
+    _onWindowUpdate: function () {
+        this._super.apply(this, arguments);
+
+        var affixed = this.$headerClone.is('.affixed');
+        var noScroll = $('body').hasClass('no-scroll');
+        var hasHamburgerMenu = ($(".new-toggle").length > 0);
+        this.$clonedNavbarHeader.css('background', (affixed && !noScroll && hasHamburgerMenu) ? 'rgba(0, 0, 0, 0.8)' : 'none');
+    },
+});
+});

theme_anelusia/static/src/scss/bootstrap_overridden.scss

@@ -0,0 +1,161 @@
+//
+// Color system
+//
+
+// 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;
+
+// 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;
+
+// Links
+//
+// Style anchor elements.
+
+$link-color:                theme-color("epsilon");
+$link-hover-color:          theme-color("delta");
+$link-hover-decoration:     none;
+
+// Components
+//
+// Define common padding and border radius sizes and more.
+
+$border-color:                $gray-200;
+
+$border-radius:               0;
+$border-radius-lg:            0;
+$border-radius-sm:            0;
+
+$box-shadow-sm:               0 0 .3125rem rgba(0,0,0,.25);
+$box-shadow:                  0 0 .3125rem rgba(0,0,0,.25);
+$box-shadow-lg:               0 0 .3125rem rgba(0,0,0,.25);
+
+
+// Fonts
+//
+// Font, line-height, and color for body text, headings, and more.
+
+// stylelint-enable value-keyword-case
+
+$font-weight-normal:          500;
+
+$h1-font-size:                $o-theme-font-size-base * (36 / 16);
+$h2-font-size:                $o-theme-font-size-base * (30 / 16);
+$h3-font-size:                $o-theme-font-size-base * (24 / 16);
+$h4-font-size:                $o-theme-font-size-base * (18 / 16);
+$h5-font-size:                $o-theme-font-size-base * (14 / 16);
+$h6-font-size:                $o-theme-font-size-base * (12 / 16);
+
+$headings-font-weight:        700;
+
+$hr-border-color:             theme-color('gamma');
+
+// Buttons + Forms
+//
+// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.
+
+$input-btn-padding-y:         .625rem;
+$input-btn-padding-x:         1.25rem;
+
+$input-btn-focus-color:       darken(theme-color('primary'), 15%);
+$input-btn-focus-box-shadow:  0 0 0 0 0;
+
+$input-btn-padding-y-sm:      .625rem;
+$input-btn-padding-x-sm:      1.25rem;
+
+$input-btn-padding-y-lg:      .625rem;
+$input-btn-padding-x-lg:      1.25rem;
+
+$input-btn-border-width:      0;
+
+
+// Buttons
+//
+// For each of Bootstrap's buttons, define text, background, and border color.
+
+$btn-box-shadow:              0 0 0 0 0;
+$btn-focus-box-shadow:        $btn-box-shadow;
+$btn-active-box-shadow:       $btn-box-shadow;
+
+// Forms
+
+$input-bg:                              theme-color('primary');
+
+$input-color:                           #242327;
+$input-border-width:                    0;
+$input-box-shadow:                      $btn-box-shadow;
+
+$input-focus-bg:                        darken(theme-color('primary'), 15%);
+$input-focus-border-color:              none;
+$input-focus-box-shadow:                $btn-box-shadow;
+
+$input-height-border:                   .0625rem;
+
+$form-check-input-margin-y:             0;
+$form-check-input-margin-x:             0;
+
+$form-check-inline-margin-x:            0;
+$form-check-inline-input-margin-x:      0;
+
+$custom-select-focus-box-shadow:        none;
+
+// Dropdowns
+//
+// Dropdown menu container and contents.
+
+$dropdown-border-radius:            .25rem;
+$dropdown-border-width:             .0625rem;
+$dropdown-box-shadow:               0 .375rem 1.75em rgba($black, .175);
+
+// Navs
+
+$nav-link-padding-y:                .625rem;
+$nav-link-padding-x:                .9375rem;
+
+$nav-tabs-border-width:             0;
+$nav-tabs-link-active-color:        $white;
+$nav-tabs-link-active-bg:           transparent;
+
+$nav-pills-link-active-color:       $white;
+$nav-pills-link-active-bg:          transparent;
+
+$nav-divider-color:                 transparent;
+$nav-divider-margin-y:              0;
+
+// Navbar
+
+$navbar-padding-y:                  0;
+$navbar-padding-x:                  2rem;
+
+// Pagination
+
+$pagination-focus-box-shadow:       0 0 0 0 0;
+
+// Cards
+
+$card-cap-bg:                       $white;
+
+// Badges
+
+$badge-padding-y:                   .3125rem;
+$badge-padding-x:                   .625rem;
+$badge-border-radius:               .625rem;
+
+// Breadcrumbs
+
+$breadcrumb-padding-y:              .5rem;
+$breadcrumb-padding-x:              .9375rem;
+
+$breadcrumb-margin-bottom:          1.25rem;
+
+$breadcrumb-bg:                     $white;
+$breadcrumb-active-color:           $gray-600;
+
+// Carousel
+
+$carousel-control-color:            theme-color('alpha');

theme_anelusia/static/src/scss/compatibility-saas-11.4-variables.scss

@@ -0,0 +1,19 @@
+$s-banner-3-carosel-control-color: rgba(0, 0, 0, 0);
+$s-banner-3-padding: 15px;
+$s-banner-3-fa-color: o-theme-color('alpha');
+$s-banner-3-carousel-height: 100vh;
+
+@mixin s-banner-3-col-center-hook {
+    text-align: center;
+    width: 100%;
+    padding-top: 60vh;
+    @include media-breakpoint-down(sm) {
+        padding-top: 25vh;
+    }
+}
+
+$s-big-picture-text-padding: 0;
+
+$s-text-big-picture-padding: 0;
+
+$s-timeline-company-color: $-gray-700;

theme_anelusia/static/src/scss/options/layout/hamburger_variables.scss

@@ -0,0 +1 @@
+$o-theme-hamburger-layout: true;

theme_anelusia/static/src/scss/primary_variables.scss

@@ -0,0 +1,133 @@
+@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-navbar-height: 80px;
+$o-theme-hamburger-layout: false;
+
+$o-theme-bg-img-01: url("/web/image/theme_common.image_content_11");
+$o-theme-bg-img-02: url("/web/image/theme_common.image_content_09");
+$o-theme-bg-img-03: url("/web/image/theme_common.image_content_10");
+$o-theme-bg-img-04: url("/web/image/theme_common.image_content_12");
+$o-theme-bg-img-05: url("/web/image/theme_common.image_content_02");
+$o-theme-bg-img-06: url("/web/image/theme_common.image_content_03");
+$o-theme-bg-img-07: url("/web/image/theme_common.image_content_07");
+
+$font-size-base: 1rem;
+
+//------------------------------------------------------------------------------
+// Colors
+//------------------------------------------------------------------------------
+
+// Theme colors
+$-palettes: (
+    (
+        'alpha': #ffffff,
+        'beta': #cdd0a2,
+        'gamma': #b4bbb9,
+        'delta': #242327,
+        'epsilon': #957985,
+    ),
+    (
+        'alpha': #ffffff,
+        'beta': #f4f1db,
+        'gamma': #928371,
+        'delta': #53453f,
+        'epsilon': #c31737,
+    ),
+    (
+        'alpha': #ffffff,
+        'beta': #d8eff1,
+        'gamma': #0d75ac,
+        'delta': #000f3d,
+        'epsilon': #e07a6b,
+    ),
+    (
+        'alpha': #ffffff,
+        'beta': #faf7e1,
+        'gamma': #e3d6c6,
+        'delta': #eed187,
+        'epsilon': #dc733f,
+    ),
+    (
+        'alpha': #ffffff,
+        'beta': #cfcfcf,
+        'gamma': #2e2e2e,
+        'delta': #000000,
+        'epsilon': #32c0c9,
+    ),
+    (
+        'alpha': #ffffff,
+        'beta': #aacfb0,
+        'gamma': #4dac5e,
+        'delta': #93ab12,
+        'epsilon': #e62e3e,
+    ),
+);
+$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%),
+        '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': desaturate(map-get($-palette, 'delta'), 100%),
+        'menu':  map-get($-palette, 'beta'),
+        'footer': map-get($-palette, 'delta'),
+        'text': $-gray-700,
+    ));
+}
+
+//------------------------------------------------------------------------------
+// Fonts
+//------------------------------------------------------------------------------
+
+$o-theme-fonts: (
+    ('Source Sans Pro', sans-serif),
+    ('Forum', cursive),
+    ('Helvetica','Arial', sans-serif),
+    ('Buda', cursive),
+    ('PT Serif', serif),
+    ('Rajdhani', sans-serif),
+);
+$o-theme-font-urls: (
+    'Source+Sans+Pro:400,400i,700,700i',
+    'Forum',
+    null,
+    'Buda:300',
+    'PT+Serif:400,400i,700,700i',
+    'Rajdhani:400,700',
+);
+$o-theme-font-names: (
+    'Source Sans Pro',
+    'Forum',
+    'Helvetica',
+    'Buda',
+    'PT Serif',
+    'Rajdhani',
+);

theme_anelusia/static/src/scss/secondary_variables.scss

@@ -0,0 +1,20 @@
+$-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, map-merge($-palette, (
+        'alpha-light'     : lighten(map-get($-theme-palette, 'alpha'), 10%),
+        'beta-light'      : lighten(map-get($-theme-palette, 'beta'), 10%),
+        'gamma-light'     : lighten(map-get($-theme-palette, 'gamma'), 10%),
+        'delta-light'     : lighten(map-get($-theme-palette, 'delta'), 10%),
+        'epsilon-light'   : lighten(map-get($-theme-palette, 'epsilon'), 10%),
+
+        'alpha-dark'      : darken(map-get($-theme-palette, 'alpha'), 10%),
+        'beta-dark'       : darken(map-get($-theme-palette, 'beta'), 10%),
+        'gamma-dark'      : darken(map-get($-theme-palette, 'gamma'), 10%),
+        'delta-dark'      : darken(map-get($-theme-palette, 'delta'), 10%),
+        'epsilon-dark'    : darken(map-get($-theme-palette, 'epsilon'), 10%),
+    )));
+    $i: $i + 1;
+}

theme_anelusia/static/src/scss/snippets/s_banner_3.scss

@@ -0,0 +1 @@
+// TODO remove me in master

theme_anelusia/static/src/scss/snippets/s_banner_parallax.scss

@@ -0,0 +1,20 @@
+$s-banner-parallax-height: 100vh;
+$s-banner-parallax-padding: 0px;
+$s-banner-parallax-img-height: 350px;
+$s-banner-parallax-text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
+@mixin s-banner-parallax-hero-bg-hook {
+    width: 100%;
+    text-align: center;
+    bottom: -30px;
+    @include media-breakpoint-down(sm) {
+        top: 100px;
+    }
+}
+@mixin s-banner-parallax-row-hook {
+    vertical-align: bottom;
+}
+@mixin s-banner-parallax-height-hook {
+    @include media-breakpoint-down(sm) {
+        height: 100vh !important;
+    }
+}

theme_anelusia/static/src/scss/snippets/s_big_picture_text.scss

@@ -0,0 +1 @@
+// TODO remove me in master

theme_anelusia/static/src/scss/snippets/s_features_carousel.scss

@@ -0,0 +1,9 @@
+$s-features-carousel-border-width: 0;
+@mixin s-features-carousel-inner-hook {
+    .carousel-inner .row {
+        margin: 0 70px;
+        @include media-breakpoint-down(sm) {
+            margin: 0;
+        }
+    }
+}

theme_anelusia/static/src/scss/snippets/s_numbers.scss

@@ -0,0 +1,11 @@
+.s_numbers {
+    .s_number {
+        font-size: 75px;
+        @include media-breakpoint-down(sm) {
+            font-size: 60px;
+        }
+    }
+    h6 {
+        text-transform: uppercase;
+    }
+}

theme_anelusia/static/src/scss/snippets/s_products_carousel.scss

@@ -0,0 +1 @@
+$s-products-carousel-carousel-height: 100vh;

theme_anelusia/static/src/scss/snippets/s_text_big_picture.scss

@@ -0,0 +1 @@
+// TODO remove me in master

theme_anelusia/static/src/scss/snippets/s_timeline.scss

@@ -0,0 +1 @@
+// TODO remove me in master

theme_anelusia/static/src/scss/theme.scss

@@ -0,0 +1,310 @@
+/* ====================== GENERAL =====================*/
+
+@include o-theme-cfa-header-shadows();
+
+#wrapwrap:not(.o_header_overlay) main {
+    >:first-child:not(#wrap):before {
+        content: "";
+        display: block;
+        margin-top: $o-theme-navbar-height;
+    }
+
+    #wrap {
+        background-color: $white;
+
+        >:first-child {
+            &:before {
+                content: "";
+                display: block;
+                margin-top: $o-theme-navbar-height;
+            }
+            &.s_products_carousel:before, &.s_banner_parallax:before {
+                content: none;
+            }
+        }
+    }
+}
+header {
+    position: relative;
+}
+#wrap {
+    @include media-breakpoint-down(sm) {
+        margin-top: 0px !important;
+    }
+    margin-bottom: 0px;
+    .text-muted{
+        &:after {
+            color: rgba(0, 0, 0, 0);
+        }
+    }
+}
+
+/* ========== Navigation =========== */
+
+.no-scroll {
+    overflow: hidden;
+}
+
+/* ====================== Footer ======================== */
+#wrapwrap > footer {
+    background-color: o-theme-color('delta');
+    hr {
+        opacity: 0.7;
+    }
+    .container {
+        h4 {
+            border-left: 15px solid o-theme-color('gamma-dark');
+        }
+        a:hover {
+            color: color-beta;
+        }
+    }
+    @include o-theme-cfa-footer-style($container-padding: 10px 65px, $padding: 8px);
+    > .container:last-child {
+        color: gray('600');
+        a:not(.js_change_lang) {
+            color: o-theme-color('alpha');
+        }
+    }
+    #footer {
+        .col-lg-3, .col-lg-5 {
+            padding: 20px 0px;
+            h2 { // social icons in footer
+                text-transform: uppercase;
+                font-size: 25px;
+                color: o-theme-color('beta');
+                a {
+                    display: inline;
+                }
+            }
+        }
+    }
+}
+footer > :not(#footer):last-child {
+    background-color: o-theme-color('delta');
+    color: white;
+}
+
+@include o-theme-cfa-btn-style();
+
+/* ====================== form style ======================== */
+
+.form-control:not(.quantity):not(.modal):not(.oe_search_box) {
+    @include o-theme-cfa-custom-form-control();
+    border-bottom: 1px solid gray('200');
+    background-color: rgba(0, 0, 0, 0);
+}
+
+/* =====================  BLOG ===================== */
+
+@include o-theme-cfa-website-blog-styles();
+
+/* =====================  FORUM ===================== */
+@include o-theme-cfa-forum-style($nav-link-color: o-theme-color('delta'));
+
+/* ============== Breadcrumb in events, job etc ============== */
+
+.breadcrumb {
+    background: rgba(0, 0, 0, 0);
+    border-radius: 0px;
+}
+/* ============== Nav-pills in events, job etc ============== */
+@include o-theme-cfa-nav-pills-styles();
+
+/* ============== Panel styles ============== */
+
+@include o-theme-cfa-card-classes();
+
+@include o-theme-cfa-header-responsive-sizes();
+
+@include o-theme-cfa-bg-img-classes();
+
+@include o-theme-cfa-px-classes();
+
+#wrapwrap {
+    .search {
+        background-color: o-theme-color('delta');
+    }
+}
+
+@if $o-theme-layout == 'boxed' {
+    #wrapwrap {
+        padding: 0 !important;
+
+        #wrap {
+            max-width: 992px;
+            margin: 0 auto;
+            @include media-breakpoint-down(sm) {
+                width: 100%;
+            }
+        }
+        .container {
+            max-width: 100%;
+        }
+    }
+    .navbar {
+        width: 100%;
+        margin: 0 auto;
+    }
+    footer:not(.modal-footer) > :not(#footer):last-child {
+        margin-bottom: 80px;
+    }
+} @else {
+    @include o-theme-cfa-full-width-styles();
+}
+
+@if $o-theme-hamburger-layout {
+    @include media-breakpoint-up(md) {
+        #wrapwrap {
+            header {
+                .navbar-toggler {
+                    display: block;
+
+                    &:focus, &:active, &:focus:active {
+                        outline: none;
+                    }
+                }
+                .navbar-collapse {
+                    border-top: 1px solid rgba(0, 0, 0, 0);
+                    box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
+
+                    &.collapse {
+                        height: 0 !important;
+
+                        &.show {
+                            height: 100vh !important;
+                            transition: height 0.4s;
+                        }
+                    }
+                }
+                .navbar-fixed-top {
+                    top: 0;
+                    border-width: 0 0 1px;
+                }
+                .navbar-nav {
+                    float: none!important;
+                    >li {
+                        float: none;
+                    }
+                }
+            }
+        }
+    }
+
+    #wrapwrap > header .navbar {
+        position: absolute;
+        width: 100%;
+        border: none;
+        background: rgba(0, 0, 0, 0) !important;
+
+        .container {
+            padding: 0px;
+            height: $o-theme-navbar-height;
+            top: -100px;
+            li > .dropdown-menu {
+                margin-top: 9px;
+                border: none;
+            }
+            .navbar-toggler {
+                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);
+                }
+            }
+            .new-toggle {
+                display: inline-block;
+                position: relative;
+                top: 2px;
+                left: 6px;
+                transition: all 0.2s ease-out;
+                &:hover {
+                    -ms-transform:      rotate(180deg);
+                    -webkit-transform:  rotate(180deg);
+                    transform:          rotate(180deg);
+                }
+            }
+            .new-toggle-text {
+                display: inline-block;
+                position: relative;
+                left: 9px;
+                top: 0px;
+                z-index: 2;
+                padding-right: 15px;
+                color: $white;
+            }
+            .navbar-brand {
+                color: o-theme-color('alpha');
+                z-index: 2;
+            }
+            .navbar-collapse {
+                @include o-position-absolute(0, 0, 0, 0);
+                position: fixed;
+                z-index: 1;
+                background-color: color('menu');
+
+                .collapse_icon {
+                    height: 100px;
+                    border-top: 1px solid o-theme-color('beta');
+                    margin: 60px 200px 0;
+                    @include media-breakpoint-down(sm) {
+                        margin: 0;
+                    }
+                    a {
+                        margin-right: 35px;
+                    }
+                }
+            }
+        }
+    }
+    #wrapwrap > header .container .navbar-collapse {
+        text-align: center;
+        @include media-breakpoint-down(sm) {
+            margin: 0;
+        }
+    }
+    #top_menu {
+        @include o-theme-cfa-top-menu-style(95px 0 0 0, inline-block, 0, 120px 0 0 0, rgba(0, 0, 0, 0), $font-size: 50px, $dropdown-item-color: #333333,
+            $nav-link-font-size: 50px, $font-weight: 800, $transition: color 0.2s ease-out);
+
+        .nav-item {
+            display: inline-block;
+            @include media-breakpoint-down(sm) {
+                display: block;
+            }
+            &:hover {
+                @include media-breakpoint-down(sm) {
+                    border: none;
+                }
+            }
+            .nav-link {
+                padding-left: 15px;
+                padding-right: 15px;
+                line-height: 110px;
+                @include media-breakpoint-down(sm) {
+                    font-size: 35px;
+                    line-height: 35px;
+                }
+            }
+        }
+        .dropdown-menu, .navbar-collapse {
+            .dropdown-item, .nav-link {
+                display: inline-block;
+            }
+        }
+        .dropdown-menu {
+            position: relative;
+            .dropdown-item {
+                @include media-breakpoint-down(sm) {
+                    font-size: 30px;
+                }
+            }
+        }
+    }
+}