[ADD] theme 14.0

This commit is contained in:
Jeremy Kersten
2021-05-10 15:45:35 +02:00
commit cb1e3be3f8
2309 changed files with 55585 additions and 0 deletions
Binary file not shown.

After

Width:  |  Height:  |  Size: 282 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 154 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 348 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 284 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 323 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 286 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 303 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 19 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 65 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 32 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 98 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 96 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 162 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 110 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 218 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 70 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 172 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 46 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 54 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 42 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 117 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 101 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 97 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 104 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 26 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 20 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 22 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 18 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 18 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 29 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 122 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 231 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 106 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 110 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 16 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 17 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 25 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 16 KiB

+61
View File
@@ -0,0 +1,61 @@
odoo.define("theme_monglia.tour.monglia", function (require) {
"use strict";
const core = require("web.core");
const _t = core._t;
const wTourUtils = require("website.tour_utils");
var tour = require("web_tour.tour");
const snippets = [
{
id: 's_cover',
name: 'Cover',
},
{
id: 's_title',
name: 'Title',
},
{
id: 's_media_list',
name: 'Media List',
},
{
id: 's_carousel',
name: 'Carousel',
},
{
id: 's_call_to_action',
name: 'Call to Action',
},
{
id: 's_text_image',
name: 'Text - Image',
},
{
id: 's_image_text',
name: 'Image - Text',
},
];
wTourUtils.registerThemeHomepageTour("monglia_tour", [
wTourUtils.dragNDrop(snippets[0]),
wTourUtils.clickOnText(snippets[0], 'h1', 'top'),
wTourUtils.goBackToBlocks(),
wTourUtils.dragNDrop(snippets[1]),
wTourUtils.dragNDrop(snippets[2]),
wTourUtils.dragNDrop(snippets[3]),
wTourUtils.dragNDrop(snippets[4]),
wTourUtils.clickOnSnippet(snippets[4], 'top'),
wTourUtils.changeBackgroundColor('left'),
wTourUtils.selectColorPalette(),
wTourUtils.goBackToBlocks('left'),
wTourUtils.dragNDrop(snippets[5]),
wTourUtils.dragNDrop(snippets[6]),
wTourUtils.clickOnSave(),
]);
});
@@ -0,0 +1,21 @@
$s-banner-parallax-height: 100vh;
$s-banner-parallax-padding: 15px;
$s-banner-parallax-header-shadow: none;
$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;
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0));
}
@mixin s-banner-parallax-row-hook {
vertical-align: top;
padding: 0;
}
@mixin s-banner-parallax-height-hook {
@include media-breakpoint-down(sm) {
height: 100vh !important;
}
}
@@ -0,0 +1,24 @@
$s-big-icon-circle-color: blue; // FIXME epsilon
$s-big-icon-circle-icon-size: 150px;
$s-big-icon-circle-text-color: $-gray-700;
@mixin s-big-icon-circle-height-hook {
padding-top: 0;
@include media-breakpoint-down(sm) {
height: 100%;
}
.row {
@include media-breakpoint-down(sm) {
height: 100%;
}
}
.col-lg-12 {
height: 35%;
}
}
@mixin s-big-icon-circle-fa-hook {
height: 150px;
line-height: 70px;
@include media-breakpoint-down(sm) {
height: 80px;
}
}
@@ -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,3 @@
$s-products-carousel-carousel-height: 100vh;
$s-products-carousel-indicators-position: 120px;
$s-products-carousel-indicators-visible: visible;
@@ -0,0 +1,50 @@
$s-banner-3-carosel-control-color: rgba(0, 0, 0, 0);
$s-banner-3-padding: 15px;
$s-banner-3-fa-color: white; // FIXME 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;
$s-banner-3-h1-size: 45px;
$s-banner-3-h2-size: 25px;
@mixin s-banner-3-row-hook {
background-color: rgba(255, 255, 255, 0.5);
border: 1px solid o-color('alpha');
height: 200px;
width: 400px;
position: relative;
top: 50%;
transform: translateY(-50%);
float: left;
img {
display: none;
}
@include media-breakpoint-down(sm) {
top: 100px;
width: 100%;
}
}
@mixin s-banner-3-col-center-hook {
text-align: center;
width: 100%;
}
@mixin s-banner-3-carousel-control-hook {
display: none;
}
$s-big-picture-text-padding: 0;
$s-big-picture-text-align: center;
@mixin s-big-picture-text-hero-hook {
border-bottom: 1px solid o-color('epsilon');
margin: 0 20%;
}
$s-text-big-picture-padding: 0;
$s-text-big-picture-text-align: center;
@mixin s-text-big-picture-hero-hook {
border-bottom: 1px solid o-color('epsilon');
margin: 0 20%;
}
$s-timeline-company-color: $-gray-700;
@@ -0,0 +1,220 @@
//------------------------------------------------------------------------------
// Colors
//------------------------------------------------------------------------------
// Theme colors
$o-theme-color-palettes: (
(
'alpha': #ffffff,
'beta': #add3ce,
'gamma': #a7c7d5,
'delta': #47464b,
'epsilon': #f3997b,
),
(
'alpha': #f8f1d4,
'beta': #5b4645,
'gamma': #ffffff,
'delta': #21263a,
'epsilon': #8f8747,
),
(
'alpha': #dedede,
'beta': #adadad,
'gamma': #ffffff,
'delta': #3e3e3e,
'epsilon': #848f47,
),
(
'alpha': #cfcfcf,
'beta': #2e2e2e,
'gamma': #ffffff,
'delta': #000000,
'epsilon': #1ad68f,
),
(
'alpha': #9fcae2,
'beta': #bbc05c,
'gamma': #ffffff,
'delta': #112625,
'epsilon': #45b08c,
),
(
'alpha': #fdeacc,
'beta': #e8cda2,
'gamma': #ffffff,
'delta': #3e3f43,
'epsilon': #e1444d,
),
);
// 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, (
'900': lighten(#000000, 20%),
'700': $-gray-700,
'600': lighten(#000000, 46.7%),
'200': lighten(#000000, 85%),
));
}
// Colors
$o-color-palettes: (
(
'o-color-1': #ed145b,
'o-color-2': #9CD6FA,
'o-color-3': #f5f5f5,
'o-color-4': #ffffff,
'o-color-5': #111111,
),
(
'o-color-1': #8f8747,
'o-color-2': #5b4645,
'o-color-3': #f0ecdb,
'o-color-4': #ffffff,
'o-color-5': #21263a,
),
(
'o-color-1': #c0ce75,
'o-color-2': #704562,
'o-color-3': #dedede,
'o-color-4': #ffffff,
'o-color-5': #3e3e3e,
),
(
'o-color-1': #1ad68f,
'o-color-2': #2e2e2e,
'o-color-3': #cfcfcf,
'o-color-4': #ffffff,
'o-color-5': #000000,
),
(
'o-color-1': #c5ca60,
'o-color-2': #40a181,
'o-color-3': #bfddec,
'o-color-4': #ffffff,
'o-color-5': #112625,
'footer': 1,
'copyright': 1,
),
(
'o-color-1': #da557d,
'o-color-2': #6d4046,
'o-color-3': #fffddc,
'o-color-4': #ffffff,
'o-color-5': #3e3f43,
'footer': 1,
'copyright': 1,
),
);
//------------------------------------------------------------------------------
// Fonts
//------------------------------------------------------------------------------
$o-theme-h1-font-size-multiplier: (36 / 14);
$o-theme-h2-font-size-multiplier: (30 / 14);
$o-theme-h3-font-size-multiplier: (24 / 14);
$o-theme-h4-font-size-multiplier: (18 / 14);
$o-theme-h5-font-size-multiplier: 1;
$o-theme-h6-font-size-multiplier: (12 / 14);
$o-theme-font-configs: (
'Handlee': (
'family': ('Handlee', cursive),
'url': 'Handlee:300,300i,400,400i,700,700i',
),
'Gruppo': (
'family': ('Gruppo', cursive),
'url': 'Gruppo:300,300i,400,400i,700,700i',
),
'Darker Grotesque': (
'family': ('Darker Grotesque', sans-serif),
'url': 'Darker+Grotesque:300,300i,500,500i,700,700i',
),
'Bowlby One SC': (
'family': ('Bowlby One SC', cursive),
'url': 'Bowlby+One+SC:300,300i,400,400i,700,700i',
),
'Lobster': (
'family': ('Lobster', cursive),
'url': 'Lobster:300,300i,400,400i,700,700i',
),
'Nunito': (
'family': ('Nunito', sans-serif),
'url': 'Nunito:300,300i,400,400i,700,700i',
),
'Raleway': (
'family': ('Raleway', sans-serif),
'url': 'Raleway:300,300i,400,400i,700,700i',
),
'Source Sans Pro': (
'family': ('Source Sans Pro', sans-serif),
'url': 'Source+Sans+Pro:300,300i,400,400i,700,700i',
),
'Amatic SC': (
'family': ('Amatic SC', cursive),
'url': 'Amatic+SC:300,300i,400,400i,700,700i',
),
'Open Sans Condensed': (
'family': ('Open Sans Condensed', sans-serif),
'url': 'Open+Sans+Condensed:300,300i,400,400i,700,700i',
),
'Oswald': (
'family': ('Oswald', sans-serif),
'url': 'Oswald:300,300i,400,400i,700,700i',
),
'Roboto': (
'family': ('Roboto', sans-serif),
'url': 'Roboto:300,300i,400,400i,700,700i',
),
'Permanent Marker': (
'family': ('Permanent Marker', cursive),
'url': 'Permanent+Marker:300,300i,400,400i,700,700i',
),
'Pacifico': (
'family': ('Pacifico', cursive),
'url': 'Pacifico:300,300i,400,400i,700,700i',
),
'Playfair Display': (
'family': ('Playfair Display', serif),
'url': 'Playfair+Display:300,300i,400,400i,700,700i',
),
'Playfair Display SC': (
'family': ('Playfair Display SC', serif),
'url': 'Playfair+Display+SC:300,300i,400,400i,700,700i',
),
);
//------------------------------------------------------------------------------
// Website customizations
//------------------------------------------------------------------------------
$o-website-values-palettes: (
(
'header-font-size': (18 / 16) * 1rem,
'font': 'Roboto',
'headings-font': 'Darker Grotesque',
'navbar-font': 'Darker Grotesque',
'buttons-font': 'Darker Grotesque',
'header-template': 'hamburger',
'hamburger-type': 'off-canvas',
'hamburger-position': 'left',
'footer-template': 'minimalist',
'btn-border-radius': 0,
'btn-border-radius-sm': 0,
'btn-border-radius-lg': 0,
'btn-font-size': 1.2rem,
'btn-padding-y': .474rem,
'btn-padding-x': 1.25rem,
'btn-font-size-lg': 2rem,
'btn-padding-y-lg': .4rem,
'btn-padding-x-lg': 2rem,
),
);
@@ -0,0 +1,3 @@
//------------------------------------------------------------------------------
// Secondary Variables
//------------------------------------------------------------------------------
@@ -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;
}
}