[ADD] theme 14.0
Jeremy Kersten
|
After Width: | Height: | Size: 4.4 KiB |
|
After Width: | Height: | Size: 5.6 KiB |
|
After Width: | Height: | Size: 16 KiB |
|
After Width: | Height: | Size: 5.9 KiB |
|
After Width: | Height: | Size: 5.8 KiB |
|
After Width: | Height: | Size: 11 KiB |
|
After Width: | Height: | Size: 4.3 KiB |
|
After Width: | Height: | Size: 4.8 KiB |
|
After Width: | Height: | Size: 12 KiB |
|
After Width: | Height: | Size: 7.2 KiB |
|
After Width: | Height: | Size: 8.1 KiB |
|
After Width: | Height: | Size: 4.0 KiB |
|
After Width: | Height: | Size: 7.4 KiB |
|
After Width: | Height: | Size: 4.9 KiB |
|
After Width: | Height: | Size: 6.6 KiB |
|
After Width: | Height: | Size: 184 KiB |
|
After Width: | Height: | Size: 17 KiB |
|
After Width: | Height: | Size: 14 KiB |
@@ -0,0 +1,206 @@
|
||||
<section class="container">
|
||||
<h2 class="text-muted">Html5 Responsive Bootstrap Theme for Odoo CMS</h2>
|
||||
<hr>
|
||||
|
||||
<p class="lead">This theme is a professional responsive HTML5 theme, built using Bootstrap3,
|
||||
the most popular front-end framework for developing responsive, mobile
|
||||
first projects on the web. Just drag & drop the new building blocks
|
||||
you need to easily build your layout. All layouts are made of sections,
|
||||
that you can easily combine to fit your specific project.</p>
|
||||
<img src="monglia_description.png" class="img-fluid d-block mx-auto"/>
|
||||
<hr>
|
||||
|
||||
<h2 class="text-muted">Customization Tools</h2>
|
||||
|
||||
<p>The theme comes with customization tools. You can easily change
|
||||
the background, the colors and the font combination of your website or
|
||||
you a preset.</p>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-lg-4">
|
||||
<img src="customtool.jpg" class="img-fluid d-block mx-auto"/>
|
||||
</div>
|
||||
<div class="col-lg-8">
|
||||
<h3>The theme comes with a lot of options</h3>
|
||||
<ul>
|
||||
<li>WIDE OR BOXED LAYOUT</li>
|
||||
<li>6 COLOR SCHEMES</li>
|
||||
<li>8 BACKGROUND SHADES OR USE YOUR OWN</li>
|
||||
<li>6 FONT COMBINATIONS</li>
|
||||
<li>10 BACKGROUND PATTERNS</li>
|
||||
</ul>
|
||||
<p>All the background, color and font combinations were made to work together.
|
||||
You can not go wrong with the settings.</p>
|
||||
|
||||
<h3>Minimalistic Flat Design</h3>
|
||||
<p>It was made with easy customization and branding in mind. Based on
|
||||
simple, modern and typographical elements, it allows you to easily customize
|
||||
your website.</p>
|
||||
|
||||
<h3>6 Prebuild Presets</h3>
|
||||
<p class="mb16">You don't have the time to play with options? Don't worry, this theme gives
|
||||
you six full presets wich combine colors, fonts and background.</p>
|
||||
|
||||
<p>This theme has an <a href="https://apps.odoo.com/apps/10.0/theme_monglia_sale/">additional eCommerce plugin</a>.</p>
|
||||
</div>
|
||||
</div>
|
||||
<hr>
|
||||
|
||||
<h2 class="text-muted">Building Blocks</h2>
|
||||
|
||||
<p>You get a new complete range of building blocks.</p>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-lg-4">
|
||||
<h4 class="text-muted">CONTENT BLOCKS</h4>
|
||||
<ul class="mb16">
|
||||
<li>Title</li>
|
||||
<li>1 Column Text</li>
|
||||
<li>2 Column Text</li>
|
||||
<li>3 Column Text</li>
|
||||
<li>4 Column Text</li>
|
||||
<li>Separator Block</li>
|
||||
</ul>
|
||||
<h4 class="text-muted mb16">STRUCTURE BLOCKS</h4>
|
||||
<ul class="mb16">
|
||||
<li>Custom Banner</li>
|
||||
<li>Big Picture + Text</li>
|
||||
<li>Text + Big Picture</li>
|
||||
<li>Cubes</li>
|
||||
<li>Features Slideshow</li>
|
||||
<li>Header + Text + Picture</li>
|
||||
<li>Product List</li>
|
||||
<li>2 Color Blocks</li>
|
||||
<li>4 Color Blocks</li>
|
||||
<li>Numbers</li>
|
||||
<li>Logos Bar</li>
|
||||
<li>Testimonial Slider</li>
|
||||
<li>Big Circle Icons</li>
|
||||
<li>Events with Internal Slider</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-lg-4">
|
||||
<h4 class="text-muted">FEATURES BLOCKS</h4>
|
||||
<ul class="mb16">
|
||||
<li>Slide Banner</li>
|
||||
<li>Slideshow with products</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-lg-4">
|
||||
<h3>Customize Your Blocks</h3>
|
||||
<p class="mb16">Each building blocks comes with its own options. </p>
|
||||
<img src="customtool2.jpg" class="img-fluid d-block mx-auto"/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<p>Some fonts might not work with extended charsets.</p>
|
||||
<p>The images in the theme are copyrighted and can't be used outside of the odoo.com domain.</p>
|
||||
<hr>
|
||||
|
||||
<h1 class="text-center">CONTRIBUTORS LIST</h1>
|
||||
<br/>
|
||||
|
||||
<p class="strong text-center">This theme was created with the help of our user community.</p>
|
||||
|
||||
<h3 class="text-center">Thanks to our backers the Indiegogo campaign was a success!</h3>
|
||||
|
||||
<p class="text-center"><a>https://www.indiegogo.com/projects/bootstrap-themes-for-odoo-cms/</a></p>
|
||||
<br/>
|
||||
|
||||
<h1 class="text-center"><u>Main Sponsor</u></h1>
|
||||
<br/>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-lg-2">
|
||||
<a href="http://www.aselcis.com/" target="blank">
|
||||
<img src="contributors/aselcis.jpg" class="img-fluid d-block mx-auto"/>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-lg-2">
|
||||
<a href="http://www.bas-solutions.nl/" target="blank">
|
||||
<img src="contributors/bas-solutions.png" class="img-fluid d-block mx-auto"/>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-lg-2">
|
||||
<a href="http://www.bloopark.de/" target="blank">
|
||||
<img src="contributors/bloopark.png" class="img-fluid d-block mx-auto"/>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-lg-2">
|
||||
<a href="http://www.brouwland.com" target="blank">
|
||||
<img src="contributors/brouwland.jpg" class="img-fluid d-block mx-auto"/>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-lg-2">
|
||||
<a href="http://www.catsanddogs.com/" target="blank">
|
||||
<img src="contributors/catsdogs.png" class="img-fluid d-block mx-auto"/>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-lg-2">
|
||||
<a href="https://www.hucke-media.de/" target="blank">
|
||||
<img src="contributors/huckemedia.png" class="img-fluid d-block mx-auto"/>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-lg-2">
|
||||
<a href="http://www.datadialog.net/" target="blank">
|
||||
<img src="contributors/dialognet.png" class="img-fluid d-block mx-auto"/>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-lg-2">
|
||||
<a href="http://www.dynapps.be/" target="blank">
|
||||
<img src="contributors/dynapps.jpg" class="img-fluid d-block mx-auto"/>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-lg-2">
|
||||
<a href="http://opusvl.com/" target="blank">
|
||||
<img src="contributors/opusvl.png" class="img-fluid d-block mx-auto"/>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-lg-2">
|
||||
<a href="http://oxenworkwear.com/" target="blank">
|
||||
<img src="contributors/oxen.jpg" class="img-fluid d-block mx-auto"/>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-lg-2">
|
||||
<a href="http://www.simplit.co/" target="blank">
|
||||
<img src="contributors/simplitco.jpg" class="img-fluid d-block mx-auto"/>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-lg-2">
|
||||
<a href="http://www.sodexis.com/" target="blank">
|
||||
<img src="contributors/sodexis.jpg" class="img-fluid d-block mx-auto"/>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row" style="margin-bottom:30px;">
|
||||
<div class="col-lg-2 offset-lg-3">
|
||||
<a href="https://www.techreceptives.com" target="blank">
|
||||
<img src="contributors/tech-receptives.png" class="img-fluid d-block mx-auto"/>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-lg-2">
|
||||
<a href="http://www.applicatour.com/" target="blank">
|
||||
<img src="contributors/applicatour.jpg" class="img-fluid d-block mx-auto"/>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-lg-2">
|
||||
<a href="https://vauxoo.com" target="blank">
|
||||
<img src="contributors/vauxoo.png" class="img-fluid d-block mx-auto"/>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<p>Ross Whiting, Oxenworkwear - Hans Balis - Stephan Keller, Sodexis, Inc. - Michael Hucke, Hucke Media GmbH & Co. KG - Joachim Grubelnik, DaDi EDV GmbH datadialog.net - DynApps - Cats&Dogs bvba - Bloopark systems GmbH & Co. KG - Parthiv Patel, Tech Receptives Solutions Pvt. Ltd. - Stuart Mackintosh, OpusVL - Erwin van der Ploeg, BAS Solutions - ali Zuaby, simplit co - Aselcis Consulting - Nhomar Hernandez, Vauxoo</p>
|
||||
|
||||
<h1 class="text-center"><u>Sponsor</u></h1>
|
||||
<br/>
|
||||
|
||||
<p>Robert Baumgartner, datenpol gmbh - openBIG - Russell Phillippe, Protogenos Ltd - Julien Allo, Julius - EasyPME - Jonathan Wilson, WillowIT Pty Ltd - Xavier Mallein, MAallein - Pedro M. Baeza, Serv. Tecnol. Avanzados - Daniel Dico, OERP Canada - Jantz Business Group b.v. - LogicaSoft Consulting - Eric Caudal, Elico Corp - Ermin Trevisan, Twanda - Jean-François Mattler, OpenFid SAS - Alex Ferrer, Lannex IT Solutions - Tony Gu, Shine IT Co. Ltd. 先安科技 - TaPo-IT OG - Jos De Graeve, Apertoso - Nicolas Rigo, eezee-it - Luis Miguel Varón E, Colorisa S.A - OpenBias - Stanislas Drouin Applicatour</p>
|
||||
|
||||
<h1 class="text-center"><u>Power Designer</u></h1>
|
||||
<br/>
|
||||
|
||||
<p>Rohit Thakral - François Dhommeaux, Ubic Informatique - Judson Alves, Market Home Delivery - Eric Flaux, ABF Osiell - Gilles Dupont - Arnis Putniņš - Johnson Martt, GetOpenERP (Part of OpenStow Technologies) - Gianluca Milano - Daniel Stolovich, ATEL S.A. - Equitania Software GmbH - Senthilnathan G - Houssine Bakkali - Arend Trip - Kevin Woolf, Baba Kevin's American Barbecue Co., Ltd. - toodoo sàrl - Zoltan Gabor 'Apersis' - Tom De Decker, WEB2GO LTD - Nicolás Cavalier Montenegro, STOREGUD CORPORATION SAC - Keirse Jerome - REAL Solutions S.A. - Davide Corio - Brice Muangkhot - Melvin Miguel Martinez, Mendoza Hernandez - Auditores - Chua Wen Ching - Tran Minh Tri working, ungdungtinhoc.com - Badisheng Morena - Sogexis - Josh Wardini - The Tee Shirt Bakery - Bruce Letterle, Red Lab Media - Benoit Vankoningsloo - Francisco Manuel Garcia Claramonte. - Paulina Mikolajczak-Blasco - Collectiv - Tony Fernando - Herbert Riener, rigaConcepts - Kalmen Chia, E-Global SCM Solution Sdn Bhd - Rob North, Pair A Dice Games - David E. Vargas, CloudShop - François Le Gal - Calin Chete (24h Solutions) - Maria Gabriela Fong, MAGA Systems & Consulting - Pascal Behr, Cytosurge AG - Marc Antwertinger - Opencloud Unipessoal, Lda - Ruchir Shukla, BizzAppDev - Michael Hucke, Hucke Media GmbH & Co. KG - Mathias Neef, copadoMEDIA UG - Pablo Arias - Same Motion - livingprocess.de - Habib Ayob - Igor Jovanovic - Liangming Wang, Weixuan Inc. - Jason Au Yeung, Binary System Limited - Fredrik Arvas, Arvas International AB - Martin Temmink, Zigaret - Mathieu Vanneste, Flockdesign - Filip Fruru, Instant Media - Marianne Wilmsmeier, Fabrik Fünf GmbH - Vertex Group Enterprises - Bingen Eguzkitza - Herczeg Péter, InnOpen Group Kft - Giles Hohnen - Luis Felipe Miléo, KMEE - Maria Gabriela Fong, MAGA Systems & Consulting - Aaron Magon, Web Industries - Andrew Trueman, B.M. Trueman & Partners - Sven Petersen, Conexus - Nous Cambas - Oliver Yuan, OpenStone - Henri Ibowili, A-YANT.COM - Nicolas JEUDY - Helmut Drewes - Maik Steinfeld, Streward - Hans Henrik Gabelgaard - AJ Rosman - Eduard - Patrick Darribet, SUDOKEYS - Camptocamp - Cyril Morisse - Alejandro Santana - Eva Pinter, YBO - Mathias Neef, copadoMEDIA UG - Jean-Christophe Perrot, LOGICASOFT - Zarshed Ali, HiTechnologia - Stefan Reisich - Maxime Chambreuil, Savoir-faire Linux - Mario Gielissen, Openworx - Nicholas Burdic, Aptoworks LLC - Olivier Lenoir</p>
|
||||
</section>
|
||||
|
After Width: | Height: | Size: 269 KiB |
|
After Width: | Height: | Size: 127 KiB |
|
After Width: | Height: | Size: 282 KiB |
|
After Width: | Height: | Size: 154 KiB |
|
After Width: | Height: | Size: 348 KiB |
|
After Width: | Height: | Size: 284 KiB |
|
After Width: | Height: | Size: 323 KiB |
|
After Width: | Height: | Size: 286 KiB |
|
After Width: | Height: | Size: 303 KiB |
|
After Width: | Height: | Size: 19 KiB |
|
After Width: | Height: | Size: 65 KiB |
|
After Width: | Height: | Size: 32 KiB |
|
After Width: | Height: | Size: 98 KiB |
|
After Width: | Height: | Size: 96 KiB |
|
After Width: | Height: | Size: 162 KiB |
|
After Width: | Height: | Size: 110 KiB |
|
After Width: | Height: | Size: 218 KiB |
|
After Width: | Height: | Size: 70 KiB |
|
After Width: | Height: | Size: 172 KiB |
|
After Width: | Height: | Size: 46 KiB |
|
After Width: | Height: | Size: 54 KiB |
|
After Width: | Height: | Size: 42 KiB |
|
After Width: | Height: | Size: 117 KiB |
|
After Width: | Height: | Size: 101 KiB |
|
After Width: | Height: | Size: 97 KiB |
|
After Width: | Height: | Size: 104 KiB |
|
After Width: | Height: | Size: 26 KiB |
|
After Width: | Height: | Size: 20 KiB |
|
After Width: | Height: | Size: 22 KiB |
|
After Width: | Height: | Size: 18 KiB |
|
After Width: | Height: | Size: 18 KiB |
|
After Width: | Height: | Size: 29 KiB |
|
After Width: | Height: | Size: 122 KiB |
|
After Width: | Height: | Size: 231 KiB |
|
After Width: | Height: | Size: 106 KiB |
|
After Width: | Height: | Size: 110 KiB |
|
After Width: | Height: | Size: 16 KiB |
|
After Width: | Height: | Size: 17 KiB |
|
After Width: | Height: | Size: 25 KiB |
|
After Width: | Height: | Size: 16 KiB |
@@ -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;
|
||||
}
|
||||
}
|
||||