[ADD] theme 14.0
Jeremy Kersten
|
After Width: | Height: | Size: 215 KiB |
|
After Width: | Height: | Size: 188 KiB |
|
After Width: | Height: | Size: 225 KiB |
|
After Width: | Height: | Size: 277 KiB |
|
After Width: | Height: | Size: 187 KiB |
|
After Width: | Height: | Size: 348 KiB |
|
After Width: | Height: | Size: 148 KiB |
|
After Width: | Height: | Size: 211 KiB |
|
After Width: | Height: | Size: 191 KiB |
|
After Width: | Height: | Size: 165 KiB |
|
After Width: | Height: | Size: 206 KiB |
|
After Width: | Height: | Size: 226 KiB |
|
After Width: | Height: | Size: 329 KiB |
|
After Width: | Height: | Size: 315 KiB |
|
After Width: | Height: | Size: 262 KiB |
|
After Width: | Height: | Size: 313 KiB |
|
After Width: | Height: | Size: 1.4 KiB |
|
After Width: | Height: | Size: 27 KiB |
|
After Width: | Height: | Size: 90 KiB |
|
After Width: | Height: | Size: 200 KiB |
|
After Width: | Height: | Size: 64 KiB |
|
After Width: | Height: | Size: 162 KiB |
|
After Width: | Height: | Size: 148 KiB |
|
After Width: | Height: | Size: 136 KiB |
|
After Width: | Height: | Size: 201 KiB |
|
After Width: | Height: | Size: 116 KiB |
|
After Width: | Height: | Size: 3.9 KiB |
|
After Width: | Height: | Size: 10 KiB |
|
After Width: | Height: | Size: 5.7 KiB |
|
After Width: | Height: | Size: 3.6 KiB |
|
After Width: | Height: | Size: 5.7 KiB |
|
After Width: | Height: | Size: 6.8 KiB |
|
After Width: | Height: | Size: 205 KiB |
|
After Width: | Height: | Size: 86 KiB |
|
After Width: | Height: | Size: 34 KiB |
|
After Width: | Height: | Size: 43 KiB |
|
After Width: | Height: | Size: 111 KiB |
|
After Width: | Height: | Size: 795 B |
|
After Width: | Height: | Size: 18 KiB |
|
After Width: | Height: | Size: 19 KiB |
|
After Width: | Height: | Size: 14 KiB |
|
After Width: | Height: | Size: 8.9 KiB |
|
After Width: | Height: | Size: 9.3 KiB |
|
After Width: | Height: | Size: 15 KiB |
|
After Width: | Height: | Size: 100 KiB |
|
After Width: | Height: | Size: 2.1 KiB |
|
After Width: | Height: | Size: 14 KiB |
@@ -0,0 +1,43 @@
|
||||
odoo.define("theme_treehouse.tour.treehouse", 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_three_columns',
|
||||
name: 'Columns',
|
||||
},
|
||||
{
|
||||
id: 's_call_to_action',
|
||||
name: 'Call to Action',
|
||||
},
|
||||
];
|
||||
|
||||
wTourUtils.registerThemeHomepageTour("treehouse_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(),
|
||||
wTourUtils.selectColorPalette(),
|
||||
wTourUtils.clickOnSave(),
|
||||
]);
|
||||
});
|
||||
@@ -0,0 +1,8 @@
|
||||
.s_images_carousel {
|
||||
.carousel-inner {
|
||||
border-radius: $border-radius;
|
||||
}
|
||||
.carousel-caption {
|
||||
border-radius: 10rem;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,3 @@
|
||||
.s_images_row .s_images_row_body {
|
||||
border-bottom-right-radius: $border-radius;
|
||||
}
|
||||
@@ -0,0 +1,86 @@
|
||||
//------------------------------------------------------------------------------//
|
||||
// TODO ideally this should be done in primary variables if it was possible.
|
||||
//------------------------------------------------------------------------------//
|
||||
|
||||
// Body
|
||||
@if o-website-value('font-number') == 1 {
|
||||
// Abel
|
||||
$o-theme-font-size-lg-multiplier: (1.25 / 1.125);
|
||||
$o-theme-font-size-sm-multiplier: (1 / 1.125);
|
||||
}
|
||||
@else if o-website-value('font-number') == 2 {
|
||||
// Dosis
|
||||
$o-theme-font-size-lg-multiplier: (1.25 / 1.125);
|
||||
}
|
||||
@else if o-website-value('font-number') == 4 {
|
||||
// Laila
|
||||
$o-theme-font-weight-normal: 300;
|
||||
$o-theme-font-weight-bold: 600;
|
||||
}
|
||||
@else if o-website-value('font-number') == 6 {
|
||||
// Poppins
|
||||
$o-theme-font-weight-bold: 600;
|
||||
}
|
||||
|
||||
//------------------------------------------------------------------------------//
|
||||
// Bootstrap
|
||||
//------------------------------------------------------------------------------//
|
||||
|
||||
// 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 !default;
|
||||
|
||||
// Options
|
||||
//
|
||||
// Quickly modify global styling by enabling or disabling optional features.
|
||||
|
||||
$enable-shadows: true;
|
||||
|
||||
// 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;
|
||||
|
||||
// Components
|
||||
//
|
||||
// Define common padding and border radius sizes and more.
|
||||
|
||||
$border-radius: .375rem !default;
|
||||
$border-radius-lg: .5rem !default;
|
||||
$border-radius-sm: .25rem !default;
|
||||
|
||||
// Typography
|
||||
//
|
||||
// Font, line-height, and color for body text, headings, and more.
|
||||
|
||||
$font-size-lg: o-website-value('font-size-base') * $o-theme-font-size-lg-multiplier !default;
|
||||
$font-size-sm: o-website-value('font-size-base') * $o-theme-font-size-sm-multiplier !default;
|
||||
|
||||
$font-weight-light: $o-theme-font-weight-light !default;
|
||||
$font-weight-normal: $o-theme-font-weight-normal !default;
|
||||
$font-weight-bold: $o-theme-font-weight-bold !default;
|
||||
|
||||
$headings-font-weight: $o-theme-headings-font-weight !default;
|
||||
|
||||
// Buttons + Forms
|
||||
//
|
||||
// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.
|
||||
|
||||
$input-btn-focus-width: 0 !default;
|
||||
$input-focus-border-color: o-color('primary') !default;
|
||||
|
||||
$btn-font-weight: 400 !default;
|
||||
$btn-box-shadow: none !default;
|
||||
|
||||
$input-color: o-color('o-cc1-text') !default;
|
||||
$input-placeholder-color: o-color('500') !default;
|
||||
|
||||
// Cards
|
||||
|
||||
$card-spacer-y: 1rem !default;
|
||||
$card-spacer-x: 1.75rem !default;
|
||||
$card-border-width: 0 !default;
|
||||
$card-border-radius: $border-radius-lg !default;
|
||||
|
||||
@@ -0,0 +1,139 @@
|
||||
#wrapwrap {
|
||||
|
||||
// Carousel
|
||||
.carousel-control .fa {
|
||||
border-radius: 50%;
|
||||
padding-top: 2px;
|
||||
&:hover {
|
||||
color: o-color('alpha') !important;
|
||||
}
|
||||
}
|
||||
|
||||
// Banner Carousel
|
||||
.s_banner_2.carousel {
|
||||
.carousel-box-content {
|
||||
border-radius: $border-radius;
|
||||
}
|
||||
.carousel-control {
|
||||
width: 10%;
|
||||
@include carousel-control(0, 20px, 3px);
|
||||
@include fa-size-generator(15px);
|
||||
.fa {
|
||||
top: auto;
|
||||
bottom: 30px;
|
||||
}
|
||||
}
|
||||
.carousel-indicators {
|
||||
background-color: #fff;
|
||||
height: 35px;
|
||||
line-height: 38px;
|
||||
width: auto;
|
||||
left: 50%;
|
||||
right: auto;
|
||||
bottom: 20px;
|
||||
margin-right: -50%;
|
||||
margin-left: 0;
|
||||
transform: translate(-50%, 0);
|
||||
padding: 0 40px;
|
||||
border-radius: $border-radius-lg;
|
||||
}
|
||||
}
|
||||
|
||||
// 3-Columns Carousel
|
||||
.s_three_columns .carousel-control {
|
||||
width: auto;
|
||||
min-width: 35px;
|
||||
@include carousel-control(15px, 0, 2px);
|
||||
@include fa-size-generator(15px);
|
||||
.fa {
|
||||
top: auto;
|
||||
bottom: 15px;
|
||||
}
|
||||
}
|
||||
|
||||
// Border-radius
|
||||
.panel-group .panel,
|
||||
.s_medias_list .row,
|
||||
.s_text_block_image_fw [class*="col-lg-"],
|
||||
.s_well {
|
||||
border-radius: $border-radius;
|
||||
}
|
||||
|
||||
// Team Profile
|
||||
.profile-body {
|
||||
@include border-top-radius($border-radius);
|
||||
}
|
||||
|
||||
// Label
|
||||
.label {
|
||||
padding: 6px 10px;
|
||||
i {
|
||||
opacity: 0.5;
|
||||
}
|
||||
}
|
||||
|
||||
// Images + Captions
|
||||
.s_images_captions_fw p {
|
||||
border-bottom-right-radius: $border-radius;
|
||||
}
|
||||
|
||||
// Panel
|
||||
.s_panel {
|
||||
&.panel {
|
||||
background-color: inherit;
|
||||
}
|
||||
.panel-heading {
|
||||
border: 0;
|
||||
.fa {
|
||||
margin-right: 12px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.panel {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
// Well
|
||||
.s_well {
|
||||
box-shadow: none;
|
||||
.card-text {
|
||||
overflow: hidden;
|
||||
}
|
||||
ol, p, ul {
|
||||
width: 100%;
|
||||
&:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Big Message
|
||||
.s_big_message {
|
||||
margin: 0;
|
||||
padding: 20px 0 40px;
|
||||
}
|
||||
|
||||
// Comparisons
|
||||
.s_comparisons {
|
||||
.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
|
||||
background-color: theme-color('primary');
|
||||
border-color: theme-color('primary');
|
||||
}
|
||||
.panel-body h2 small {
|
||||
color: gray('900');
|
||||
}
|
||||
}
|
||||
|
||||
// Jumbotron
|
||||
.jumbotron {
|
||||
margin: 0;
|
||||
p {
|
||||
font-weight: $font-weight-base;
|
||||
}
|
||||
}
|
||||
|
||||
// Features
|
||||
.s_features {
|
||||
@include fa-size-generator(20);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,273 @@
|
||||
//------------------------------------------------------------------------------
|
||||
// Presets
|
||||
//------------------------------------------------------------------------------
|
||||
|
||||
$o-website-values-palettes: (
|
||||
(
|
||||
// Header
|
||||
'logo-height': 2.75rem,
|
||||
'fixed-logo-height': 2rem,
|
||||
|
||||
// Font
|
||||
'font': 'Poppins',
|
||||
'headings-font': 'Poppins',
|
||||
'navbar-font': 'Poppins',
|
||||
'buttons-font': 'Poppins',
|
||||
|
||||
// Buttons
|
||||
'btn-padding-y': .45rem,
|
||||
'btn-padding-x': 1.35rem,
|
||||
'btn-padding-y-sm': .3rem,
|
||||
'btn-padding-x-sm': .9rem,
|
||||
'btn-padding-y-lg': .6rem,
|
||||
'btn-padding-x-lg': 1.8rem,
|
||||
'btn-border-radius': 10rem,
|
||||
'btn-border-radius-sm': 10rem,
|
||||
'btn-border-radius-lg': 10rem,
|
||||
'btn-ripple': true,
|
||||
|
||||
'input-padding-y': .45rem,
|
||||
'input-padding-y-sm': .3rem,
|
||||
'input-padding-y-lg': .6rem,
|
||||
|
||||
// Footer
|
||||
'footer-template': 'contact',
|
||||
'footer-effect': 'slideout_slide_hover',
|
||||
'footer-scrolltop': true,
|
||||
),
|
||||
);
|
||||
|
||||
//------------------------------------------------------------------------------
|
||||
// Fonts
|
||||
//------------------------------------------------------------------------------
|
||||
|
||||
|
||||
$o-theme-font-configs: (
|
||||
'Abel': (
|
||||
'family': ('Abel', sans-serif),
|
||||
'url': 'Abel:300,300i,400,400i,700,700i',
|
||||
'properties' : (
|
||||
'base': (
|
||||
'font-size-base': (18 / 16) * 1rem,
|
||||
'header-font-size': (18 / 16) * 1rem,
|
||||
),
|
||||
)
|
||||
),
|
||||
'Dosis': (
|
||||
'family': ('Dosis', sans-serif),
|
||||
'url': 'Dosis:300,300i,400,400i,700,700i',
|
||||
'properties' : (
|
||||
'base': (
|
||||
'font-size-base': (18 / 16) * 1rem,
|
||||
'header-font-size': (18 / 16) * 1rem,
|
||||
),
|
||||
)
|
||||
),
|
||||
'Karla': (
|
||||
'family': ('Karla', sans-serif),
|
||||
'url': 'Karla:300,300i,400,400i,700,700i',
|
||||
),
|
||||
'Laila': (
|
||||
'family': ('Laila', serif),
|
||||
'url': 'Laila:300,300i,400,400i,600,600i',
|
||||
),
|
||||
'Lato': (
|
||||
'family': ('Lato', sans-serif),
|
||||
'url': 'Lato:300,300i,400,400i,700,700i',
|
||||
),
|
||||
'Poppins': (
|
||||
'family': ('Poppins', sans-serif),
|
||||
'url': 'Poppins:300,300i,400,400i,600,600i',
|
||||
'properties': (
|
||||
'base': (
|
||||
'header-font-size': (14 / 16) * 1rem,
|
||||
'font-size-base': (14 / 16) * 1rem,
|
||||
),
|
||||
)
|
||||
),
|
||||
'Raleway': (
|
||||
'family': ('Raleway', sans-serif),
|
||||
'url': 'Raleway:300,300i,400,400i,700,700i',
|
||||
),
|
||||
);
|
||||
|
||||
// Headings
|
||||
|
||||
$o-theme-h1-font-size-multiplier: 3;
|
||||
$o-theme-h2-font-size-multiplier: 2.5;
|
||||
$o-theme-h3-font-size-multiplier: 2;
|
||||
$o-theme-h4-font-size-multiplier: 1.75;
|
||||
$o-theme-h5-font-size-multiplier: 1.5;
|
||||
$o-theme-h6-font-size-multiplier: 1.25;
|
||||
|
||||
$o-theme-headings-font-weight: 400;
|
||||
|
||||
// Texts
|
||||
|
||||
$o-theme-font-size-lg-multiplier: 1.25;
|
||||
$o-theme-font-size-sm-multiplier: .875;
|
||||
|
||||
$o-theme-font-weight-light: 300;
|
||||
$o-theme-font-weight-normal: 400;
|
||||
$o-theme-font-weight-bold: 700;
|
||||
|
||||
// Buttons
|
||||
|
||||
$o-theme-btn-font-weight: 400;
|
||||
|
||||
//------------------------------------------------------------------------------
|
||||
// Colors
|
||||
//------------------------------------------------------------------------------
|
||||
|
||||
$o-color-palettes: (
|
||||
( // Palette 1
|
||||
'o-color-1': #68b581,
|
||||
'o-color-2': #046380,
|
||||
'o-color-3': #e8e6d1,
|
||||
'o-color-4': #ffffff,
|
||||
'o-color-5': #1d2127,
|
||||
|
||||
'o-cc1-text': 'o-color-5',
|
||||
'o-cc4-btn-primary': 'o-color-4',
|
||||
'o-cc4-link': 'o-color-4',
|
||||
|
||||
'menu': 1,
|
||||
'footer': 5,
|
||||
'copyright': 4,
|
||||
),
|
||||
( // Palette 2
|
||||
'o-color-1': #8cc850,
|
||||
'o-color-2': #cc4452,
|
||||
'o-color-3': #f6f4e1,
|
||||
'o-color-4': #ffffff,
|
||||
'o-color-5': #4c4545,
|
||||
|
||||
'o-cc1-text': 'o-color-5',
|
||||
'o-cc3-link': 'o-color-4',
|
||||
'o-cc4-link': 'o-color-4',
|
||||
'o-cc5-btn-secondary': 'o-color-2',
|
||||
|
||||
'menu': 5,
|
||||
'footer': 5,
|
||||
'copyright': 4,
|
||||
),
|
||||
( // Palette 3
|
||||
'o-color-1': #e2ad3b,
|
||||
'o-color-2': #1a2a41,
|
||||
'o-color-3': #f2ebd5,
|
||||
'o-color-4': #ffffff,
|
||||
'o-color-5': #d26400,
|
||||
|
||||
'o-cc1-text': 'o-color-2',
|
||||
'o-cc2-headings': 'o-color-2',
|
||||
'o-cc2-link': 'o-color-2',
|
||||
'o-cc3-headings': 'o-color-3',
|
||||
'o-cc5-link': 'o-color-3',
|
||||
|
||||
'menu': 3,
|
||||
'footer': 3,
|
||||
'copyright': 4,
|
||||
),
|
||||
( // Palette 4
|
||||
'o-color-1': #0092b2,
|
||||
'o-color-2': #046380,
|
||||
'o-color-3': #f2ebd5,
|
||||
'o-color-4': #ffffff,
|
||||
'o-color-5': #a8c545,
|
||||
|
||||
'o-cc1-text': #002737,
|
||||
'o-cc2-headings': 'o-color-2',
|
||||
'o-cc3-headings': 'o-color-3',
|
||||
'o-cc3-link': 'o-color-3',
|
||||
'o-cc4-link': 'o-color-3',
|
||||
'o-cc4-btn-primary': 'o-color-3',
|
||||
'o-cc4-btn-secondary': 'o-color-2',
|
||||
'o-cc5-link': 'o-color-2',
|
||||
'o-cc5-btn-secondary': 'o-color-2',
|
||||
|
||||
'menu': 1,
|
||||
'footer': 3,
|
||||
'copyright': 4,
|
||||
),
|
||||
( // Palette 5
|
||||
'o-color-1': #dd7e43,
|
||||
'o-color-2': #658791,
|
||||
'o-color-3': #e3e9eb,
|
||||
'o-color-4': #ffffff,
|
||||
'o-color-5': #d45c45,
|
||||
|
||||
'o-cc2-headings': 'o-color-2',
|
||||
'o-cc3-link': 'o-color-3',
|
||||
'o-cc4-link': 'o-color-4',
|
||||
'o-cc5-btn-secondary': 'o-color-4',
|
||||
'o-cc5-link': 'o-color-4',
|
||||
|
||||
'menu': 1,
|
||||
'footer': 2,
|
||||
'copyright': 4,
|
||||
),
|
||||
( // Palette 6
|
||||
'o-color-1': #92b475,
|
||||
'o-color-2': #8c7d77,
|
||||
'o-color-3': #efefed,
|
||||
'o-color-4': #ffffff,
|
||||
'o-color-5': #011a33,
|
||||
|
||||
'o-cc1-text': 'o-color-5',
|
||||
'o-cc3-link': 'o-color-4',
|
||||
'o-cc3-btn-secondary': 'o-color-4',
|
||||
'o-cc4-link': 'o-color-4',
|
||||
'o-cc4-btn-secondary': 'o-color-4',
|
||||
'o-cc5-btn-secondary': 'o-color-4',
|
||||
|
||||
'menu': 2,
|
||||
'footer': 5,
|
||||
'copyright': 4,
|
||||
),
|
||||
);
|
||||
|
||||
// Compatibility
|
||||
$o-theme-color-palettes: (
|
||||
(
|
||||
'alpha': #68b581,
|
||||
'beta': #00a388,
|
||||
'gamma': #046380,
|
||||
'delta': #4bb5c1,
|
||||
'epsilon': #beeb9f,
|
||||
),
|
||||
(
|
||||
'alpha': #a3cc52,
|
||||
'beta': #cc4452,
|
||||
'gamma': #8e3557,
|
||||
'delta': #f7f2b2,
|
||||
'epsilon': #4a1a2c,
|
||||
),
|
||||
(
|
||||
'alpha': #eebf3e,
|
||||
'beta': #e2ad3b,
|
||||
'gamma': #bf5c00,
|
||||
'delta': #77c4d3,
|
||||
'epsilon': #901811,
|
||||
),
|
||||
(
|
||||
'alpha': #0092b2,
|
||||
'beta': #046380,
|
||||
'gamma': #a8c545,
|
||||
'delta': #fff6c5,
|
||||
'epsilon': #ffd55c,
|
||||
),
|
||||
(
|
||||
'alpha': #dd7e43,
|
||||
'beta': #d45c45,
|
||||
'gamma': #911146,
|
||||
'delta': #9cc264,
|
||||
'epsilon': #306e73,
|
||||
),
|
||||
(
|
||||
'alpha': #b7ca79,
|
||||
'beta': #677e52,
|
||||
'gamma': #b0cc99,
|
||||
'delta': #89725b,
|
||||
'epsilon': #f6e8b1,
|
||||
),
|
||||
);
|
||||