[ADD] theme 12.0

theme_notes/static/src/scss/bootstrap_overridden.scss

@@ -0,0 +1,170 @@
+// Links
+//
+// Style anchor elements.
+
+$link-color:                theme-color('delta');
+$link-hover-color:          theme-color('alpha');
+$link-hover-decoration:     none;
+
+// Components
+//
+// Define common padding and border radius sizes and more.
+
+$border-color:                $gray-600;
+
+$border-radius:               0;
+$border-radius-lg:            0;
+$border-radius-sm:            0;
+
+$box-shadow-sm:               0;
+$box-shadow:                  0;
+$box-shadow-lg:               0;
+
+// 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 * (40 / 16);
+$h2-font-size:                $o-theme-font-size-base * (32 / 16);
+$h3-font-size:                $o-theme-font-size-base * (28 / 16);
+$h4-font-size:                $o-theme-font-size-base * (24 / 16);
+$h5-font-size:                $o-theme-font-size-base * (20 / 16);
+$h6-font-size:                $o-theme-font-size-base;
+
+$hr-border-color:             $gray-600;
+
+// 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;
+$btn-focus-box-shadow:        $btn-box-shadow;
+$btn-active-box-shadow:       $btn-box-shadow;
+
+// Forms
+
+$input-bg:                              theme-color('secondary');
+
+$input-color:                           #242327;
+$input-border-width:                    .0625rem;
+$input-box-shadow:                      $btn-box-shadow;
+
+$input-focus-bg:                        darken(theme-color('primary'), 15%);
+$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-padding-y:                .3125rem;
+$dropdown-spacer:                   0;
+$dropdown-border-radius:            .25rem;
+$dropdown-border-width:             .0625rem;
+$dropdown-divider-bg:               $white;
+$dropdown-box-shadow:               0 .375rem 1.75em rgba($black, .175);
+
+$dropdown-item-padding-y:           .1875rem;
+$dropdown-item-padding-x:           1.25rem;
+
+// 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:                  0;
+
+$navbar-nav-link-padding-x:         0.9375rem;
+
+$navbar-brand-font-size:            3.125rem;
+
+// Pagination
+
+$pagination-padding-y:              .375rem;
+$pagination-padding-y-sm:           .3125rem;
+$pagination-padding-x-sm:           .625rem;
+$pagination-padding-y-lg:           .625rem;
+$pagination-padding-x-lg:           1rem;
+
+$pagination-color:                  $gray-700;
+$pagination-border-width:           .1875rem;
+$pagination-border-color:           $white;
+
+$pagination-focus-box-shadow:       0 0 0 0 0;
+
+$pagination-hover-color:            theme-color('epsilon');
+$pagination-hover-bg:               $white;
+$pagination-hover-border-color:     #242327;
+
+$pagination-active-color:           theme-color('epsilon');
+$pagination-active-bg:              $white;
+$pagination-active-border-color:    theme-color('epsilon');
+
+// 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-item-padding:           0;
+
+$breadcrumb-margin-bottom:          1.25rem;
+
+$breadcrumb-bg:                     $white;
+$breadcrumb-divider-color:          theme-color('epsilon');
+
+// Carousel
+
+$carousel-control-color:            $gray-800;

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

@@ -0,0 +1,15 @@
+$s-banner-3-carosel-control-color: rgba(0, 0, 0, 0);
+$s-banner-3-padding: 0px;
+@mixin s-banner-3-col-center-hook {
+    margin-left: 16.6667%;
+    text-align: center;
+    @include media-breakpoint-down(sm) {
+        margin-left: 0px;
+    }
+}
+
+$s-big-picture-text-padding: 0;
+
+$s-text-big-picture-padding: 0;
+
+$s-timeline-company-color: $-gray-700;

theme_notes/static/src/scss/primary_variables.scss

@@ -0,0 +1,127 @@
+
+@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-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: null;
+$o-theme-bg-img-06: null;
+$o-theme-bg-img-07: null;
+
+$o-theme-font-size-base: 1rem;
+
+//------------------------------------------------------------------------------
+// Colors
+//------------------------------------------------------------------------------
+
+// Theme colors
+$o-theme-color-palettes: (
+    (
+        'alpha': #ffffff,
+        'beta': #47464b,
+        'gamma': #3B3D4D,
+        'delta': #E6FA16,
+        'epsilon': #9B96B4,
+    ),
+    (
+        'alpha': #ffffff,
+        'beta': #101010,
+        'gamma': #474747,
+        'delta': #ff0000,
+        'epsilon': #e94060,
+    ),
+    (
+        'alpha': #ffffff,
+        'beta': #19272c,
+        'gamma': #90c0cf,
+        'delta': #e94060,
+        'epsilon': #5ed7e9,
+    ),
+    (
+        'alpha': #ffffff,
+        'beta': #212523,
+        'gamma': #2d6a51,
+        'delta': #72bd9e,
+        'epsilon': #bcfa16,
+    ),
+    (
+        'alpha': #ffffff,
+        'beta': #4B4D52,
+        'gamma': #DE8642,
+        'delta': #B9B1A8,
+        'epsilon': #FFF2E7,
+    ),
+    (
+        'alpha': #ffffff,
+        'beta': #fee202,
+        'gamma': #514947,
+        'delta': #48372f,
+        'epsilon': #766151,
+    ),
+);
+
+// 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': #535258,
+        'menu':  #49484C,
+        'footer': #3E3F4E,
+        'text': white,
+    ));
+}
+
+//------------------------------------------------------------------------------
+// Fonts
+//------------------------------------------------------------------------------
+
+$o-theme-fonts: (
+    ('Cuprum', sans-serif),
+    ('Open Sans', sans-serif),
+    ('Mukta', sans-serif),
+    ('Overlock', cursive),
+    ('Rajdhani', sans-serif),
+    ('Ubuntu', sans-serif),
+    ('Droid Sans', sans-serif),
+);
+$o-theme-font-urls: (
+    'Cuprum:400,400i,700,700i',
+    'Oxygen:400,700',
+    'Mukta:400,700',
+    'Overlock:400,400i,700,700i',
+    'Rajdhani:400,700',
+    'Ubuntu:400,400i,700,700i',
+    'Droid+Sans:400,700',
+);
+$o-theme-font-names: (
+    'Cuprum',
+    'Oxygen',
+    'Mukta',
+    'Overlock',
+    'Rajdhani',
+    'Ubuntu',
+    'Droid Sans',
+);

theme_notes/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_notes/static/src/scss/snippets/s_banner_3.scss

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

theme_notes/static/src/scss/snippets/s_banner_parallax.scss

@@ -0,0 +1,9 @@
+$s-banner-parallax-height: 100vh;
+$s-banner-parallax-padding: 0px;
+@mixin s-banner-parallax-hero-bg-hook {
+    width: 100%;
+    text-align: center;
+};
+@mixin s-banner-parallax-row-hook {
+    vertical-align: bottom;
+};

theme_notes/static/src/scss/snippets/s_big_picture_text.scss

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

theme_notes/static/src/scss/snippets/s_features_carousel.scss

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

theme_notes/static/src/scss/snippets/s_products_carousel.scss

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

theme_notes/static/src/scss/snippets/s_text_big_picture.scss

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

theme_notes/static/src/scss/snippets/s_timeline.scss

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

theme_notes/static/src/scss/theme.scss

@@ -0,0 +1,313 @@
+
+@include o-theme-cfa-header-shadows();
+
+main > :first-child{
+    margin: 50px auto;
+}
+#wrap {
+    margin: 50px auto;
+    .text-muted{
+        &:after {
+            color: rgba(0, 0, 0, 0);
+        }
+    }
+}
+
+/* ========== Navigation =========== */
+.navbar {
+    border: none;
+    background: theme-color('beta');
+
+    .container {
+        padding: 0px;
+
+        .navbar-toggler {
+            border-color: o-theme-color('epsilon');
+            &:hover {
+                background-color: gray('800');
+            }
+        }
+        .navbar-brand {
+            margin-left: 25px;
+        }
+        .navbar-collapse {
+            box-shadow: none;
+        }
+    }
+}
+#wrapwrap > header .container .navbar-collapse {
+    @include media-breakpoint-down(sm) {
+        margin: 0;
+        border: none !important;
+        padding-top: 30px;
+    }
+    .navbar-nav {
+        float: none;
+    }
+}
+#top_menu {
+    @include o-theme-cfa-top-menu-style($bg-color: o-theme-color('beta'), $dropdown-item-hover-color: o-theme-color('alpha'),
+        $nav-link-color: o-theme-color('delta'), $nav-link-font-size: 18px, $transition: color 0.3s ease-out);
+    .nav-link {
+        &.active {
+            color: o-theme-color('delta');
+            font-weight: normal;
+        }
+        .badge-primary { // shop if there is any product in cart
+            background-color: o-theme-color('delta');
+            font-size: 12px;
+            padding: 0.1em 0.6em 0.1em;
+            border-radius: 30px;
+            position: relative;
+            top: -15px;
+        }
+    }
+}
+/* ====================== Footer ======================== */
+#wrapwrap > footer {
+    .container h4 {
+        border-top: 5px solid o-theme-color('gamma-dark');
+    }
+    @include o-theme-cfa-footer-style($font-size: medium, $padding: 8px 65px, $bg-color: transparent,
+        $h4-padding: 20px 0 0 0, $h4-color: o-theme-color('epsilon'));
+
+    > .container:last-child {
+        margin: 0 !important;
+        width: 100%;
+        background-color: o-theme-color('gamma-dark');
+        color: o-theme-color('alpha');
+        .text-muted, a:not(.js_change_lang) {
+            color: o-theme-color('alpha');
+        }
+    }
+    #footer {
+        margin-top: 0px;
+        background-color: o-theme-color('gamma');
+
+        .row > div h2 a {
+            display: inline;
+        }
+        .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;
+                }
+            }
+        }
+    }
+}
+/* ====================== button style ======================== */
+@mixin btn-styles($btn-color, $btn-hover-color, $btn-text-color, $btn-text-hover-color) {
+    transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
+    background-color: $btn-color;
+    border: 2px solid rgba(0, 0, 0, 0);
+    color: $btn-text-color;
+
+    &:hover,
+    &:focus {
+        background-color: $btn-hover-color;
+        border: 2px solid $btn-color;
+    }
+    &:hover {
+        color: $btn-text-hover-color;
+    }
+    &:active {
+        background-color: darken($btn-color, 12%);
+        border: 3px solid $btn-color;
+    }
+}
+
+#wrapwrap {
+    @include o-theme-cfa-btn-main-style();
+
+    .btn-secondary {
+        @include btn-styles(gray('100'), gray('400'), gray('700'), $black);
+    }
+    .btn-primary {
+        @include btn-styles(o-theme-color('beta'), o-theme-color('beta-dark'), o-theme-color('alpha'), gray('200'));
+    }
+    .btn-success {
+        @include btn-styles(o-theme-color('gamma'), o-theme-color('gamma-dark'), o-theme-color('alpha'), gray('700'));
+    }
+    .btn-info {
+        @include btn-styles(o-theme-color('delta'), o-theme-color('delta-dark'), o-theme-color('alpha'), o-theme-color('beta'));
+    }
+    .btn-warning {
+        @include btn-styles(o-theme-color('epsilon'), o-theme-color('epsilon-dark'), gray('700'), gray('700'));
+    }
+    .btn-danger {
+        @include btn-styles($black, gray('700'), o-theme-color('delta'), $white);
+    }
+}
+
+/* =====================  BLOG ===================== */
+
+@include o-theme-cfa-website-blog-styles(1px solid black, uppercase);
+
+/* =====================  FORUM ===================== */
+
+//o-theme-color('beta')
+@include o-theme-cfa-forum-style($question-btn-color: o-theme-color('delta'), $nav-link-color: o-theme-color('delta'));
+.website_forum {
+    .navbar .navbar-brand {
+        color: o-theme-color('alpha');
+    }
+    + #wrap {
+        padding: 35px;
+        .alert .close, .card {
+            background: rgba(0, 0, 0, 0);
+        }
+        .alert a {
+            color: gray('700');
+        }
+        .card {
+            text-align: center;
+        }
+        .o_page_header {
+            border-bottom: none;
+        }
+        .badge {
+            color: o-theme-color('alpha') !important;
+        }
+        .text-muted {
+            color: gray('200') !important;
+        }
+        table, tbody {
+            background-color: rgba(0, 0, 0, 0) !important;
+            color: white !important;
+        }
+    }
+}
+
+/* =====================  EVENTS ===================== */
+
+.js_event + .container {
+    .card {
+        background: rgba(0, 0, 0, 0);
+        border: none;
+        box-shadow: none;
+    }
+}
+.o_website_event {
+    .btn-primary {
+        background: rgba(0, 0, 0, 0) !important;
+        &:hover {
+            color: gray('600') !important;
+        }
+    }
+}
+
+/* ============== GENERAL STYLES ============== */
+
+/* ============== Form group in events, job etc ============== */
+#wrap {
+    .navbar-form, .form-inline:not(.pagination) {
+        margin-bottom: 0px;
+        margin-top: 5px;
+
+        .form-control {
+            border-radius: 0px;
+            border: none;
+            padding: 20px 12px;
+            background-color: gray('800');
+            border: 1px solid gray('600');
+        }
+        button[type="submit"] {
+            background-color: $black !important;
+            color: gray('600') !important;
+        }
+    }
+}
+
+/* ============== Breadcrumb in events, job etc ============== */
+
+.breadcrumb {
+    background: rgba(0, 0, 0, 0);
+    border-radius: 0px;
+
+    li a {
+        color: o-theme-color('delta');
+    }
+}
+/* ============== Nav-pills in events, job etc ============== */
+
+@include o-theme-cfa-nav-pills-styles($color: gray('200'), $active-color: o-theme-color('delta'),
+    $badge-color: o-theme-color('beta'), $badge-bg: o-theme-color('delta'));
+
+/* ============== Table styles ============== */
+#wrapwrap table:not(#cart_products):not(#cart_total) {
+    background-color: gray('200');
+    color: gray('700');
+    tbody {
+        background-color: gray('200');
+        a {
+            color: gray('700');
+            text-decoration: underline;
+            &:hover {
+                color: gray('600');
+            }
+        }
+    }
+}
+
+/* ============== Panel styles ============== */
+
+@include o-theme-cfa-card-classes($color: white, $border-color: gray('600'));
+
+@include o-theme-cfa-bg-img-classes();
+
+.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: red;
+}
+
+@if $o-theme-layout == 'boxed' {
+    #wrapwrap {
+        padding: 0 !important;
+
+        #wrap {
+            width: 992px;
+            @include media-breakpoint-down(md) {
+                width: 100%;
+                margin: 0 auto;
+            }
+            .container {
+                width: 992px;
+                @include media-breakpoint-down(md) {
+                    width: 100%;
+                }
+            }
+        }
+        .navbar > .container {
+            width: 100%;
+        }
+    }
+    #footer {
+        width: 100%;
+        margin-top: 32px;
+    }
+    .navbar {
+        width: 100%;
+        margin: 0 auto;
+    }
+} @else {
+    @include o-theme-cfa-full-width-styles();
+    #footer {
+        margin-top: 32px;
+    }
+}