[ADD] theme saas-6
This commit is contained in:
Design
@@ -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.
|
||||
@@ -0,0 +1,28 @@
|
||||
{
|
||||
'name': 'Kea Theme',
|
||||
'description': 'Kea Theme',
|
||||
'category': 'Theme/Technology',
|
||||
'version': '1.0',
|
||||
'author': 'Odoo S.A.',
|
||||
'depends': ['theme_common'],
|
||||
'data': [
|
||||
'views/layout.xml',
|
||||
'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/kea_description.png',
|
||||
],
|
||||
'price': 199,
|
||||
'currency': 'EUR',
|
||||
'live_test_url': 'https://theme-kea.odoo.com/page/demo1',
|
||||
}
|
||||
@@ -0,0 +1,246 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<openerp>
|
||||
<data>
|
||||
|
||||
<template id="website.demo_blocks" name="Building Blocks" 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>
|
||||
@@ -0,0 +1,20 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<openerp>
|
||||
<data>
|
||||
|
||||
<record id="kea_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>
|
||||
@@ -0,0 +1,273 @@
|
||||
<?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="carousel s_banner_3 slide" data-interval="10000" id="myCarousel4">
|
||||
<ol class="carousel-indicators hidden" type="01"><li class="active" data-slide-to="0" data-target="#myCarousel4"/></ol>
|
||||
<div class="carousel-inner">
|
||||
<div class="item bg-img-03 active">
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-md-8 col-sm-12 hero-bg">
|
||||
<h1>Generate customers</h1>
|
||||
<h2>from visitors.</h2>
|
||||
<img alt="#" src="/website/image/theme_common.image_content_01" class="img img-responsive"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item bg-img-07">
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-md-8 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>
|
||||
</div>
|
||||
</div>
|
||||
<div class="carousel-control left" data-slide="prev" data-target="#myCarousel4" href="#myCarousel4">
|
||||
<i class="fa fa-chevron-left"/>
|
||||
</div>
|
||||
<div class="carousel-control right" data-slide="next" data-target="#myCarousel4" href="#myCarousel4">
|
||||
<i class="fa fa-chevron-right"/>
|
||||
</div>
|
||||
</section>
|
||||
<section class="s_product_list mt0 bg-alpha">
|
||||
<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_color_blocks_2 o_animation o_displayed_top o_displayed_middle o_displayed_bottom">
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-md-6 s_color_blocks_2_block text-center bg-beta">
|
||||
<span class="fa fa-shield fa-5x center-block"/>
|
||||
<h2 class="text-center">This Is a Color Block</h2>
|
||||
<h3 class="text-center text-muted mb16">Highlight Your Content</h3>
|
||||
<p class="text-justify mb32">Color blocks are a simple and effective way to
|
||||
<strong>present and highlight your content</strong>. Choose an image or a color for the background. You can even resize and duplicate the blocks to create your own layout. Add images or icons to customize the blocks.
|
||||
</p>
|
||||
<a class="btn btn-success " href="#">
|
||||
<i class="fa fa-cog"/> More Details
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-6 s_color_blocks_2_block text-center bg-epsilon">
|
||||
<span class="fa fa-cube fa-5x center-block"/>
|
||||
<h2 class="text-center">An Other Color Block</h2>
|
||||
<h3 class="text-center text-muted mb16">
|
||||
<font class="text-alpha">Customize Backgrounds</font>
|
||||
</h3>
|
||||
<p class="text-justify mb32">Color blocks are a simple and effective way to
|
||||
<strong>present and highlight your content</strong>. Choose an image or a color for the background. You can even resize and duplicate the blocks to create your own layout. Add images or icons to customize the blocks.
|
||||
</p>
|
||||
<a class="btn btn-danger " href="#">
|
||||
<i class="fa fa-cog"/> More Details
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="jumbotron s_big_message mt0 mb0 darkgray">
|
||||
<div class="container">
|
||||
<h1>Sell Online. Easily.</h1>
|
||||
<p>Write one sentence to convince visitor about your message.</p>
|
||||
<p>
|
||||
<a class="btn btn-success btn-lg" href="/page/website.contactus">Contact us </a>
|
||||
</p>
|
||||
</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-12 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-12 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-12 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-12 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_header_text_big_picture">
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-md-12 text-center mt32 mb32">
|
||||
<h1>The product which fits your needs</h1>
|
||||
</div>
|
||||
<div class="col-md-6 mb16 mt16">
|
||||
<p>Design expression comes from the combined effect of all elements in a product. Colour tone, shape and size should direct a person's thoughts towards buying the product. Therefore it is in the product designer's best interest to consider the audiences who are most likely to be the product's end consumers. Keeping in mind how consumers will perceive the product during the design process will direct towards the product’s success in the market. However, even within a specific audience, it is challenging to cater to each possible personality within that group.</p>
|
||||
</div>
|
||||
<div class="col-md-6 mb16 mt16">
|
||||
<p>The solution to that is to create a product that, in its designed appearance and function, expresses a personality or tells a story. Products that carry such attributes are more likely to give off a stronger expression that will attract more consumers. On that note it is important to keep in mind that design expression does not only concern the appearance of a product, but also its function. For example, as humans our appearance as well as our actions are subject to people's judgment when they are making a first impression of us.</p>
|
||||
</div>
|
||||
<div class="col-md-12">
|
||||
<img alt="#" src="/website/image/theme_common.image_content_04" class="img img-responsive"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="s_testimonial_slider carousel slide mt0 mb0" 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" style=""/>
|
||||
</div>
|
||||
</div>
|
||||
</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 bg-alpha mt48">
|
||||
<div class="container-fluid">
|
||||
<div class="row mb32 mt32">
|
||||
<div class="col-sm-12 col-md-3 col-md-offset-1">
|
||||
<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-sm-12 col-md-3">
|
||||
<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_title_big">
|
||||
<div class="oe_share">
|
||||
<h1 class="mb32 mt32 text-center">Our references</h1>
|
||||
</div>
|
||||
</section>
|
||||
<hr class="s_separator"/>
|
||||
<section class="s_logo_bar bg-alpha">
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-md-2 col-md-offset-1">
|
||||
<img class="img-responsive center-block" src="/website/image/theme_common.image_content_08"/>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<img class="img-responsive center-block" src="/website/image/theme_common.image_content_08"/>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<img class="img-responsive center-block" src="/website/image/theme_common.image_content_08"/>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<img class="img-responsive center-block" src="/website/image/theme_common.image_content_08"/>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<img class="img-responsive center-block" src="/website/image/theme_common.image_content_08"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
</div>
|
||||
|
||||
</t>
|
||||
</template>
|
||||
|
||||
</data>
|
||||
</openerp>
|
||||
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: 89 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 17 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
@@ -0,0 +1,211 @@
|
||||
<section class="container">
|
||||
<h2 class="text-muted">Html5 Responsive Bootstrap Theme for Odoo CMS</h2>
|
||||
<hr>
|
||||
|
||||
<p class="lead">Kea 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="kea_description.png" class="img-responsive center-block">
|
||||
<hr>
|
||||
|
||||
<h2 class="text-muted">Kea Customization Tool</h2>
|
||||
|
||||
<p>Theme Kea 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 Kea comes with a lot of options</h3>
|
||||
<ul>
|
||||
<li>6 PRESETS</li>
|
||||
<li>WIDE OR BOXED LAYOUT</li>
|
||||
<li>6 COLOR SCHEMES</li>
|
||||
<li>8 BACKGROUND SHADES OR USE YOUR OWN</li>
|
||||
<li>6 FONT COMBINATIONS</li>
|
||||
<li>10 BACKGROUND PATTERNS</li>
|
||||
</ul>
|
||||
<p>All the background, color and font combinations were made to work together.
|
||||
You can not go wrong with the settings.</p>
|
||||
|
||||
<h3>Minimalistic Flat Design</h3>
|
||||
<p>Kea 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, Kea gives
|
||||
you six full presets wich combine colors, fonts and background.</p>
|
||||
</div>
|
||||
</div>
|
||||
<hr>
|
||||
|
||||
<h2 class="text-muted">Kea Building Blocks</h2>
|
||||
|
||||
<p>You get a new complete range of building blocks.</p>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
<h4 class="text-muted">CONTENT BLOCKS</h4>
|
||||
<ul class="mb16">
|
||||
<li>Title</li>
|
||||
<li>1 Column Text</li>
|
||||
<li>2 Column Text</li>
|
||||
<li>3 Column Text</li>
|
||||
<li>4 Column Text</li>
|
||||
<li>Custom Button</li>
|
||||
<li>Separator Block</li>
|
||||
</ul>
|
||||
<h4 class="text-muted mb16">STRUCTURE BLOCKS</h4>
|
||||
<ul class="mb16">
|
||||
<li>Custom Banner</li>
|
||||
<li>Big Picture + Text</li>
|
||||
<li>Text + Big Picture</li>
|
||||
<li>Cubes</li>
|
||||
<li>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>
|
||||
<li>2 Color Blocks</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<h4 class="text-muted">FEATURES BLOCKS</h4>
|
||||
<ul class="mb16">
|
||||
<li>Slide Banner</li>
|
||||
<li>Slideshow with products</li>
|
||||
</ul>
|
||||
<h4 class="text-muted">EFFECTS BLOCKS</h4>
|
||||
<ul class="mb16">
|
||||
<li>Big Image Parallax</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<h3>Customize Your Blocks</h3>
|
||||
<p class="mb16">Each building blocks comes with its own options. </p>
|
||||
<img src="customtool2.jpg" class="img-responsive center-block"/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<p>Some fonts might not work with extended charsets.</p>
|
||||
<p>The images in the theme are copyrighted and can't be used outside of the odoo.com domain.</p>
|
||||
<hr>
|
||||
|
||||
<h1 class="text-center">CONTRIBUTORS LIST</h1>
|
||||
<br/>
|
||||
|
||||
<p class="strong text-center">This theme was created with the help of our user community.</p>
|
||||
|
||||
<h3 class="text-center">Thanks to our backers the Indiegogo campaign was a success!</h3>
|
||||
|
||||
<p class="text-center"><a>https://www.indiegogo.com/projects/bootstrap-themes-for-odoo-cms/</a></p>
|
||||
<br/>
|
||||
|
||||
<h1 class="text-center"><u>Main Sponsor</u></h1>
|
||||
<br/>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-2">
|
||||
<a href="http://www.aselcis.com/" target="blank">
|
||||
<img src="contributors/aselcis.jpg" class="img-responsive center-block"/>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<a href="http://www.bas-solutions.nl/" target="blank">
|
||||
<img src="contributors/bas-solutions.png" class="img-responsive center-block"/>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<a href="http://www.bloopark.de/" target="blank">
|
||||
<img src="contributors/bloopark.png" class="img-responsive center-block"/>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<a href="http://www.brouwland.com" target="blank">
|
||||
<img src="contributors/brouwland.jpg" class="img-responsive center-block"/>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<a href="http://www.catsanddogs.com/" target="blank">
|
||||
<img src="contributors/catsdogs.png" class="img-responsive center-block"/>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<a href="https://www.hucke-media.de/" target="blank">
|
||||
<img src="contributors/huckemedia.png" class="img-responsive center-block"/>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-2">
|
||||
<a href="http://www.datadialog.net/" target="blank">
|
||||
<img src="contributors/dialognet.png" class="img-responsive center-block"/>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<a href="http://www.dynapps.be/" target="blank">
|
||||
<img src="contributors/dynapps.jpg" class="img-responsive center-block"/>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<a href="http://opusvl.com/" target="blank">
|
||||
<img src="contributors/opusvl.png" class="img-responsive center-block"/>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<a href="http://oxenworkwear.com/" target="blank">
|
||||
<img src="contributors/oxen.jpg" class="img-responsive center-block"/>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<a href="http://www.simplit.co/" target="blank">
|
||||
<img src="contributors/simplitco.jpg" class="img-responsive center-block"/>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<a href="http://www.sodexis.com/" target="blank">
|
||||
<img src="contributors/sodexis.jpg" class="img-responsive center-block"/>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row" style="margin-bottom:30px;">
|
||||
<div class="col-md-2 col-md-offset-3">
|
||||
<a href="https://www.techreceptives.com" target="blank">
|
||||
<img src="contributors/tech-receptives.png" class="img-responsive center-block"/>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<a href="http://www.applicatour.com/" target="blank">
|
||||
<img src="contributors/applicatour.jpg" class="img-responsive center-block"/>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<a href="https://vauxoo.com" target="blank">
|
||||
<img src="contributors/vauxoo.png" class="img-responsive center-block"/>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<p>Ross Whiting, Oxenworkwear - Hans Balis - Stephan Keller, Sodexis, Inc. - Michael Hucke, Hucke Media GmbH & Co. KG - Joachim Grubelnik, DaDi EDV GmbH datadialog.net - DynApps - Cats&Dogs bvba - Bloopark systems GmbH & Co. KG - Parthiv Patel, Tech Receptives Solutions Pvt. Ltd. - Stuart Mackintosh, OpusVL - Erwin van der Ploeg, BAS Solutions - ali Zuaby, simplit co - Aselcis Consulting - Nhomar Hernandez, Vauxoo</p>
|
||||
|
||||
<h1 class="text-center"><u>Sponsor</u></h1>
|
||||
<br/>
|
||||
|
||||
<p>Robert Baumgartner, datenpol gmbh - openBIG - Russell Phillippe, Protogenos Ltd - Julien Allo, Julius - EasyPME - Jonathan Wilson, WillowIT Pty Ltd - Xavier Mallein, MAallein - Pedro M. Baeza, Serv. Tecnol. Avanzados - Daniel Dico, OERP Canada - Jantz Business Group b.v. - LogicaSoft Consulting - Eric Caudal, Elico Corp - Ermin Trevisan, Twanda - Jean-François Mattler, OpenFid SAS - Alex Ferrer, Lannex IT Solutions - Tony Gu, Shine IT Co. Ltd. 先安科技 - TaPo-IT OG - Jos De Graeve, Apertoso - Nicolas Rigo, eezee-it - Luis Miguel Varón E, Colorisa S.A - OpenBias - Stanislas Drouin Applicatour</p>
|
||||
|
||||
<h1 class="text-center"><u>Power Designer</u></h1>
|
||||
<br/>
|
||||
|
||||
<p>Rohit Thakral - François Dhommeaux, Ubic Informatique - Judson Alves, Market Home Delivery - Eric Flaux, ABF Osiell - Gilles Dupont - Arnis Putniņš - Johnson Martt, GetOpenERP (Part of OpenStow Technologies) - Gianluca Milano - Daniel Stolovich, ATEL S.A. - Equitania Software GmbH - Senthilnathan G - Houssine Bakkali - Arend Trip - Kevin Woolf, Baba Kevin's American Barbecue Co., Ltd. - toodoo sàrl - Zoltan Gabor 'Apersis' - Tom De Decker, WEB2GO LTD - Nicolás Cavalier Montenegro, STOREGUD CORPORATION SAC - Keirse Jerome - REAL Solutions S.A. - Davide Corio - Brice Muangkhot - Melvin Miguel Martinez, Mendoza Hernandez - Auditores - Chua Wen Ching - Tran Minh Tri working, ungdungtinhoc.com - Badisheng Morena - Sogexis - Josh Wardini - The Tee Shirt Bakery - Bruce Letterle, Red Lab Media - Benoit Vankoningsloo - Francisco Manuel Garcia Claramonte. - Paulina Mikolajczak-Blasco - Collectiv - Tony Fernando - Herbert Riener, rigaConcepts - Kalmen Chia, E-Global SCM Solution Sdn Bhd - Rob North, Pair A Dice Games - David E. Vargas, CloudShop - François Le Gal - Calin Chete (24h Solutions) - Maria Gabriela Fong, MAGA Systems & Consulting - Pascal Behr, Cytosurge AG - Marc Antwertinger - Opencloud Unipessoal, Lda - Ruchir Shukla, BizzAppDev - Michael Hucke, Hucke Media GmbH & Co. KG - Mathias Neef, copadoMEDIA UG - Pablo Arias - Same Motion - livingprocess.de - Habib Ayob - Igor Jovanovic - Liangming Wang, Weixuan Inc. - Jason Au Yeung, Binary System Limited - Fredrik Arvas, Arvas International AB - Martin Temmink, Zigaret - Mathieu Vanneste, Flockdesign - Filip Fruru, Instant Media - Marianne Wilmsmeier, Fabrik Fünf GmbH - Vertex Group Enterprises - Bingen Eguzkitza - Herczeg Péter, InnOpen Group Kft - Giles Hohnen - Luis Felipe Miléo, KMEE - Maria Gabriela Fong, MAGA Systems & Consulting - Aaron Magon, Web Industries - Andrew Trueman, B.M. Trueman & Partners - Sven Petersen, Conexus - Nous Cambas - Oliver Yuan, OpenStone - Henri Ibowili, A-YANT.COM - Nicolas JEUDY - Helmut Drewes - Maik Steinfeld, Streward - Hans Henrik Gabelgaard - AJ Rosman - Eduard - Patrick Darribet, SUDOKEYS - Camptocamp - Cyril Morisse - Alejandro Santana - Eva Pinter, YBO - Mathias Neef, copadoMEDIA UG - Jean-Christophe Perrot, LOGICASOFT - Zarshed Ali, HiTechnologia - Stefan Reisich - Maxime Chambreuil, Savoir-faire Linux - Mario Gielissen, Openworx - Nicholas Burdic, Aptoworks LLC - Olivier Lenoir</p>
|
||||
</section>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 252 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 16 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 59 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 305 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 121 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 49 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 255 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 173 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 105 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 161 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 132 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 234 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 134 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 28 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 87 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 151 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 121 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 187 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 175 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 123 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 160 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 169 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 76 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 144 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 120 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 48 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 130 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 140 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 100 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 216 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 351 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 105 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 785 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 264 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 474 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 677 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 210 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 553 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 392 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: 430 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 5.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 75 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 28 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 72 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 28 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 364 B |
Binary file not shown.
|
After Width: | Height: | Size: 168 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 912 B |
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 |
@@ -0,0 +1,128 @@
|
||||
/* ===================== BLOG ===================== */
|
||||
|
||||
#blog_right_column {
|
||||
padding: 0 15px 35px 30px;
|
||||
}
|
||||
.website_blog {
|
||||
.col-sm-8 {
|
||||
padding: 0 15px 30px 35px;
|
||||
}
|
||||
}
|
||||
.post-meta {
|
||||
margin-top: 20px;
|
||||
text-align: left;
|
||||
}
|
||||
.blog_title {
|
||||
.post-meta {
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
#main_column {
|
||||
h4 {
|
||||
font-size: 18px;
|
||||
}
|
||||
h2 {
|
||||
font-size: 25px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ===================== FORUM ===================== */
|
||||
|
||||
.website_forum {
|
||||
background-color: @color-eta;
|
||||
margin-top: 0px !important;
|
||||
width: 100%;
|
||||
.navbar-default .navbar-nav > li > a, .navbar-header span {
|
||||
color: @color-delta;
|
||||
}
|
||||
.navbar-right {
|
||||
margin-bottom: 0;
|
||||
.btn {
|
||||
padding: 5px 20px;
|
||||
}
|
||||
}
|
||||
li.active > a {
|
||||
background-color: @color-zeta !important;
|
||||
}
|
||||
}
|
||||
.website_forum + #wrap {
|
||||
padding: 35px;
|
||||
.col-sm-3 {
|
||||
.btn-block {
|
||||
background-color: @color-epsilon;
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
.question {
|
||||
.oe_grey {
|
||||
background-color: rgba(0, 0, 0, 0);
|
||||
}
|
||||
}
|
||||
}
|
||||
.forum_docs {
|
||||
margin-top: 30px;
|
||||
padding: 10px 35px;
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
/* ============== Breadcrumb in events, job etc ============== */
|
||||
|
||||
.breadcrumb {
|
||||
background: rgba(0, 0, 0, 0);
|
||||
.BorderRadius(0px);
|
||||
}
|
||||
/* ============== Nav-pills in events, job etc ============== */
|
||||
.nav-pills {
|
||||
li a {
|
||||
color: @gray-light;
|
||||
&:hover {
|
||||
color: @gray;
|
||||
}
|
||||
}
|
||||
li.active > a {
|
||||
color: @color-epsilon !important;
|
||||
background: rgba(0, 0, 0, 0);
|
||||
&:hover {
|
||||
background-color: @gray-lighter;
|
||||
color: @gray !important;
|
||||
}
|
||||
.badge {
|
||||
color: @color-alpha;
|
||||
background-color: @color-epsilon;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* ============== Panel styles ============== */
|
||||
|
||||
.panel-heading {
|
||||
background-color: rgba(0, 0, 0, 0) !important;
|
||||
border: none;
|
||||
color: @color-epsilon !important;
|
||||
}
|
||||
.panel-footer {
|
||||
background: rgba(0, 0, 0, 0);
|
||||
}
|
||||
.panel {
|
||||
text-align: center;
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
border: 1px solid @gray-lighter;
|
||||
.BorderRadius (0px);
|
||||
.list-group-item {
|
||||
border-color: white;
|
||||
}
|
||||
}
|
||||
.panel-title {
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
/* ===================== DOCUMENTATION ===================== */
|
||||
|
||||
[data-view-xmlid*="website_forum_doc.documentation_post"] {
|
||||
.container:first-child {
|
||||
margin-bottom: 0px !important;
|
||||
height: 90px;
|
||||
padding-top: 20px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,189 @@
|
||||
/* ================== 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: #dcdcdc; // light gray
|
||||
@colorPreset1_color1_dark: darken(@colorPreset1_color1, 10%);
|
||||
@colorPreset1_color1_light: lighten(@colorPreset1_color1, 5%);
|
||||
@colorPreset1_color2: #9c9b9b; // gray
|
||||
@colorPreset1_color2_dark: darken(@colorPreset1_color2, 10%);
|
||||
@colorPreset1_color2_light: lighten(@colorPreset1_color2, 5%);
|
||||
@colorPreset1_color3: #333333; // dark gray
|
||||
@colorPreset1_color3_dark: darken(@colorPreset1_color3, 10%);
|
||||
@colorPreset1_color3_light: lighten(@colorPreset1_color3, 10%);
|
||||
@colorPreset1_color4: #e4677f; // salmon
|
||||
@colorPreset1_color4_dark: darken(@colorPreset1_color4, 10%);
|
||||
@colorPreset1_color4_light: lighten(@colorPreset1_color4, 5%);
|
||||
|
||||
/* ================== COLOR PRESET 2 ================= */
|
||||
|
||||
@colorPreset2_color1: #c7d0d5; // light gray
|
||||
@colorPreset2_color1_dark: darken(@colorPreset2_color1, 10%);
|
||||
@colorPreset2_color1_light: lighten(@colorPreset2_color1, 5%);
|
||||
@colorPreset2_color2: #93b1c6; // light blue
|
||||
@colorPreset2_color2_dark: darken(@colorPreset2_color2, 10%);
|
||||
@colorPreset2_color2_light: lighten(@colorPreset2_color2, 10%);
|
||||
@colorPreset2_color3: #556672; // dirty blue
|
||||
@colorPreset2_color3_dark: darken(@colorPreset2_color3, 10%);
|
||||
@colorPreset2_color3_light: lighten(@colorPreset2_color3, 10%);
|
||||
@colorPreset2_color4: #ff7148; // orange
|
||||
@colorPreset2_color4_dark: darken(@colorPreset2_color4, 10%);
|
||||
@colorPreset2_color4_light: lighten(@colorPreset2_color4, 5%);
|
||||
|
||||
/* ================== COLOR PRESET 3 ================= */
|
||||
|
||||
@colorPreset3_color1: #ebe3e0; // light beige
|
||||
@colorPreset3_color1_dark: darken(@colorPreset3_color1, 10%);
|
||||
@colorPreset3_color1_light: lighten(@colorPreset3_color1, 5%);
|
||||
@colorPreset3_color2: #e3d6c6; // middle beige
|
||||
@colorPreset3_color2_dark: darken(@colorPreset3_color2, 10%);
|
||||
@colorPreset3_color2_light: lighten(@colorPreset3_color2, 10%);
|
||||
@colorPreset3_color3: #333333; // light green
|
||||
@colorPreset3_color3_dark: darken(@colorPreset3_color3, 10%);
|
||||
@colorPreset3_color3_light: lighten(@colorPreset3_color3, 10%);
|
||||
@colorPreset3_color4: #f9a646; // light orange
|
||||
@colorPreset3_color4_dark: darken(@colorPreset3_color4, 10%);
|
||||
@colorPreset3_color4_light: lighten(@colorPreset3_color4, 5%);
|
||||
|
||||
/* ================== COLOR PRESET 4 ================= */
|
||||
|
||||
@colorPreset4_color1: #7ec2aa; // light green
|
||||
@colorPreset4_color1_dark: darken(@colorPreset4_color1, 10%);
|
||||
@colorPreset4_color1_light: lighten(@colorPreset4_color1, 5%);
|
||||
@colorPreset4_color2: #4ca8a1; // middle green
|
||||
@colorPreset4_color2_dark: darken(@colorPreset4_color2, 10%);
|
||||
@colorPreset4_color2_light: lighten(@colorPreset4_color2, 10%);
|
||||
@colorPreset4_color3: #556672; // dark blue
|
||||
@colorPreset4_color3_dark: darken(@colorPreset4_color3, 10%);
|
||||
@colorPreset4_color3_light: lighten(@colorPreset4_color3, 10%);
|
||||
@colorPreset4_color4: #f9a646; // orange
|
||||
@colorPreset4_color4_dark: darken(@colorPreset4_color4, 10%);
|
||||
@colorPreset4_color4_light: lighten(@colorPreset4_color4, 5%);
|
||||
|
||||
/* ================== COLOR PRESET 5 ================= */
|
||||
|
||||
@colorPreset5_color1: #7f909a; // dark gray
|
||||
@colorPreset5_color1_dark: darken(@colorPreset5_color1, 10%);
|
||||
@colorPreset5_color1_light: lighten(@colorPreset5_color1, 5%);
|
||||
@colorPreset5_color2: #ed6639; // orange
|
||||
@colorPreset5_color2_dark: darken(@colorPreset5_color2, 10%);
|
||||
@colorPreset5_color2_light: lighten(@colorPreset5_color2, 10%);
|
||||
@colorPreset5_color3: #333333; // beige
|
||||
@colorPreset5_color3_dark: darken(@colorPreset5_color3, 10%);
|
||||
@colorPreset5_color3_light: lighten(@colorPreset5_color3, 10%);
|
||||
@colorPreset5_color4: #385b9f; // light beige
|
||||
@colorPreset5_color4_dark: darken(@colorPreset5_color4, 10%);
|
||||
@colorPreset5_color4_light: lighten(@colorPreset5_color4, 5%);
|
||||
|
||||
/* ================== COLOR PRESET 6 ================= */
|
||||
|
||||
@colorPreset6_color1: #fcdf15; // yellow
|
||||
@colorPreset6_color1_dark: darken(@colorPreset6_color1, 10%);
|
||||
@colorPreset6_color1_light: lighten(@colorPreset6_color1, 5%);
|
||||
@colorPreset6_color2: #0b99bc; // cyan
|
||||
@colorPreset6_color2_dark: darken(@colorPreset6_color2, 5%);
|
||||
@colorPreset6_color2_light: lighten(@colorPreset6_color2, 5%);
|
||||
@colorPreset6_color3: #3c3c3c; // gray
|
||||
@colorPreset6_color3_dark: darken(@colorPreset6_color3, 10%);
|
||||
@colorPreset6_color3_light: lighten(@colorPreset6_color3, 10%);
|
||||
@colorPreset6_color4: #d40e52; // magenta
|
||||
@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 ================= */
|
||||
|
||||
.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,400 @@
|
||||
/* ================== MODAL COLORS ================= */
|
||||
|
||||
@modalGreen: @colorPreset6_color2;
|
||||
@modalGreenDark: darken(@modalGreen, 5%);
|
||||
@modalGreenLight: lighten(@modalGreen, 15%);
|
||||
@modalOrange: @colorPreset5_color1;
|
||||
@modalBlue: #151C24;
|
||||
@modalLightBlue: lighten(@modalBlue, 20%);
|
||||
|
||||
/* ======================= COLOR PRESET 1 ====================== */
|
||||
|
||||
#theme_customize_modal .row .colorPreset1 div:nth-child(1) {background-color: @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: @colorPreset2_color2;}
|
||||
#theme_customize_modal #bgcolor .bg_color_03 {background-color: @gray-light;}
|
||||
#theme_customize_modal #bgcolor .bg_color_04 {background-color: @colorPreset3_color2;}
|
||||
#theme_customize_modal #bgcolor .bg_color_05 {background-color: @colorPreset3_color4;}
|
||||
#theme_customize_modal #bgcolor .bg_color_06 {background-color: @colorPreset4_color2;}
|
||||
#theme_customize_modal #bgcolor .bg_color_07 {background-color: @colorPreset5_color4;}
|
||||
#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 {
|
||||
.VAlignTop;
|
||||
padding: 0px;
|
||||
background-color: @gray-dark;
|
||||
.tab-content {
|
||||
overflow-x: hidden;
|
||||
height: 480px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.close {
|
||||
padding: .2em .4em;
|
||||
color: white;
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
right: 10px;
|
||||
float: right;
|
||||
font-weight: bold;
|
||||
opacity: .9;
|
||||
text-shadow: none;
|
||||
}
|
||||
.left-content-block a {
|
||||
display: block;
|
||||
min-height: 70px;
|
||||
width: 70px;
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
color: white;
|
||||
font-size: 12px;
|
||||
|
||||
&:hover, &:focus, &:active {
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
span {
|
||||
margin-bottom: 13px;
|
||||
}
|
||||
}
|
||||
.left-content-block .glyphicon:hover, .glyphicon:focus {
|
||||
color: @modalOrange;
|
||||
}
|
||||
.glyphicon {
|
||||
font-size: 20px;
|
||||
padding-bottom: 5px;
|
||||
color: @white;
|
||||
}
|
||||
.color-combi {
|
||||
.col-xs-2 {
|
||||
width: 43px;
|
||||
height: 43px;
|
||||
padding: 0px;
|
||||
}
|
||||
.row {
|
||||
border-color: @gray-light !important;
|
||||
}
|
||||
}
|
||||
.tab-pane > .row > .col-xs-6 {
|
||||
padding: 0px;
|
||||
}
|
||||
#bgcolor {
|
||||
.col-xs-12 {
|
||||
height: 50px;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
}
|
||||
#pattern {
|
||||
.col-xs-12 {
|
||||
.pattern-swatch {
|
||||
width: 250px;
|
||||
height: 100%;
|
||||
img {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
#color {
|
||||
p:first-child {
|
||||
margin-top: 15px;
|
||||
}
|
||||
}
|
||||
|
||||
/*oe manipulators*/
|
||||
|
||||
#oe_manipulators {
|
||||
.oe_snippet_remove {
|
||||
background-color: red;
|
||||
color: white;
|
||||
&:hover {
|
||||
color: black;
|
||||
}
|
||||
}
|
||||
.dropdown-menu {
|
||||
border-radius: 0px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ================== MODAL ======================*/
|
||||
|
||||
.modal:not(#theme_customize_modal) {
|
||||
.modal-dialog {
|
||||
border: 1px solid @gray-dark;
|
||||
.modal-content {
|
||||
border-radius: 0px;
|
||||
border: none;
|
||||
background-color: @color-gamma;
|
||||
}
|
||||
.btn-primary, .btn-default {
|
||||
border: none;
|
||||
}
|
||||
.active a {
|
||||
background: 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-alpha;
|
||||
border-top: 1px solid @gray-lighter;
|
||||
color: @gray-light
|
||||
}
|
||||
.modal-footer {
|
||||
color: white;
|
||||
.btn-primary {
|
||||
background-color: @gray-lighter;
|
||||
color: @color-beta;
|
||||
}
|
||||
}
|
||||
.modal-header {
|
||||
height: 71px;
|
||||
border: none;
|
||||
h4 {
|
||||
font-size: 20px;
|
||||
}
|
||||
}
|
||||
.modal-body {
|
||||
font-size: 14px;
|
||||
thead {
|
||||
color: white;
|
||||
}
|
||||
#editor-media-image {
|
||||
background-color: rgba(0, 0, 0, 0) !important;
|
||||
}
|
||||
.well {
|
||||
background-color: @gray-lighter;
|
||||
color: @gray;
|
||||
.BorderRadius(0px);
|
||||
border: none;
|
||||
.form-control {
|
||||
border-radius: 0px;
|
||||
background-color: @gray;
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
height: 35px;
|
||||
&:focus {
|
||||
box-shadow: none;
|
||||
border: 1px solid @color-eta;
|
||||
}
|
||||
}
|
||||
.btn-default {
|
||||
border-radius: 0px;
|
||||
border: none;
|
||||
background-color: @gray;
|
||||
color: @gray-lighter;
|
||||
height: 35px;
|
||||
}
|
||||
}
|
||||
.tab-content {
|
||||
.existing-attachment-remove {
|
||||
background: @gray;
|
||||
border: 1px solid @gray-dark;
|
||||
}
|
||||
}
|
||||
.nav-tabs > li.active > a, &:hover > li.active > a:focus {
|
||||
border: none;
|
||||
}
|
||||
.nav-tabs {
|
||||
border-bottom: 1px solid @gray-light;
|
||||
background-color: @gray-lighter;
|
||||
padding-left: 20px;
|
||||
.font-icons:before {
|
||||
z-index: 1;
|
||||
font-size: 1.5em;
|
||||
top: 12px;
|
||||
left: 10px;
|
||||
}
|
||||
.pager {
|
||||
transform: translateY(23%);
|
||||
margin-right: 10px;
|
||||
.previous a, .next a {
|
||||
background-color: @gray;
|
||||
color: @gray-lighter;
|
||||
border: none;
|
||||
height: 35px;
|
||||
}
|
||||
}
|
||||
a {
|
||||
color: @color-delta; // !important
|
||||
&:hover {
|
||||
background: rgba(0, 0, 0, 0);
|
||||
}
|
||||
}
|
||||
}
|
||||
.search .form-control {
|
||||
border-radius: 0px;
|
||||
background-color: @gray;
|
||||
border: none;
|
||||
transform: translateY(23%);
|
||||
box-shadow: none;
|
||||
height: 35px;
|
||||
&:focus {
|
||||
box-shadow: none;
|
||||
border: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
.modal-title {
|
||||
color: @color-alpha;
|
||||
}
|
||||
.nav-tabs > li {
|
||||
margin-bottom: 0px;
|
||||
&:hover {
|
||||
background: 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;
|
||||
}
|
||||
@@ -0,0 +1,59 @@
|
||||
@bg-img-01: url("/website/image/theme_common.image_content_11");
|
||||
@bg-img-02: url("/website/image/theme_common.image_content_03");
|
||||
@bg-img-03: url("/website/image/theme_common.image_content_12");
|
||||
@bg-img-04: url("/website/image/theme_common.image_content_02");
|
||||
@bg-img-05: url("/website/image/theme_common.image_content_10");
|
||||
@bg-img-06: url("/website/image/theme_common.image_content_09");
|
||||
@bg-img-07: url("/website/image/theme_common.image_content_07");
|
||||
|
||||
.bg-img-01 {
|
||||
background-image: @bg-img-01;
|
||||
background-size: cover;
|
||||
background-position: center center;
|
||||
}
|
||||
.bg-img-02 {
|
||||
background-image: @bg-img-02;
|
||||
background-size: cover;
|
||||
background-position: center center;
|
||||
}
|
||||
.bg-img-03 {
|
||||
background-image: @bg-img-03;
|
||||
background-size: cover;
|
||||
background-position: center center;
|
||||
}
|
||||
.bg-img-04 {
|
||||
background-image: @bg-img-04;
|
||||
background-size: cover;
|
||||
background-position: center center;
|
||||
}
|
||||
.bg-img-05 {
|
||||
background-image: @bg-img-05;
|
||||
background-size: cover;
|
||||
background-position: center center;
|
||||
}
|
||||
.bg-img-06 {
|
||||
background-image: @bg-img-06;
|
||||
background-size: cover;
|
||||
background-position: center center;
|
||||
}
|
||||
.bg-img-07 {
|
||||
background-image: @bg-img-07;
|
||||
background-size: cover;
|
||||
background-position: center center;
|
||||
}
|
||||
.em1 {
|
||||
font-size: 1em !important;
|
||||
line-height: 1.5em;
|
||||
}
|
||||
.em2 {
|
||||
font-size: 2em !important;
|
||||
line-height: 1.5em;
|
||||
}
|
||||
.em3 {
|
||||
font-size: 3em !important;
|
||||
line-height: 1.5em;
|
||||
}
|
||||
.em4 {
|
||||
font-size: 4em !important;
|
||||
line-height: 1.2em;
|
||||
}
|
||||
@@ -0,0 +1,3 @@
|
||||
body {
|
||||
background-color: @white;
|
||||
}
|
||||
@@ -0,0 +1,3 @@
|
||||
body {
|
||||
background-color: @colorPreset2_color2;
|
||||
}
|
||||
@@ -0,0 +1,3 @@
|
||||
body {
|
||||
background-color: @gray-light;
|
||||
}
|
||||
@@ -0,0 +1,3 @@
|
||||
body {
|
||||
background-color: @colorPreset3_color2;
|
||||
}
|
||||
@@ -0,0 +1,3 @@
|
||||
body {
|
||||
background-color: @colorPreset3_color4;
|
||||
}
|
||||
@@ -0,0 +1,3 @@
|
||||
body {
|
||||
background-color: @colorPreset4_color2;
|
||||
}
|
||||
@@ -0,0 +1,3 @@
|
||||
body {
|
||||
background-color: @colorPreset5_color4;
|
||||
}
|
||||
@@ -0,0 +1,3 @@
|
||||
body {
|
||||
background-color: @colorPreset3_color2;
|
||||
}
|
||||
@@ -0,0 +1,4 @@
|
||||
body {
|
||||
background: url("/website/image/theme_kea.bg_img_01") no-repeat center center fixed;
|
||||
background-size: cover;
|
||||
}
|
||||
@@ -0,0 +1,4 @@
|
||||
body {
|
||||
background: url("/website/image/theme_kea.bg_img_02") no-repeat center center fixed;
|
||||
background-size: cover;
|
||||
}
|
||||
@@ -0,0 +1,4 @@
|
||||
body {
|
||||
background: url("/website/image/theme_kea.bg_img_03") no-repeat center center fixed;
|
||||
background-size: cover;
|
||||
}
|
||||
@@ -0,0 +1,4 @@
|
||||
body {
|
||||
background: url("/website/image/theme_kea.bg_img_04") no-repeat center center fixed;
|
||||
background-size: cover;
|
||||
}
|
||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user