[ADD] theme saas-6
Design
|
After Width: | Height: | Size: 187 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: 24 KiB |
|
After Width: | Height: | Size: 17 KiB |
|
After Width: | Height: | Size: 1.2 KiB |
@@ -0,0 +1,210 @@
|
||||
<section class="container">
|
||||
<h2 class="text-muted">Html5 Responsive Bootstrap Theme for Odoo CMS</h2>
|
||||
<hr>
|
||||
|
||||
<p class="lead">Notes 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="Notes_description.png" class="img-responsive center-block"/>
|
||||
<hr>
|
||||
|
||||
<h2 class="text-muted">Notes Customization Tool</h2>
|
||||
|
||||
<p>Theme Notes 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>Theme Notes comes with a lot of options</h3>
|
||||
<ul>
|
||||
<li>6 PRESETS</li>
|
||||
<li>WIDE OR BOXED LAYOUT</li>
|
||||
<li>6 COLOR SCHEMES</li>
|
||||
<li>8 BACKGROUND SHADES OR USE YOUR OWN</li>
|
||||
<li>6 FONT COMBINATIONS</li>
|
||||
<li>10 BACKGROUND PATTERNS</li>
|
||||
</ul>
|
||||
<p>All the background, color and font combinations were made to work together.
|
||||
You can not go wrong with the settings.</p>
|
||||
|
||||
<h3>Minimalistic Flat Design</h3>
|
||||
<p>Notes 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, Notes gives
|
||||
you six full presets wich combine colors, fonts and background.</p>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h2 class="text-muted">Notes Building Blocks</h2>
|
||||
|
||||
<p class="mb32">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>Features Slideshow</li>
|
||||
<li>Header + Text + Picture</li>
|
||||
<li>Product List</li>
|
||||
<li>Text + Image + Text</li>
|
||||
<li>Parallax Banner</li>
|
||||
<li>4 Color Blocks</li>
|
||||
<li>Timeline</li>
|
||||
<li>Event List</li>
|
||||
<li>Logos Bar</li>
|
||||
<li>Testimonial Slider</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: 49 KiB |
|
After Width: | Height: | Size: 117 KiB |
|
After Width: | Height: | Size: 195 KiB |
|
After Width: | Height: | Size: 95 KiB |
|
After Width: | Height: | Size: 56 KiB |
|
After Width: | Height: | Size: 151 KiB |
|
After Width: | Height: | Size: 139 KiB |
|
After Width: | Height: | Size: 19 KiB |
|
After Width: | Height: | Size: 101 KiB |
|
After Width: | Height: | Size: 161 KiB |
|
After Width: | Height: | Size: 169 KiB |
|
After Width: | Height: | Size: 91 KiB |
|
After Width: | Height: | Size: 28 KiB |
|
After Width: | Height: | Size: 7.2 KiB |
|
After Width: | Height: | Size: 8.0 KiB |
|
After Width: | Height: | Size: 6.6 KiB |
|
After Width: | Height: | Size: 9.0 KiB |
|
After Width: | Height: | Size: 222 KiB |
|
After Width: | Height: | Size: 291 KiB |
|
After Width: | Height: | Size: 278 KiB |
|
After Width: | Height: | Size: 347 KiB |
|
After Width: | Height: | Size: 325 KiB |
|
After Width: | Height: | Size: 202 KiB |
|
After Width: | Height: | Size: 668 KiB |
|
After Width: | Height: | Size: 506 KiB |
|
After Width: | Height: | Size: 560 KiB |
|
After Width: | Height: | Size: 385 KiB |
|
After Width: | Height: | Size: 355 KiB |
|
After Width: | Height: | Size: 236 KiB |
|
After Width: | Height: | Size: 308 KiB |
|
After Width: | Height: | Size: 121 KiB |
|
After Width: | Height: | Size: 668 KiB |
|
After Width: | Height: | Size: 168 KiB |
|
After Width: | Height: | Size: 152 KiB |
|
After Width: | Height: | Size: 244 KiB |
|
After Width: | Height: | Size: 189 KiB |
|
After Width: | Height: | Size: 155 KiB |
|
After Width: | Height: | Size: 222 KiB |
|
After Width: | Height: | Size: 497 KiB |
|
After Width: | Height: | Size: 204 KiB |
|
After Width: | Height: | Size: 4.7 KiB |
|
After Width: | Height: | Size: 4.7 KiB |
|
After Width: | Height: | Size: 2.4 KiB |
|
After Width: | Height: | Size: 574 B |
|
After Width: | Height: | Size: 64 KiB |
|
After Width: | Height: | Size: 364 B |
|
After Width: | Height: | Size: 12 KiB |
|
After Width: | Height: | Size: 76 KiB |
|
After Width: | Height: | Size: 1.6 KiB |
|
After Width: | Height: | Size: 14 KiB |
|
After Width: | Height: | Size: 623 B |
|
After Width: | Height: | Size: 1.0 KiB |
|
After Width: | Height: | Size: 909 B |
|
After Width: | Height: | Size: 1.0 KiB |
|
After Width: | Height: | Size: 994 B |
|
After Width: | Height: | Size: 936 B |
|
After Width: | Height: | Size: 1.3 KiB |
@@ -0,0 +1,220 @@
|
||||
/* ===================== BLOG ===================== */
|
||||
|
||||
#blog_right_column {
|
||||
border-left: 1px solid black;
|
||||
padding: 0 15px 35px 30px;
|
||||
|
||||
h4 {
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.nav-stacked>li.active>a {
|
||||
background-color: rgba(0, 0, 0, 0);
|
||||
color: @color-gamma;
|
||||
}
|
||||
}
|
||||
.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 + #wrap {
|
||||
.alert {
|
||||
a {
|
||||
color: @gray;
|
||||
}
|
||||
}
|
||||
.badge {
|
||||
color: @color-alpha !important;
|
||||
}
|
||||
.text-muted {
|
||||
color: @gray-lighter !important;
|
||||
}
|
||||
table, tbody {
|
||||
background-color: rgba(0, 0, 0, 0) !important;
|
||||
color: white !important;
|
||||
}
|
||||
}
|
||||
.website_forum {
|
||||
background-color: @color-eta;
|
||||
margin-top: 0px !important;
|
||||
width: 100%;
|
||||
.navbar-default .navbar-nav > li > a, .navbar-header span {
|
||||
color: @color-delta;
|
||||
}
|
||||
li.active > a {
|
||||
background-color: @color-zeta !important;
|
||||
}
|
||||
}
|
||||
.website_forum + #wrap {
|
||||
padding: 35px;
|
||||
.question .btn-link {
|
||||
color: @color-delta;
|
||||
}
|
||||
.alert .close {
|
||||
background: rgba(0, 0, 0, 0);
|
||||
}
|
||||
.oe_grey {
|
||||
background: rgba(0, 0, 0, 0);
|
||||
}
|
||||
.page-header {
|
||||
border-bottom: none;
|
||||
}
|
||||
.well {
|
||||
background: rgba(0, 0, 0, 0);
|
||||
border: 1px solid @gray-light;
|
||||
}
|
||||
.col-sm-9 .nav-tabs {
|
||||
>li.active>a:hover, .nav-tabs>li.active>a:focus {
|
||||
border: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
.forum_docs {
|
||||
margin-top: 30px;
|
||||
padding: 10px 35px;
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
/* ===================== EVENTS ===================== */
|
||||
|
||||
.js_event + .container {
|
||||
.well {
|
||||
background: rgba(0, 0, 0, 0);
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
.o_website_event {
|
||||
.btn-primary {
|
||||
background: rgba(0, 0, 0, 0) !important;
|
||||
&:hover {
|
||||
color: @gray-light !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* ============== GENERAL STYLES ============== */
|
||||
|
||||
/* ============== Form group in events, job etc ============== */
|
||||
|
||||
.navbar-form, .form-inline:not(.pagination) {
|
||||
margin-bottom: 0px;
|
||||
margin-top: 5px;
|
||||
|
||||
.form-control {
|
||||
border-radius: 0px;
|
||||
border: none;
|
||||
padding: 20px 12px;
|
||||
background-color: @gray-dark;
|
||||
border: 1px solid @gray-light;
|
||||
}
|
||||
button[type="submit"] {
|
||||
background-color: @black !important;
|
||||
color: @gray-light !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* ============== Breadcrumb in events, job etc ============== */
|
||||
|
||||
.breadcrumb {
|
||||
background: rgba(0, 0, 0, 0);
|
||||
.BorderRadius(0px);
|
||||
|
||||
li a {
|
||||
color: @color-delta;
|
||||
}
|
||||
}
|
||||
/* ============== Nav-pills in events, job etc ============== */
|
||||
.nav-pills {
|
||||
li a {
|
||||
color: @gray-lighter;
|
||||
&:hover {
|
||||
color: @gray;
|
||||
}
|
||||
}
|
||||
li.active > a {
|
||||
color: @color-delta !important;
|
||||
background: rgba(0, 0, 0, 0);
|
||||
&:hover {
|
||||
background-color: @gray-lighter;
|
||||
color: @gray !important;
|
||||
}
|
||||
.badge {
|
||||
color: @color-beta;
|
||||
background-color: @color-delta;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* ============== Table styles ============== */
|
||||
table:not(#cart_products):not(#cart_total) {
|
||||
background-color: @gray-lighter;
|
||||
color: @gray;
|
||||
tbody {
|
||||
background-color: @gray-lighter;
|
||||
a {
|
||||
color: @gray;
|
||||
text-decoration: underline;
|
||||
&:hover {
|
||||
color: @gray-light;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* ============== Panel styles ============== */
|
||||
|
||||
.panel-heading {
|
||||
background-color: rgba(0, 0, 0, 0) !important;
|
||||
border: none;
|
||||
color: white !important;
|
||||
}
|
||||
.panel-footer {
|
||||
background: rgba(0, 0, 0, 0);
|
||||
}
|
||||
.panel {
|
||||
text-align: center;
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
background-color: rgba(0, 0, 0, 0);
|
||||
border: 1px solid @gray-light;
|
||||
.BorderRadius (0px);
|
||||
.list-group-item {
|
||||
background: rgba(0, 0, 0, 0);
|
||||
border-color: @gray-light;
|
||||
}
|
||||
}
|
||||
.panel-title {
|
||||
font-size: 20px;
|
||||
color: white;
|
||||
}
|
||||
|
||||
/* ===================== DOCUMENTATION ===================== */
|
||||
|
||||
[data-view-xmlid*="website_forum_doc.documentation_post"] {
|
||||
.container:first-child {
|
||||
margin-bottom: 0px !important;
|
||||
height: 90px;
|
||||
padding-top: 20px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,191 @@
|
||||
/* ================== 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
|
||||
@white: #ffffff;
|
||||
@black: #000000;
|
||||
|
||||
/* ================== COLOR PRESET 1 ================= */
|
||||
|
||||
@colorPreset1_color1: #47464b; //gray
|
||||
@colorPreset1_color1_dark: darken(@colorPreset1_color1, 10%);
|
||||
@colorPreset1_color1_light: lighten(@colorPreset1_color1, 5%);
|
||||
@colorPreset1_color2: #3B3D4D; //night blue
|
||||
@colorPreset1_color2_dark: darken(@colorPreset1_color2, 10%);
|
||||
@colorPreset1_color2_light: lighten(@colorPreset1_color2, 5%);
|
||||
@colorPreset1_color3: #E6FA16; //UV green
|
||||
@colorPreset1_color3_dark: darken(@colorPreset1_color3, 10%);
|
||||
@colorPreset1_color3_light: lighten(@colorPreset1_color3, 10%);
|
||||
@colorPreset1_color4: #9B96B4; //indigo
|
||||
@colorPreset1_color4_dark: darken(@colorPreset1_color4, 10%);
|
||||
@colorPreset1_color4_light: lighten(@colorPreset1_color4, 5%);
|
||||
|
||||
/* ================== COLOR PRESET 2 ================= */
|
||||
|
||||
@colorPreset2_color1: #101010; // black
|
||||
@colorPreset2_color1_dark: darken(@colorPreset2_color1, 10%);
|
||||
@colorPreset2_color1_light: lighten(@colorPreset2_color1, 5%);
|
||||
@colorPreset2_color2: #474747; // gray
|
||||
@colorPreset2_color2_dark: darken(@colorPreset2_color2, 10%);
|
||||
@colorPreset2_color2_light: lighten(@colorPreset2_color2, 10%);
|
||||
@colorPreset2_color3: #ff0000; // red
|
||||
@colorPreset2_color3_dark: darken(@colorPreset2_color3, 10%);
|
||||
@colorPreset2_color3_light: lighten(@colorPreset2_color3, 10%);
|
||||
@colorPreset2_color4: #e94060; // salmon
|
||||
@colorPreset2_color4_dark: darken(@colorPreset2_color4, 10%);
|
||||
@colorPreset2_color4_light: lighten(@colorPreset2_color4, 5%);
|
||||
|
||||
/* ================== COLOR PRESET 3 ================= */
|
||||
|
||||
@colorPreset3_color1: #19272c; // gray
|
||||
@colorPreset3_color1_dark: darken(@colorPreset3_color1, 10%);
|
||||
@colorPreset3_color1_light: lighten(@colorPreset3_color1, 5%);
|
||||
@colorPreset3_color2: #90c0cf; // middle blue
|
||||
@colorPreset3_color2_dark: darken(@colorPreset3_color2, 10%);
|
||||
@colorPreset3_color2_light: lighten(@colorPreset3_color2, 10%);
|
||||
@colorPreset3_color3: #e94060; // salmon
|
||||
@colorPreset3_color3_dark: darken(@colorPreset3_color3, 10%);
|
||||
@colorPreset3_color3_light: lighten(@colorPreset3_color3, 10%);
|
||||
@colorPreset3_color4: #5ed7e9; // vivid blue
|
||||
@colorPreset3_color4_dark: darken(@colorPreset3_color4, 10%);
|
||||
@colorPreset3_color4_light: lighten(@colorPreset3_color4, 5%);
|
||||
|
||||
/* ================== COLOR PRESET 4 ================= */
|
||||
|
||||
@colorPreset4_color1: #212523; // asphalt green
|
||||
@colorPreset4_color1_dark: darken(@colorPreset4_color1, 10%);
|
||||
@colorPreset4_color1_light: lighten(@colorPreset4_color1, 5%);
|
||||
@colorPreset4_color2: #2d6a51; // light green
|
||||
@colorPreset4_color2_dark: darken(@colorPreset4_color2, 10%);
|
||||
@colorPreset4_color2_light: lighten(@colorPreset4_color2, 10%);
|
||||
@colorPreset4_color3: #72bd9e; // dark green
|
||||
@colorPreset4_color3_dark: darken(@colorPreset4_color3, 10%);
|
||||
@colorPreset4_color3_light: lighten(@colorPreset4_color3, 10%);
|
||||
@colorPreset4_color4: #bcfa16; // vivid green
|
||||
@colorPreset4_color4_dark: darken(@colorPreset4_color4, 10%);
|
||||
@colorPreset4_color4_light: lighten(@colorPreset4_color4, 5%);
|
||||
|
||||
/* ================== COLOR PRESET 5 ================= */
|
||||
|
||||
@colorPreset5_color1: #4B4D52; // dark gray
|
||||
@colorPreset5_color1_dark: darken(@colorPreset5_color1, 10%);
|
||||
@colorPreset5_color1_light: lighten(@colorPreset5_color1, 5%);
|
||||
@colorPreset5_color2: #DE8642; // orange
|
||||
@colorPreset5_color2_dark: darken(@colorPreset5_color2, 10%);
|
||||
@colorPreset5_color2_light: lighten(@colorPreset5_color2, 10%);
|
||||
@colorPreset5_color3: #B9B1A8; // beige
|
||||
@colorPreset5_color3_dark: darken(@colorPreset5_color3, 10%);
|
||||
@colorPreset5_color3_light: lighten(@colorPreset5_color3, 10%);
|
||||
@colorPreset5_color4: #FFF2E7; // light beige
|
||||
@colorPreset5_color4_dark: darken(@colorPreset5_color4, 10%);
|
||||
@colorPreset5_color4_light: lighten(@colorPreset5_color4, 5%);
|
||||
|
||||
/* ================== COLOR PRESET 6 ================= */
|
||||
|
||||
@colorPreset6_color1: #48372f; // dark brown
|
||||
@colorPreset6_color1_dark: darken(@colorPreset6_color1, 10%);
|
||||
@colorPreset6_color1_light: lighten(@colorPreset6_color1, 5%);
|
||||
@colorPreset6_color2: #514947; // middle brown
|
||||
@colorPreset6_color2_dark: darken(@colorPreset6_color2, 5%);
|
||||
@colorPreset6_color2_light: lighten(@colorPreset6_color2, 5%);
|
||||
@colorPreset6_color3: #766151; // light brown
|
||||
@colorPreset6_color3_dark: darken(@colorPreset6_color3, 10%);
|
||||
@colorPreset6_color3_light: lighten(@colorPreset6_color3, 10%);
|
||||
@colorPreset6_color4: #fee202; // Yellow
|
||||
@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;
|
||||
|
||||
/* ========================= BLACK ========================= */
|
||||
|
||||
.black {
|
||||
.SetDisplayColor (@black, @gray-light);
|
||||
}
|
||||
|
||||
/* ========================= WHITE ========================= */
|
||||
|
||||
.white {
|
||||
.SetDisplayColor (@white, @gray);
|
||||
}
|
||||
|
||||
/* ========================= GRAY ========================= */
|
||||
|
||||
.gray {
|
||||
.SetDisplayColor (@gray, @white);
|
||||
h1, h2, h3, h4, h5, h6 {.SetTextShadow (2px, @black);}
|
||||
}
|
||||
|
||||
/* ========================= LIGHTGRAY ========================= */
|
||||
|
||||
.lightgray {
|
||||
.SetDisplayColor (@gray-lighter, @gray);
|
||||
h1, h2, h3, h4, h5, h6 {.SetTextShadow (2px, @white);}
|
||||
}
|
||||
|
||||
/* ========================= DARKGRAY ========================= */
|
||||
|
||||
.darkgray {
|
||||
.SetDisplayColor (@gray-dark, @white);
|
||||
h1, h2, h3, h4, h5, h6 {.SetTextShadow (2px, @black);}
|
||||
}
|
||||
|
||||
/* ================== FONT COLORS IN THE EDITOR ================= */
|
||||
|
||||
.text-muted {color: @gray-lighter;}
|
||||
.js_sale, .oe_website_sale {
|
||||
.text-muted {color: @gray-light;}
|
||||
}
|
||||
|
||||
.text-blue {color: @black;}
|
||||
.bg-blue {background-color: @black;}
|
||||
|
||||
.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: @white;}
|
||||
.bg-purple {background-color: @white;}
|
||||
|
||||
.text-brown {}
|
||||
|
||||
.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,381 @@
|
||||
/* ================== MODAL COLORS ================= */
|
||||
|
||||
@modalGreen: @colorPreset2_color4;
|
||||
@modalGreenDark: darken(@modalGreen, 5%);
|
||||
@modalGreenLight: lighten(@modalGreen, 15%);
|
||||
@modalOrange: @colorPreset3_color2;
|
||||
@modalBlue: #151C24;
|
||||
@modalLightBlue: lighten(@modalBlue, 20%);
|
||||
|
||||
/* ======================= COLOR PRESET 1 ====================== */
|
||||
|
||||
#theme_customize_modal .row .colorPreset1 div:nth-child(1) {background-color: @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: @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: @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: @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: @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: @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: @white;}
|
||||
#theme_customize_modal #bgcolor .bg_color_02 {background-color: @colorPreset5_color4;}
|
||||
#theme_customize_modal #bgcolor .bg_color_03 {background-color: @gray-light;}
|
||||
#theme_customize_modal #bgcolor .bg_color_04 {background-color: @black;}
|
||||
#theme_customize_modal #bgcolor .bg_color_05 {background-color: @colorPreset6_color3;}
|
||||
#theme_customize_modal #bgcolor .bg_color_06 {background-color: @colorPreset1_color2;}
|
||||
#theme_customize_modal #bgcolor .bg_color_07 {background-color: @colorPreset5_color2;}
|
||||
#theme_customize_modal #bgcolor .bg_color_08 {background-color: @colorPreset3_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: @white;
|
||||
text-align: left;
|
||||
}
|
||||
h6 {
|
||||
color: @white;
|
||||
}
|
||||
p {
|
||||
color: @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 {
|
||||
width: 100%;
|
||||
.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;
|
||||
}
|
||||
.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: @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;
|
||||
}
|
||||
}
|
||||
|
||||
/* ================== MODAL ======================*/
|
||||
|
||||
.modal:not(#theme_customize_modal) {
|
||||
.modal-dialog {
|
||||
border: 1px solid @color-zeta;
|
||||
.modal-content {
|
||||
border-radius: 0px;
|
||||
border: none;
|
||||
background-color: @color-gamma;
|
||||
}
|
||||
.btn-primary, .btn-default {
|
||||
border: none;
|
||||
}
|
||||
.active a {
|
||||
background: rgba(0, 0, 0, 0);
|
||||
color: @color-delta;
|
||||
text-decoration: underline;
|
||||
&:hover {
|
||||
border-width: 0px;
|
||||
color: @color-delta;
|
||||
}
|
||||
}
|
||||
}
|
||||
.modal-body, .modal-footer {
|
||||
background-color: @color-beta;
|
||||
border-top: 1px solid @color-zeta;
|
||||
}
|
||||
.modal-footer {
|
||||
color: white;
|
||||
.btn-primary {
|
||||
background-color: @color-alpha;
|
||||
color: @color-beta;
|
||||
}
|
||||
}
|
||||
.modal-header {
|
||||
height: 71px;
|
||||
border: none;
|
||||
h4 {
|
||||
font-size: 20px;
|
||||
}
|
||||
}
|
||||
.modal-body {
|
||||
color: @gray-lighter;
|
||||
thead {
|
||||
color: white;
|
||||
}
|
||||
#editor-media-image {
|
||||
background-color: rgba(0, 0, 0, 0) !important;
|
||||
}
|
||||
.well {
|
||||
background-color: @color-gamma;
|
||||
.BorderRadius(0px);
|
||||
border: none;
|
||||
.form-control {
|
||||
border-radius: 0px;
|
||||
background-color: @color-beta;
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
&:focus {
|
||||
box-shadow: none;
|
||||
border: 1px solid @color-eta;
|
||||
}
|
||||
}
|
||||
.btn-default {
|
||||
border-radius: 0px;
|
||||
border: none;
|
||||
background-color: @color-zeta;
|
||||
color: @gray-lighter;
|
||||
height: 40px;
|
||||
}
|
||||
}
|
||||
.tab-content {
|
||||
.existing-attachment-remove {
|
||||
background: @color-beta;
|
||||
border: 1px solid @color-zeta;
|
||||
}
|
||||
}
|
||||
.nav-tabs > li.active > a, &:hover > li.active > a:focus {
|
||||
border: none;
|
||||
}
|
||||
.nav-tabs {
|
||||
border-bottom: 1px solid @color-theta;
|
||||
background-color: @color-gamma;
|
||||
padding-left: 20px;
|
||||
.font-icons:before {
|
||||
z-index: 1;
|
||||
font-size: 1.5em;
|
||||
top: 14px;
|
||||
left: 10px;
|
||||
}
|
||||
.pager {
|
||||
transform: translateY(23%);
|
||||
margin-right: 10px;
|
||||
.previous a, .next a {
|
||||
background-color: @color-zeta;
|
||||
color: @gray-lighter;
|
||||
border: none;
|
||||
height: 35px;
|
||||
}
|
||||
}
|
||||
a {
|
||||
color: @color-delta !important;
|
||||
&:hover {
|
||||
background: rgba(0, 0, 0, 0);
|
||||
}
|
||||
}
|
||||
}
|
||||
.search .form-control {
|
||||
border-radius: 0px;
|
||||
background-color: @color-beta;
|
||||
border: none;
|
||||
transform: translateY(25%);
|
||||
box-shadow: none;
|
||||
&:focus {
|
||||
box-shadow: none;
|
||||
border: 1px solid @color-zeta;
|
||||
}
|
||||
}
|
||||
}
|
||||
.modal-title {
|
||||
color: @color-alpha;
|
||||
}
|
||||
.nav-tabs > li {
|
||||
margin-bottom: 0px;
|
||||
&:hover {
|
||||
background: rgba(0, 0, 0, 0);
|
||||
}
|
||||
}
|
||||
.pager li > a {
|
||||
.BorderRadius(0px);
|
||||
}
|
||||
.search .form-control {
|
||||
border-color: @gray-lighter;
|
||||
}
|
||||
}
|
||||
#theme_customize_modal {
|
||||
background: rgba(0, 0, 0, 0) !important;
|
||||
}
|
||||
#editor-media-image {
|
||||
background-color: white !important;
|
||||
}
|
||||
|
||||
/* ====================== LOGIN =====================*/
|
||||
|
||||
.oe_login_form {
|
||||
.oe_login_buttons {
|
||||
.btn-primary {
|
||||
background: rgba(0, 0, 0, 0) !important;
|
||||
&:hover {
|
||||
color: @color-delta !important;
|
||||
}
|
||||
}
|
||||
.btn-link {
|
||||
color: @color-delta;
|
||||
}
|
||||
}
|
||||
}
|
||||
.oe_website_login_container {
|
||||
padding: 50px;
|
||||
.btn {
|
||||
padding: 0px !important;
|
||||
min-width: 50px !important;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,26 @@
|
||||
|
||||
@bg-img-01: url("/website/image/theme_common.image_content_11");
|
||||
@bg-img-02: url("/website/image/theme_common.image_content_09");
|
||||
@bg-img-03: url("/website/image/theme_common.image_content_10");
|
||||
@bg-img-04: url("/website/image/theme_common.image_content_12");
|
||||
|
||||
.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;
|
||||
}
|
||||
@@ -0,0 +1,3 @@
|
||||
body {
|
||||
background-color: @white;
|
||||
}
|
||||
@@ -0,0 +1,3 @@
|
||||
body {
|
||||
background-color: @colorPreset5_color4;
|
||||
}
|
||||
@@ -0,0 +1,3 @@
|
||||
body {
|
||||
background-color: @gray-light;
|
||||
}
|
||||
@@ -0,0 +1,3 @@
|
||||
body {
|
||||
background-color: @black;
|
||||
}
|
||||
@@ -0,0 +1,3 @@
|
||||
body {
|
||||
background-color: @colorPreset6_color3;
|
||||
}
|
||||
@@ -0,0 +1,3 @@
|
||||
body {
|
||||
background-color: @colorPreset1_color2;
|
||||
}
|
||||
@@ -0,0 +1,3 @@
|
||||
body {
|
||||
background-color: @colorPreset5_color2;
|
||||
}
|
||||
@@ -0,0 +1,3 @@
|
||||
body {
|
||||
background-color: @colorPreset3_color2;
|
||||
}
|
||||
@@ -0,0 +1,4 @@
|
||||
body {
|
||||
background: url("/website/image/theme_notes.bg_img_01") no-repeat center center fixed;
|
||||
background-size: cover;
|
||||
}
|
||||
@@ -0,0 +1,4 @@
|
||||
body {
|
||||
background: url("/website/image/theme_notes.bg_img_02") no-repeat center center fixed;
|
||||
background-size: cover;
|
||||
}
|
||||
@@ -0,0 +1,4 @@
|
||||
body {
|
||||
background: url("/website/image/theme_notes.bg_img_03") no-repeat center center fixed;
|
||||
background-size: cover;
|
||||
}
|
||||
@@ -0,0 +1,4 @@
|
||||
body {
|
||||
background: url("/website/image/theme_notes.bg_img_04") no-repeat center center fixed;
|
||||
background-size: cover;
|
||||
}
|
||||
@@ -0,0 +1,4 @@
|
||||
body {
|
||||
background: url("/website/image/theme_notes.bg_img_05") no-repeat center center fixed;
|
||||
background-size: cover;
|
||||
}
|
||||
@@ -0,0 +1,4 @@
|
||||
body {
|
||||
background: url("/website/image/theme_notes.bg_img_06") no-repeat center center fixed;
|
||||
background-size: cover;
|
||||
}
|
||||
@@ -0,0 +1,4 @@
|
||||
body {
|
||||
background: url("/website/image/theme_notes.bg_img_07") no-repeat center center fixed;
|
||||
background-size: cover;
|
||||
}
|
||||
@@ -0,0 +1,4 @@
|
||||
body {
|
||||
background: url("/website/image/theme_notes.bg_img_08") no-repeat center center fixed;
|
||||
background-size: cover;
|
||||
}
|
||||
@@ -0,0 +1,4 @@
|
||||
body {
|
||||
background: url("/website/image/theme_notes.bg_img_09") no-repeat center center fixed;
|
||||
background-size: cover;
|
||||
}
|
||||
@@ -0,0 +1,4 @@
|
||||
body {
|
||||
background: url("/website/image/theme_notes.bg_img_10") no-repeat center center fixed;
|
||||
background-size: cover;
|
||||
}
|
||||
@@ -0,0 +1,4 @@
|
||||
body {
|
||||
background: no-repeat center center fixed;
|
||||
background-size: cover;
|
||||
}
|
||||