[ADD] theme 14.0
Jeremy Kersten
|
After Width: | Height: | Size: 97 KiB |
|
After Width: | Height: | Size: 127 KiB |
|
After Width: | Height: | Size: 104 KiB |
|
After Width: | Height: | Size: 95 KiB |
|
After Width: | Height: | Size: 94 KiB |
|
After Width: | Height: | Size: 183 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: 23 KiB |
|
After Width: | Height: | Size: 33 KiB |
|
After Width: | Height: | Size: 10 KiB |
@@ -0,0 +1,223 @@
|
||||
<section class="container">
|
||||
<h2 class="text-muted">Html5 Responsive Bootstrap Theme for Odoo CMS</h2>
|
||||
<hr>
|
||||
|
||||
<p class="lead">Be Wise 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="bewise_description_2.jpg" class="img-fluid d-block mx-auto"/>
|
||||
<hr>
|
||||
|
||||
<h2 class="text-muted">Be Wise Customization Tool</h2>
|
||||
|
||||
<p>Theme Be Wise 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 Be Wise comes with a lot of options</h3>
|
||||
<ul>
|
||||
<li>WIDE OR BOXED LAYOUT</li>
|
||||
<li>4 COLOR SCHEMES</li>
|
||||
<li>4 PATTERNS</li>
|
||||
<li>4 FONT COMBINATIONS</li>
|
||||
<li>+ ANIMATIONS PRESETS</li>
|
||||
<li>+ ONE-PAGE LAYOUT</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>Be Wise 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>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h2 class="text-muted">Be Wise Building Blocks</h2>
|
||||
|
||||
<p class="mb32">You get a new complete range of building blocks.</p>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-lg-3">
|
||||
<h4 class="text-muted">STRUCTURE BLOCKS</h4>
|
||||
<ul class="mb16">
|
||||
<li>Title</li>
|
||||
<li>Text</li>
|
||||
<li>Color Block Img</li>
|
||||
<li>Color Block x2</li>
|
||||
<li>Color Block x4</li>
|
||||
<li>Image Text</li>
|
||||
<li>Text Image</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-lg-3">
|
||||
<h4 class="text-muted mb16">CONTENT BLOCKS</h4>
|
||||
<ul class="mb16">
|
||||
<li>Separator Color</li>
|
||||
<li>Separator Shade</li>
|
||||
<li>Big Icon Circle</li>
|
||||
<li>Big Icon Square</li>
|
||||
<li>Icon Box</li>
|
||||
<li>Icon Box</li>
|
||||
<li>Icon Box Circle</li>
|
||||
<li>Icon Box Square</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-lg-3">
|
||||
<h4 class="text-muted">FEATURES BLOCKS</h4>
|
||||
<ul class="mb16">
|
||||
<li>Lead Bar</li>
|
||||
<li>Logos Bar</li>
|
||||
<li>Process Step</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-lg-3">
|
||||
<h4 class="text-muted">EFFECTS BLOCKS</h4>
|
||||
<ul class="mb16">
|
||||
<li>Slide Banner</li>
|
||||
<li>Testimonial Slider</li>
|
||||
<li>Testimonial Slider</li>
|
||||
<li>Mini Nav Bar</li>
|
||||
<li>Separator Nav</li>
|
||||
<li>Color Blocks Slider</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<hr>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-lg-4">
|
||||
<img src="bewise_1.jpg" class="img-fluid d-block mx-auto"/>
|
||||
</div>
|
||||
<div class="col-lg-4">
|
||||
<img src="bewise_2.jpg" class="img-fluid d-block mx-auto"/>
|
||||
</div>
|
||||
<div class="col-lg-4">
|
||||
<img src="bewise_3.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: 148 KiB |
|
After Width: | Height: | Size: 195 KiB |
|
After Width: | Height: | Size: 78 KiB |
|
After Width: | Height: | Size: 178 KiB |
|
After Width: | Height: | Size: 88 KiB |
|
After Width: | Height: | Size: 206 KiB |
|
After Width: | Height: | Size: 7.5 KiB |
|
After Width: | Height: | Size: 196 KiB |
|
After Width: | Height: | Size: 161 KiB |
|
After Width: | Height: | Size: 202 KiB |
|
After Width: | Height: | Size: 137 KiB |
|
After Width: | Height: | Size: 76 KiB |
|
After Width: | Height: | Size: 39 KiB |
|
After Width: | Height: | Size: 125 KiB |
|
After Width: | Height: | Size: 139 KiB |
|
After Width: | Height: | Size: 42 KiB |
|
After Width: | Height: | Size: 47 KiB |
|
After Width: | Height: | Size: 41 KiB |
|
After Width: | Height: | Size: 98 KiB |
|
After Width: | Height: | Size: 83 KiB |
|
After Width: | Height: | Size: 4.6 KiB |
|
After Width: | Height: | Size: 11 KiB |
|
After Width: | Height: | Size: 9.4 KiB |
|
After Width: | Height: | Size: 16 KiB |
|
After Width: | Height: | Size: 4.3 KiB |
|
After Width: | Height: | Size: 14 KiB |
|
After Width: | Height: | Size: 195 KiB |
|
After Width: | Height: | Size: 90 KiB |
|
After Width: | Height: | Size: 13 KiB |
|
After Width: | Height: | Size: 11 KiB |
|
After Width: | Height: | Size: 11 KiB |
|
After Width: | Height: | Size: 11 KiB |
@@ -0,0 +1,56 @@
|
||||
odoo.define("theme_bewise.tour.bewise", 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_call_to_action',
|
||||
name: 'Call to Action',
|
||||
},
|
||||
{
|
||||
id: 's_text_image',
|
||||
name: 'Text - Image',
|
||||
},
|
||||
{
|
||||
id: 's_numbers',
|
||||
name: 'Numbers',
|
||||
},
|
||||
{
|
||||
id: 's_image_text',
|
||||
name: 'Image - Text',
|
||||
},
|
||||
{
|
||||
id: 's_quotes_carousel_wrapper',
|
||||
name: 'Quotes',
|
||||
},
|
||||
{
|
||||
id: 's_company_team',
|
||||
name: 'Team',
|
||||
},
|
||||
];
|
||||
|
||||
wTourUtils.registerThemeHomepageTour("bewise_tour", [
|
||||
wTourUtils.dragNDrop(snippets[0], 'top'),
|
||||
wTourUtils.clickOnText(snippets[0], 'h1', 'top'),
|
||||
wTourUtils.goBackToBlocks(),
|
||||
wTourUtils.dragNDrop(snippets[1], 'top'),
|
||||
wTourUtils.dragNDrop(snippets[2], 'top'),
|
||||
wTourUtils.dragNDrop(snippets[3], 'top'),
|
||||
wTourUtils.dragNDrop(snippets[4], 'top'),
|
||||
wTourUtils.dragNDrop(snippets[5], 'top'),
|
||||
wTourUtils.dragNDrop(snippets[6], 'top'),
|
||||
wTourUtils.clickOnSnippet(snippets[6], 'top'),
|
||||
wTourUtils.changeOption('BackgroundShape', 'we-toggler', _t('Background Shape')),
|
||||
wTourUtils.selectNested('we-select-page', 'BackgroundShape', ':not(.o_we_pager_controls)', _t('Background Shape')),
|
||||
wTourUtils.clickOnSave(),
|
||||
]);
|
||||
});
|
||||
@@ -0,0 +1,81 @@
|
||||
|
||||
/* Big Icon Circle */
|
||||
@include o-theme-chd-big-icons-classes(4px solid o-color('alpha'), o-color('alpha'));
|
||||
|
||||
/* Big Icon Square */
|
||||
|
||||
.s_big_icon_square_box {
|
||||
.fa {
|
||||
color: o-color('alpha') !important;
|
||||
}
|
||||
}
|
||||
|
||||
.s_big_icon_square_icon {
|
||||
text-align:center!important;
|
||||
color:#fff;
|
||||
transition: all 0.3s ease-in-out;
|
||||
h5 {
|
||||
margin-top: 48px;
|
||||
}
|
||||
}
|
||||
|
||||
.s_big_icon_square_box:hover .s_big_icon_square_icon {
|
||||
transition: all 0.3s ease-in-out;
|
||||
|
||||
}
|
||||
|
||||
.bg-epsilon .s_big_icons_icon, .bg-gamma .s_big_icons_icon {
|
||||
border: 6px solid;
|
||||
@include o-theme-chd-big-icons-styles(rgba(0, 0, 0, 0), white);
|
||||
}
|
||||
|
||||
.bg-epsilon .s_big_icons_box:hover .s_big_icons_icon, .bg-gamma .s_big_icons_box:hover .s_big_icons_icon {
|
||||
@include o-theme-chd-big-icons-styles($bg-color: white, $fa-color: o-color('alpha'));
|
||||
}
|
||||
|
||||
/* s_big_icon_square */
|
||||
|
||||
.bg-epsilon .s_big_icon_square_icon, .bg-gamma .s_big_icon_square_icon {
|
||||
background-color: rgba(0, 0, 0, 0) !important;
|
||||
border: 6px solid white !important;
|
||||
h5 {
|
||||
color: white !important;
|
||||
}
|
||||
.fa {
|
||||
color: white !important;
|
||||
}
|
||||
}
|
||||
|
||||
.bg-epsilon .s_big_icon_square_box:hover .s_big_icon_square_icon, .bg-gamma .s_big_icon_square_box:hover .s_big_icon_square_icon {
|
||||
background-color: white !important;
|
||||
border-color: o-color('alpha');
|
||||
transform: scale(1.1,1.1);
|
||||
.fa {
|
||||
color: o-color('alpha') !important;
|
||||
}
|
||||
h5 {
|
||||
color: white !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* s_big_icon_square */
|
||||
|
||||
.s_big_icon_square_icon {
|
||||
background-color: rgba(0, 0, 0, 0) !important;
|
||||
border: 6px solid o-color('alpha');
|
||||
h5 {
|
||||
color: o-color('alpha');
|
||||
}
|
||||
}
|
||||
|
||||
.s_big_icon_square_box:hover .s_big_icon_square_icon {
|
||||
background-color: o-color('alpha') !important;
|
||||
border-color: o-color('alpha');
|
||||
transform: scale(1.1,1.1);
|
||||
.fa {
|
||||
color: white !important;
|
||||
}
|
||||
h5 {
|
||||
color: o-color('alpha');
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,6 @@
|
||||
.s_big_image .s_text_highlight {
|
||||
padding: 12px 8px 18px;
|
||||
border-radius: 0px;
|
||||
border: 3px solid o-color('alpha');
|
||||
background: rgba(black, 0.35)
|
||||
}
|
||||
@@ -0,0 +1,5 @@
|
||||
.s_big_image_parallax {
|
||||
min-height: 600px;
|
||||
padding-top: 20px;
|
||||
background-size: cover;
|
||||
}
|
||||
@@ -0,0 +1,161 @@
|
||||
|
||||
/* Icon Box Circle */
|
||||
|
||||
.s_icon_box_circle_box {
|
||||
float: left;
|
||||
|
||||
.fa {
|
||||
color: o-color('alpha') !important;
|
||||
font-size: 28px;
|
||||
}
|
||||
}
|
||||
|
||||
.s_icon_box_circle_icon {
|
||||
width:60px;
|
||||
height:60px;
|
||||
margin-right: 15px;
|
||||
text-align:center!important;
|
||||
color:#fff;
|
||||
padding: 20px 0;
|
||||
transition: all 0.3s ease-in-out;
|
||||
background-color: rgba(0, 0, 0, 0) !important;
|
||||
border: 2px solid o-color('alpha');
|
||||
border-radius: 50px;
|
||||
}
|
||||
|
||||
.s_icon_box_circle_box:hover .s_icon_box_circle_icon {
|
||||
transform: scale(1.1,1.1);
|
||||
transition: all 0.3s ease-in-out;
|
||||
border-color: o-color('gamma');
|
||||
.fa {
|
||||
color: o-color('gamma') !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* Icon Box Square */
|
||||
|
||||
.s_icon_box_square_box {
|
||||
float: left;
|
||||
|
||||
.fa {
|
||||
color: o-color('alpha') !important;
|
||||
}
|
||||
}
|
||||
|
||||
.s_icon_box_square_icon {
|
||||
width:60px;
|
||||
height:55px;
|
||||
margin-right: 15px;
|
||||
text-align:center!important;
|
||||
color:#fff;
|
||||
padding: 18px 0;
|
||||
transition: all 0.3s ease-in-out;
|
||||
background-color: rgba(0, 0, 0, 0) !important;
|
||||
border: 2px solid o-color('alpha');
|
||||
}
|
||||
|
||||
.s_icon_box_square_box:hover .s_icon_box_square_icon {
|
||||
transform: scale(1.1,1.1);
|
||||
transition: all 0.3s ease-in-out;
|
||||
border-color: o-color('gamma');
|
||||
.fa {
|
||||
color: o-color('gamma') !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* s_icon_box */
|
||||
|
||||
.s_icon_box_box:hover .s_icon_box_icon .fa, .s_icon_box_box:hover .s_icon_box_content h4 {
|
||||
transition: all 0.3s ease-in-out;
|
||||
color: o-color('alpha');
|
||||
}
|
||||
|
||||
/* s_icon_box_square */
|
||||
|
||||
.s_icon_box_square_box:hover .s_icon_box_square_icon {
|
||||
border-color: o-color('alpha');
|
||||
background-color: o-color('alpha') !important;
|
||||
.fa {
|
||||
color: white !important;
|
||||
}
|
||||
}
|
||||
|
||||
.s_icon_box_square_box:hover h4 {
|
||||
color: o-color('alpha') !important;
|
||||
}
|
||||
|
||||
/* s_icon_box_circle */
|
||||
|
||||
.s_icon_box_circle_box:hover .s_icon_box_circle_icon {
|
||||
border-color: o-color('alpha');
|
||||
background-color: o-color('alpha') !important;
|
||||
.fa {
|
||||
color: white !important;
|
||||
}
|
||||
}
|
||||
|
||||
.s_icon_box_circle_box:hover h4 {
|
||||
color: o-color('alpha') !important;
|
||||
}
|
||||
|
||||
/* s_icon_box */
|
||||
|
||||
.bg-epsilon .s_icon_box_box:hover .s_icon_box_icon .fa, .bg-gamma .s_icon_box_box:hover .s_icon_box_icon .fa {
|
||||
transition: all 0.3s ease-in-out;
|
||||
color: o-color('delta') !important;
|
||||
}
|
||||
|
||||
.bg-epsilon .s_icon_box_box:hover .s_icon_box_content h4, .bg-gamma .s_icon_box_box:hover .s_icon_box_content h4 {
|
||||
transition: all 0.3s ease-in-out;
|
||||
color: o-color('delta') !important;
|
||||
}
|
||||
|
||||
/* s_icon_box_square */
|
||||
|
||||
.bg-epsilon .s_icon_box_square_icon, .bg-gamma .s_icon_box_square_icon {
|
||||
border-color: white !important;
|
||||
background-color: o-color('alpha') !important;
|
||||
.fa {
|
||||
color: white !important;
|
||||
}
|
||||
h4 {
|
||||
color: white !important;
|
||||
}
|
||||
}
|
||||
|
||||
.bg-epsilon .s_icon_box_square_box:hover .s_icon_box_square_icon, .bg-gamma .s_icon_box_square_box:hover .s_icon_box_square_icon {
|
||||
border-color: white !important;
|
||||
background-color: white !important;
|
||||
.fa {
|
||||
color: o-color('alpha') !important;
|
||||
}
|
||||
}
|
||||
|
||||
.bg-epsilon .s_icon_box_square_box:hover h4, .bg-gamma .s_icon_box_square_box:hover h4 {
|
||||
color: white !important;
|
||||
}
|
||||
|
||||
/* s_icon_box_circle */
|
||||
|
||||
.bg-epsilon .s_icon_box_circle_icon {
|
||||
border-color: white !important;
|
||||
background-color: o-color('alpha') !important;
|
||||
.fa {
|
||||
color: white !important;
|
||||
}
|
||||
h4 {
|
||||
color: white !important;
|
||||
}
|
||||
}
|
||||
|
||||
.bg-epsilon .s_icon_box_circle_box:hover .s_icon_box_circle_icon, .bg-gamma .s_icon_box_circle_box:hover .s_icon_box_circle_icon {
|
||||
border-color: white !important;
|
||||
background-color: white !important;
|
||||
.fa {
|
||||
color: o-color('alpha') !important;
|
||||
}
|
||||
}
|
||||
|
||||
.bg-epsilon .s_icon_box_circle_box:hover h4, .bg-gamma .s_icon_box_circle_box:hover h4 {
|
||||
color: white !important;
|
||||
}
|
||||
@@ -0,0 +1,166 @@
|
||||
|
||||
//------------------------------------------------------------------------------
|
||||
// Colors
|
||||
//------------------------------------------------------------------------------
|
||||
|
||||
// Theme colors
|
||||
$o-theme-color-palettes: (
|
||||
(
|
||||
alpha: #11b6a8,
|
||||
beta: #B9EAE8,
|
||||
gamma: #fda301,
|
||||
delta: #febf00,
|
||||
epsilon: #1b7f7e,
|
||||
),
|
||||
(
|
||||
alpha: #45AADA,
|
||||
beta: #B3DCF0,
|
||||
gamma: #f74b94,
|
||||
delta: #FDC6DD,
|
||||
epsilon: #ea3884,
|
||||
),
|
||||
(
|
||||
alpha: #8578b9,
|
||||
beta: #c1badb,
|
||||
gamma: #FDF002,
|
||||
delta: #FEF994,
|
||||
epsilon: #dbb132,
|
||||
),
|
||||
(
|
||||
alpha: #87bd70,
|
||||
beta: #C4E6B5,
|
||||
gamma: #fe5e6d,
|
||||
delta: #F2BFC5,
|
||||
epsilon: #ce2b3a,
|
||||
),
|
||||
);
|
||||
|
||||
// Grays
|
||||
$o-gray-color-palettes: ();
|
||||
@each $-palette in $o-theme-color-palettes {
|
||||
$o-gray-color-palettes: append($o-gray-color-palettes, (
|
||||
'900': lighten(#000, 40%),
|
||||
'700': lighten(#000, 55%),
|
||||
'600': lighten(#000, 70%),
|
||||
'200': lighten(#000, 80%),
|
||||
));
|
||||
}
|
||||
|
||||
// Colors
|
||||
$o-color-palettes: (
|
||||
(
|
||||
'o-color-1': #162238,
|
||||
'o-color-2': #fda301,
|
||||
'o-color-3': #f0f4f4,
|
||||
'o-color-4': #ffffff,
|
||||
'o-color-5': #222222,
|
||||
|
||||
'o-cc4-bg': #b4904f,
|
||||
|
||||
'body': 'o-color-3',
|
||||
'menu': 4,
|
||||
'footer': 1,
|
||||
'copyright': 1,
|
||||
),
|
||||
(
|
||||
'o-color-1': #f74b94,
|
||||
'o-color-2': #45AADA,
|
||||
'o-color-3': #edf2f4,
|
||||
'o-color-4': #ffffff,
|
||||
'o-color-5': #333333,
|
||||
|
||||
'footer': 1,
|
||||
'copyright': 1,
|
||||
),
|
||||
(
|
||||
'o-color-1': #dbb132,
|
||||
'o-color-2': #8578b9,
|
||||
'o-color-3': #f4f4f4,
|
||||
'o-color-4': #ffffff,
|
||||
'o-color-5': #333333,
|
||||
|
||||
'footer': 1,
|
||||
'copyright': 1,
|
||||
),
|
||||
);
|
||||
|
||||
//------------------------------------------------------------------------------
|
||||
// Fonts
|
||||
//------------------------------------------------------------------------------
|
||||
|
||||
$o-theme-h1-font-size-multiplier: (48.83 / 16);
|
||||
$o-theme-h2-font-size-multiplier: (39.06 / 16);
|
||||
$o-theme-h3-font-size-multiplier: (31.25 / 16);
|
||||
$o-theme-h4-font-size-multiplier: (25.00 / 16);
|
||||
$o-theme-h5-font-size-multiplier: (20.00 / 16);
|
||||
$o-theme-h6-font-size-multiplier: 1.1;
|
||||
|
||||
$o-theme-font-configs: (
|
||||
'Lato': (
|
||||
'family': ('Lato', sans-serif),
|
||||
'url': 'Lato:300,300i,400,400i,700,700i',
|
||||
),
|
||||
'Indie Flower': (
|
||||
'family': ('Indie Flower', cursive),
|
||||
'url': 'Indie+Flower:300,300i,400,400i,700,700i',
|
||||
),
|
||||
'Alegreya Sans SC': (
|
||||
'family': ('Alegreya Sans SC', sans-serif),
|
||||
'url': 'Alegreya+Sans+SC:300,300i,400,400i,700,700i',
|
||||
),
|
||||
'Rosario': (
|
||||
'family': ('Rosario', sans-serif),
|
||||
'url': 'Rosario:300,300i,400,400i,700,700i',
|
||||
),
|
||||
'Roboto': (
|
||||
'family': ('Roboto', sans-serif),
|
||||
'url': 'Roboto:300,300i,400,400i,700,700i',
|
||||
),
|
||||
'Lobster Two': (
|
||||
'family': ('Lobster Two', cursive),
|
||||
'url': 'Lobster+Two:300,300i,400,400i,700,700i',
|
||||
),
|
||||
'Philosopher': (
|
||||
'family': ('Philosopher', sans-serif),
|
||||
'url': 'Philosopher:300,300i,400,400i,700,700i',
|
||||
),
|
||||
'Raleway': (
|
||||
'family': ('Raleway', sans-serif),
|
||||
'url': 'Raleway:200,200i,400,400i,500,500i',
|
||||
),
|
||||
'Oswald': (
|
||||
'family': ('Oswald', sans-serif),
|
||||
'url': 'Oswald:300,300i,400,400i,700,700i',
|
||||
),
|
||||
'Darker Grotesque': (
|
||||
'family': ('Darker Grotesque', sans-serif),
|
||||
'url': 'Darker+Grotesque:300,300i,500,500i,700,700i',
|
||||
),
|
||||
'Crete Round': (
|
||||
'family': ('Crete Round', serif),
|
||||
'url': 'Crete+Round:300,300i,400,400i,700,700i',
|
||||
),
|
||||
);
|
||||
|
||||
//------------------------------------------------------------------------------
|
||||
// Website customizations
|
||||
//------------------------------------------------------------------------------
|
||||
|
||||
$o-website-values-palettes: (
|
||||
(
|
||||
'header-font-size': (20 / 16) * 1rem,
|
||||
'font': 'Darker Grotesque',
|
||||
'font-size-base': 1.2rem,
|
||||
'headings-font': 'Raleway',
|
||||
'navbar-font': 'Darker Grotesque',
|
||||
'buttons-font': 'Darker Grotesque',
|
||||
'layout': 'full',
|
||||
'header-template': 'default',
|
||||
'menu-box-shadow': false,
|
||||
'footer-template': 'headline',
|
||||
|
||||
'btn-font-size-lg': 1.65rem,
|
||||
'btn-padding-y-lg': .5rem,
|
||||
'btn-padding-x-lg': 2.5rem,
|
||||
),
|
||||
);
|
||||