[ADD] theme 12.0
Design
|
After Width: | Height: | Size: 282 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: 115 KiB |
|
After Width: | Height: | Size: 16 KiB |
|
After Width: | Height: | Size: 596 B |
@@ -0,0 +1,192 @@
|
||||
<section class="container">
|
||||
<h2 class="text-muted mt16">Html5 Responsive Bootstrap Theme for Odoo CMS</h2>
|
||||
<hr>
|
||||
<p class="lead">Kiddo 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="Kiddo_description.png" class="img-fluid d-block mx-auto">
|
||||
<hr>
|
||||
|
||||
<h2 class="mt32 text-muted">Kiddo Customization Tool</h2>
|
||||
<p class="mb32">Theme Kiddo 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 Kiddo comes with a lot of options</h3>
|
||||
<ul>
|
||||
<li>6 PRESETS</li>
|
||||
<li>WIDE OR BOXED LAYOUT</li>
|
||||
<li>CUSTOM FOOTER</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>
|
||||
<br/>
|
||||
<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>Kiddo 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, Kiddo 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_kiddo_sale/">additional eCommerce plugin</a>.</p>
|
||||
</div>
|
||||
</div>
|
||||
<hr/>
|
||||
|
||||
<h2 class="text-muted">Kiddo Building Blocks</h2>
|
||||
<p class="mb32">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 Carousel</li>
|
||||
<li>Header + Text + Picture</li>
|
||||
<li>Product List</li>
|
||||
<li>Text + Image + Text</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-lg-4">
|
||||
<h4 class="text-muted">FEATURES BLOCKS</h4>
|
||||
<ul class="mb16">
|
||||
<li>Slide Banner</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 mb32">
|
||||
<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>
|
||||
<br/>
|
||||
|
||||
<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
|
||||
|
||||
<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
|
||||
</section>
|
||||
|
After Width: | Height: | Size: 47 KiB |
|
After Width: | Height: | Size: 130 KiB |
|
After Width: | Height: | Size: 122 KiB |
|
After Width: | Height: | Size: 258 KiB |
|
After Width: | Height: | Size: 105 KiB |
|
After Width: | Height: | Size: 63 KiB |
|
After Width: | Height: | Size: 47 KiB |
|
After Width: | Height: | Size: 70 KiB |
|
After Width: | Height: | Size: 125 KiB |
|
After Width: | Height: | Size: 145 KiB |
|
After Width: | Height: | Size: 199 KiB |
|
After Width: | Height: | Size: 241 KiB |
|
After Width: | Height: | Size: 7.5 KiB |
|
After Width: | Height: | Size: 63 KiB |
|
After Width: | Height: | Size: 7.6 KiB |
|
After Width: | Height: | Size: 63 KiB |
|
After Width: | Height: | Size: 12 KiB |
|
After Width: | Height: | Size: 63 KiB |
|
After Width: | Height: | Size: 10 KiB |
|
After Width: | Height: | Size: 63 KiB |
|
After Width: | Height: | Size: 9.6 KiB |
|
After Width: | Height: | Size: 426 KiB |
|
After Width: | Height: | Size: 774 KiB |
|
After Width: | Height: | Size: 867 KiB |
|
After Width: | Height: | Size: 644 KiB |
|
After Width: | Height: | Size: 609 KiB |
|
After Width: | Height: | Size: 608 KiB |
|
After Width: | Height: | Size: 709 KiB |
|
After Width: | Height: | Size: 663 KiB |
|
After Width: | Height: | Size: 690 KiB |
|
After Width: | Height: | Size: 787 KiB |
|
After Width: | Height: | Size: 736 KiB |
|
After Width: | Height: | Size: 716 KiB |
|
After Width: | Height: | Size: 98 KiB |
|
After Width: | Height: | Size: 433 KiB |
|
After Width: | Height: | Size: 150 KiB |
|
After Width: | Height: | Size: 222 KiB |
|
After Width: | Height: | Size: 302 KiB |
|
After Width: | Height: | Size: 244 KiB |
|
After Width: | Height: | Size: 458 KiB |
|
After Width: | Height: | Size: 224 KiB |
|
After Width: | Height: | Size: 107 KiB |
|
After Width: | Height: | Size: 320 KiB |
|
After Width: | Height: | Size: 497 KiB |
|
After Width: | Height: | Size: 4.7 KiB |
|
After Width: | Height: | Size: 4.7 KiB |
|
After Width: | Height: | Size: 34 KiB |
|
After Width: | Height: | Size: 574 B |
|
After Width: | Height: | Size: 4.0 KiB |
|
After Width: | Height: | Size: 623 B |
|
After Width: | Height: | Size: 1.0 KiB |
|
After Width: | Height: | Size: 2.4 KiB |
|
After Width: | Height: | Size: 64 KiB |
|
After Width: | Height: | Size: 388 B |
|
After Width: | Height: | Size: 364 B |
|
After Width: | Height: | Size: 15 KiB |
|
After Width: | Height: | Size: 168 KiB |
|
After Width: | Height: | Size: 41 KiB |
|
After Width: | Height: | Size: 655 B |
|
After Width: | Height: | Size: 1.0 KiB |
@@ -0,0 +1,116 @@
|
||||
//
|
||||
//// Colors
|
||||
//
|
||||
|
||||
// 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;
|
||||
|
||||
// Links
|
||||
//
|
||||
// Style anchor elements.
|
||||
|
||||
$link-color: theme-color('gamma');
|
||||
$link-decoration: none !default;
|
||||
$link-hover-color: theme-color('delta');
|
||||
$link-hover-decoration: none;
|
||||
|
||||
// Components
|
||||
//
|
||||
// Define common padding and border radius sizes and more.
|
||||
|
||||
$border-color: theme-color('delta');
|
||||
|
||||
$box-shadow-sm: none;
|
||||
$box-shadow: none;
|
||||
$box-shadow-lg: none;
|
||||
|
||||
// Fonts
|
||||
//
|
||||
// Font, line-height, and color for body text, headings, and more.
|
||||
|
||||
$font-weight-normal: 500;
|
||||
|
||||
$h1-font-size: $o-theme-font-size-base * (40 / 14);
|
||||
$h2-font-size: $o-theme-font-size-base * (32 / 14);
|
||||
$h3-font-size: $o-theme-font-size-base * (28 / 14);
|
||||
$h4-font-size: $o-theme-font-size-base * (24 / 14);
|
||||
$h5-font-size: $o-theme-font-size-base * (20 / 14);
|
||||
$h6-font-size: $o-theme-font-size-base * (16 / 14);
|
||||
|
||||
$headings-line-height: 1.1;
|
||||
|
||||
$display1-weight: 500;
|
||||
$display2-weight: 300;
|
||||
$display3-weight: 500;
|
||||
$display4-weight: 500;
|
||||
|
||||
// Buttons + Forms
|
||||
//
|
||||
// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.
|
||||
|
||||
$btn-padding-y: 1.25rem;
|
||||
$btn-padding-x: 1.25rem;
|
||||
|
||||
$btn-padding-y-sm: 0.3125rem;
|
||||
$btn-padding-x-sm: .625rem;
|
||||
|
||||
$btn-padding-y-lg: .625rem;
|
||||
$btn-padding-x-lg: 1rem;
|
||||
|
||||
$btn-border-width: .125rem;
|
||||
|
||||
$btn-box-shadow: none;
|
||||
$btn-focus-width: 0.1rem;
|
||||
$btn-focus-box-shadow: none;
|
||||
$btn-active-box-shadow: none;
|
||||
|
||||
// Allows for customizing button radius independently from global border radius
|
||||
$btn-border-radius: 0.3125rem;
|
||||
$btn-border-radius-lg: 0.375rem;
|
||||
$btn-border-radius-sm: 0.1875rem;
|
||||
|
||||
// Navs
|
||||
|
||||
$nav-link-padding-y: 0.9375rem;
|
||||
$nav-link-padding-x: 0.9375rem;
|
||||
|
||||
$nav-tabs-border-color: white;
|
||||
$nav-tabs-border-radius: 0;
|
||||
$nav-tabs-link-hover-border-color: white white theme-color('gamma') white;
|
||||
$nav-tabs-link-active-color: theme-color('gamma');
|
||||
$nav-tabs-link-active-border-color: white white theme-color('gamma') white;
|
||||
|
||||
$nav-pills-border-radius: 0;
|
||||
$nav-pills-link-active-color: theme-color('gamma');
|
||||
|
||||
$nav-divider-color: white;
|
||||
|
||||
// Navbar
|
||||
|
||||
$navbar-padding-y: 0;
|
||||
$navbar-padding-x: 0.9375rem;
|
||||
|
||||
$navbar-nav-link-padding-x: 0.9375rem;
|
||||
|
||||
$navbar-brand-font-size: 1rem;
|
||||
// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link
|
||||
|
||||
$navbar-toggler-padding-y: 0.9375rem;
|
||||
$navbar-toggler-padding-x: 0.9375rem;
|
||||
$navbar-toggler-font-size: 1rem;
|
||||
$navbar-toggler-border-radius: 0;
|
||||
|
||||
// Pagination
|
||||
|
||||
$pagination-padding-y: 0.375rem;
|
||||
$pagination-padding-y-sm: 0.3125rem;
|
||||
$pagination-padding-x-sm: 0.625rem;
|
||||
$pagination-padding-y-lg: 0.625rem;
|
||||
$pagination-padding-x-lg: 1rem;
|
||||
|
||||
$pagination-active-color: white;
|
||||
$pagination-active-bg: theme-color('gamma');
|
||||
|
||||
// Carousel
|
||||
|
||||
$carousel-control-color: theme-color('gamma');
|
||||
@@ -0,0 +1,136 @@
|
||||
@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-bg-imgs: url('/web/image/theme_common.image_content_11'),
|
||||
url('/web/image/theme_common.image_content_09'),
|
||||
url('/web/image/theme_common.image_content_10'),
|
||||
url('/web/image/theme_common.image_content_12');
|
||||
|
||||
$o-theme-font-size-base: (14 / 16) * 1rem;
|
||||
|
||||
//------------------------------------------------------------------------------
|
||||
// Colors
|
||||
//------------------------------------------------------------------------------
|
||||
|
||||
// Theme colors
|
||||
$o-theme-color-palettes: (
|
||||
(
|
||||
'alpha': #ffffff,
|
||||
'beta': #47464b,
|
||||
'gamma': #f3997b,
|
||||
'delta': #add3ce,
|
||||
'epsilon': #a7c7d5,
|
||||
),
|
||||
(
|
||||
'alpha': #ffffff,
|
||||
'beta': #d699ae,
|
||||
'gamma': #B24774,
|
||||
'delta': #72c2d0,
|
||||
'epsilon': #ed8354,
|
||||
),
|
||||
(
|
||||
'alpha': #ffffff,
|
||||
'beta': #79CCC2,
|
||||
'gamma': #F05A12,
|
||||
'delta': #C5FFF8,
|
||||
'epsilon': #0F7F72,
|
||||
),
|
||||
(
|
||||
'alpha': #ffffff,
|
||||
'beta': #53a1cc,
|
||||
'gamma': #116899,
|
||||
'delta': #aab3ca,
|
||||
'epsilon': #ffc9c1,
|
||||
),
|
||||
(
|
||||
'alpha': #ffffff,
|
||||
'beta': #3b2c3c,
|
||||
'gamma': #D2546D,
|
||||
'delta': #303347,
|
||||
'epsilon': #171827,
|
||||
),
|
||||
(
|
||||
'alpha': #ffffff,
|
||||
'beta': #2F343B,
|
||||
'gamma': #C77966,
|
||||
'delta': #703030,
|
||||
'epsilon': #E3CDA4,
|
||||
),
|
||||
);
|
||||
|
||||
// Grays
|
||||
$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': lighten(#000, 33.5%),
|
||||
'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': lighten(map-get($-palette, 'gamma'), 10%),
|
||||
'menu': #ffffff,
|
||||
'footer': #ffffff,
|
||||
));
|
||||
}
|
||||
|
||||
//------------------------------------------------------------------------------
|
||||
// Fonts
|
||||
//------------------------------------------------------------------------------
|
||||
|
||||
$o-theme-fonts: (
|
||||
('Proxima', sans-serif),
|
||||
('Comic Sans MS', cursive),
|
||||
('Fontastique', cursive),
|
||||
('Luminari', serif),
|
||||
('Fecske', sans-serif),
|
||||
('Din Alternate', sans-serif),
|
||||
('Oxygen', sans-serif),
|
||||
('Cabin', sans-serif),
|
||||
('Abel', sans-serif),
|
||||
('Advent Pro', sans-serif),
|
||||
('Muli', sans-serif),
|
||||
('Noto Sans', sans-serif),
|
||||
);
|
||||
$o-theme-font-urls: (
|
||||
null,
|
||||
null,
|
||||
null,
|
||||
null,
|
||||
null,
|
||||
null,
|
||||
'Oxygen:400,700',
|
||||
'Cabin:400,400i,700,700i',
|
||||
'Abel',
|
||||
'Advent+Pro:400,700',
|
||||
'Muli:400,400i,700,700i',
|
||||
'Noto+Sans:400,400i,700,700i',
|
||||
);
|
||||
$o-theme-font-names: (
|
||||
'Proxima',
|
||||
'Comic font',
|
||||
'Fontastique',
|
||||
'Luminari',
|
||||
'Fecske',
|
||||
'Din Alternate',
|
||||
'Oxygen',
|
||||
'Cabin',
|
||||
'Abel',
|
||||
'Advent Pro',
|
||||
'Muli',
|
||||
'Noto Sans',
|
||||
);
|
||||
@@ -0,0 +1,20 @@
|
||||
$-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, map-merge($-palette, (
|
||||
'alpha-light' : lighten(map-get($-theme-palette, 'alpha'), 10%),
|
||||
'beta-light' : lighten(map-get($-theme-palette, 'beta'), 10%),
|
||||
'gamma-light' : lighten(map-get($-theme-palette, 'gamma'), 10%),
|
||||
'delta-light' : lighten(map-get($-theme-palette, 'delta'), 10%),
|
||||
'epsilon-light' : lighten(map-get($-theme-palette, 'epsilon'), 10%),
|
||||
|
||||
'alpha-dark' : darken(map-get($-theme-palette, 'alpha'), 10%),
|
||||
'beta-dark' : darken(map-get($-theme-palette, 'beta'), 10%),
|
||||
'gamma-dark' : darken(map-get($-theme-palette, 'gamma'), 10%),
|
||||
'delta-dark' : darken(map-get($-theme-palette, 'delta'), 10%),
|
||||
'epsilon-dark' : darken(map-get($-theme-palette, 'epsilon'), 10%),
|
||||
)));
|
||||
$i: $i + 1;
|
||||
}
|
||||
@@ -0,0 +1,20 @@
|
||||
$s-discount-box-border-radius: 0px;
|
||||
$s-discount-coupon-color: blue; // gamma FIXME
|
||||
$s-discount-amount-size: 70px;
|
||||
|
||||
@mixin s-discount-descr-hook {
|
||||
background-color: o-theme-color('beta');
|
||||
color: o-theme-color('alpha');
|
||||
}
|
||||
@mixin s-discount-box-hook {
|
||||
color: gray('700');
|
||||
|
||||
.s_discount_open-code {
|
||||
color: o-theme-color('gamma');
|
||||
}
|
||||
}
|
||||
@mixin s-discount-brand-hook {
|
||||
h3 {
|
||||
color: o-theme-color('gamma');
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,270 @@
|
||||
|
||||
@include o-theme-cfa-header-shadows();
|
||||
|
||||
.oe_website_login_container {
|
||||
padding: 50px;
|
||||
}
|
||||
|
||||
.btn {
|
||||
&.btn-primary, &.btn-alpha {
|
||||
border-color: darken(theme-color('alpha'), 10%);
|
||||
}
|
||||
&.btn-outline-primary, &.btn-outline-alpha {
|
||||
border-color: darken(theme-color('alpha'), 10%);
|
||||
color: darken(theme-color('alpha'), 20%);
|
||||
|
||||
&:hover {
|
||||
border-color: darken(theme-color('alpha'), 30%);
|
||||
color: darken(theme-color('alpha'), 30%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// ======= WEBSITE ===================
|
||||
#wrapwrap {
|
||||
// ======= HEADER ================
|
||||
.navbar {
|
||||
border: none;
|
||||
background: theme-color('alpha');
|
||||
margin: 0px auto;
|
||||
|
||||
.container {
|
||||
width: 100%;
|
||||
|
||||
.navbar-toggler {
|
||||
border-color: o-theme-color('gamma');
|
||||
&:hover {
|
||||
background-color: rgba(0, 0, 0, 0);
|
||||
}
|
||||
}
|
||||
.navbar-collapse {
|
||||
background-color: rgba(0, 0, 0, 0);
|
||||
text-align: center;
|
||||
.navbar-nav {
|
||||
float: none;
|
||||
}
|
||||
|
||||
#top_menu {
|
||||
@include o-theme-cfa-top-menu-style($bg-color: o-theme-color('alpha'), $top: 65px, $font-size: 16px, $dropdown-item-color: o-theme-color('gamma'),
|
||||
$dropdown-item-hover-bg-color: #f8f9fa, $dropdown-item-hover-color: o-theme-color('gamma-dark'), $nav-link-font-size: 16px,
|
||||
$nav-link-color: o-theme-color('gamma'), $text-transform: uppercase);
|
||||
|
||||
> li {
|
||||
min-height: 55px;
|
||||
a.nav-link.active {
|
||||
color: o-theme-color('gamma');
|
||||
font-weight: normal;
|
||||
}
|
||||
}
|
||||
li {
|
||||
border-bottom: 3px solid transparent;
|
||||
&:hover {
|
||||
border-bottom-color: o-theme-color('gamma');
|
||||
@include media-breakpoint-down(sm) {
|
||||
border: none;
|
||||
}
|
||||
}
|
||||
a, span, b {
|
||||
text-transform: uppercase;
|
||||
.badge-primary { // is used when there is a product in cart
|
||||
background-color: o-theme-color('epsilon');
|
||||
font-size: 12px;
|
||||
padding: 0.1em 0.6em 0.1em;
|
||||
border-radius: 30px;
|
||||
position: relative;
|
||||
top: -15px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// ======= MAIN ==================
|
||||
> main {
|
||||
|
||||
// ======= CONTENT ===========
|
||||
> #wrap {
|
||||
width: 100%;
|
||||
margin: 0 auto;
|
||||
|
||||
.text-muted:after {
|
||||
color: rgba(0, 0, 0, 0);
|
||||
}
|
||||
}
|
||||
|
||||
// ======= BUTTONS ===========
|
||||
button[type="submit"]:not(#o_payment_form_pay):not(.oe_search_button) {
|
||||
padding: 0 !important;
|
||||
min-width: 25px !important;
|
||||
border-radius: 0px !important;
|
||||
border-width: 1px !important;
|
||||
width: auto !important;
|
||||
background: rgba(0, 0, 0, 0) !important;
|
||||
border-color: rgba(0, 0, 0, 0) !important;
|
||||
}
|
||||
:not(.btn-group) > .btn:not(.ribbon):not(.dropdown-toggle):not(#add_to_cart):not(#clear_cover):not(.fa-shopping-cart):not(.a-submit):not(.js_add_cart_json) {
|
||||
min-width: 150px;
|
||||
padding: 20px;
|
||||
border-radius: 50px;
|
||||
transition: all 0.3s ease-out;
|
||||
|
||||
&.btn-sm {
|
||||
min-width: 0;
|
||||
padding: $btn-padding-y-sm $btn-padding-x-sm;
|
||||
border-radius: $btn-border-radius-sm;
|
||||
transition: none;
|
||||
}
|
||||
}
|
||||
|
||||
// FIXME restore button colors
|
||||
|
||||
// badges
|
||||
.badge, .active > a > .badge {
|
||||
padding: 5px 10px;
|
||||
margin-left: 15px;
|
||||
background-color: o-theme-color('gamma') !important;
|
||||
color: white !important;
|
||||
min-width: 28px;
|
||||
}
|
||||
}
|
||||
|
||||
// ======= FOOTER ================
|
||||
> footer {
|
||||
position: relative;
|
||||
background: o-theme-color('gamma');
|
||||
@include o-theme-cfa-footer-style($bg-color: theme-color('gamma'), $h4-color: o-theme-color('delta'), $text-transform: none, $p-color: #333333);
|
||||
|
||||
#footer {
|
||||
width: 100%;
|
||||
|
||||
.row > div h2 {
|
||||
text-transform: uppercase;
|
||||
font-size: 25px;
|
||||
color: o-theme-color('delta');
|
||||
a {
|
||||
display: inline;
|
||||
}
|
||||
}
|
||||
}
|
||||
.container {
|
||||
.js_language_selector .dropdown-toggle {
|
||||
padding: 5px 10px;
|
||||
}
|
||||
&.o_footer_copyright {
|
||||
padding: 8px 65px;
|
||||
}
|
||||
h4, h5, h6 {
|
||||
border-top: 5px solid o-theme-color('gamma');
|
||||
margin-right: 50px;
|
||||
padding-top: 20px;
|
||||
color: o-theme-color('delta');
|
||||
}
|
||||
}
|
||||
&.o_footer .text-muted {
|
||||
color: rgba(255, 255, 255, 0.4) !important;
|
||||
}
|
||||
.o_footer_copyright .container {
|
||||
padding: 20px 65px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Events
|
||||
#left_column {
|
||||
> .nav-pills > li {
|
||||
&.active > a {
|
||||
background-color: rgba(0, 0, 0, 0);
|
||||
color: o-theme-color('delta');
|
||||
}
|
||||
> a:hover {
|
||||
background-color: rgba(0, 0, 0, 0);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Blog
|
||||
@include o-theme-cfa-website-blog-styles(1px solid o-theme-color('gamma'), uppercase);
|
||||
|
||||
// Forum
|
||||
@include o-theme-cfa-forum-style($bg-color: rgba(255, 255, 255, 0.8), $nav-link-active-color: o-theme-color('alpha'), $question-btn-color: none,
|
||||
$btn-block-bg-color: transparent);
|
||||
|
||||
.website_forum {
|
||||
.navbar .navbar-brand {
|
||||
color: rgba(0, 0, 0, 0.9);
|
||||
}
|
||||
+ #wrap {
|
||||
#right-column {
|
||||
border-left: 1px solid gray('200');
|
||||
> .btn {
|
||||
background-color: o-theme-color('delta') !important;
|
||||
color: white;
|
||||
&:hover {
|
||||
border-color: o-theme-color('delta-dark');
|
||||
}
|
||||
}
|
||||
.card .card-header .card-title {
|
||||
font-size: 20px;
|
||||
}
|
||||
}
|
||||
.question .mt16 {
|
||||
padding: 10px;
|
||||
background: rgb(230, 230, 230);
|
||||
}
|
||||
.alert .close {
|
||||
background: rgba(0, 0, 0, 0);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@for $i from 1 through length($o-theme-bg-imgs) {
|
||||
.bg-img-0#{$i} {
|
||||
background-image: nth($o-theme-bg-imgs, $i);
|
||||
background-size: cover;
|
||||
background-position: center center;
|
||||
}
|
||||
}
|
||||
|
||||
@if $o-theme-layout == 'boxed' {
|
||||
#wrapwrap {
|
||||
padding: 0 !important;
|
||||
|
||||
> main > #wrap {
|
||||
@include media-breakpoint-up(lg) {
|
||||
width: map-get($grid-breakpoints, lg) - 50;
|
||||
margin: 50px auto;
|
||||
}
|
||||
|
||||
&.container {
|
||||
width: map-get($grid-breakpoints, lg);
|
||||
max-width: 100%;
|
||||
}
|
||||
}
|
||||
.container {
|
||||
width: map-get($grid-breakpoints, lg);
|
||||
max-width: 100%;
|
||||
}
|
||||
}
|
||||
} @else {
|
||||
#wrapwrap > main .website_forum {
|
||||
margin-bottom: 50px;
|
||||
}
|
||||
}
|
||||
|
||||
.text-primary {
|
||||
color: o-theme-color('alpha');
|
||||
}
|
||||
.text-success {
|
||||
color: o-theme-color('beta');
|
||||
}
|
||||
.text-info {
|
||||
color: o-theme-color('gamma');
|
||||
}
|
||||
.text-warning {
|
||||
color: o-theme-color('delta');
|
||||
}
|
||||
.text-danger {
|
||||
color: o-theme-color('epsilon');
|
||||
}
|
||||