@ -0,0 +1,39 @@ |
|||
Blueberry Backend Theme |
|||
======================= |
|||
|
|||
Blueberry Backend Theme |
|||
|
|||
Depends |
|||
======= |
|||
[website] addon Odoo |
|||
[portal] addon Odoo |
|||
[web_responsive] addon Odoo |
|||
|
|||
Installation |
|||
============ |
|||
- www.odoo.com/documentation/14.0/setup/install.html |
|||
- Install our Theme |
|||
|
|||
License |
|||
======= |
|||
GNU AFFERO GENERAL PUBLIC LICENSE, Version 3 (AGPLv3) |
|||
(http://www.gnu.org/licenses/agpl.html) |
|||
|
|||
Bug Tracker |
|||
=========== |
|||
Bugs are tracked on GitHub Issues. In case of trouble, please check there if your issue has already been reported. |
|||
|
|||
Credits |
|||
======= |
|||
* Cybrosys Techno Solutions <https://www.cybrosys.com> |
|||
|
|||
Author |
|||
------ |
|||
Cybrosys Technologies <odoo@cybrosys.com> |
|||
|
|||
Maintainer |
|||
---------- |
|||
|
|||
This module is maintained by Cybrosys Technologies. |
|||
|
|||
For support and more information, please visit https://www.cybrosys.com. |
@ -0,0 +1,23 @@ |
|||
# -*- coding: utf-8 -*- |
|||
############################################################################# |
|||
# |
|||
# Cybrosys Technologies Pvt. Ltd. |
|||
# |
|||
# Copyright (C) 2021-TODAY Cybrosys Technologies(<https://www.cybrosys.com>) |
|||
# Author: Cybrosys Techno Solutions(<https://www.cybrosys.com>) |
|||
# |
|||
# You can modify it under the terms of the GNU LESSER |
|||
# GENERAL PUBLIC LICENSE (LGPL v3), Version 3. |
|||
# |
|||
# This program is distributed in the hope that it will be useful, |
|||
# but WITHOUT ANY WARRANTY; without even the implied warranty of |
|||
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the |
|||
# GNU LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details. |
|||
# |
|||
# You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE |
|||
# (LGPL v3) along with this program. |
|||
# If not, see <http://www.gnu.org/licenses/>. |
|||
# |
|||
############################################################################# |
|||
|
|||
|
@ -0,0 +1,51 @@ |
|||
# -*- coding: utf-8 -*- |
|||
############################################################################# |
|||
# |
|||
# Cybrosys Technologies Pvt. Ltd. |
|||
# |
|||
# Copyright (C) 2021-TODAY Cybrosys Technologies(<https://www.cybrosys.com>) |
|||
# Author: Cybrosys Techno Solutions(<https://www.cybrosys.com>) |
|||
# |
|||
# You can modify it under the terms of the GNU LESSER |
|||
# GENERAL PUBLIC LICENSE (LGPL v3), Version 3. |
|||
# |
|||
# This program is distributed in the hope that it will be useful, |
|||
# but WITHOUT ANY WARRANTY; without even the implied warranty of |
|||
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the |
|||
# GNU LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details. |
|||
# |
|||
# You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE |
|||
# (LGPL v3) along with this program. |
|||
# If not, see <http://www.gnu.org/licenses/>. |
|||
# |
|||
############################################################################# |
|||
|
|||
{ |
|||
"name": "Blueberry Backend Theme", |
|||
"description": """Backend theme for Odoo 14.0 community edition""", |
|||
"summary": "Backend theme for Odoo 14.0 community edition.", |
|||
"version": "14.0.1.0.0", |
|||
'author': 'Cybrosys Techno Solutions', |
|||
'company': 'Cybrosys Techno Solutions', |
|||
'maintainer': 'Cybrosys Techno Solutions', |
|||
"website": "https://www.cybrosys.com", |
|||
"category": "Theme/Backend", |
|||
'images': [ |
|||
'static/description/banner.png', |
|||
'static/description/theme_screenshot.png' |
|||
], |
|||
"depends": [ |
|||
'website', |
|||
'portal', |
|||
'web_responsive' |
|||
], |
|||
"data": [ |
|||
'views/assets.xml', |
|||
'views/login_templates.xml', |
|||
], |
|||
'qweb': ['static/src/xml/*.xml'], |
|||
'license': 'LGPL-3', |
|||
'installable': True, |
|||
'auto_install': False, |
|||
'application': False, |
|||
} |
@ -0,0 +1,5 @@ |
|||
## Module <backend_theme_odoo12> |
|||
|
|||
#### 05.07.2021 |
|||
#### Version 14.0.1.0.0 |
|||
##### ADD |
After Width: | Height: | Size: 310 B |
After Width: | Height: | Size: 1.3 KiB |
After Width: | Height: | Size: 1.4 KiB |
After Width: | Height: | Size: 576 B |
After Width: | Height: | Size: 733 B |
After Width: | Height: | Size: 911 B |
After Width: | Height: | Size: 1.1 KiB |
After Width: | Height: | Size: 1.2 KiB |
After Width: | Height: | Size: 673 B |
After Width: | Height: | Size: 878 B |
After Width: | Height: | Size: 653 B |
After Width: | Height: | Size: 905 B |
After Width: | Height: | Size: 839 B |
After Width: | Height: | Size: 427 B |
After Width: | Height: | Size: 627 B |
After Width: | Height: | Size: 1.2 KiB |
After Width: | Height: | Size: 988 B |
After Width: | Height: | Size: 1.2 KiB |
After Width: | Height: | Size: 196 KiB |
After Width: | Height: | Size: 21 KiB |
After Width: | Height: | Size: 124 KiB |
After Width: | Height: | Size: 65 KiB |
After Width: | Height: | Size: 118 KiB |
After Width: | Height: | Size: 110 KiB |
After Width: | Height: | Size: 54 KiB |
After Width: | Height: | Size: 153 KiB |
After Width: | Height: | Size: 103 KiB |
After Width: | Height: | Size: 294 KiB |
After Width: | Height: | Size: 1.8 KiB |
After Width: | Height: | Size: 4.0 KiB |
After Width: | Height: | Size: 766 B |
After Width: | Height: | Size: 266 KiB |
After Width: | Height: | Size: 1.2 MiB |
After Width: | Height: | Size: 64 KiB |
After Width: | Height: | Size: 98 KiB |
After Width: | Height: | Size: 390 KiB |
After Width: | Height: | Size: 187 KiB |
After Width: | Height: | Size: 316 KiB |
@ -0,0 +1,446 @@ |
|||
<!-- HERO SECTION --> |
|||
<div class="contianer"> |
|||
<div class="row position-relative" |
|||
style="background-color: #3c31e2 !important; height: 400px; margin-bottom: 6rem;"> |
|||
<div class="col-lg-12 d-flex flex-column justify-content-start align-items-center"> |
|||
<h1 class="display-1 text-white" style="padding-top: 5rem;">Blueberry Backend Theme</h1> |
|||
<p class="text-light small font-weight-bold" style="letter-spacing: 2px; text-transform: uppercase;">Clean |
|||
& Colorful Backend Theme for |
|||
Odoo 14</p> |
|||
</div> |
|||
<img src="./images/hero.png" class="img img-fluid" |
|||
style="height: auto; width: 525px; top: 45%; left: 0; right: 0; margin-left: auto; margin-right: auto;" |
|||
height="auto" width="525px"> |
|||
</div> |
|||
</div> |
|||
<!-- END OF HERO SECTION --> |
|||
<!-- SHORT DESCRIPTION --> |
|||
<div class="container"> |
|||
<div class="row my-4"> |
|||
<div class="col-lg-12 d-flex justify-content-center align-items-center"> |
|||
<h6 class="text-muted text-center w-50" style="line-height: 22px;">The app enables a user friendly backend |
|||
theme for Odoo 14.0 community edition.</h6> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!-- END OF SHORT DESCRIPTION --> |
|||
<!-- FEATURE ICONS --> |
|||
<div class="container w-50" style="margin: 3rem auto;"> |
|||
<div class="row"> |
|||
<div class="col-lg-4 my-2 d-flex flex-column justify-content-center align-items-center"> |
|||
<div |
|||
style="height: 100px; width: 100px; border: 8px solid #e4e3fe; border-radius: 50%; background-color: #d9d7fe; box-shadow: 0px 0px 0px 8px #f0efff;" |
|||
class="d-flex justify-content-center align-items-center"> |
|||
<img height="60px" src="./images/icons/design.png"> |
|||
</div> |
|||
<h6 class="my-4 text-center">Carefully Crafted</h6> |
|||
</div> |
|||
|
|||
<div class="col-lg-4 my-2 d-flex flex-column justify-content-center align-items-center"> |
|||
<div |
|||
style="height: 100px; width: 100px; border: 8px solid #e4e3fe; border-radius: 50%; background-color: #d9d7fe; box-shadow: 0px 0px 0px 8px #f0efff;" |
|||
class="d-flex justify-content-center align-items-center"> |
|||
<img height="60px" src="./images/icons/responsive.png"> |
|||
</div> |
|||
<h6 class="my-4 text-center">Responsive Design</h6> |
|||
</div> |
|||
|
|||
<div class="col-lg-4 my-2 d-flex flex-column justify-content-center align-items-center"> |
|||
<div |
|||
style="height: 100px; width: 100px; border: 8px solid #e4e3fe; border-radius: 50%; background-color: #d9d7fe; box-shadow: 0px 0px 0px 8px #f0efff;" |
|||
class="d-flex justify-content-center align-items-center"> |
|||
<img height="60px" src="./images/icons/quality.png"> |
|||
</div> |
|||
<h6 class="my-4 text-center">Quality Checked</h6> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!-- END OF FEATURE ICONS --> |
|||
|
|||
<!-- ONE COLUMN SECTION--> |
|||
<div class="container" style="margin: 3rem auto;"> |
|||
<div class="row my-4"> |
|||
<div class="col-lg-12 d-flex flex-column justify-content-center align-items-center"> |
|||
<h2 class="text-center mt-3 display-4 text-weight-bold">Kanban View</h2> |
|||
<p class="text-center lead text-muted mb-4">Kanban view with a clean layout and modified font.</p> |
|||
<img height="600px" width="auto" src="./images/kanban.png" class="img img-fluid deep-4 rounded"> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!-- END OF ONE COLUMN SECTION--> |
|||
|
|||
<!-- TWO COLUMN SECTION--> |
|||
<div class="container" style="margin: 6rem auto;"> |
|||
<div class="row my-4"> |
|||
<div class="col-lg-6 d-flex flex-column justify-content-center align-items-start"> |
|||
<span class="font-weight-bold" style="letter-spacing: 2px; text-transform: uppercase; color: #4336FB">Custom |
|||
Login</span> |
|||
<h2 class="mt-3">Minimal, Colorful Login Screen</h2> |
|||
<p class="lead text-muted mb-4">Customized minimal and colorful login screen.</p> |
|||
<img src="./images/login.png" class="img img-fluid deep-2 rounded"> |
|||
</div> |
|||
|
|||
<div class="col-lg-6 d-flex flex-column justify-content-center align-items-start"> |
|||
<span class="font-weight-bold" style="letter-spacing: 2px; text-transform: uppercase; color: #4336FB">Colored UI Elements</span> |
|||
<h2 class="mt-3">Discuss</h2> |
|||
<p class="lead text-muted mb-4">Discuss page with a different style.</p> |
|||
<img src="./images/discuss.png" class="img img-fluid deep-2 rounded"> |
|||
</div> |
|||
|
|||
</div> |
|||
</div> |
|||
<!-- END OF TWO COLUMN SECTION--> |
|||
|
|||
<!-- RESPONSIVE SECTION--> |
|||
<div class="container" style="margin: 6rem auto;"> |
|||
<div class="row my-4"> |
|||
<div class="col-lg-5 d-flex flex-column justify-content-center align-items-start"> |
|||
<img src="./images/responsive.jpg" class="img img-fluid deep-2 rounded"> |
|||
</div> |
|||
<div class="col-lg-7 d-flex flex-column justify-content-center"> |
|||
<span class="font-weight-bold" style="letter-spacing: 2px; text-transform: uppercase; color: #4336FB">Responsive |
|||
Layout</span> |
|||
<h2 class="mt-3">Truly Responsive</h2> |
|||
<p class="lead text-muted mb-4">Fully responsive layout which enables to view and manage everything from the comfort of your mobile device.</p> |
|||
</div> |
|||
</div> |
|||
|
|||
</div> |
|||
<!-- END OF RESPONSIVE SECTION--> |
|||
|
|||
<!-- TWO COLUMN SECTION--> |
|||
<div class="container" style="margin: 6rem auto;"> |
|||
<div class="row my-4"> |
|||
<div class="col-lg-6 d-flex flex-column justify-content-center align-items-start"> |
|||
<span class="font-weight-bold" style="letter-spacing: 2px; text-transform: uppercase; color: #4336FB">Custom |
|||
App Drawer</span> |
|||
<h2 class="mt-3">Modified App Drawer</h2> |
|||
<p class="lead text-muted mb-4">Modified app drawer which helps to navigate through different applications.</p> |
|||
<img src="./images/app_drawer.png" class="img img-fluid deep-2 rounded"> |
|||
</div> |
|||
|
|||
<div class="col-lg-6 d-flex flex-column justify-content-center align-items-start"> |
|||
<span class="font-weight-bold" style="letter-spacing: 2px; text-transform: uppercase; color: #4336FB">Custom |
|||
Search Option</span> |
|||
<h2 class="mt-3">Advanced searching option for App menus.</h2> |
|||
<p class="lead text-muted mb-4">Advanced searching option which provides an easy way to navigate through the different app menus.</p> |
|||
<img src="./images/search.png" class="img img-fluid deep-2 rounded"> |
|||
</div> |
|||
|
|||
</div> |
|||
</div> |
|||
<!-- END OF TWO COLUMN SECTION--> |
|||
|
|||
<!-- RESPONSIVE SECTION--> |
|||
<div class="container" style="margin: 6rem auto;"> |
|||
<div class="row my-4"> |
|||
<div class="col-lg-5 d-flex flex-column justify-content-center align-items-start"> |
|||
<img src="./images/custom_date.png" class="img img-fluid deep-2 rounded"> |
|||
</div> |
|||
<div class="col-lg-7 d-flex flex-column justify-content-center"> |
|||
<span class="font-weight-bold" style="letter-spacing: 2px; text-transform: uppercase; color: #4336FB">Colored UI Elements</span> |
|||
<h2 class="mt-3">Custom Date Picker</h2> |
|||
<p class="lead text-muted mb-4">Customized date picker</p> |
|||
</div> |
|||
</div> |
|||
|
|||
</div> |
|||
</div> |
|||
<!-- END OF RESPONSIVE SECTION--> |
|||
|
|||
<!-- TWO COLUMN SECTION--> |
|||
<div class="container" style="margin: 6rem auto;"> |
|||
<div class="row my-4"> |
|||
<div class="col-lg-6 d-flex flex-column justify-content-center align-items-start"> |
|||
<span class="font-weight-bold" style="letter-spacing: 2px; text-transform: uppercase; color: #4336FB">Colored UI Elements</span> |
|||
<h2 class="mt-3">Tree View</h2> |
|||
<p class="lead text-muted mb-4">Tree view with a clean layout and modified font.</p> |
|||
<img src="./images/tree_view.png" class="img img-fluid deep-2 rounded"> |
|||
</div> |
|||
|
|||
<div class="col-lg-6 d-flex flex-column justify-content-center align-items-start"> |
|||
<span class="font-weight-bold" style="letter-spacing: 2px; text-transform: uppercase; color: #4336FB">Colored UI Elements</span> |
|||
<h2 class="mt-3">Form View</h2> |
|||
<p class="lead text-muted mb-4">Form view with a clean layout and modified font.</p> |
|||
<img src="./images/form_view.png" class="img img-fluid deep-2 rounded"> |
|||
</div> |
|||
|
|||
</div> |
|||
</div> |
|||
<!-- END OF TWO COLUMN SECTION--> |
|||
|
|||
<!-- OUR SERVICES --> |
|||
<section class="container" style="margin-top: 6rem !important;"> |
|||
<div class="row"> |
|||
<div class="col-lg-12 d-flex flex-column justify-content-center align-items-center"> |
|||
<h2 class="text-center" |
|||
style="font-family: Montserrat, 'sans-serif'; color: #000 !important; font-weight: 800 !important; font-size: 2rem !important; width: 80%;"> |
|||
Our Services</h2> |
|||
<p class="text-center" |
|||
style="font-family: Montserrat, 'sans-serif'; color: #1a1a1a !important; font-weight: 300 !important; font-size: 1.3rem !important;"> |
|||
We provide following services</p> |
|||
</div> |
|||
|
|||
<div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4"> |
|||
<div class="d-flex justify-content-center align-items-center mx-3 my-3" |
|||
style="background-color: #1dd1a1 !important; border-radius: 15px !important; height: 80px; width: 80px;"> |
|||
<img src="assets/icons/cogs.png" class="img-responsive" height="48px" width="48px"> |
|||
</div> |
|||
<h6 class="text-center" style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">Odoo |
|||
Customization</h6> |
|||
</div> |
|||
|
|||
<div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4"> |
|||
<div class="d-flex justify-content-center align-items-center mx-3 my-3" |
|||
style="background-color: #ff6b6b !important; border-radius: 15px !important; height: 80px; width: 80px;"> |
|||
<img src="assets/icons/wrench.png" class="img-responsive" height="48px" width="48px"> |
|||
</div> |
|||
<h6 class="text-center" style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">Odoo |
|||
Implementation</h6> |
|||
</div> |
|||
|
|||
<div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4"> |
|||
<div class="d-flex justify-content-center align-items-center mx-3 my-3" |
|||
style="background-color: #6462CD !important; border-radius: 15px !important; height: 80px; width: 80px;"> |
|||
<img src="assets/icons/lifebuoy.png" class="img-responsive" height="48px" width="48px"> |
|||
</div> |
|||
<h6 class="text-center" style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">Odoo |
|||
Support</h6> |
|||
</div> |
|||
|
|||
|
|||
<div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4"> |
|||
<div class="d-flex justify-content-center align-items-center mx-3 my-3" |
|||
style="background-color: #ffa801 !important; border-radius: 15px !important; height: 80px; width: 80px;"> |
|||
<img src="assets/icons/user.png" class="img-responsive" height="48px" width="48px"> |
|||
</div> |
|||
<h6 class="text-center" style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">Hire |
|||
Odoo |
|||
Developer</h6> |
|||
</div> |
|||
|
|||
<div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4"> |
|||
<div class="d-flex justify-content-center align-items-center mx-3 my-3" |
|||
style="background-color: #54a0ff !important; border-radius: 15px !important; height: 80px; width: 80px;"> |
|||
<img src="assets/icons/puzzle.png" class="img-responsive" height="48px" width="48px"> |
|||
</div> |
|||
<h6 class="text-center" style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">Odoo |
|||
Integration</h6> |
|||
</div> |
|||
|
|||
<div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4"> |
|||
<div class="d-flex justify-content-center align-items-center mx-3 my-3" |
|||
style="background-color: #6d7680 !important; border-radius: 15px !important; height: 80px; width: 80px;"> |
|||
<img src="assets/icons/update.png" class="img-responsive" height="48px" width="48px"> |
|||
</div> |
|||
<h6 class="text-center" style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">Odoo |
|||
Migration</h6> |
|||
</div> |
|||
|
|||
|
|||
<div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4"> |
|||
<div class="d-flex justify-content-center align-items-center mx-3 my-3" |
|||
style="background-color: #786fa6 !important; border-radius: 15px !important; height: 80px; width: 80px;"> |
|||
<img src="assets/icons/consultation.png" class="img-responsive" height="48px" width="48px"> |
|||
</div> |
|||
<h6 class="text-center" style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">Odoo |
|||
Consultancy</h6> |
|||
</div> |
|||
|
|||
<div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4"> |
|||
<div class="d-flex justify-content-center align-items-center mx-3 my-3" |
|||
style="background-color: #f8a5c2 !important; border-radius: 15px !important; height: 80px; width: 80px;"> |
|||
<img src="assets/icons/training.png" class="img-responsive" height="48px" width="48px"> |
|||
</div> |
|||
<h6 class="text-center" style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">Odoo |
|||
Implementation</h6> |
|||
</div> |
|||
|
|||
<div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4"> |
|||
<div class="d-flex justify-content-center align-items-center mx-3 my-3" |
|||
style="background-color: #e6be26 !important; border-radius: 15px !important; height: 80px; width: 80px;"> |
|||
<img src="assets/icons/license.png" class="img-responsive" height="48px" width="48px"> |
|||
</div> |
|||
<h6 class="text-center" style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">Odoo |
|||
Licensing Consultancy</h6> |
|||
</div> |
|||
</div> |
|||
</section> |
|||
<!-- END OF END OF OUR SERVICES --> |
|||
|
|||
<!-- OUR INDUSTRIES --> |
|||
<section class="container" style="margin-top: 6rem !important;"> |
|||
<div class="row"> |
|||
<div class="col-lg-12 d-flex flex-column justify-content-center align-items-center"> |
|||
<h2 class="text-center" |
|||
style="font-family: Montserrat, 'sans-serif'; color: #000 !important; font-weight: 800 !important; font-size: 2rem !important; width: 80%;"> |
|||
Our Industries</h2> |
|||
<p class="text-center" |
|||
style="font-family: Montserrat, 'sans-serif'; color: #1a1a1a !important; font-weight: 300 !important; font-size: 1.3rem !important;"> |
|||
Our industry specifics and process segments to solve your complex business barriers.</p> |
|||
</div> |
|||
|
|||
<div class="col-lg-3"> |
|||
<div class="my-4 d-flex flex-column justify-content-center" |
|||
style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;"> |
|||
<img src="./assets/icons/trading-black.png" class="img-responsive mb-3" height="48px" width="48px"> |
|||
<h5 style="color: #000 !important; font-weight: bold;"> |
|||
Trading |
|||
</h5> |
|||
<p style="font-size: 0.9rem !important;">Easily procure |
|||
and |
|||
sell your products</p> |
|||
</div> |
|||
</div> |
|||
|
|||
<div class="col-lg-3"> |
|||
<div class="my-4 d-flex flex-column justify-content-center" |
|||
style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;"> |
|||
<img src="./assets/icons/pos-black.png" class="img-responsive mb-3" height="48px" width="48px"> |
|||
<h5 style="color: #000 !important; font-weight: bold;"> |
|||
POS |
|||
</h5> |
|||
<p style="font-size: 0.9rem !important;">Easy |
|||
configuration |
|||
and convivial experience</p> |
|||
</div> |
|||
</div> |
|||
|
|||
<div class="col-lg-3"> |
|||
<div class="my-4 d-flex flex-column justify-content-center" |
|||
style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;"> |
|||
<img src="./assets/icons/education-black.png" class="img-responsive mb-3" height="48px" width="48px"> |
|||
<h5 style="color: #000 !important; font-weight: bold;"> |
|||
Education |
|||
</h5> |
|||
<p style="font-size: 0.9rem !important;">A platform for |
|||
educational management</p> |
|||
</div> |
|||
</div> |
|||
|
|||
<div class="col-lg-3"> |
|||
<div class="my-4 d-flex flex-column justify-content-center" |
|||
style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;"> |
|||
<img src="./assets/icons/manufacturing-black.png" class="img-responsive mb-3" height="48px" width="48px"> |
|||
<h5 style="color: #000 !important; font-weight: bold;"> |
|||
Manufacturing |
|||
</h5> |
|||
<p style="font-size: 0.9rem !important;">Plan, track and |
|||
schedule your operations</p> |
|||
</div> |
|||
</div> |
|||
|
|||
<div class="col-lg-3"> |
|||
<div class="my-4 d-flex flex-column justify-content-center" |
|||
style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;"> |
|||
<img src="./assets/icons/ecom-black.png" class="img-responsive mb-3" height="48px" width="48px"> |
|||
<h5 style="color: #000 !important; font-weight: bold;"> |
|||
E-commerce & Website |
|||
</h5> |
|||
<p style="font-size: 0.9rem !important;">Mobile |
|||
friendly, |
|||
awe-inspiring product pages</p> |
|||
</div> |
|||
</div> |
|||
|
|||
<div class="col-lg-3"> |
|||
<div class="my-4 d-flex flex-column justify-content-center" |
|||
style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;"> |
|||
<img src="./assets/icons/service-black.png" class="img-responsive mb-3" height="48px" width="48px"> |
|||
<h5 style="color: #000 !important; font-weight: bold;"> |
|||
Service Management |
|||
</h5> |
|||
<p style="font-size: 0.9rem !important;">Keep track of |
|||
services and invoice</p> |
|||
</div> |
|||
</div> |
|||
|
|||
<div class="col-lg-3"> |
|||
<div class="my-4 d-flex flex-column justify-content-center" |
|||
style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;"> |
|||
<img src="./assets/icons/restaurant-black.png" class="img-responsive mb-3" height="48px" width="48px"> |
|||
<h5 style="color: #000 !important; font-weight: bold;"> |
|||
Restaurant |
|||
</h5> |
|||
<p style="font-size: 0.9rem !important;">Run your bar or |
|||
restaurant methodically</p> |
|||
</div> |
|||
</div> |
|||
|
|||
<div class="col-lg-3"> |
|||
<div class="my-4 d-flex flex-column justify-content-center" |
|||
style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;"> |
|||
<img src="./assets/icons/hotel-black.png" class="img-responsive mb-3" height="48px" width="48px"> |
|||
<h5 style="color: #000 !important; font-weight: bold;"> |
|||
Hotel Management |
|||
</h5> |
|||
<p style="font-size: 0.9rem !important;">An |
|||
all-inclusive |
|||
hotel management application</p> |
|||
</div> |
|||
</div> |
|||
|
|||
</div> |
|||
</section> |
|||
|
|||
<!-- END OF END OF OUR INDUSTRIES --> |
|||
|
|||
<!-- FOOTER --> |
|||
<!-- Footer Section --> |
|||
<section class="container" style="margin: 5rem auto 2rem;"> |
|||
<div class="row" style="max-width:1540px;"> |
|||
<div class="col-lg-12 d-flex flex-column justify-content-center align-items-center"> |
|||
<h2 class="text-center" |
|||
style="color: #000 !important; font-weight: 800 !important; font-size: 2rem !important; width: 80%;"> |
|||
Need Help?</h2> |
|||
<p class="text-center" |
|||
style="color: #1a1a1a !important; font-weight: 300 !important; font-size: 1.3rem !important;"> |
|||
Do you have any queries regarding our products & services? Let us know.</p> |
|||
</div> |
|||
</div> |
|||
|
|||
<!-- Contact Cards --> |
|||
<div class="row d-flex justify-content-center align-items-center" |
|||
style="max-width:1540px; margin: 0 auto 2rem auto;"> |
|||
|
|||
<div class="col-lg-12" style="padding: 0rem 3rem 2rem; border-radius: 10px; margin-right: 3rem; "> |
|||
|
|||
<div class="row mt-4"> |
|||
<div class="col-lg-4"> |
|||
<a href="mailto:odoo@cybrosys.com" target="_blank" class="btn btn-block mb-2 deep_hover" |
|||
style="text-decoration: none; background-color: #4d4d4d; color: #FFF; border-radius: 4px;"><i |
|||
class="fa fa-envelope mr-2"></i>odoo@cybrosys.com</a> |
|||
</div> |
|||
<div class="col-lg-4"> |
|||
<a href="https://api.whatsapp.com/send?phone=918606827707" target="_blank" |
|||
class="btn btn-block mb-2 deep_hover" |
|||
style="text-decoration: none; background-color: #25D366; color: #FFF; border-radius: 4px;"><i |
|||
class="fa fa-whatsapp mr-2"></i>WhatsApp</a> |
|||
</div> |
|||
<div class="col-lg-4"> |
|||
<a href="mailto:info@cybrosys.com" target="_blank" class="btn btn-block deep_hover" |
|||
style="text-decoration: none; background-color: #4d4d4d; color: #FFF; border-radius: 4px;"><i |
|||
class="fa fa-envelope mr-2"></i>info@cybrosys.com</a> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
</div> |
|||
<!-- End of Contact Cards --> |
|||
</section> |
|||
<!-- Footer --> |
|||
<section class="oe_container" style="padding: 2rem 3rem 1rem;"> |
|||
<div class="row" style="max-width:1540px; margin: 0 auto; margin-right: 3rem; "> |
|||
<!-- Logo --> |
|||
<div class="col-lg-12 d-flex justify-content-center align-items-center" style="margin-top: 3rem;"> |
|||
<img src="https://www.cybrosys.com/images/logo.png" width="200px" height="auto" /> |
|||
</div> |
|||
<!-- End of Logo --> |
|||
<div class="col-lg-12"> |
|||
<hr |
|||
style="margin-top: 3rem;background: linear-gradient(90deg, rgba(2,0,36,0) 0%, rgba(229,229,229,1) 33%, rgba(229,229,229,1) 58%, rgba(0,212,255,0) 100%); height: 2px; border-style: none;"> |
|||
<!-- End of Footer Section --> |
|||
</div> |
|||
</div> |
|||
|
|||
<!-- END OF FOOTER --> |
After Width: | Height: | Size: 467 KiB |
@ -0,0 +1,180 @@ |
|||
@import url('https://fonts.googleapis.com/css?family=Poppins'); |
|||
body { |
|||
font-size: 14px; |
|||
font-family: lato, sans-serif |
|||
} |
|||
|
|||
h1, h2, h3, h4, h5, h6 { |
|||
margin: 0; |
|||
font-family: poppins, sans-serif |
|||
} |
|||
|
|||
p { |
|||
font-family: lato, sans-serif; |
|||
font-size: 15px; |
|||
line-height: 26px; |
|||
color: #444; |
|||
margin-bottom: 0 |
|||
} |
|||
|
|||
p img { |
|||
margin: 0 |
|||
} |
|||
|
|||
a, a:visited { |
|||
text-decoration: none; |
|||
transition: all .3s ease-in-out; |
|||
-webkit-transition: all .3s ease-in-out; |
|||
-moz-transition: all .3s ease-in-out; |
|||
-o-transition: all .3s ease-in-out; |
|||
outline: 0; |
|||
font-family: poppins, sans-serif |
|||
} |
|||
|
|||
a:hover { |
|||
text-decoration: none |
|||
} |
|||
|
|||
a:focus { |
|||
text-decoration: none; |
|||
outline: 0 |
|||
} |
|||
|
|||
p a, p a:visited { |
|||
line-height: inherit; |
|||
outline: 0 |
|||
} |
|||
|
|||
ul, ol { |
|||
margin-bottom: 0; |
|||
margin-top: 0; |
|||
padding: 0 |
|||
} |
|||
|
|||
ul { |
|||
margin: 0; |
|||
list-style-type: none |
|||
} |
|||
|
|||
ol { |
|||
list-style: decimal |
|||
} |
|||
|
|||
ol, ul.square, ul.circle, ul.disc { |
|||
margin-left: 0 |
|||
} |
|||
|
|||
ul.square { |
|||
list-style: square outside |
|||
} |
|||
|
|||
ul.circle { |
|||
list-style: circle outside |
|||
} |
|||
|
|||
ul.disc { |
|||
list-style: disc outside |
|||
} |
|||
|
|||
ul ul, ul ol, ol ol, ol ul { |
|||
margin: 0 |
|||
} |
|||
|
|||
ul ul li, ul ol li, ol ol li, ol ul li { |
|||
margin-bottom: 0 |
|||
} |
|||
|
|||
button { |
|||
cursor: pointer; |
|||
outline: none !important; |
|||
letter-spacing: 0 |
|||
} |
|||
|
|||
blockquote { |
|||
padding: 60px; |
|||
position: relative; |
|||
background: #853bfa |
|||
} |
|||
|
|||
blockquote:before { |
|||
content: '\f10d'; |
|||
font-family: fontawesome; |
|||
color: #fff; |
|||
font-size: 32px; |
|||
position: absolute; |
|||
left: 16px; |
|||
top: 46px |
|||
} |
|||
|
|||
blockquote p { |
|||
font-size: 17px; |
|||
color: #fff |
|||
} |
|||
|
|||
.blockquote-footer { |
|||
color: #fff |
|||
} |
|||
/*==============login================*/ |
|||
.oe_website_login_container { |
|||
padding: 5rem; |
|||
background: linear-gradient(to left, #6442ff 0%, #9012fe 100%); |
|||
} |
|||
|
|||
.oe_login_form, .oe_signup_form, .oe_reset_password_form { |
|||
color: #fff !important; |
|||
} |
|||
|
|||
.oe_login_form input { |
|||
height: 47px !important; |
|||
border-radius: 0 !important; |
|||
background: #fff !important; |
|||
border: 1px solid #ffffff; |
|||
} |
|||
|
|||
.oe_login_form i.fa.fa-database { |
|||
margin-left: 6px; |
|||
} |
|||
|
|||
.oe_login_form a.btn.btn-secondary { |
|||
display: flex; |
|||
justify-content: space-between; |
|||
align-items: center; |
|||
border-radius: 0 !important; |
|||
} |
|||
.cybro-login-btn { |
|||
height: 47px; |
|||
border-radius: 0; |
|||
background: #57b846 !important; |
|||
border: none; |
|||
color: #ffffff !important; |
|||
font-size: 16px; |
|||
} |
|||
.cybro-super-btn { |
|||
color: #fff; |
|||
font-size: 14px; |
|||
text-decoration: none; |
|||
} |
|||
.cybro-super-btn:hover { |
|||
color: black !important; |
|||
text-decoration: none; |
|||
} |
|||
.cybro-bg footer{ |
|||
background: #303641 !important; |
|||
color: #fff; |
|||
padding-top: 2rem; |
|||
} |
|||
.cybro-bg .navbar { |
|||
background: #303641 !important; |
|||
color: #fff; |
|||
} |
|||
.cybro-bg footer a,.cybro-bg footer p,.cybro-bg header a,.cybro-bg header p { |
|||
color: #fff; |
|||
} |
|||
.cybro-bg .navbar-light .navbar-nav .nav-link { |
|||
color: #ffffff !important; |
|||
} |
|||
.homepage .dropdown-menu.js_usermenu.dropdown-menu-right.show { |
|||
color:#ffffff !important; |
|||
background: #303641; |
|||
} |
|||
/*==============//login================*/ |
@ -0,0 +1,966 @@ |
|||
@import url('https://fonts.googleapis.com/css?family=Poppins'); |
|||
|
|||
body { |
|||
font-size: 14px; |
|||
font-family: lato, sans-serif |
|||
} |
|||
|
|||
h1, h2, h3, h4, h5, h6 { |
|||
margin: 0; |
|||
font-family: poppins, sans-serif |
|||
} |
|||
|
|||
p { |
|||
font-family: lato, sans-serif; |
|||
font-size: 15px; |
|||
line-height: 26px; |
|||
color: #444; |
|||
margin-bottom: 0 |
|||
} |
|||
|
|||
p img { |
|||
margin: 0 |
|||
} |
|||
|
|||
a, a:visited { |
|||
text-decoration: none; |
|||
transition: all .3s ease-in-out; |
|||
-webkit-transition: all .3s ease-in-out; |
|||
-moz-transition: all .3s ease-in-out; |
|||
-o-transition: all .3s ease-in-out; |
|||
outline: 0; |
|||
font-family: poppins, sans-serif |
|||
} |
|||
|
|||
a:hover { |
|||
text-decoration: none |
|||
} |
|||
|
|||
a:focus { |
|||
text-decoration: none; |
|||
outline: 0 |
|||
} |
|||
|
|||
a { |
|||
color: #000000 !important; |
|||
} |
|||
|
|||
a:hover { |
|||
color: #4336fb; |
|||
} |
|||
|
|||
p a, p a:visited { |
|||
line-height: inherit; |
|||
outline: 0 |
|||
} |
|||
|
|||
ul, ol { |
|||
margin-bottom: 0; |
|||
margin-top: 0; |
|||
padding: 0 |
|||
} |
|||
|
|||
ul { |
|||
margin: 0; |
|||
list-style-type: none |
|||
} |
|||
|
|||
ol { |
|||
list-style: decimal |
|||
} |
|||
|
|||
ol, ul.square, ul.circle, ul.disc { |
|||
margin-left: 0 |
|||
} |
|||
|
|||
ul.square { |
|||
list-style: square outside |
|||
} |
|||
|
|||
ul.circle { |
|||
list-style: circle outside |
|||
} |
|||
|
|||
ul.disc { |
|||
list-style: disc outside |
|||
} |
|||
|
|||
ul ul, ul ol, ol ol, ol ul { |
|||
margin: 0 |
|||
} |
|||
|
|||
ul ul li, ul ol li, ol ol li, ol ul li { |
|||
margin-bottom: 0 |
|||
} |
|||
|
|||
input { |
|||
font-size: 14px !important; |
|||
border: 1px solid rgba(170, 170, 170, .3) !important; |
|||
padding: 10.72px 12.8px; |
|||
padding: .67rem .8rem; |
|||
display: block; |
|||
width: 100%; |
|||
height: 37px !important; |
|||
padding: 2.375rem .75rem; |
|||
font-size: 1rem; |
|||
line-height: 1.5; |
|||
color: #495057 !important; |
|||
background-color: #fff !important; |
|||
background-clip: padding-box; |
|||
border: 1px solid #ced4da !important; |
|||
border-radius: 0 !important; |
|||
transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; |
|||
} |
|||
|
|||
button { |
|||
cursor: pointer; |
|||
outline: none !important; |
|||
letter-spacing: 0 |
|||
} |
|||
|
|||
blockquote { |
|||
padding: 60px; |
|||
position: relative; |
|||
background: #853bfa |
|||
} |
|||
|
|||
blockquote:before { |
|||
content: '\f10d'; |
|||
font-family: fontawesome; |
|||
color: #fff; |
|||
font-size: 32px; |
|||
position: absolute; |
|||
left: 16px; |
|||
top: 46px |
|||
} |
|||
|
|||
blockquote p { |
|||
font-size: 17px; |
|||
color: #fff |
|||
} |
|||
|
|||
.blockquote-footer { |
|||
color: #fff |
|||
} |
|||
|
|||
/*Menu Bar*/ |
|||
.o_main_navbar .cybro-main-menu { |
|||
max-height: 100vh; |
|||
min-width: 100%; |
|||
overflow: auto; |
|||
margin-top: 0; |
|||
z-index: 99; |
|||
height: 100vh; |
|||
width: 280px; |
|||
overflow-y: scroll; |
|||
background: #30363F; |
|||
box-shadow: 2px 0 32px rgba(0, 0, 0, .05); |
|||
-webkit-transition: all .3s ease 0s; |
|||
transition: all .3s ease 0s; |
|||
transform: none !important; |
|||
border: none; |
|||
} |
|||
|
|||
i.fa.fa-th-large { |
|||
font-size: 26px !important; |
|||
color: #4336fb !important; |
|||
margin-top: 10px; |
|||
} |
|||
|
|||
.cybro-main-menu a.dropdown-item.o_app { |
|||
position: relative; |
|||
display: block; |
|||
color: #8d97ad !important; |
|||
font-size: 15px; |
|||
text-transform: capitalize; |
|||
padding: 15px !important; |
|||
letter-spacing: 0; |
|||
font-weight: 400; |
|||
padding-left: 32px !important; |
|||
} |
|||
|
|||
.cybro-main-menu a.dropdown-item.o_app:hover { |
|||
color: #ffffff !important; |
|||
} |
|||
|
|||
.cybro-main-menu a:hover { |
|||
color: #fff !important; |
|||
background: #343942 !important; |
|||
} |
|||
|
|||
.dropdown-item.active, .dropdown-item:active { |
|||
color: #fff !important; |
|||
background: #343942; |
|||
} |
|||
|
|||
img.cybro-menuicon { |
|||
width: 28px; |
|||
margin-right: 10px; |
|||
} |
|||
|
|||
/*//Menu Bar*/ |
|||
/*Top bar*/ |
|||
.o_main_navbar { |
|||
position: relative; |
|||
height: 70px; |
|||
padding-top: 15px; |
|||
border-bottom: 1px solid #d8e3e7; |
|||
background-color: #ffffff !important; |
|||
color: #333 !important; |
|||
} |
|||
|
|||
.o_main_navbar > ul > li > a, .o_main_navbar > ul > li > label { |
|||
height: 46px; |
|||
padding: 0 10px; |
|||
color: #333 !important; |
|||
line-height: 46px; |
|||
transition: .3s all ease; |
|||
} |
|||
|
|||
.o_main_navbar > ul > li > a:hover, .o_main_navbar > ul > li > label:hover { |
|||
background: none !important; |
|||
border: none; |
|||
color: #4336fb !important; |
|||
} |
|||
|
|||
.o_main_navbar > a:hover, .o_main_navbar > a:focus, .o_main_navbar > button:hover, .o_main_navbar > button:focus { |
|||
background: none; |
|||
color: inherit; |
|||
color: #4336fb !important; |
|||
} |
|||
|
|||
.o_main_navbar .show .dropdown-toggle { |
|||
background-color: #ffffff !important; |
|||
color: #4336fb; |
|||
} |
|||
|
|||
li.o_user_menu a.dropdown-toggle { |
|||
display: -webkit-box; |
|||
display: -ms-flexbox; |
|||
display: flex; |
|||
-webkit-box-align: center; |
|||
-ms-flex-align: center; |
|||
align-items: center; |
|||
-ms-flex-wrap: wrap; |
|||
flex-wrap: wrap; |
|||
background: -webkit-linear-gradient(left, #8914fe 0%, #8063f5 100%); |
|||
background: linear-gradient(to right, #8914fe 0%, #8063f5 100%); |
|||
padding: 17px 38px; |
|||
color: #fff !important; |
|||
height: 70px; |
|||
font-size: 16px; |
|||
font-family: poppins, sans-serif; |
|||
margin-top: -15px; |
|||
} |
|||
|
|||
.o_user_menu a.dropdown-toggle:hover { |
|||
border: none; |
|||
color: #020202 !important; |
|||
background: linear-gradient(to right, #8914fe 0%, #8063f5 100%) !important; |
|||
} |
|||
|
|||
.o_main_navbar .o_user_menu .oe_topbar_avatar { |
|||
height: 45px; |
|||
transform: translateY(-2px); |
|||
margin-right: 9px; |
|||
} |
|||
|
|||
.dropdown-menu a:hover { |
|||
color: #4336fb !important; |
|||
background: #ffffff !important; |
|||
} |
|||
|
|||
.cybro-main-menu a:hover { |
|||
color: #fff !important; |
|||
background: #343942 !important; |
|||
} |
|||
|
|||
.btn-primary { |
|||
color: #fff; |
|||
background-color: #4336fb; |
|||
border-color: #4336fb; |
|||
} |
|||
|
|||
.btn { |
|||
display: inline-block; |
|||
font-weight: 400; |
|||
text-align: center; |
|||
white-space: nowrap; |
|||
vertical-align: middle; |
|||
user-select: none; |
|||
border: 1px solid transparent; |
|||
padding: 1rem 1.5rem; |
|||
font-size: 1.08333333rem; |
|||
line-height: 1.5; |
|||
border-radius: 0px; |
|||
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; |
|||
} |
|||
|
|||
.o_form_view .o_form_statusbar > .o_statusbar_status > .o_arrow_button:not(:first-child):before, .o_form_view .o_form_statusbar > .o_statusbar_status > .o_arrow_button:not(:first-child):after { |
|||
content: " "; |
|||
display: block; |
|||
position: absolute; |
|||
top: 0; |
|||
left: auto; |
|||
bottom: auto; |
|||
right: -10px; |
|||
border-top: 19px solid transparent; |
|||
border-bottom: 23px solid transparent; |
|||
border-right: none; |
|||
border-left: 11px solid white; |
|||
transition: border 0.2s ease 0s; |
|||
-moz-transform: scale(0.9999); |
|||
} |
|||
|
|||
.o_form_view .o_form_statusbar > .o_statusbar_status > .o_arrow_button.btn-primary.disabled { |
|||
color: #4336fb; |
|||
font-size: 11px; |
|||
background-color: #e9ecef; |
|||
cursor: default; |
|||
} |
|||
|
|||
.o_control_panel { |
|||
border-bottom: 1px solid #d8e3e7; |
|||
} |
|||
|
|||
.o_form_view .o_form_statusbar { |
|||
border-bottom: 1px solid #d8e3e7; |
|||
} |
|||
|
|||
.o_mail_systray_item .o_notification_counter { |
|||
background: #4336fb; |
|||
} |
|||
|
|||
.o_MessagingMenu .o_MessagingMenu_counter { |
|||
background: #4336fb; |
|||
color: white; |
|||
} |
|||
|
|||
.o_searchview .o_searchview_facet .o_searchview_facet_label { |
|||
background-color: #4336fb; |
|||
} |
|||
|
|||
.o_searchview .o_searchview_input { |
|||
border: none !important; |
|||
padding: 4px 0 0 0; |
|||
} |
|||
|
|||
.o_searchview { |
|||
width: 96%; |
|||
border-radius: 33px; |
|||
border: none; |
|||
height: 40px; |
|||
padding-left: 20px; |
|||
padding-right: 40px; |
|||
letter-spacing: 0; |
|||
background: #f3eeff !important; |
|||
margin-top: 5px; |
|||
} |
|||
|
|||
.o_searchview button.btn-link { |
|||
color: #4336fb !important; |
|||
} |
|||
|
|||
.o_searchview_input_container input { |
|||
background: #f3eeff !important; |
|||
height: 34px; |
|||
color: #b1a7a7 !important; |
|||
} |
|||
|
|||
.o_searchview .o_searchview_more { |
|||
position: absolute; |
|||
top: 11px; |
|||
left: auto; |
|||
bottom: auto; |
|||
right: 14px; |
|||
color: #b1a7a7; |
|||
} |
|||
|
|||
.ui-autocomplete .ui-menu-item > a, .show .dropdown-menu .dropdown-item, .show .dropdown-menu .dropdown-header, .navbar-nav .show .dropdown-menu .dropdown-item, .navbar-nav .show .dropdown-menu .dropdown-header { |
|||
padding: 3px 20px; |
|||
transition: 0s !important; |
|||
} |
|||
|
|||
.ui-autocomplete .ui-menu-item > a:hover { |
|||
display: block; |
|||
color: #ffffff !important; |
|||
} |
|||
|
|||
.o_searchview_facet { |
|||
border-radius: 30px; |
|||
border: none !important; |
|||
margin: 6px 3px 6px 0 !important; |
|||
} |
|||
|
|||
.o_facet_values { |
|||
display: flex; |
|||
justify-content: center; |
|||
align-items: center; |
|||
border-radius: 30px !important; |
|||
background: #fff; |
|||
border-top-left-radius: 0px !important; |
|||
border-bottom-left-radius: 0px !important; |
|||
} |
|||
|
|||
span.o_searchview_facet_label { |
|||
border-radius: 30px; |
|||
border-top-right-radius: 0px; |
|||
border-bottom-right-radius: 0px; |
|||
padding: 3px 12px !important; |
|||
} |
|||
|
|||
.o_facet_values span { |
|||
padding: 0 2px 0 0px; |
|||
font-size: 12px; |
|||
} |
|||
|
|||
/*controll panel*/ |
|||
|
|||
.o_control_panel { |
|||
display: flex; |
|||
flex-flow: row wrap; |
|||
border-bottom: 1px solid darken($o-control-panel-background-color, 20%); |
|||
@include o-webclient-padding($top: 10px, $bottom: 10px); |
|||
background-color: $o-control-panel-background-color; |
|||
|
|||
> .breadcrumb { |
|||
width: 50%; |
|||
} |
|||
|
|||
&.o_breadcrumb_full > .breadcrumb { |
|||
width: 100%; |
|||
} |
|||
|
|||
> .o_cp_searchview { |
|||
width: 40%; |
|||
min-height: $o-cp-breadcrumb-height; |
|||
} |
|||
> .o_cp_left { |
|||
display: flex; |
|||
justify-content: space-between; |
|||
width: 50%; |
|||
margin-top: 5px; |
|||
} |
|||
> .o_cp_right { |
|||
display: flex; |
|||
width: 60%; |
|||
margin-top: 5px; |
|||
} |
|||
} |
|||
|
|||
.o_control_panel hr { |
|||
flex-basis: 100%; |
|||
background: #f0f4f5; |
|||
} |
|||
|
|||
.o_dropdown_menu .o_menu_item > .dropdown-item:hover { |
|||
color: #4336fb !important; |
|||
} |
|||
|
|||
.o_control_panel span.o_pager_counter { |
|||
font-size: 12px; |
|||
} |
|||
|
|||
.o_control_panel nav.o_cp_pager span.btn-group { |
|||
font-size: 12px !important; |
|||
} |
|||
|
|||
.o_control_panel button.fa.fa-chevron-left.btn.btn-secondary.o_pager_previous { |
|||
font-size: 12px; |
|||
padding-right: 4px; |
|||
padding-left: 5px; |
|||
padding-bottom: .8rem !important; |
|||
padding-top: .8rem !important; |
|||
} |
|||
|
|||
.o_control_panel button.fa.fa-chevron-right.btn.btn-secondary.o_pager_next { |
|||
font-size: 12px; |
|||
padding-left: 5px; |
|||
padding-right: 5px; |
|||
padding-bottom: .8rem !important; |
|||
padding-top: .8rem !important; |
|||
} |
|||
|
|||
.o_cp_bottom button.btn.btn-secondary.fa { |
|||
padding: 11px; |
|||
padding-bottom: .8rem !important; |
|||
padding-top: .8rem !important; |
|||
|
|||
} |
|||
|
|||
.o_cp_bottom button.btn.btn-link { |
|||
color: #4336fb; |
|||
} |
|||
|
|||
.o_cp_bottom button.btn.btn-link:hover { |
|||
color: #d45741; |
|||
} |
|||
|
|||
.o_cp_bottom button.o_dropdown_toggler_btn.btn.btn-secondary { |
|||
box-shadow: 1px 3px 12px 1px #e5e0f3d4; |
|||
margin-right: 8px; |
|||
padding: .8rem 1rem; |
|||
font-size: 12px; |
|||
} |
|||
|
|||
.o_control_panel .o_cp_left { |
|||
justify-content: flex-end; |
|||
} |
|||
|
|||
.o_control_panel button.btn.btn-secondary.o_button_import { |
|||
border: 1px solid #4336fb; |
|||
} |
|||
|
|||
.o_control_panel .btn-secondary:not(:disabled):not(.disabled):active, .o_control_panel .btn-secondary:not(:disabled):not(.disabled).active, .o_control_panel .show > .btn-secondary.dropdown-toggle { |
|||
color: #4336fb; |
|||
background-color: #ffffff; |
|||
border-color: #4336fb; |
|||
} |
|||
|
|||
.o_control_panel .btn-secondary:hover { |
|||
color: #4336fb; |
|||
background-color: #ffffff; |
|||
border-color: #4336fb; |
|||
} |
|||
|
|||
/*//Controll panel*/ |
|||
.o_calendar_container .o_calendar_sidebar_container .ui-datepicker table .ui-state-active { |
|||
background: none; |
|||
background-color: #4336fb; |
|||
color: white; |
|||
} |
|||
|
|||
.o_calendar_container .o_calendar_sidebar_container .ui-datepicker table .ui-state-default:hover { |
|||
background: none; |
|||
background-color: rgb(133, 53, 252); |
|||
border-color: #7C7BAD; |
|||
color: white; |
|||
} |
|||
|
|||
/*form header*/ |
|||
.o_control_panel.o_breadcrumb_full .o_cp_right { |
|||
order: 2; |
|||
width: auto; |
|||
} |
|||
|
|||
.o_control_panel.o_breadcrumb_full hr { |
|||
flex-basis: 0; |
|||
} |
|||
|
|||
.o_control_panel.o_breadcrumb_full ol.breadcrumb { |
|||
order: 1; |
|||
} |
|||
|
|||
.o_control_panel.o_breadcrumb_full .o_cp_left { |
|||
order: 3; |
|||
width: 58%; |
|||
justify-content: space-between; |
|||
} |
|||
|
|||
.o_control_panel.o_breadcrumb_full { |
|||
justify-content: space-between; |
|||
} |
|||
|
|||
.o_control_panel.o_breadcrumb_full .o_cp_buttons { |
|||
order: 2; |
|||
} |
|||
|
|||
.o_control_panel.o_breadcrumb_full aside.o_cp_sidebar { |
|||
order: 1; |
|||
} |
|||
|
|||
/*//Form Header*/ |
|||
.ui-autocomplete .ui-menu-item.ui-state-focus { |
|||
background-color: #4336fb; |
|||
color: #fff !important; |
|||
} |
|||
|
|||
.btn-group.o_date_range_buttons.d-none.d-md-inline-flex.float-right { |
|||
float: left !important; |
|||
margin-bottom: 5px; |
|||
} |
|||
|
|||
.btn-group.d-none.d-md-inline-block.float-right { |
|||
float: left !important; |
|||
} |
|||
|
|||
a.btn.btn-primary { |
|||
color: #fff !important; |
|||
} |
|||
|
|||
.btn-primary:hover { |
|||
background: #8255f7 !important; |
|||
border-color: #8255f7; |
|||
} |
|||
|
|||
.oe_kanban_card.oe_kanban_global_click.o_kanban_record { |
|||
box-shadow: 1px 3px 12px 1px #d2c9eab5; |
|||
margin-right: 8px; |
|||
padding: .8rem 1rem; |
|||
font-size: 12px; |
|||
border: none !important; |
|||
} |
|||
|
|||
.o_view_controller { |
|||
background: #fff; |
|||
} |
|||
|
|||
.o_field_widget.badge.badge-primary { |
|||
background: #4336fb; |
|||
padding: 5px 8px; |
|||
border-radius: 0px !important; |
|||
} |
|||
|
|||
.clearfix.o_form_sheet { |
|||
box-shadow: 1px 3px 12px 1px #d2c9eab5; |
|||
border: none !important; |
|||
} |
|||
|
|||
.o_form_sheet_bg { |
|||
background: #ffffff !important; |
|||
} |
|||
|
|||
ul.nav.nav-tabs li.nav-item a { |
|||
padding: 1rem 1rem; |
|||
} |
|||
|
|||
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { |
|||
color: #4336fb !important; |
|||
background-color: #ffffff; |
|||
border: 1px solid #4336fb; |
|||
border-bottom: 0; |
|||
} |
|||
|
|||
.o_form_view .o_horizontal_separator { |
|||
color: #000000 !important; |
|||
font-weight: 500 !important; |
|||
} |
|||
|
|||
::-webkit-scrollbar-track { |
|||
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); |
|||
border-radius: 10px; |
|||
background-color: #F5F5F5; |
|||
} |
|||
|
|||
::-webkit-scrollbar { |
|||
width: 12px; |
|||
background-color: #F5F5F5; |
|||
} |
|||
|
|||
::-webkit-scrollbar-thumb { |
|||
border-radius: 10px; |
|||
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); |
|||
background-color: #555; |
|||
} |
|||
|
|||
.o_Discuss_content .o_ThreadView .o_Discuss_thread { |
|||
background: #f3eeff; |
|||
} |
|||
|
|||
.o_MessageList { |
|||
background: #f3eeff;; |
|||
} |
|||
|
|||
.o_Message { |
|||
background: #f3eeff;; |
|||
} |
|||
|
|||
.o_widget_Discuss .o_Discuss .o_DiscussSidebar { |
|||
border-top: 1px solid #cccccc; |
|||
} |
|||
.o_Discuss .o_Discuss_content { |
|||
background-color: white; |
|||
} |
|||
|
|||
.o_Discuss .o_DiscussSidebar { |
|||
background-color: #ffffff; |
|||
width: 300px; |
|||
color: #000000; |
|||
// box-shadow: 13px 9px 21px 20px #f1f1f1; |
|||
// box-shadow: 12px 0px 4px 6px black; |
|||
} |
|||
|
|||
.o_DiscussSidebarItem.o-active { |
|||
background-color: #ffffff; |
|||
box-shadow: 1px 3px 12px 1px #e5e0f3d4; |
|||
} |
|||
|
|||
.o_DiscussSidebar_item { |
|||
padding: 1rem 16px !important; |
|||
margin-bottom: 2px; |
|||
} |
|||
|
|||
.o_DiscussSidebarItem:hover { |
|||
background-color: #fff; |
|||
color: #4336fb; |
|||
} |
|||
|
|||
.o_DiscussSidebarItem_activeIndicator.o-item-active { |
|||
background-color: #ffffff; |
|||
} |
|||
|
|||
.o_DiscussSidebar_groupHeaderItem:hover { |
|||
color: #4336fb; |
|||
} |
|||
|
|||
.o_DiscussSidebarItem_commandSettings { |
|||
opacity: .5 !important; |
|||
} |
|||
|
|||
.o_DiscussSidebarItem_commandRename { |
|||
opacity: .5 !important; |
|||
} |
|||
|
|||
.o_Discuss .o_DiscussSidebar .o_DiscussSidebar_groupHeader .o_add:hover, .o_Discuss .o_DiscussSidebar .o_DiscussSidebar_groupHeader .o_add:focus, .o_Discuss .o_DiscussSidebar .o_DiscussSidebar_groupHeader .o_add.focus { |
|||
color: #4336fb; |
|||
} |
|||
|
|||
select { |
|||
border-radius: 0 !important; |
|||
height: 37px; |
|||
} |
|||
|
|||
.o_field_monetary.o_field_number.o_input.o_field_widget.o_required_modifier { |
|||
border-radius: 0; |
|||
height: 43px; |
|||
} |
|||
|
|||
.datepicker .table-sm > tbody > tr > td.active, .datepicker .table-sm > tbody > tr > td .active { |
|||
background-color: #4336fb; |
|||
border-radius: 0 !important; |
|||
} |
|||
|
|||
.datepicker .table-sm > thead > tr > th { |
|||
border-radius: 0; |
|||
} |
|||
|
|||
.datepicker .table-sm > thead { |
|||
color: white; |
|||
background-color: #4336fb; |
|||
} |
|||
|
|||
.datepicker .table th, .datepicker .table td { |
|||
vertical-align: top; |
|||
border-top: 1px solid #ffffff; |
|||
} |
|||
|
|||
i.fa:hover { |
|||
color: #4336fb !important; |
|||
} |
|||
|
|||
.dropdown-menu.cybro-main-menu.show { |
|||
padding: 0 !important; |
|||
width: 320px !important; |
|||
} |
|||
|
|||
a.dropdown-item.o_app.cybro-mainmenu { |
|||
width: 100% !important; |
|||
text-align: left !important; |
|||
display: flex; |
|||
justify-content: flex-start !important; |
|||
align-items: center !important; |
|||
flex-direction: row !important; |
|||
padding: 1rem 1rem 1rem 2rem !important; |
|||
} |
|||
|
|||
.o_menu_apps .dropdown-menu.show .o-app-icon { |
|||
max-width: 3rem !important; |
|||
margin-right: 11px; |
|||
} |
|||
|
|||
.cybro-main-menu .input-group { |
|||
order: 2; |
|||
} |
|||
|
|||
.cybro-main-menu input.form-control { |
|||
order: 1; |
|||
border-bottom-left-radius: 30px !important; |
|||
border-top-left-radius: 30px !important; |
|||
font-size: 12px !important; |
|||
border: none !important; |
|||
outline: none !important; |
|||
color: #495057 !important; |
|||
&::placeholder{ |
|||
color: #000 !important; |
|||
} |
|||
} |
|||
|
|||
.cybro-main-menu .input-group-prepend { |
|||
order: 2; |
|||
} |
|||
|
|||
.cybro-main-menu .input-group-prepend { |
|||
border-top-right-radius: 30px !important; |
|||
border-bottom-right-radius: 30px !important; |
|||
background-color: #4336fb !important; |
|||
border: none !important; |
|||
} |
|||
|
|||
.cybro-main-menu .search-input .input-group { |
|||
background-color: #30363F !important; |
|||
box-shadow: none; |
|||
} |
|||
|
|||
.o_menu_apps .dropdown-menu .search-container .search-input .input-group { |
|||
box-shadow: none; |
|||
} |
|||
|
|||
.o_menu_apps .dropdown-menu .search-container .search-input .input-group input.form-control { |
|||
color: #495057 !important; |
|||
background-color: #f3eeff !important; |
|||
padding-left: 10px; |
|||
} |
|||
|
|||
.search-input.col-md-10.ml-auto.mr-auto.mb-2 { |
|||
margin: 0 !important; |
|||
width: 100%; |
|||
} |
|||
|
|||
.cybro-main-menu a.o-menu-search-result.dropdown-item.col-12.ml-auto.mr-auto { |
|||
padding-left: 30px !important; |
|||
font-size: 12px; |
|||
text-align: left !important; |
|||
width: 100%; |
|||
padding-right: 0px !important; |
|||
flex-wrap: wrap; |
|||
word-break: normal; |
|||
color: #fff !important; |
|||
|
|||
} |
|||
|
|||
.cybro-main-menu .search-results.col-md-10.ml-auto.mr-auto { |
|||
background: #30353f !important; |
|||
margin: 10px 0 !important; |
|||
} |
|||
.cybro-main-menu .search-results { |
|||
background: #30353f !important; |
|||
margin: 10px 0 !important; |
|||
} |
|||
|
|||
.o_menu_apps .dropdown-menu.show .form-row { |
|||
width: 100%; |
|||
margin: 25px 0px 0px 0px !important; |
|||
} |
|||
|
|||
.o_kanban_record { |
|||
border: none !important; |
|||
box-shadow: 2px 4px 8px 2px rgba(67, 54, 251, .1) !important; |
|||
} |
|||
|
|||
.o_searchview_input_container input { |
|||
background: #f3eeff !important; |
|||
height: 34px; |
|||
color: #b1a7a7 !important; |
|||
border-radius: 30px !important; |
|||
} |
|||
|
|||
.o_menu_apps .dropdown-menu .search-container .search-input .input-group .input-group-prepend span.fa { |
|||
color: #848484 !important; |
|||
font-size: 1.08333333rem; |
|||
margin-right: 1rem; |
|||
padding-top: 9px; |
|||
padding-left: 6px; |
|||
} |
|||
|
|||
@media (min-width: 1200px) { |
|||
.o_mail_discuss .o_mail_discuss_content { |
|||
margin-left: 218px !important; |
|||
} |
|||
.o_mail_discuss .o_mail_discuss_sidebar { |
|||
width: 218px; |
|||
} |
|||
} |
|||
|
|||
.o_MobileMessagingNavbar_tab.o-active { |
|||
color: #4336fb; |
|||
} |
|||
|
|||
@media (min-width: 767px) { |
|||
ul.o_menu_sections.collapse.show { |
|||
margin-top: 24px !important; |
|||
} |
|||
.o_web_client .o_mobile_search .o_mobile_search_header { |
|||
height: 46px; |
|||
margin-bottom: 10px; |
|||
width: 100%; |
|||
background-color: #4336fb !important; |
|||
color: white; |
|||
} |
|||
.o_searchview { |
|||
padding-right: 0 !important; |
|||
padding-left: 5px !important; |
|||
} |
|||
|
|||
button.o_enable_searchview.btn.fa.fa-search { |
|||
float: right !important; |
|||
height: 39px !important; |
|||
width: 33px !important; |
|||
background: #4336fb !important; |
|||
color: #fff !important; |
|||
border-top-right-radius: 30px !important; |
|||
border-bottom-right-radius: 30px !important; |
|||
} |
|||
.o_control_panel .btn.o_enable_searchview { |
|||
margin-left: 2%; |
|||
padding: 0px; |
|||
float: right; |
|||
background: white; |
|||
margin-right: -43px; |
|||
height: 40px; |
|||
border-top-right-radius: 20px; |
|||
margin-top: -1px; |
|||
border: 1px solid #f3eeff; |
|||
padding: 11px; |
|||
border-bottom-right-radius: 20px; |
|||
} |
|||
|
|||
} |
|||
|
|||
.o_Discuss .o_DiscussSidebar .o_DiscussSidebarItem.o_unread_message { |
|||
color: #6c757d !important; |
|||
} |
|||
|
|||
.o_Discuss .o_DiscussSidebar .o_DiscussSidebarItem > .badge { |
|||
color: white; |
|||
background-color: #443dfb !important; |
|||
} |
|||
|
|||
.o_onboarding.o_onboarding_blue .o_onboarding_wrap { |
|||
background-color: rgb(136, 63, 254); |
|||
background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(128, 98, 245)), to(#883ffe)); |
|||
background-image: -webkit-linear-gradient(top, rgb(136, 63, 254), #8062f5); |
|||
background-image: -moz-linear-gradient(top, rgba(96, 171, 195, 0.5), #4187AE); |
|||
background-image: -ms-linear-gradient(top, rgba(96, 171, 195, 0.5), #4187AE); |
|||
background-image: -o-linear-gradient(top, rgba(96, 171, 195, 0.5), #4187AE); |
|||
background-image: linear-gradient(to bottom, rgb(128, 98, 245), #883efd); |
|||
box-shadow: inset 0 -7px 20px -5px rgba(0, 0, 0, 0.3); |
|||
color: #fff; |
|||
} |
|||
|
|||
.o_onboarding_step_title .mt16 a { |
|||
color: #fff !important; |
|||
} |
|||
|
|||
h4.o_onboarding_step_title.mt16 a { |
|||
color: #fff !important; |
|||
} |
|||
|
|||
.o_onboarding_step_content_info p { |
|||
color: #ececec !important; |
|||
} |
|||
|
|||
.btn-info { |
|||
color: #fff !important; |
|||
background-color: #717171; |
|||
border-color: #717171; |
|||
} |
|||
|
|||
.o_cp_top { |
|||
width: 100%; |
|||
} |
|||
.o_cp_bottom { |
|||
width: 100%; |
|||
} |
|||
.o_menu_apps .dropdown-menu { |
|||
position :absolute !important; |
|||
} |
@ -0,0 +1,22 @@ |
|||
<?xml version="1.0" encoding="UTF-8"?> |
|||
<templates id="template" xml:space="preserve"> |
|||
<t t-extend="web.ControlPanel"> |
|||
<t t-jquery="div.o_control_panel" t-operation="replace"> |
|||
<div class="o_control_panel"> |
|||
<div class="o_cp_searchview" role="search"/> |
|||
<div class="o_cp_right"> |
|||
<div class="btn-group o_search_options" role="search"/> |
|||
<nav class="o_cp_pager" role="search" aria-label="Pager"/> |
|||
<nav class="btn-group o_cp_switch_buttons" role="toolbar" aria-label="View switcher"/> |
|||
</div> |
|||
<hr></hr> |
|||
<ol class="breadcrumb" role="navigation"/> |
|||
<div class="o_cp_left"> |
|||
<div class="o_cp_buttons" role="toolbar" aria-label="Control panel toolbar"/> |
|||
<aside class="o_cp_sidebar"/> |
|||
</div> |
|||
|
|||
</div> |
|||
</t> |
|||
</t> |
|||
</templates> |
@ -0,0 +1,14 @@ |
|||
<?xml version="1.0" encoding="UTF-8"?> |
|||
<templates id="template" xml:space="preserve"> |
|||
<t t-extend="AppsMenu"> |
|||
<t t-jquery="div[role='menu']" t-operation="attributes"> |
|||
<attribute name="class">dropdown-menu cybro-main-menu</attribute> |
|||
</t> |
|||
<t t-jquery=".o_app" t-operation="attributes"> |
|||
<attribute name="t-attf-href">#menu_id=#{app.menuID}&action_id=#{app.actionID}</attribute> |
|||
</t> |
|||
<t t-jquery=".o_app" t-operation="attributes"> |
|||
<attribute name="class">dropdown-item o_app cybro-mainmenu</attribute> |
|||
</t> |
|||
</t> |
|||
</templates> |
@ -0,0 +1,22 @@ |
|||
<?xml version="1.0" encoding="utf-8"?> |
|||
|
|||
<odoo> |
|||
<data> |
|||
<template id="assets_frontend" name="Backend Theme" |
|||
inherit_id="web.assets_frontend"> |
|||
<xpath expr="."> |
|||
<link rel="stylesheet" |
|||
href="/backend_theme_odoo12/static/src/scss/theme_style.scss"/> |
|||
</xpath> |
|||
</template> |
|||
|
|||
<template id="assets_backend" name="Backend Theme" |
|||
inherit_id="web.assets_backend"> |
|||
<xpath expr="."> |
|||
<link rel="stylesheet" |
|||
href="/backend_theme_odoo12/static/src/scss/theme_style_backend.scss"/> |
|||
|
|||
</xpath> |
|||
</template> |
|||
</data> |
|||
</odoo> |
@ -0,0 +1,28 @@ |
|||
<?xml version="1.0" encoding="utf-8"?> |
|||
<odoo> |
|||
<template id="login_templated_ext" inherit_id="web.login" |
|||
name="Login Ext"> |
|||
<xpath expr="//button[@type='submit'][1]" position="replace"> |
|||
<button type="submit" |
|||
class="btn btn-primary btn-block cybro-login-btn">Log |
|||
in |
|||
</button> |
|||
</xpath> |
|||
<xpath expr="//t[@t-if='debug']/button" position="replace"> |
|||
<button type="submit" name="redirect" |
|||
value="/web/become" |
|||
class="btn btn-link btn-sm btn-block cybro-super-btn">Log in |
|||
as |
|||
superuser |
|||
</button> |
|||
</xpath> |
|||
</template> |
|||
<template id="layout" name="Main layout Ext" |
|||
inherit_id="portal.frontend_layout"> |
|||
<xpath expr="//div[@id='wrapwrap']" position="attributes"> |
|||
<attribute name="t-attf-class" |
|||
add="cybro-bg #{pageName or ''} #{direction == 'rtl' and 'o_rtl' or ''} #{'o_portal' if is_portal else ''}" |
|||
separator=" "/> |
|||
</xpath> |
|||
</template> |
|||
</odoo> |