[ADD] theme saas-15
Design
|
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: 41 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,235 @@
|
||||
<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-responsive center-block"/>
|
||||
<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-md-4">
|
||||
<img src="customtool.jpg" class="img-responsive center-block"/>
|
||||
</div>
|
||||
<div class="col-md-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-md-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>
|
||||
<li>1 Column</li>
|
||||
<li>2 Columns</li>
|
||||
<li>3 Columns</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<h4 class="text-muted mb16">CONTENT BLOCKS</h4>
|
||||
<ul class="mb16">
|
||||
<li>Text Highlight</li>
|
||||
<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-md-3">
|
||||
<h4 class="text-muted">FEATURES BLOCKS</h4>
|
||||
<ul class="mb16">
|
||||
<li>Lead Bar</li>
|
||||
<li>Logos Bar</li>
|
||||
<li>Team Profiles</li>
|
||||
<li>Timeline</li>
|
||||
<li>Timeline Compact</li>
|
||||
<li>Event List</li>
|
||||
<li>Discount</li>
|
||||
<li>Pricing</li>
|
||||
<li>Process Step</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<h4 class="text-muted">EFFECTS BLOCKS</h4>
|
||||
<ul class="mb16">
|
||||
<li>Big Image</li>
|
||||
<li>Big Image Parallax</li>
|
||||
<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-md-4">
|
||||
<img src="bewise_1.jpg" class="img-responsive center-block"/>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<img src="bewise_2.jpg" class="img-responsive center-block"/>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<img src="bewise_3.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: 247 KiB |
|
After Width: | Height: | Size: 274 KiB |
|
After Width: | Height: | Size: 207 KiB |
|
After Width: | Height: | Size: 247 KiB |
|
After Width: | Height: | Size: 242 KiB |
|
After Width: | Height: | Size: 225 KiB |
|
After Width: | Height: | Size: 299 KiB |
|
After Width: | Height: | Size: 67 KiB |
|
After Width: | Height: | Size: 193 KiB |
|
After Width: | Height: | Size: 199 KiB |
|
After Width: | Height: | Size: 78 KiB |
|
After Width: | Height: | Size: 1.9 KiB |
|
After Width: | Height: | Size: 3.1 KiB |
|
After Width: | Height: | Size: 3.4 KiB |
|
After Width: | Height: | Size: 1.6 KiB |
|
After Width: | Height: | Size: 4.6 KiB |
|
After Width: | Height: | Size: 3.3 KiB |
|
After Width: | Height: | Size: 3.8 KiB |
|
After Width: | Height: | Size: 3.0 KiB |
|
After Width: | Height: | Size: 2.9 KiB |
|
After Width: | Height: | Size: 2.3 KiB |
|
After Width: | Height: | Size: 3.0 KiB |
|
After Width: | Height: | Size: 1.1 KiB |
|
After Width: | Height: | Size: 3.0 KiB |
|
After Width: | Height: | Size: 11 KiB |
|
After Width: | Height: | Size: 4.5 KiB |
|
After Width: | Height: | Size: 5.6 KiB |
|
After Width: | Height: | Size: 7.5 KiB |
|
After Width: | Height: | Size: 312 KiB |
|
After Width: | Height: | Size: 190 KiB |
|
After Width: | Height: | Size: 104 KiB |
|
After Width: | Height: | Size: 261 KiB |
|
After Width: | Height: | Size: 104 KiB |
|
After Width: | Height: | Size: 89 KiB |
|
After Width: | Height: | Size: 174 KiB |
|
After Width: | Height: | Size: 2.7 KiB |
|
After Width: | Height: | Size: 4.8 KiB |
|
After Width: | Height: | Size: 10 KiB |
|
After Width: | Height: | Size: 20 KiB |
|
After Width: | Height: | Size: 16 KiB |
|
After Width: | Height: | Size: 48 KiB |
|
After Width: | Height: | Size: 9.1 KiB |
|
After Width: | Height: | Size: 9.1 KiB |
|
After Width: | Height: | Size: 9.1 KiB |
|
After Width: | Height: | Size: 9.1 KiB |
|
After Width: | Height: | Size: 127 KiB |
|
After Width: | Height: | Size: 26 KiB |
|
After Width: | Height: | Size: 2.7 KiB |
|
After Width: | Height: | Size: 2.6 KiB |
|
After Width: | Height: | Size: 1.3 KiB |
|
After Width: | Height: | Size: 2.6 KiB |
|
After Width: | Height: | Size: 1.7 KiB |
|
After Width: | Height: | Size: 1.5 KiB |
|
After Width: | Height: | Size: 1.5 KiB |
|
After Width: | Height: | Size: 1.6 KiB |
|
After Width: | Height: | Size: 173 KiB |
|
After Width: | Height: | Size: 79 KiB |
|
After Width: | Height: | Size: 226 KiB |
|
After Width: | Height: | Size: 214 KiB |
|
After Width: | Height: | Size: 258 KiB |
|
After Width: | Height: | Size: 198 KiB |
|
After Width: | Height: | Size: 218 KiB |
|
After Width: | Height: | Size: 326 KiB |
|
After Width: | Height: | Size: 292 KiB |
|
After Width: | Height: | Size: 230 KiB |
@@ -0,0 +1,146 @@
|
||||
|
||||
|
||||
/* Colors */
|
||||
|
||||
@color-clouds: #d3dce3;
|
||||
@color-silver: #b5c0c9;
|
||||
@color-concrete: #9ea5ab;
|
||||
@color-stone: #778089;
|
||||
@color-concrete-dark: #566b7f;
|
||||
@color-asphalt: #324465;
|
||||
@color-midnight: #28354d;
|
||||
|
||||
@color-blue-light: #B3DCF0;
|
||||
@color-turquoise-light: #B9EAE8;
|
||||
@color-green-light: #C4E6B5;
|
||||
@color-yellow-light: #FEF994;
|
||||
@color-orange-light: #febf00;
|
||||
@color-red-light: #F2BFC5;
|
||||
@color-pink-light: #FDC6DD;
|
||||
@color-purple-light: #c1badb;
|
||||
@color-brown-light: lighten(@color-brown, 20%);
|
||||
|
||||
@color-blue: #45AADA;
|
||||
@color-turquoise: #11b6a8;
|
||||
@color-green: #87bd70;
|
||||
@color-yellow: #FDF002;
|
||||
@color-orange: #fda301;
|
||||
@color-red: #fe5e6d;
|
||||
@color-pink: #f74b94;
|
||||
@color-purple: #8578b9;
|
||||
@color-brown: #7b5844;
|
||||
|
||||
@color-blue-dark: #2b6990;
|
||||
@color-turquoise-dark: #1b7f7e;
|
||||
@color-green-dark: #5CD30E;
|
||||
@color-yellow-dark: #dbb132;
|
||||
@color-orange-dark: #FB9804;
|
||||
@color-red-dark: #ce2b3a;
|
||||
@color-pink-dark: #ea3884;
|
||||
@color-purple-dark: #5a4f8b;
|
||||
@color-brown-dark: #604434;
|
||||
|
||||
@color-wind: #f7f7f7;
|
||||
@color-clay: #dfddda;
|
||||
@color-sand: #cbc8bc;
|
||||
@color-beach: #f3bf91;
|
||||
@color-forest: #254c3a;
|
||||
@color-twilight: #38334f;
|
||||
@color-burgundy: #923838;
|
||||
@color-marine: #202733;
|
||||
|
||||
/* GRAYS --------------------------------------------------------- */
|
||||
|
||||
@gray-ultra-darker: lighten(#000, 10%);
|
||||
@gray-ultra-dark: lighten(#000, 15%);
|
||||
@gray-darker: lighten(#000, 20%);
|
||||
@gray-dark: lighten(#000, 40%);
|
||||
@gray: lighten(#000, 55%);
|
||||
@gray-light: lighten(#000, 70%);
|
||||
@gray-lighter: lighten(#000, 80%);
|
||||
|
||||
/* Backgrounds Colors ------------------------------------------------*/
|
||||
|
||||
@bg-blue: background(@color-blue);
|
||||
@bg-turquoise: background(@color-turquoise);
|
||||
@bg-green: background(@color-green);
|
||||
@bg-yellow: background(@color-yellow);
|
||||
@bg-orange: background(@color-orange);
|
||||
@bg-red: background(@color-red);
|
||||
@bg-pink: background(@color-pink);
|
||||
@bg-purple: background(@color-purple);
|
||||
@bg-brown: background(@color-brown);
|
||||
|
||||
@bg-blue-dark: background(@color-blue-dark);
|
||||
@bg-turquoise-dark: background(@color-turquoise-dark);
|
||||
@bg-green-dark: background(@color-green-dark);
|
||||
@bg-yellow-dark: background(@color-yellow-dark);
|
||||
@bg-orange-dark: background(@color-orange-dark);
|
||||
@bg-red-dark: background(@color-red-dark);
|
||||
@bg-pink-dark: background(@color-pink-dark);
|
||||
@bg-purple-dark: background(@color-purple-dark);
|
||||
@bg-brown-dark: background(@color-brown-dark);
|
||||
|
||||
@bg-blue-light: background(@color-blue-light);
|
||||
@bg-turquoise-light: background(@color-turquoise-light);
|
||||
@bg-green-light: background(@color-green-light);
|
||||
@bg-yellow-light: background(@color-yellow-light);
|
||||
@bg-orange-light: background(@color-orange-light);
|
||||
@bg-red-light: background(@color-red-light);
|
||||
@bg-pink-light: background(@color-pink-light);
|
||||
@bg-purple-light: background(@color-purple-light);
|
||||
@bg-brown-light: background(@color-brown-light);
|
||||
|
||||
@bg-clouds: background(@color-clouds);
|
||||
@bg-silver: background(@color-silver);
|
||||
@bg-concrete: background(@color-concrete);
|
||||
@bg-stone: background(@color-stone);
|
||||
@bg-asphalt: background(@color-asphalt);
|
||||
@bg-midnight: background(@color-midnight);
|
||||
|
||||
@bg-marine: background(@color-marine);
|
||||
@bg-wind: background(@color-wind);
|
||||
@bg-sand: background(@color-sand);
|
||||
@bg-beach: background(@color-beach);
|
||||
@bg-forest: background(@color-forest);
|
||||
@bg-twilight: background(@color-twilight);
|
||||
@bg-burgundy: background(@color-burgundy);
|
||||
|
||||
.text-blue { color: @color-blue;}
|
||||
.text-turquoise { color: @color-turquoise;}
|
||||
.text-green { color: @color-green;}
|
||||
.text-yellow { color: @color-yellow;}
|
||||
.text-orange { color: @color-orange;}
|
||||
.text-red { color: @color-red;}
|
||||
.text-pink { color: @color-pink;}
|
||||
.text-purple { color: @color-purple;}
|
||||
.text-brown { color: @color-brown;}
|
||||
|
||||
.text-blue-dark { color: @color-blue-dark;}
|
||||
.text-turquoise-dark { color: @color-turquoise-dark;}
|
||||
.text-green-dark { color: @color-green-dark;}
|
||||
.text-yellow-dark { color: @color-yellow-dark;}
|
||||
.text-orange-dark { color: @color-orange-dark;}
|
||||
.text-red-dark { color: @color-red-dark;}
|
||||
.text-pink-dark { color: @color-pink-dark;}
|
||||
.text-purple-dark { color: @color-purple-dark;}
|
||||
.text-brown-dark { color: @color-brown-dark;}
|
||||
|
||||
.text-blue-light { color: @color-blue-light;}
|
||||
.text-turquoise-light { color: @color-turquoise-light;}
|
||||
.text-green-light { color: @color-green-light;}
|
||||
.text-yellow-light { color: @color-yellow-light;}
|
||||
.text-orange-light { color: @color-orange-light;}
|
||||
.text-red-light { color: @color-red-light;}
|
||||
.text-pink-light { color: @color-pink-light;}
|
||||
.text-purple-light { color: @color-purple-light;}
|
||||
.text-brown-light { color: @color-brown-light;}
|
||||
|
||||
.text-white { color: white;}
|
||||
.text-clouds { color: @color-clouds;}
|
||||
.text-silver { color: @color-silver;}
|
||||
.text-concrete { color: @color-concrete;}
|
||||
.text-stone { color: @color-stone;}
|
||||
.text-asphalt { color: @color-asphalt;}
|
||||
.text-midnight { color: @color-midnight;}
|
||||
.text-black { color: black;}
|
||||
@@ -0,0 +1,285 @@
|
||||
|
||||
/* Theme Selector */
|
||||
|
||||
#boxed-collapse {
|
||||
position: relative
|
||||
}
|
||||
|
||||
div.panel-heading.clean-panel-heading {
|
||||
border: none;
|
||||
background-color: #3d4546;
|
||||
|
||||
}
|
||||
|
||||
div.panel-heading.clean-panel-heading h4 {
|
||||
font-family: 'Lato-Regular';
|
||||
color: white;
|
||||
font-size: 16px;
|
||||
font-weight: normal;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.panel-group .panel-heading+.panel-collapse>.panel-body {
|
||||
border-top: none;
|
||||
}
|
||||
|
||||
div.panel.panel-default.clean-panel {
|
||||
border: none;
|
||||
background-color: #3d4546;
|
||||
}
|
||||
|
||||
div.panel-body.clean-panel-body{
|
||||
background-color: #3d4546;
|
||||
border: none;
|
||||
}
|
||||
|
||||
#boxed-collapse .modal-h5 {
|
||||
font-size: 14px;
|
||||
color: white;
|
||||
padding: 4px 0 4px 4px;
|
||||
background-color: lighten(@color-silver, 5%);
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
#theme_customize_modal .modal-title {
|
||||
color: @gray;
|
||||
font-size: 22px;
|
||||
font-family: 'Lato-Regular';
|
||||
font-weight: normal;
|
||||
text-transform: capitalize;
|
||||
letter-spacing: normal;
|
||||
}
|
||||
|
||||
#theme_customize_modal .modal-body tr {
|
||||
background: none;
|
||||
border: none;
|
||||
}
|
||||
|
||||
#theme_customize_modal .modal-body td {
|
||||
padding: 0;
|
||||
background: none;
|
||||
border: none;
|
||||
}
|
||||
|
||||
#theme_customize_modal .modal-body table {
|
||||
padding: 0;
|
||||
background: none;
|
||||
border: none;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
#theme_customize_modal .modal-body table tbody tr td label.checked {
|
||||
background-color: @color-clouds;
|
||||
border: 1px solid @color-silver;
|
||||
margin: 0 auto;
|
||||
line-height: 0.9;
|
||||
}
|
||||
|
||||
#theme_customize_modal .modal-body table tbody tr td label img {
|
||||
width: 50px;
|
||||
height: 30px;
|
||||
margin: 6px;
|
||||
}
|
||||
|
||||
#theme_customize_modal .modal-body table tbody tr td label .clean-layout-combi-img {
|
||||
width: 80px;
|
||||
height: 30px;
|
||||
margin: 6px;
|
||||
}
|
||||
|
||||
#theme_customize_modal .modal-body table tbody tr td label .clean-bg-layout-combi-img {
|
||||
width: 50px;
|
||||
height: 30px;
|
||||
margin: 6px;
|
||||
}
|
||||
|
||||
#theme_customize_modal .modal-body table tbody tr td label img.clean-color-combi-img {
|
||||
width: 50px;
|
||||
height: 30px;
|
||||
margin: 6px;
|
||||
}
|
||||
|
||||
#theme_customize_modal .modal-body table tbody tr td label img.clean-preset-combi-img {
|
||||
width: 50px;
|
||||
height: 30px;
|
||||
margin: 9px;
|
||||
}
|
||||
|
||||
.clean-fonts-combi {
|
||||
line-height: 1.2;
|
||||
}
|
||||
|
||||
td .clean-fonts-combi {
|
||||
padding: 0;
|
||||
margin-left: 4px;
|
||||
}
|
||||
.clean-fonts-combi:hover {
|
||||
background: none;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.clean-layout-combi {
|
||||
padding: 5px;
|
||||
margin: 0 auto;
|
||||
width: 180px;
|
||||
}
|
||||
|
||||
.clean-preset-combi {
|
||||
padding: 5px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.clean-bg-layout-combi {
|
||||
width: 62px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.clean-color-combi {
|
||||
width: 62px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.modal-h5, .modal-h6 {
|
||||
color: @gray;
|
||||
font-family: 'Lato-Regular';
|
||||
font-weight: normal;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: normal;
|
||||
}
|
||||
|
||||
.modal-h5 {
|
||||
font-size: 14px;
|
||||
color: white;
|
||||
padding: 4px 0 4px 4px;
|
||||
background-color: @color-silver;
|
||||
}
|
||||
.modal-h6 {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
#theme_customize_modal .modal-content {
|
||||
background-color: #3d4546;
|
||||
font-family: "Lato-Regular" !important;
|
||||
letter-spacing: normal;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
#theme_customize_modal .modal-body {
|
||||
font-family: "Lato-Regular" !important;
|
||||
letter-spacing: normal;
|
||||
font-weight: normal;
|
||||
position: relative;
|
||||
padding: 0 8px;
|
||||
padding-bottom: 30px;
|
||||
background-color: #3d4546;
|
||||
color: white;
|
||||
}
|
||||
|
||||
#theme_customize_modal h5 {
|
||||
font-family: "Lato-Regular" !important;
|
||||
letter-spacing: normal;
|
||||
font-size: 16px;
|
||||
font-weight: normal;
|
||||
padding-top: 20px;
|
||||
padding-bottom: 5px;
|
||||
border-top: 1px solid #555;
|
||||
text-transform: uppercase;
|
||||
text-align: center;
|
||||
background-color: #3d4546;
|
||||
color: #aaa;
|
||||
}
|
||||
|
||||
#theme_customize_modal h6 {
|
||||
font-family: "Lato-Regular" !important;
|
||||
letter-spacing: normal;
|
||||
font-weight: normal;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#theme_customize_modal .modal-title {
|
||||
font-family: "Lato-Regular" !important;
|
||||
letter-spacing: normal;
|
||||
font-weight: normal;
|
||||
margin-top: 10px;
|
||||
text-transform: uppercase;
|
||||
text-align: center;
|
||||
background-color: #3d4546;
|
||||
}
|
||||
|
||||
#theme_customize_modal .modal-header {
|
||||
font-family: "Lato-Regular" !important;
|
||||
letter-spacing: normal;
|
||||
font-weight: normal;
|
||||
background-color: #3d4546;
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
#theme_customize_modal .modal-header .close {
|
||||
float: right;
|
||||
font-size: 24px;
|
||||
font-weight: 700;
|
||||
line-height: 1;
|
||||
color: #fff;
|
||||
text-shadow: 0 1px 0 #000;
|
||||
}
|
||||
|
||||
.clean-color-combi, .clean-bg-layout-combi, .clean-pattern-combi {
|
||||
width: auto;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
#theme_customize_modal .modal-body .clean-img-combi.checked .clean-color-combi-img {
|
||||
box-shadow: none;
|
||||
border: 1px solid #ccc;
|
||||
}
|
||||
|
||||
#theme_customize_modal .modal-body .clean-color-combi.checked .clean-color-layout-combi {
|
||||
box-shadow: none;
|
||||
border: 1px solid #ccc;
|
||||
}
|
||||
|
||||
#theme_customize_modal .modal-body .clean-bg-layout-combi.checked .clean-bg-layout-combi-img {
|
||||
box-shadow: none;
|
||||
border: 1px solid #ccc;
|
||||
}
|
||||
|
||||
#theme_customize_modal .modal-body .clean-bg-layout-combi.checked .clean-preset-combi-img {
|
||||
box-shadow: none;
|
||||
border: 1px solid #ccc;
|
||||
}
|
||||
|
||||
.clean-layout-combi {
|
||||
padding: 5px;
|
||||
margin: 0 auto;
|
||||
width: 150px;
|
||||
}
|
||||
|
||||
.clean-fonts-combi {
|
||||
line-height: 1.5;
|
||||
width: 180px;
|
||||
}
|
||||
|
||||
#theme_customize_modal .modal-body table tbody tr td label.checked {
|
||||
background: #586263;
|
||||
border: none;
|
||||
margin: 0 auto;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
#theme_customize_modal label {
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
#theme_customize_modal label.clean-fonts-combi {
|
||||
font-weight: normal;
|
||||
letter-spacing: normal;
|
||||
text-align: left;
|
||||
margin-left: 24px;
|
||||
}
|
||||
|
||||
#theme_customize_modal label.clean-fonts-combi.checked {
|
||||
text-align: left;
|
||||
letter-spacing: normal;
|
||||
padding-left: 15px;
|
||||
|
||||
}
|
||||
@@ -0,0 +1,46 @@
|
||||
body {
|
||||
background-image:
|
||||
linear-gradient(
|
||||
fade(white, 0%) 40%,
|
||||
fade(@color-alpha, 20%)),
|
||||
@bg-pattern-01;
|
||||
background-repeat: repeat;
|
||||
background-attachment: fixed;
|
||||
}
|
||||
|
||||
footer {
|
||||
color: @gray;
|
||||
.container {
|
||||
.row {
|
||||
.pull-left {
|
||||
color: @color-alpha;
|
||||
}
|
||||
.fa {
|
||||
color: @color-epsilon;
|
||||
}
|
||||
}
|
||||
}
|
||||
.container.mt16.mb8 {
|
||||
background: none !important;
|
||||
color: @color-alpha;
|
||||
}
|
||||
.pull-left {
|
||||
color: @color-alpha;
|
||||
}
|
||||
}
|
||||
|
||||
footer ul li a {
|
||||
color: @color-alpha;
|
||||
}
|
||||
|
||||
footer ul li a:hover {
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
}
|
||||
footer h4 {
|
||||
color: @color-alpha;
|
||||
a, small {
|
||||
color: @color-alpha;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -0,0 +1,48 @@
|
||||
body {
|
||||
background-image:
|
||||
linear-gradient(
|
||||
fade(@color-beta, 80%),
|
||||
fade(@color-beta, 0%) 40%,
|
||||
fade(white, 100%) 60%),
|
||||
|
||||
@bg-pattern-02;
|
||||
background-repeat: repeat;
|
||||
background-attachment: fixed;
|
||||
}
|
||||
|
||||
footer {
|
||||
color: @gray;
|
||||
.container {
|
||||
.row {
|
||||
.pull-left {
|
||||
color: @color-alpha;
|
||||
}
|
||||
.fa {
|
||||
color: @color-epsilon;
|
||||
}
|
||||
}
|
||||
}
|
||||
.container.mt16.mb8 {
|
||||
background: none !important;
|
||||
color: @color-alpha;
|
||||
}
|
||||
.pull-left {
|
||||
color: @color-alpha;
|
||||
}
|
||||
}
|
||||
|
||||
footer ul li a {
|
||||
color: @color-alpha;
|
||||
}
|
||||
|
||||
footer ul li a:hover {
|
||||
color: @color-epsilon;
|
||||
text-decoration: none;
|
||||
}
|
||||
footer h4 {
|
||||
color: @color-alpha;
|
||||
a, small {
|
||||
color: @color-alpha;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -0,0 +1,46 @@
|
||||
body {
|
||||
background-image:
|
||||
linear-gradient(
|
||||
fade(@color-beta, 20%) 50%,
|
||||
fade(@color-beta, 50%)),
|
||||
@bg-pattern-03;
|
||||
background-repeat: repeat;
|
||||
background-attachment: fixed;
|
||||
}
|
||||
|
||||
footer {
|
||||
color: @gray;
|
||||
.container {
|
||||
.row {
|
||||
.pull-left {
|
||||
color: @color-alpha;
|
||||
}
|
||||
.fa {
|
||||
color: @color-epsilon;
|
||||
}
|
||||
}
|
||||
}
|
||||
.container.mt16.mb8 {
|
||||
background: none !important;
|
||||
color: @color-alpha;
|
||||
}
|
||||
.pull-left {
|
||||
color: @color-alpha;
|
||||
}
|
||||
}
|
||||
|
||||
footer ul li a {
|
||||
color: @color-alpha;
|
||||
}
|
||||
|
||||
footer ul li a:hover {
|
||||
color: @color-epsilon;
|
||||
text-decoration: none;
|
||||
}
|
||||
footer h4 {
|
||||
color: @color-alpha;
|
||||
a, small {
|
||||
color: @color-alpha;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -0,0 +1,50 @@
|
||||
body {
|
||||
background-image:
|
||||
linear-gradient(
|
||||
fade(@color-epsilon, 30%) 50%,
|
||||
fade(@color-epsilon, 60%)),
|
||||
@bg-pattern-04;
|
||||
background-repeat: repeat;
|
||||
background-attachment: fixed;
|
||||
}
|
||||
|
||||
footer {
|
||||
color: white;
|
||||
.container {
|
||||
.row {
|
||||
.pull-left {
|
||||
color: @color-alpha;
|
||||
}
|
||||
.fa {
|
||||
color: @gray-dark;
|
||||
}
|
||||
}
|
||||
}
|
||||
.container.mt16.mb8 {
|
||||
background: none !important;
|
||||
color: @color-alpha;
|
||||
.text-muted{
|
||||
background: none !important;
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
.pull-left {
|
||||
color: @color-beta;
|
||||
}
|
||||
}
|
||||
|
||||
footer ul li a {
|
||||
color: @color-delta;
|
||||
}
|
||||
|
||||
footer ul li a:hover {
|
||||
color: @color-beta;
|
||||
text-decoration: none;
|
||||
}
|
||||
footer h4 {
|
||||
color: @gray-dark;
|
||||
a, small {
|
||||
color: @gray-dark;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -0,0 +1,63 @@
|
||||
/* GRAYS --------------------------------------------------------- */
|
||||
/* Adjust to vary the intensity of texts ans headings ------------ */
|
||||
|
||||
@gray-darker: lighten(#000, 20%);
|
||||
@gray-dark: lighten(#000, 40%);
|
||||
@gray: lighten(#000, 55%);
|
||||
@gray-light: lighten(#000, 70%);
|
||||
@gray-lighter: lighten(#000, 80%);
|
||||
|
||||
/* COLORS --------------------------------------------------------- */
|
||||
|
||||
@color-alpha: @color-turquoise;
|
||||
@color-beta: @color-turquoise-light;
|
||||
@color-gamma: @color-orange;
|
||||
@color-delta: @color-orange-light;
|
||||
@color-epsilon: @color-turquoise-dark;
|
||||
|
||||
/* COLORED BG -------------------------------------------------------- */
|
||||
|
||||
.bg-alpha {
|
||||
.bg-clouds;
|
||||
}
|
||||
.bg-beta {
|
||||
.bg-orange-light;
|
||||
}
|
||||
.bg-gamma {
|
||||
.bg-orange;
|
||||
}
|
||||
.bg-delta {
|
||||
.bg-turquoise-light;
|
||||
}
|
||||
.bg-epsilon {
|
||||
.bg-turquoise;
|
||||
}
|
||||
|
||||
/* TEXT & LINKS -------------------------------------------------------- */
|
||||
|
||||
@text-color: @gray;
|
||||
@headings-color: @color-gamma;
|
||||
|
||||
@text-muted: @color-alpha;
|
||||
@link-color: @color-alpha;
|
||||
@link-hover-color: @color-gamma;
|
||||
|
||||
hr {
|
||||
border-color: @gray-lighter;
|
||||
}
|
||||
|
||||
/* BUTTONS --------------------------------------------------------- */
|
||||
|
||||
@btn-primary-bg: @color-turquoise-light;
|
||||
@btn-success-bg: @color-turquoise;
|
||||
@btn-info-bg: @color-orange-light;
|
||||
@btn-warning-bg: @color-orange;
|
||||
@btn-danger-bg: @color-orange-dark;
|
||||
|
||||
.btn .fa {
|
||||
color: white;}
|
||||
|
||||
.btn-default .fa {
|
||||
color: @gray-dark;
|
||||
}
|
||||
|
||||
@@ -0,0 +1,62 @@
|
||||
/* GRAYS --------------------------------------------------------- */
|
||||
/* Adjust to vary the intensity of texts ans headings ------------ */
|
||||
|
||||
@gray-darker: lighten(#000, 20%);
|
||||
@gray-dark: lighten(#000, 40%);
|
||||
@gray: lighten(#000, 55%);
|
||||
@gray-light: lighten(#000, 70%);
|
||||
@gray-lighter: lighten(#000, 80%);
|
||||
|
||||
/* COLORS --------------------------------------------------------- */
|
||||
|
||||
@color-alpha: @color-blue;
|
||||
@color-beta: @color-blue-light;
|
||||
@color-gamma: @color-pink;
|
||||
@color-delta: @color-pink-light;
|
||||
@color-epsilon: @color-pink-dark;
|
||||
|
||||
/* COLORED BG -------------------------------------------------------- */
|
||||
|
||||
.bg-alpha {
|
||||
.bg-clouds;
|
||||
}
|
||||
.bg-beta {
|
||||
.bg-pink-light;
|
||||
}
|
||||
.bg-gamma {
|
||||
.bg-pink;
|
||||
}
|
||||
.bg-delta {
|
||||
.bg-blue-light;
|
||||
}
|
||||
.bg-epsilon {
|
||||
.bg-blue;
|
||||
}
|
||||
|
||||
/* TEXT & LINKS -------------------------------------------------------- */
|
||||
|
||||
@text-color: @gray;
|
||||
@headings-color: @color-gamma;
|
||||
|
||||
@text-muted: @color-alpha;
|
||||
@link-color: @color-alpha;
|
||||
@link-hover-color: @color-gamma;
|
||||
|
||||
hr {
|
||||
border-color: @gray-lighter;
|
||||
}
|
||||
|
||||
/* BUTTONS --------------------------------------------------------- */
|
||||
|
||||
@btn-primary-bg: @color-blue-light;
|
||||
@btn-success-bg: @color-blue;
|
||||
@btn-info-bg: @color-pink-light;
|
||||
@btn-warning-bg: @color-pink;
|
||||
@btn-danger-bg: @color-pink-dark;
|
||||
|
||||
.btn .fa {
|
||||
color: white;}
|
||||
|
||||
.btn-default .fa {
|
||||
color: @gray-dark;
|
||||
}
|
||||
@@ -0,0 +1,62 @@
|
||||
/* GRAYS --------------------------------------------------------- */
|
||||
/* Adjust to vary the intensity of texts ans headings ------------ */
|
||||
|
||||
@gray-darker: lighten(#000, 20%);
|
||||
@gray-dark: lighten(#000, 40%);
|
||||
@gray: lighten(#000, 55%);
|
||||
@gray-light: lighten(#000, 70%);
|
||||
@gray-lighter: lighten(#000, 80%);
|
||||
|
||||
/* COLORS --------------------------------------------------------- */
|
||||
|
||||
@color-alpha: @color-purple;
|
||||
@color-beta: @color-purple-light;
|
||||
@color-gamma: @color-yellow;
|
||||
@color-delta: @color-yellow-light;
|
||||
@color-epsilon: @color-yellow-dark;
|
||||
|
||||
/* COLORED BG -------------------------------------------------------- */
|
||||
|
||||
.bg-alpha {
|
||||
.bg-clouds;
|
||||
}
|
||||
.bg-beta {
|
||||
.bg-yellow-light;
|
||||
}
|
||||
.bg-gamma {
|
||||
.bg-yellow;
|
||||
}
|
||||
.bg-delta {
|
||||
.bg-purple-light;
|
||||
}
|
||||
.bg-epsilon {
|
||||
.bg-purple;
|
||||
}
|
||||
|
||||
/* TEXT & LINKS -------------------------------------------------------- */
|
||||
|
||||
@text-color: @gray;
|
||||
@headings-color: @color-gamma;
|
||||
|
||||
@text-muted: @color-alpha;
|
||||
@link-color: @color-alpha;
|
||||
@link-hover-color: @color-gamma;
|
||||
|
||||
hr {
|
||||
border-color: @gray-lighter;
|
||||
}
|
||||
|
||||
/* BUTTONS --------------------------------------------------------- */
|
||||
|
||||
@btn-primary-bg: @color-purple-light;
|
||||
@btn-success-bg: @color-purple;
|
||||
@btn-info-bg: @color-yellow-light;
|
||||
@btn-warning-bg: @color-yellow;
|
||||
@btn-danger-bg: @color-yellow-dark;
|
||||
|
||||
.btn .fa {
|
||||
color: white;}
|
||||
|
||||
.btn-default .fa {
|
||||
color: @gray-dark;
|
||||
}
|
||||