[ADD] theme 13.0
Design
|
After Width: | Height: | Size: 211 KiB |
|
After Width: | Height: | Size: 46 KiB |
|
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: 91 KiB |
|
After Width: | Height: | Size: 17 KiB |
|
After Width: | Height: | Size: 3.1 KiB |
@@ -0,0 +1,214 @@
|
||||
<section class="container">
|
||||
<h2 class="text-muted">Html5 Responsive Bootstrap Theme for Odoo CMS</h2>
|
||||
<hr>
|
||||
|
||||
<p class="lead">Anelusia 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="anelusia_description.png" class="img-fluid d-block mx-auto"/>
|
||||
<hr>
|
||||
|
||||
<h2 class="text-muted">Anelusia Customization Tool</h2>
|
||||
|
||||
<p style="">Theme Anelusia 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>Theme Anelusia comes with a lot of options</h3>
|
||||
<ul>
|
||||
<li>6 PRESETS</li>
|
||||
<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>Anelusia 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>You don't have the time to play with options? Don't worry, Anelusia 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_anelusia_sale/">additional eCommerce plugin</a>.</p>
|
||||
</div>
|
||||
</div>
|
||||
<hr>
|
||||
|
||||
<h2 class="text-muted">Anelusia 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>Custom Button</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>Text + Image + Text</li>
|
||||
<li>Parallax Banner</li>
|
||||
<li>2 Color Blocks</li>
|
||||
<li>4 Color Blocks</li>
|
||||
<li>Numbers</li>
|
||||
<li>Timeline</li>
|
||||
<li>Event List</li>
|
||||
<li>Logos Bar</li>
|
||||
<li>Testimonial Slider</li>
|
||||
<li>Progress</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>
|
||||
<h4 class="text-muted">EFFECTS BLOCKS</h4>
|
||||
<ul class="mb16">
|
||||
<li>Big Image Parallax</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: 4.0 KiB |
|
After Width: | Height: | Size: 141 KiB |
|
After Width: | Height: | Size: 89 KiB |
|
After Width: | Height: | Size: 101 KiB |
|
After Width: | Height: | Size: 142 KiB |
|
After Width: | Height: | Size: 150 KiB |
|
After Width: | Height: | Size: 93 KiB |
|
After Width: | Height: | Size: 9.8 KiB |
|
After Width: | Height: | Size: 183 KiB |
|
After Width: | Height: | Size: 186 KiB |
|
After Width: | Height: | Size: 95 KiB |
|
After Width: | Height: | Size: 147 KiB |
|
After Width: | Height: | Size: 9.8 KiB |
|
After Width: | Height: | Size: 35 KiB |
|
After Width: | Height: | Size: 73 KiB |
|
After Width: | Height: | Size: 48 KiB |
|
After Width: | Height: | Size: 52 KiB |
|
After Width: | Height: | Size: 68 KiB |
|
After Width: | Height: | Size: 53 KiB |
|
After Width: | Height: | Size: 35 KiB |
|
After Width: | Height: | Size: 44 KiB |
|
After Width: | Height: | Size: 30 KiB |
|
After Width: | Height: | Size: 10 KiB |
|
After Width: | Height: | Size: 39 KiB |
|
After Width: | Height: | Size: 134 KiB |
|
After Width: | Height: | Size: 128 KiB |
|
After Width: | Height: | Size: 45 KiB |
|
After Width: | Height: | Size: 39 KiB |
|
After Width: | Height: | Size: 38 KiB |
|
After Width: | Height: | Size: 49 KiB |
|
After Width: | Height: | Size: 150 KiB |
|
After Width: | Height: | Size: 49 KiB |
|
After Width: | Height: | Size: 24 KiB |
|
After Width: | Height: | Size: 31 KiB |
|
After Width: | Height: | Size: 35 KiB |
|
After Width: | Height: | Size: 213 KiB |
|
After Width: | Height: | Size: 165 KiB |
|
After Width: | Height: | Size: 40 KiB |
|
After Width: | Height: | Size: 144 KiB |
|
After Width: | Height: | Size: 4.5 KiB |
|
After Width: | Height: | Size: 4.0 KiB |
|
After Width: | Height: | Size: 51 KiB |
|
After Width: | Height: | Size: 13 KiB |
|
After Width: | Height: | Size: 44 KiB |
|
After Width: | Height: | Size: 23 KiB |
|
After Width: | Height: | Size: 86 KiB |
|
After Width: | Height: | Size: 144 KiB |
|
After Width: | Height: | Size: 6.3 KiB |
|
After Width: | Height: | Size: 13 KiB |
|
After Width: | Height: | Size: 50 KiB |
|
After Width: | Height: | Size: 22 KiB |
|
After Width: | Height: | Size: 903 B |
|
After Width: | Height: | Size: 909 B |
|
After Width: | Height: | Size: 1.0 KiB |
|
After Width: | Height: | Size: 994 B |
|
After Width: | Height: | Size: 908 B |
|
After Width: | Height: | Size: 849 B |
|
After Width: | Height: | Size: 964 B |
|
After Width: | Height: | Size: 936 B |
|
After Width: | Height: | Size: 1.3 KiB |
@@ -0,0 +1,70 @@
|
||||
odoo.define('theme_anelusia.main', function (require) {
|
||||
'use strict';
|
||||
|
||||
var publicWidget = require('web.public.widget');
|
||||
require('website.content.menu');
|
||||
|
||||
// FIXME
|
||||
|
||||
publicWidget.registry.anelusiaHeader = publicWidget.Widget.extend({
|
||||
selector: '.navbar-toggler',
|
||||
events: {
|
||||
'click': '_onToggleClick',
|
||||
},
|
||||
|
||||
//--------------------------------------------------------------------------
|
||||
// Handlers
|
||||
//--------------------------------------------------------------------------
|
||||
|
||||
/**
|
||||
* @private
|
||||
*/
|
||||
_onToggleClick: function () {
|
||||
$('body').toggleClass('no-scroll');
|
||||
setTimeout(function () { $(window).trigger('scroll'); }, 100);
|
||||
},
|
||||
});
|
||||
|
||||
publicWidget.registry.affixMenu.include({
|
||||
/**
|
||||
* @override
|
||||
*/
|
||||
start: function () {
|
||||
var def = this._super.apply(this, arguments);
|
||||
if (this.$headerClone) {
|
||||
this.$clonedNavbarHeader = this.$headerClone.find('.navbar-toggler');
|
||||
}
|
||||
return def;
|
||||
},
|
||||
|
||||
//--------------------------------------------------------------------------
|
||||
// Private
|
||||
//--------------------------------------------------------------------------
|
||||
|
||||
/**
|
||||
* @override
|
||||
*/
|
||||
_getHeaderHeight: function () {
|
||||
return Math.max(
|
||||
this.$headerClone.find('.navbar-brand').outerHeight(true),
|
||||
this.$headerClone.find('.container').outerHeight(true)
|
||||
);
|
||||
},
|
||||
|
||||
//--------------------------------------------------------------------------
|
||||
// Handlers
|
||||
//--------------------------------------------------------------------------
|
||||
|
||||
/**
|
||||
* @override
|
||||
*/
|
||||
_onWindowUpdate: function () {
|
||||
this._super.apply(this, arguments);
|
||||
|
||||
var affixed = this.$headerClone.is('.affixed');
|
||||
var noScroll = $('body').hasClass('no-scroll');
|
||||
var hasHamburgerMenu = ($(".new-toggle").length > 0);
|
||||
this.$clonedNavbarHeader.css('background', (affixed && !noScroll && hasHamburgerMenu) ? 'rgba(0, 0, 0, 0.8)' : 'none');
|
||||
},
|
||||
});
|
||||
});
|
||||
@@ -0,0 +1,161 @@
|
||||
//
|
||||
// Color system
|
||||
//
|
||||
|
||||
// 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;
|
||||
|
||||
// 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;
|
||||
|
||||
// Links
|
||||
//
|
||||
// Style anchor elements.
|
||||
|
||||
$link-color: palette-theme-color("epsilon") !default;
|
||||
$link-hover-color: palette-theme-color("delta") !default;
|
||||
$link-hover-decoration: none !default;
|
||||
|
||||
// Components
|
||||
//
|
||||
// Define common padding and border radius sizes and more.
|
||||
|
||||
$border-color: palette-gray('200') !default;
|
||||
|
||||
$border-radius: 0 !default;
|
||||
$border-radius-lg: 0 !default;
|
||||
$border-radius-sm: 0 !default;
|
||||
|
||||
$box-shadow-sm: 0 0 .3125rem rgba(0,0,0,.25) !default;
|
||||
$box-shadow: 0 0 .3125rem rgba(0,0,0,.25) !default;
|
||||
$box-shadow-lg: 0 0 .3125rem rgba(0,0,0,.25) !default;
|
||||
|
||||
|
||||
// Fonts
|
||||
//
|
||||
// Font, line-height, and color for body text, headings, and more.
|
||||
|
||||
// stylelint-enable value-keyword-case
|
||||
|
||||
$font-weight-normal: if(o-website-value('font-number') == 4, 300, 500) !default;
|
||||
|
||||
$h1-font-size: $o-theme-font-size-base * (36 / 16) !default;
|
||||
$h2-font-size: $o-theme-font-size-base * (30 / 16) !default;
|
||||
$h3-font-size: $o-theme-font-size-base * (24 / 16) !default;
|
||||
$h4-font-size: $o-theme-font-size-base * (18 / 16) !default;
|
||||
$h5-font-size: $o-theme-font-size-base * (14 / 16) !default;
|
||||
$h6-font-size: $o-theme-font-size-base * (12 / 16) !default;
|
||||
|
||||
$headings-font-weight: 700 !default;
|
||||
|
||||
$hr-border-color: palette-theme-color('gamma') !default;
|
||||
|
||||
// Buttons + Forms
|
||||
//
|
||||
// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.
|
||||
|
||||
$input-btn-padding-y: .625rem !default;
|
||||
$input-btn-padding-x: 1.25rem !default;
|
||||
|
||||
$input-btn-focus-color: darken(palette-theme-color('primary'), 15%) !default;
|
||||
$input-btn-focus-box-shadow: 0 0 0 0 0 !default;
|
||||
|
||||
$input-btn-padding-y-sm: .625rem !default;
|
||||
$input-btn-padding-x-sm: 1.25rem !default;
|
||||
|
||||
$input-btn-padding-y-lg: .625rem !default;
|
||||
$input-btn-padding-x-lg: 1.25rem !default;
|
||||
|
||||
$input-btn-border-width: 0 !default;
|
||||
|
||||
|
||||
// Buttons
|
||||
//
|
||||
// For each of Bootstrap's buttons, define text, background, and border color.
|
||||
|
||||
$btn-box-shadow: 0 0 0 0 0 !default;
|
||||
$btn-focus-box-shadow: $btn-box-shadow !default;
|
||||
$btn-active-box-shadow: $btn-box-shadow !default;
|
||||
|
||||
// Forms
|
||||
|
||||
$input-bg: palette-theme-color('primary') !default;
|
||||
|
||||
$input-color: #242327 !default;
|
||||
$input-border-width: 0 !default;
|
||||
$input-box-shadow: $btn-box-shadow !default;
|
||||
|
||||
$input-focus-bg: darken(palette-theme-color('primary'), 15%) !default;
|
||||
$input-focus-border-color: none !default;
|
||||
$input-focus-box-shadow: $btn-box-shadow !default;
|
||||
|
||||
$input-height-border: .0625rem !default;
|
||||
|
||||
$form-check-input-margin-y: 0 !default;
|
||||
$form-check-input-margin-x: 0 !default;
|
||||
|
||||
$form-check-inline-margin-x: 0 !default;
|
||||
$form-check-inline-input-margin-x: 0 !default;
|
||||
|
||||
$custom-select-focus-box-shadow: none !default;
|
||||
|
||||
// Dropdowns
|
||||
//
|
||||
// Dropdown menu container and contents.
|
||||
|
||||
$dropdown-border-radius: .25rem !default;
|
||||
$dropdown-border-width: .0625rem !default;
|
||||
$dropdown-box-shadow: 0 .375rem 1.75em rgba(palette-gray('black'), .175) !default;
|
||||
|
||||
// Navs
|
||||
|
||||
$nav-link-padding-y: .625rem !default;
|
||||
$nav-link-padding-x: .9375rem !default;
|
||||
|
||||
$nav-tabs-border-width: 0 !default;
|
||||
$nav-tabs-link-active-color: palette-gray('white') !default;
|
||||
$nav-tabs-link-active-bg: transparent !default;
|
||||
|
||||
$nav-pills-link-active-color: palette-gray('white') !default;
|
||||
$nav-pills-link-active-bg: transparent !default;
|
||||
|
||||
$nav-divider-color: transparent !default;
|
||||
$nav-divider-margin-y: 0 !default;
|
||||
|
||||
// Navbar
|
||||
|
||||
$navbar-padding-y: 0 !default;
|
||||
$navbar-padding-x: 2rem !default;
|
||||
|
||||
// Pagination
|
||||
|
||||
$pagination-focus-box-shadow: 0 0 0 0 0 !default;
|
||||
|
||||
// Cards
|
||||
|
||||
$card-cap-bg: palette-gray('white') !default;
|
||||
|
||||
// Badges
|
||||
|
||||
$badge-padding-y: .3125rem !default;
|
||||
$badge-padding-x: .625rem !default;
|
||||
$badge-border-radius: .625rem !default;
|
||||
|
||||
// Breadcrumbs
|
||||
|
||||
$breadcrumb-padding-y: .5rem !default;
|
||||
$breadcrumb-padding-x: .9375rem !default;
|
||||
|
||||
$breadcrumb-margin-bottom: 1.25rem !default;
|
||||
|
||||
$breadcrumb-bg: palette-gray('white') !default;
|
||||
$breadcrumb-active-color: palette-gray('600') !default;
|
||||
|
||||
// Carousel
|
||||
|
||||
$carousel-control-color: palette-theme-color('alpha') !default;
|
||||
@@ -0,0 +1,19 @@
|
||||
$s-banner-3-carosel-control-color: rgba(0, 0, 0, 0);
|
||||
$s-banner-3-padding: 15px;
|
||||
$s-banner-3-fa-color: o-theme-color('alpha');
|
||||
$s-banner-3-carousel-height: 100vh;
|
||||
|
||||
@mixin s-banner-3-col-center-hook {
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
padding-top: 60vh;
|
||||
@include media-breakpoint-down(sm) {
|
||||
padding-top: 25vh;
|
||||
}
|
||||
}
|
||||
|
||||
$s-big-picture-text-padding: 0;
|
||||
|
||||
$s-text-big-picture-padding: 0;
|
||||
|
||||
$s-timeline-company-color: $-gray-700;
|
||||
@@ -0,0 +1 @@
|
||||
$o-theme-hamburger-layout: true;
|
||||
@@ -0,0 +1,147 @@
|
||||
@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-navbar-height: 80px;
|
||||
$o-theme-hamburger-layout: false;
|
||||
|
||||
$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: url("/web/image/theme_common.image_content_02");
|
||||
$o-theme-bg-img-06: url("/web/image/theme_common.image_content_03");
|
||||
$o-theme-bg-img-07: url("/web/image/theme_common.image_content_07");
|
||||
|
||||
$font-size-base: 1rem;
|
||||
|
||||
//------------------------------------------------------------------------------
|
||||
// Colors
|
||||
//------------------------------------------------------------------------------
|
||||
|
||||
// Theme colors
|
||||
$-palettes: (
|
||||
(
|
||||
'alpha': #ffffff,
|
||||
'beta': #cdd0a2,
|
||||
'gamma': #b4bbb9,
|
||||
'delta': #242327,
|
||||
'epsilon': #957985,
|
||||
),
|
||||
(
|
||||
'alpha': #ffffff,
|
||||
'beta': #f4f1db,
|
||||
'gamma': #928371,
|
||||
'delta': #53453f,
|
||||
'epsilon': #c31737,
|
||||
),
|
||||
(
|
||||
'alpha': #ffffff,
|
||||
'beta': #d8eff1,
|
||||
'gamma': #0d75ac,
|
||||
'delta': #000f3d,
|
||||
'epsilon': #e07a6b,
|
||||
),
|
||||
(
|
||||
'alpha': #ffffff,
|
||||
'beta': #faf7e1,
|
||||
'gamma': #e3d6c6,
|
||||
'delta': #eed187,
|
||||
'epsilon': #dc733f,
|
||||
),
|
||||
(
|
||||
'alpha': #ffffff,
|
||||
'beta': #cfcfcf,
|
||||
'gamma': #2e2e2e,
|
||||
'delta': #000000,
|
||||
'epsilon': #32c0c9,
|
||||
),
|
||||
(
|
||||
'alpha': #ffffff,
|
||||
'beta': #aacfb0,
|
||||
'gamma': #4dac5e,
|
||||
'delta': #93ab12,
|
||||
'epsilon': #e62e3e,
|
||||
),
|
||||
);
|
||||
$o-theme-color-palettes: ();
|
||||
@each $-palette in $-palettes {
|
||||
$o-theme-color-palettes: append($o-theme-color-palettes, map-merge($-palette, (
|
||||
'primary': map-get($-palette, 'beta'),
|
||||
'secondary': map-get($-palette, 'alpha'),
|
||||
)));
|
||||
}
|
||||
|
||||
// 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': desaturate(map-get($-palette, 'delta'), 100%),
|
||||
'menu': map-get($-palette, 'beta'),
|
||||
'footer': map-get($-palette, 'delta'),
|
||||
'text': $-gray-700,
|
||||
));
|
||||
}
|
||||
|
||||
//------------------------------------------------------------------------------
|
||||
// Fonts
|
||||
//------------------------------------------------------------------------------
|
||||
|
||||
$o-theme-fonts: (
|
||||
('Source Sans Pro', sans-serif),
|
||||
('Forum', cursive),
|
||||
('Heebo', sans-serif),
|
||||
('Buda', cursive),
|
||||
('PT Serif', serif),
|
||||
('Rajdhani', sans-serif),
|
||||
);
|
||||
$o-theme-font-urls: (
|
||||
'Source+Sans+Pro:300,300i,400,400i,700,700i',
|
||||
'Forum:300,300i,400,400i,700,700i',
|
||||
'Heebo:300,300i,400,400i,700,700i',
|
||||
'Buda:300,300i,400,400i,700,700i',
|
||||
'PT+Serif:300,300i,400,400i,700,700i',
|
||||
'Rajdhani:300,300i,400,400i,700,700i',
|
||||
);
|
||||
$o-theme-font-names: (
|
||||
'Source Sans Pro',
|
||||
'Forum',
|
||||
'Heebo',
|
||||
'Buda',
|
||||
'PT Serif',
|
||||
'Rajdhani',
|
||||
);
|
||||
|
||||
//------------------------------------------------------------------------------
|
||||
// Website customizations
|
||||
//------------------------------------------------------------------------------
|
||||
|
||||
$o-website-values-palettes: (
|
||||
(
|
||||
'header-font-size': (50 / 16) * 1rem,
|
||||
'font-number': 1,
|
||||
'headings-font-number': 1,
|
||||
'navbar-font-number': 1,
|
||||
'buttons-font-number': 1,
|
||||
),
|
||||
);
|
||||
@@ -0,0 +1,9 @@
|
||||
$-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, o-theme-common-add-color-variations($-theme-palette, $-palette));
|
||||
$i: $i + 1;
|
||||
}
|
||||
$o-user-color-palette: o-theme-common-add-color-variations($o-user-theme-color-palette, $o-user-color-palette);
|
||||
@@ -0,0 +1,20 @@
|
||||
$s-banner-parallax-height: 100vh;
|
||||
$s-banner-parallax-padding: 0px;
|
||||
$s-banner-parallax-img-height: 350px;
|
||||
$s-banner-parallax-text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
|
||||
@mixin s-banner-parallax-hero-bg-hook {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
bottom: -30px;
|
||||
@include media-breakpoint-down(sm) {
|
||||
top: 100px;
|
||||
}
|
||||
}
|
||||
@mixin s-banner-parallax-row-hook {
|
||||
vertical-align: bottom;
|
||||
}
|
||||
@mixin s-banner-parallax-height-hook {
|
||||
@include media-breakpoint-down(sm) {
|
||||
height: 100vh !important;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,9 @@
|
||||
$s-features-carousel-border-width: 0;
|
||||
@mixin s-features-carousel-inner-hook {
|
||||
.carousel-inner .row {
|
||||
margin: 0 70px;
|
||||
@include media-breakpoint-down(sm) {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -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 @@
|
||||
$s-products-carousel-carousel-height: 100vh;
|
||||
@@ -0,0 +1,319 @@
|
||||
/* ====================== GENERAL =====================*/
|
||||
|
||||
@include o-theme-cfa-header-shadows();
|
||||
|
||||
#wrapwrap:not(.o_header_overlay) main {
|
||||
@if $o-theme-hamburger-layout {
|
||||
>:first-child:not(#wrap):before {
|
||||
content: "";
|
||||
display: block;
|
||||
margin-top: $o-theme-navbar-height;
|
||||
}
|
||||
}
|
||||
|
||||
#wrap {
|
||||
background-color: $white;
|
||||
|
||||
@if $o-theme-hamburger-layout {
|
||||
>:first-child {
|
||||
&:before {
|
||||
content: "";
|
||||
display: block;
|
||||
margin-top: $o-theme-navbar-height;
|
||||
}
|
||||
&.navbar:before, &.s_products_carousel:before, &.s_banner_parallax:before {
|
||||
content: none;
|
||||
}
|
||||
&.navbar {
|
||||
padding-top: $o-theme-navbar-height;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
header {
|
||||
position: relative;
|
||||
}
|
||||
#wrap {
|
||||
@include media-breakpoint-down(sm) {
|
||||
margin-top: 0px !important;
|
||||
}
|
||||
margin-bottom: 0px;
|
||||
.text-muted{
|
||||
&:after {
|
||||
color: rgba(0, 0, 0, 0);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* ========== Navigation =========== */
|
||||
|
||||
.no-scroll {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
/* ====================== Footer ======================== */
|
||||
#wrapwrap > footer {
|
||||
background-color: o-theme-color('delta');
|
||||
hr {
|
||||
opacity: 0.7;
|
||||
}
|
||||
.container {
|
||||
h4 {
|
||||
border-left: 15px solid o-theme-color('gamma-dark');
|
||||
}
|
||||
a:hover {
|
||||
color: color-beta;
|
||||
}
|
||||
}
|
||||
@include o-theme-cfa-footer-style($container-padding: 10px 65px, $padding: 8px);
|
||||
> .container:last-child {
|
||||
color: gray('600');
|
||||
a:not(.js_change_lang) {
|
||||
color: o-theme-color('alpha');
|
||||
}
|
||||
}
|
||||
#footer {
|
||||
.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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
footer > :not(#footer):last-child {
|
||||
background-color: o-theme-color('delta');
|
||||
color: white;
|
||||
}
|
||||
|
||||
@include o-theme-cfa-btn-style();
|
||||
|
||||
/* ====================== form style ======================== */
|
||||
|
||||
.form-control:not(.quantity):not(.modal):not(.oe_search_box) {
|
||||
@include o-theme-cfa-custom-form-control();
|
||||
border-bottom: 1px solid gray('200');
|
||||
background-color: rgba(0, 0, 0, 0);
|
||||
}
|
||||
|
||||
/* ===================== BLOG ===================== */
|
||||
|
||||
@include o-theme-cfa-website-blog-styles();
|
||||
|
||||
/* ===================== FORUM ===================== */
|
||||
@include o-theme-cfa-forum-style($nav-link-color: o-theme-color('delta'));
|
||||
|
||||
/* ============== Breadcrumb in events, job etc ============== */
|
||||
|
||||
.breadcrumb {
|
||||
background: rgba(0, 0, 0, 0);
|
||||
border-radius: 0px;
|
||||
}
|
||||
/* ============== Nav-pills in events, job etc ============== */
|
||||
@include o-theme-cfa-nav-pills-styles();
|
||||
|
||||
/* ============== Panel styles ============== */
|
||||
|
||||
@include o-theme-cfa-card-classes();
|
||||
|
||||
@include o-theme-cfa-header-responsive-sizes();
|
||||
|
||||
@include o-theme-cfa-bg-img-classes();
|
||||
|
||||
@include o-theme-cfa-px-classes();
|
||||
|
||||
#wrapwrap {
|
||||
.search {
|
||||
background-color: o-theme-color('delta');
|
||||
}
|
||||
}
|
||||
|
||||
@if $o-theme-layout == 'boxed' {
|
||||
#wrapwrap {
|
||||
padding: 0 !important;
|
||||
|
||||
#wrap {
|
||||
max-width: 992px;
|
||||
margin: 0 auto;
|
||||
@include media-breakpoint-down(sm) {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
.container {
|
||||
max-width: 100%;
|
||||
}
|
||||
}
|
||||
.navbar {
|
||||
width: 100%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
footer:not(.modal-footer) > :not(#footer):last-child {
|
||||
margin-bottom: 80px;
|
||||
}
|
||||
} @else {
|
||||
@include o-theme-cfa-full-width-styles();
|
||||
}
|
||||
|
||||
@if $o-theme-hamburger-layout {
|
||||
@include media-breakpoint-up(md) {
|
||||
#wrapwrap {
|
||||
header {
|
||||
.navbar-toggler {
|
||||
display: block;
|
||||
|
||||
&:focus, &:active, &:focus:active {
|
||||
outline: none;
|
||||
}
|
||||
}
|
||||
.navbar-collapse {
|
||||
border-top: 1px solid rgba(0, 0, 0, 0);
|
||||
box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
|
||||
|
||||
&.collapse {
|
||||
height: 0 !important;
|
||||
|
||||
&.show {
|
||||
height: 100vh !important;
|
||||
transition: height 0.4s;
|
||||
}
|
||||
}
|
||||
}
|
||||
.navbar-fixed-top {
|
||||
top: 0;
|
||||
border-width: 0 0 1px;
|
||||
}
|
||||
.navbar-nav {
|
||||
float: none!important;
|
||||
>li {
|
||||
float: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#wrapwrap > header .navbar {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
border: none;
|
||||
background: rgba(0, 0, 0, 0) !important;
|
||||
z-index: $zindex-fixed;
|
||||
|
||||
.container {
|
||||
padding: 0px;
|
||||
height: $o-theme-navbar-height;
|
||||
top: -100px;
|
||||
li > .dropdown-menu {
|
||||
margin-top: 9px;
|
||||
border: none;
|
||||
}
|
||||
.navbar-toggler {
|
||||
border-color: gray('700');
|
||||
border-radius: 30px;
|
||||
background-color: rgba(0, 0, 0, 0.7);
|
||||
z-index: 2;
|
||||
padding: 7px 15px;
|
||||
transition: background-color 0.2s ease-out;
|
||||
|
||||
&:hover, &:focus {
|
||||
background-color: rgba(0, 0, 0, 0);
|
||||
background-color: rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
}
|
||||
.new-toggle {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
top: 2px;
|
||||
left: 6px;
|
||||
transition: all 0.2s ease-out;
|
||||
&:hover {
|
||||
-ms-transform: rotate(180deg);
|
||||
-webkit-transform: rotate(180deg);
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
}
|
||||
.new-toggle-text {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
left: 9px;
|
||||
top: 0px;
|
||||
padding-right: 15px;
|
||||
color: $white;
|
||||
}
|
||||
.navbar-brand {
|
||||
color: o-theme-color('alpha');
|
||||
z-index: $zindex-fixed;
|
||||
img {
|
||||
max-height: 2rem;
|
||||
}
|
||||
}
|
||||
.navbar-collapse {
|
||||
@include o-position-absolute(0, 0, 0, 0);
|
||||
position: fixed;
|
||||
background-color: color('menu');
|
||||
|
||||
.collapse_icon {
|
||||
height: 100px;
|
||||
border-top: 1px solid o-theme-color('beta');
|
||||
margin: 60px 200px 0;
|
||||
@include media-breakpoint-down(sm) {
|
||||
margin: 0;
|
||||
}
|
||||
a {
|
||||
margin-right: 35px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
#oe_main_menu_navbar ~ #wrapwrap > header .navbar .container .navbar-collapse {
|
||||
top: $o-navbar-height;
|
||||
}
|
||||
#wrapwrap > header .container .navbar-collapse {
|
||||
text-align: center;
|
||||
@include media-breakpoint-down(sm) {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
#top_menu {
|
||||
@include o-theme-cfa-top-menu-style((1rem + max(if(o-website-value('logo-height'), o-website-value('logo-height'), 0), 5rem)) 0 0 0, inline-block, 0, 120px 0 0 0, rgba(0, 0, 0, 0), $font-size: 50px, $dropdown-item-color: #333333,
|
||||
$font-weight: 800, $transition: color 0.2s ease-out);
|
||||
|
||||
.nav-item {
|
||||
display: inline-block;
|
||||
&:hover {
|
||||
@include media-breakpoint-down(sm) {
|
||||
border: none;
|
||||
}
|
||||
}
|
||||
.nav-link {
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
line-height: 2.2;
|
||||
@include media-breakpoint-down(sm) {
|
||||
font-size: 0.7em;
|
||||
line-height: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
.dropdown-menu, .navbar-collapse {
|
||||
.dropdown-item, .nav-link {
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
.dropdown-menu {
|
||||
position: relative;
|
||||
.dropdown-item {
|
||||
@include media-breakpoint-down(sm) {
|
||||
font-size: 30px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||