[ADD] theme saas-6

This commit is contained in:
Design
2021-05-25 18:32:22 +02:00
committed by Jeremy Kersten
commit b2e6533276
3407 changed files with 104584 additions and 0 deletions
+27
View File
@@ -0,0 +1,27 @@
Odoo Proprietary License v1.0
This software and associated files (the "Software") may only be used (executed,
modified, executed after modifications) if you have purchased a valid license
from the authors, typically via Odoo Apps, or if you have received a written
agreement from the authors of the Software (see the COPYRIGHT file).
You may develop Odoo modules that use the Software as a library (typically
by depending on it, importing it and using its resources), but without copying
any source code or material from the Software. You may distribute those
modules under the license of your choice, provided that this license is
compatible with the terms of the Odoo Proprietary License (For example:
LGPL, MIT, or proprietary licenses similar to this one).
It is forbidden to publish, distribute, sublicense, or sell copies of the Software
or modified copies of the Software.
The above copyright notice and this permission notice must be included in all
copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM,
DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE,
ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
DEALINGS IN THE SOFTWARE.
View File
+27
View File
@@ -0,0 +1,27 @@
{
'name': 'Notes & Play Theme',
'description': 'Notes & Play Theme',
'category': 'Theme/Ecommerce',
'version': '1.0',
'author': 'Odoo S.A.',
'depends': ['theme_common'],
'data': [
'views/assets.xml',
'views/customize_modal.xml',
'views/snippets.xml',
'views/images_content.xml',
'views/images_library.xml',
'views/snippet_options.xml',
],
'demo': [
'demo/demo.xml',
'demo/blocks.xml',
'demo/demo-menu.xml',
],
'images': [
'static/description/Notes_description.png',
],
'price': 199,
'currency': 'EUR',
'live_test_url': 'https://theme-notes.odoo.com/page/demo',
}
+246
View File
@@ -0,0 +1,246 @@
<?xml version="1.0" encoding="utf-8"?>
<openerp>
<data>
<template id="website.demo_blocks" name="Demo Page" page="True">
<t t-call="website.layout">
<div id="wrap" class="oe_structure oe_empty">
<!-- Content -->
<section class="s_title_big mb0 mt0" style="padding-top: 25px;">
<div class="oe_share">
<h1 class="mb32 mt32 text-center">
Content blocks
</h1>
</div>
</section>
<div class="container">
<div class="row">
<div class="col-md-12">
<h4 class="text-muted text-center">Title block</h4>
</div>
</div>
</div>
<div data-oe-call="theme_common.s_title_big"/>
<div class="container">
<div class="row">
<div class="col-md-12">
<h4 class="text-muted text-center">1 column text block</h4>
</div>
</div>
</div>
<div data-oe-call="theme_common.s_1_column_text"/>
<div class="container">
<div class="row">
<div class="col-md-12">
<h4 class="text-muted text-center">2 column text block</h4>
</div>
</div>
</div>
<div data-oe-call="theme_common.s_2_column_text"/>
<div class="container">
<div class="row">
<div class="col-md-12">
<h4 class="text-muted text-center">3 column text block</h4>
</div>
</div>
</div>
<div data-oe-call="theme_common.s_3_column_text"/>
<div class="container">
<div class="row">
<div class="col-md-12">
<h4 class="text-muted text-center">4 column text block</h4>
</div>
</div>
</div>
<div data-oe-call="theme_common.s_4_column_text"/>
<!-- Structure -->
<section class="s_title_big mb0 mt0">
<div class="oe_share">
<h1 class="mb32 mt32 text-center">
Structure blocks
</h1>
</div>
</section>
<div class="container">
<div class="row">
<div class="col-md-12 mt16 mb16">
<h4 class="text-muted text-center">Custom banner</h4>
</div>
</div>
</div>
<div data-oe-call="theme_common.s_banner_parallax"/>
<div class="container">
<div class="row">
<div class="col-md-12 mt16 mb16">
<h4 class="text-muted text-center">Big image / text</h4>
</div>
</div>
</div>
<div data-oe-call="theme_common.s_big_picture_text"/>
<div class="container">
<div class="row">
<div class="col-md-12 mt16 mb16">
<h4 class="text-muted text-center">Text / big image</h4>
</div>
</div>
</div>
<div data-oe-call="theme_common.s_text_big_picture"/>
<div class="container">
<div class="row">
<div class="col-md-12 mt16 mb16">
<h4 class="text-muted text-center">Cubes</h4>
</div>
</div>
</div>
<div data-oe-call="theme_common.s_cubes"/>
<div class="container">
<div class="row">
<div class="col-md-12 mt16 mb16">
<h4 class="text-muted text-center">Header / text / big image</h4>
</div>
</div>
</div>
<div data-oe-call="theme_common.s_header_text_big_picture"/>
<div class="container">
<div class="row">
<div class="col-md-12 mt16 mb16">
<h4 class="text-muted text-center">Text / image / text</h4>
</div>
</div>
</div>
<div data-oe-call="theme_common.s_text_picture_text"/>
<div class="container">
<div class="row">
<div class="col-md-12 mt16 mb16">
<h4 class="text-muted text-center">Product list</h4>
</div>
</div>
</div>
<div data-oe-call="theme_common.s_product_list"/>
<div class="container">
<div class="row">
<div class="col-md-12 mt16 mb16">
<h4 class="text-muted text-center">Features slideshow</h4>
</div>
</div>
</div>
<div data-oe-call="theme_common.s_features_carousel"/>
<div class="container">
<div class="row">
<div class="col-md-12 mt16 mb16">
<h4 class="text-muted text-center">Color blocks</h4>
</div>
</div>
</div>
<div data-oe-call="theme_common.s_color_blocks_4"/>
<div class="container">
<div class="row">
<div class="col-md-12 mt16 mb16">
<h4 class="text-muted text-center">Event list</h4>
</div>
</div>
</div>
<div data-oe-call="theme_common.s_timeline"/>
<div class="container">
<div class="row">
<div class="col-md-12 mt16 mb16">
<h4 class="text-muted text-center">Timeline</h4>
</div>
</div>
</div>
<div data-oe-call="theme_common.s_event_list"/>
<div class="container">
<div class="row">
<div class="col-md-12 mt16 mb16">
<h4 class="text-muted text-center">Logo bar</h4>
</div>
</div>
</div>
<div data-oe-call="theme_common.s_logo_bar"/>
<div class="container">
<div class="row">
<div class="col-md-12 mt16 mb16">
<h4 class="text-muted text-center">Testimonial slider</h4>
</div>
</div>
</div>
<div data-oe-call="theme_common.s_testimonial_slider"/>
<!-- Features -->
<section class="s_title_big mb0 mt0">
<div class="oe_share">
<h1 class="mb32 mt32 text-center">
Feature blocks
</h1>
</div>
</section>
<div class="container">
<div class="row">
<div class="col-md-12 mt16 mb16">
<h4 class="text-muted text-center">Slideshow banner</h4>
</div>
</div>
</div>
<div data-oe-call="theme_common.s_banner_3"/>
<div class="container">
<div class="row">
<div class="col-md-12 mt16 mb16">
<h4 class="text-muted text-center">Product slideshow</h4>
</div>
</div>
</div>
<div data-oe-call="theme_common.s_products_carousel"/>
</div>
</t>
</template>
</data>
</openerp>
+20
View File
@@ -0,0 +1,20 @@
<?xml version="1.0" encoding="utf-8"?>
<openerp>
<data>
<record id="notes_home" model="website.menu">
<field name="name">Demo</field>
<field name="url">/page/demo</field>
<field name="parent_id" ref="website.main_menu"/>
<field name="sequence" type="int">60</field>
</record>
<record id="demo_blocks" model="website.menu">
<field name="name">Blocks</field>
<field name="url">/page/demo_blocks</field>
<field name="parent_id" ref="website.main_menu"/>
<field name="sequence" type="int">60</field>
</record>
</data>
</openerp>
+480
View File
@@ -0,0 +1,480 @@
<?xml version="1.0" encoding="utf-8"?>
<openerp>
<data>
<template id="website.demo" page="True" name="Theme Demo">
<t t-call="website.layout">
<div id="wrap" class="oe_structure oe_empty">
<section class="s_banner_parallax bg-img-04 parallax" data-scroll-background-offset="0" data-scroll-background-ratio="0.3" style="background-attachment: scroll; background-position: 0px 882.9px;">
<div class="container-fluid">
<div class="row">
<div class="col-md-9 col-sm-12 hero-bg">
<h1>Present your products</h1>
<h2>with this theme.</h2>
<img alt="#" src="/website/image/theme_common.image_content_01" class="img img-responsive"/>
</div>
</div>
</div>
</section>
<section class="s_product_list mt0 bg-gamma">
<div class="container-fluid product-list">
<div class="row">
<div class="col-md-2 col-sm-4 col-xs-6">
<a href="http://www.odoo.com">
<img alt="#" src="/website/image/theme_common.image_content_06" class="img img-responsive"/>
</a>
<a class="btn btn-default" href="http://www.odoo.com">
<i class="fa fa-eye"/>Watch item
</a>
</div>
<div class="col-md-2 col-sm-4 col-xs-6">
<a href="http://www.odoo.com">
<img alt="#" src="/website/image/theme_common.image_content_06" class="img img-responsive"/>
</a>
<a class="btn btn-default" href="http://www.odoo.com">
<i class="fa fa-eye"/>Watch item
</a>
</div>
<div class="col-md-2 col-sm-4 col-xs-6">
<a href="http://www.odoo.com">
<img alt="#" src="/website/image/theme_common.image_content_06" class="img img-responsive"/>
</a>
<a class="btn btn-default" href="http://www.odoo.com">
<i class="fa fa-eye"/>Watch item
</a>
</div>
<div class="col-md-2 col-sm-4 col-xs-6">
<a href="http://www.odoo.com">
<img alt="#" src="/website/image/theme_common.image_content_06" class="img img-responsive"/>
</a>
<a class="btn btn-default" href="http://www.odoo.com">
<i class="fa fa-eye"/>Watch item
</a>
</div>
<div class="col-md-2 col-sm-4 col-xs-6">
<a href="http://www.odoo.com">
<img alt="#" src="/website/image/theme_common.image_content_06" class="img img-responsive"/>
</a>
<a class="btn btn-default" href="http://www.odoo.com">
<i class="fa fa-eye"/>Watch item
</a>
</div>
<div class="col-md-2 col-sm-4 col-xs-6">
<a href="http://www.odoo.com">
<img alt="#" src="/website/image/theme_common.image_content_06" class="img img-responsive"/>
</a>
<a class="btn btn-default" href="http://www.odoo.com">
<i class="fa fa-eye"/>Watch item
</a>
</div>
</div>
</div>
</section>
<section class="s_3_column_text oe_structure mt92 mb92">
<div class="container">
<div class="row">
<div class="col-md-4">
<h2>Custom Pages: Have No Limits.</h2>
<p>Our #1 priority is you, the user. We believe in our product and hold ourselves to the highest standards. We truly care about your site as much as you do, which is why we offer amazing support at our dedicated support center. In addition, we offer free updates with new features requested by our users. You can count on us.<br/>This theme gives you limitless potential to build amazing pages. Easily create unique page layouts using the tools we provide. In addition, we have you covered with dozens of beautiful pre-designed pages you can quickly choose from.
</p>
</div>
<div class="col-md-4">
<h2>Custom Pages: Have No Limits.</h2>
<p>Our #1 priority is you, the user. We believe in our product and hold ourselves to the highest standards. We truly care about your site as much as you do, which is why we offer amazing support at our dedicated support center. In addition, we offer free updates with new features requested by our users. You can count on us.<br/>This theme gives you limitless potential to build amazing pages. Easily create unique page layouts using the tools we provide. In addition, we have you covered with dozens of beautiful pre-designed pages you can quickly choose from.
</p>
</div>
<div class="col-md-4">
<h2>Custom Pages: Have No Limits.</h2>
<p>Our #1 priority is you, the user. We believe in our product and hold ourselves to the highest standards. We truly care about your site as much as you do, which is why we offer amazing support at our dedicated support center. In addition, we offer free updates with new features requested by our users. You can count on us.<br/>This theme gives you limitless potential to build amazing pages. Easily create unique page layouts using the tools we provide. In addition, we have you covered with dozens of beautiful pre-designed pages you can quickly choose from.
</p>
</div>
</div>
</div>
</section>
<section class="s_color_blocks_4 o_animation o_displayed_top o_displayed_middle o_displayed_bottom">
<div class="container-fluid">
<div class="row">
<div class="col-md-3 col-sm-6 s_color_blocks_4_block text-center bg-alpha">
<h4>A COLOR BLOCK</h4>
<p>Highlight Your Content</p>
</div>
<div class="col-md-3 col-sm-6 s_color_blocks_4_block text-center bg-beta">
<h4>A COLOR BLOCK</h4>
<p>Customize Backgrounds</p>
</div>
<div class="col-md-3 col-sm-6 s_color_blocks_4_block text-center bg-gamma">
<h4>A COLOR BLOCK</h4>
<p>Resize and Duplicate</p>
</div>
<div class="col-md-3 col-sm-6 s_color_blocks_4_block text-center bg-delta">
<h4>A COLOR BLOCK</h4>
<p>Select the Colors</p>
</div>
</div>
</div>
</section>
<section class="s_cubes bg-beta">
<div class="container-fluid">
<div class="row">
<div class="col-md-6 cube cube-big col-xs-12 col-sm-12 bg-img-03"/>
<div class="cube-big col-md-6 col-xs-12 col-sm-12">
<div class="row">
<div class="cube cube-text col-md-6 col-sm-6 col-xs-12">
<div class="cube-heading">
<h4 class="text-center">A good subtitle</h4>
<p class="text-center">A great way to catch your reader's attention is to tell a story. Everything you consider writing can be told as a story.</p>
</div>
</div>
<div class="cube cube-small col-md-6 col-sm-6 col-xs-12 bg-img-04"/></div>
<div class="row">
<div class="cube cube-small col-md-6 col-sm-6 col-xs-12 bg-img-02"/>
<div class="cube cube-text col-md-6 col-sm-6 col-xs-12 last">
<div class="cube-heading">
<h4 class="text-center">A good subtitle</h4>
<p class="text-center">A great way to catch your reader's attention is to tell a story. Everything you consider writing can be told as a story.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="s_text_picture_text black mt0">
<div class="container-fluid">
<div class="row mb32 mt32">
<div class="col-md-4 col-sm-12">
<h3>The latest technology</h3>
<p>Product design is the process of creating a new product to be sold by a business to its customers. A very broad concept, it is essentially the efficient and effective generation and development of ideas through a process that leads to new products.</p>
</div>
<div class="col-md-4 col-sm-12 text-center">
<img alt="#" src="/website/image/theme_common.image_content_05" class="img img-responsive"/>
<a href="#">DISCOVER THE PRODUCT</a>
</div>
<div class="col-md-4 col-sm-12">
<h3>The best approach</h3>
<p>In a systematic approach, product designers conceptualize and evaluate ideas, turning them into tangible inventions and products. The product designer's role is to combine art, science, and technology to create new products that other people can use.</p>
</div>
</div>
</div>
</section>
<section class="s_event_list none">
<div class="container">
<div class="row">
<div class="col-md-12 text-center mt32 mb32">
<h2>Nice and Efficient Events List</h2>
<h3 class="text-muted">
<font class="text-alpha">Display Your Last Activities</font>
</h3>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-md-4">
<ul class="s_event_list">
<li>
<time class="bg-delta" datetime="2014-07-20 0000">
<span class="s_event_list_day">
<font class="text-gamma">02</font>
</span>
<font class="text-gamma"></font>
<span class="s_event_list_month"/>
<font class="text-gamma">
<span class="s_event_list_month">Jul</span>
</font>
<span class="s_event_list_year">2014</span>
<span class="s_event_list_time">
<font class="text-gamma">12:00 AM</font>
</span>
</time>
<div class="s_event_list_info">
<h4 class="s_event_list_title">Your Event Name</h4>
<p class="s_event_list_desc">Write a description of your event here.</p>
<ul>
<li style="width:50%;">
<a href="#">
<span class="fa fa-globe"/> Link
</a>
</li>
<li style="width:50%;">
<span class="fa fa-info-circle"/> Info
</li>
</ul>
</div>
<div class="s_event_list_social">
<ul>
<li class="s_event_list_facebook" style="width:33%;">
<a href="#">
<span class="fa fa-facebook"/>
</a>
</li>
<li class="s_event_list_twitter" style="width:34%;">
<a href="#">
<span class="fa fa-twitter"/>
</a>
</li>
<li class="s_event_list_google_plus" style="width:33%;">
<a href="#">
<span class="fa fa-google-plus"/>
</a>
</li>
</ul>
</div>
</li>
</ul>
</div>
<div class="col-md-4">
<ul class="s_event_list">
<li>
<time class="bg-delta" datetime="2014-07-20 0000">
<span class="s_event_list_day">
<font class="text-gamma">05</font>
</span>
<font class="text-gamma">
<span class="s_event_list_month">Sep</span>
<span class="s_event_list_year">2014</span>
</font>
<span class="s_event_list_time"/>
<font class="text-gamma">
<span class="s_event_list_time">
<font class="text-gamma">12:00 AM</font>
</span>
</font>
</time>
<div class="s_event_list_info">
<h4 class="s_event_list_title">Your Event Name</h4>
<p class="s_event_list_desc">Write a description of your event here.</p>
<ul>
<li style="width:50%;">
<a href="#">
<span class="fa fa-globe"/> Link
</a>
</li>
<li style="width:50%;">
<span class="fa fa-info-circle"/> Info
</li>
</ul>
</div>
<div class="s_event_list_social">
<ul>
<li class="s_event_list_facebook" style="width:33%;">
<a href="#">
<span class="fa fa-facebook"/>
</a>
</li>
<li class="s_event_list_twitter" style="width:34%;">
<a href="#">
<span class="fa fa-twitter"/>
</a>
</li>
<li class="s_event_list_google_plus" style="width:33%;">
<a href="#">
<span class="fa fa-google-plus"/>
</a>
</li>
</ul>
</div>
</li>
</ul>
</div>
<div class="col-md-4">
<ul class="s_event_list">
<li>
<time class="bg-delta" datetime="2014-07-20 0000">
<span class="s_event_list_day">
<font class="text-gamma">2</font>
</span>
<span class="s_event_list_month">
<font class="text-gamma">Jul</font>
</span>
<font class="text-gamma">
<span class="s_event_list_year">2014</span>
</font>
<span class="s_event_list_time"/>
<font class="text-gamma">
<span class="s_event_list_time">
<font class="text-gamma">12:00 AM</font>
</span>
</font>
</time>
<div class="s_event_list_info">
<h4 class="s_event_list_title">Your Event Name</h4>
<p class="s_event_list_desc">Write a description of your event here.</p>
<ul>
<li style="width:50%;">
<a href="#">
<span class="fa fa-globe"/> Link
</a>
</li>
<li style="width:50%;">
<span class="fa fa-info-circle"/> Info
</li>
</ul>
</div>
<div class="s_event_list_social">
<ul>
<li class="s_event_list_facebook" style="width:33%;">
<a href="#">
<span class="fa fa-facebook"/>
</a>
</li>
<li class="s_event_list_twitter" style="width:34%;">
<a href="#">
<span class="fa fa-twitter"/>
</a>
</li>
<li class="s_event_list_google_plus" style="width:33%;">
<a href="#">
<span class="fa fa-google-plus"/>
</a>
</li>
</ul>
</div>
</li>
</ul>
</div>
<div class="col-md-12">
<p class="text-center">With this theme you get a list of your events with date, time, description, etc. Select the simple or image mode and edit your content.<br/>You can link your events to your favorite social network.
</p>
</div>
<div class="col-md-6 mt32 mb32">
<ul class="s_event_list">
<li>
<time class="bg-delta" datetime="2014-07-20">
<span class="s_event_list_day">
<font class="text-gamma">18</font>
</span>
<font class="text-gamma"></font>
<span class="s_event_list_month"/>
<font class="text-gamma">
<span class="s_event_list_month">Jul</span>
</font>
<span class="s_event_list_year">2014</span>
<span class="s_event_list_time">
<font class="text-gamma">ALL DAY</font>
</span>
</time>
<img class="img-responsive" src="/website/image/theme_common.image_content_09"/>
<div class="s_event_list_info">
<h4 class="s_event_list_title">Your Event Name</h4>
<p class="s_event_list_desc">Write a description of your event here.</p>
<ul>
<li style="width:50%;">
<a href="#">
<span class="fa fa-globe"/> Link
</a>
</li>
<li style="width:50%;">
<span class="fa fa-info-circle"/> Info
</li>
</ul>
</div>
<div class="s_event_list_social">
<ul>
<li class="s_event_list_facebook" style="width:33%;">
<a href="#">
<span class="fa fa-facebook"/>
</a>
</li>
<li class="s_event_list_twitter" style="width:34%;">
<a href="#">
<span class="fa fa-twitter"/>
</a>
</li>
<li class="s_event_list_google_plus" style="width:33%;">
<a href="#">
<span class="fa fa-google-plus"/>
</a>
</li>
</ul>
</div>
</li>
</ul>
</div>
<div class="col-md-6 mt32 mb32">
<ul class="s_event_list">
<li>
<time class="bg-delta" datetime="2014-07-20">
<span class="s_event_list_day">
<font class="text-gamma">21</font>
</span>
<font class="text-gamma"></font>
<span class="s_event_list_month"/>
<font class="text-gamma">
<span class="s_event_list_month">Jul</span>
</font>
<span class="s_event_list_year">2014</span>
<span class="s_event_list_time">
<font class="text-gamma">ALL DAY</font>
</span>
</time>
<div class="s_event_list_icon">
<i class="fa fa-calendar fa-5x"/>
</div>
<div class="s_event_list_info">
<h4 class="s_event_list_title">Your Event Name</h4>
<p class="s_event_list_desc">Write a description of your event here.</p>
<ul>
<li style="width:50%;">
<a href="#">
<span class="fa fa-globe"/> Link
</a>
</li>
<li style="width:50%;">
<span class="fa fa-info-circle"/> Info
</li>
</ul>
</div>
<div class="s_event_list_social">
<ul>
<li class="s_event_list_facebook" style="width:33%;">
<a href="#">
<span class="fa fa-facebook"/>
</a>
</li>
<li class="s_event_list_twitter" style="width:34%;">
<a href="#">
<span class="fa fa-twitter"/>
</a>
</li>
<li class="s_event_list_google_plus" style="width:33%;">
<a href="#">
<span class="fa fa-google-plus"/>
</a>
</li>
</ul>
</div>
</li>
</ul>
</div>
</div>
</div>
</section>
<section class="s_testimonial_slider carousel slide mt32 mb48" data-interval="6000" data-ride="carousel" id="myCarousel4">
<ol class="carousel-indicators hidden"><li class="active" data-slide-to="0" data-target="#myCarousel4"/></ol>
<div class="carousel-inner">
<div class="item active">
<div class="container">
<div class="row content text-center mt64 mb64">
<h3>
<i class="fa fa-quote-left"/> Let your visitors know what they said about you.
<i class="fa fa-quote-right"/>
</h3>
<p class="lead">Name, Function / Company Inc.</p>
<div class="col-md-2 col-md-offset-5">
<img class="img-responsive center-block" src="/website/image/theme_common.image_content_08"/>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
</t>
</template>
</data>
</openerp>
Binary file not shown.

After

Width:  |  Height:  |  Size: 187 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 16 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 24 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 17 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 KiB

+210
View File
@@ -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 &amp; 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.&nbsp;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.&nbsp;
You&nbsp;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.&nbsp;</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>
Binary file not shown.

After

Width:  |  Height:  |  Size: 49 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 117 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 195 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 95 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 56 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 151 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 139 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 19 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 101 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 161 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 169 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 91 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 28 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 222 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 291 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 278 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 347 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 325 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 202 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 668 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 506 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 560 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 385 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 355 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 236 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 308 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 121 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 668 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 168 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 152 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 244 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 189 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 155 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 222 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 497 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 204 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 574 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 64 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 364 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 76 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 623 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 909 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 994 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 936 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 KiB

+220
View File
@@ -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;
}
}
+191
View File
@@ -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;
}
}
+26
View File
@@ -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;
}

Some files were not shown because too many files have changed in this diff Show More