[ADD] theme 14.0
|
After Width: | Height: | Size: 305 KiB |
|
After Width: | Height: | Size: 314 KiB |
|
After Width: | Height: | Size: 296 KiB |
|
After Width: | Height: | Size: 307 KiB |
|
After Width: | Height: | Size: 300 KiB |
|
After Width: | Height: | Size: 297 KiB |
|
After Width: | Height: | Size: 303 KiB |
|
After Width: | Height: | Size: 52 KiB |
|
After Width: | Height: | Size: 38 KiB |
|
After Width: | Height: | Size: 42 KiB |
|
After Width: | Height: | Size: 178 KiB |
|
After Width: | Height: | Size: 34 KiB |
|
After Width: | Height: | Size: 67 KiB |
|
After Width: | Height: | Size: 70 KiB |
|
After Width: | Height: | Size: 19 KiB |
|
After Width: | Height: | Size: 20 KiB |
|
After Width: | Height: | Size: 32 KiB |
|
After Width: | Height: | Size: 178 KiB |
|
After Width: | Height: | Size: 45 KiB |
|
After Width: | Height: | Size: 149 KiB |
|
After Width: | Height: | Size: 40 KiB |
|
After Width: | Height: | Size: 52 KiB |
|
After Width: | Height: | Size: 44 KiB |
|
After Width: | Height: | Size: 83 KiB |
|
After Width: | Height: | Size: 159 KiB |
|
After Width: | Height: | Size: 93 KiB |
|
After Width: | Height: | Size: 67 KiB |
|
After Width: | Height: | Size: 12 KiB |
|
After Width: | Height: | Size: 13 KiB |
|
After Width: | Height: | Size: 6.6 KiB |
|
After Width: | Height: | Size: 14 KiB |
|
After Width: | Height: | Size: 11 KiB |
|
After Width: | Height: | Size: 12 KiB |
|
After Width: | Height: | Size: 82 KiB |
|
After Width: | Height: | Size: 140 KiB |
|
After Width: | Height: | Size: 62 KiB |
|
After Width: | Height: | Size: 50 KiB |
@@ -0,0 +1,43 @@
|
||||
odoo.define("theme_beauty.tour.beauty", function (require) {
|
||||
"use strict";
|
||||
|
||||
const wTourUtils = require("website.tour_utils");
|
||||
var tour = require("web_tour.tour");
|
||||
|
||||
const snippets = [
|
||||
{
|
||||
id: 's_cover',
|
||||
name: 'Cover',
|
||||
},
|
||||
{
|
||||
id: 's_text_image',
|
||||
name: 'Text - Image',
|
||||
},
|
||||
{
|
||||
id: 's_title',
|
||||
name: 'Title',
|
||||
},
|
||||
{
|
||||
id: 's_company_team',
|
||||
name: 'Team',
|
||||
},
|
||||
{
|
||||
id: 's_call_to_action',
|
||||
name: 'Call to Action',
|
||||
},
|
||||
];
|
||||
|
||||
wTourUtils.registerThemeHomepageTour("beauty_tour", [
|
||||
wTourUtils.dragNDrop(snippets[0]),
|
||||
wTourUtils.clickOnText(snippets[0], 'h1'),
|
||||
wTourUtils.goBackToBlocks(),
|
||||
wTourUtils.dragNDrop(snippets[1]),
|
||||
wTourUtils.dragNDrop(snippets[2]),
|
||||
wTourUtils.dragNDrop(snippets[3]),
|
||||
wTourUtils.dragNDrop(snippets[4]),
|
||||
wTourUtils.clickOnSnippet(snippets[4]),
|
||||
wTourUtils.changeBackgroundColor(),
|
||||
wTourUtils.selectColorPalette(),
|
||||
wTourUtils.clickOnSave(),
|
||||
]);
|
||||
});
|
||||
@@ -0,0 +1,22 @@
|
||||
$s-banner-parallax-text-color: white;
|
||||
@mixin s-banner-parallax-row-hook {
|
||||
.hero-bg:before {
|
||||
border-top: 0px solid rgba(0, 0, 0, 0);
|
||||
}
|
||||
.hero-bg:after {
|
||||
border-top: 0px solid rgba(0, 0, 0, 0);
|
||||
}
|
||||
}
|
||||
@mixin s-banner-parallax-hero-bg-hook {
|
||||
margin-top: 200px;
|
||||
width: auto;
|
||||
float: right;
|
||||
margin-right: 50px;
|
||||
text-align: right;
|
||||
@media screen and (max-width: 640px) { // FIXME
|
||||
margin-top: 50px;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
float: none;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,7 @@
|
||||
// Navs
|
||||
|
||||
$nav-pills-border-radius: 0.3125rem !default;
|
||||
|
||||
// Navbar
|
||||
|
||||
$navbar-nav-link-padding-x: 1.15rem !default;
|
||||
@@ -0,0 +1,37 @@
|
||||
$s-banner-3-carousel-height: 500px;
|
||||
$s-banner-3-padding: 30px;
|
||||
$s-banner-3-h1-size: 50px;
|
||||
$s-banner-3-h2-size: 30px;
|
||||
|
||||
@mixin s-banner-3-row-hook {
|
||||
background-color: rgba(0, 0, 0, 0);
|
||||
height: auto;
|
||||
|
||||
img {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@mixin s-banner-3-col-center-hook {
|
||||
text-align: left;
|
||||
width: 400px;
|
||||
height: auto;
|
||||
padding-bottom: 10px;
|
||||
margin-top: 100px;
|
||||
background-color: rgba(255, 255, 255, 1);
|
||||
float: right;
|
||||
@media screen and (max-width: 640px) { // FIXME
|
||||
background-color: rgba(255, 255, 255, .5);
|
||||
text-align: center !important;
|
||||
width: auto;
|
||||
margin-top: 0;
|
||||
}
|
||||
h1 {
|
||||
@include media-breakpoint-down(sm) {
|
||||
font-size: 40px !important;
|
||||
margin-top: 0;
|
||||
}
|
||||
}
|
||||
h2 {
|
||||
font-size: 30px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,140 @@
|
||||
$o-color-palettes: (
|
||||
(
|
||||
'o-color-1': #df699c,
|
||||
'o-color-2': #590046,
|
||||
'o-color-3': #dbe8ed,
|
||||
'o-color-4': #ffffff,
|
||||
'o-color-5': #222222,
|
||||
|
||||
'o-cc2-text': 'o-color-1',
|
||||
|
||||
'menu': 5,
|
||||
'footer': 5,
|
||||
'copyright': 5,
|
||||
),
|
||||
(
|
||||
'o-color-1': #4fda89,
|
||||
'o-color-2': #714e9c,
|
||||
'o-color-3': #dadbdb,
|
||||
'o-color-4': #ffffff,
|
||||
'o-color-5': #242327,
|
||||
|
||||
'o-cc2-link': 'o-color-5',
|
||||
|
||||
'menu': 4,
|
||||
'footer': 4,
|
||||
'copyright': 2,
|
||||
),
|
||||
(
|
||||
'o-color-1': #009083,
|
||||
'o-color-2': #8ba1a0,
|
||||
'o-color-3': #e9e9e9,
|
||||
'o-color-4': #ffffff,
|
||||
'o-color-5': #1e222f,
|
||||
|
||||
'footer': 2,
|
||||
'copyright': 2,
|
||||
),
|
||||
(
|
||||
'o-color-1': #b6977d,
|
||||
'o-color-2': #585832,
|
||||
'o-color-3': #e7e5e5,
|
||||
'o-color-4': #ffffff,
|
||||
'o-color-5': #000000,
|
||||
|
||||
'footer': 1,
|
||||
'copyright': 1,
|
||||
),
|
||||
(
|
||||
'o-color-1': #1ad68f,
|
||||
'o-color-2': #2e2e2e,
|
||||
'o-color-3': #e9e9e9,
|
||||
'o-color-4': #ffffff,
|
||||
'o-color-5': #000000,
|
||||
|
||||
'o-cc2-link': 'o-color-5',
|
||||
|
||||
'menu': 3,
|
||||
'footer': 3,
|
||||
'copyright': 3,
|
||||
),
|
||||
(
|
||||
'o-color-1': #b3b862,
|
||||
'o-color-2': #1e493b,
|
||||
'o-color-3': #e3e7e9,
|
||||
'o-color-4': #ffffff,
|
||||
'o-color-5': #112625,
|
||||
|
||||
'o-cc2-link': 'o-color-5',
|
||||
),
|
||||
);
|
||||
|
||||
//------------------------------------------------------------------------------
|
||||
// Fonts
|
||||
//------------------------------------------------------------------------------
|
||||
|
||||
$o-theme-h1-font-size-multiplier: (25 / 12);
|
||||
$o-theme-h2-font-size-multiplier: (18 / 12);
|
||||
$o-theme-h3-font-size-multiplier: (16 / 12);
|
||||
$o-theme-h4-font-size-multiplier: (14 / 12);
|
||||
$o-theme-h5-font-size-multiplier: 1;
|
||||
$o-theme-h6-font-size-multiplier: 1;
|
||||
|
||||
$o-theme-font-configs: (
|
||||
'Heebo': (
|
||||
'family': ('Heebo', sans-serif),
|
||||
'url': 'Heebo:300,300i,400,400i,700,700i',
|
||||
),
|
||||
'Rajdhani': (
|
||||
'family': ('Rajdhani', sans-serif),
|
||||
'url': 'Rajdhani:300,300i,400,400i,700,700i',
|
||||
),
|
||||
'Raleway': (
|
||||
'family': ('Raleway', sans-serif),
|
||||
'url': 'Raleway:300,300i,400,400i,700,700i',
|
||||
),
|
||||
'Roboto': (
|
||||
'family': ('Roboto', sans-serif),
|
||||
'url': 'Roboto: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',
|
||||
),
|
||||
'Ubuntu': (
|
||||
'family': ('Ubuntu', sans-serif),
|
||||
'url': 'Ubuntu:300,300i,400,400i,700,700i',
|
||||
),
|
||||
'Poppins': (
|
||||
'family': ('Poppins', sans-serif),
|
||||
'url': 'Poppins:300,300i,400,400i,700,700i',
|
||||
),
|
||||
'Questrial': (
|
||||
'family': ('Questrial', sans-serif),
|
||||
'url': 'Questrial:300,300i,400,400i,700,700i',
|
||||
),
|
||||
'Muli': (
|
||||
'family': ('Muli', sans-serif),
|
||||
'url': 'Muli:300,300i,400,400i,700,700i',
|
||||
),
|
||||
);
|
||||
|
||||
//------------------------------------------------------------------------------
|
||||
// Website customizations
|
||||
//------------------------------------------------------------------------------
|
||||
|
||||
$o-website-values-palettes: (
|
||||
(
|
||||
'header-font-size': (18 / 16) * 1rem,
|
||||
'btn-border-radius': .3125rem,
|
||||
'btn-border-radius-lg': .3125rem,
|
||||
'btn-border-radius-sm': .3125rem,
|
||||
'font': 'Questrial',
|
||||
'headings-font': 'Questrial',
|
||||
'navbar-font': 'Questrial',
|
||||
'buttons-font': 'Questrial',
|
||||
'header-template': 'contact',
|
||||
'footer-template': 'default',
|
||||
'header-links-style': 'outline',
|
||||
),
|
||||
);
|
||||