[ADD] theme saas-10
Design
|
After Width: | Height: | Size: 4.4 KiB |
|
After Width: | Height: | Size: 5.6 KiB |
|
After Width: | Height: | Size: 16 KiB |
|
After Width: | Height: | Size: 5.9 KiB |
|
After Width: | Height: | Size: 5.8 KiB |
|
After Width: | Height: | Size: 11 KiB |
|
After Width: | Height: | Size: 4.3 KiB |
|
After Width: | Height: | Size: 4.8 KiB |
|
After Width: | Height: | Size: 12 KiB |
|
After Width: | Height: | Size: 7.2 KiB |
|
After Width: | Height: | Size: 8.1 KiB |
|
After Width: | Height: | Size: 4.0 KiB |
|
After Width: | Height: | Size: 7.4 KiB |
|
After Width: | Height: | Size: 4.9 KiB |
|
After Width: | Height: | Size: 6.6 KiB |
|
After Width: | Height: | Size: 184 KiB |
|
After Width: | Height: | Size: 17 KiB |
|
After Width: | Height: | Size: 14 KiB |
@@ -0,0 +1,219 @@
|
||||
<section class="container">
|
||||
<h2 class="text-muted">Html5 Responsive Bootstrap Theme for Odoo CMS</h2>
|
||||
<hr>
|
||||
|
||||
<p class="lead">This theme is a professional responsive HTML5 theme, built using Bootstrap3,
|
||||
the most popular front-end framework for developing responsive, mobile
|
||||
first projects on the web. Just drag & drop the new building blocks
|
||||
you need to easily build your layout. All layouts are made of sections,
|
||||
that you can easily combine to fit your specific project.</p>
|
||||
<img src="monglia_description.png" class="img-responsive center-block"/>
|
||||
<hr>
|
||||
|
||||
<h2 class="text-muted">Customization Tools</h2>
|
||||
|
||||
<p>The theme comes with customization tools. You can easily change
|
||||
the background, the colors and the font combination of your website or
|
||||
you a preset.</p>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
<img src="customtool.jpg" class="img-responsive center-block"/>
|
||||
</div>
|
||||
<div class="col-md-8">
|
||||
<h3>The theme comes with a lot of options</h3>
|
||||
<ul>
|
||||
<li>WIDE OR BOXED LAYOUT</li>
|
||||
<li>6 COLOR SCHEMES</li>
|
||||
<li>8 BACKGROUND SHADES OR USE YOUR OWN</li>
|
||||
<li>6 FONT COMBINATIONS</li>
|
||||
<li>10 BACKGROUND PATTERNS</li>
|
||||
</ul>
|
||||
<p>All the background, color and font combinations were made to work together.
|
||||
You can not go wrong with the settings.</p>
|
||||
|
||||
<h3>Minimalistic Flat Design</h3>
|
||||
<p>It was made with easy customization and branding in mind. Based on
|
||||
simple, modern and typographical elements, it allows you to easily customize
|
||||
your website.</p>
|
||||
|
||||
<h3>6 Prebuild Presets</h3>
|
||||
<p class="mb16">You don't have the time to play with options? Don't worry, this theme gives
|
||||
you six full presets wich combine colors, fonts and background.</p>
|
||||
|
||||
<p>This theme has an <a href="https://apps.odoo.com/apps/9.0/theme_monglia_sale/">additional eCommerce plugin</a>.</p>
|
||||
</div>
|
||||
</div>
|
||||
<hr>
|
||||
|
||||
<h2 class="text-muted">Building Blocks</h2>
|
||||
|
||||
<p>You get a new complete range of building blocks.</p>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-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>Cubes Reversed</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>
|
||||
<li>Big Circle Icons</li>
|
||||
<li>Events with Internal Slider</li>
|
||||
<li>Compact Menu Snippet</li>
|
||||
<li>Full Menu Snippet</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-md-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-md-4">
|
||||
<h3>Customize Your Blocks</h3>
|
||||
<p class="mb16">Each building blocks comes with its own options. </p>
|
||||
<img src="customtool2.jpg" class="img-responsive center-block"/>
|
||||
</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-md-2">
|
||||
<a href="http://www.aselcis.com/" target="blank">
|
||||
<img src="contributors/aselcis.jpg" class="img-responsive center-block"/>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<a href="http://www.bas-solutions.nl/" target="blank">
|
||||
<img src="contributors/bas-solutions.png" class="img-responsive center-block"/>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<a href="http://www.bloopark.de/" target="blank">
|
||||
<img src="contributors/bloopark.png" class="img-responsive center-block"/>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<a href="http://www.brouwland.com" target="blank">
|
||||
<img src="contributors/brouwland.jpg" class="img-responsive center-block"/>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<a href="http://www.catsanddogs.com/" target="blank">
|
||||
<img src="contributors/catsdogs.png" class="img-responsive center-block"/>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<a href="https://www.hucke-media.de/" target="blank">
|
||||
<img src="contributors/huckemedia.png" class="img-responsive center-block"/>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-2">
|
||||
<a href="http://www.datadialog.net/" target="blank">
|
||||
<img src="contributors/dialognet.png" class="img-responsive center-block"/>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<a href="http://www.dynapps.be/" target="blank">
|
||||
<img src="contributors/dynapps.jpg" class="img-responsive center-block"/>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<a href="http://opusvl.com/" target="blank">
|
||||
<img src="contributors/opusvl.png" class="img-responsive center-block"/>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<a href="http://oxenworkwear.com/" target="blank">
|
||||
<img src="contributors/oxen.jpg" class="img-responsive center-block"/>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<a href="http://www.simplit.co/" target="blank">
|
||||
<img src="contributors/simplitco.jpg" class="img-responsive center-block"/>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<a href="http://www.sodexis.com/" target="blank">
|
||||
<img src="contributors/sodexis.jpg" class="img-responsive center-block"/>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row" style="margin-bottom:30px;">
|
||||
<div class="col-md-2 col-md-offset-3">
|
||||
<a href="https://www.techreceptives.com" target="blank">
|
||||
<img src="contributors/tech-receptives.png" class="img-responsive center-block"/>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<a href="http://www.applicatour.com/" target="blank">
|
||||
<img src="contributors/applicatour.jpg" class="img-responsive center-block"/>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<a href="https://vauxoo.com" target="blank">
|
||||
<img src="contributors/vauxoo.png" class="img-responsive center-block"/>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<p>Ross Whiting, Oxenworkwear - Hans Balis - Stephan Keller, Sodexis, Inc. - Michael Hucke, Hucke Media GmbH & Co. KG - Joachim Grubelnik, DaDi EDV GmbH datadialog.net - DynApps - Cats&Dogs bvba - Bloopark systems GmbH & Co. KG - Parthiv Patel, Tech Receptives Solutions Pvt. Ltd. - Stuart Mackintosh, OpusVL - Erwin van der Ploeg, BAS Solutions - ali Zuaby, simplit co - Aselcis Consulting - Nhomar Hernandez, Vauxoo</p>
|
||||
|
||||
<h1 class="text-center"><u>Sponsor</u></h1>
|
||||
<br/>
|
||||
|
||||
<p>Robert Baumgartner, datenpol gmbh - openBIG - Russell Phillippe, Protogenos Ltd - Julien Allo, Julius - EasyPME - Jonathan Wilson, WillowIT Pty Ltd - Xavier Mallein, MAallein - Pedro M. Baeza, Serv. Tecnol. Avanzados - Daniel Dico, OERP Canada - Jantz Business Group b.v. - LogicaSoft Consulting - Eric Caudal, Elico Corp - Ermin Trevisan, Twanda - Jean-François Mattler, OpenFid SAS - Alex Ferrer, Lannex IT Solutions - Tony Gu, Shine IT Co. Ltd. 先安科技 - TaPo-IT OG - Jos De Graeve, Apertoso - Nicolas Rigo, eezee-it - Luis Miguel Varón E, Colorisa S.A - OpenBias - Stanislas Drouin Applicatour</p>
|
||||
|
||||
<h1 class="text-center"><u>Power Designer</u></h1>
|
||||
<br/>
|
||||
|
||||
<p>Rohit Thakral - François Dhommeaux, Ubic Informatique - Judson Alves, Market Home Delivery - Eric Flaux, ABF Osiell - Gilles Dupont - Arnis Putniņš - Johnson Martt, GetOpenERP (Part of OpenStow Technologies) - Gianluca Milano - Daniel Stolovich, ATEL S.A. - Equitania Software GmbH - Senthilnathan G - Houssine Bakkali - Arend Trip - Kevin Woolf, Baba Kevin's American Barbecue Co., Ltd. - toodoo sàrl - Zoltan Gabor 'Apersis' - Tom De Decker, WEB2GO LTD - Nicolás Cavalier Montenegro, STOREGUD CORPORATION SAC - Keirse Jerome - REAL Solutions S.A. - Davide Corio - Brice Muangkhot - Melvin Miguel Martinez, Mendoza Hernandez - Auditores - Chua Wen Ching - Tran Minh Tri working, ungdungtinhoc.com - Badisheng Morena - Sogexis - Josh Wardini - The Tee Shirt Bakery - Bruce Letterle, Red Lab Media - Benoit Vankoningsloo - Francisco Manuel Garcia Claramonte. - Paulina Mikolajczak-Blasco - Collectiv - Tony Fernando - Herbert Riener, rigaConcepts - Kalmen Chia, E-Global SCM Solution Sdn Bhd - Rob North, Pair A Dice Games - David E. Vargas, CloudShop - François Le Gal - Calin Chete (24h Solutions) - Maria Gabriela Fong, MAGA Systems & Consulting - Pascal Behr, Cytosurge AG - Marc Antwertinger - Opencloud Unipessoal, Lda - Ruchir Shukla, BizzAppDev - Michael Hucke, Hucke Media GmbH & Co. KG - Mathias Neef, copadoMEDIA UG - Pablo Arias - Same Motion - livingprocess.de - Habib Ayob - Igor Jovanovic - Liangming Wang, Weixuan Inc. - Jason Au Yeung, Binary System Limited - Fredrik Arvas, Arvas International AB - Martin Temmink, Zigaret - Mathieu Vanneste, Flockdesign - Filip Fruru, Instant Media - Marianne Wilmsmeier, Fabrik Fünf GmbH - Vertex Group Enterprises - Bingen Eguzkitza - Herczeg Péter, InnOpen Group Kft - Giles Hohnen - Luis Felipe Miléo, KMEE - Maria Gabriela Fong, MAGA Systems & Consulting - Aaron Magon, Web Industries - Andrew Trueman, B.M. Trueman & Partners - Sven Petersen, Conexus - Nous Cambas - Oliver Yuan, OpenStone - Henri Ibowili, A-YANT.COM - Nicolas JEUDY - Helmut Drewes - Maik Steinfeld, Streward - Hans Henrik Gabelgaard - AJ Rosman - Eduard - Patrick Darribet, SUDOKEYS - Camptocamp - Cyril Morisse - Alejandro Santana - Eva Pinter, YBO - Mathias Neef, copadoMEDIA UG - Jean-Christophe Perrot, LOGICASOFT - Zarshed Ali, HiTechnologia - Stefan Reisich - Maxime Chambreuil, Savoir-faire Linux - Mario Gielissen, Openworx - Nicholas Burdic, Aptoworks LLC - Olivier Lenoir</p>
|
||||
</section>
|
||||
|
After Width: | Height: | Size: 269 KiB |
|
After Width: | Height: | Size: 17 KiB |
|
After Width: | Height: | Size: 282 KiB |
|
After Width: | Height: | Size: 154 KiB |
|
After Width: | Height: | Size: 292 KiB |
|
After Width: | Height: | Size: 96 KiB |
|
After Width: | Height: | Size: 297 KiB |
|
After Width: | Height: | Size: 348 KiB |
|
After Width: | Height: | Size: 2.9 KiB |
|
After Width: | Height: | Size: 284 KiB |
|
After Width: | Height: | Size: 323 KiB |
|
After Width: | Height: | Size: 286 KiB |
|
After Width: | Height: | Size: 303 KiB |
|
After Width: | Height: | Size: 80 KiB |
|
After Width: | Height: | Size: 106 KiB |
|
After Width: | Height: | Size: 14 KiB |
|
After Width: | Height: | Size: 110 KiB |
|
After Width: | Height: | Size: 121 KiB |
|
After Width: | Height: | Size: 103 KiB |
|
After Width: | Height: | Size: 72 KiB |
|
After Width: | Height: | Size: 80 KiB |
|
After Width: | Height: | Size: 81 KiB |
|
After Width: | Height: | Size: 80 KiB |
|
After Width: | Height: | Size: 100 KiB |
|
After Width: | Height: | Size: 86 KiB |
|
After Width: | Height: | Size: 89 KiB |
|
After Width: | Height: | Size: 92 KiB |
|
After Width: | Height: | Size: 98 KiB |
|
After Width: | Height: | Size: 73 KiB |
|
After Width: | Height: | Size: 72 KiB |
|
After Width: | Height: | Size: 91 KiB |
|
After Width: | Height: | Size: 103 KiB |
|
After Width: | Height: | Size: 275 KiB |
|
After Width: | Height: | Size: 296 KiB |
|
After Width: | Height: | Size: 247 KiB |
|
After Width: | Height: | Size: 296 KiB |
|
After Width: | Height: | Size: 293 KiB |
|
After Width: | Height: | Size: 302 KiB |
|
After Width: | Height: | Size: 265 KiB |
|
After Width: | Height: | Size: 290 KiB |
|
After Width: | Height: | Size: 288 KiB |
|
After Width: | Height: | Size: 354 KiB |
|
After Width: | Height: | Size: 9.2 KiB |
|
After Width: | Height: | Size: 4.7 KiB |
|
After Width: | Height: | Size: 9.5 KiB |
|
After Width: | Height: | Size: 364 B |
|
After Width: | Height: | Size: 117 KiB |
|
After Width: | Height: | Size: 308 KiB |
|
After Width: | Height: | Size: 260 KiB |
|
After Width: | Height: | Size: 269 KiB |
|
After Width: | Height: | Size: 151 KiB |
|
After Width: | Height: | Size: 104 KiB |
|
After Width: | Height: | Size: 553 KiB |
|
After Width: | Height: | Size: 506 KiB |
|
After Width: | Height: | Size: 168 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: 1.1 KiB |
|
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,16 @@
|
||||
odoo.define('theme_monglia.main', function (require) {
|
||||
'use strict';
|
||||
|
||||
var base = require('web_editor.base');
|
||||
|
||||
base.ready().then(function () {
|
||||
$('#menuToggle, .menu-close').on('click', function () {
|
||||
$('body').toggleClass('o_bigslide_open');
|
||||
});
|
||||
$('main, footer').on('click', function () {
|
||||
if ($('body').hasClass('o_bigslide_open')) {
|
||||
$('body').removeClass('o_bigslide_open');
|
||||
}
|
||||
});
|
||||
});
|
||||
});
|
||||
@@ -0,0 +1,149 @@
|
||||
/* ===================== BLOG ===================== */
|
||||
|
||||
#blog_right_column {
|
||||
padding: 0 15px 35px 30px;
|
||||
}
|
||||
.website_blog {
|
||||
.col-sm-8 {
|
||||
padding: 0 15px 30px 35px;
|
||||
}
|
||||
}
|
||||
.post-meta {
|
||||
margin-top: 20px;
|
||||
text-align: left;
|
||||
}
|
||||
.blog_title {
|
||||
.post-meta {
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
#main_column {
|
||||
h4 {
|
||||
font-size: 18px;
|
||||
}
|
||||
h2 {
|
||||
font-size: 25px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ===================== FORUM ===================== */
|
||||
|
||||
.website_forum {
|
||||
margin-top: 0px !important;
|
||||
width: 100%;
|
||||
.navbar-default {
|
||||
margin-bottom: 0px;
|
||||
padding: 0 15px;
|
||||
.navbar-nav > li > a, .navbar-header span {
|
||||
color: @color-delta;
|
||||
}
|
||||
.navbar-right {
|
||||
margin-bottom: 0;
|
||||
.btn {
|
||||
padding: 5px 20px;
|
||||
}
|
||||
input {
|
||||
margin-right: 15px;
|
||||
//background-color: rgba(255, 255, 255, 0.5);
|
||||
.transition (background-color 0.3s ease-out);
|
||||
}
|
||||
}
|
||||
li.active > a {
|
||||
background-color: @color-epsilon !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
.website_forum + #wrap {
|
||||
padding: 35px;
|
||||
|
||||
.col-sm-3 {
|
||||
.btn-block {
|
||||
background-color: @color-epsilon;
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
.question {
|
||||
#options button {
|
||||
color: @color-epsilon;
|
||||
&:hover, &:focus {
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
.oe_grey {
|
||||
background-color: transparent;
|
||||
}
|
||||
}
|
||||
}
|
||||
.forum_docs {
|
||||
margin-top: 30px;
|
||||
padding: 10px 35px;
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
/* ============== Breadcrumb in events, job etc ============== */
|
||||
|
||||
.breadcrumb {
|
||||
background: transparent;
|
||||
.BorderRadius(0px);
|
||||
}
|
||||
|
||||
/* ============== Nav-pills in events, job etc ============== */
|
||||
|
||||
.nav-pills {
|
||||
li a {
|
||||
color: @gray-light;
|
||||
&:hover {
|
||||
color: @gray;
|
||||
}
|
||||
}
|
||||
li.active > a {
|
||||
color: @color-epsilon;
|
||||
background: transparent;
|
||||
&:hover {
|
||||
background-color: @gray-lighter;
|
||||
color: @gray;
|
||||
}
|
||||
.badge {
|
||||
color: @color-alpha;
|
||||
background-color: @color-epsilon;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* ============== Panel styles ============== */
|
||||
|
||||
.panel-heading {
|
||||
background-color: transparent !important;
|
||||
border: none;
|
||||
color: @color-epsilon !important;
|
||||
}
|
||||
.panel-footer {
|
||||
background: transparent;
|
||||
}
|
||||
.panel {
|
||||
text-align: center;
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
border: 1px solid @gray-lighter;
|
||||
.BorderRadius (0px);
|
||||
.list-group-item {
|
||||
background: transparent;
|
||||
border-color: white;
|
||||
}
|
||||
&.note-editor {
|
||||
text-align: initial;
|
||||
}
|
||||
}
|
||||
.panel-title {
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
/* ===================== DOCUMENTATION ===================== */
|
||||
|
||||
[data-view-xmlid*="website_forum_doc.documentation_post"] {
|
||||
.container:first-child {
|
||||
margin-bottom: 0px !important;
|
||||
height: 90px;
|
||||
padding-top: 20px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,171 @@
|
||||
/* ================== BOOTSTRAP GRAYS ================= */
|
||||
|
||||
@gray-darker: lighten(#000, 13.5%); // #222
|
||||
@gray-dark: lighten(#000, 20%); // #333
|
||||
@gray: lighten(#000, 33.5%); // #555
|
||||
@gray-light: lighten(#000, 46.7%); // #777
|
||||
@gray-lighter: lighten(#000, 85%); // #eee
|
||||
@gray-white: #ffffff;
|
||||
@gray-base: #000000;
|
||||
|
||||
/* ================== COLOR PRESET 1 ================= */
|
||||
|
||||
@colorPreset1_color1: #add3ce; // green
|
||||
@colorPreset1_color1_dark: darken(@colorPreset1_color1, 10%);
|
||||
@colorPreset1_color1_light: lighten(@colorPreset1_color1, 5%);
|
||||
@colorPreset1_color2: #a7c7d5; // light blue
|
||||
@colorPreset1_color2_dark: darken(@colorPreset1_color2, 10%);
|
||||
@colorPreset1_color2_light: lighten(@colorPreset1_color2, 5%);
|
||||
@colorPreset1_color3: #47464b; // Dark gray
|
||||
@colorPreset1_color3_dark: darken(@colorPreset1_color3, 10%);
|
||||
@colorPreset1_color3_light: lighten(@colorPreset1_color3, 10%);
|
||||
@colorPreset1_color4: #f3997b; // orange
|
||||
@colorPreset1_color4_dark: darken(@colorPreset1_color4, 10%);
|
||||
@colorPreset1_color4_light: lighten(@colorPreset1_color4, 5%);
|
||||
|
||||
/* ================== COLOR PRESET 2 ================= */
|
||||
|
||||
@colorPreset2_color1: #f8f1d4; // light yellow
|
||||
@colorPreset2_color1_dark: darken(@colorPreset2_color1, 10%);
|
||||
@colorPreset2_color1_light: lighten(@colorPreset2_color1, 5%);
|
||||
@colorPreset2_color2: #5b4645; // brown
|
||||
@colorPreset2_color2_dark: darken(@colorPreset2_color2, 10%);
|
||||
@colorPreset2_color2_light: lighten(@colorPreset2_color2, 10%);
|
||||
@colorPreset2_color3: #21263a; // indigo
|
||||
@colorPreset2_color3_dark: darken(@colorPreset2_color3, 10%);
|
||||
@colorPreset2_color3_light: lighten(@colorPreset2_color3, 10%);
|
||||
@colorPreset2_color4: #8f8747; // pastel Green
|
||||
@colorPreset2_color4_dark: darken(@colorPreset2_color4, 10%);
|
||||
@colorPreset2_color4_light: lighten(@colorPreset2_color4, 5%);
|
||||
|
||||
/* ================== COLOR PRESET 3 ================= */
|
||||
|
||||
@colorPreset3_color1: #dedede; // light gray
|
||||
@colorPreset3_color1_dark: darken(@colorPreset3_color1, 10%);
|
||||
@colorPreset3_color1_light: lighten(@colorPreset3_color1, 5%);
|
||||
@colorPreset3_color2: #adadad; // middle gray
|
||||
@colorPreset3_color2_dark: darken(@colorPreset3_color2, 10%);
|
||||
@colorPreset3_color2_light: lighten(@colorPreset3_color2, 10%);
|
||||
@colorPreset3_color3: #3e3e3e; // dark gray
|
||||
@colorPreset3_color3_dark: darken(@colorPreset3_color3, 10%);
|
||||
@colorPreset3_color3_light: lighten(@colorPreset3_color3, 10%);
|
||||
@colorPreset3_color4: #848f47; // olive
|
||||
@colorPreset3_color4_dark: darken(@colorPreset3_color4, 10%);
|
||||
@colorPreset3_color4_light: lighten(@colorPreset3_color4, 5%);
|
||||
|
||||
/* ================== COLOR PRESET 4 ================= */
|
||||
|
||||
@colorPreset4_color1: #cfcfcf; // light gray
|
||||
@colorPreset4_color1_dark: darken(@colorPreset4_color1, 10%);
|
||||
@colorPreset4_color1_light: lighten(@colorPreset4_color1, 5%);
|
||||
@colorPreset4_color2: #2e2e2e; // middle gray
|
||||
@colorPreset4_color2_dark: darken(@colorPreset4_color2, 10%);
|
||||
@colorPreset4_color2_light: lighten(@colorPreset4_color2, 10%);
|
||||
@colorPreset4_color3: #000000; // dark gray
|
||||
@colorPreset4_color3_dark: darken(@colorPreset4_color3, 10%);
|
||||
@colorPreset4_color3_light: lighten(@colorPreset4_color3, 10%);
|
||||
@colorPreset4_color4: #1ad68f; // green
|
||||
@colorPreset4_color4_dark: darken(@colorPreset4_color4, 10%);
|
||||
@colorPreset4_color4_light: lighten(@colorPreset4_color4, 5%);
|
||||
|
||||
/* ================== COLOR PRESET 5 ================= */
|
||||
|
||||
@colorPreset5_color1: #9fcae2; // light green
|
||||
@colorPreset5_color1_dark: darken(@colorPreset5_color1, 10%);
|
||||
@colorPreset5_color1_light: lighten(@colorPreset5_color1, 5%);
|
||||
@colorPreset5_color2: #bbc05c; // middle green
|
||||
@colorPreset5_color2_dark: darken(@colorPreset5_color2, 10%);
|
||||
@colorPreset5_color2_light: lighten(@colorPreset5_color2, 10%);
|
||||
@colorPreset5_color3: #112625; // dark green
|
||||
@colorPreset5_color3_dark: darken(@colorPreset5_color3, 10%);
|
||||
@colorPreset5_color3_light: lighten(@colorPreset5_color3, 10%);
|
||||
@colorPreset5_color4: #45b08c; // mallow
|
||||
@colorPreset5_color4_dark: darken(@colorPreset5_color4, 10%);
|
||||
@colorPreset5_color4_light: lighten(@colorPreset5_color4, 5%);
|
||||
|
||||
/* ================== COLOR PRESET 6 ================= */
|
||||
|
||||
@colorPreset6_color1: #fdeacc; // cream
|
||||
@colorPreset6_color1_dark: darken(@colorPreset6_color1, 10%);
|
||||
@colorPreset6_color1_light: lighten(@colorPreset6_color1, 5%);
|
||||
@colorPreset6_color2: #e8cda2; // middle cream
|
||||
@colorPreset6_color2_dark: darken(@colorPreset6_color2, 5%);
|
||||
@colorPreset6_color2_light: lighten(@colorPreset6_color2, 5%);
|
||||
@colorPreset6_color3: #3e3f43; // gray
|
||||
@colorPreset6_color3_dark: darken(@colorPreset6_color3, 10%);
|
||||
@colorPreset6_color3_light: lighten(@colorPreset6_color3, 10%);
|
||||
@colorPreset6_color4: #e1444d; // salmon
|
||||
@colorPreset6_color4_dark: darken(@colorPreset6_color4, 10%);
|
||||
@colorPreset6_color4_light: lighten(@colorPreset6_color4, 5%);
|
||||
|
||||
/* The s_timeline snippet is broken and requires the @color-wind variable,
|
||||
which is not defined in website anymore in saas-6 */
|
||||
@color-wind: #f7f7f7;
|
||||
|
||||
/* ========================= GRAYSCALE ========================= */
|
||||
|
||||
.o-create-color-classes(~'black', @gray-base, @gray-light);
|
||||
.o-create-color-classes(~'gray-dark', @gray-dark, @gray-white);
|
||||
.bg-gray-dark {
|
||||
h1, h2, h3, h4, h5, h6 {.SetTextShadow (2px, @gray-base);}
|
||||
}
|
||||
.o-create-color-classes(~'gray', @gray, @gray-white);
|
||||
.bg-gray {
|
||||
h1, h2, h3, h4, h5, h6 {.SetTextShadow (2px, @gray-base);}
|
||||
}
|
||||
.o-create-color-classes(~'gray-light', @gray-lighter, @gray);
|
||||
.bg-gray-light .s_progress {
|
||||
color: red !important;
|
||||
}
|
||||
.o-create-color-classes(~'white', @gray-white, @gray);
|
||||
|
||||
/* ================== FONT COLORS IN THE EDITOR ================= */
|
||||
|
||||
.js_sale, .oe_website_sale {
|
||||
.text-muted {color: @gray-light;}
|
||||
}
|
||||
|
||||
.text-blue {color: @gray-base;}
|
||||
.bg-blue {background-color: @gray-base;}
|
||||
|
||||
.text-turquoise{color: @gray-darker;}
|
||||
.bg-turquoise {background-color: @gray-darker;}
|
||||
|
||||
.text-green {color: @gray-dark;}
|
||||
.bg-green {background-color: @gray-dark;}
|
||||
|
||||
.text-yellow {color: @gray;}
|
||||
.bg-yellow {background-color: @gray;}
|
||||
|
||||
.text-red {color: @gray-light;}
|
||||
.bg-red {background-color: @gray-light;}
|
||||
|
||||
.text-pink {color: @gray-lighter;}
|
||||
.bg-pink {background-color: @gray-lighter;}
|
||||
|
||||
.text-purple {color: @gray-white;}
|
||||
.bg-purple {background-color: @gray-white;}
|
||||
|
||||
.text-blue2 {color: #1e3370;}
|
||||
.bg-blue2 {background-color: #1e3370;}
|
||||
|
||||
.text-turquoise2 {color: #1993a5;}
|
||||
.bg-turquoise2 {background-color: #1993a5;}
|
||||
|
||||
.text-green2 {color: #4f8640;}
|
||||
.bg-green2 {background-color: #4f8640;}
|
||||
|
||||
.text-yellow2 {color: #e6d123;}
|
||||
.bg-yellow2 {background-color: #e6d123;}
|
||||
|
||||
.text-red2 {color: #c22e2e;}
|
||||
.bg-red2 {background-color: #c22e2e;}
|
||||
|
||||
.text-lightblue2 {color: #5ea7db;}
|
||||
.bg-lightblue2 {background-color: #5ea7db;}
|
||||
|
||||
.text-purple2 {color: #8458a7;}
|
||||
.bg-purple2 {background-color: #8458a7;}
|
||||
|
||||
.text-brown2 {color: #725a4c;}
|
||||
.bg-brown2 {color: #725a4c;}
|
||||
@@ -0,0 +1,398 @@
|
||||
/* ================== MODAL COLORS ================= */
|
||||
|
||||
@modalGreen: @colorPreset6_color2;
|
||||
@modalGreenDark: darken(@modalGreen, 5%);
|
||||
@modalGreenLight: lighten(@modalGreen, 15%);
|
||||
@modalOrange: @colorPreset5_color1;
|
||||
@modalBlue: #151C24;
|
||||
@modalLightBlue: lighten(@modalBlue, 20%);
|
||||
|
||||
/* ======================= COLOR PRESET 1 ====================== */
|
||||
|
||||
#theme_customize_modal .row .colorPreset1 div:nth-child(1) {background-color: @gray-white;}
|
||||
#theme_customize_modal .row .colorPreset1 div:nth-child(2) {background-color: @colorPreset1_color1;}
|
||||
#theme_customize_modal .row .colorPreset1 div:nth-child(3) {background-color: @colorPreset1_color2;}
|
||||
#theme_customize_modal .row .colorPreset1 div:nth-child(4) {background-color: @colorPreset1_color3;}
|
||||
#theme_customize_modal .row .colorPreset1 div:nth-child(5) {background-color: @colorPreset1_color4;}
|
||||
|
||||
/* ======================= COLOR PRESET 2 ====================== */
|
||||
|
||||
#theme_customize_modal .row .colorPreset2 div:nth-child(1) {background-color: @colorPreset2_color1;}
|
||||
#theme_customize_modal .row .colorPreset2 div:nth-child(2) {background-color: @colorPreset2_color2;}
|
||||
#theme_customize_modal .row .colorPreset2 div:nth-child(3) {background-color: @gray-white;}
|
||||
#theme_customize_modal .row .colorPreset2 div:nth-child(4) {background-color: @colorPreset2_color3;}
|
||||
#theme_customize_modal .row .colorPreset2 div:nth-child(5) {background-color: @colorPreset2_color4;}
|
||||
|
||||
/* ======================= COLOR PRESET 3 ====================== */
|
||||
|
||||
#theme_customize_modal .row .colorPreset3 div:nth-child(1) {background-color: @colorPreset3_color1;}
|
||||
#theme_customize_modal .row .colorPreset3 div:nth-child(2) {background-color: @colorPreset3_color2;}
|
||||
#theme_customize_modal .row .colorPreset3 div:nth-child(3) {background-color: @gray-white;}
|
||||
#theme_customize_modal .row .colorPreset3 div:nth-child(4) {background-color: @colorPreset3_color3;}
|
||||
#theme_customize_modal .row .colorPreset3 div:nth-child(5) {background-color: @colorPreset3_color4;}
|
||||
|
||||
/* ======================= COLOR PRESET 4 ====================== */
|
||||
|
||||
#theme_customize_modal .row .colorPreset4 div:nth-child(1) {background-color: @colorPreset4_color1;}
|
||||
#theme_customize_modal .row .colorPreset4 div:nth-child(2) {background-color: @colorPreset4_color2;}
|
||||
#theme_customize_modal .row .colorPreset4 div:nth-child(3) {background-color: @gray-white;}
|
||||
#theme_customize_modal .row .colorPreset4 div:nth-child(4) {background-color: @colorPreset4_color3;}
|
||||
#theme_customize_modal .row .colorPreset4 div:nth-child(5) {background-color: @colorPreset4_color4;}
|
||||
|
||||
/* ======================= COLOR PRESET 5 ====================== */
|
||||
|
||||
#theme_customize_modal .row .colorPreset5 div:nth-child(1) {background-color: @colorPreset5_color1;}
|
||||
#theme_customize_modal .row .colorPreset5 div:nth-child(2) {background-color: @colorPreset5_color2;}
|
||||
#theme_customize_modal .row .colorPreset5 div:nth-child(3) {background-color: @gray-white;}
|
||||
#theme_customize_modal .row .colorPreset5 div:nth-child(4) {background-color: @colorPreset5_color3;}
|
||||
#theme_customize_modal .row .colorPreset5 div:nth-child(5) {background-color: @colorPreset5_color4;}
|
||||
|
||||
/* ======================= COLOR PRESET 6 ====================== */
|
||||
|
||||
#theme_customize_modal .row .colorPreset6 div:nth-child(1) {background-color: @colorPreset6_color1;}
|
||||
#theme_customize_modal .row .colorPreset6 div:nth-child(2) {background-color: @colorPreset6_color2;}
|
||||
#theme_customize_modal .row .colorPreset6 div:nth-child(3) {background-color: @gray-white;}
|
||||
#theme_customize_modal .row .colorPreset6 div:nth-child(4) {background-color: @colorPreset6_color3;}
|
||||
#theme_customize_modal .row .colorPreset6 div:nth-child(5) {background-color: @colorPreset6_color4;}
|
||||
|
||||
/* ======================= BACKGROUNDS ====================== */
|
||||
|
||||
#theme_customize_modal #bgcolor .bg_color_01 {background-color: @colorPreset1_color3;}
|
||||
#theme_customize_modal #bgcolor .bg_color_02 {background-color: @colorPreset1_color1;}
|
||||
#theme_customize_modal #bgcolor .bg_color_03 {background-color: @colorPreset1_color4;}
|
||||
#theme_customize_modal #bgcolor .bg_color_04 {background-color: @colorPreset1_color2;}
|
||||
#theme_customize_modal #bgcolor .bg_color_05 {background-color: @gray-base;}
|
||||
#theme_customize_modal #bgcolor .bg_color_06 {background-color: @colorPreset6_color3;}
|
||||
#theme_customize_modal #bgcolor .bg_color_07 {background-color: white;}
|
||||
#theme_customize_modal #bgcolor .bg_color_08 {background-color: @colorPreset6_color2;}
|
||||
|
||||
/* ================== THEME CUSTOMIZE MODAL =============== */
|
||||
|
||||
#theme_customize_modal {
|
||||
label > div, label > img, label > h6, label > h4 {
|
||||
border: none;
|
||||
padding: 3px;
|
||||
}
|
||||
label.checked > div, label.checked > img, label.checked > h6, label.checked > h4 {
|
||||
box-shadow: none;
|
||||
background-color: @modalLightBlue;
|
||||
}
|
||||
h4 {
|
||||
color: @gray-white;
|
||||
text-align: left;
|
||||
}
|
||||
h6 {
|
||||
color: @gray-white;
|
||||
}
|
||||
p {
|
||||
color: @gray-white;
|
||||
}
|
||||
.row {
|
||||
.col-md-2 {
|
||||
padding-right: 0px;
|
||||
}
|
||||
}
|
||||
}
|
||||
#theme_customize_modal {
|
||||
.modal-header {
|
||||
border-bottom: none;
|
||||
}
|
||||
.nav-tabs > li.active > a, &:hover, &:focus, .nav > li > a:hover, &:focus {
|
||||
background-color: @gray-dark;
|
||||
border: none;
|
||||
color: @modalOrange;
|
||||
}
|
||||
}
|
||||
.nav-tabs > li > a {
|
||||
margin-right: 0px;
|
||||
&:hover {
|
||||
border-radius: 0px;
|
||||
border: none;
|
||||
}
|
||||
}
|
||||
.nav-tabs > li > a, .nav > li > a {
|
||||
border-radius: 0px;
|
||||
border: none;
|
||||
}
|
||||
.modal-dialog .nav > li > a {
|
||||
padding: 15px 5px;
|
||||
}
|
||||
.modal-h6 {
|
||||
font-size: 30px;
|
||||
}
|
||||
.interface {
|
||||
width: 350px;
|
||||
margin-top: 20px;
|
||||
position: relative;
|
||||
font-family: "Cuprum-Regular";
|
||||
.left-content {
|
||||
background-color: @modalGreen;
|
||||
width: 70px;
|
||||
padding-left: 0px;
|
||||
.VAlignTop;
|
||||
ul {
|
||||
border: none;
|
||||
}
|
||||
}
|
||||
.right-content {
|
||||
.VAlignTop;
|
||||
padding: 0px;
|
||||
background-color: @gray-dark;
|
||||
.tab-content {
|
||||
overflow-x: hidden;
|
||||
height: 480px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.close {
|
||||
padding: .2em .4em;
|
||||
color: white;
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
right: 10px;
|
||||
float: right;
|
||||
font-weight: bold;
|
||||
opacity: .9;
|
||||
text-shadow: none;
|
||||
}
|
||||
.left-content-block a {
|
||||
display: block;
|
||||
min-height: 70px;
|
||||
width: 70px;
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
color: white;
|
||||
font-size: 12px;
|
||||
|
||||
&:hover, &:focus, &:active {
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
span {
|
||||
margin-bottom: 13px;
|
||||
}
|
||||
}
|
||||
.left-content-block .glyphicon:hover, .glyphicon:focus {
|
||||
color: @modalOrange;
|
||||
}
|
||||
.glyphicon {
|
||||
font-size: 20px;
|
||||
padding-bottom: 5px;
|
||||
color: @gray-white;
|
||||
}
|
||||
.color-combi {
|
||||
.col-xs-2 {
|
||||
width: 43px;
|
||||
height: 43px;
|
||||
padding: 0px;
|
||||
}
|
||||
.row {
|
||||
border-color: @gray-light !important;
|
||||
}
|
||||
}
|
||||
.tab-pane > .row > .col-xs-6 {
|
||||
padding: 0px;
|
||||
}
|
||||
#bgcolor {
|
||||
.col-xs-12 {
|
||||
height: 50px;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
}
|
||||
#pattern {
|
||||
.col-xs-12 {
|
||||
.pattern-swatch{
|
||||
width: 250px;
|
||||
height: 100%;
|
||||
img {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
#color {
|
||||
p:first-child {
|
||||
margin-top: 15px;
|
||||
}
|
||||
}
|
||||
|
||||
/*oe manipulators*/
|
||||
|
||||
#oe_manipulators {
|
||||
.oe_snippet_remove {
|
||||
background-color: red;
|
||||
color: white;
|
||||
&:hover {
|
||||
color: black;
|
||||
}
|
||||
}
|
||||
.dropdown-menu {
|
||||
border-radius: 0px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ================== MODAL ======================*/
|
||||
|
||||
.modal:not(#theme_customize_modal):not(#modal_optional_products) {
|
||||
.modal-dialog {
|
||||
border: 1px solid @gray-dark;
|
||||
.modal-content {
|
||||
border-radius: 0px;
|
||||
border: none;
|
||||
background-color: @color-gamma;
|
||||
}
|
||||
.btn-primary, .btn-default {
|
||||
border: none;
|
||||
}
|
||||
.active a {
|
||||
background: transparent;
|
||||
color: @color-delta;
|
||||
text-decoration: underline;
|
||||
&:hover {
|
||||
border-width: 0px;
|
||||
color: @color-delta;
|
||||
}
|
||||
}
|
||||
}
|
||||
.modal-body, .modal-footer {
|
||||
background-color: @color-alpha;
|
||||
border-top: 1px solid @gray-lighter;
|
||||
color: @gray-light
|
||||
}
|
||||
.modal-footer {
|
||||
color: white;
|
||||
.btn-primary {
|
||||
background-color: @gray;
|
||||
color: @color-beta;
|
||||
}
|
||||
}
|
||||
.modal-header {
|
||||
height: 71px;
|
||||
border: none;
|
||||
h4 {
|
||||
font-size: 20px;
|
||||
}
|
||||
}
|
||||
.modal-body {
|
||||
font-size: 14px;
|
||||
thead {color: white;}
|
||||
#editor-media-image {
|
||||
background-color: transparent !important;
|
||||
}
|
||||
.well {
|
||||
background-color: @gray-lighter;
|
||||
color: @gray;
|
||||
.BorderRadius(0px);
|
||||
border: none;
|
||||
.form-control {
|
||||
border-radius: 0px;
|
||||
background-color: @gray;
|
||||
color: white;
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
height: 35px;
|
||||
&:focus {
|
||||
box-shadow: none;
|
||||
border: 1px solid @color-eta;
|
||||
}
|
||||
}
|
||||
.btn-default {
|
||||
border-radius: 0px;
|
||||
border: none;
|
||||
background-color: @gray;
|
||||
color: @gray-lighter;
|
||||
height: 35px;
|
||||
}
|
||||
}
|
||||
.tab-content {
|
||||
.o_existing_attachment_remove {
|
||||
background: @gray;
|
||||
border: 1px solid @gray-dark;
|
||||
}
|
||||
}
|
||||
.nav-tabs > li.active > a, &:hover > li.active > a:focus {
|
||||
border: none;
|
||||
}
|
||||
.nav-tabs {
|
||||
border-bottom: 1px solid @gray-light;
|
||||
background-color: @gray-lighter;
|
||||
padding-left: 20px;
|
||||
.font-icons:before {
|
||||
z-index: 1;
|
||||
font-size: 1.5em;
|
||||
top: 12px;
|
||||
left: 10px;
|
||||
}
|
||||
.pager {
|
||||
transform: translateY(23%);
|
||||
margin-right: 10px;
|
||||
.previous a, .next a {
|
||||
background-color: @gray;
|
||||
color: @gray-lighter;
|
||||
border: none;
|
||||
height: 35px;
|
||||
}
|
||||
}
|
||||
a {
|
||||
color: @color-delta;
|
||||
&:hover {
|
||||
background: transparent;
|
||||
}
|
||||
}
|
||||
}
|
||||
.search .form-control {
|
||||
border-radius: 0px;
|
||||
background-color: @gray;
|
||||
color: white;
|
||||
border: none;
|
||||
transform: translateY(23%);
|
||||
box-shadow: none;
|
||||
height: 35px;
|
||||
&:focus {
|
||||
box-shadow: none;
|
||||
border: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
.modal-title {
|
||||
color: @color-alpha;
|
||||
}
|
||||
.nav-tabs > li {
|
||||
margin-bottom: 0px;
|
||||
&:hover {
|
||||
background: transparent;
|
||||
}
|
||||
}
|
||||
.pager li > a {
|
||||
.BorderRadius(0px);
|
||||
}
|
||||
.search .form-control {
|
||||
border-color: @gray-lighter;
|
||||
}
|
||||
}
|
||||
#theme_customize_modal {
|
||||
background: transparent !important;
|
||||
}
|
||||
#editor-media-image {
|
||||
background-color: white !important;
|
||||
}
|
||||
|
||||
/* ====================== LOGIN =====================*/
|
||||
|
||||
.oe_login_form {
|
||||
.oe_login_buttons {
|
||||
.btn-primary {
|
||||
background: transparent !important;
|
||||
&:hover {
|
||||
color: @color-delta !important;
|
||||
}
|
||||
}
|
||||
.btn-link {
|
||||
color: @color-delta;
|
||||
}
|
||||
}
|
||||
}
|
||||
.oe_website_login_container {
|
||||
padding: 50px;
|
||||
}
|
||||
@@ -0,0 +1,132 @@
|
||||
@monglia-menu-toggle-top: 40px;
|
||||
|
||||
#oe_main_menu_navbar ~ #wrapwrap #menuToggle {
|
||||
top: @odoo-navbar-height + @monglia-menu-toggle-top;
|
||||
}
|
||||
|
||||
#wrapwrap {
|
||||
> main, footer {
|
||||
position: relative;
|
||||
left: 0px;
|
||||
.transition (all 0.3s ease);
|
||||
}
|
||||
|
||||
header .navbar {
|
||||
.transition (all 0.3s ease);
|
||||
background: none;
|
||||
position: fixed;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
z-index: 100;
|
||||
&.menu-open {
|
||||
right: 0;
|
||||
}
|
||||
.container {
|
||||
overflow-y: auto;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 300px;
|
||||
height: 100%;
|
||||
h1 {
|
||||
a {
|
||||
font-size: 26px;
|
||||
margin-top: 20px;
|
||||
&:hover {
|
||||
background-color: transparent;
|
||||
}
|
||||
}
|
||||
margin-left: 10%;
|
||||
max-width: 260px;
|
||||
}
|
||||
.navbar-nav .open .dropdown-menu {
|
||||
background: none;
|
||||
position: static;
|
||||
padding: 0;
|
||||
float: left;
|
||||
width: 100%;
|
||||
margin-top: 0;
|
||||
border: 0;
|
||||
box-shadow: inset 0px 0px 10px -5px rgba(0,0,0,0.13);
|
||||
color: @gray-white;
|
||||
}
|
||||
.divider {
|
||||
display: none; // hide divider if not signed in
|
||||
}
|
||||
li {
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
&.active {
|
||||
.dropdown-menu > li {
|
||||
background-color: transparent;
|
||||
a {
|
||||
background-color: transparent;
|
||||
color:rgb(119, 119, 119);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
a {
|
||||
font-size: 14px;
|
||||
padding: 0 5px;
|
||||
margin: 0;
|
||||
background-color: none;
|
||||
display: block;
|
||||
line-height: 40px;
|
||||
letter-spacing: 0.1em;
|
||||
span {
|
||||
font-size: 14px;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
.label-primary {
|
||||
background-color: @color-epsilon;
|
||||
}
|
||||
}
|
||||
h2 a {
|
||||
display: inline-block; // social icons in menu
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
|
||||
#menuToggle {
|
||||
.transition (all 0.3s ease-in-out);
|
||||
.o-position-absolute(@top: @monglia-menu-toggle-top);
|
||||
display: block;
|
||||
text-align: center;
|
||||
font-size: 14px;
|
||||
color: @gray-white;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
cursor: pointer;
|
||||
background: rgba(0, 0, 0, 0.25);
|
||||
.transition (all 0.1s ease-in-out);
|
||||
&.active {
|
||||
.opacity (0);
|
||||
}
|
||||
&:hover {
|
||||
color: @gray-white;
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
.transition (all 0.1s ease-in-out);
|
||||
.fa-bars {
|
||||
.rotate (180deg);
|
||||
.transition (all 0.3s ease-in-out);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* ===================== DROPDOWN STYLES ==================== */
|
||||
.navbar-default .navbar-nav > .open {
|
||||
border: none;
|
||||
a:focus {
|
||||
background: transparent;
|
||||
}
|
||||
&:active {
|
||||
background: transparent;
|
||||
}
|
||||
}
|
||||
.dropdown-menu > li > a:hover, a:focus {
|
||||
background: transparent;
|
||||
}
|
||||
@@ -0,0 +1,84 @@
|
||||
|
||||
@bg-img-01: url("/web/image/theme_common.image_content_11");
|
||||
@bg-img-02: url("/web/image/theme_common.image_content_09");
|
||||
@bg-img-03: url("/web/image/theme_common.image_content_10");
|
||||
@bg-img-04: url("/web/image/theme_common.image_content_12");
|
||||
@bg-img-05: url("/web/image/theme_common.image_content_02");
|
||||
@bg-img-06: url("/web/image/theme_common.image_content_03");
|
||||
@bg-img-07: url("/web/image/theme_common.image_content_07");
|
||||
|
||||
.bg-img-01 {
|
||||
background-image: @bg-img-01;
|
||||
background-size: cover;
|
||||
background-position: center center;
|
||||
}
|
||||
.bg-img-02 {
|
||||
background-image: @bg-img-02;
|
||||
background-size: cover;
|
||||
background-position: center center;
|
||||
}
|
||||
.bg-img-03 {
|
||||
background-image: @bg-img-03;
|
||||
background-size: cover;
|
||||
background-position: center center;
|
||||
}
|
||||
.bg-img-04 {
|
||||
background-image: @bg-img-04;
|
||||
background-size: cover;
|
||||
background-position: center center;
|
||||
}
|
||||
.bg-img-05 {
|
||||
background-image: @bg-img-05;
|
||||
background-size: cover;
|
||||
background-position: center center;
|
||||
}
|
||||
.bg-img-06 {
|
||||
background-image: @bg-img-06;
|
||||
background-size: cover;
|
||||
background-position: center center;
|
||||
}
|
||||
.bg-img-07 {
|
||||
background-image: @bg-img-07;
|
||||
background-size: cover;
|
||||
background-position: center center;
|
||||
}
|
||||
|
||||
.px14 {
|
||||
font-size: 14px !important;
|
||||
line-height: 25px;
|
||||
}
|
||||
.px16 {
|
||||
font-size: 16px !important;
|
||||
line-height: 28px;
|
||||
}
|
||||
.px18 {
|
||||
font-size: 18px !important;
|
||||
line-height: 30px;
|
||||
}
|
||||
.px22 {
|
||||
font-size: 22px !important;
|
||||
line-height: 32px;
|
||||
}
|
||||
.px30 {
|
||||
font-size: 30px !important;
|
||||
line-height: 30px;
|
||||
}
|
||||
.px36 {
|
||||
font-size: 36px !important;
|
||||
line-height: 36px;
|
||||
}
|
||||
.px42 {
|
||||
font-size: 42px !important;
|
||||
line-height: 42px;
|
||||
}
|
||||
.px50 {
|
||||
font-size: 50px !important;
|
||||
line-height: 50px;
|
||||
}
|
||||
.px60 {
|
||||
font-size: 60px !important;
|
||||
line-height: 60px;
|
||||
}
|
||||
.reversed {
|
||||
float: right;
|
||||
}
|
||||
@@ -0,0 +1,3 @@
|
||||
body {
|
||||
background-color: @colorPreset1_color3;
|
||||
}
|
||||
@@ -0,0 +1,3 @@
|
||||
body {
|
||||
background-color: @colorPreset1_color1;
|
||||
}
|
||||
@@ -0,0 +1,3 @@
|
||||
body {
|
||||
background-color: @colorPreset1_color4;
|
||||
}
|
||||
@@ -0,0 +1,3 @@
|
||||
body {
|
||||
background-color: @colorPreset1_color2;
|
||||
}
|
||||
@@ -0,0 +1,3 @@
|
||||
body {
|
||||
background-color: @gray-base;
|
||||
}
|
||||
@@ -0,0 +1,3 @@
|
||||
body {
|
||||
background-color: @colorPreset6_color3;
|
||||
}
|
||||
@@ -0,0 +1,3 @@
|
||||
body {
|
||||
background-color: white;
|
||||
}
|
||||
@@ -0,0 +1,3 @@
|
||||
body {
|
||||
background-color: @colorPreset6_color2;
|
||||
}
|
||||
@@ -0,0 +1,4 @@
|
||||
body {
|
||||
background: url("/web/image/theme_monglia.bg_img_01") no-repeat center center fixed;
|
||||
background-size: cover;
|
||||
}
|
||||
@@ -0,0 +1,4 @@
|
||||
body {
|
||||
background: url("/web/image/theme_monglia.bg_img_02") no-repeat center center fixed;
|
||||
background-size: cover;
|
||||
}
|
||||
@@ -0,0 +1,4 @@
|
||||
body {
|
||||
background: url("/web/image/theme_monglia.bg_img_03") no-repeat center center fixed;
|
||||
background-size: cover;
|
||||
}
|
||||