Ajmal Cybro
4 years ago
@ -0,0 +1,24 @@ |
|||
# -*- coding: utf-8 -*- |
|||
############################################################################# |
|||
# |
|||
# Cybrosys Technologies Pvt. Ltd. |
|||
# |
|||
# Copyright (C) 2020-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/>. |
|||
# |
|||
############################################################################# |
|||
|
|||
from . import models |
|||
from . import controllers |
|||
@ -0,0 +1,61 @@ |
|||
# -*- coding: utf-8 -*- |
|||
############################################################################# |
|||
# |
|||
# Cybrosys Technologies Pvt. Ltd. |
|||
# |
|||
# Copyright (C) 2020-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': 'Theme Blast', |
|||
'version': '14.0.1.0.0', |
|||
'summary': 'Theme Blast', |
|||
'description': 'Theme Blast Front-end theme', |
|||
'category': 'Theme/Corporate', |
|||
'author': 'Cybrosys Techno Solutions', |
|||
'company': 'Cybrosys Techno Solutions', |
|||
'maintainer': 'Cybrosys Techno Solutions', |
|||
'website': 'https://www.cybrosys.com', |
|||
'license': 'AGPL-3', |
|||
'depends': ['website_sale', 'website_mass_mailing'], |
|||
'data': [ |
|||
'data/blasst_configuration_data.xml', |
|||
'security/ir.model.access.csv', |
|||
'views/assets.xml', |
|||
'views/blast_configuration_view.xml', |
|||
'views/asked_questions_view.xml', |
|||
'views/partner_testimonial.xml', |
|||
'views/snippets/askedquestions.xml', |
|||
'views/snippets/banner.xml', |
|||
'views/snippets/clients.xml', |
|||
'views/snippets/choose.xml', |
|||
'views/snippets/best_deal.xml', |
|||
'views/snippets/best_products_carousal.xml', |
|||
'views/snippets/cardsnippet.xml', |
|||
'views/snippets/features.xml', |
|||
'views/snippets/sub.xml', |
|||
'views/footer.xml', |
|||
'views/views.xml' |
|||
|
|||
], |
|||
'images': [ |
|||
'static/description/banner.jpg', |
|||
'static/description/blast_screenshot.jpg', |
|||
], |
|||
'installable': True, |
|||
'auto_install': False, |
|||
} |
|||
@ -0,0 +1,23 @@ |
|||
# -*- coding: utf-8 -*- |
|||
############################################################################# |
|||
# |
|||
# Cybrosys Technologies Pvt. Ltd. |
|||
# |
|||
# Copyright (C) 2020-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/>. |
|||
# |
|||
############################################################################# |
|||
|
|||
from . import main |
|||
@ -0,0 +1,60 @@ |
|||
# -*- coding: utf-8 -*- |
|||
############################################################################# |
|||
# |
|||
# Cybrosys Technologies Pvt. Ltd. |
|||
# |
|||
# Copyright (C) 2020-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/>. |
|||
# |
|||
############################################################################# |
|||
|
|||
from odoo import http, _ |
|||
from odoo.http import request |
|||
|
|||
|
|||
class DescribingAttribute(http.Controller): |
|||
|
|||
@http.route('/get_product', auth='public', type='json', website=True) |
|||
def get_products(self, **kwargs): |
|||
blast_configuration = request.env.ref('theme_blast.blast_configuration_data') |
|||
product_id = blast_configuration.best_deal |
|||
values = {'product_id': product_id} |
|||
response = http.Response(template='theme_blast.best_deal_template', qcontext=values) |
|||
return response.render() |
|||
|
|||
@http.route('/get_product_snippet', auth='public', type='json', |
|||
website=True) |
|||
def get_best_products(self, **kwargs): |
|||
blast_configuration = request.env.ref( |
|||
'theme_blast.blast_configuration_data') |
|||
products = blast_configuration.best_products |
|||
values = {'products': products} |
|||
response = http.Response( |
|||
template='theme_blast.best_product_carousel_snippet', |
|||
qcontext=values) |
|||
return response.render() |
|||
|
|||
@http.route('/get_testimonial', auth='public', type='json', website=True) |
|||
def get_testimonial(self, **kwargs): |
|||
partners = request.env['res.partner'].search([('is_publish', '=', 'True')]) |
|||
values = {'partners': partners} |
|||
response = http.Response(template='theme_blast.testimonials_snippet', qcontext=values) |
|||
return response.render() |
|||
|
|||
@http.route('/get_countdown', auth='public', type='json', website=True) |
|||
def get_countdown(self, **kwargs): |
|||
blast_configuration = request.env.ref('theme_blast.blast_configuration_data') |
|||
end_date = blast_configuration.date_end |
|||
return end_date |
|||
@ -0,0 +1,8 @@ |
|||
<odoo> |
|||
<data noupdate="1"> |
|||
|
|||
<record id="blast_configuration_data" model="blast.configuration"> |
|||
<field name="name">Blast Configuration</field> |
|||
</record> |
|||
</data> |
|||
</odoo> |
|||
@ -0,0 +1,27 @@ |
|||
# -*- coding: utf-8 -*- |
|||
############################################################################# |
|||
# |
|||
# Cybrosys Technologies Pvt. Ltd. |
|||
# |
|||
# Copyright (C) 2020-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/>. |
|||
# |
|||
############################################################################# |
|||
|
|||
from . import blast_configuration |
|||
from . import asked_questions |
|||
from . import partner_testimonial |
|||
from . import theme_blast |
|||
|
|||
@ -0,0 +1,31 @@ |
|||
# -*- coding: utf-8 -*- |
|||
############################################################################# |
|||
# |
|||
# Cybrosys Technologies Pvt. Ltd. |
|||
# |
|||
# Copyright (C) 2020-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/>. |
|||
# |
|||
############################################################################# |
|||
|
|||
from odoo import models, fields |
|||
|
|||
|
|||
class AskedQuestions(models.Model): |
|||
_name = 'asked.questions' |
|||
|
|||
question = fields.Text('Question') |
|||
answer = fields.Text('Answer') |
|||
blast_configuration_id = fields.Many2one('blast.configuration') |
|||
@ -0,0 +1,37 @@ |
|||
# -*- coding: utf-8 -*- |
|||
############################################################################# |
|||
# |
|||
# Cybrosys Technologies Pvt. Ltd. |
|||
# |
|||
# Copyright (C) 2020-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/>. |
|||
# |
|||
############################################################################# |
|||
|
|||
from odoo import models,fields, api, _ |
|||
|
|||
|
|||
class BlastConfiguration(models.Model): |
|||
_name = 'blast.configuration' |
|||
|
|||
name = fields.Char('Name') |
|||
best_deal = fields.Many2one('product.product') |
|||
date_start = fields.Datetime(string='Start Date', |
|||
default=fields.Datetime.now()) |
|||
date_end = fields.Datetime(string='End Date') |
|||
best_products = fields.Many2many('product.product') |
|||
asked_questions_ids = fields.One2many('asked.questions', |
|||
'blast_configuration_id', |
|||
string="Asked Questions") |
|||
@ -0,0 +1,30 @@ |
|||
# -*- coding: utf-8 -*- |
|||
############################################################################# |
|||
# |
|||
# Cybrosys Technologies Pvt. Ltd. |
|||
# |
|||
# Copyright (C) 2020-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/>. |
|||
# |
|||
############################################################################# |
|||
|
|||
from odoo import fields, models |
|||
|
|||
|
|||
class PartnerTestimonial(models.Model): |
|||
_inherit = 'res.partner' |
|||
|
|||
is_publish = fields.Boolean(string='Is Publish') |
|||
message = fields.Text(string='Message') |
|||
@ -0,0 +1,43 @@ |
|||
# -*- coding: utf-8 -*- |
|||
############################################################################# |
|||
# |
|||
# Cybrosys Technologies Pvt. Ltd. |
|||
# |
|||
# Copyright (C) 2020-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/>. |
|||
# |
|||
############################################################################# |
|||
|
|||
from odoo import models, fields |
|||
|
|||
|
|||
class ThemeBlast(models.AbstractModel): |
|||
_inherit = 'theme.utils' |
|||
|
|||
def _theme_blast_post_copy(self, mod): |
|||
self.disable_view('website.template_header_default_oe_structure_header_default_1') |
|||
self.enable_view('website.template_header_default_align_right') |
|||
self.enable_header_off_canvas() |
|||
|
|||
|
|||
class IrModuleModule(models.Model): |
|||
_inherit = 'ir.module.module' |
|||
|
|||
def _theme_load(self, website): |
|||
res = super(IrModuleModule, self)._theme_load(website) |
|||
homepage = website.homepage_id |
|||
if homepage: |
|||
homepage.header_overlay = True |
|||
return res |
|||
|
|
After Width: | Height: | Size: 55 KiB |
|
After Width: | Height: | Size: 126 KiB |
|
After Width: | Height: | Size: 29 KiB |
|
After Width: | Height: | Size: 51 KiB |
|
After Width: | Height: | Size: 10 KiB |
|
After Width: | Height: | Size: 28 KiB |
|
After Width: | Height: | Size: 51 KiB |
|
After Width: | Height: | Size: 2.5 MiB |
|
After Width: | Height: | Size: 465 KiB |
|
After Width: | Height: | Size: 559 KiB |
@ -0,0 +1,135 @@ |
|||
<!-- Hero Section --> |
|||
<div class="container pt-4 mt-4 rounded" style="background-color: #f0f2f4; font-family: Montserrat, 'sans-serif';"> |
|||
<div class="row"> |
|||
<div class="col-lg-12 mb-4"> |
|||
<img src="images/Cybrosys.png" alt="Cybrosys Logo" style="width: 120px; height: auto;"> |
|||
<hr style="border-color: #e1e5e9;" /> |
|||
</div> |
|||
</div> |
|||
<div class="row"> |
|||
<div class="col-lg-12 text-center" style="display: flex; flex-direction: column; justify-content: center; align-items: center;"> |
|||
<img src="images/hero.png" width="700px" height="auto" class="mb-4" alt="Theme Screenshot"> |
|||
<h1 class="mt-4">Blast</h1> |
|||
<p class="lead" style="max-width: 700px;"> |
|||
Blast is a popular attractive and unique front end theme mainly suitable for eCommerce website. Many custom designed snippets facilitates to add better user experience. Contains best deals with countdown, best products slider, testimonial slider that are configured from the backend. |
|||
</p> |
|||
</div> |
|||
</div> |
|||
<div class="row"> |
|||
<div class="col-lg-12 text-center p-4" style="display: flex; justify-content: center; align-items: center;"> |
|||
<a |
|||
href="#" |
|||
class="btn btn-primary m-2 px-4 py-3 shadow-sm" |
|||
style=" |
|||
background-color: #b22126; |
|||
border-style: none; |
|||
border-radius: 4em; |
|||
font-weight: bold; |
|||
" |
|||
><i class="fa fa-desktop mr-2"></i>Live Demo</a |
|||
> |
|||
<a |
|||
href="#" |
|||
class="btn btn-primary m-2 px-4 py-3 shadow-sm" |
|||
style=" |
|||
background-color: #576574; |
|||
border-style: none; |
|||
border-radius: 4em; |
|||
font-weight: bold; |
|||
" |
|||
><i class="fa fa-download mr-2"></i>Download</a |
|||
> |
|||
</div> |
|||
</div> |
|||
<!-- End of Hero Section --> |
|||
<!-- Second Section --> |
|||
<div class="row p-4"> |
|||
<div class="col-lg-6 px-4" style="display: flex; flex-direction: column; justify-content: center;"> |
|||
<h2>Desktop View</h2> |
|||
<p class="lead"> |
|||
It is easy to customize and use. Just drag and drop the building blocks to make attractive webpages. |
|||
</p> |
|||
</div> |
|||
<div |
|||
class="col-lg-6 px-4" |
|||
style="display: flex; justify-content: center; align-items: center" |
|||
> |
|||
<img style="border-radius: 0.5em;" src="images/laptop-screenshots.jpg" width="450px" height="auto" class="mb-4 shadow-sm" alt="Theme Screenshot"> |
|||
</div> |
|||
</div> |
|||
<!-- End of Second Section --> |
|||
<!-- Third Section --> |
|||
<div class="row p-4"> |
|||
<div |
|||
class="col-lg-6 px-4" |
|||
style="display: flex; justify-content: center; align-items: center" |
|||
> |
|||
<img style="border-radius: 0.5em;" src="images/phone-screenshots.jpg" width="450px" height="auto" class="mb-4 shadow-sm" alt="Theme Screenshot"> |
|||
</div> |
|||
<div class="col-lg-6 px-4" style="display: flex; flex-direction: column; justify-content: center;"> |
|||
<h2>Mobile View</h2> |
|||
<p class="lead"> |
|||
User friendly and modern looking makes your page more Stylist And Beautiful. |
|||
</p> |
|||
</div> |
|||
</div> |
|||
<!-- End of Third Section --> |
|||
|
|||
<!-- Feature Tiles --> |
|||
<div class="row mt-4"> |
|||
<div class="col-lg-12 text-center"> |
|||
<h2>Features</h2> |
|||
<hr style=" border: 2px solid #b22126; margin-top: 2px;" width="40px"> |
|||
</div> |
|||
</div> |
|||
<div class="row p-4" style="display: flex; justify-content: center; align-items: center;"> |
|||
<div class="col-lg-3 bg-white shadow-sm p-4 mb-4 mr-4" style="display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 0.5em; min-width: 200px; max-width: 200px;"> |
|||
<i class="fa fa-tablet mb-2" style="font-size: 2em;"></i> |
|||
<h5>Responsive</h5> |
|||
</div> |
|||
|
|||
<div class="col-lg-3 bg-white shadow-sm p-4 mb-4 mr-4" style="display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 0.5em; min-width: 200px; max-width: 200px;"> |
|||
<i class="fa fa-magic mb-2" style="font-size: 2em;"></i> |
|||
<h5>Modern</h5> |
|||
</div> |
|||
|
|||
<div class="col-lg-3 bg-white shadow-sm p-4 mb-4 mr-4" style="display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 0.5em; min-width: 200px; max-width: 200px;"> |
|||
<i class="fa fa-shopping-cart mb-2" style="font-size: 2em;"></i> |
|||
<h5>E-com Ready</h5> |
|||
</div> |
|||
|
|||
<div class="col-lg-3 bg-white mb-4 mr-4 shadow-sm p-4" style="display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 0.5em; min-width: 200px; max-width: 200px;"> |
|||
<i class="fa fa-arrow-circle-o-right mb-2" style="font-size: 2em;"></i> |
|||
<h5>Built-in Slider</h5> |
|||
</div> |
|||
</div> |
|||
<!-- End of Feature Tiles --> |
|||
|
|||
<!-- Footer --> |
|||
<div class="row mt-4"> |
|||
<div class="col-lg-12" style="display: flex; flex-direction: column; justify-content: center; align-items: center;"> |
|||
<h2>Get Help</h2> |
|||
<hr style=" border: 2px solid #b22126; margin-top: 2px;" width="40px"> |
|||
<p class="text-center" style="max-width: 650px">If you have anything to share with us based on your use of this module, please let us know. We are ready to offer our support.</p> |
|||
</div> |
|||
</div> |
|||
<div class="row"> |
|||
<div class="col px-4 pt-3 pb-2 shadow-sm" style="background-color: #fff; max-width: 450px; border-radius: 0.5em; margin: 1em auto; display: flex; justify-content: space-between; align-items: center;"> |
|||
<h6><a href="mailto:info@cybrosys.com" target="_blank" style="color: #050505; text-decoration: none;"><i class="fa fa-envelope mr-2"></i>info@cybrosys.com</a></h6> |
|||
<h6><a href="mailto:info@cybrosys.com" target="_blank" style="color: #050505; text-decoration: none;"><i class="fa fa-chevron-right"></i></a></h6> |
|||
</div> |
|||
</div> |
|||
<div class="row"> |
|||
<div class="col px-4 pt-3 pb-2 shadow-sm" style="background-color: #fff; max-width: 450px; border-radius: 0.5em; margin: 1em auto; display: flex; justify-content: space-between; align-items: center;"> |
|||
<h6><a href="https://www.cybrosys.com" target="_blank" style="color: #050505; text-decoration: none;"><i class="fa fa-globe mr-2"></i>www.cybrosys.com</a></h6> |
|||
<h6><a href="https://www.cybrosys.com" target="_blank" style="color: #050505; text-decoration: none;"></a><i class="fa fa-chevron-right"></i></a></h6> |
|||
</div> |
|||
</div> |
|||
<div class="row"> |
|||
<div class="col-lg-12 my-4" style="display: flex; flex-direction: column; justify-content: center; align-items: center;"> |
|||
<p style="font-weight: bold">A Quality Theme From</p> |
|||
<img src="images/cybro-logo-oca.png" width="80px" height="auto"> |
|||
</div> |
|||
</div> |
|||
<!-- End of Footer --> |
|||
</div> |
|||
@ -0,0 +1,6 @@ |
|||
/** |
|||
* Owl Carousel v2.3.4 |
|||
* Copyright 2013-2018 David Deutsch |
|||
* Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE |
|||
*/ |
|||
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} |
|||
@ -0,0 +1,6 @@ |
|||
/** |
|||
* Owl Carousel v2.3.4 |
|||
* Copyright 2013-2018 David Deutsch |
|||
* Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE |
|||
*/ |
|||
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791} |
|||
|
After Width: | Height: | Size: 42 KiB |
|
After Width: | Height: | Size: 150 KiB |
|
After Width: | Height: | Size: 114 KiB |
|
After Width: | Height: | Size: 701 KiB |
|
After Width: | Height: | Size: 2.2 MiB |
|
After Width: | Height: | Size: 605 KiB |
|
After Width: | Height: | Size: 380 KiB |
|
After Width: | Height: | Size: 251 KiB |
|
After Width: | Height: | Size: 99 KiB |
|
After Width: | Height: | Size: 43 KiB |
|
After Width: | Height: | Size: 131 KiB |
|
After Width: | Height: | Size: 213 KiB |
|
After Width: | Height: | Size: 194 KiB |
|
After Width: | Height: | Size: 266 KiB |
|
After Width: | Height: | Size: 240 KiB |
|
After Width: | Height: | Size: 208 KiB |
|
After Width: | Height: | Size: 2.1 MiB |
|
After Width: | Height: | Size: 74 KiB |
|
After Width: | Height: | Size: 208 KiB |
|
After Width: | Height: | Size: 263 KiB |
|
After Width: | Height: | Size: 392 KiB |
|
After Width: | Height: | Size: 3.9 KiB |
|
After Width: | Height: | Size: 1.7 KiB |
|
After Width: | Height: | Size: 3.1 KiB |
|
After Width: | Height: | Size: 3.7 KiB |
|
After Width: | Height: | Size: 4.7 KiB |
|
After Width: | Height: | Size: 1.8 KiB |
|
After Width: | Height: | Size: 4.7 KiB |
|
After Width: | Height: | Size: 2.8 KiB |
|
After Width: | Height: | Size: 3.9 KiB |
|
After Width: | Height: | Size: 10 KiB |
|
After Width: | Height: | Size: 8.7 KiB |
|
After Width: | Height: | Size: 4.8 KiB |
|
After Width: | Height: | Size: 2.4 KiB |
|
After Width: | Height: | Size: 2.1 KiB |
|
After Width: | Height: | Size: 2.6 KiB |
|
After Width: | Height: | Size: 2.1 KiB |
|
After Width: | Height: | Size: 2.4 KiB |
|
After Width: | Height: | Size: 2.3 KiB |
|
After Width: | Height: | Size: 2.5 KiB |
|
After Width: | Height: | Size: 2.8 KiB |
|
After Width: | Height: | Size: 4.3 KiB |
|
After Width: | Height: | Size: 6.1 KiB |
|
After Width: | Height: | Size: 721 B |
|
After Width: | Height: | Size: 3.5 KiB |
|
After Width: | Height: | Size: 2.3 KiB |
|
After Width: | Height: | Size: 89 KiB |
|
After Width: | Height: | Size: 82 KiB |
|
After Width: | Height: | Size: 109 KiB |
|
After Width: | Height: | Size: 33 KiB |
|
After Width: | Height: | Size: 70 KiB |
|
After Width: | Height: | Size: 138 KiB |
|
After Width: | Height: | Size: 3.0 MiB |
|
After Width: | Height: | Size: 19 KiB |
|
After Width: | Height: | Size: 21 KiB |
|
After Width: | Height: | Size: 19 KiB |
|
After Width: | Height: | Size: 20 KiB |
|
After Width: | Height: | Size: 19 KiB |
|
After Width: | Height: | Size: 18 KiB |
|
After Width: | Height: | Size: 19 KiB |
|
After Width: | Height: | Size: 19 KiB |
|
After Width: | Height: | Size: 19 KiB |
|
After Width: | Height: | Size: 19 KiB |
@ -0,0 +1,41 @@ |
|||
odoo.define('theme_blast.best_deal',function(require){ |
|||
'use strict'; |
|||
|
|||
var Animation = require('website.content.snippets.animation'); |
|||
var ajax = require('web.ajax'); |
|||
|
|||
Animation.registry.best_deal = Animation.Class.extend({ |
|||
selector : '.best_deal', |
|||
start: function () { |
|||
var self = this; |
|||
ajax.jsonRpc('/get_product', 'call', {}) |
|||
.then(function (data) { |
|||
if(data){ |
|||
self.$target.empty().append(data); |
|||
} |
|||
}); |
|||
ajax.jsonRpc('/get_countdown', 'call', {}) |
|||
.then(function(data){ |
|||
if(data){ |
|||
var end_date = new Date(data).getTime(); |
|||
var days, hours, minutes, seconds; |
|||
setInterval(function () { |
|||
var start_date = new Date().getTime(); |
|||
var seconds_left = (end_date - start_date) / 1000; |
|||
days = parseInt(seconds_left / 86400); |
|||
seconds_left = seconds_left % 86400; |
|||
hours = parseInt(seconds_left / 3600); |
|||
seconds_left = seconds_left % 3600; |
|||
minutes = parseInt(seconds_left / 60); |
|||
seconds = parseInt(seconds_left % 60); |
|||
$("#countdown").html('<span class="days">' + days + |
|||
' <label>Days</label></span> <span class="hours">' + hours + |
|||
' <label>Hours</label></span> <span class="minutes">' + |
|||
minutes + ' <label>Minutes</label></span> <span class="seconds">' + seconds + ' <label>Seconds</label></span>'); |
|||
}, 1000); |
|||
} |
|||
}) |
|||
}, |
|||
|
|||
}); |
|||
}); |
|||
@ -0,0 +1,68 @@ |
|||
odoo.define('theme_blast.best_products_carousel',function(require){ |
|||
'use strict'; |
|||
|
|||
var Animation = require('website.content.snippets.animation'); |
|||
var ajax = require('web.ajax'); |
|||
|
|||
|
|||
Animation.registry.best_products_carousel = Animation.Class.extend({ |
|||
selector : '.best_products_carousel', |
|||
start: function () { |
|||
var self = this; |
|||
ajax.jsonRpc('/get_product_snippet', 'call', {}) |
|||
.then(function (data) { |
|||
if(data){ |
|||
self.$target.empty().append(data); |
|||
self.product_carousel(); |
|||
} |
|||
}); |
|||
|
|||
}, |
|||
|
|||
product_carousel: function (autoplay=false, items=4, slider_timing=5000) { |
|||
var self= this; |
|||
$("#product").owlCarousel( |
|||
{ |
|||
// animateOut: 'slideOutDown',
|
|||
// animateIn: 'flipInX',
|
|||
items: 3, |
|||
loop: true, |
|||
margin: 30, |
|||
stagePadding: 30, |
|||
smartSpeed: 450, |
|||
autoplay: true, |
|||
autoPlaySpeed: 1000, |
|||
autoPlayTimeout: 1000, |
|||
autoplayHoverPause: true, |
|||
// onInitialized: self.counter(),
|
|||
dots: true, |
|||
nav: true, |
|||
navText: ['<i class="fa fa-angle-left" aria-hidden="false"></i>', '<i class="fa fa-angle-right" aria-hidden="false"></i>'], |
|||
responsiveClass: true, |
|||
responsive: { |
|||
0: { |
|||
items: 1, |
|||
nav: true |
|||
}, |
|||
600: { |
|||
items: 2, |
|||
nav: true, |
|||
}, |
|||
1000: { |
|||
items: 4, |
|||
nav: true, |
|||
loop: true, |
|||
} |
|||
} |
|||
} |
|||
); |
|||
}, |
|||
|
|||
counter: function() { |
|||
var buttons = $('.owl-dots button'); |
|||
buttons.each(function (index, item) { |
|||
// $(item).find('span').text(index + 1);
|
|||
}); |
|||
} |
|||
}); |
|||
}); |
|||
@ -0,0 +1,66 @@ |
|||
odoo.define('theme_blast.testimonial',function(require){ |
|||
'use strict'; |
|||
|
|||
var Animation = require('website.content.snippets.animation'); |
|||
var ajax = require('web.ajax'); |
|||
|
|||
Animation.registry.testimonial = Animation.Class.extend({ |
|||
selector : '.testiomnial', |
|||
start: function () { |
|||
var self = this; |
|||
ajax.jsonRpc('/get_testimonial', 'call', {}) |
|||
.then(function (data) { |
|||
if(data){ |
|||
self.$target.empty().append(data); |
|||
self.testimonial_slider(); |
|||
} |
|||
}); |
|||
|
|||
}, |
|||
|
|||
testimonial_slider: function (autoplay=false, items=1, slider_timing=5000) { |
|||
var self= this; |
|||
$("#testi").owlCarousel( |
|||
{ |
|||
// animateOut: 'slideOutDown',
|
|||
// animateIn: 'flipInX',
|
|||
items: 1, |
|||
loop: true, |
|||
margin: 40, |
|||
stagePadding: 30, |
|||
smartSpeed: 450, |
|||
autoplay: true, |
|||
autoPlaySpeed: 1000, |
|||
autoPlayTimeout: 1000, |
|||
autoplayHoverPause: true, |
|||
onInitialized: counter, |
|||
dots: true, |
|||
nav: true, |
|||
navText: ['<i class="fa fa-angle-left" aria-hidden="false"></i>', '<i class="fa fa-angle-right" aria-hidden="false"></i>'], |
|||
// responsiveClass: true,
|
|||
// responsive: {
|
|||
// 0: {
|
|||
// items: 1,
|
|||
// nav: true
|
|||
// },
|
|||
// 600: {
|
|||
// items: 2,
|
|||
// nav: true,
|
|||
// },
|
|||
// 1000: {
|
|||
// items: 4,
|
|||
// nav: true,
|
|||
// loop: true,
|
|||
// }
|
|||
// }
|
|||
} |
|||
); |
|||
function counter() { |
|||
var buttons = $('.owl-dots button'); |
|||
buttons.each(function (index, item) { |
|||
// $(item).find('span').text(index + 1);
|
|||
}); |
|||
}; |
|||
} |
|||
}) |
|||
}) |
|||
@ -0,0 +1,96 @@ |
|||
*:focus { |
|||
outline: 0 !important; |
|||
} |
|||
|
|||
*button:focus { |
|||
border: none; |
|||
outline: none; |
|||
box-shadow: none; |
|||
} |
|||
|
|||
* { |
|||
list-style-type: none; |
|||
|
|||
font-family: $font-default; |
|||
font-size: 14px; |
|||
&:focus, |
|||
&:active { |
|||
outline: none !important; |
|||
} |
|||
} |
|||
|
|||
*:hover { |
|||
-webkit-transition: 0.5s; |
|||
transition: 0.5s; |
|||
} |
|||
|
|||
*::selection { |
|||
color: rgb(80, 233, 174); |
|||
} |
|||
|
|||
*a, |
|||
a:visited { |
|||
color: #990000; |
|||
text-decoration: none; |
|||
} |
|||
|
|||
body { |
|||
// background-color: #ffffff; /* light gray */ |
|||
// font-family:$font-third; |
|||
// font-weight: 500; |
|||
// font-size: 14px; |
|||
// color: $color-text; /* dark gray */ |
|||
|
|||
} |
|||
|
|||
.affix { |
|||
top:0; |
|||
width: 100%; |
|||
z-index: 9999 !important; |
|||
} |
|||
h1, h2, h3, h4, h5, h6 { |
|||
|
|||
font-family:$font-default; |
|||
color: $color-black; } |
|||
|
|||
.gap{ |
|||
padding-top: 100px; |
|||
padding-bottom: 50px; |
|||
} |
|||
|
|||
.gap2{ |
|||
padding-top: 50px; |
|||
|
|||
} |
|||
|
|||
|
|||
.section_heading{ |
|||
margin-top: 40px; |
|||
margin-bottom: 40px; |
|||
text-align: center; |
|||
h3{ |
|||
font-size: 35px; |
|||
font-family:'Overpass Mono', monospace; |
|||
font-weight: 900; |
|||
text-transform: uppercase; |
|||
} |
|||
hr{ |
|||
width: 15%; |
|||
background: $color-brand; |
|||
height: 1px; |
|||
} |
|||
p{ |
|||
line-height: 30px; |
|||
padding-top: 10px; |
|||
} |
|||
} |
|||
html { |
|||
scroll-behavior: smooth; |
|||
} |
|||
|
|||
.back-to-top { |
|||
position: fixed; |
|||
bottom: 25px; |
|||
right: 25px; |
|||
display: none; |
|||
} |
|||
@ -0,0 +1,352 @@ |
|||
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ |
|||
|
|||
/* Document |
|||
========================================================================== */ |
|||
|
|||
/** |
|||
* 1. Correct the line height in all browsers. |
|||
* 2. Prevent adjustments of font size after orientation changes in iOS. |
|||
*/ |
|||
|
|||
html { |
|||
line-height: 1.15; /* 1 */ |
|||
-webkit-text-size-adjust: 100%; /* 2 */ |
|||
} |
|||
|
|||
/* Sections |
|||
========================================================================== */ |
|||
|
|||
/** |
|||
* Remove the margin in all browsers. |
|||
*/ |
|||
|
|||
body { |
|||
margin: 0; |
|||
} |
|||
|
|||
/** |
|||
* Render the `main` element consistently in IE. |
|||
*/ |
|||
|
|||
main { |
|||
display: block; |
|||
} |
|||
|
|||
/** |
|||
* Correct the font size and margin on `h1` elements within `section` and |
|||
* `article` contexts in Chrome, Firefox, and Safari. |
|||
*/ |
|||
|
|||
h1 { |
|||
font-size: 2em; |
|||
margin: 0.67em 0; |
|||
} |
|||
|
|||
/* Grouping content |
|||
========================================================================== */ |
|||
|
|||
/** |
|||
* 1. Add the correct box sizing in Firefox. |
|||
* 2. Show the overflow in Edge and IE. |
|||
*/ |
|||
|
|||
hr { |
|||
box-sizing: content-box; /* 1 */ |
|||
height: 0; /* 1 */ |
|||
overflow: visible; /* 2 */ |
|||
} |
|||
|
|||
/** |
|||
* 1. Correct the inheritance and scaling of font size in all browsers. |
|||
* 2. Correct the odd `em` font sizing in all browsers. |
|||
*/ |
|||
|
|||
pre { |
|||
font-family: monospace, monospace; /* 1 */ |
|||
font-size: 1em; /* 2 */ |
|||
} |
|||
|
|||
/* Text-level semantics |
|||
========================================================================== */ |
|||
|
|||
/** |
|||
* Remove the gray background on active links in IE 10. |
|||
*/ |
|||
|
|||
a { |
|||
background-color: transparent; |
|||
} |
|||
|
|||
/** |
|||
* 1. Remove the bottom border in Chrome 57- |
|||
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. |
|||
*/ |
|||
|
|||
abbr[title] { |
|||
border-bottom: none; /* 1 */ |
|||
text-decoration: underline; /* 2 */ |
|||
text-decoration: underline dotted; /* 2 */ |
|||
} |
|||
|
|||
/** |
|||
* Add the correct font weight in Chrome, Edge, and Safari. |
|||
*/ |
|||
|
|||
b, |
|||
strong { |
|||
font-weight: bolder; |
|||
} |
|||
|
|||
/** |
|||
* 1. Correct the inheritance and scaling of font size in all browsers. |
|||
* 2. Correct the odd `em` font sizing in all browsers. |
|||
*/ |
|||
|
|||
code, |
|||
kbd, |
|||
samp { |
|||
font-family: monospace, monospace; /* 1 */ |
|||
font-size: 1em; /* 2 */ |
|||
} |
|||
|
|||
/** |
|||
* Add the correct font size in all browsers. |
|||
*/ |
|||
|
|||
small { |
|||
font-size: 80%; |
|||
} |
|||
|
|||
/** |
|||
* Prevent `sub` and `sup` elements from affecting the line height in |
|||
* all browsers. |
|||
*/ |
|||
|
|||
sub, |
|||
sup { |
|||
font-size: 75%; |
|||
line-height: 0; |
|||
position: relative; |
|||
vertical-align: baseline; |
|||
} |
|||
|
|||
sub { |
|||
bottom: -0.25em; |
|||
} |
|||
|
|||
sup { |
|||
top: -0.5em; |
|||
} |
|||
|
|||
/* Embedded content |
|||
========================================================================== */ |
|||
|
|||
/** |
|||
* Remove the border on images inside links in IE 10. |
|||
*/ |
|||
|
|||
img { |
|||
border-style: none; |
|||
} |
|||
|
|||
/* Forms |
|||
========================================================================== */ |
|||
|
|||
/** |
|||
* 1. Change the font styles in all browsers. |
|||
* 2. Remove the margin in Firefox and Safari. |
|||
*/ |
|||
|
|||
button, |
|||
input, |
|||
optgroup, |
|||
select, |
|||
textarea { |
|||
font-family: inherit; /* 1 */ |
|||
font-size: 100%; /* 1 */ |
|||
line-height: 1.15; /* 1 */ |
|||
margin: 0; /* 2 */ |
|||
} |
|||
|
|||
/** |
|||
* Show the overflow in IE. |
|||
* 1. Show the overflow in Edge. |
|||
*/ |
|||
|
|||
button, |
|||
input { /* 1 */ |
|||
overflow: visible; |
|||
} |
|||
|
|||
/** |
|||
* Remove the inheritance of text transform in Edge, Firefox, and IE. |
|||
* 1. Remove the inheritance of text transform in Firefox. |
|||
*/ |
|||
|
|||
button, |
|||
select { /* 1 */ |
|||
text-transform: none; |
|||
} |
|||
|
|||
/** |
|||
* Correct the inability to style clickable types in iOS and Safari. |
|||
*/ |
|||
|
|||
button, |
|||
[type="button"], |
|||
[type="reset"], |
|||
[type="submit"] { |
|||
-webkit-appearance: button; |
|||
} |
|||
|
|||
/** |
|||
* Remove the inner border and padding in Firefox. |
|||
*/ |
|||
|
|||
button::-moz-focus-inner, |
|||
[type="button"]::-moz-focus-inner, |
|||
[type="reset"]::-moz-focus-inner, |
|||
[type="submit"]::-moz-focus-inner { |
|||
border-style: none; |
|||
padding: 0; |
|||
} |
|||
|
|||
/** |
|||
* Restore the focus styles unset by the previous rule. |
|||
*/ |
|||
|
|||
button:-moz-focusring, |
|||
[type="button"]:-moz-focusring, |
|||
[type="reset"]:-moz-focusring, |
|||
[type="submit"]:-moz-focusring { |
|||
outline: 1px dotted ButtonText; |
|||
} |
|||
|
|||
/** |
|||
* Correct the padding in Firefox. |
|||
*/ |
|||
|
|||
fieldset { |
|||
padding: 0.35em 0.75em 0.625em; |
|||
} |
|||
|
|||
/** |
|||
* 1. Correct the text wrapping in Edge and IE. |
|||
* 2. Correct the color inheritance from `fieldset` elements in IE. |
|||
* 3. Remove the padding so developers are not caught out when they zero out |
|||
* `fieldset` elements in all browsers. |
|||
*/ |
|||
|
|||
legend { |
|||
box-sizing: border-box; /* 1 */ |
|||
color: inherit; /* 2 */ |
|||
display: table; /* 1 */ |
|||
max-width: 100%; /* 1 */ |
|||
padding: 0; /* 3 */ |
|||
white-space: normal; /* 1 */ |
|||
} |
|||
|
|||
/** |
|||
* Add the correct vertical alignment in Chrome, Firefox, and Opera. |
|||
*/ |
|||
|
|||
progress { |
|||
vertical-align: baseline; |
|||
} |
|||
|
|||
/** |
|||
* Remove the default vertical scrollbar in IE 10+. |
|||
*/ |
|||
|
|||
textarea { |
|||
overflow: auto; |
|||
} |
|||
|
|||
/** |
|||
* 1. Add the correct box sizing in IE 10. |
|||
* 2. Remove the padding in IE 10. |
|||
*/ |
|||
|
|||
[type="checkbox"], |
|||
[type="radio"] { |
|||
box-sizing: border-box; /* 1 */ |
|||
padding: 0; /* 2 */ |
|||
} |
|||
|
|||
/** |
|||
* Correct the cursor style of increment and decrement buttons in Chrome. |
|||
*/ |
|||
|
|||
[type="number"]::-webkit-inner-spin-button, |
|||
[type="number"]::-webkit-outer-spin-button { |
|||
height: auto; |
|||
} |
|||
|
|||
/** |
|||
* 1. Correct the odd appearance in Chrome and Safari. |
|||
* 2. Correct the outline style in Safari. |
|||
*/ |
|||
|
|||
[type="search"] { |
|||
-webkit-appearance: textfield; /* 1 */ |
|||
outline-offset: -2px; /* 2 */ |
|||
} |
|||
|
|||
/** |
|||
* Remove the inner padding in Chrome and Safari on macOS. |
|||
*/ |
|||
|
|||
[type="search"]::-webkit-search-decoration { |
|||
-webkit-appearance: none; |
|||
} |
|||
|
|||
/** |
|||
* 1. Correct the inability to style clickable types in iOS and Safari. |
|||
* 2. Change font properties to `inherit` in Safari. |
|||
*/ |
|||
|
|||
::-webkit-file-upload-button { |
|||
-webkit-appearance: button; /* 1 */ |
|||
font: inherit; /* 2 */ |
|||
} |
|||
|
|||
/* Interactive |
|||
=========================================== |
|||
=============================== */ |
|||
|
|||
/* |
|||
* Add the correct display in Edge, IE 10+, and Firefox. |
|||
*/ |
|||
|
|||
details { |
|||
display: block; |
|||
} |
|||
|
|||
/* |
|||
* Add the correct display in all browsers. |
|||
*/ |
|||
|
|||
summary { |
|||
display: list-item; |
|||
} |
|||
|
|||
/* Misc |
|||
========================================================================== */ |
|||
|
|||
/** |
|||
* Add the correct display in IE 10+. |
|||
*/ |
|||
|
|||
template { |
|||
display: none; |
|||
} |
|||
|
|||
/** |
|||
* Add the correct display in IE 10. |
|||
*/ |
|||
|
|||
[hidden] { |
|||
display: none; |
|||
} |
|||
|
|||
|
|||