commit
4aace265b5
@ -0,0 +1,407 @@ |
||||
*.ipynb |
||||
docker-compose.override.yml |
||||
.env |
||||
*.psql |
||||
*.sql |
||||
db |
||||
|
||||
# Created by https://www.toptal.com/developers/gitignore/api/pycharm,python,django,vuejs,yarn |
||||
# Edit at https://www.toptal.com/developers/gitignore?templates=pycharm,python,django,vuejs,yarn |
||||
|
||||
### Django ### |
||||
*.log |
||||
*.pot |
||||
*.pyc |
||||
__pycache__/ |
||||
local_settings.py |
||||
db.sqlite3 |
||||
db.sqlite3-journal |
||||
media |
||||
|
||||
# If your build process includes running collectstatic, then you probably don't need or want to include staticfiles/ |
||||
# in your Git repository. Update and uncomment the following line accordingly. |
||||
# <django-project-name>/staticfiles/ |
||||
|
||||
### Django.Python Stack ### |
||||
# Byte-compiled / optimized / DLL files |
||||
*.py[cod] |
||||
*$py.class |
||||
|
||||
# C extensions |
||||
*.so |
||||
|
||||
# Distribution / packaging |
||||
.Python |
||||
build/ |
||||
develop-eggs/ |
||||
dist/ |
||||
downloads/ |
||||
eggs/ |
||||
.eggs/ |
||||
lib/ |
||||
lib64/ |
||||
parts/ |
||||
sdist/ |
||||
var/ |
||||
wheels/ |
||||
share/python-wheels/ |
||||
*.egg-info/ |
||||
.installed.cfg |
||||
*.egg |
||||
MANIFEST |
||||
|
||||
# PyInstaller |
||||
# Usually these files are written by a python script from a template |
||||
# before PyInstaller builds the exe, so as to inject date/other infos into it. |
||||
*.manifest |
||||
*.spec |
||||
|
||||
# Installer logs |
||||
pip-log.txt |
||||
pip-delete-this-directory.txt |
||||
|
||||
# Unit test / coverage reports |
||||
htmlcov/ |
||||
.tox/ |
||||
.nox/ |
||||
.coverage |
||||
.coverage.* |
||||
.cache |
||||
nosetests.xml |
||||
coverage.xml |
||||
*.cover |
||||
*.py,cover |
||||
.hypothesis/ |
||||
.pytest_cache/ |
||||
cover/ |
||||
|
||||
# Translations |
||||
*.mo |
||||
|
||||
# Django stuff: |
||||
|
||||
# Flask stuff: |
||||
instance/ |
||||
.webassets-cache |
||||
|
||||
# Scrapy stuff: |
||||
.scrapy |
||||
|
||||
# Sphinx documentation |
||||
docs/_build/ |
||||
|
||||
# PyBuilder |
||||
.pybuilder/ |
||||
target/ |
||||
|
||||
# Jupyter Notebook |
||||
.ipynb_checkpoints |
||||
|
||||
# IPython |
||||
profile_default/ |
||||
ipython_config.py |
||||
|
||||
# pyenv |
||||
# For a library or package, you might want to ignore these files since the code is |
||||
# intended to run in multiple environments; otherwise, check them in: |
||||
# .python-version |
||||
|
||||
# pipenv |
||||
# According to pypa/pipenv#598, it is recommended to include Pipfile.lock in version control. |
||||
# However, in case of collaboration, if having platform-specific dependencies or dependencies |
||||
# having no cross-platform support, pipenv may install dependencies that don't work, or not |
||||
# install all needed dependencies. |
||||
#Pipfile.lock |
||||
|
||||
# poetry |
||||
# Similar to Pipfile.lock, it is generally recommended to include poetry.lock in version control. |
||||
# This is especially recommended for binary packages to ensure reproducibility, and is more |
||||
# commonly ignored for libraries. |
||||
# https://python-poetry.org/docs/basic-usage/#commit-your-poetrylock-file-to-version-control |
||||
#poetry.lock |
||||
|
||||
# pdm |
||||
# Similar to Pipfile.lock, it is generally recommended to include pdm.lock in version control. |
||||
#pdm.lock |
||||
# pdm stores project-wide configurations in .pdm.toml, but it is recommended to not include it |
||||
# in version control. |
||||
# https://pdm.fming.dev/#use-with-ide |
||||
.pdm.toml |
||||
|
||||
# PEP 582; used by e.g. github.com/David-OConnor/pyflow and github.com/pdm-project/pdm |
||||
__pypackages__/ |
||||
|
||||
# Celery stuff |
||||
celerybeat-schedule |
||||
celerybeat.pid |
||||
|
||||
# SageMath parsed files |
||||
*.sage.py |
||||
|
||||
# Environments |
||||
.env |
||||
.venv |
||||
env/ |
||||
venv/ |
||||
ENV/ |
||||
env.bak/ |
||||
venv.bak/ |
||||
|
||||
# Spyder project settings |
||||
.spyderproject |
||||
.spyproject |
||||
|
||||
# Rope project settings |
||||
.ropeproject |
||||
|
||||
# mkdocs documentation |
||||
/site |
||||
|
||||
# mypy |
||||
.mypy_cache/ |
||||
.dmypy.json |
||||
dmypy.json |
||||
|
||||
# Pyre type checker |
||||
.pyre/ |
||||
|
||||
# pytype static type analyzer |
||||
.pytype/ |
||||
|
||||
# Cython debug symbols |
||||
cython_debug/ |
||||
|
||||
# PyCharm |
||||
# JetBrains specific template is maintained in a separate JetBrains.gitignore that can |
||||
# be found at https://github.com/github/gitignore/blob/main/Global/JetBrains.gitignore |
||||
# and can be added to the global gitignore or merged into this file. For a more nuclear |
||||
# option (not recommended) you can uncomment the following to ignore the entire idea folder. |
||||
#.idea/ |
||||
|
||||
### PyCharm ### |
||||
# Covers JetBrains IDEs: IntelliJ, RubyMine, PhpStorm, AppCode, PyCharm, CLion, Android Studio, WebStorm and Rider |
||||
# Reference: https://intellij-support.jetbrains.com/hc/en-us/articles/206544839 |
||||
|
||||
# User-specific stuff |
||||
.idea/**/workspace.xml |
||||
.idea/**/tasks.xml |
||||
.idea/**/usage.statistics.xml |
||||
.idea/**/dictionaries |
||||
.idea/**/shelf |
||||
|
||||
# AWS User-specific |
||||
.idea/**/aws.xml |
||||
|
||||
# Generated files |
||||
.idea/**/contentModel.xml |
||||
|
||||
# Sensitive or high-churn files |
||||
.idea/**/dataSources/ |
||||
.idea/**/dataSources.ids |
||||
.idea/**/dataSources.local.xml |
||||
.idea/**/sqlDataSources.xml |
||||
.idea/**/dynamic.xml |
||||
.idea/**/uiDesigner.xml |
||||
.idea/**/dbnavigator.xml |
||||
|
||||
# Gradle |
||||
.idea/**/gradle.xml |
||||
.idea/**/libraries |
||||
|
||||
# Gradle and Maven with auto-import |
||||
# When using Gradle or Maven with auto-import, you should exclude module files, |
||||
# since they will be recreated, and may cause churn. Uncomment if using |
||||
# auto-import. |
||||
# .idea/artifacts |
||||
# .idea/compiler.xml |
||||
# .idea/jarRepositories.xml |
||||
# .idea/modules.xml |
||||
# .idea/*.iml |
||||
# .idea/modules |
||||
# *.iml |
||||
# *.ipr |
||||
|
||||
# CMake |
||||
cmake-build-*/ |
||||
|
||||
# Mongo Explorer plugin |
||||
.idea/**/mongoSettings.xml |
||||
|
||||
# File-based project format |
||||
*.iws |
||||
|
||||
# IntelliJ |
||||
out/ |
||||
|
||||
# mpeltonen/sbt-idea plugin |
||||
.idea_modules/ |
||||
|
||||
# JIRA plugin |
||||
atlassian-ide-plugin.xml |
||||
|
||||
# Cursive Clojure plugin |
||||
.idea/replstate.xml |
||||
|
||||
# SonarLint plugin |
||||
.idea/sonarlint/ |
||||
|
||||
# Crashlytics plugin (for Android Studio and IntelliJ) |
||||
com_crashlytics_export_strings.xml |
||||
crashlytics.properties |
||||
crashlytics-build.properties |
||||
fabric.properties |
||||
|
||||
# Editor-based Rest Client |
||||
.idea/httpRequests |
||||
|
||||
# Android studio 3.1+ serialized cache file |
||||
.idea/caches/build_file_checksums.ser |
||||
|
||||
### PyCharm Patch ### |
||||
# Comment Reason: https://github.com/joeblau/gitignore.io/issues/186#issuecomment-215987721 |
||||
|
||||
# *.iml |
||||
# modules.xml |
||||
# .idea/misc.xml |
||||
# *.ipr |
||||
|
||||
# Sonarlint plugin |
||||
# https://plugins.jetbrains.com/plugin/7973-sonarlint |
||||
.idea/**/sonarlint/ |
||||
|
||||
# SonarQube Plugin |
||||
# https://plugins.jetbrains.com/plugin/7238-sonarqube-community-plugin |
||||
.idea/**/sonarIssues.xml |
||||
|
||||
# Markdown Navigator plugin |
||||
# https://plugins.jetbrains.com/plugin/7896-markdown-navigator-enhanced |
||||
.idea/**/markdown-navigator.xml |
||||
.idea/**/markdown-navigator-enh.xml |
||||
.idea/**/markdown-navigator/ |
||||
|
||||
# Cache file creation bug |
||||
# See https://youtrack.jetbrains.com/issue/JBR-2257 |
||||
.idea/$CACHE_FILE$ |
||||
|
||||
# CodeStream plugin |
||||
# https://plugins.jetbrains.com/plugin/12206-codestream |
||||
.idea/codestream.xml |
||||
|
||||
# Azure Toolkit for IntelliJ plugin |
||||
# https://plugins.jetbrains.com/plugin/8053-azure-toolkit-for-intellij |
||||
.idea/**/azureSettings.xml |
||||
|
||||
### Python ### |
||||
# Byte-compiled / optimized / DLL files |
||||
|
||||
# C extensions |
||||
|
||||
# Distribution / packaging |
||||
|
||||
# PyInstaller |
||||
# Usually these files are written by a python script from a template |
||||
# before PyInstaller builds the exe, so as to inject date/other infos into it. |
||||
|
||||
# Installer logs |
||||
|
||||
# Unit test / coverage reports |
||||
|
||||
# Translations |
||||
|
||||
# Django stuff: |
||||
|
||||
# Flask stuff: |
||||
|
||||
# Scrapy stuff: |
||||
|
||||
# Sphinx documentation |
||||
|
||||
# PyBuilder |
||||
|
||||
# Jupyter Notebook |
||||
|
||||
# IPython |
||||
|
||||
# pyenv |
||||
# For a library or package, you might want to ignore these files since the code is |
||||
# intended to run in multiple environments; otherwise, check them in: |
||||
# .python-version |
||||
|
||||
# pipenv |
||||
# According to pypa/pipenv#598, it is recommended to include Pipfile.lock in version control. |
||||
# However, in case of collaboration, if having platform-specific dependencies or dependencies |
||||
# having no cross-platform support, pipenv may install dependencies that don't work, or not |
||||
# install all needed dependencies. |
||||
|
||||
# poetry |
||||
# Similar to Pipfile.lock, it is generally recommended to include poetry.lock in version control. |
||||
# This is especially recommended for binary packages to ensure reproducibility, and is more |
||||
# commonly ignored for libraries. |
||||
# https://python-poetry.org/docs/basic-usage/#commit-your-poetrylock-file-to-version-control |
||||
|
||||
# pdm |
||||
# Similar to Pipfile.lock, it is generally recommended to include pdm.lock in version control. |
||||
# pdm stores project-wide configurations in .pdm.toml, but it is recommended to not include it |
||||
# in version control. |
||||
# https://pdm.fming.dev/#use-with-ide |
||||
|
||||
# PEP 582; used by e.g. github.com/David-OConnor/pyflow and github.com/pdm-project/pdm |
||||
|
||||
# Celery stuff |
||||
|
||||
# SageMath parsed files |
||||
|
||||
# Environments |
||||
|
||||
# Spyder project settings |
||||
|
||||
# Rope project settings |
||||
|
||||
# mkdocs documentation |
||||
|
||||
# mypy |
||||
|
||||
# Pyre type checker |
||||
|
||||
# pytype static type analyzer |
||||
|
||||
# Cython debug symbols |
||||
|
||||
# PyCharm |
||||
# JetBrains specific template is maintained in a separate JetBrains.gitignore that can |
||||
# be found at https://github.com/github/gitignore/blob/main/Global/JetBrains.gitignore |
||||
# and can be added to the global gitignore or merged into this file. For a more nuclear |
||||
# option (not recommended) you can uncomment the following to ignore the entire idea folder. |
||||
|
||||
### Python Patch ### |
||||
# Poetry local configuration file - https://python-poetry.org/docs/configuration/#local-configuration |
||||
poetry.toml |
||||
|
||||
# ruff |
||||
.ruff_cache/ |
||||
|
||||
### Vuejs ### |
||||
# Recommended template: Node.gitignore |
||||
|
||||
node_modules/ |
||||
npm-debug.log |
||||
yarn-error.log |
||||
|
||||
### yarn ### |
||||
# https://yarnpkg.com/getting-started/qa#which-files-should-be-gitignored |
||||
|
||||
.yarn/* |
||||
!.yarn/releases |
||||
!.yarn/patches |
||||
!.yarn/plugins |
||||
!.yarn/sdks |
||||
!.yarn/versions |
||||
|
||||
# if you are NOT using Zero-installs, then: |
||||
# comment the following lines |
||||
!.yarn/cache |
||||
|
||||
# and uncomment the following lines |
||||
# .pnp.* |
||||
|
||||
# End of https://www.toptal.com/developers/gitignore/api/pycharm,python,django,vuejs,yarn |
||||
@ -0,0 +1,25 @@ |
||||
FROM python:3.13 |
||||
|
||||
ARG UID=1000 |
||||
ARG GID=1000 |
||||
|
||||
USER root |
||||
ENV PYTHONUNBUFFERED=1 |
||||
|
||||
RUN apt-get update && apt-get install -y \ |
||||
postgresql-client \ |
||||
&& rm -rf /var/lib/apt/lists/* |
||||
|
||||
RUN groupadd runuser -g ${GID} |
||||
RUN useradd runuser -d /home/runuser -u ${UID} -g ${GID} |
||||
RUN mkdir -p /home/runuser && chown ${UID}:${GID} /home/runuser |
||||
VOLUME /home/runuser |
||||
|
||||
COPY requirements.txt /app/requirements.txt |
||||
WORKDIR /app |
||||
RUN pip3 install -Ur requirements.txt |
||||
COPY . /app |
||||
|
||||
RUN chown -R ${UID}:${GID} /app |
||||
|
||||
USER ${UID}:${GID} |
||||
@ -0,0 +1,300 @@ |
||||
# Generated by Django 2.0.2 on 2018-03-01 23:04 |
||||
|
||||
from django.db import migrations, models |
||||
import django.db.models.deletion |
||||
import django_extensions.db.fields |
||||
import modelcluster.fields |
||||
import wagtail.blocks |
||||
import wagtail.fields |
||||
import wagtail.documents.blocks |
||||
import wagtail.images.blocks |
||||
|
||||
|
||||
class Migration(migrations.Migration): |
||||
|
||||
replaces = [('core', '0001_initial'), ('core', '0002_auto_20150222_1203'), ('core', '0003_auto_20150222_1209'), ('core', '0004_auto_20150222_1518'), ('core', '0005_simpleonecolumnpage'), ('core', '0006_eventindexpage_eventpage'), ('core', '0007_auto_20150223_2126'), ('core', '0008_auto_20150224_1743'), ('core', '0009_eventpage_description'), ('core', '0010_auto_20150224_2003'), ('core', '0011_auto_20150224_2132'), ('core', '0012_auto_20150224_2223'), ('core', '0013_auto_20150225_2343'), ('core', '0014_auto_20150226_0025'), ('core', '0015_auto_20150226_0026'), ('core', '0016_auto_20150502_1342'), ('core', '0017_auto_20150502_1409'), ('core', '0018_auto_20150502_1432'), ('core', '0019_eventpage_show_in_event_calendar'), ('core', '0020_auto_20150503_0010'), ('core', '0021_auto_20150503_0021'), ('core', '0022_auto_20150503_0023'), ('core', '0023_auto_20150510_2128'), ('core', '0024_auto_20150510_2234'), ('core', '0025_uploadedscript'), ('core', '0026_auto_20150818_1650'), ('core', '0027_auto_20160915_1455'), ('core', '0028_auto_20160915_1503'), ('core', '0029_auto_20160915_1509'), ('core', '0030_remove_blogpage_subtitle'), ('core', '0031_auto_20160915_1557'), ('core', '0032_auto_20161201_1633')] |
||||
|
||||
initial = True |
||||
|
||||
dependencies = [ |
||||
('wagtailimages', '0005_make_filter_spec_unique'), |
||||
('wagtailcore', '0029_unicode_slugfield_dj19'), |
||||
('wagtaildocs', '0002_initial_data'), |
||||
('wagtailforms', '0001_initial'), |
||||
('wagtailcore', '0013_update_golive_expire_help_text'), |
||||
('wagtailcore', '0015_add_more_verbose_names'), |
||||
('wagtailsearch', '0001_initial'), |
||||
('wagtailcore', '0010_change_page_owner_to_null_on_delete'), |
||||
('wagtailredirects', '0001_initial'), |
||||
] |
||||
|
||||
operations = [ |
||||
migrations.CreateModel( |
||||
name='HomePage', |
||||
fields=[ |
||||
('page_ptr', models.OneToOneField(auto_created=True, on_delete=django.db.models.deletion.DO_NOTHING, parent_link=True, primary_key=True, serialize=False, to='wagtailcore.Page')), |
||||
('block1', wagtail.fields.RichTextField(blank=True)), |
||||
('slide1_headline', models.CharField(blank=True, max_length=512)), |
||||
('slide1_img', models.ForeignKey(blank=True, null=True, on_delete=django.db.models.deletion.SET_NULL, related_name='+', to='wagtailimages.Image')), |
||||
('slide1_link_text', models.CharField(blank=True, max_length=64)), |
||||
('slide1_subline', models.CharField(blank=True, max_length=512)), |
||||
('slide1_link_url', models.URLField(blank=True)), |
||||
('slide2_headline', models.CharField(blank=True, max_length=512)), |
||||
('slide2_img', models.ForeignKey(blank=True, null=True, on_delete=django.db.models.deletion.SET_NULL, related_name='+', to='wagtailimages.Image')), |
||||
('slide2_link_text', models.CharField(blank=True, max_length=64)), |
||||
('slide2_subline', models.CharField(blank=True, max_length=512)), |
||||
('slide2_link_url', models.URLField(blank=True)), |
||||
('slide3_headline', models.CharField(blank=True, max_length=512)), |
||||
('slide3_img', models.ForeignKey(blank=True, null=True, on_delete=django.db.models.deletion.SET_NULL, related_name='+', to='wagtailimages.Image')), |
||||
('slide3_link_text', models.CharField(blank=True, max_length=64)), |
||||
('slide3_subline', models.CharField(blank=True, max_length=512)), |
||||
('slide3_link_url', models.URLField(blank=True)), |
||||
('thumbnail1_img', models.ForeignKey(blank=True, null=True, on_delete=django.db.models.deletion.SET_NULL, related_name='+', to='wagtailimages.Image')), |
||||
('thumbnail1_more_page', models.ForeignKey(blank=True, null=True, on_delete=django.db.models.deletion.SET_NULL, related_name='+', to='wagtailcore.Page')), |
||||
('thumbnail1_more_text', models.CharField(blank=True, max_length=64)), |
||||
('thumbnail1_text', wagtail.fields.RichTextField(blank=True)), |
||||
('thumbnail1_title', models.CharField(blank=True, max_length=128)), |
||||
('thumbnail2_img', models.ForeignKey(blank=True, null=True, on_delete=django.db.models.deletion.SET_NULL, related_name='+', to='wagtailimages.Image')), |
||||
('thumbnail2_more_page', models.ForeignKey(blank=True, null=True, on_delete=django.db.models.deletion.SET_NULL, related_name='+', to='wagtailcore.Page')), |
||||
('thumbnail2_more_text', models.CharField(blank=True, max_length=64)), |
||||
('thumbnail2_text', wagtail.fields.RichTextField(blank=True)), |
||||
('thumbnail2_title', models.CharField(blank=True, max_length=128)), |
||||
('thumbnail3_img', models.ForeignKey(blank=True, null=True, on_delete=django.db.models.deletion.SET_NULL, related_name='+', to='wagtailimages.Image')), |
||||
('thumbnail3_more_page', models.ForeignKey(blank=True, null=True, on_delete=django.db.models.deletion.SET_NULL, related_name='+', to='wagtailcore.Page')), |
||||
('thumbnail3_more_text', models.CharField(blank=True, max_length=64)), |
||||
('thumbnail3_text', wagtail.fields.RichTextField(blank=True)), |
||||
('thumbnail3_title', models.CharField(blank=True, max_length=128)), |
||||
], |
||||
options={ |
||||
'abstract': False, |
||||
}, |
||||
bases=('wagtailcore.page',), |
||||
), |
||||
migrations.CreateModel( |
||||
name='SimpleOneColumnPage', |
||||
fields=[ |
||||
('page_ptr', models.OneToOneField(auto_created=True, on_delete=django.db.models.deletion.DO_NOTHING, parent_link=True, primary_key=True, serialize=False, to='wagtailcore.Page')), |
||||
('content', wagtail.fields.RichTextField(blank=True)), |
||||
], |
||||
options={ |
||||
'abstract': False, |
||||
}, |
||||
bases=('wagtailcore.page',), |
||||
), |
||||
migrations.CreateModel( |
||||
name='EventIndexPage', |
||||
fields=[ |
||||
('page_ptr', models.OneToOneField(auto_created=True, on_delete=django.db.models.deletion.DO_NOTHING, parent_link=True, primary_key=True, serialize=False, to='wagtailcore.Page')), |
||||
], |
||||
options={ |
||||
'description': 'Displays all events on EventPages below in an overview. Use this as parent page for events.', |
||||
}, |
||||
bases=('wagtailcore.page',), |
||||
), |
||||
migrations.CreateModel( |
||||
name='EventPage', |
||||
fields=[ |
||||
('page_ptr', models.OneToOneField(auto_created=True, on_delete=django.db.models.deletion.DO_NOTHING, parent_link=True, primary_key=True, serialize=False, to='wagtailcore.Page')), |
||||
('subtitle', models.CharField(blank=True, max_length=512, null=True)), |
||||
('start_date', models.DateField()), |
||||
('end_date', models.DateField(blank=True, null=True)), |
||||
('flyer', models.ForeignKey(blank=True, null=True, on_delete=django.db.models.deletion.SET_NULL, related_name='+', to='wagtaildocs.Document')), |
||||
('slide1_headline', models.CharField(blank=True, max_length=512)), |
||||
('slide1_img', models.ForeignKey(blank=True, null=True, on_delete=django.db.models.deletion.SET_NULL, related_name='+', to='wagtailimages.Image')), |
||||
('slide1_link_text', models.CharField(blank=True, max_length=64)), |
||||
('slide1_link_url', models.URLField(blank=True)), |
||||
('slide1_subline', models.CharField(blank=True, max_length=512)), |
||||
('slide2_headline', models.CharField(blank=True, max_length=512)), |
||||
('slide2_img', models.ForeignKey(blank=True, null=True, on_delete=django.db.models.deletion.SET_NULL, related_name='+', to='wagtailimages.Image')), |
||||
('slide2_link_text', models.CharField(blank=True, max_length=64)), |
||||
('slide2_link_url', models.URLField(blank=True)), |
||||
('slide2_subline', models.CharField(blank=True, max_length=512)), |
||||
('slide3_headline', models.CharField(blank=True, max_length=512)), |
||||
('slide3_img', models.ForeignKey(blank=True, null=True, on_delete=django.db.models.deletion.SET_NULL, related_name='+', to='wagtailimages.Image')), |
||||
('slide3_link_text', models.CharField(blank=True, max_length=64)), |
||||
('slide3_link_url', models.URLField(blank=True)), |
||||
('slide3_subline', models.CharField(blank=True, max_length=512)), |
||||
('description', wagtail.fields.RichTextField(blank=True)), |
||||
('location_city', models.CharField(blank=True, default='', help_text='Zip code and city', max_length=256)), |
||||
('location_name', models.CharField(blank=True, default='', help_text='Name of the location (first line of address)', max_length=256)), |
||||
('location_street', models.CharField(blank=True, default='', help_text='Street and house number', max_length=256)), |
||||
('img2_caption', models.CharField(blank=True, max_length=64)), |
||||
('img2_img', models.ForeignKey(blank=True, null=True, on_delete=django.db.models.deletion.SET_NULL, related_name='+', to='wagtailimages.Image')), |
||||
('img1_caption', models.CharField(blank=True, max_length=64)), |
||||
('img1_img', models.ForeignKey(blank=True, null=True, on_delete=django.db.models.deletion.SET_NULL, related_name='+', to='wagtailimages.Image')), |
||||
('from_address', models.CharField(blank=True, max_length=255, verbose_name='from address')), |
||||
('subject', models.CharField(blank=True, max_length=255, verbose_name='subject')), |
||||
('to_address', models.CharField(blank=True, help_text='Optional - form submissions will be emailed to these addresses. Separate multiple addresses by comma.', max_length=255, verbose_name='to address')), |
||||
('registration_end_date', models.DateField(blank=True, help_text='Last day where the registration will be available. Leave empty to enable registration permanentlyafter start date', null=True)), |
||||
('registration_start_date', models.DateField(blank=True, help_text='When does the registration open? Leave empty to disable registration', null=True)), |
||||
('show_in_event_calendar', models.BooleanField(default=True)), |
||||
('is_free', models.BooleanField(default=False, help_text='If this is checked the send button under the registrationform will be labeled "verbindlich anmelden" instead of "kostenpflichtig anmelden"')), |
||||
('tabs', wagtail.fields.StreamField((('sponsor_tab', wagtail.blocks.StructBlock((('title', wagtail.blocks.CharBlock(max_length=64)), ('sponsors', wagtail.blocks.StreamBlock((('sponsor', wagtail.blocks.StructBlock((('name', wagtail.blocks.CharBlock(max_length=64)), ('logo', wagtail.images.blocks.ImageChooserBlock(required=False)), ('url', wagtail.blocks.URLBlock(required=False))))), ('headline', wagtail.blocks.CharBlock(max_length=64)))))))), ('richtext_tab', wagtail.blocks.StructBlock((('title', wagtail.blocks.CharBlock(max_length=64)), ('content', wagtail.blocks.RichTextBlock()))))), blank=True, null=True)), |
||||
('external_registration_code', models.TextField(blank=True, help_text='Put code e.g. from Xing here. If this field is filled out there will be no registration form displayed.', null=True)), |
||||
], |
||||
options={ |
||||
'ordering': ['-start_date'], |
||||
'abstract': False, |
||||
}, |
||||
bases=('wagtailcore.page',), |
||||
), |
||||
migrations.CreateModel( |
||||
name='ContactFormField', |
||||
fields=[ |
||||
('id', models.AutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')), |
||||
('sort_order', models.IntegerField(blank=True, editable=False, null=True)), |
||||
('label', models.CharField(help_text='The label of the form field', max_length=255)), |
||||
('field_type', models.CharField(choices=[('singleline', 'Single line text'), ('multiline', 'Multi-line text'), ('email', 'Email'), ('number', 'Number'), ('url', 'URL'), ('checkbox', 'Checkbox'), ('checkboxes', 'Checkboxes'), ('dropdown', 'Drop down'), ('radio', 'Radio buttons'), ('date', 'Date'), ('datetime', 'Date/time')], max_length=16)), |
||||
('required', models.BooleanField(default=True)), |
||||
('choices', models.CharField(blank=True, help_text='Comma separated list of choices. Only applicable in checkboxes, radio and dropdown.', max_length=512)), |
||||
('default_value', models.CharField(blank=True, help_text='Default value. Comma separated values supported for checkboxes.', max_length=255)), |
||||
('help_text', models.CharField(blank=True, max_length=255)), |
||||
], |
||||
options={ |
||||
'ordering': ['sort_order'], |
||||
'abstract': False, |
||||
}, |
||||
), |
||||
migrations.CreateModel( |
||||
name='ContactFormPage', |
||||
fields=[ |
||||
('page_ptr', models.OneToOneField(auto_created=True, on_delete=django.db.models.deletion.DO_NOTHING, parent_link=True, primary_key=True, serialize=False, to='wagtailcore.Page')), |
||||
('to_address', models.CharField(blank=True, help_text='Optional - form submissions will be emailed to these addresses. Separate multiple addresses by comma.', max_length=255, verbose_name='to address')), |
||||
('from_address', models.CharField(blank=True, max_length=255, verbose_name='from address')), |
||||
('subject', models.CharField(blank=True, max_length=255, verbose_name='subject')), |
||||
('thank_you_text', wagtail.fields.RichTextField(blank=True)), |
||||
('address', models.CharField(blank=True, max_length=128)), |
||||
('form_title', models.CharField(blank=True, max_length=128)), |
||||
('web_address', models.URLField(blank=True)), |
||||
('mail_address', models.CharField(blank=True, max_length=128)), |
||||
('person_img', models.ForeignKey(blank=True, null=True, on_delete=django.db.models.deletion.SET_NULL, related_name='+', to='wagtailimages.Image')), |
||||
('person_name', models.CharField(blank=True, max_length=128)), |
||||
('person_position', models.CharField(blank=True, max_length=128)), |
||||
('phone', models.CharField(blank=True, max_length=128)), |
||||
], |
||||
options={ |
||||
'abstract': False, |
||||
}, |
||||
bases=('wagtailcore.page',), |
||||
), |
||||
migrations.AddField( |
||||
model_name='contactformfield', |
||||
name='page', |
||||
field=modelcluster.fields.ParentalKey(on_delete=django.db.models.deletion.CASCADE, related_name='form_fields', to='core.ContactFormPage'), |
||||
), |
||||
migrations.CreateModel( |
||||
name='EventRegistrationField', |
||||
fields=[ |
||||
('id', models.AutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')), |
||||
('sort_order', models.IntegerField(blank=True, editable=False, null=True)), |
||||
('label', models.CharField(help_text='The label of the form field', max_length=255, verbose_name='label')), |
||||
('field_type', models.CharField(choices=[('singleline', 'Single line text'), ('multiline', 'Multi-line text'), ('email', 'Email'), ('number', 'Number'), ('url', 'URL'), ('checkbox', 'Checkbox'), ('checkboxes', 'Checkboxes'), ('dropdown', 'Drop down'), ('radio', 'Radio buttons'), ('date', 'Date'), ('datetime', 'Date/time')], max_length=16, verbose_name='field type')), |
||||
('required', models.BooleanField(default=True, verbose_name='required')), |
||||
('choices', models.TextField(blank=True, help_text='Comma separated list of choices. Only applicable in checkboxes, radio and dropdown.', verbose_name='choices')), |
||||
('default_value', models.CharField(blank=True, help_text='Default value. Comma separated values supported for checkboxes.', max_length=255, verbose_name='default value')), |
||||
('help_text', models.CharField(blank=True, max_length=255, verbose_name='help text')), |
||||
('page', modelcluster.fields.ParentalKey(on_delete=django.db.models.deletion.CASCADE, related_name='form_fields', to='core.EventPage')), |
||||
], |
||||
options={ |
||||
'ordering': ['sort_order'], |
||||
'abstract': False, |
||||
}, |
||||
), |
||||
migrations.CreateModel( |
||||
name='EventHistoryPage', |
||||
fields=[ |
||||
('page_ptr', models.OneToOneField(auto_created=True, on_delete=django.db.models.deletion.DO_NOTHING, parent_link=True, primary_key=True, serialize=False, to='wagtailcore.Page')), |
||||
('events', wagtail.fields.StreamField((('event', wagtail.blocks.StructBlock((('title', wagtail.blocks.CharBlock(max_length=512, required=False)), ('subtitle', wagtail.blocks.CharBlock(max_length=512, required=False)), ('start_date', wagtail.blocks.DateBlock()), ('end_date', wagtail.blocks.DateBlock(help_text='Leave empty for single day events', required=False)), ('location_name', wagtail.blocks.CharBlock(help_text='Name of the location (first line of address)', max_length=256, required=False)), ('location_city', wagtail.blocks.CharBlock(help_text='Zip code and city', max_length=256, required=False)), ('image', wagtail.images.blocks.ImageChooserBlock(required=False)), ('flyer', wagtail.documents.blocks.DocumentChooserBlock(required=False))))),))), |
||||
], |
||||
options={ |
||||
'abstract': False, |
||||
}, |
||||
bases=('wagtailcore.page',), |
||||
), |
||||
migrations.AlterField( |
||||
model_name='contactformfield', |
||||
name='choices', |
||||
field=models.CharField(blank=True, help_text='Comma separated list of choices. Only applicable in checkboxes, radio and dropdown.', max_length=512, verbose_name='Choices'), |
||||
), |
||||
migrations.AlterField( |
||||
model_name='contactformfield', |
||||
name='default_value', |
||||
field=models.CharField(blank=True, help_text='Default value. Comma separated values supported for checkboxes.', max_length=255, verbose_name='Default value'), |
||||
), |
||||
migrations.AlterField( |
||||
model_name='contactformfield', |
||||
name='field_type', |
||||
field=models.CharField(choices=[('singleline', 'Single line text'), ('multiline', 'Multi-line text'), ('email', 'Email'), ('number', 'Number'), ('url', 'URL'), ('checkbox', 'Checkbox'), ('checkboxes', 'Checkboxes'), ('dropdown', 'Drop down'), ('radio', 'Radio buttons'), ('date', 'Date'), ('datetime', 'Date/time')], max_length=16, verbose_name='Field type'), |
||||
), |
||||
migrations.AlterField( |
||||
model_name='contactformfield', |
||||
name='help_text', |
||||
field=models.CharField(blank=True, max_length=255, verbose_name='Help text'), |
||||
), |
||||
migrations.AlterField( |
||||
model_name='contactformfield', |
||||
name='label', |
||||
field=models.CharField(help_text='The label of the form field', max_length=255, verbose_name='Label'), |
||||
), |
||||
migrations.AlterField( |
||||
model_name='contactformfield', |
||||
name='required', |
||||
field=models.BooleanField(default=True, verbose_name='Required'), |
||||
), |
||||
migrations.CreateModel( |
||||
name='UploadedScript', |
||||
fields=[ |
||||
('id', models.AutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')), |
||||
('created', django_extensions.db.fields.CreationDateTimeField(auto_now_add=True, verbose_name='created')), |
||||
('modified', django_extensions.db.fields.ModificationDateTimeField(auto_now=True, verbose_name='modified')), |
||||
('name', models.CharField(max_length=512, verbose_name='Ihr Name')), |
||||
('script', models.FileField(upload_to='scripts', verbose_name='Skript')), |
||||
], |
||||
options={ |
||||
'get_latest_by': 'modified', |
||||
'ordering': ('-modified', '-created'), |
||||
'abstract': False, |
||||
}, |
||||
), |
||||
migrations.CreateModel( |
||||
name='BlogPage', |
||||
fields=[ |
||||
('page_ptr', models.OneToOneField(auto_created=True, on_delete=django.db.models.deletion.CASCADE, parent_link=True, primary_key=True, serialize=False, to='wagtailcore.Page')), |
||||
('posts', wagtail.fields.StreamField((('post', wagtail.blocks.StructBlock((('images', wagtail.blocks.ListBlock(wagtail.images.blocks.ImageChooserBlock())), ('title', wagtail.blocks.CharBlock(max_length=200)), ('author', wagtail.blocks.CharBlock(default='Marion Schauf', max_length=64, required=False)), ('date', wagtail.blocks.DateBlock()), ('text', wagtail.blocks.RichTextBlock()), ('url', wagtail.blocks.URLBlock(required=False))))),), blank=True, null=True)), |
||||
], |
||||
options={ |
||||
'ordering': ['-post_date'], |
||||
}, |
||||
bases=('wagtailcore.page',), |
||||
), |
||||
migrations.AlterField( |
||||
model_name='contactformfield', |
||||
name='choices', |
||||
field=models.TextField(blank=True, help_text='Comma separated list of choices. Only applicable in checkboxes, radio and dropdown.', verbose_name='choices'), |
||||
), |
||||
migrations.AlterField( |
||||
model_name='contactformfield', |
||||
name='default_value', |
||||
field=models.CharField(blank=True, help_text='Default value. Comma separated values supported for checkboxes.', max_length=255, verbose_name='default value'), |
||||
), |
||||
migrations.AlterField( |
||||
model_name='contactformfield', |
||||
name='field_type', |
||||
field=models.CharField(choices=[('singleline', 'Single line text'), ('multiline', 'Multi-line text'), ('email', 'Email'), ('number', 'Number'), ('url', 'URL'), ('checkbox', 'Checkbox'), ('checkboxes', 'Checkboxes'), ('dropdown', 'Drop down'), ('radio', 'Radio buttons'), ('date', 'Date'), ('datetime', 'Date/time')], max_length=16, verbose_name='field type'), |
||||
), |
||||
migrations.AlterField( |
||||
model_name='contactformfield', |
||||
name='help_text', |
||||
field=models.CharField(blank=True, max_length=255, verbose_name='help text'), |
||||
), |
||||
migrations.AlterField( |
||||
model_name='contactformfield', |
||||
name='label', |
||||
field=models.CharField(help_text='The label of the form field', max_length=255, verbose_name='label'), |
||||
), |
||||
migrations.AlterField( |
||||
model_name='contactformfield', |
||||
name='required', |
||||
field=models.BooleanField(default=True, verbose_name='required'), |
||||
), |
||||
] |
||||
@ -0,0 +1,73 @@ |
||||
# Generated by Django 2.0.2 on 2018-09-18 10:33 |
||||
|
||||
from django.db import migrations, models |
||||
import django.db.models.deletion |
||||
|
||||
|
||||
class Migration(migrations.Migration): |
||||
|
||||
dependencies = [ |
||||
('core', '0001_squashed_0032_auto_20161201_1633'), |
||||
] |
||||
|
||||
operations = [ |
||||
migrations.AlterModelOptions( |
||||
name='blogpage', |
||||
options={}, |
||||
), |
||||
migrations.AlterField( |
||||
model_name='contactformfield', |
||||
name='field_type', |
||||
field=models.CharField(choices=[('singleline', 'Single line text'), ('multiline', 'Multi-line text'), ('email', 'Email'), ('number', 'Number'), ('url', 'URL'), ('checkbox', 'Checkbox'), ('checkboxes', 'Checkboxes'), ('dropdown', 'Drop down'), ('multiselect', 'Multiple select'), ('radio', 'Radio buttons'), ('date', 'Date'), ('datetime', 'Date/time'), ('hidden', 'Hidden field')], max_length=16, verbose_name='field type'), |
||||
), |
||||
migrations.AlterField( |
||||
model_name='contactformpage', |
||||
name='page_ptr', |
||||
field=models.OneToOneField(auto_created=True, on_delete=django.db.models.deletion.CASCADE, parent_link=True, primary_key=True, serialize=False, to='wagtailcore.Page'), |
||||
), |
||||
migrations.AlterField( |
||||
model_name='eventhistorypage', |
||||
name='page_ptr', |
||||
field=models.OneToOneField(auto_created=True, on_delete=django.db.models.deletion.CASCADE, parent_link=True, primary_key=True, serialize=False, to='wagtailcore.Page'), |
||||
), |
||||
migrations.AlterField( |
||||
model_name='eventindexpage', |
||||
name='page_ptr', |
||||
field=models.OneToOneField(auto_created=True, on_delete=django.db.models.deletion.CASCADE, parent_link=True, primary_key=True, serialize=False, to='wagtailcore.Page'), |
||||
), |
||||
migrations.AlterField( |
||||
model_name='eventpage', |
||||
name='location_city', |
||||
field=models.CharField(blank=True, help_text='Zip code and city', max_length=256), |
||||
), |
||||
migrations.AlterField( |
||||
model_name='eventpage', |
||||
name='location_name', |
||||
field=models.CharField(blank=True, help_text='Name of the location (first line of address)', max_length=256), |
||||
), |
||||
migrations.AlterField( |
||||
model_name='eventpage', |
||||
name='location_street', |
||||
field=models.CharField(blank=True, help_text='Street and house number', max_length=256), |
||||
), |
||||
migrations.AlterField( |
||||
model_name='eventpage', |
||||
name='page_ptr', |
||||
field=models.OneToOneField(auto_created=True, on_delete=django.db.models.deletion.CASCADE, parent_link=True, primary_key=True, serialize=False, to='wagtailcore.Page'), |
||||
), |
||||
migrations.AlterField( |
||||
model_name='eventregistrationfield', |
||||
name='field_type', |
||||
field=models.CharField(choices=[('singleline', 'Single line text'), ('multiline', 'Multi-line text'), ('email', 'Email'), ('number', 'Number'), ('url', 'URL'), ('checkbox', 'Checkbox'), ('checkboxes', 'Checkboxes'), ('dropdown', 'Drop down'), ('multiselect', 'Multiple select'), ('radio', 'Radio buttons'), ('date', 'Date'), ('datetime', 'Date/time'), ('hidden', 'Hidden field')], max_length=16, verbose_name='field type'), |
||||
), |
||||
migrations.AlterField( |
||||
model_name='homepage', |
||||
name='page_ptr', |
||||
field=models.OneToOneField(auto_created=True, on_delete=django.db.models.deletion.CASCADE, parent_link=True, primary_key=True, serialize=False, to='wagtailcore.Page'), |
||||
), |
||||
migrations.AlterField( |
||||
model_name='simpleonecolumnpage', |
||||
name='page_ptr', |
||||
field=models.OneToOneField(auto_created=True, on_delete=django.db.models.deletion.CASCADE, parent_link=True, primary_key=True, serialize=False, to='wagtailcore.Page'), |
||||
), |
||||
] |
||||
@ -0,0 +1,18 @@ |
||||
# Generated by Django 2.0.2 on 2020-02-14 11:39 |
||||
|
||||
from django.db import migrations, models |
||||
|
||||
|
||||
class Migration(migrations.Migration): |
||||
|
||||
dependencies = [ |
||||
('core', '0002_auto_20180918_1233'), |
||||
] |
||||
|
||||
operations = [ |
||||
migrations.AddField( |
||||
model_name='eventpage', |
||||
name='pretix_slug', |
||||
field=models.CharField(blank=True, help_text='Slug von Pretix (leer lassen, um klassische Anmeldung zu verwenden)', max_length=512), |
||||
), |
||||
] |
||||
@ -0,0 +1,18 @@ |
||||
# Generated by Django 2.0.2 on 2020-04-29 20:02 |
||||
|
||||
from django.db import migrations, models |
||||
|
||||
|
||||
class Migration(migrations.Migration): |
||||
|
||||
dependencies = [ |
||||
('core', '0003_eventpage_pretix_slug'), |
||||
] |
||||
|
||||
operations = [ |
||||
migrations.AddField( |
||||
model_name='eventpage', |
||||
name='vimeo_id', |
||||
field=models.TextField(blank=True, help_text='Vimeo Event ID (aus Vimeo-Link: https://vimeo.com/<hier-ist-die-id> )'), |
||||
), |
||||
] |
||||
@ -0,0 +1,32 @@ |
||||
# Generated by Django 2.0.2 on 2020-06-28 20:00 |
||||
|
||||
from django.db import migrations, models |
||||
import wagtail.blocks |
||||
import wagtail.fields |
||||
import wagtail.documents.blocks |
||||
import wagtail.images.blocks |
||||
|
||||
|
||||
class Migration(migrations.Migration): |
||||
|
||||
dependencies = [ |
||||
('core', '0004_eventpage_vimeo_id'), |
||||
] |
||||
|
||||
operations = [ |
||||
migrations.AddField( |
||||
model_name='eventpage', |
||||
name='registration_url', |
||||
field=models.URLField(blank=True, help_text='URL der Anmeldeseite (leer lassen um klassische Anmeldung zu verwenden)', max_length=512), |
||||
), |
||||
migrations.AlterField( |
||||
model_name='eventhistorypage', |
||||
name='events', |
||||
field=wagtail.fields.StreamField((('event', wagtail.blocks.StructBlock((('title', wagtail.blocks.CharBlock(max_length=512, required=False)), ('subtitle', wagtail.blocks.CharBlock(max_length=512, required=False)), ('start_date', wagtail.blocks.DateBlock()), ('end_date', wagtail.blocks.DateBlock(help_text='Leave empty for single day events', required=False)), ('location_name', wagtail.blocks.CharBlock(help_text='Name of the location (first line of address)', max_length=256, required=False)), ('location_city', wagtail.blocks.CharBlock(help_text='Zip code and city', max_length=256, required=False)), ('image', wagtail.images.blocks.ImageChooserBlock(required=False)), ('flyer', wagtail.documents.blocks.DocumentChooserBlock(required=False)), ('additional_info_btn_label', wagtail.blocks.CharBlock(label='Zusatzinfo Button Text', max_length=128, required=False)), ('additional_info_target', wagtail.blocks.PageChooserBlock(label='Zusatzinfo Zielseite', required=False))))),)), |
||||
), |
||||
migrations.AlterField( |
||||
model_name='eventpage', |
||||
name='show_in_event_calendar', |
||||
field=models.BooleanField(default=True, help_text='Event in Eventliste und im Kalender anzeigen?'), |
||||
), |
||||
] |
||||
@ -0,0 +1,20 @@ |
||||
# Generated by Django 2.0.2 on 2020-07-01 13:05 |
||||
|
||||
from django.db import migrations, models |
||||
import django.db.models.deletion |
||||
|
||||
|
||||
class Migration(migrations.Migration): |
||||
|
||||
dependencies = [ |
||||
('wagtailmedia', '0003_copy_media_permissions_to_collections'), |
||||
('core', '0005_auto_20200628_2200'), |
||||
] |
||||
|
||||
operations = [ |
||||
migrations.AddField( |
||||
model_name='simpleonecolumnpage', |
||||
name='featured_media', |
||||
field=models.ForeignKey(blank=True, null=True, on_delete=django.db.models.deletion.SET_NULL, related_name='+', to='wagtailmedia.Media'), |
||||
), |
||||
] |
||||
@ -0,0 +1,26 @@ |
||||
# Generated by Django 3.0.8 on 2020-07-02 17:23 |
||||
|
||||
import core.models |
||||
from django.db import migrations |
||||
import wagtail.blocks |
||||
import wagtail.fields |
||||
import wagtail.images.blocks |
||||
|
||||
|
||||
class Migration(migrations.Migration): |
||||
|
||||
dependencies = [ |
||||
('core', '0006_simpleonecolumnpage_featured_media'), |
||||
] |
||||
|
||||
operations = [ |
||||
migrations.AlterModelOptions( |
||||
name='uploadedscript', |
||||
options={'get_latest_by': 'modified'}, |
||||
), |
||||
migrations.AlterField( |
||||
model_name='eventpage', |
||||
name='tabs', |
||||
field=wagtail.fields.StreamField([('sponsor_tab', wagtail.blocks.StructBlock([('title', wagtail.blocks.CharBlock(max_length=64)), ('sponsors', wagtail.blocks.StreamBlock([('sponsor', wagtail.blocks.StructBlock([('name', wagtail.blocks.CharBlock(max_length=64)), ('logo', wagtail.images.blocks.ImageChooserBlock(required=False)), ('url', wagtail.blocks.URLBlock(required=False))])), ('headline', wagtail.blocks.CharBlock(max_length=64))]))])), ('richtext_tab', wagtail.blocks.StructBlock([('title', wagtail.blocks.CharBlock(max_length=64)), ('content', wagtail.blocks.RichTextBlock())])), ('media_tab', wagtail.blocks.StructBlock([('title', wagtail.blocks.CharBlock(max_length=64)), ('pre_content', wagtail.blocks.RichTextBlock(required=False)), ('media_file', core.models.MediaBlock(template='core/blocks/media_block.html')), ('post_content', wagtail.blocks.RichTextBlock(required=False))]))], blank=True, null=True), |
||||
), |
||||
] |
||||
@ -0,0 +1,22 @@ |
||||
# Generated by Django 3.0.8 on 2020-07-19 14:11 |
||||
|
||||
import core.models |
||||
from django.db import migrations |
||||
import wagtail.blocks |
||||
import wagtail.fields |
||||
import wagtail.images.blocks |
||||
|
||||
|
||||
class Migration(migrations.Migration): |
||||
|
||||
dependencies = [ |
||||
('core', '0007_auto_20200702_1923'), |
||||
] |
||||
|
||||
operations = [ |
||||
migrations.AlterField( |
||||
model_name='eventpage', |
||||
name='tabs', |
||||
field=wagtail.fields.StreamField([('sponsor_tab', wagtail.blocks.StructBlock([('title', wagtail.blocks.CharBlock(max_length=64)), ('sponsors', wagtail.blocks.StreamBlock([('sponsor', wagtail.blocks.StructBlock([('name', wagtail.blocks.CharBlock(max_length=64)), ('logo', wagtail.images.blocks.ImageChooserBlock(required=False)), ('url', wagtail.blocks.URLBlock(required=False))])), ('headline', wagtail.blocks.CharBlock(max_length=64))]))])), ('richtext_tab', wagtail.blocks.StructBlock([('title', wagtail.blocks.CharBlock(max_length=64)), ('content', wagtail.blocks.RichTextBlock())])), ('media_tab', wagtail.blocks.StructBlock([('title', wagtail.blocks.CharBlock(max_length=64)), ('pre_content', wagtail.blocks.RichTextBlock(required=False)), ('media_file', core.models.MediaBlock(template='core/blocks/media_block.html')), ('autoplay', wagtail.blocks.BooleanBlock(label='Automatisch abspielen', required=False)), ('muted', wagtail.blocks.BooleanBlock(label='Stummgeschaltet starten', required=False)), ('post_content', wagtail.blocks.RichTextBlock(required=False))]))], blank=True, null=True), |
||||
), |
||||
] |
||||
@ -0,0 +1,23 @@ |
||||
# Generated by Django 2.2.15 on 2020-08-17 19:30 |
||||
|
||||
from django.db import migrations, models |
||||
|
||||
|
||||
class Migration(migrations.Migration): |
||||
|
||||
dependencies = [ |
||||
('core', '0008_auto_20200719_1611'), |
||||
] |
||||
|
||||
operations = [ |
||||
migrations.AddField( |
||||
model_name='contactformfield', |
||||
name='clean_name', |
||||
field=models.CharField(blank=True, default='', help_text='Safe name of the form field, the label converted to ascii_snake_case', max_length=255, verbose_name='name'), |
||||
), |
||||
migrations.AddField( |
||||
model_name='eventregistrationfield', |
||||
name='clean_name', |
||||
field=models.CharField(blank=True, default='', help_text='Safe name of the form field, the label converted to ascii_snake_case', max_length=255, verbose_name='name'), |
||||
), |
||||
] |
||||
@ -0,0 +1,21 @@ |
||||
# Generated by Django 2.2.15 on 2021-07-29 14:32 |
||||
|
||||
from django.db import migrations |
||||
import wagtail.blocks |
||||
import wagtail.fields |
||||
import wagtail.documents.blocks |
||||
|
||||
|
||||
class Migration(migrations.Migration): |
||||
|
||||
dependencies = [ |
||||
('core', '0009_auto_20200817_2130'), |
||||
] |
||||
|
||||
operations = [ |
||||
migrations.AddField( |
||||
model_name='eventpage', |
||||
name='downloads', |
||||
field=wagtail.fields.StreamField([('download', wagtail.blocks.StructBlock([('title', wagtail.blocks.CharBlock(max_length=512, required=False)), ('flyer', wagtail.documents.blocks.DocumentChooserBlock(required=False))]))], blank=True, null=True), |
||||
), |
||||
] |
||||
@ -0,0 +1,80 @@ |
||||
# Generated by Django 5.2 on 2025-04-29 10:41 |
||||
|
||||
import wagtail.contrib.forms.models |
||||
import wagtail.fields |
||||
from django.db import migrations, models |
||||
|
||||
|
||||
class Migration(migrations.Migration): |
||||
|
||||
dependencies = [ |
||||
('core', '0010_eventpage_downloads'), |
||||
] |
||||
|
||||
operations = [ |
||||
migrations.AlterField( |
||||
model_name='contactformfield', |
||||
name='choices', |
||||
field=models.TextField(blank=True, help_text='Comma or new line separated list of choices. Only applicable in checkboxes, radio and dropdown.', verbose_name='choices'), |
||||
), |
||||
migrations.AlterField( |
||||
model_name='contactformfield', |
||||
name='default_value', |
||||
field=models.TextField(blank=True, help_text='Default value. Comma or new line separated values supported for checkboxes.', verbose_name='default value'), |
||||
), |
||||
migrations.AlterField( |
||||
model_name='contactformfield', |
||||
name='id', |
||||
field=models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID'), |
||||
), |
||||
migrations.AlterField( |
||||
model_name='contactformpage', |
||||
name='from_address', |
||||
field=models.EmailField(blank=True, max_length=255, verbose_name='from address'), |
||||
), |
||||
migrations.AlterField( |
||||
model_name='contactformpage', |
||||
name='to_address', |
||||
field=models.CharField(blank=True, help_text='Optional - form submissions will be emailed to these addresses. Separate multiple addresses by comma.', max_length=255, validators=[wagtail.contrib.forms.models.validate_to_address], verbose_name='to address'), |
||||
), |
||||
migrations.AlterField( |
||||
model_name='eventhistorypage', |
||||
name='events', |
||||
field=wagtail.fields.StreamField([('event', 9)], blank=True, block_lookup={0: ('wagtail.blocks.CharBlock', (), {'max_length': 512, 'required': False}), 1: ('wagtail.blocks.DateBlock', (), {}), 2: ('wagtail.blocks.DateBlock', (), {'help_text': 'Leave empty for single day events', 'required': False}), 3: ('wagtail.blocks.CharBlock', (), {'help_text': 'Name of the location (first line of address)', 'max_length': 256, 'required': False}), 4: ('wagtail.blocks.CharBlock', (), {'help_text': 'Zip code and city', 'max_length': 256, 'required': False}), 5: ('wagtail.images.blocks.ImageChooserBlock', (), {'required': False}), 6: ('wagtail.documents.blocks.DocumentChooserBlock', (), {'required': False}), 7: ('wagtail.blocks.CharBlock', (), {'label': 'Zusatzinfo Button Text', 'max_length': 128, 'required': False}), 8: ('wagtail.blocks.PageChooserBlock', (), {'label': 'Zusatzinfo Zielseite', 'required': False}), 9: ('wagtail.blocks.StructBlock', [[('title', 0), ('subtitle', 0), ('start_date', 1), ('end_date', 2), ('location_name', 3), ('location_city', 4), ('image', 5), ('flyer', 6), ('additional_info_btn_label', 7), ('additional_info_target', 8)]], {})}, null=True), |
||||
), |
||||
migrations.AlterField( |
||||
model_name='eventpage', |
||||
name='downloads', |
||||
field=wagtail.fields.StreamField([('download', 2)], blank=True, block_lookup={0: ('wagtail.blocks.CharBlock', (), {'label': 'Name (Button-Beschriftung)', 'max_length': 128}), 1: ('wagtail.documents.blocks.DocumentChooserBlock', (), {'label': 'Datei'}), 2: ('wagtail.blocks.StructBlock', [[('title', 0), ('file', 1)]], {})}, null=True), |
||||
), |
||||
migrations.AlterField( |
||||
model_name='eventpage', |
||||
name='from_address', |
||||
field=models.EmailField(blank=True, max_length=255, verbose_name='from address'), |
||||
), |
||||
migrations.AlterField( |
||||
model_name='eventpage', |
||||
name='to_address', |
||||
field=models.CharField(blank=True, help_text='Optional - form submissions will be emailed to these addresses. Separate multiple addresses by comma.', max_length=255, validators=[wagtail.contrib.forms.models.validate_to_address], verbose_name='to address'), |
||||
), |
||||
migrations.AlterField( |
||||
model_name='eventregistrationfield', |
||||
name='choices', |
||||
field=models.TextField(blank=True, help_text='Comma or new line separated list of choices. Only applicable in checkboxes, radio and dropdown.', verbose_name='choices'), |
||||
), |
||||
migrations.AlterField( |
||||
model_name='eventregistrationfield', |
||||
name='default_value', |
||||
field=models.TextField(blank=True, help_text='Default value. Comma or new line separated values supported for checkboxes.', verbose_name='default value'), |
||||
), |
||||
migrations.AlterField( |
||||
model_name='eventregistrationfield', |
||||
name='id', |
||||
field=models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID'), |
||||
), |
||||
migrations.AlterField( |
||||
model_name='uploadedscript', |
||||
name='id', |
||||
field=models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID'), |
||||
), |
||||
] |
||||
@ -0,0 +1,521 @@ |
||||
from datetime import date |
||||
|
||||
from crispy_forms.utils import flatatt |
||||
from django.db import models |
||||
import django.db.models.options as options |
||||
from django.utils.html import format_html, format_html_join |
||||
from wagtail.embeds.blocks import EmbedBlock |
||||
|
||||
options.DEFAULT_NAMES = options.DEFAULT_NAMES + ('description',) |
||||
from django.urls import reverse |
||||
from django.contrib import messages |
||||
|
||||
from wagtailcaptcha.models import WagtailCaptchaEmailForm |
||||
from crispy_forms.helper import FormHelper |
||||
from django_extensions.db.models import TimeStampedModel |
||||
|
||||
from modelcluster.fields import ParentalKey |
||||
from wagtail import blocks |
||||
from wagtail.documents import get_document_model |
||||
from wagtail.images import get_image_model |
||||
from wagtail.models import Page |
||||
from wagtail.fields import RichTextField, StreamField |
||||
from wagtail.admin.panels import ( |
||||
MultiFieldPanel, PageChooserPanel, InlinePanel, FieldPanel) |
||||
from wagtail.images.blocks import ImageChooserBlock |
||||
from wagtail.documents.blocks import DocumentChooserBlock |
||||
from wagtail.contrib.forms.models import AbstractEmailForm, AbstractFormField |
||||
from wagtailmedia.edit_handlers import MediaChooserPanel |
||||
|
||||
from wagtailmedia.blocks import AbstractMediaChooserBlock |
||||
|
||||
|
||||
class MediaBlock(AbstractMediaChooserBlock): |
||||
def render_basic(self, value, context=None): |
||||
if not value: |
||||
return '' |
||||
|
||||
if value.type == 'video': |
||||
player_code = ''' |
||||
<div> |
||||
<video width="720" controls> |
||||
{0} |
||||
Your browser does not support the video tag. |
||||
</video> |
||||
</div> |
||||
''' |
||||
else: |
||||
player_code = ''' |
||||
<div> |
||||
<audio controls> |
||||
{0} |
||||
Your browser does not support the audio element. |
||||
</audio> |
||||
</div> |
||||
''' |
||||
|
||||
return format_html(player_code, format_html_join( |
||||
'\n', "<source{0}>", |
||||
[[flatatt(s)] for s in value.sources] |
||||
)) |
||||
|
||||
|
||||
class HomePage(Page): |
||||
block1 = RichTextField(blank=True) |
||||
|
||||
# revolution slider |
||||
slide1_img = models.ForeignKey( |
||||
get_image_model(), |
||||
null=True, |
||||
blank=True, |
||||
on_delete=models.SET_NULL, |
||||
related_name='+' |
||||
) |
||||
slide1_headline = models.CharField(max_length=512, blank=True) |
||||
slide1_subline = models.CharField(max_length=512, blank=True) |
||||
slide1_link_url = models.URLField(blank=True) |
||||
slide1_link_text = models.CharField(max_length=64, blank=True) |
||||
slide2_img = models.ForeignKey( |
||||
get_image_model(), |
||||
null=True, |
||||
blank=True, |
||||
on_delete=models.SET_NULL, |
||||
related_name='+' |
||||
) |
||||
slide2_headline = models.CharField(max_length=512, blank=True) |
||||
slide2_subline = models.CharField(max_length=512, blank=True) |
||||
slide2_link_url = models.URLField(blank=True) |
||||
slide2_link_text = models.CharField(max_length=64, blank=True) |
||||
slide3_img = models.ForeignKey( |
||||
get_image_model(), |
||||
null=True, |
||||
blank=True, |
||||
on_delete=models.SET_NULL, |
||||
related_name='+' |
||||
) |
||||
slide3_headline = models.CharField(max_length=512, blank=True) |
||||
slide3_subline = models.CharField(max_length=512, blank=True) |
||||
slide3_link_url = models.URLField(blank=True) |
||||
slide3_link_text = models.CharField(max_length=64, blank=True) |
||||
|
||||
thumbnail1_img = models.ForeignKey( |
||||
get_image_model(), |
||||
null=True, |
||||
blank=True, |
||||
on_delete=models.SET_NULL, |
||||
related_name='+' |
||||
) |
||||
thumbnail1_more_page = models.ForeignKey( |
||||
'wagtailcore.Page', |
||||
null=True, |
||||
blank=True, |
||||
on_delete=models.SET_NULL, |
||||
related_name='+', |
||||
) |
||||
thumbnail1_more_text = models.CharField(max_length=64, blank=True) |
||||
thumbnail1_title = models.CharField(max_length=128, blank=True) |
||||
thumbnail1_text = RichTextField(blank=True) |
||||
|
||||
thumbnail2_img = models.ForeignKey( |
||||
get_image_model(), |
||||
null=True, |
||||
blank=True, |
||||
on_delete=models.SET_NULL, |
||||
related_name='+' |
||||
) |
||||
thumbnail2_more_page = models.ForeignKey( |
||||
'wagtailcore.Page', |
||||
null=True, |
||||
blank=True, |
||||
on_delete=models.SET_NULL, |
||||
related_name='+', |
||||
) |
||||
thumbnail2_more_text = models.CharField(max_length=64, blank=True) |
||||
thumbnail2_title = models.CharField(max_length=128, blank=True) |
||||
thumbnail2_text = RichTextField(blank=True) |
||||
|
||||
thumbnail3_img = models.ForeignKey( |
||||
get_image_model(), |
||||
null=True, |
||||
blank=True, |
||||
on_delete=models.SET_NULL, |
||||
related_name='+' |
||||
) |
||||
thumbnail3_more_page = models.ForeignKey( |
||||
'wagtailcore.Page', |
||||
null=True, |
||||
blank=True, |
||||
on_delete=models.SET_NULL, |
||||
related_name='+', |
||||
) |
||||
thumbnail3_more_text = models.CharField(max_length=64, blank=True) |
||||
thumbnail3_title = models.CharField(max_length=128, blank=True) |
||||
thumbnail3_text = RichTextField(blank=True) |
||||
|
||||
|
||||
REVOLUTION_SLIDER_FIELDS = [ |
||||
MultiFieldPanel([ |
||||
FieldPanel('slide1_img'), |
||||
FieldPanel('slide1_headline', classname="full"), |
||||
FieldPanel('slide1_subline', classname="full"), |
||||
FieldPanel('slide1_link_url', classname="full"), |
||||
FieldPanel('slide1_link_text', classname="full"), |
||||
], heading='Slide 1', classname="collapsible"), |
||||
|
||||
MultiFieldPanel([ |
||||
FieldPanel('slide2_img'), |
||||
FieldPanel('slide2_headline', classname="full"), |
||||
FieldPanel('slide2_subline', classname="full"), |
||||
FieldPanel('slide2_link_url', classname="full"), |
||||
FieldPanel('slide2_link_text', classname="full"), |
||||
], heading='Slide 2', classname="collapsible"), |
||||
|
||||
MultiFieldPanel([ |
||||
FieldPanel('slide3_img'), |
||||
FieldPanel('slide3_headline', classname="full"), |
||||
FieldPanel('slide3_subline', classname="full"), |
||||
FieldPanel('slide3_link_url', classname="full"), |
||||
FieldPanel('slide3_link_text', classname="full"), |
||||
], heading='Slide 3'), |
||||
] |
||||
|
||||
HOME_THUMBNAIL_FIELDS = [ |
||||
MultiFieldPanel([ |
||||
FieldPanel('thumbnail1_img'), |
||||
PageChooserPanel('thumbnail1_more_page'), |
||||
FieldPanel('thumbnail1_more_text', classname="full"), |
||||
FieldPanel('thumbnail1_title', classname="full"), |
||||
FieldPanel('thumbnail1_text', classname="full"), |
||||
], heading='Thumbnail 1', classname="collapsible"), |
||||
MultiFieldPanel([ |
||||
FieldPanel('thumbnail2_img'), |
||||
PageChooserPanel('thumbnail2_more_page'), |
||||
FieldPanel('thumbnail2_more_text', classname="full"), |
||||
FieldPanel('thumbnail2_title', classname="full"), |
||||
FieldPanel('thumbnail2_text', classname="full"), |
||||
], heading='Thumbnail 2', classname="collapsible"), |
||||
MultiFieldPanel([ |
||||
FieldPanel('thumbnail3_img'), |
||||
PageChooserPanel('thumbnail3_more_page'), |
||||
FieldPanel('thumbnail3_more_text', classname="full"), |
||||
FieldPanel('thumbnail3_title', classname="full"), |
||||
FieldPanel('thumbnail3_text', classname="full"), |
||||
], heading='Thumbnail 3', classname="collapsible"), |
||||
] |
||||
|
||||
HomePage.content_panels = [ |
||||
FieldPanel('title', classname="full title"), |
||||
MultiFieldPanel(REVOLUTION_SLIDER_FIELDS, heading='Slider elements', classname="collapsible collapsed"), |
||||
FieldPanel('block1', classname="full"), |
||||
MultiFieldPanel(HOME_THUMBNAIL_FIELDS, heading='Thumbnail elements', classname="collapsible collapsed"), |
||||
] |
||||
|
||||
|
||||
class SimpleOneColumnPage(Page): |
||||
featured_media = models.ForeignKey( |
||||
'wagtailmedia.Media', |
||||
null=True, |
||||
blank=True, |
||||
on_delete=models.SET_NULL, |
||||
related_name='+' |
||||
) |
||||
content = RichTextField(blank=True) |
||||
|
||||
|
||||
SimpleOneColumnPage.content_panels = [ |
||||
FieldPanel('title', classname="full title"), |
||||
FieldPanel('featured_media'), |
||||
FieldPanel('content', classname="full"), |
||||
] |
||||
|
||||
|
||||
class BlogPage(Page): |
||||
posts = StreamField([ |
||||
('post', blocks.StructBlock([ |
||||
('images', blocks.ListBlock(ImageChooserBlock())), |
||||
('title', blocks.CharBlock(max_length=200)), |
||||
('author', blocks.CharBlock(max_length=64, default="Marion Schauf", required=False)), |
||||
('date', blocks.DateBlock()), |
||||
('text', blocks.RichTextBlock()), |
||||
('url', blocks.URLBlock(required=False)), |
||||
])), |
||||
], null=True, blank=True, use_json_field=True) |
||||
|
||||
|
||||
BlogPage.content_panels = [ |
||||
FieldPanel('title', classname="full title"), |
||||
FieldPanel('posts'), |
||||
] |
||||
|
||||
|
||||
class EventIndexPage(Page): |
||||
subpage_types = ['core.EventPage'] |
||||
|
||||
def get_events(self): |
||||
return EventPage.objects.live().filter(show_in_event_calendar=True, path__startswith=self.path).order_by('start_date') |
||||
|
||||
class Meta: |
||||
description = "Displays all events on EventPages below in an overview. Use this as parent page for events." |
||||
|
||||
|
||||
class EventPage(AbstractEmailForm): |
||||
parent_page_types = ['core.EventIndexPage', 'core.EventHistoryPage'] |
||||
subtitle = models.CharField(max_length=512, null=True, blank=True) |
||||
description = RichTextField(blank=True) |
||||
|
||||
# revolution slider |
||||
slide1_img = models.ForeignKey( |
||||
get_image_model(), |
||||
null=True, |
||||
blank=True, |
||||
on_delete=models.SET_NULL, |
||||
related_name='+' |
||||
) |
||||
slide1_headline = models.CharField(max_length=512, blank=True) |
||||
slide1_subline = models.CharField(max_length=512, blank=True) |
||||
slide1_link_url = models.URLField(blank=True) |
||||
slide1_link_text = models.CharField(max_length=64, blank=True) |
||||
slide2_img = models.ForeignKey( |
||||
get_image_model(), |
||||
null=True, |
||||
blank=True, |
||||
on_delete=models.SET_NULL, |
||||
related_name='+' |
||||
) |
||||
slide2_headline = models.CharField(max_length=512, blank=True) |
||||
slide2_subline = models.CharField(max_length=512, blank=True) |
||||
slide2_link_url = models.URLField(blank=True) |
||||
slide2_link_text = models.CharField(max_length=64, blank=True) |
||||
slide3_img = models.ForeignKey( |
||||
get_image_model(), |
||||
null=True, |
||||
blank=True, |
||||
on_delete=models.SET_NULL, |
||||
related_name='+' |
||||
) |
||||
slide3_headline = models.CharField(max_length=512, blank=True) |
||||
slide3_subline = models.CharField(max_length=512, blank=True) |
||||
slide3_link_url = models.URLField(blank=True) |
||||
slide3_link_text = models.CharField(max_length=64, blank=True) |
||||
|
||||
img1_img = models.ForeignKey( |
||||
get_image_model(), |
||||
null=True, |
||||
blank=True, |
||||
on_delete=models.SET_NULL, |
||||
related_name='+' |
||||
) |
||||
img1_caption = models.CharField(max_length=64, blank=True) |
||||
img2_img = models.ForeignKey( |
||||
get_image_model(), |
||||
null=True, |
||||
blank=True, |
||||
on_delete=models.SET_NULL, |
||||
related_name='+' |
||||
) |
||||
img2_caption = models.CharField(max_length=64, blank=True) |
||||
|
||||
start_date = models.DateField() |
||||
end_date = models.DateField(null=True, blank=True) |
||||
location_name = models.CharField( |
||||
max_length=256, help_text="Name of the location (first line of address)", blank=True) |
||||
location_street = models.CharField(max_length=256, help_text="Street and house number", blank=True) |
||||
location_city = models.CharField(max_length=256, help_text="Zip code and city", blank=True) |
||||
flyer = models.ForeignKey( |
||||
get_document_model(), |
||||
null=True, |
||||
blank=True, |
||||
on_delete=models.SET_NULL, |
||||
related_name='+' |
||||
) |
||||
downloads = StreamField([ |
||||
('download', blocks.StructBlock([ |
||||
('title', blocks.CharBlock(max_length=128, label='Name (Button-Beschriftung)')), |
||||
('file', DocumentChooserBlock(label='Datei')), |
||||
])), |
||||
], null=True, blank=True, use_json_field=True) |
||||
tabs = StreamField([ |
||||
('sponsor_tab', blocks.StructBlock([ |
||||
('title', blocks.CharBlock(max_length=64)), |
||||
('sponsors', blocks.StreamBlock([ |
||||
('sponsor', blocks.StructBlock([ |
||||
('name', blocks.CharBlock(max_length=64)), |
||||
('logo', ImageChooserBlock(required=False)), |
||||
('url', blocks.URLBlock(required=False)), |
||||
])), |
||||
('headline', blocks.CharBlock(max_length=64)), |
||||
])), |
||||
])), |
||||
('richtext_tab', blocks.StructBlock([ |
||||
('title', blocks.CharBlock(max_length=64)), |
||||
('content', blocks.RichTextBlock()), |
||||
])), |
||||
('media_tab', blocks.StructBlock([ |
||||
('title', blocks.CharBlock(max_length=64)), |
||||
('pre_content', blocks.RichTextBlock(required=False)), |
||||
('media_file', MediaBlock(template='core/blocks/media_block.html')), |
||||
('autoplay', blocks.BooleanBlock(label='Automatisch abspielen', required=False)), |
||||
('muted', blocks.BooleanBlock(label='Stummgeschaltet starten', required=False)), |
||||
('post_content', blocks.RichTextBlock(required=False)), |
||||
])), |
||||
], null=True, blank=True, use_json_field=True) |
||||
|
||||
registration_url = models.URLField(max_length=512, blank=True, help_text="URL der Anmeldeseite (leer lassen um klassische Anmeldung zu verwenden)") |
||||
pretix_slug = models.CharField(max_length=512, blank=True, help_text="Slug von Pretix (leer lassen, um klassische Anmeldung zu verwenden)") |
||||
registration_start_date = models.DateField( |
||||
null=True, blank=True, help_text="When does the registration open? Leave empty to disable registration") |
||||
registration_end_date = models.DateField( |
||||
null=True, blank=True, |
||||
help_text="Last day where the registration will be available. Leave empty to enable registration permanently" |
||||
"after start date") |
||||
show_in_event_calendar = models.BooleanField(default=True, help_text='Event in Eventliste und im Kalender anzeigen?') |
||||
is_free = models.BooleanField(default=False, help_text='If this is checked the send button under the registration' |
||||
'form will be labeled "verbindlich anmelden" instead of "kostenpflichtig anmelden"') |
||||
external_registration_code = models.TextField( |
||||
blank=True, null=True, |
||||
help_text='Put code e.g. from Xing here. If this field is filled out there will be no registration form displayed.') |
||||
|
||||
vimeo_id = models.TextField(blank=True, help_text='Vimeo Event ID (aus Vimeo-Link: https://vimeo.com/<hier-ist-die-id> )') |
||||
|
||||
def is_registration_active(self): |
||||
return self.registration_start_date and self.registration_start_date <= date.today() and\ |
||||
(not self.registration_end_date or self.registration_end_date >= date.today()) |
||||
|
||||
@property |
||||
def pretix_url(self): |
||||
if self.pretix_slug: |
||||
return 'https://tickets.feo.gmbh/' + self.pretix_slug + '/' |
||||
|
||||
return None |
||||
|
||||
def get_form_helper(self): |
||||
helper = FormHelper() |
||||
helper.label_class = 'col-lg-3' |
||||
helper.field_class = 'col-lg-9' |
||||
helper.form_tag = False |
||||
return helper |
||||
|
||||
class Meta: |
||||
ordering = ['-start_date'] |
||||
|
||||
|
||||
class EventRegistrationField(AbstractFormField): |
||||
page = ParentalKey('EventPage', related_name='form_fields') |
||||
|
||||
|
||||
EventPage.content_panels = [ |
||||
MultiFieldPanel(REVOLUTION_SLIDER_FIELDS, heading='Slider elements', classname="collapsible collapsed"), |
||||
FieldPanel('title', classname="full title"), |
||||
FieldPanel('subtitle', classname="full"), |
||||
FieldPanel('description', classname="full"), |
||||
FieldPanel('img1_img'), |
||||
FieldPanel('img1_caption', classname="full"), |
||||
FieldPanel('img2_img'), |
||||
FieldPanel('img2_caption', classname="full"), |
||||
FieldPanel('start_date', classname="full"), |
||||
FieldPanel('end_date', classname="full"), |
||||
FieldPanel('tabs'), |
||||
FieldPanel('location_name', classname="full"), |
||||
FieldPanel('location_street', classname="full"), |
||||
FieldPanel('location_city', classname="full"), |
||||
FieldPanel('flyer'), |
||||
FieldPanel('downloads'), |
||||
MultiFieldPanel([ |
||||
FieldPanel('show_in_event_calendar', classname="full"), |
||||
FieldPanel('is_free', classname="full"), |
||||
FieldPanel('pretix_slug', classname="full"), |
||||
FieldPanel('registration_url', classname="full"), |
||||
FieldPanel('vimeo_id', classname="full"), |
||||
], heading="Settings", classname="collapsible collapsed"), |
||||
FieldPanel('external_registration_code', classname="full"), |
||||
MultiFieldPanel([ |
||||
InlinePanel('form_fields', label="Form fields"), |
||||
FieldPanel('registration_start_date', classname="full"), |
||||
FieldPanel('registration_end_date', classname="full"), |
||||
MultiFieldPanel([ |
||||
FieldPanel('to_address', classname="full"), |
||||
FieldPanel('from_address', classname="full"), |
||||
FieldPanel('subject', classname="full"), |
||||
], "Email"), |
||||
], heading="Registration Form", classname="collapsible collapsed"), |
||||
] |
||||
|
||||
|
||||
class EventHistoryPage(Page): |
||||
events = StreamField([ |
||||
('event', blocks.StructBlock([ |
||||
('title', blocks.CharBlock(max_length=512, required=False)), |
||||
('subtitle', blocks.CharBlock(max_length=512, required=False)), |
||||
('start_date', blocks.DateBlock()), |
||||
('end_date', blocks.DateBlock(required=False, help_text="Leave empty for single day events")), |
||||
('location_name', blocks.CharBlock( |
||||
max_length=256, help_text="Name of the location (first line of address)", required=False)), |
||||
('location_city', blocks.CharBlock(max_length=256, help_text="Zip code and city", required=False)), |
||||
('image', ImageChooserBlock(required=False)), |
||||
('flyer', DocumentChooserBlock(required=False)), |
||||
('additional_info_btn_label', blocks.CharBlock(max_length=128, required=False, label='Zusatzinfo Button Text')), |
||||
('additional_info_target', blocks.PageChooserBlock(required=False, label='Zusatzinfo Zielseite')), |
||||
])), |
||||
], null=True, blank=True, use_json_field=True) |
||||
|
||||
|
||||
EventHistoryPage.content_panels = [ |
||||
FieldPanel('title', classname="full title"), |
||||
FieldPanel('events'), |
||||
] |
||||
|
||||
|
||||
class ContactFormField(AbstractFormField): |
||||
page = ParentalKey('ContactFormPage', related_name='form_fields') |
||||
|
||||
|
||||
class ContactFormPage(WagtailCaptchaEmailForm): |
||||
form_title = models.CharField(max_length=128, blank=True) |
||||
person_img = models.ForeignKey( |
||||
get_image_model(), |
||||
null=True, |
||||
blank=True, |
||||
on_delete=models.SET_NULL, |
||||
related_name='+' |
||||
) |
||||
person_name = models.CharField(max_length=128, blank=True) |
||||
person_position = models.CharField(max_length=128, blank=True) |
||||
address = models.CharField(max_length=128, blank=True) |
||||
mail_address = models.CharField(max_length=128, blank=True) |
||||
phone = models.CharField(max_length=128, blank=True) |
||||
web_address = models.URLField(blank=True) |
||||
thank_you_text = RichTextField(blank=True) |
||||
|
||||
|
||||
ContactFormPage.content_panels = [ |
||||
FieldPanel('title', classname="full title"), |
||||
FieldPanel('form_title', classname="full"), |
||||
FieldPanel('person_img'), |
||||
FieldPanel('person_name', classname="full"), |
||||
FieldPanel('person_position', classname="full"), |
||||
FieldPanel('address', classname="full"), |
||||
FieldPanel('mail_address', classname="full"), |
||||
FieldPanel('phone', classname="full"), |
||||
FieldPanel('web_address', classname="full"), |
||||
InlinePanel('form_fields', label="Form fields"), |
||||
FieldPanel('thank_you_text', classname="full"), |
||||
MultiFieldPanel([ |
||||
FieldPanel('to_address', classname="full"), |
||||
FieldPanel('from_address', classname="full"), |
||||
FieldPanel('subject', classname="full"), |
||||
], "Email") |
||||
] |
||||
|
||||
|
||||
class UploadedScript(TimeStampedModel): |
||||
name = models.CharField(max_length=512, verbose_name='Ihr Name') |
||||
script = models.FileField(upload_to='scripts', verbose_name='Skript') |
||||
|
||||
def get_delete_url(self): |
||||
return reverse('delete_script', kwargs={'pk': self.pk}) |
||||
|
||||
def delete(self, *args, **kwargs): |
||||
storage, path = self.script.storage, self.script.path |
||||
out = super().delete(*args, **kwargs) |
||||
storage.delete(path) |
||||
return out |
||||
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,990 @@ |
||||
/* |
||||
* Template Name: Unify - Responsive Bootstrap Template |
||||
* Description: Business, Corporate, Portfolio, E-commerce, Blog and One Page Template. |
||||
* Version: 1.6 |
||||
* Author: @htmlstream |
||||
* Website: http://htmlstream.com |
||||
*/ |
||||
|
||||
/*Block Grid v1 |
||||
------------------------------------*/ |
||||
.block-grid-v1 { |
||||
background: #fff; |
||||
padding: 15px 15px 5px; |
||||
border-bottom: solid 2px #eee; |
||||
-webkit-transition: all 0.4s ease-in-out; |
||||
-moz-transition: all 0.4s ease-in-out; |
||||
-o-transition: all 0.4s ease-in-out; |
||||
transition: all 0.4s ease-in-out; |
||||
} |
||||
|
||||
.block-grid-v1:hover { |
||||
border-color: #72c02c; |
||||
} |
||||
|
||||
.block-grid-v1 img { |
||||
margin-bottom: 10px; |
||||
} |
||||
|
||||
.block-grid-v1 img.block-grid-v1-img { |
||||
width: 35px; |
||||
height: 35px; |
||||
margin-top: 8px; |
||||
} |
||||
|
||||
.block-grid-v1.content-boxes-v1 img.pull-left { |
||||
float: inherit !important; |
||||
} |
||||
|
||||
.block-grid-v1 h3 a { |
||||
font-size: 22px; |
||||
font-weight: 200; |
||||
margin-right: 10px; |
||||
} |
||||
|
||||
.block-grid-v1.content-boxes-v1 h3 { |
||||
margin-bottom: 0; |
||||
} |
||||
|
||||
.block-grid-v1.content-boxes-v1 h3 a { |
||||
color: #555; |
||||
} |
||||
|
||||
/*Star Vote*/ |
||||
.block-grid-v1 .star-vote { |
||||
padding: 0; |
||||
margin-bottom: 10px; |
||||
vertical-align: middle; |
||||
} |
||||
|
||||
.block-grid-v1 .star-vote li { |
||||
padding: 0; |
||||
font-size: 11px; |
||||
display: inline-block; |
||||
} |
||||
|
||||
/*Additional Info*/ |
||||
.block-grid-v1-add-info { |
||||
margin: 0; |
||||
padding-top: 15px; |
||||
border-top: solid 1px #eee; |
||||
} |
||||
|
||||
.block-grid-v1-add-info li { |
||||
padding: 0; |
||||
margin-right: 3px; |
||||
margin-bottom: 10px; |
||||
} |
||||
|
||||
.block-grid-v1-add-info li a { |
||||
font-size: 11px; |
||||
padding: 4px 7px; |
||||
text-decoration: none; |
||||
border: solid 2px #eee; |
||||
border-radius: 3px !important; |
||||
} |
||||
|
||||
/*Block Grid v2 |
||||
------------------------------------*/ |
||||
.grid-block-v2 { |
||||
padding: 0; |
||||
} |
||||
|
||||
.grid-block-v2 li { |
||||
list-style: none; |
||||
position: relative; |
||||
-webkit-backface-visibility: hidden; /*For Chrome*/ |
||||
} |
||||
|
||||
.grid-block-v2-info { |
||||
padding: 15px; |
||||
text-align: center; |
||||
background: #f9f9f9; |
||||
border-bottom: solid 3px #eee; |
||||
-webkit-transition: all 0.4s ease-in-out; |
||||
-moz-transition: all 0.4s ease-in-out; |
||||
-o-transition: all 0.4s ease-in-out; |
||||
transition: all 0.4s ease-in-out; |
||||
} |
||||
|
||||
.grid-block-v2 li:hover .grid-block-v2-info { |
||||
border-color: #72c02c; |
||||
} |
||||
|
||||
.grid-block-v2-info h3 { |
||||
font-size: 22px; |
||||
font-weight: 200; |
||||
margin-bottom: 10px; |
||||
} |
||||
|
||||
.grid-block-v2-info .star-vote li { |
||||
padding: 2px; |
||||
font-size: 16px; |
||||
} |
||||
|
||||
/*News Section |
||||
------------------------------------*/ |
||||
.news-section { |
||||
border-top: solid 1px #eee; |
||||
border-bottom: solid 1px #eee; |
||||
} |
||||
|
||||
.news-v1 .news-v1-in { |
||||
background: #fafafa; |
||||
} |
||||
|
||||
.news-v1 h3 { |
||||
margin-bottom: 0; |
||||
font-weight: 200; |
||||
line-height: 28px; |
||||
padding: 10px 15px 15px; |
||||
} |
||||
|
||||
.news-v1 h3 a { |
||||
color: #555; |
||||
} |
||||
|
||||
.news-v1 h3 a:hover { |
||||
color: #72c02c; |
||||
} |
||||
|
||||
.news-v1 p { |
||||
color: #555; |
||||
padding: 0 15px; |
||||
margin-bottom: 20px; |
||||
} |
||||
|
||||
.news-v1 .news-v1-info { |
||||
overflow: hidden; |
||||
margin-top: 30px; |
||||
padding: 8px 15px; |
||||
border-top: solid 1px #eee; |
||||
} |
||||
|
||||
.news-v1 .news-v1-info li { |
||||
font-size: 12px; |
||||
} |
||||
|
||||
.news-v1 .news-v1-info li a:hover { |
||||
color: #72c02c; |
||||
text-decoration: none; |
||||
} |
||||
|
||||
/*Services Box v1 |
||||
------------------------------------*/ |
||||
.service-box-v1 .service-block { |
||||
background: #fff; |
||||
padding-top: 30px; |
||||
padding-bottom: 20px; |
||||
} |
||||
|
||||
.service-box-v1 p { |
||||
position: relative; |
||||
margin-bottom: 50px; |
||||
} |
||||
|
||||
.service-box-v1 p:after { |
||||
content: " "; |
||||
left: 50%; |
||||
height: 1px; |
||||
width: 50px; |
||||
bottom: -15px; |
||||
position: absolute; |
||||
margin-left: -25px; |
||||
background: #72c02c; |
||||
} |
||||
|
||||
.service-box-v1 ul { |
||||
padding: 0 40px; |
||||
} |
||||
|
||||
.service-box-v1 li { |
||||
margin: 8px 0; |
||||
font-size: 15px; |
||||
padding-top: 8px; |
||||
border-top: dotted 1px #72c02c; |
||||
} |
||||
|
||||
.service-box-v1 li:hover { |
||||
color: #72c02c; |
||||
} |
||||
|
||||
.service-box-v1 li:first-child { |
||||
padding-top: 0; |
||||
border-top: none; |
||||
} |
||||
|
||||
/*Service Block v1 |
||||
------------------------------------*/ |
||||
.service-block-v1 { |
||||
margin-top: 20px; |
||||
text-align: center; |
||||
position: relative; |
||||
padding: 45px 20px 20px; |
||||
border: 1px solid #f2f2f2; |
||||
} |
||||
|
||||
.service-block-v1 i { |
||||
left: 50%; |
||||
top: -30px; |
||||
color: #fff; |
||||
width: 60px; |
||||
height: 60px; |
||||
padding: 16px; |
||||
font-size: 30px; |
||||
margin-left: -30px; |
||||
text-align: center; |
||||
position: absolute; |
||||
background: #72c02c; |
||||
display: inline-block; |
||||
} |
||||
|
||||
.service-block-v1 h3, |
||||
.service-block-v1 p { |
||||
margin-bottom: 20px; |
||||
} |
||||
|
||||
/*Team v1 Section |
||||
------------------------------------*/ |
||||
.team-v1 ul { |
||||
position: relative; |
||||
} |
||||
|
||||
/*Team Image*/ |
||||
.team-v1 li > .team-img { |
||||
position: relative; |
||||
} |
||||
|
||||
.team-v1 li > .team-img:after { |
||||
top: 0; |
||||
left: 0; |
||||
width: 100%; |
||||
height: 100%; |
||||
content: " "; |
||||
position: absolute; |
||||
background: transparent; |
||||
transition: all 0.4s ease-in-out; |
||||
-o-transition: all 0.4s ease-in-out; |
||||
-moz-transition: all 0.4s ease-in-out; |
||||
-webkit-transition: all 0.4s ease-in-out; |
||||
} |
||||
|
||||
.team-v1 li:hover > .team-img:after { |
||||
background: rgba(0,0,0,0.5); |
||||
} |
||||
|
||||
/*Team Socials*/ |
||||
.team-v1 li > .team-img ul { |
||||
left: 0; |
||||
top: 45%; |
||||
z-index: 1; |
||||
padding: 0; |
||||
width: 100%; |
||||
height: 36px; |
||||
list-style: none; |
||||
margin-top: -18px; |
||||
text-align: center; |
||||
visibility: hidden; |
||||
position: absolute; |
||||
transition: all 0.2s ease-in-out; |
||||
-o-transition: all 0.2s ease-in-out; |
||||
-moz-transition: all 0.2s ease-in-out; |
||||
-webkit-transition: all 0.2s ease-in-out; |
||||
} |
||||
|
||||
.team-v1 li:hover > .team-img ul { |
||||
top: 50%; |
||||
visibility: visible; |
||||
} |
||||
|
||||
.team-v1 li > .team-img ul li { |
||||
margin: 0 5px; |
||||
text-align: center; |
||||
display: inline-block; |
||||
} |
||||
|
||||
.team-v1 li > .team-img li i { |
||||
color: #eee; |
||||
border-width: 2px; |
||||
border-color: #eee; |
||||
transition: all 0.1s ease-in-out; |
||||
-o-transition: all 0.1s ease-in-out; |
||||
-moz-transition: all 0.1s ease-in-out; |
||||
-webkit-transition: all 0.1s ease-in-out; |
||||
} |
||||
|
||||
.team-v1 li > .team-img li i.fa-twitter:hover { |
||||
color: #fff; |
||||
background: #3498db; |
||||
border-color: #3498db; |
||||
} |
||||
|
||||
.team-v1 li > .team-img li i.fa-facebook:hover { |
||||
color: #fff; |
||||
background: #4765a0; |
||||
border-color: #4765a0; |
||||
} |
||||
|
||||
.team-v1 li > .team-img li i.fa-google-plus:hover { |
||||
color: #fff; |
||||
background: #e74c3c; |
||||
border-color: #e74c3c; |
||||
} |
||||
|
||||
/*Team Discription*/ |
||||
.team-v1 li > h3 { |
||||
color: #000; |
||||
font-size: 18px; |
||||
line-height: 20px; |
||||
margin: 15px 0 7px; |
||||
text-transform: uppercase; |
||||
} |
||||
|
||||
.team-v1 li > h4 { |
||||
color: #999; |
||||
font-size: 11px; |
||||
line-height: 16px; |
||||
text-transform: uppercase; |
||||
} |
||||
|
||||
.team-v1 li > p { |
||||
margin: 20px 0; |
||||
position: relative; |
||||
} |
||||
|
||||
.team-v1 li > p:before { |
||||
left: 0; |
||||
top: -10px; |
||||
height: 1px; |
||||
width: 40px; |
||||
content: " "; |
||||
position: absolute; |
||||
background: #bbb; |
||||
transition: all 0.4s ease-in-out; |
||||
-o-transition: all 0.4s ease-in-out; |
||||
-moz-transition: all 0.4s ease-in-out; |
||||
-webkit-transition: all 0.4s ease-in-out; |
||||
} |
||||
|
||||
.team-v1 li:hover > p:before { |
||||
width: 100%; |
||||
background: #72c02c; |
||||
} |
||||
|
||||
/*Call To Action v1 |
||||
------------------------------------*/ |
||||
.call-action-v1 p { |
||||
margin-top: 5px; |
||||
font-size: 18px; |
||||
font-weight: 200; |
||||
margin-bottom: 0; |
||||
} |
||||
|
||||
.call-action-v1 .call-action-v1-box { |
||||
width: 100%; |
||||
display: table; |
||||
padding: 30px 0; |
||||
vertical-align: middle; |
||||
} |
||||
|
||||
.call-action-v1 .call-action-v1-in { |
||||
display: table-cell; |
||||
vertical-align: middle; |
||||
} |
||||
|
||||
.call-action-v1 .call-action-v1-in.inner-btn { |
||||
min-width: 250px; |
||||
text-align: right; |
||||
} |
||||
|
||||
@media (max-width: 992px) { |
||||
.call-action-v1 .call-action-v1-in, |
||||
.call-action-v1 .call-action-v1-in.inner-btn { |
||||
display: block; |
||||
text-align: center; |
||||
} |
||||
|
||||
.call-action-v1 .call-action-v1-in p { |
||||
margin-bottom: 20px; |
||||
} |
||||
} |
||||
|
||||
/*Portfolio Box |
||||
------------------------------------*/ |
||||
/*Portfolio Box*/ |
||||
.portfolio-box { |
||||
margin-bottom: 100px; |
||||
} |
||||
|
||||
@media (min-width: 991px) and (max-width: 1199px) { |
||||
.portfolio-box { |
||||
margin-bottom: 60px; |
||||
} |
||||
} |
||||
|
||||
@media (min-width: 768px) and (max-width: 992px) { |
||||
.portfolio-box { |
||||
margin-bottom: 0; |
||||
} |
||||
} |
||||
|
||||
@media (max-width: 768px) { |
||||
.portfolio-box { |
||||
margin-bottom: 60px; |
||||
} |
||||
} |
||||
|
||||
.portfolio-box a.zoomer { |
||||
background: #fff; |
||||
overflow: hidden; |
||||
position: relative; |
||||
-webkit-backface-visibility: hidden; /*For Chrome*/ |
||||
} |
||||
|
||||
.portfolio-box a.zoomer:after { |
||||
top: 0; |
||||
left: 0; |
||||
right: 0; |
||||
width: 100%; |
||||
height: 100%; |
||||
content: " "; |
||||
position: absolute; |
||||
} |
||||
|
||||
.portfolio-box a.zoomer:hover:after { |
||||
background: rgba(0,0,0,0.5); |
||||
} |
||||
|
||||
.portfolio-box a.zoomer img { |
||||
width: 100%; |
||||
overflow: hidden; |
||||
transition: all 500ms ease 0s; |
||||
} |
||||
|
||||
.portfolio-box a.zoomer:hover img { |
||||
transform: scale(1.1) rotate(0.1deg); |
||||
} |
||||
|
||||
.portfolio-box .portfolio-box-in { |
||||
left: 0; |
||||
top: 50%; |
||||
z-index: 1; |
||||
width: 100%; |
||||
min-height: 50px; |
||||
margin-top: -25px; |
||||
visibility: hidden; |
||||
text-align: center; |
||||
position: absolute; |
||||
} |
||||
|
||||
.portfolio-box a.zoomer:hover .portfolio-box-in { |
||||
visibility: visible; |
||||
} |
||||
|
||||
.portfolio-box a.zoomer:after, |
||||
.portfolio-box a.zoomer:hover:after, |
||||
.portfolio-box a.zoomer:hover .portfolio-box-in i { |
||||
transition: all 0.3s ease-in-out; |
||||
-o-transition: all 0.3s ease-in-out; |
||||
-moz-transition: all 0.3s ease-in-out; |
||||
-webkit-transition: all 0.3s ease-in-out; |
||||
} |
||||
|
||||
.portfolio-box .portfolio-box-in i { |
||||
color: #fff; |
||||
width: 50px; |
||||
height: 50px; |
||||
padding: 16px; |
||||
font-size: 20px; |
||||
text-align: center; |
||||
background: #72c02c; |
||||
display: inline-block; |
||||
} |
||||
|
||||
/*Project Tag*/ |
||||
.portfolio-box small.project-tag { |
||||
display: block; |
||||
font-size: 12px; |
||||
margin-bottom: 5px; |
||||
} |
||||
|
||||
.portfolio-box small.project-tag, |
||||
.portfolio-box small.project-tag a { |
||||
color: #999; |
||||
} |
||||
|
||||
.portfolio-box small.project-tag i { |
||||
margin-right: 5px; |
||||
} |
||||
|
||||
.portfolio-box small.project-tag a:hover { |
||||
color: #72c02c; |
||||
} |
||||
|
||||
/*Portfolio Box v1 |
||||
------------------------------------*/ |
||||
.portfolio-box-v1 { |
||||
margin: 0; |
||||
} |
||||
|
||||
.portfolio-box-v1 [class^="col-"] { |
||||
padding: 0; |
||||
overflow: hidden; |
||||
} |
||||
|
||||
.portfolio-box-v1 li { |
||||
background: #333; |
||||
position: relative; |
||||
-webkit-backface-visibility: hidden; /*For Chrome*/ |
||||
} |
||||
|
||||
.portfolio-box-v1 li:after { |
||||
top: 0; |
||||
left: 0; |
||||
width: 100%; |
||||
height: 100%; |
||||
content: " "; |
||||
position: absolute; |
||||
} |
||||
|
||||
.portfolio-box-v1 li:hover:after { |
||||
background: rgba(0,0,0,0.7); |
||||
} |
||||
|
||||
.portfolio-box-v1 li:after, |
||||
.portfolio-box-v1 li:hover:after { |
||||
transition: all 0.3s ease-in-out; |
||||
-o-transition: all 0.3s ease-in-out; |
||||
-moz-transition: all 0.3s ease-in-out; |
||||
-webkit-transition: all 0.3s ease-in-out; |
||||
} |
||||
|
||||
.portfolio-box-v1 li img { |
||||
width: 100%; |
||||
overflow: hidden; |
||||
transition: all 0.3s ease-in-out; |
||||
-o-transition: all 0.3s ease-in-out; |
||||
-moz-transition: all 0.3s ease-in-out; |
||||
-webkit-transition: all 0.3s ease-in-out; |
||||
} |
||||
|
||||
.portfolio-box-v1 li:hover img { |
||||
-transform: scale(1.1); |
||||
-o-transform: scale(1.1); |
||||
-moz-transform: scale(1.1); |
||||
-webkit-transform: scale(1.1); |
||||
} |
||||
|
||||
.portfolio-box-v1 .portfolio-box-v1-in { |
||||
left: 0; |
||||
top: 50%; |
||||
z-index: 1; |
||||
width: 100%; |
||||
visibility: hidden; |
||||
min-height: 150px; |
||||
margin-top: -75px; |
||||
text-align: center; |
||||
position: absolute; |
||||
font-family: "Open Sans"; |
||||
} |
||||
|
||||
.portfolio-box-v1 li:hover .portfolio-box-v1-in { |
||||
visibility: visible; |
||||
} |
||||
|
||||
.portfolio-box-v1 .portfolio-box-v1-in h3 { |
||||
font-size: 22px; |
||||
margin-top: 20px; |
||||
position: relative; |
||||
margin-bottom: 20px; |
||||
text-transform: uppercase; |
||||
} |
||||
|
||||
.portfolio-box-v1 .portfolio-box-v1-in h3:after { |
||||
left: 50%; |
||||
height: 1px; |
||||
width: 40px; |
||||
content: " "; |
||||
bottom: -10px; |
||||
background: #fff; |
||||
margin-left: -20px; |
||||
position: absolute; |
||||
} |
||||
|
||||
.portfolio-box-v1 .portfolio-box-v1-in p, |
||||
.portfolio-box-v1 .portfolio-box-v1-in h3 { |
||||
color: #fff; |
||||
} |
||||
|
||||
.portfolio-box-v1 .portfolio-box-v1-in p { |
||||
font-size: 16px; |
||||
margin-bottom: 20px; |
||||
} |
||||
|
||||
.portfolio-box-v1 .portfolio-box-v1-in a.btn-u { |
||||
font-weight: normal; |
||||
-webkit-backface-visibility: hidden; /*For Chrome*/ |
||||
} |
||||
|
||||
/*Portfolio Feature v2 |
||||
------------------------------------*/ |
||||
.portfolio-box-v2 { |
||||
margin: 0 0 60px; |
||||
} |
||||
|
||||
.portfolio-box-v2 [class^="col-"] { |
||||
padding: 0; |
||||
overflow: hidden; |
||||
} |
||||
|
||||
.portfolio-box-v2 li { |
||||
background: #333; |
||||
overflow: hidden; |
||||
position: relative; |
||||
-webkit-backface-visibility: hidden; /*For Chrome*/ |
||||
} |
||||
|
||||
.portfolio-box-v2 li:after { |
||||
top: 0; |
||||
left: 0; |
||||
width: 100%; |
||||
height: 100%; |
||||
content: " "; |
||||
position: absolute; |
||||
} |
||||
|
||||
.portfolio-box-v2 li:hover:after { |
||||
background: rgba(255,255,255,0.6); |
||||
} |
||||
|
||||
.portfolio-box-v2 li:after, |
||||
.portfolio-box-v2 li:hover:after { |
||||
transition: all 0.3s ease-in-out; |
||||
-o-transition: all 0.3s ease-in-out; |
||||
-moz-transition: all 0.3s ease-in-out; |
||||
-webkit-transition: all 0.3s ease-in-out; |
||||
} |
||||
|
||||
.portfolio-box-v2 li img { |
||||
width: 100%; |
||||
overflow: hidden; |
||||
transition: all 0.3s ease-in-out; |
||||
-o-transition: all 0.3s ease-in-out; |
||||
-moz-transition: all 0.3s ease-in-out; |
||||
-webkit-transition: all 0.3s ease-in-out; |
||||
} |
||||
|
||||
.portfolio-box-v2 li:hover img { |
||||
-transform: scale(1.1); |
||||
-o-transform: scale(1.1); |
||||
-moz-transform: scale(1.1); |
||||
-webkit-transform: scale(1.1); |
||||
} |
||||
|
||||
.portfolio-box-v2 .portfolio-box-v2-in { |
||||
left: 0; |
||||
top: 50%; |
||||
z-index: 1; |
||||
width: 100%; |
||||
visibility: hidden; |
||||
min-height: 60px; |
||||
margin-top: -30px; |
||||
text-align: center; |
||||
position: absolute; |
||||
font-family: "Open Sans"; |
||||
} |
||||
|
||||
.portfolio-box-v2 li:hover .portfolio-box-v2-in { |
||||
visibility: visible; |
||||
} |
||||
|
||||
.portfolio-box-v2 .portfolio-box-v2-in i { |
||||
color: #fff; |
||||
width: 60px; |
||||
height: 60px; |
||||
padding: 20px; |
||||
font-size: 22px; |
||||
cursor: pointer; |
||||
margin-right: 5px; |
||||
text-align: center; |
||||
display: inline-block; |
||||
background: rgba(114,192,44,0.8); |
||||
} |
||||
|
||||
.portfolio-box-v2 .portfolio-box-v2-in i:hover { |
||||
background: #72c02c; |
||||
} |
||||
|
||||
/*Thumbnail v1 |
||||
------------------------------------*/ |
||||
.thumbnails-v1 .thumbnail-img { |
||||
margin-bottom: 12px; |
||||
} |
||||
|
||||
.thumbnails-v1 h3 { |
||||
margin-bottom: 5px; |
||||
} |
||||
|
||||
.thumbnails-v1 h3 a { |
||||
color: #555; |
||||
font-size: 15px; |
||||
text-transform: uppercase; |
||||
} |
||||
|
||||
.thumbnails-v1 .read-more { |
||||
color: #72c02c; |
||||
font-size: 12px; |
||||
text-transform: uppercase; |
||||
} |
||||
|
||||
/*Image Backgrounds v1 |
||||
------------------------------------*/ |
||||
.bg-image-v1 { |
||||
width: 100%; |
||||
height: auto; |
||||
padding: 50px 0; |
||||
position: relative; |
||||
background: url(../img/bg/11.jpg) repeat fixed; |
||||
} |
||||
|
||||
.bg-image-v1:before { |
||||
top: 0; |
||||
left: 0; |
||||
width: 100%; |
||||
height: 100%; |
||||
content: " "; |
||||
position: absolute; |
||||
background: rgba(0,0,0,0.5); |
||||
} |
||||
|
||||
/*Image Backgrounds v2 |
||||
------------------------------------*/ |
||||
.bg-image-v2 { |
||||
width: 100%; |
||||
height: auto; |
||||
padding: 50px 0; |
||||
position: relative; |
||||
background: url(../img/bg/15.jpg) repeat fixed; |
||||
} |
||||
|
||||
.bg-image-v2:before { |
||||
top: 0; |
||||
left: 0; |
||||
width: 100%; |
||||
height: 100%; |
||||
content: " "; |
||||
position: absolute; |
||||
background: rgba(255,255,255,0.6); |
||||
} |
||||
|
||||
/*Parallax Backgrounds |
||||
------------------------------------*/ |
||||
/*Parallax Counter Block*/ |
||||
.parallax-counter { |
||||
padding: 30px 0; |
||||
background: url(../img/patterns/5.png) repeat fixed; |
||||
} |
||||
|
||||
.parallax-counter .counters { |
||||
color: #fff; |
||||
padding: 15px 0; |
||||
} |
||||
|
||||
.parallax-counter h4 { |
||||
color: #999; |
||||
font-size: 16px; |
||||
text-transform: uppercase; |
||||
} |
||||
|
||||
.parallax-counter span.counter { |
||||
font-size: 48px; |
||||
} |
||||
|
||||
/*Parallax Team*/ |
||||
.parallax-team { |
||||
background: url(../img/team/faces.jpg) 50% 0 repeat fixed; |
||||
} |
||||
|
||||
.parallax-team, |
||||
.parallax-team .title-box-v2 { |
||||
position: relative; |
||||
} |
||||
|
||||
.parallax-team:before { |
||||
top: 0; |
||||
left: 0; |
||||
width: 100%; |
||||
height: 100%; |
||||
content: " "; |
||||
position: absolute; |
||||
background: rgba(255,255,255,0.9); |
||||
} |
||||
|
||||
/*Parallax Quote*/ |
||||
.parallax-quote { |
||||
color: #fff; |
||||
padding: 100px 0; |
||||
position: relative; |
||||
text-align: center; |
||||
background: url(../img/contents/faces.jpg) 50% 0 repeat fixed; |
||||
} |
||||
|
||||
.parallax-quote:after { |
||||
top: 0; |
||||
left: 0; |
||||
width: 100%; |
||||
height: 100%; |
||||
content: " "; |
||||
position: absolute; |
||||
background: rgba(0,0,0,0.8); |
||||
} |
||||
|
||||
.parallax-quote:before { |
||||
top: 0; |
||||
left: 0; |
||||
width: 100%; |
||||
height: 100%; |
||||
content: " "; |
||||
position: absolute; |
||||
background: url(../img/patterns/gridtile.png) repeat; |
||||
} |
||||
|
||||
.parallax-quote-in { |
||||
z-index: 1; |
||||
padding: 0 80px; |
||||
position: relative; |
||||
} |
||||
|
||||
.parallax-quote-in p { |
||||
color: #fff; |
||||
font-size: 28px; |
||||
text-transform: uppercase; |
||||
font-family: 'Open Sans', sans-serif; |
||||
} |
||||
|
||||
.parallax-quote-in p:after, |
||||
.parallax-quote-in p:before { |
||||
content: ' " '; |
||||
position: absolute; |
||||
font-family: Tahoma; |
||||
} |
||||
|
||||
.parallax-quote-in p:after { |
||||
margin-left: 3px; |
||||
} |
||||
|
||||
.parallax-quote-in p:before { |
||||
margin-left: -15px; |
||||
} |
||||
|
||||
.parallax-quote-in small { |
||||
color: #bbb; |
||||
font-size: 13px; |
||||
font-weight: 400; |
||||
text-transform: uppercase; |
||||
} |
||||
|
||||
@media (max-width: 768px){ |
||||
.parallax-quote-in { |
||||
padding: 0 40px; |
||||
} |
||||
|
||||
.parallax-quote-in p { |
||||
font-size: 20px; |
||||
} |
||||
} |
||||
|
||||
/*Flat Background Block |
||||
------------------------------------*/ |
||||
.flat-bg-block-v1 { |
||||
padding: 40px 0; |
||||
background: url(../img/patterns/16.png) repeat; |
||||
} |
||||
|
||||
.flat-bg-block-v1 .checked-list.first-child { |
||||
float: left; |
||||
margin-right: 100px; |
||||
} |
||||
|
||||
.flat-bg-block-v1 .checked-list li { |
||||
color: #888; |
||||
margin-bottom: 5px; |
||||
} |
||||
|
||||
.flat-bg-block-v1 .checked-list i { |
||||
color: #72c02c; |
||||
margin-right: 5px; |
||||
} |
||||
|
||||
/*Image Over*/ |
||||
.flat-bg-block-v1 img.img-over { |
||||
top: -70px; |
||||
right: 10px; |
||||
position: absolute; |
||||
} |
||||
|
||||
@media (min-width: 991px) and (max-width: 1199px) { |
||||
.flat-bg-block-v1 img.img-over { |
||||
top: -18px; |
||||
} |
||||
} |
||||
|
||||
@media (max-width: 991px) { |
||||
.flat-bg-block-v1 img.img-over { |
||||
position: static; |
||||
} |
||||
} |
||||
|
||||
/*Flat Testimonials |
||||
------------------------------------*/ |
||||
.flat-testimonials { |
||||
padding: 50px 0; |
||||
background-color: #333; |
||||
} |
||||
|
||||
.flat-testimonials .flat-testimonials-in { |
||||
padding: 30px; |
||||
text-align: center; |
||||
background: rgba(255,255,255,0.2); |
||||
} |
||||
|
||||
.flat-testimonials .flat-testimonials-in img { |
||||
width: 135px; |
||||
height: 135px; |
||||
margin: 0 auto 25px; |
||||
} |
||||
|
||||
.flat-testimonials .flat-testimonials-in h3 { |
||||
color: #fff; |
||||
font-size: 22px; |
||||
font-weight: 200; |
||||
} |
||||
|
||||
.flat-testimonials .flat-testimonials-in span { |
||||
display: block; |
||||
margin-bottom: 5px; |
||||
} |
||||
|
||||
.flat-testimonials .flat-testimonials-in p { |
||||
color: #fff; |
||||
font-weight: 200; |
||||
position: relative; |
||||
} |
||||
|
||||
.flat-testimonials .flat-testimonials-in p:before, |
||||
.flat-testimonials .flat-testimonials-in p:after { |
||||
top: 5px; |
||||
font-size: 22px; |
||||
line-height: 10px; |
||||
position: relative; |
||||
} |
||||
|
||||
.flat-testimonials .flat-testimonials-in p:before { |
||||
content: "“"; |
||||
padding-right: 5px; |
||||
} |
||||
|
||||
.flat-testimonials .flat-testimonials-in p:after { |
||||
content: "”"; |
||||
padding-left: 5px; |
||||
} |
||||
@ -0,0 +1,27 @@ |
||||
/* Add here all your css styles (customizations) */ |
||||
.upcoming-events { |
||||
max-height: 300px; |
||||
overflow: hidden; |
||||
position: relative; |
||||
} |
||||
|
||||
.profile .profile-event { |
||||
padding: 10px 15px; |
||||
margin-bottom: 2px; |
||||
} |
||||
|
||||
.profile .date-formats { |
||||
color: #fff; |
||||
float: left; |
||||
text-align: center; |
||||
background: #72c02c; |
||||
margin: 7px 13px 0 0; |
||||
padding: 7px 10px 4px; |
||||
} |
||||
|
||||
.profile .date-formats span { |
||||
display: block; |
||||
font-size: 22px; |
||||
font-weight: 200; |
||||
line-height: 25px; |
||||
} |
||||
@ -0,0 +1,98 @@ |
||||
/*Footer Default |
||||
------------------------------------*/ |
||||
.footer-default .footer { |
||||
color: #dadada; |
||||
background: #585f69; |
||||
padding: 20px 0 30px; |
||||
} |
||||
|
||||
.footer.margin-top-0 { |
||||
margin-top: 0; |
||||
} |
||||
|
||||
.footer-default .footer p, |
||||
.footer-default .footer a { |
||||
font-size: 14px; |
||||
} |
||||
.footer-default .footer p { |
||||
color: #dadada; |
||||
} |
||||
|
||||
.footer-default .footer a { |
||||
color: #72c02c; |
||||
} |
||||
.footer-default .footer a:hover { |
||||
color: #5fb611; |
||||
-webkit-transition: all 0.4s ease-in-out; |
||||
-moz-transition: all 0.4s ease-in-out; |
||||
-o-transition: all 0.4s ease-in-out; |
||||
transition: all 0.4s ease-in-out; |
||||
} |
||||
|
||||
.footer-default .footer h2, |
||||
.footer-default .footer h3, |
||||
.footer-default .footer h4 { |
||||
color: #e4e4e4; |
||||
background: none; |
||||
text-shadow: none; |
||||
} |
||||
|
||||
/*Footer Subsribe*/ |
||||
.footer-default .footer .footer-subsribe { |
||||
width: 85%; |
||||
} |
||||
|
||||
/*Footer Blog Posts*/ |
||||
.footer-default .footer .blog-list { |
||||
margin: 0; |
||||
padding: 0; |
||||
color: #dadada; |
||||
list-style: none; |
||||
} |
||||
|
||||
.footer-default .footer .blog-list li { |
||||
padding: 0 0; |
||||
margin-bottom: 7px; |
||||
} |
||||
.footer-default .footer .blog-list li span { |
||||
color: #818488; |
||||
} |
||||
|
||||
.footer-default .footer .dl-horizontal, |
||||
.footer-default .footer .dl-horizontal:hover { |
||||
border: none !important; |
||||
background: none !important; |
||||
} |
||||
.footer-default .footer .posts .dl-horizontal a { |
||||
color: #dadada; |
||||
} |
||||
.footer-default .footer .dl-horizontal a:hover { |
||||
color: #5fb611 !important; |
||||
} |
||||
.footer-default .footer .dl-horizontal img { |
||||
border-color: #888 !important; |
||||
} |
||||
|
||||
/*Copyright*/ |
||||
.footer-default .copyright { |
||||
font-size: 12px; |
||||
padding: 11px 0 7px; |
||||
background: #3e4753; |
||||
} |
||||
|
||||
.footer-default .copyright p { |
||||
color: #dadada; |
||||
margin-top: 12px; |
||||
} |
||||
|
||||
.footer-default .copyright a { |
||||
margin: 0 5px; |
||||
color: #72c02c; |
||||
} |
||||
.footer-default .copyright a:hover { |
||||
color: #5fb611; |
||||
} |
||||
|
||||
.footer-default .copyright a img { |
||||
margin-top: 5px; |
||||
} |
||||
@ -0,0 +1,69 @@ |
||||
/*Footer-v1 |
||||
------------------------------------*/ |
||||
.footer-v1 .footer { |
||||
padding: 40px 0; |
||||
background: #272727; |
||||
} |
||||
|
||||
.footer-v1 .footer p { |
||||
color: #eee; |
||||
} |
||||
|
||||
.footer-v1 .footer h2 { |
||||
color: #eee; |
||||
font-size: 18px; |
||||
font-weight: 200; |
||||
} |
||||
|
||||
/*Link List*/ |
||||
.footer-v1 .link-list li { |
||||
border-top: solid 1px #353535; |
||||
} |
||||
|
||||
.footer-v1 address, |
||||
.footer-v1 .link-list a, |
||||
.footer-v1 .link-list i { |
||||
color: #eee; |
||||
} |
||||
|
||||
.footer-v1 address { |
||||
line-height: 23px; |
||||
} |
||||
|
||||
/*Dotted Map*/ |
||||
.footer-v1 .footer .map-img { |
||||
background: url(../../img/map-img.png) 5px 60px no-repeat; |
||||
} |
||||
|
||||
/*Copyright*/ |
||||
.footer-v1 .copyright { |
||||
background: #222; |
||||
border-top: none; |
||||
padding: 10px 0 5px; |
||||
} |
||||
|
||||
.footer-v1 .copyright p { |
||||
color: #eee; |
||||
margin-top: 14px; |
||||
} |
||||
|
||||
.footer-v1 .copyright a { |
||||
margin: 0 2px; |
||||
} |
||||
|
||||
.footer-v1 .footer-socials { |
||||
margin-top: 12px; |
||||
text-align: right; |
||||
} |
||||
|
||||
.footer-v1 .footer-socials li a { |
||||
color: #777; |
||||
font-size: 16px; |
||||
} |
||||
|
||||
@media (max-width: 991px) { |
||||
.footer-v1 .copyright, |
||||
.footer-v1 .footer-socials { |
||||
text-align: left; |
||||
} |
||||
} |
||||
@ -0,0 +1,52 @@ |
||||
/*Footer-v2 |
||||
------------------------------------*/ |
||||
.footer-v2 .footer { |
||||
padding: 40px 0; |
||||
background: #f7f7f7; |
||||
border-top: 3px solid #eee; |
||||
} |
||||
|
||||
.footer-v2 .footer p { |
||||
color: #555; |
||||
} |
||||
|
||||
.footer-v2 .headline h2 { |
||||
color: #585f69; |
||||
} |
||||
|
||||
/*Footer Subsribe*/ |
||||
.footer-v2 .footer-subsribe { |
||||
width: 100%; |
||||
} |
||||
|
||||
/*Link List*/ |
||||
.footer-v2 .link-list li { |
||||
border-top: solid 1px #eee; |
||||
} |
||||
|
||||
.footer-v2 .link-list a { |
||||
color: #555; |
||||
} |
||||
|
||||
.footer-v2 address { |
||||
color: #555; |
||||
line-height: 23px; |
||||
} |
||||
|
||||
.footer-v2 address i { |
||||
min-width: 20px; |
||||
margin-right: 5px; |
||||
text-align: center; |
||||
} |
||||
|
||||
/*Copyright*/ |
||||
.footer-v2 .copyright { |
||||
border-top: none; |
||||
background: #eee; |
||||
padding: 20px 0 15px; |
||||
} |
||||
|
||||
.footer-v2 .copyright p { |
||||
color: #555; |
||||
margin-bottom: 0; |
||||
} |
||||
@ -0,0 +1,46 @@ |
||||
/*Footer-v3 |
||||
------------------------------------*/ |
||||
.footer-v3 .footer { |
||||
padding: 40px 0; |
||||
background: #252525; |
||||
border-top: 5px solid #555; |
||||
} |
||||
|
||||
.footer-v3 .thumb-headline h2 { |
||||
color: #fff; |
||||
line-height: 22px; |
||||
margin-bottom: 10px; |
||||
} |
||||
|
||||
.footer-v3 .footer p, |
||||
.footer-v3 .simple-list a { |
||||
color: #bbb; |
||||
} |
||||
|
||||
/*Copyright*/ |
||||
.footer-v3 .copyright { |
||||
padding: 10px 0; |
||||
background: #222; |
||||
border-top-color: #292929; |
||||
} |
||||
|
||||
.footer-v3 .copyright p { |
||||
color: #bbb; |
||||
margin-top: 14px; |
||||
} |
||||
|
||||
.footer-v3 .copyright .social-icons { |
||||
margin-top: 10px; |
||||
} |
||||
|
||||
@media (max-width: 992px) { |
||||
.footer-v3 .copyright, |
||||
.footer-v3 .copyright p, |
||||
.footer-v3 .copyright ul { |
||||
text-align: left; |
||||
} |
||||
|
||||
.footer-v3 .copyright .social-icons.pull-right { |
||||
float: inherit !important; |
||||
} |
||||
} |
||||
@ -0,0 +1,98 @@ |
||||
/*Footer-v4 |
||||
------------------------------------*/ |
||||
/*Footer*/ |
||||
.footer-v4 .footer { |
||||
padding: 50px 0; |
||||
background: #151515; |
||||
} |
||||
|
||||
.footer-v4 .footer p { |
||||
color: #bbb; |
||||
font-size: 14px; |
||||
} |
||||
|
||||
.footer-v4 img.footer-logo { |
||||
margin: 15px 0 20px; |
||||
} |
||||
|
||||
.footer-v4 .address-list li { |
||||
color: #bbb; |
||||
margin-bottom: 7px; |
||||
} |
||||
|
||||
.footer-v4 .address-list li i { |
||||
margin-right: 10px; |
||||
vertical-align: middle; |
||||
} |
||||
|
||||
.footer-v4 .shop-social li i { |
||||
color: #bbb; |
||||
width: 30px; |
||||
height: 30px; |
||||
padding: 8px; |
||||
font-size: 16px; |
||||
text-align: center; |
||||
background: #414040; |
||||
} |
||||
|
||||
.footer-v4 .shop-social li i:hover { |
||||
background: #353535; |
||||
} |
||||
|
||||
.footer-v4 h2.thumb-headline { |
||||
color: #ddd; |
||||
font-size: 16px; |
||||
margin-bottom: 3px; |
||||
text-transform: uppercase; |
||||
} |
||||
|
||||
.footer-v4 .simple-list li { |
||||
color: #bbb; |
||||
} |
||||
|
||||
.footer-v4 .simple-list a { |
||||
color: #bbb; |
||||
font-size: 14px; |
||||
font-weight: 200; |
||||
} |
||||
|
||||
/*Copyright*/ |
||||
.footer-v4 .copyright { |
||||
padding: 15px 0; |
||||
border-top: none; |
||||
background: #191919; |
||||
} |
||||
|
||||
.footer-v4 .copyright p { |
||||
color: #bbb; |
||||
font-size: 12px; |
||||
margin-top: 13px; |
||||
margin-bottom: 0; |
||||
} |
||||
|
||||
.footer-v4 .copyright a { |
||||
color: #72c02c; |
||||
} |
||||
|
||||
.footer-v4 .sponsors-icons { |
||||
margin-bottom: 0; |
||||
} |
||||
|
||||
.footer-v4 .sponsors-icons i { |
||||
color: #fff; |
||||
font-size: 40px; |
||||
} |
||||
|
||||
@media (max-width: 991px) { |
||||
.footer-v4 .copyright { |
||||
text-align: center; |
||||
} |
||||
|
||||
.footer-v4 .copyright p { |
||||
margin-bottom: 15px; |
||||
} |
||||
|
||||
.footer-v4 .sponsors-icons.pull-right { |
||||
float: none !important; |
||||
} |
||||
} |
||||
@ -0,0 +1,191 @@ |
||||
/*Footer-v5 |
||||
------------------------------------*/ |
||||
.footer-v5 .footer { |
||||
padding: 70px 0; |
||||
background: #252525; |
||||
} |
||||
|
||||
.footer-v5 .footer p { |
||||
color: #777; |
||||
} |
||||
|
||||
/*Heading Fotoer*/ |
||||
.footer-v5 .heading-footer { |
||||
text-align: left; |
||||
position: relative; |
||||
margin-bottom: 30px; |
||||
padding-bottom: 2px; |
||||
} |
||||
|
||||
.footer-v5 .heading-footer:after { |
||||
left: 0; |
||||
bottom: 0; |
||||
height: 1px; |
||||
width: 50px; |
||||
content: " "; |
||||
background: #fff; |
||||
position: absolute; |
||||
} |
||||
|
||||
.footer-v5 .heading-footer h2 { |
||||
color: #eee; |
||||
font-size: 18px; |
||||
text-transform: uppercase; |
||||
} |
||||
|
||||
/*Dark Social v2*/ |
||||
.footer-v5 .dark-social-v2 li { |
||||
padding-right: 0; |
||||
margin-bottom: 8px; |
||||
} |
||||
|
||||
.footer-v5 .dark-social-v2 li:first-child { |
||||
padding-left: 5px; |
||||
} |
||||
|
||||
.footer-v5 .dark-social-v2 li i { |
||||
color: #777; |
||||
width: 30px; |
||||
height: 30px; |
||||
font-size: 14px; |
||||
padding: 8px 5px; |
||||
text-align: center; |
||||
background: #353535; |
||||
display: inline-block; |
||||
} |
||||
|
||||
.footer-v5 .dark-social-v2 li i:hover { |
||||
color: #fff; |
||||
background: #72c02c; |
||||
text-decoration: none; |
||||
-webkit-transition: all 0.3s ease-in-out; |
||||
-moz-transition: all 0.3s ease-in-out; |
||||
-o-transition: all 0.3s ease-in-out; |
||||
transition: all 0.3s ease-in-out; |
||||
} |
||||
|
||||
/*Link News*/ |
||||
.footer-v5 .footer .link-news { |
||||
margin-bottom: 0; |
||||
} |
||||
|
||||
.footer-v5 .footer .link-news li { |
||||
padding: 12px 0px; |
||||
border-top: solid 1px #333; |
||||
} |
||||
|
||||
.footer-v5 .footer .link-news li:first-child { |
||||
padding-top: 0; |
||||
border-top: none; |
||||
} |
||||
|
||||
.footer-v5 .footer .link-news li a { |
||||
color: #777; |
||||
font-size: 14px; |
||||
margin-bottom: 3px; |
||||
display: inline-block; |
||||
} |
||||
|
||||
.footer-v5 .footer .link-news a:hover { |
||||
color: #bbb; |
||||
} |
||||
|
||||
.footer-v5 .footer .link-news li small { |
||||
color: #555; |
||||
display: block; |
||||
} |
||||
|
||||
/*Thumb News*/ |
||||
.footer-v5 .footer .thumb-news > li { |
||||
margin-bottom: 20px; |
||||
} |
||||
|
||||
.footer-v5 .footer .thumb-news > li:before, |
||||
.footer-v5 .footer .thumb-news > li:after { |
||||
content: " "; |
||||
display: table; |
||||
} |
||||
|
||||
.footer-v5 .footer .thumb-news > li:after { |
||||
clear: both; |
||||
} |
||||
|
||||
.footer-v5 .footer .thumb-news > li img { |
||||
float: left; |
||||
width: 80px; |
||||
height: auto; |
||||
margin-right: 10px; |
||||
} |
||||
|
||||
.footer-v5 .footer .thumb-news > li a { |
||||
color: #777; |
||||
display: block; |
||||
padding-bottom: 8px; |
||||
} |
||||
|
||||
.footer-v5 .footer .thumb-news > li a:hover { |
||||
color: #bbb; |
||||
} |
||||
|
||||
.footer-v5 .footer .thumb-news > li small { |
||||
color: #555; |
||||
font-size: 13px; |
||||
} |
||||
|
||||
/*Tweets*/ |
||||
.footer-v5 .footer .tweets li { |
||||
margin-bottom: 20px; |
||||
} |
||||
|
||||
.footer-v5 .footer .tweets li i { |
||||
float: left; |
||||
color: #777; |
||||
font-size: 25px; |
||||
margin: 3px 10px 0 0; |
||||
} |
||||
|
||||
.footer-v5 .footer .tweets li p { |
||||
margin-bottom: 0; |
||||
} |
||||
|
||||
.footer-v5 .footer .tweets li a { |
||||
color: #bbb; |
||||
} |
||||
|
||||
.footer-v5 .footer .tweets li small { |
||||
color: #555; |
||||
} |
||||
|
||||
/*Footer Copyright*/ |
||||
.footer-v5 .copyright { |
||||
padding: 15px 0; |
||||
background: #202020; |
||||
} |
||||
|
||||
/*Footer Copyright*/ |
||||
.footer-v5 .copyright .terms-menu { |
||||
margin: 6px 0 0; |
||||
} |
||||
|
||||
.footer-v5 .copyright .terms-menu li { |
||||
color: #bbb; |
||||
font-size: 13px; |
||||
line-height: 10px; |
||||
margin-right: 2px; |
||||
padding-left: 10px; |
||||
padding-left: 10px; |
||||
border-left: 1px solid #777; |
||||
} |
||||
|
||||
.footer-v5 .copyright .terms-menu li:first-child { |
||||
border-left: none; |
||||
padding: 0 7px 0 0; |
||||
} |
||||
|
||||
.footer-v5 .copyright .terms-menu li a { |
||||
color: #777; |
||||
} |
||||
|
||||
.footer-v5 .copyright .terms-menu li a:hover { |
||||
color: #bbb; |
||||
} |
||||
@ -0,0 +1,185 @@ |
||||
/* Footer |
||||
------------------------------------*/ |
||||
.footer-v6 .footer { |
||||
padding: 70px 0; |
||||
background: #161616; |
||||
} |
||||
|
||||
.footer-v6 .footer p { |
||||
color: #777; |
||||
} |
||||
|
||||
/*Heading Fotoer*/ |
||||
.footer-v6 .heading-footer { |
||||
text-align: left; |
||||
position: relative; |
||||
margin-bottom: 30px; |
||||
padding-bottom: 2px; |
||||
} |
||||
|
||||
.footer-v6 .heading-footer:after { |
||||
left: 0; |
||||
bottom: 0; |
||||
height: 1px; |
||||
width: 50px; |
||||
content: " "; |
||||
background: #fff; |
||||
position: absolute; |
||||
} |
||||
|
||||
.footer-v6 .heading-footer h2 { |
||||
color: #eee; |
||||
font-size: 18px; |
||||
text-transform: uppercase; |
||||
} |
||||
|
||||
/*Link News*/ |
||||
.footer-v6 .footer .link-news { |
||||
margin-bottom: 0; |
||||
} |
||||
|
||||
.footer-v6 .footer .link-news li { |
||||
padding: 12px 0px; |
||||
border-top: solid 1px #353535; |
||||
} |
||||
|
||||
.footer-v6 .footer .link-news li:first-child { |
||||
padding-top: 0; |
||||
border-top: none; |
||||
} |
||||
|
||||
.footer-v6 .footer .link-news li a { |
||||
color: #777; |
||||
font-size: 14px; |
||||
margin-bottom: 3px; |
||||
display: inline-block; |
||||
} |
||||
|
||||
.footer-v6 .footer .link-news a:hover { |
||||
color: #bbb; |
||||
} |
||||
|
||||
.footer-v6 .footer .link-news li small { |
||||
color: #555; |
||||
display: block; |
||||
} |
||||
|
||||
/*Link List*/ |
||||
.footer-v6 .footer-link-list li { |
||||
padding: 9px 0px; |
||||
border-top: solid 1px #333; |
||||
} |
||||
|
||||
.footer-v6 .footer-link-list li:first-child { |
||||
padding-top: 0; |
||||
border-top: none; |
||||
} |
||||
|
||||
.footer-v6 .footer-link-list li a { |
||||
color: #777; |
||||
font-size: 14px; |
||||
display: inline-block; |
||||
} |
||||
|
||||
.footer-v6 .footer-link-list a:hover { |
||||
color: #bbb; |
||||
} |
||||
|
||||
/*Contacts*/ |
||||
.footer-v6 .footer .contacts { |
||||
margin-bottom: 0; |
||||
} |
||||
|
||||
.footer-v6 .footer .contacts li { |
||||
margin-bottom: 20px; |
||||
} |
||||
|
||||
.footer-v6 .footer .contacts li:before, |
||||
.footer-v6 .footer .contacts li:after { |
||||
content: " "; |
||||
display: table; |
||||
} |
||||
|
||||
.footer-v6 .footer .contacts li:after { |
||||
clear: both; |
||||
} |
||||
|
||||
.footer-v6 .footer .contacts li i { |
||||
float: left; |
||||
width: 30px; |
||||
height: 30px; |
||||
color: #777; |
||||
padding: 8px 5px; |
||||
background: #333; |
||||
text-align: center; |
||||
margin: 4px 10px 0 0; |
||||
display: inline-block; |
||||
} |
||||
|
||||
.footer-v6 .footer .contacts li p { |
||||
margin-bottom: 0; |
||||
} |
||||
|
||||
.footer-v6 .footer .contacts li a { |
||||
color: #777; |
||||
} |
||||
|
||||
.footer-v6 .footer .contacts li a:hover { |
||||
color: #bbb; |
||||
} |
||||
|
||||
/*Footer Copyright*/ |
||||
.footer-v6 .copyright { |
||||
padding: 15px 0; |
||||
background: #222; |
||||
} |
||||
|
||||
/*Social Icons*/ |
||||
.footer-v6 .dark-social { |
||||
margin: 5px 0 0; |
||||
} |
||||
|
||||
.footer-v6 .dark-social li { |
||||
margin-left: 5px; |
||||
} |
||||
|
||||
.footer-v6 .dark-social li i { |
||||
color: #777; |
||||
} |
||||
|
||||
/*Terms Menu*/ |
||||
.footer-v6 .copyright .terms-menu { |
||||
margin: 7px 0 0; |
||||
} |
||||
|
||||
.footer-v6 .copyright .terms-menu li { |
||||
color: #777; |
||||
font-size: 13px; |
||||
line-height: 10px; |
||||
margin-right: 2px; |
||||
border-color: #777; |
||||
padding-left: 10px; |
||||
padding-left: 10px; |
||||
border-left: 1px solid #bbb; |
||||
} |
||||
|
||||
.footer-v6 .copyright .terms-menu li:first-child { |
||||
border-left: none; |
||||
padding: 0 7px 0 0; |
||||
} |
||||
|
||||
.footer-v6 .copyright .terms-menu li a { |
||||
color: #777; |
||||
} |
||||
|
||||
.footer-v6 .copyright .terms-menu li a:hover { |
||||
color: #bbb; |
||||
} |
||||
|
||||
@media (max-width: 992px) { |
||||
.footer-v6 .copyright .terms-menu, |
||||
.footer-v6 .copyright .dark-social.pull-right { |
||||
text-align: center; |
||||
float: none !important; |
||||
} |
||||
} |
||||
@ -0,0 +1,140 @@ |
||||
/*Contacts Section |
||||
------------------------------------*/ |
||||
.contacts-section { |
||||
color: #fff; |
||||
position: relative; |
||||
background: #333 url(../../img/bg/17.jpg) center fixed; |
||||
} |
||||
|
||||
.contacts-section:after { |
||||
top: 0; |
||||
left: 0; |
||||
width: 100%; |
||||
height: 100%; |
||||
content: " "; |
||||
position: absolute; |
||||
background: rgba(0,0,0,0.7); |
||||
} |
||||
|
||||
.contacts-section:before { |
||||
top: 0; |
||||
left: 0; |
||||
width: 100%; |
||||
height: 100%; |
||||
content: " "; |
||||
position: absolute; |
||||
background: url(../../img/patterns/gridtile.png) repeat; |
||||
} |
||||
|
||||
/*Contacts Title*/ |
||||
.contacts-section .title-v1 p, |
||||
.contacts-section .title-v1 h2 { |
||||
color: #fff; |
||||
} |
||||
|
||||
/*Contacts Content*/ |
||||
.contacts-in { |
||||
z-index: 1; |
||||
color: #fff; |
||||
position: relative; |
||||
} |
||||
|
||||
.contacts-in h3 { |
||||
color: #fff; |
||||
margin-bottom: 15px; |
||||
} |
||||
|
||||
.contacts-in ul { |
||||
margin-top: 20px; |
||||
} |
||||
|
||||
.contacts-in li { |
||||
color: #fff; |
||||
margin: 15px 0; |
||||
font-size: 16px; |
||||
font-weight: 200; |
||||
} |
||||
|
||||
.contacts-in li a { |
||||
color: #fff; |
||||
} |
||||
|
||||
.contacts-in li i { |
||||
width: 35px; |
||||
padding: 8px; |
||||
font-size: 18px; |
||||
margin-right: 5px; |
||||
text-align: center; |
||||
display: inline-block; |
||||
background: rgba(255,255,255,0.1); |
||||
} |
||||
|
||||
.contacts-in form label { |
||||
font-size: 14px; |
||||
font-weight: 200; |
||||
} |
||||
|
||||
.contacts-in form .form-control { |
||||
color: #fff; |
||||
box-shadow: none; |
||||
border-color: #eee; |
||||
background: rgba(0,0,0,0.2); |
||||
} |
||||
|
||||
.contacts-in form .form-control:focus { |
||||
border-color: #bbb; |
||||
background: rgba(0,0,0,0.6); |
||||
} |
||||
|
||||
.contacts-in form .btn-u.btn-brd.btn-u-dark { |
||||
color: #fff; |
||||
border-color: #fff; |
||||
background: rgba(0,0,0,0.2); |
||||
} |
||||
|
||||
.contacts-in form .btn-u.btn-brd.btn-u-dark:hover { |
||||
border-color: #bbb; |
||||
background: rgba(0,0,0,0.6) !important; |
||||
} |
||||
|
||||
/*Copyright Section*/ |
||||
.copyright-section { |
||||
z-index: 1; |
||||
background: #fff; |
||||
position: relative; |
||||
text-align: center; |
||||
padding: 25px 0 20px; |
||||
} |
||||
|
||||
.copyright-section p { |
||||
font-size: 14px; |
||||
} |
||||
|
||||
.copyright-section p a { |
||||
color: #555; |
||||
text-decoration: underline; |
||||
} |
||||
|
||||
.copyright-section p a:hover { |
||||
text-decoration: none; |
||||
} |
||||
|
||||
.copyright-section ul.social-icons li { |
||||
margin-bottom: 0; |
||||
padding: 0; |
||||
} |
||||
|
||||
.copyright-section i.back-to-top { |
||||
left: 50%; |
||||
top: -35px; |
||||
color: #555; |
||||
font-size: 20px; |
||||
background: #fff; |
||||
padding: 8px 10px; |
||||
margin-left: -15px; |
||||
position: absolute; |
||||
} |
||||
|
||||
.copyright-section i.back-to-top:hover { |
||||
color: #72c02c; |
||||
} |
||||
@ -0,0 +1,897 @@ |
||||
/*Top Bar (login, search etc.) |
||||
------------------------------------*/ |
||||
.header .topbar { |
||||
z-index: 12; |
||||
padding: 8px 0; |
||||
position: relative; |
||||
} |
||||
|
||||
.header .topbar ul.loginbar { |
||||
margin: 0; |
||||
} |
||||
|
||||
.header .topbar ul.loginbar > li { |
||||
display: inline; |
||||
list-style: none; |
||||
position: relative; |
||||
padding-bottom: 15px; |
||||
} |
||||
|
||||
.header .topbar ul.loginbar > li > a, |
||||
.header .topbar ul.loginbar > li > a:hover { |
||||
color: #7c8082; |
||||
font-size: 11px; |
||||
text-transform: uppercase; |
||||
} |
||||
|
||||
.header .topbar ul.loginbar li i.fa { |
||||
color: #bbb; |
||||
} |
||||
|
||||
.header .topbar ul.loginbar li.topbar-devider { |
||||
top: -1px; |
||||
padding: 0; |
||||
font-size: 8px; |
||||
position: relative; |
||||
margin: 0 9px 0 5px; |
||||
font-family: Tahoma; |
||||
border-right: solid 1px #bbb; |
||||
} |
||||
|
||||
/*languages*/ |
||||
.header .topbar ul.languages { |
||||
top: 25px; |
||||
left: -5px; |
||||
display: none; |
||||
padding: 4px 0; |
||||
padding-left: 0; |
||||
list-style: none; |
||||
min-width: 100px; |
||||
position: absolute; |
||||
background: #f0f0f0; |
||||
} |
||||
|
||||
.header .topbar li:hover ul.languages { |
||||
display: block; |
||||
} |
||||
|
||||
.header .topbar ul.languages:after { |
||||
top: -4px; |
||||
width: 0; |
||||
height: 0; |
||||
left: 8px; |
||||
content: " "; |
||||
display: block; |
||||
position: absolute; |
||||
border-bottom: 6px solid #f0f0f0; |
||||
border-left: 6px solid transparent; |
||||
border-right: 6px solid transparent; |
||||
border-left-style: inset; /*FF fixes*/ |
||||
border-right-style: inset; /*FF fixes*/ |
||||
} |
||||
|
||||
.header .topbar ul.languages li a { |
||||
color: #555; |
||||
display: block; |
||||
font-size: 10px; |
||||
padding: 2px 12px; |
||||
margin-bottom: 1px; |
||||
text-transform: uppercase; |
||||
} |
||||
|
||||
.header .topbar ul.languages li.active a i { |
||||
color: #999; |
||||
float: right; |
||||
margin-top: 2px; |
||||
} |
||||
|
||||
.header .topbar ul.languages li a:hover, |
||||
.header .topbar ul.languages li.active a { |
||||
background: #fafafa; |
||||
} |
||||
|
||||
.header .topbar ul.languages li a:hover { |
||||
text-decoration: none; |
||||
} |
||||
|
||||
/*Header Default |
||||
------------------------------------*/ |
||||
.header { |
||||
z-index: 99; |
||||
position: relative; |
||||
border-bottom: solid 2px #eee; |
||||
} |
||||
|
||||
.header .navbar { |
||||
margin: 0; |
||||
} |
||||
|
||||
.header .navbar-default { |
||||
border: none; |
||||
background: none; |
||||
} |
||||
|
||||
/*Navbar Brand*/ |
||||
.header .navbar-brand { |
||||
z-index: 1; |
||||
top: -10px; |
||||
height: 100%; |
||||
position: relative; |
||||
padding: 0 10px 10px; |
||||
} |
||||
|
||||
@media(min-width: 768px) and (max-width: 998px) { |
||||
.header .navbar-brand { |
||||
margin-top: 0; |
||||
} |
||||
} |
||||
|
||||
/*Navbar Toggle*/ |
||||
.header .navbar-default .navbar-toggle { |
||||
border-color: #5fb611; |
||||
} |
||||
|
||||
.header .navbar-default .navbar-toggle .fa { |
||||
color: #fff; |
||||
font-size: 19px; |
||||
} |
||||
|
||||
.header .navbar-toggle, |
||||
.header .navbar-default .navbar-toggle:hover, |
||||
.header .navbar-default .navbar-toggle:focus { |
||||
background: #72c02c; |
||||
padding: 6px 10px 2px; |
||||
} |
||||
|
||||
.header .navbar-toggle:hover { |
||||
background: #5fb611 !important; |
||||
} |
||||
|
||||
/*Navbar Collapse*/ |
||||
.header .navbar-collapse { |
||||
position: relative; |
||||
} |
||||
|
||||
/*Navbar Menu*/ |
||||
.header .navbar-default .navbar-nav > li > a { |
||||
color: #687074; |
||||
font-size: 15px; |
||||
font-weight:400; |
||||
text-transform: uppercase; |
||||
} |
||||
|
||||
.header .navbar-default .navbar-nav > .active > a { |
||||
color: #72c02c; |
||||
} |
||||
|
||||
@media (min-width: 992px) { |
||||
.header .navbar-nav { |
||||
float: right; |
||||
} |
||||
} |
||||
|
||||
/*No Topbar*/ |
||||
.header.no-topbar .navbar-brand { |
||||
margin-top: 30px; |
||||
} |
||||
|
||||
.header.no-topbar .navbar-toggle { |
||||
margin-top: 25px; |
||||
} |
||||
|
||||
@media (min-width: 992px) { |
||||
.header.no-topbar .navbar-nav { |
||||
padding-top: 36px; |
||||
} |
||||
} |
||||
|
||||
/*Responsive Navbar*/ |
||||
@media (max-width: 991px) { |
||||
/*Responsive code for max-width: 991px*/ |
||||
.header .navbar-header { |
||||
float: none; |
||||
} |
||||
|
||||
.header .navbar-toggle { |
||||
display: block; |
||||
} |
||||
|
||||
.header .navbar-collapse.collapse { |
||||
display: none !important; |
||||
} |
||||
|
||||
.header .navbar-collapse.collapse.in { |
||||
display: block !important; |
||||
overflow-y: auto !important; |
||||
} |
||||
|
||||
.header .navbar-nav { |
||||
margin: 0 0 5px; |
||||
float: none !important; |
||||
} |
||||
|
||||
.header .navbar-nav > li { |
||||
float: none; |
||||
} |
||||
|
||||
.header .navbar-nav > li > a { |
||||
padding-top: 30px; |
||||
padding-bottom: 40px; |
||||
} |
||||
|
||||
/*Dropdown Menu Slide Down Effect*/ |
||||
.header .navbar-nav .open .dropdown-menu { |
||||
border: 0; |
||||
float: none; |
||||
width: auto; |
||||
margin-top: 0; |
||||
position: static; |
||||
box-shadow: none; |
||||
background-color: transparent; |
||||
} |
||||
|
||||
.header .navbar-nav .open .dropdown-menu > li > a, |
||||
.header .navbar-nav .open .dropdown-menu .dropdown-header { |
||||
padding: 5px 15px 5px 25px; |
||||
} |
||||
|
||||
.header .navbar-nav .open .dropdown-menu > li > a { |
||||
line-height: 20px; |
||||
} |
||||
|
||||
.header .navbar-nav .open .dropdown-menu > li > a:hover, |
||||
.header .navbar-nav .open .dropdown-menu > li > a:focus { |
||||
background-image: none; |
||||
} |
||||
|
||||
.header .navbar-default .navbar-nav .open .dropdown-menu > li > a { |
||||
color: #777; |
||||
} |
||||
|
||||
.header .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, |
||||
.header .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { |
||||
color: #333; |
||||
background-color: transparent; |
||||
} |
||||
|
||||
.header .navbar-default .navbar-nav .open .dropdown-menu > .active > a, |
||||
.header .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, |
||||
.header .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { |
||||
color: #555; |
||||
background-color: #e7e7e7; |
||||
} |
||||
|
||||
.header .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, |
||||
.header .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, |
||||
.header .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { |
||||
color: #ccc; |
||||
background-color: transparent; |
||||
} |
||||
|
||||
.header .navbar-default .dropdown-menu.no-bottom-space { |
||||
padding-bottom: 0; |
||||
} |
||||
|
||||
/*Design for max-width: 991px*/ |
||||
.header .navbar-collapse, |
||||
.header .navbar-collapse .container { |
||||
padding-left: 0 !important; |
||||
padding-right: 0 !important; |
||||
} |
||||
|
||||
.header .navbar-default .navbar-nav > li > a { |
||||
font-size: 14px; |
||||
padding: 9px 10px; |
||||
} |
||||
|
||||
.header .navbar-default .navbar-nav > li a { |
||||
border-bottom: solid 1px #eee; |
||||
} |
||||
|
||||
.header .navbar-default .navbar-nav > li > a:focus { |
||||
background: none; |
||||
} |
||||
|
||||
.header .navbar-default .navbar-nav > li > a:hover { |
||||
color: #72c02c; |
||||
} |
||||
|
||||
.header .navbar-default .navbar-nav > .active > a, |
||||
.header .navbar-default .navbar-nav > .active > a:hover, |
||||
.header .navbar-default .navbar-nav > .active > a:focus { |
||||
background: #72c02c; |
||||
color: #fff !important; |
||||
} |
||||
|
||||
.header .dropdown .dropdown-submenu > a { |
||||
font-size: 13px; |
||||
color: #555 !important; |
||||
text-transform: uppercase; |
||||
} |
||||
} |
||||
|
||||
@media (min-width: 992px) { |
||||
/*Navbar Collapse*/ |
||||
.header .navbar-collapse { |
||||
padding: 0; |
||||
} |
||||
|
||||
/*Navbar*/ |
||||
.header .navbar { |
||||
min-height: 40px !important; |
||||
} |
||||
|
||||
.header .container > .navbar-header, |
||||
.header .container-fluid > .navbar-header, |
||||
.header .container > .navbar-collapse, |
||||
.header .container-fluid > .navbar-collapse { |
||||
margin-bottom: -10px; |
||||
} |
||||
|
||||
.header .navbar-nav { |
||||
position: relative; |
||||
} |
||||
|
||||
.header .navbar-default .navbar-nav > li > a { |
||||
bottom: -2px; |
||||
position: relative; |
||||
padding: 9px 30px 9px 20px; |
||||
} |
||||
|
||||
.header .navbar-default .navbar-nav > li > a, |
||||
.header .navbar-default .navbar-nav > li > a:focus { |
||||
border-bottom: solid 2px transparent; |
||||
} |
||||
|
||||
.header .navbar-default .navbar-nav > li > a:hover, |
||||
.header .navbar-default .navbar-nav > .active > a { |
||||
bottom: -2px; |
||||
position: relative; |
||||
border-bottom: solid 2px #72c02c; |
||||
} |
||||
|
||||
.header .navbar-default .navbar-nav > li > a, |
||||
.header .navbar-default .navbar-nav > li > a:hover, |
||||
.header .navbar-default .navbar-nav > li > a:focus, |
||||
.header .navbar-default .navbar-nav > .active > a, |
||||
.header .navbar-default .navbar-nav > .active > a:hover, |
||||
.header .navbar-default .navbar-nav > .active > a:focus { |
||||
background: none; |
||||
} |
||||
|
||||
.header .navbar-default .navbar-nav > .open > a, |
||||
.header .navbar-default .navbar-nav > .open > a:hover, |
||||
.header .navbar-default .navbar-nav > .open > a:focus { |
||||
color: #72c02c; |
||||
} |
||||
|
||||
.header .navbar-default .navbar-nav > li:hover > a { |
||||
color: #72c02c; |
||||
} |
||||
|
||||
/*Dropdown Menu*/ |
||||
.header .dropdown-menu { |
||||
padding: 0; |
||||
border: none; |
||||
min-width: 200px; |
||||
border-radius: 0; |
||||
z-index: 9999 !important; |
||||
border-top: solid 2px #72c02c; |
||||
border-bottom: solid 2px #687074; |
||||
} |
||||
|
||||
.header .dropdown-menu li a { |
||||
color: #687074; |
||||
font-size: 13px; |
||||
font-weight: 400; |
||||
padding: 6px 15px; |
||||
border-bottom: solid 1px #eee; |
||||
} |
||||
|
||||
.header .dropdown-menu .active > a, |
||||
.header .dropdown-menu li > a:hover { |
||||
color: #fff; |
||||
filter: none !important; |
||||
background: #687074 !important; |
||||
-webkit-transition: all 0.1s ease-in-out; |
||||
-moz-transition: all 0.1s ease-in-out; |
||||
-o-transition: all 0.1s ease-in-out; |
||||
transition: all 0.1s ease-in-out; |
||||
} |
||||
|
||||
.header .dropdown-menu li > a:focus { |
||||
background: none; |
||||
filter: none !important; |
||||
} |
||||
|
||||
.header .navbar-nav > li.dropdown:hover > .dropdown-menu { |
||||
display: block; |
||||
} |
||||
|
||||
.header .open > .dropdown-menu { |
||||
display: none; |
||||
} |
||||
|
||||
/*Search*/ |
||||
.header .navbar .search-open { |
||||
width: 330px; |
||||
} |
||||
} |
||||
|
||||
/*Dropdown Submenu for BS3 |
||||
------------------------------------*/ |
||||
.header .dropdown-submenu { |
||||
position: relative; |
||||
} |
||||
|
||||
.header .dropdown > a:after, |
||||
.header .dropdown-submenu > a:after { |
||||
top: 8px; |
||||
right: 9px; |
||||
font-size: 11px; |
||||
content: "\f105"; |
||||
position: absolute; |
||||
font-weight: normal; |
||||
display: inline-block; |
||||
font-family: FontAwesome; |
||||
} |
||||
|
||||
@media (max-width: 991px) { |
||||
.header .dropdown-submenu > a:after { |
||||
content: " "; |
||||
} |
||||
} |
||||
|
||||
.header .dropdown > a:after { |
||||
top: 9px; |
||||
right: 15px; |
||||
content: "\f107"; |
||||
} |
||||
|
||||
.header .dropdown-submenu > .dropdown-menu { |
||||
top: 3px; |
||||
left: 100%; |
||||
margin-top: -5px; |
||||
margin-left: 0px; |
||||
} |
||||
|
||||
/*Submenu comes from LEFT side*/ |
||||
.header .dropdown-submenu > .dropdown-menu.submenu-left { |
||||
left: -100%; |
||||
} |
||||
|
||||
.header .dropdown-submenu:hover > .dropdown-menu { |
||||
display: block; |
||||
} |
||||
|
||||
@media (max-width: 991px) { |
||||
.header .dropdown-submenu > .dropdown-menu { |
||||
display: block; |
||||
margin-left: 15px; |
||||
} |
||||
} |
||||
|
||||
.header .dropdown-submenu.pull-left { |
||||
float: none; |
||||
} |
||||
|
||||
.header .dropdown-submenu.pull-left > .dropdown-menu { |
||||
left: -100%; |
||||
margin-left: 10px; |
||||
} |
||||
|
||||
.header .dropdown-menu li [class^="fa-"], |
||||
.header .dropdown-menu li [class*=" fa-"] { |
||||
left: -3px; |
||||
width: 1.25em; |
||||
margin-right: 1px; |
||||
position: relative; |
||||
text-align: center; |
||||
display: inline-block; |
||||
} |
||||
.header .dropdown-menu li [class^="fa-"].fa-lg, |
||||
.header .dropdown-menu li [class*=" fa-"].fa-lg { |
||||
/* increased font size for fa-lg */ |
||||
width: 1.5625em; |
||||
} |
||||
|
||||
/*Search Box |
||||
------------------------------------*/ |
||||
.header .navbar .nav > li > .search { |
||||
color: #aaa; |
||||
cursor: pointer; |
||||
min-width: 35px; |
||||
font-size: 15px; |
||||
text-align: center; |
||||
background: #f7f7f7; |
||||
padding: 11px 0 12px; |
||||
display: inline-block; |
||||
border-bottom: solid 2px #aaa; |
||||
} |
||||
|
||||
@media (min-width: 992px) { |
||||
.header .navbar .nav > li > .search { |
||||
bottom: -2px; |
||||
position: relative; |
||||
} |
||||
} |
||||
|
||||
.header .navbar .nav > li > .search:hover { |
||||
color: #72c02c; |
||||
background: #f7f7f7; |
||||
border-bottom-color: #72c02c; |
||||
} |
||||
|
||||
.header .navbar .search-open { |
||||
right: 0; |
||||
top: 40px; |
||||
display: none; |
||||
padding: 14px; |
||||
position: absolute; |
||||
background: #fcfcfc; |
||||
border-top: solid 2px #eee; |
||||
box-shadow: 0 1px 3px #ddd; |
||||
} |
||||
|
||||
.header .navbar .search-open form { |
||||
margin: 0; |
||||
} |
||||
|
||||
@media (min-width: 767px) and (max-width: 991px) { |
||||
.header .navbar > .container .navbar-brand, |
||||
.header .navbar > .container-fluid .navbar-brand { |
||||
margin-left: -10px; |
||||
} |
||||
|
||||
.header .navbar-toggle { |
||||
margin-right: 0; |
||||
} |
||||
|
||||
.header .navbar .search-open { |
||||
width: 93%; |
||||
} |
||||
} |
||||
|
||||
@media (max-width: 991px) { |
||||
.header .navbar .nav > li > .search { |
||||
color: #999; |
||||
width: 35px; |
||||
height: 34px; |
||||
text-align: left; |
||||
background: #eee; |
||||
line-height: 12px; |
||||
text-align: center; |
||||
margin: 5px 10px 0; |
||||
border-bottom: none; |
||||
} |
||||
|
||||
.header .navbar .nav > li > .search:hover { |
||||
background: #5fb611; |
||||
color: #fff !important; |
||||
} |
||||
|
||||
.header .navbar .search-open { |
||||
top: 5px; |
||||
padding: 0; |
||||
left: 48px; |
||||
border-top: none; |
||||
box-shadow: none; |
||||
background: none; |
||||
margin-right: 10px; |
||||
} |
||||
} |
||||
|
||||
/*Header Fixed |
||||
------------------------------------*/ |
||||
/*Header*/ |
||||
.header-fixed .header { |
||||
height: 78px; |
||||
} |
||||
|
||||
.header-fixed .header.header-fixed-shrink { |
||||
top: 0; |
||||
left: 0; |
||||
width: 100%; |
||||
height: 95px; |
||||
z-index: 9999; |
||||
position: fixed; |
||||
margin-top: -35px; |
||||
border-bottom: none; |
||||
box-shadow: 0 0 3px #bbb; |
||||
background: rgba(255,255,255, 0.96); |
||||
-webkit-transition: height 0.4s; |
||||
-moz-transition: height 0.4s; |
||||
transition: height 0.4s; |
||||
} |
||||
|
||||
/*Topbar*/ |
||||
.header-fixed .header.header-fixed-shrink .topbar { |
||||
display: none; |
||||
} |
||||
|
||||
/*No Topbar*/ |
||||
.header-fixed .header.no-topbar.header-fixed-shrink .navbar-brand { |
||||
margin-top: 0; |
||||
} |
||||
|
||||
.header-fixed .header.no-topbar.header-fixed-shrink .navbar-nav { |
||||
padding-top: 0; |
||||
} |
||||
|
||||
/*Brand*/ |
||||
.header-fixed .header.header-fixed-shrink .navbar-brand { |
||||
top: 47px; |
||||
z-index: 1; |
||||
position: relative; |
||||
padding: 0 10px 10px; |
||||
} |
||||
|
||||
.header-fixed .header.header-fixed-shrink .navbar-brand img { |
||||
width: 90%; |
||||
} |
||||
|
||||
.header-fixed .header.header-fixed-shrink .search, |
||||
.header-fixed .header.header-fixed-shrink .active a { |
||||
border-bottom: none !important; |
||||
} |
||||
|
||||
.header-fixed .header.header-fixed-shrink .navbar-nav > li > .dropdown-menu { |
||||
margin-top: 1px; |
||||
} |
||||
|
||||
@media (max-width: 991px) { |
||||
/*Header*/ |
||||
.header-fixed .header, |
||||
.header-fixed .header.header-fixed-shrink { |
||||
height: inherit; |
||||
position: relative; |
||||
} |
||||
} |
||||
|
||||
@media (min-width: 992px) { |
||||
.header-fixed .header.header-fixed-shrink .navbar-nav > li > a { |
||||
padding: 55px 30px 18px 20px; |
||||
border-bottom: solid 1px transparent !important; |
||||
} |
||||
|
||||
.header-fixed .header.header-fixed-shrink .dropdown > a:after { |
||||
top: 56px; |
||||
} |
||||
|
||||
/*Search Bar*/ |
||||
.header-fixed .header.header-fixed-shrink .search { |
||||
margin-top: 47px; |
||||
padding: 8px !important; |
||||
color: #585f69 !important; |
||||
background: none !important; |
||||
} |
||||
|
||||
.header-fixed .header.header-fixed-shrink .search-open { |
||||
top: 95px; |
||||
border-top: none; |
||||
background: rgba(255,255,255, 0.9); |
||||
} |
||||
} |
||||
|
||||
/*Mega Menu |
||||
------------------------------------*/ |
||||
.header .mega-menu .nav, |
||||
.header .mega-menu .dropup, |
||||
.header .mega-menu .dropdown, |
||||
.header .mega-menu .collapse { |
||||
position: static; |
||||
} |
||||
|
||||
.header .mega-menu .navbar-inner, |
||||
.header .mega-menu .container { |
||||
position: relative; |
||||
} |
||||
|
||||
.header .mega-menu .dropdown-menu { |
||||
left: auto; |
||||
} |
||||
|
||||
.header .mega-menu .dropdown-menu > li { |
||||
display: block; |
||||
} |
||||
|
||||
.header .mega-menu .dropdown-submenu .dropdown-menu { |
||||
left: 100%; |
||||
} |
||||
|
||||
.header .mega-menu .nav.pull-right .dropdown-menu { |
||||
right: 0; |
||||
} |
||||
|
||||
.header .mega-menu .mega-menu-content { |
||||
*zoom: 1; |
||||
padding: 0; |
||||
} |
||||
|
||||
.header .mega-menu .mega-menu-content:before, |
||||
.header .mega-menu .mega-menu-content:after { |
||||
content: ""; |
||||
display: table; |
||||
line-height: 0; |
||||
} |
||||
|
||||
.header .mega-menu .mega-menu-content:after { |
||||
clear: both; |
||||
} |
||||
|
||||
.header .mega-menu.navbar .nav > li > .dropdown-menu:after, |
||||
.header .mega-menu.navbar .nav > li > .dropdown-menu:before { |
||||
display: none; |
||||
} |
||||
|
||||
.header .mega-menu .dropdown.mega-menu-fullwidth .dropdown-menu { |
||||
left: 0; |
||||
right: 0; |
||||
overflow: hidden; |
||||
} |
||||
|
||||
@media (min-width: 992px) { |
||||
.header .mega-menu .dropdown.mega-menu-fullwidth .dropdown-menu { |
||||
margin-left: 10px; |
||||
margin-right: 15px; |
||||
} |
||||
} |
||||
|
||||
/*Equal Height Lists*/ |
||||
@media (min-width: 992px) { |
||||
.header .mega-menu .equal-height { |
||||
display: -webkit-flex; |
||||
display: -ms-flexbox; |
||||
display: flex; |
||||
} |
||||
|
||||
.header .mega-menu .equal-height-in { |
||||
display: -webkit-flex; |
||||
display: -ms-flexbox; |
||||
display: flex; |
||||
} |
||||
} |
||||
|
||||
/*Mega Menu Style Effect*/ |
||||
.header .mega-menu .equal-height-list h3 { |
||||
font-size: 15px; |
||||
font-weight: 400; |
||||
padding: 0 10px 0 13px; |
||||
text-transform: uppercase; |
||||
} |
||||
|
||||
/*Space for only Big Resolution*/ |
||||
@media (min-width: 992px) { |
||||
.header .mega-menu .big-screen-space { |
||||
margin-bottom: 20px; |
||||
} |
||||
} |
||||
|
||||
/*Mega Menu Content*/ |
||||
@media (min-width: 992px) { |
||||
.header .mega-menu .equal-height-in { |
||||
padding: 20px 0; |
||||
border-left: 1px solid #eee; |
||||
} |
||||
|
||||
.header .mega-menu .equal-height-in:first-child { |
||||
border-left: none; |
||||
margin-left: -1px; |
||||
} |
||||
|
||||
.header .mega-menu .equal-height-list { |
||||
width: 100%; |
||||
} |
||||
|
||||
.header .mega-menu .equal-height-list li a { |
||||
display: block; |
||||
margin-bottom: 1px; |
||||
position: relative; |
||||
border-bottom: none; |
||||
padding: 5px 10px 5px 15px; |
||||
} |
||||
|
||||
.header .mega-menu .equal-height-list a:hover { |
||||
text-decoration: none; |
||||
} |
||||
|
||||
/*Dropdown Arrow Icons*/ |
||||
.header .mega-menu .mega-menu-fullwidth li a { |
||||
padding: 5px 10px 5px 30px; |
||||
} |
||||
|
||||
.header .mega-menu .mega-menu-fullwidth li a:after { |
||||
top: 7px; |
||||
left: 15px; |
||||
font-size: 11px; |
||||
content: "\f105"; |
||||
position: absolute; |
||||
font-weight: normal; |
||||
display: inline-block; |
||||
font-family: FontAwesome; |
||||
} |
||||
|
||||
/*Dropdown Arrow Icons Disable class*/ |
||||
.header .mega-menu .mega-menu-fullwidth .disable-icons li a { |
||||
padding: 5px 10px 5px 15px; |
||||
} |
||||
|
||||
.header .mega-menu .mega-menu-fullwidth .disable-icons li a:after { |
||||
display: none; |
||||
} |
||||
} |
||||
|
||||
/*Space Effect inside the container to avoid scroll bar*/ |
||||
@media (min-width: 737px) and (max-width: 991px) { |
||||
.header .mega-menu .mega-menu-content .container { |
||||
width: 690px !important; |
||||
} |
||||
|
||||
.header .mega-menu .equal-height { |
||||
margin-right: 0; |
||||
} |
||||
|
||||
.header .mega-menu .equal-height-in { |
||||
padding-right: 0; |
||||
margin-right: -15px; |
||||
} |
||||
} |
||||
|
||||
@media (max-width: 991px) { |
||||
.header .mega-menu .equal-height { |
||||
margin-right: 0; |
||||
} |
||||
|
||||
.header .mega-menu .equal-height-in { |
||||
padding-right: 0; |
||||
} |
||||
} |
||||
|
||||
/*Equal Hight List Style*/ |
||||
@media (max-width: 991px) { |
||||
.header .mega-menu .dropdown.mega-menu-fullwidth .dropdown-menu { |
||||
width: auto; |
||||
} |
||||
|
||||
.header .mega-menu .equal-height-in, |
||||
.header .mega-menu .equal-height-list { |
||||
display: block; |
||||
} |
||||
|
||||
.header .mega-menu .mega-menu-fullwidth .dropdown-menu > li > ul { |
||||
display: block; |
||||
} |
||||
|
||||
/*Equal Height List Style*/ |
||||
.header .mega-menu .equal-height-list h3 { |
||||
color: #555; |
||||
margin: 0 0 5px; |
||||
font-size: 13px; |
||||
font-weight: 400; |
||||
padding: 6px 25px 5px; |
||||
border-bottom: solid 1px #eee; |
||||
} |
||||
|
||||
.header .mega-menu .equal-height-list li a { |
||||
color: #687074; |
||||
display: block; |
||||
font-size: 13px; |
||||
font-weight: 400; |
||||
margin-left: 15px; |
||||
padding: 6px 25px; |
||||
border-bottom: solid 1px #eee; |
||||
} |
||||
|
||||
.header .mega-menu .equal-height-list > h3.active, |
||||
.header .mega-menu .equal-height-list > .active > a, |
||||
.header .mega-menu .equal-height-list > .active > a:hover, |
||||
.header .mega-menu .equal-height-list > .active > a:focus { |
||||
color: #555; |
||||
background-color: #e7e7e7; |
||||
} |
||||
|
||||
.header .mega-menu .equal-height-list li a:hover { |
||||
color: #333; |
||||
text-decoration: none; |
||||
} |
||||
} |
||||
@ -0,0 +1,877 @@ |
||||
/*Top Bar v1 (login, search etc.) |
||||
------------------------------------*/ |
||||
.header-v1 .topbar-v1 { |
||||
background: #fdfdfd; |
||||
border-top: solid 1px #f0f0f0; |
||||
border-bottom: solid 1px #f0f0f0; |
||||
} |
||||
|
||||
/*Top Contacts*/ |
||||
.header-v1 .topbar-v1 ul { |
||||
margin: 0; |
||||
} |
||||
|
||||
.header-v1 .topbar-v1 .top-v1-contacts li { |
||||
color: #666; |
||||
padding: 5px 0; |
||||
font-size: 12px; |
||||
margin-right: 15px; |
||||
display: inline-block; |
||||
} |
||||
|
||||
.header-v1 .topbar-v1 .top-v1-contacts i { |
||||
color: #999; |
||||
font-size: 13px; |
||||
margin-right: 3px; |
||||
} |
||||
|
||||
/*Top Data*/ |
||||
.header-v1 .topbar-v1 .top-v1-data { |
||||
text-align: right; |
||||
} |
||||
|
||||
.header-v1 .topbar-v1 .top-v1-data li { |
||||
padding: 5px 11px; |
||||
margin-left: -4px; |
||||
display: inline-block; |
||||
border-right: solid 1px #eee; |
||||
} |
||||
|
||||
.header-v1 .topbar-v1 .top-v1-data li:first-child { |
||||
margin-left: 0; |
||||
border-left: solid 1px #eee; |
||||
} |
||||
|
||||
.header-v1 .topbar-v1 .top-v1-data li a { |
||||
font-size: 12px; |
||||
} |
||||
|
||||
.header-v1 .topbar-v1 .top-v1-data li a:hover { |
||||
text-decoration: none; |
||||
} |
||||
|
||||
.header-v1 .topbar-v1 .top-v1-data li i { |
||||
color: #777; |
||||
font-size: 13px; |
||||
} |
||||
|
||||
.header-v1 .topbar-v1 .top-v1-data li a:hover i { |
||||
color: #72c02c; |
||||
} |
||||
|
||||
/*Responsive Topbar v1*/ |
||||
@media (max-width: 991px) { |
||||
.header-v1 .topbar-v1 ul { |
||||
text-align: center !important; |
||||
} |
||||
|
||||
.header-v1 .topbar-v1 .top-v1-contacts { |
||||
margin: 10px 0; |
||||
} |
||||
|
||||
.header-v1 .topbar-v1 .top-v1-data li { |
||||
top: 1px; |
||||
padding: 6px 16px; |
||||
margin-left: -5px; |
||||
position: relative; |
||||
border: solid 1px #eee; |
||||
} |
||||
} |
||||
|
||||
/*Header v1 |
||||
------------------------------------*/ |
||||
.header-v1 { |
||||
z-index: 99; |
||||
position: relative; |
||||
} |
||||
|
||||
.header-v1 .navbar { |
||||
margin: 0; |
||||
} |
||||
|
||||
.header-v1 .navbar-default { |
||||
border: none; |
||||
background: none; |
||||
} |
||||
|
||||
/*Navbar Header*/ |
||||
.header-v1 .navbar-header { |
||||
margin: 10px 0; |
||||
} |
||||
|
||||
/*Navbar Brand*/ |
||||
.header-v1 .navbar-brand { |
||||
z-index: 1; |
||||
position: relative; |
||||
} |
||||
|
||||
@media (max-width: 768px) { |
||||
.header-v1 .navbar-brand { |
||||
padding-left: 0; |
||||
} |
||||
} |
||||
|
||||
@media (max-width: 991px) { |
||||
.header-v1 .navbar-brand { |
||||
margin-top: -10px; |
||||
} |
||||
} |
||||
|
||||
@media (min-width: 992px) { |
||||
.header-v1 .navbar-brand { |
||||
margin-top: -4px; |
||||
} |
||||
} |
||||
|
||||
/*Navbar Toggle*/ |
||||
.header-v1 .navbar-default .navbar-toggle { |
||||
border-color: #5fb611; |
||||
} |
||||
|
||||
@media (max-width: 768px) { |
||||
.header-v1 .navbar-default .navbar-toggle { |
||||
margin-right: 0; |
||||
} |
||||
} |
||||
|
||||
.header-v1 .navbar-default .navbar-toggle .fa { |
||||
color: #fff; |
||||
font-size: 19px; |
||||
} |
||||
|
||||
.header-v1 .navbar-toggle, |
||||
.header-v1 .navbar-default .navbar-toggle:hover, |
||||
.header-v1 .navbar-default .navbar-toggle:focus { |
||||
background: #72c02c; |
||||
padding: 6px 10px 2px; |
||||
} |
||||
|
||||
.header-v1 .navbar-toggle:hover { |
||||
background: #5fb611 !important; |
||||
} |
||||
|
||||
/*Navbar Collapse*/ |
||||
.header-v1 .navbar-collapse { |
||||
position: relative; |
||||
} |
||||
|
||||
/*Navbar Menu*/ |
||||
@media (min-width: 992px) { |
||||
.header-v1 .navbar-default .navbar-nav { |
||||
margin-top: -6px; |
||||
} |
||||
} |
||||
|
||||
.header-v1 .navbar-default .navbar-nav > li > a { |
||||
color: #687074; |
||||
font-size: 15px; |
||||
font-weight: 400; |
||||
text-transform: uppercase; |
||||
} |
||||
|
||||
@media (min-width: 992px) { |
||||
.header-v1 .navbar-nav { |
||||
float: right; |
||||
} |
||||
} |
||||
|
||||
/*Responsive Navbar*/ |
||||
@media (max-width: 991px) { |
||||
/*Responsive code for max-width: 991px*/ |
||||
.header-v1 .navbar-header { |
||||
float: none; |
||||
} |
||||
|
||||
.header-v1 .navbar-toggle { |
||||
display: block; |
||||
} |
||||
|
||||
.header-v1 .navbar-collapse.collapse { |
||||
display: none !important; |
||||
} |
||||
|
||||
.header-v1 .navbar-collapse.collapse.in { |
||||
display: block !important; |
||||
overflow-y: auto !important; |
||||
} |
||||
|
||||
.header-v1 .navbar-nav { |
||||
margin: 0 0 5px; |
||||
float: none !important; |
||||
} |
||||
|
||||
.header-v1 .navbar-nav > li { |
||||
float: none; |
||||
} |
||||
|
||||
.header-v1 .navbar-nav > li > a { |
||||
padding-top: 30px; |
||||
padding-bottom: 40px; |
||||
} |
||||
|
||||
/*Header*/ |
||||
.header-v1 { |
||||
border-bottom: solid 1px #eee; |
||||
} |
||||
|
||||
/*Dropdown Menu Slide Down Effect*/ |
||||
.header-v1 .navbar-nav .open .dropdown-menu { |
||||
border: 0; |
||||
float: none; |
||||
width: auto; |
||||
margin-top: 0; |
||||
position: static; |
||||
box-shadow: none; |
||||
background-color: transparent; |
||||
} |
||||
|
||||
.header-v1 .navbar-nav .open .dropdown-menu > li > a, |
||||
.header-v1 .navbar-nav .open .dropdown-menu .dropdown-header { |
||||
padding: 5px 15px 5px 25px; |
||||
} |
||||
|
||||
.header-v1 .navbar-nav .open .dropdown-menu > li > a { |
||||
line-height: 20px; |
||||
} |
||||
|
||||
.header-v1 .navbar-nav .open .dropdown-menu > li > a:hover, |
||||
.header-v1 .navbar-nav .open .dropdown-menu > li > a:focus { |
||||
background-image: none; |
||||
} |
||||
|
||||
.header-v1 .navbar-default .navbar-nav .open .dropdown-menu > li > a { |
||||
color: #777; |
||||
} |
||||
|
||||
.header-v1 .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, |
||||
.header-v1 .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { |
||||
color: #333; |
||||
background-color: transparent; |
||||
} |
||||
|
||||
.header-v1 .navbar-default .navbar-nav .open .dropdown-menu > .active > a, |
||||
.header-v1 .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, |
||||
.header-v1 .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { |
||||
color: #555; |
||||
background-color: #e7e7e7; |
||||
} |
||||
|
||||
.header-v1 .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, |
||||
.header-v1 .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, |
||||
.header-v1 .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { |
||||
color: #ccc; |
||||
background-color: transparent; |
||||
} |
||||
|
||||
.header-v1 .navbar-default .dropdown-menu.no-bottom-space { |
||||
padding-bottom: 0; |
||||
} |
||||
|
||||
/*Design for max-width: 991px*/ |
||||
.header-v1 .navbar-collapse, |
||||
.header-v1 .navbar-collapse .container { |
||||
padding-left: 0 !important; |
||||
padding-right: 0 !important; |
||||
} |
||||
|
||||
.header-v1 .navbar-default .navbar-nav > li > a { |
||||
font-size: 14px; |
||||
padding: 9px 10px; |
||||
} |
||||
|
||||
.header-v1 .navbar-default .navbar-nav > li a { |
||||
border-bottom: solid 1px #eee; |
||||
} |
||||
|
||||
.header-v1 .navbar-default .navbar-nav > li > a:focus { |
||||
background: none; |
||||
} |
||||
|
||||
.header-v1 .navbar-default .navbar-nav > li > a:hover { |
||||
color: #72c02c; |
||||
} |
||||
|
||||
.header-v1 .navbar-default .navbar-nav > .active > a, |
||||
.header-v1 .navbar-default .navbar-nav > .active > a:hover, |
||||
.header-v1 .navbar-default .navbar-nav > .active > a:focus { |
||||
background: #72c02c; |
||||
color: #fff !important; |
||||
} |
||||
|
||||
.header-v1 .dropdown .dropdown-submenu > a { |
||||
font-size: 13px; |
||||
color: #333 !important; |
||||
text-transform: uppercase; |
||||
} |
||||
} |
||||
|
||||
@media (min-width: 992px) { |
||||
/*Navbar Collapse*/ |
||||
.header-v1 .navbar-collapse { |
||||
padding: 20px 0 0; |
||||
} |
||||
|
||||
/*Navbar*/ |
||||
.header-v1 .navbar { |
||||
min-height: 40px !important; |
||||
} |
||||
|
||||
.header-v1 .container > .navbar-header, |
||||
.header-v1 .container-fluid > .navbar-header, |
||||
.header-v1 .container > .navbar-collapse, |
||||
.header-v1 .container-fluid > .navbar-collapse { |
||||
margin-bottom: -10px; |
||||
} |
||||
|
||||
.header-v1 .navbar-nav { |
||||
top: 2px; |
||||
position: relative; |
||||
} |
||||
|
||||
.header-v1 .navbar-default .navbar-nav > li { |
||||
margin-left: 1px; |
||||
} |
||||
|
||||
.header-v1 .navbar-default .navbar-nav > li > a { |
||||
bottom: -2px; |
||||
position: relative; |
||||
padding: 15px 30px 17px 20px; |
||||
} |
||||
|
||||
.header-v1 .navbar-default .navbar-nav > li > a, |
||||
.header-v1 .navbar-default .navbar-nav > li > a:hover, |
||||
.header-v1 .navbar-default .navbar-nav > li > a:focus { |
||||
background: none; |
||||
} |
||||
|
||||
.header-v1 .navbar-default .navbar-nav > .active > a, |
||||
.header-v1 .navbar-default .navbar-nav > li > a:hover, |
||||
.header-v1 .navbar-default .navbar-nav > li > a:focus { |
||||
color: #72c02c; |
||||
bottom: -2px; |
||||
position: relative; |
||||
} |
||||
|
||||
.header-v1 .navbar-default .navbar-nav > li:hover > a { |
||||
color: #72c02c; |
||||
} |
||||
|
||||
/*Dropdown Menu*/ |
||||
.header-v1 .dropdown-menu { |
||||
padding: 0; |
||||
border: none; |
||||
min-width: 200px; |
||||
border-radius: 0; |
||||
z-index: 9999 !important; |
||||
margin-top: -2px !important; |
||||
border-top: solid 2px #72c02c; |
||||
border-bottom: solid 2px #687074; |
||||
} |
||||
|
||||
.header-v1 .dropdown-menu li a { |
||||
color: #687074; |
||||
font-size: 13px; |
||||
font-weight: 400; |
||||
padding: 6px 15px; |
||||
border-bottom: solid 1px #eee; |
||||
} |
||||
|
||||
.header-v1 .dropdown-menu .active > a, |
||||
.header-v1 .dropdown-menu li > a:hover { |
||||
color: #fff; |
||||
filter: none !important; |
||||
background: #687074 !important; |
||||
-webkit-transition: all 0.1s ease-in-out; |
||||
-moz-transition: all 0.1s ease-in-out; |
||||
-o-transition: all 0.1s ease-in-out; |
||||
transition: all 0.1s ease-in-out; |
||||
} |
||||
|
||||
.header-v1 .dropdown-menu li > a:focus { |
||||
background: none; |
||||
filter: none !important; |
||||
} |
||||
|
||||
.header-v1 .navbar-nav > li.dropdown:hover > .dropdown-menu { |
||||
display: block; |
||||
} |
||||
|
||||
.header-v1 .open > .dropdown-menu { |
||||
display: none; |
||||
} |
||||
|
||||
/*Search*/ |
||||
.header-v1 .navbar .search-open { |
||||
width: 330px; |
||||
} |
||||
} |
||||
|
||||
/*Dropdown Submenu for BS3 |
||||
------------------------------------*/ |
||||
.header-v1 .dropdown-submenu { |
||||
position: relative; |
||||
} |
||||
|
||||
.header-v1 .dropdown > a:after, |
||||
.header-v1 .dropdown-submenu > a:after { |
||||
top: 8px; |
||||
right: 9px; |
||||
font-size: 11px; |
||||
content: "\f105"; |
||||
position: absolute; |
||||
font-weight: normal; |
||||
display: inline-block; |
||||
font-family: FontAwesome; |
||||
} |
||||
|
||||
@media (max-width: 991px) { |
||||
.header-v1 .dropdown-submenu > a:after { |
||||
content: " "; |
||||
} |
||||
} |
||||
|
||||
.header-v1 .dropdown > a:after { |
||||
top: 16px; |
||||
right: 15px; |
||||
content: "\f107"; |
||||
} |
||||
|
||||
@media (max-width: 991px) { |
||||
.header-v1 .dropdown > a:after { |
||||
top: 11px; |
||||
} |
||||
} |
||||
|
||||
.header-v1 .dropdown-submenu > .dropdown-menu { |
||||
top: 0; |
||||
left: 100%; |
||||
margin-top: -5px; |
||||
margin-left: 0px; |
||||
} |
||||
|
||||
/*Submenu comes from LEFT side*/ |
||||
.header-v1 .dropdown-submenu > .dropdown-menu.submenu-left { |
||||
left: -100%; |
||||
} |
||||
|
||||
.header-v1 .dropdown-submenu:hover > .dropdown-menu { |
||||
display: block; |
||||
} |
||||
|
||||
@media (max-width: 991px) { |
||||
.header-v1 .dropdown-submenu > .dropdown-menu { |
||||
display: block; |
||||
margin-left: 15px; |
||||
} |
||||
} |
||||
|
||||
.header-v1 .dropdown-submenu.pull-left { |
||||
float: none; |
||||
} |
||||
|
||||
.header-v1 .dropdown-submenu.pull-left > .dropdown-menu { |
||||
left: -100%; |
||||
margin-left: 10px; |
||||
} |
||||
|
||||
.header-v1 .dropdown-menu li [class^="fa-"], |
||||
.header-v1 .dropdown-menu li [class*=" fa-"] { |
||||
left: -3px; |
||||
width: 1.25em; |
||||
margin-right: 1px; |
||||
position: relative; |
||||
text-align: center; |
||||
display: inline-block; |
||||
} |
||||
.header-v1 .dropdown-menu li [class^="fa-"].fa-lg, |
||||
.header-v1 .dropdown-menu li [class*=" fa-"].fa-lg { |
||||
/* increased font size for fa-lg */ |
||||
width: 1.5625em; |
||||
} |
||||
|
||||
/*Search Box |
||||
------------------------------------*/ |
||||
.header-v1 .navbar .nav > li > .search { |
||||
color: #aaa; |
||||
cursor: pointer; |
||||
font-size: 15px; |
||||
min-width: 30px; |
||||
padding: 18px 0; |
||||
text-align: center; |
||||
display: inline-block; |
||||
} |
||||
|
||||
.header-v1 .navbar .nav > li > .search:hover { |
||||
color: #72c02c; |
||||
} |
||||
|
||||
.header-v1 .navbar .search-open { |
||||
right: 0; |
||||
top: 51px; |
||||
display: none; |
||||
padding: 14px; |
||||
position: absolute; |
||||
background: #fcfcfc; |
||||
box-shadow: 0 0 3px #ddd; |
||||
} |
||||
|
||||
.header-v1 .navbar .search-open form { |
||||
margin: 0; |
||||
} |
||||
|
||||
@media (min-width: 767px) and (max-width: 991px) { |
||||
.header-v1 .navbar > .container .navbar-brand, |
||||
.header-v1 .navbar > .container-fluid .navbar-brand { |
||||
margin-left: -10px; |
||||
} |
||||
|
||||
.header-v1 .navbar-toggle { |
||||
margin-right: 0; |
||||
} |
||||
|
||||
.header-v1 .navbar .search-open { |
||||
width: 93%; |
||||
} |
||||
} |
||||
|
||||
@media (max-width: 991px) { |
||||
.header-v1 .navbar .nav > li > .search { |
||||
color: #999; |
||||
height: 34px; |
||||
min-width: 35px; |
||||
text-align: left; |
||||
background: #eee; |
||||
line-height: 12px; |
||||
text-align: center; |
||||
margin: 5px 10px 0; |
||||
border-bottom: none; |
||||
padding: 11px 0 12px; |
||||
} |
||||
|
||||
.header-v1 .navbar .nav > li > .search:hover { |
||||
background: #5fb611; |
||||
color: #fff !important; |
||||
} |
||||
|
||||
.header-v1 .navbar .search-open { |
||||
top: 5px; |
||||
padding: 0; |
||||
left: 48px; |
||||
border-top: none; |
||||
box-shadow: none; |
||||
background: none; |
||||
margin-right: 10px; |
||||
} |
||||
} |
||||
|
||||
/*Header Fixed |
||||
------------------------------------*/ |
||||
/*Header*/ |
||||
.header-fixed .header-v1 { |
||||
height: 78px; |
||||
} |
||||
|
||||
.header-fixed .header-v1.header-fixed-shrink { |
||||
top: 0; |
||||
left: 0; |
||||
width: 100%; |
||||
height: 95px; |
||||
z-index: 9999; |
||||
position: fixed; |
||||
margin-top: -35px; |
||||
border-bottom: none; |
||||
box-shadow: 0 0 3px #bbb; |
||||
background: rgba(255,255,255, 0.96); |
||||
-webkit-transition: height 0.4s; |
||||
-moz-transition: height 0.4s; |
||||
transition: height 0.4s; |
||||
} |
||||
|
||||
/*Topbar v2*/ |
||||
.header-fixed .header-v1.header-fixed-shrink .topbar-v1 { |
||||
display: none; |
||||
} |
||||
|
||||
/*Brand*/ |
||||
.header-fixed .header-v1.header-fixed-shrink .navbar-brand { |
||||
top: 41px; |
||||
z-index: 1; |
||||
position: relative; |
||||
padding: 0 10px 10px; |
||||
} |
||||
|
||||
.header-fixed .header-v1.header-fixed-shrink .navbar-brand img { |
||||
width: 90%; |
||||
} |
||||
|
||||
.header-fixed .header-v1.header-fixed-shrink .search, |
||||
.header-fixed .header-v1.header-fixed-shrink .active a { |
||||
border-bottom: none !important; |
||||
} |
||||
|
||||
.header-fixed .header-v1.header-fixed-shrink .navbar-nav > li > .dropdown-menu { |
||||
margin-top: 2px; |
||||
} |
||||
|
||||
@media (max-width: 991px) { |
||||
/*Header*/ |
||||
.header-fixed .header-v1, |
||||
.header-fixed .header-v1.header-fixed-shrink { |
||||
height: inherit; |
||||
position: relative; |
||||
} |
||||
} |
||||
|
||||
@media (min-width: 992px) { |
||||
.header-fixed .header-v1.header-fixed-shrink .navbar-nav > li > a { |
||||
padding: 40px 30px 20px 20px; |
||||
border-bottom: solid 1px transparent !important; |
||||
} |
||||
|
||||
.header-fixed .header-v1.header-fixed-shrink .dropdown > a:after { |
||||
top: 41px; |
||||
} |
||||
|
||||
/*Search Bar*/ |
||||
.header-fixed .header-v1.header-fixed-shrink .search { |
||||
margin-top: 35px; |
||||
color: #585f69 !important; |
||||
background: none !important; |
||||
padding: 8px 8px 8px 3px !important; |
||||
} |
||||
|
||||
.header-fixed .header-v1.header-fixed-shrink .search-open { |
||||
top: 81px; |
||||
border-top: none; |
||||
background: rgba(255,255,255, 0.9); |
||||
} |
||||
} |
||||
|
||||
/*Mega Menu |
||||
------------------------------------*/ |
||||
.header-v1 .mega-menu .nav, |
||||
.header-v1 .mega-menu .dropup, |
||||
.header-v1 .mega-menu .dropdown, |
||||
.header-v1 .mega-menu .collapse { |
||||
position: static; |
||||
} |
||||
|
||||
.header-v1 .mega-menu .navbar-inner, |
||||
.header-v1 .mega-menu .container { |
||||
position: relative; |
||||
} |
||||
|
||||
.header-v1 .mega-menu .dropdown-menu { |
||||
left: auto; |
||||
} |
||||
|
||||
.header-v1 .mega-menu .dropdown-menu > li { |
||||
display: block; |
||||
} |
||||
|
||||
.header-v1 .mega-menu .dropdown-submenu .dropdown-menu { |
||||
left: 100%; |
||||
} |
||||
|
||||
.header-v1 .mega-menu .nav.pull-right .dropdown-menu { |
||||
right: 0; |
||||
} |
||||
|
||||
.header-v1 .mega-menu .mega-menu-content { |
||||
*zoom: 1; |
||||
padding: 0; |
||||
} |
||||
|
||||
.header-v1 .mega-menu .mega-menu-content:before, |
||||
.header-v1 .mega-menu .mega-menu-content:after { |
||||
content: ""; |
||||
display: table; |
||||
line-height: 0; |
||||
} |
||||
|
||||
.header-v1 .mega-menu .mega-menu-content:after { |
||||
clear: both; |
||||
} |
||||
|
||||
.header-v1 .mega-menu.navbar .nav > li > .dropdown-menu:after, |
||||
.header-v1 .mega-menu.navbar .nav > li > .dropdown-menu:before { |
||||
display: none; |
||||
} |
||||
|
||||
.header-v1 .mega-menu .dropdown.mega-menu-fullwidth .dropdown-menu { |
||||
left: 0; |
||||
right: 0; |
||||
overflow: hidden; |
||||
} |
||||
|
||||
@media (min-width: 992px) { |
||||
.header-v1 .mega-menu .dropdown.mega-menu-fullwidth .dropdown-menu { |
||||
margin-left: 15px; |
||||
margin-right: 15px; |
||||
} |
||||
} |
||||
|
||||
/*Equal Height Lists*/ |
||||
@media (min-width: 992px) { |
||||
.header-v1 .mega-menu .equal-height { |
||||
display: -webkit-flex; |
||||
display: -ms-flexbox; |
||||
display: flex; |
||||
|
||||
/*-webkit-flex-wrap: wrap; |
||||
-ms-flex-wrap: wrap; |
||||
flex-wrap: wrap;*/ |
||||
} |
||||
|
||||
.header-v1 .mega-menu .equal-height-in { |
||||
display: -webkit-flex; |
||||
display: -ms-flexbox; |
||||
display: flex; |
||||
} |
||||
} |
||||
|
||||
/*Mega Menu Style Effect*/ |
||||
.header-v1 .mega-menu .equal-height-list h3 { |
||||
font-size: 15px; |
||||
padding: 0 10px; |
||||
font-weight: 400; |
||||
text-transform: uppercase; |
||||
} |
||||
|
||||
/*Space for only Big Resolution*/ |
||||
@media (min-width: 992px) { |
||||
.header-v1 .mega-menu .big-screen-space { |
||||
margin-bottom: 20px; |
||||
} |
||||
} |
||||
|
||||
/*Mega Menu Content*/ |
||||
@media (min-width: 992px) { |
||||
.header-v1 .mega-menu .equal-height-in { |
||||
padding: 20px 0; |
||||
border-left: 1px solid #eee; |
||||
} |
||||
|
||||
.header-v1 .mega-menu .equal-height-in:first-child { |
||||
border-left: none; |
||||
margin-left: -1px; |
||||
} |
||||
|
||||
.header-v1 .mega-menu .equal-height-list { |
||||
width: 100%; |
||||
} |
||||
|
||||
.header-v1 .mega-menu .equal-height-list li a { |
||||
display: block; |
||||
position: relative; |
||||
border-bottom: none; |
||||
padding: 5px 10px 5px 15px; |
||||
} |
||||
|
||||
.header-v1 .mega-menu .equal-height-list a:hover { |
||||
text-decoration: none; |
||||
} |
||||
|
||||
/*Dropdown Arrow Icons*/ |
||||
.header-v1 .mega-menu .mega-menu-fullwidth li a { |
||||
padding: 5px 10px 5px 30px; |
||||
} |
||||
|
||||
.header-v1 .mega-menu .mega-menu-fullwidth li a:after { |
||||
top: 7px; |
||||
left: 15px; |
||||
font-size: 11px; |
||||
content: "\f105"; |
||||
position: absolute; |
||||
font-weight: normal; |
||||
display: inline-block; |
||||
font-family: FontAwesome; |
||||
} |
||||
|
||||
/*Dropdown Arrow Icons Disable class*/ |
||||
.header-v1 .mega-menu .mega-menu-fullwidth .disable-icons li a { |
||||
padding: 5px 10px 5px 15px; |
||||
} |
||||
|
||||
.header-v1 .mega-menu .mega-menu-fullwidth .disable-icons li a:after { |
||||
display: none; |
||||
} |
||||
} |
||||
|
||||
/*Space Effect inside the container to avoid scroll bar*/ |
||||
@media (min-width: 737px) and (max-width: 991px) { |
||||
.header-v1 .mega-menu .mega-menu-content .container { |
||||
width: 690px !important; |
||||
} |
||||
|
||||
.header-v1 .mega-menu .equal-height { |
||||
margin-right: 0; |
||||
} |
||||
|
||||
.header-v1 .mega-menu .equal-height-in { |
||||
padding-right: 0; |
||||
margin-right: -15px; |
||||
} |
||||
} |
||||
|
||||
@media (max-width: 991px) { |
||||
.header-v1 .mega-menu .equal-height { |
||||
margin-right: 0; |
||||
} |
||||
|
||||
.header-v1 .mega-menu .equal-height-in { |
||||
padding-right: 0; |
||||
} |
||||
} |
||||
|
||||
/*Equal Hight List Style*/ |
||||
@media (max-width: 991px) { |
||||
.header-v1 .mega-menu .dropdown.mega-menu-fullwidth .dropdown-menu { |
||||
width: auto; |
||||
} |
||||
|
||||
.header-v1 .mega-menu .equal-height-in, |
||||
.header-v1 .mega-menu .equal-height-list { |
||||
display: block; |
||||
} |
||||
|
||||
.header-v1 .mega-menu .mega-menu-fullwidth .dropdown-menu > li > ul { |
||||
display: block; |
||||
} |
||||
|
||||
/*Equal Height List Style*/ |
||||
.header-v1 .mega-menu .equal-height-list h3 { |
||||
color: #333; |
||||
margin: 0 0 5px; |
||||
font-size: 13px; |
||||
font-weight: 400; |
||||
padding: 6px 25px 5px; |
||||
border-bottom: solid 1px #eee; |
||||
} |
||||
|
||||
.header-v1 .mega-menu .equal-height-list li { |
||||
margin-left: 15px; |
||||
} |
||||
|
||||
.header-v1 .mega-menu .equal-height-list li a { |
||||
color: #687074; |
||||
display: block; |
||||
font-size: 13px; |
||||
font-weight: 400; |
||||
padding: 6px 25px; |
||||
border-bottom: solid 1px #eee; |
||||
} |
||||
|
||||
.header-v1 .mega-menu .equal-height-list > h3.active, |
||||
.header-v1 .mega-menu .equal-height-list > .active > a, |
||||
.header-v1 .mega-menu .equal-height-list > .active > a:hover, |
||||
.header-v1 .mega-menu .equal-height-list > .active > a:focus { |
||||
color: #555; |
||||
background-color: #e7e7e7; |
||||
} |
||||
|
||||
.header-v1 .mega-menu .equal-height-list li a:hover { |
||||
color: #333; |
||||
text-decoration: none; |
||||
} |
||||
} |
||||
@ -0,0 +1,875 @@ |
||||
/*Top Bar (login, sign in etc.) |
||||
------------------------------------*/ |
||||
/*Top v2 Contacts*/ |
||||
.header-v2 .topbar-v2 { |
||||
z-index: 12; |
||||
padding: 15px 0; |
||||
position: relative; |
||||
border-bottom: 1px solid rgba(255,255,255,0.7); |
||||
} |
||||
|
||||
@media (max-width: 991px) { |
||||
.header-v2 .topbar-v2 { |
||||
padding: 15px 0 7px; |
||||
} |
||||
} |
||||
|
||||
.header-v2 .topbar-v2 ul { |
||||
margin: 7px 0 0; |
||||
} |
||||
|
||||
.header-v2 .top-v2-contacts > li { |
||||
color: #fff; |
||||
font-weight: 200; |
||||
line-height: 12px; |
||||
padding: 0 12px 0 15px; |
||||
border-left: 1px solid #fff; |
||||
} |
||||
|
||||
.header-v2 .top-v2-contacts > li:first-child { |
||||
padding-left: 0; |
||||
border-left: none; |
||||
} |
||||
|
||||
.header-v2 .top-v2-contacts > li > a, |
||||
.header-v2 .top-v2-contacts > li > a:hover { |
||||
color: #fff; |
||||
} |
||||
|
||||
/*Responsive Style*/ |
||||
@media (max-width: 991px) { |
||||
.header-v2 .topbar-v2 { |
||||
border-bottom-color: #eee; |
||||
} |
||||
|
||||
.header-v2 .topbar-v2 li, |
||||
.header-v2 .topbar-v2 li a { |
||||
color: #555; |
||||
border-color: #555; |
||||
} |
||||
|
||||
.header-v2 .topbar-v2 li a:hover { |
||||
color: #555; |
||||
text-decoration: underline; |
||||
} |
||||
|
||||
.header-v2 .top-v2-contacts { |
||||
margin-bottom: 15px !important; |
||||
} |
||||
|
||||
.header-v2 .topbar-buttons .btn-u { |
||||
color: #fff; |
||||
} |
||||
|
||||
.header-v2 .topbar-buttons .btn-u-light { |
||||
color: #555; |
||||
border-color: #555; |
||||
} |
||||
|
||||
.header-v2 .topbar-buttons .btn-brd-hover:hover { |
||||
color: #555; |
||||
border-color: #555; |
||||
} |
||||
} |
||||
|
||||
/*Delete "Display: none;" and uncomment codes to leave |
||||
topbar including in mobile version*/ |
||||
@media (max-width: 768px) { |
||||
.header-v2 .topbar-v2 { |
||||
display: none; |
||||
} |
||||
} |
||||
|
||||
/*Language Bar*/ |
||||
.header-v2 .language-bar { |
||||
position: relative; |
||||
display: inline-block; |
||||
} |
||||
|
||||
.header-v2 .language-bar > a { |
||||
color: #fff; |
||||
font-size: 14px; |
||||
padding-bottom: 10px; |
||||
} |
||||
|
||||
.header-v2 .language-bar > a:hover { |
||||
text-decoration: none; |
||||
} |
||||
|
||||
.header-v2 .language-bar > .heading { |
||||
position: relative; |
||||
} |
||||
|
||||
.header-v2 .languages-dropdown { |
||||
left: 0; |
||||
top: 100%; |
||||
z-index: 1000; |
||||
display: none; |
||||
padding: 5px 0; |
||||
font-size: 14px; |
||||
min-width: 100px; |
||||
text-align: left; |
||||
list-style: none; |
||||
position: absolute; |
||||
background: #f0f0f0; |
||||
} |
||||
|
||||
.header-v2 li:hover .languages-dropdown { |
||||
display: block; |
||||
} |
||||
|
||||
.header-v2 .languages-dropdown:after { |
||||
width: 0; |
||||
height: 0; |
||||
top: -4px; |
||||
left: 8px; |
||||
content: " "; |
||||
display: block; |
||||
position: absolute; |
||||
border-bottom: 6px solid #f0f0f0; |
||||
border-left: 6px solid transparent; |
||||
border-right: 6px solid transparent; |
||||
border-left-style: inset; /*FF fixes*/ |
||||
border-right-style: inset; /*FF fixes*/ |
||||
} |
||||
|
||||
@media (min-width: 992px) { |
||||
.header-v2 .topbar-v2 .open > .languages-dropdown { |
||||
display: block; |
||||
} |
||||
} |
||||
|
||||
.header-v2 .languages-dropdown > li > a { |
||||
color: #555; |
||||
clear: both; |
||||
display: block; |
||||
font-size: 10px; |
||||
padding: 2px 12px; |
||||
margin-bottom: 1px; |
||||
} |
||||
|
||||
.header-v2 .languages-dropdown > li.active > a { |
||||
position: relative; |
||||
} |
||||
|
||||
.header-v2 .languages-dropdown > li.active > a:after { |
||||
top: 3px; |
||||
right: 10px; |
||||
color: #555; |
||||
content: "\f00c"; |
||||
position: absolute; |
||||
display: inline-block; |
||||
font-family: FontAwesome; |
||||
} |
||||
|
||||
.header-v2 .languages-dropdown > li > a:hover, |
||||
.header-v2 .languages-dropdown > li.active > a { |
||||
background: #fafafa; |
||||
} |
||||
|
||||
.header-v2 .languages-dropdown > li > a:hover, |
||||
.header-v2 .languages-dropdown > li > a:focus { |
||||
text-decoration: none; |
||||
} |
||||
|
||||
/*Header v2 |
||||
------------------------------------*/ |
||||
.header-v2 { |
||||
z-index: 99; |
||||
position: relative; |
||||
} |
||||
|
||||
@media (max-width: 991px) { |
||||
.header-v2 { |
||||
position: static; |
||||
} |
||||
} |
||||
|
||||
@media (max-width: 768px) { |
||||
.header-v2 { |
||||
padding: 20px 0 0; |
||||
} |
||||
} |
||||
|
||||
/*Navbar*/ |
||||
.header-v2 .navbar { |
||||
margin: 15px 0 0; |
||||
} |
||||
|
||||
@media (max-width: 768px) { |
||||
.header-v2 .navbar { |
||||
margin: 0; |
||||
} |
||||
} |
||||
|
||||
.header-v2 .navbar-default { |
||||
border: none; |
||||
background: none; |
||||
} |
||||
|
||||
/*Navbar Brand*/ |
||||
.header-v2 .navbar-brand { |
||||
z-index: 1; |
||||
margin-right: 50px; |
||||
padding: 10px 10px 10px 16px; |
||||
} |
||||
|
||||
@media (max-width: 991px) { |
||||
.header-v2 .navbar-brand { |
||||
padding-top: 0; |
||||
} |
||||
} |
||||
|
||||
/*Navbar Toggle*/ |
||||
.header-v2 .navbar-default .navbar-toggle { |
||||
border-color: #5fb611; |
||||
} |
||||
|
||||
@media (max-width: 991px) { |
||||
.header-v2 .navbar-default .navbar-toggle { |
||||
margin-top: -2px; |
||||
} |
||||
} |
||||
|
||||
@media (min-width: 768px) { |
||||
.header-v2 .navbar-default .navbar-toggle { |
||||
margin-right: 0; |
||||
} |
||||
} |
||||
|
||||
.header-v2 .navbar-default .navbar-toggle .fa { |
||||
color: #fff; |
||||
font-size: 19px; |
||||
} |
||||
|
||||
.header-v2 .navbar-toggle, |
||||
.header-v2 .navbar-default .navbar-toggle:hover, |
||||
.header-v2 .navbar-default .navbar-toggle:focus { |
||||
background: #72c02c; |
||||
padding: 6px 10px 2px; |
||||
} |
||||
|
||||
.header-v2 .navbar-toggle:hover { |
||||
background: #5fb611 !important; |
||||
} |
||||
|
||||
/*Navbar Collapse*/ |
||||
.header-v2 .navbar-collapse { |
||||
margin-top: 4px; |
||||
position: relative; |
||||
} |
||||
|
||||
/*Navbar Menu*/ |
||||
.header-v2 .navbar-default .navbar-nav > li > a { |
||||
color: #fff; |
||||
font-size: 15px; |
||||
font-weight: 400; |
||||
text-transform: uppercase; |
||||
} |
||||
|
||||
@media (min-width: 992px) { |
||||
.header-v2 .navbar-nav { |
||||
float: right; |
||||
} |
||||
} |
||||
|
||||
/*Responsive Navbar*/ |
||||
@media (max-width: 991px) { |
||||
/*Responsive code for max-width: 991px*/ |
||||
.header-v2 .navbar-header { |
||||
float: none; |
||||
} |
||||
|
||||
.header-v2 .navbar-toggle { |
||||
display: block; |
||||
} |
||||
|
||||
.header-v2 .navbar-collapse.collapse { |
||||
display: none !important; |
||||
} |
||||
|
||||
.header-v2 .navbar-collapse.collapse.in { |
||||
display: block !important; |
||||
overflow-y: auto !important; |
||||
} |
||||
|
||||
.header-v2 .navbar-nav { |
||||
margin: 0; |
||||
float: none !important; |
||||
} |
||||
|
||||
.header-v2 .navbar-nav > li { |
||||
float: none; |
||||
} |
||||
|
||||
.header-v2 .navbar-nav > li > a { |
||||
padding-top: 30px; |
||||
padding-bottom: 40px; |
||||
} |
||||
|
||||
/*Navbar Nav*/ |
||||
.header-v2 .navbar-default .navbar-nav > li > a { |
||||
color: #777; |
||||
} |
||||
|
||||
/*Dropdown Menu Slide Down Effect*/ |
||||
.header-v2 .navbar-nav .open .dropdown-menu { |
||||
border: 0; |
||||
float: none; |
||||
width: auto; |
||||
margin-top: 0; |
||||
position: static; |
||||
box-shadow: none; |
||||
background-color: transparent; |
||||
} |
||||
|
||||
.header-v2 .navbar-nav .open .dropdown-menu > li > a, |
||||
.header-v2 .navbar-nav .open .dropdown-menu .dropdown-header { |
||||
padding: 5px 15px 5px 25px; |
||||
} |
||||
|
||||
.header-v2 .navbar-nav .open .dropdown-menu > li > a { |
||||
line-height: 20px; |
||||
} |
||||
|
||||
.header-v2 .navbar-nav .open .dropdown-menu > li > a:hover, |
||||
.header-v2 .navbar-nav .open .dropdown-menu > li > a:focus { |
||||
background-image: none; |
||||
} |
||||
|
||||
.header-v2 .navbar-default .navbar-nav .open .dropdown-menu > li > a { |
||||
color: #777; |
||||
} |
||||
|
||||
.header-v2 .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, |
||||
.header-v2 .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { |
||||
color: #333; |
||||
background-color: transparent; |
||||
} |
||||
|
||||
.header-v2 .navbar-default .navbar-nav .open .dropdown-menu > .active > a, |
||||
.header-v2 .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, |
||||
.header-v2 .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { |
||||
color: #555; |
||||
background-color: #e7e7e7; |
||||
} |
||||
|
||||
.header-v2 .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, |
||||
.header-v2 .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, |
||||
.header-v2 .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { |
||||
color: #ccc; |
||||
background-color: transparent; |
||||
} |
||||
|
||||
.header-v2 .navbar-default .dropdown-menu.no-bottom-space { |
||||
padding-bottom: 0; |
||||
} |
||||
|
||||
/*Design for max-width: 991px*/ |
||||
.header-v2 .navbar-collapse, |
||||
.header-v2 .navbar-collapse .container { |
||||
padding-left: 0 !important; |
||||
padding-right: 0 !important; |
||||
} |
||||
|
||||
.header-v2 .navbar-default .navbar-nav > li > a { |
||||
font-size: 14px; |
||||
padding: 9px 10px; |
||||
} |
||||
|
||||
.header-v2 .navbar-default .navbar-nav > li a { |
||||
border-bottom: solid 1px #eee; |
||||
} |
||||
|
||||
.header-v2 .navbar-default .navbar-nav > li > a:focus { |
||||
background: none; |
||||
} |
||||
|
||||
.header-v2 .navbar-default .navbar-nav > li > a:hover { |
||||
color: #72c02c; |
||||
} |
||||
|
||||
.header-v2 .navbar-default .navbar-nav > .active > a, |
||||
.header-v2 .navbar-default .navbar-nav > .active > a:hover, |
||||
.header-v2 .navbar-default .navbar-nav > .active > a:focus { |
||||
background: #72c02c; |
||||
color: #fff !important; |
||||
} |
||||
|
||||
.header-v2 .dropdown .dropdown-submenu > a { |
||||
font-size: 13px; |
||||
color: #333 !important; |
||||
text-transform: uppercase; |
||||
} |
||||
} |
||||
|
||||
@media (min-width: 992px) { |
||||
/*Navbar Collapse*/ |
||||
.header-v2 .navbar-collapse { |
||||
padding: 0; |
||||
} |
||||
|
||||
/*Navbar*/ |
||||
.header-v2 .navbar { |
||||
min-height: 40px !important; |
||||
} |
||||
|
||||
.header-v2 .container > .navbar-header, |
||||
.header-v2 .container-fluid > .navbar-header, |
||||
.header-v2 .container > .navbar-collapse, |
||||
.header-v2 .container-fluid > .navbar-collapse { |
||||
margin-bottom: -10px; |
||||
} |
||||
|
||||
.header-v2 .navbar-nav { |
||||
top: 2px; |
||||
position: relative; |
||||
} |
||||
|
||||
.header-v2 .navbar-default .navbar-nav > li > a { |
||||
line-height: 25px; |
||||
padding: 9px 30px 13px 20px; |
||||
} |
||||
|
||||
.header-v2 .navbar-default .navbar-nav > li > a, |
||||
.header-v2 .navbar-default .navbar-nav > li > a:hover, |
||||
.header-v2 .navbar-default .navbar-nav > li > a:focus, |
||||
.header-v2 .navbar-default .navbar-nav > .active > a, |
||||
.header-v2 .navbar-default .navbar-nav > .active > a:hover, |
||||
.header-v2 .navbar-default .navbar-nav > .active > a:focus { |
||||
color: #fff; |
||||
font-weight: 200; |
||||
background: none; |
||||
} |
||||
|
||||
.header-v2 .navbar-default .navbar-nav > .open > a, |
||||
.header-v2 .navbar-default .navbar-nav > .open > a:hover, |
||||
.header-v2 .navbar-default .navbar-nav > .open > a:focus { |
||||
color: #fff; |
||||
} |
||||
|
||||
/*Dropdown Menu*/ |
||||
.header-v2 .dropdown-menu { |
||||
padding: 0; |
||||
border: none; |
||||
min-width: 200px; |
||||
border-radius: 0; |
||||
z-index: 9999 !important; |
||||
border-top: solid 2px #72c02c; |
||||
border-bottom: solid 2px #687074; |
||||
} |
||||
|
||||
.header-v2 .dropdown-menu li a { |
||||
color: #687074; |
||||
font-size: 13px; |
||||
font-weight: 400; |
||||
padding: 6px 15px; |
||||
border-bottom: solid 1px #eee; |
||||
} |
||||
|
||||
.header-v2 .dropdown-menu .active > a, |
||||
.header-v2 .dropdown-menu li > a:hover { |
||||
color: #fff; |
||||
filter: none !important; |
||||
background: #687074 !important; |
||||
-webkit-transition: all 0.1s ease-in-out; |
||||
-moz-transition: all 0.1s ease-in-out; |
||||
-o-transition: all 0.1s ease-in-out; |
||||
transition: all 0.1s ease-in-out; |
||||
} |
||||
|
||||
.header-v2 .dropdown-menu li > a:focus { |
||||
background: none; |
||||
filter: none !important; |
||||
} |
||||
|
||||
.header-v2 .navbar-nav > li.dropdown:hover > .dropdown-menu { |
||||
display: block; |
||||
} |
||||
|
||||
.header-v2 .open > .dropdown-menu { |
||||
display: none; |
||||
} |
||||
} |
||||
|
||||
/*Dropdown Submenu for BS3 |
||||
------------------------------------*/ |
||||
.header-v2 .dropdown-submenu { |
||||
position: relative; |
||||
} |
||||
|
||||
.header-v2 .dropdown > a:after, |
||||
.header-v2 .dropdown-submenu > a:after { |
||||
top: 8px; |
||||
right: 9px; |
||||
font-size: 11px; |
||||
content: "\f105"; |
||||
position: absolute; |
||||
font-weight: normal; |
||||
display: inline-block; |
||||
font-family: FontAwesome; |
||||
} |
||||
|
||||
@media (max-width: 991px) { |
||||
.header-v2 .dropdown-submenu > a:after { |
||||
content: " "; |
||||
} |
||||
} |
||||
|
||||
.header-v2 .dropdown > a:after { |
||||
top: 9px; |
||||
right: 15px; |
||||
content: "\f107"; |
||||
} |
||||
|
||||
.header-v2 .dropdown-submenu > .dropdown-menu { |
||||
top: 3px; |
||||
left: 100%; |
||||
margin-top: -5px; |
||||
margin-left: 0px; |
||||
} |
||||
|
||||
/*Submenu comes from LEFT side*/ |
||||
.header-v2 .dropdown-submenu > .dropdown-menu.submenu-left { |
||||
left: -100%; |
||||
} |
||||
|
||||
.header-v2 .dropdown-submenu:hover > .dropdown-menu { |
||||
display: block; |
||||
} |
||||
|
||||
@media (max-width: 991px) { |
||||
.header-v2 .dropdown-submenu > .dropdown-menu { |
||||
display: block; |
||||
margin-left: 15px; |
||||
} |
||||
} |
||||
|
||||
.header-v2 .dropdown-submenu.pull-left { |
||||
float: none; |
||||
} |
||||
|
||||
.header-v2 .dropdown-submenu.pull-left > .dropdown-menu { |
||||
left: -100%; |
||||
margin-left: 10px; |
||||
} |
||||
|
||||
.header-v2 .dropdown-menu li [class^="fa-"], |
||||
.header-v2 .dropdown-menu li [class*=" fa-"] { |
||||
left: -3px; |
||||
width: 1.25em; |
||||
margin-right: 1px; |
||||
position: relative; |
||||
text-align: center; |
||||
display: inline-block; |
||||
} |
||||
.header-v2 .dropdown-menu li [class^="fa-"].fa-lg, |
||||
.header-v2 .dropdown-menu li [class*=" fa-"].fa-lg { |
||||
/* increased font size for fa-lg */ |
||||
width: 1.5625em; |
||||
} |
||||
|
||||
/*Header Fixed |
||||
------------------------------------*/ |
||||
/*Header*/ |
||||
.header-fixed .header-v2 { |
||||
height: 0; |
||||
} |
||||
|
||||
.header-fixed .header-v2.header-fixed-shrink { |
||||
top: 0; |
||||
left: 0; |
||||
width: 100%; |
||||
height: 93px; |
||||
z-index: 9999; |
||||
position: fixed; |
||||
margin-top: -35px; |
||||
border-bottom: none; |
||||
box-shadow: 0 0 3px #bbb; |
||||
background: rgba(255,255,255, 0.96); |
||||
/* -webkit-transition: height 0.4s; |
||||
-moz-transition: height 0.4s; |
||||
transition: height 0.4s; |
||||
*/} |
||||
|
||||
/*Topbar v2*/ |
||||
.header-fixed .header-v2.header-fixed-shrink .topbar-v2 { |
||||
display: none; |
||||
} |
||||
|
||||
/*Brand*/ |
||||
.header-fixed .header-v2.header-fixed-shrink .navbar-brand { |
||||
top: 50px; |
||||
z-index: 1; |
||||
position: relative; |
||||
padding: 0 10px 10px; |
||||
} |
||||
|
||||
.header-fixed .header-v2.header-fixed-shrink .navbar-brand img { |
||||
width: 90%; |
||||
} |
||||
|
||||
/*Navbar*/ |
||||
.header-fixed .header-v2.header-fixed-shrink .navbar { |
||||
margin-top: 0; |
||||
} |
||||
|
||||
.header-fixed .header-v2.header-fixed-shrink .active a { |
||||
border-bottom: none !important; |
||||
} |
||||
|
||||
@media (max-width: 991px) { |
||||
/*Header*/ |
||||
.header-fixed .header-v2, |
||||
.header-fixed .header-v2.header-fixed-shrink { |
||||
height: inherit; |
||||
position: relative; |
||||
} |
||||
} |
||||
|
||||
@media (min-width: 992px) { |
||||
.header-fixed .header-v2.header-fixed-shrink .navbar-nav > li > a { |
||||
color: #777; |
||||
margin-top: 25px; |
||||
padding: 21px 30px 17px 20px; |
||||
border-bottom: solid 1px transparent !important; |
||||
-webkit-transition: color 0.2s ease-in-out; |
||||
-moz-transition: color 0.2s ease-in-out; |
||||
-o-transition: color 0.2s ease-in-out; |
||||
transition: color 0.2s ease-in-out; |
||||
} |
||||
|
||||
.header-fixed .header-v2.header-fixed-shrink .navbar-nav > .active > a:hover { |
||||
color: #777; |
||||
} |
||||
|
||||
.header-fixed .header-v2.header-fixed-shrink .dropdown > a:after { |
||||
top: 22px; |
||||
} |
||||
} |
||||
|
||||
/*Mega Menu |
||||
------------------------------------*/ |
||||
.header-v2 .mega-menu .nav, |
||||
.header-v2 .mega-menu .dropup, |
||||
.header-v2 .mega-menu .dropdown, |
||||
.header-v2 .mega-menu .collapse { |
||||
position: static; |
||||
} |
||||
|
||||
.header-v2 .mega-menu .navbar-inner, |
||||
.header-v2 .mega-menu .container { |
||||
position: relative; |
||||
} |
||||
|
||||
.header-v2 .mega-menu .dropdown-menu { |
||||
left: auto; |
||||
} |
||||
|
||||
.header-v2 .mega-menu .dropdown-menu > li { |
||||
display: block; |
||||
} |
||||
|
||||
.header-v2 .mega-menu .dropdown-submenu .dropdown-menu { |
||||
left: 100%; |
||||
} |
||||
|
||||
.header-v2 .mega-menu .nav.pull-right .dropdown-menu { |
||||
right: 0; |
||||
} |
||||
|
||||
.header-v2 .mega-menu .mega-menu-content { |
||||
*zoom: 1; |
||||
padding: 0; |
||||
} |
||||
|
||||
.header-v2 .mega-menu .mega-menu-content:before, |
||||
.header-v2 .mega-menu .mega-menu-content:after { |
||||
content: ""; |
||||
display: table; |
||||
line-height: 0; |
||||
} |
||||
|
||||
.header-v2 .mega-menu .mega-menu-content:after { |
||||
clear: both; |
||||
} |
||||
|
||||
.header-v2 .mega-menu.navbar .nav > li > .dropdown-menu:after, |
||||
.header-v2 .mega-menu.navbar .nav > li > .dropdown-menu:before { |
||||
display: none; |
||||
} |
||||
|
||||
.header-v2 .mega-menu .dropdown.mega-menu-fullwidth .dropdown-menu { |
||||
left: 0; |
||||
right: 0; |
||||
overflow: hidden; |
||||
} |
||||
|
||||
@media (min-width: 992px) { |
||||
.header-v2 .mega-menu .dropdown.mega-menu-fullwidth .dropdown-menu { |
||||
margin-left: 10px; |
||||
margin-right: 15px; |
||||
} |
||||
} |
||||
|
||||
/*Equal Height Lists*/ |
||||
@media (min-width: 992px) { |
||||
.header-v2 .mega-menu .equal-height { |
||||
display: -webkit-flex; |
||||
display: -ms-flexbox; |
||||
display: flex; |
||||
|
||||
/*-webkit-flex-wrap: wrap; |
||||
-ms-flex-wrap: wrap; |
||||
flex-wrap: wrap;*/ |
||||
} |
||||
|
||||
.header-v2 .mega-menu .equal-height-in { |
||||
display: -webkit-flex; |
||||
display: -ms-flexbox; |
||||
display: flex; |
||||
} |
||||
} |
||||
|
||||
/*Mega Menu Style Effect*/ |
||||
.header-v2 .mega-menu .equal-height-list h3 { |
||||
font-size: 15px; |
||||
font-weight: 400; |
||||
padding: 0 10px 0 13px; |
||||
text-transform: uppercase; |
||||
} |
||||
|
||||
/*Space for only Big Resolution*/ |
||||
@media (min-width: 992px) { |
||||
.header-v2 .mega-menu .big-screen-space { |
||||
margin-bottom: 20px; |
||||
} |
||||
} |
||||
|
||||
/*Mega Menu Content*/ |
||||
@media (min-width: 992px) { |
||||
.header-v2 .mega-menu .equal-height-in { |
||||
padding: 20px 0; |
||||
border-left: 1px solid #eee; |
||||
} |
||||
|
||||
.header-v2 .mega-menu .equal-height-in:first-child { |
||||
border-left: none; |
||||
margin-left: -1px; |
||||
} |
||||
|
||||
.header-v2 .mega-menu .equal-height-list { |
||||
width: 100%; |
||||
} |
||||
|
||||
.header-v2 .mega-menu .equal-height-list li a { |
||||
display: block; |
||||
position: relative; |
||||
border-bottom: none; |
||||
padding: 5px 10px 5px 15px; |
||||
} |
||||
|
||||
.header-v2 .mega-menu .equal-height-list a:hover { |
||||
text-decoration: none; |
||||
} |
||||
|
||||
/*Dropdown Arrow Icons*/ |
||||
.header-v2 .mega-menu .mega-menu-fullwidth li a { |
||||
padding: 5px 10px 5px 30px; |
||||
} |
||||
|
||||
.header-v2 .mega-menu .mega-menu-fullwidth li a:after { |
||||
top: 7px; |
||||
left: 15px; |
||||
font-size: 11px; |
||||
content: "\f105"; |
||||
position: absolute; |
||||
font-weight: normal; |
||||
display: inline-block; |
||||
font-family: FontAwesome; |
||||
} |
||||
|
||||
/*Dropdown Arrow Icons Disable class*/ |
||||
.header-v2 .mega-menu .mega-menu-fullwidth .disable-icons li a { |
||||
padding: 5px 10px 5px 15px; |
||||
} |
||||
|
||||
.header-v2 .mega-menu .mega-menu-fullwidth .disable-icons li a:after { |
||||
display: none; |
||||
} |
||||
} |
||||
|
||||
/*Space Effect inside the container to avoid scroll bar*/ |
||||
@media (min-width: 737px) and (max-width: 991px) { |
||||
.header-v2 .mega-menu .mega-menu-content .container { |
||||
width: 690px !important; |
||||
} |
||||
|
||||
.header-v2 .mega-menu .equal-height { |
||||
margin-right: 0; |
||||
} |
||||
|
||||
.header-v2 .mega-menu .equal-height-in { |
||||
padding-right: 0; |
||||
margin-right: -15px; |
||||
} |
||||
} |
||||
|
||||
@media (max-width: 991px) { |
||||
.header-v2 .mega-menu .equal-height { |
||||
margin-right: 0; |
||||
} |
||||
|
||||
.header-v2 .mega-menu .equal-height-in { |
||||
padding-right: 0; |
||||
} |
||||
} |
||||
|
||||
/*Equal Hight List Style*/ |
||||
@media (max-width: 991px) { |
||||
.header-v2 .mega-menu .dropdown.mega-menu-fullwidth .dropdown-menu { |
||||
width: auto; |
||||
} |
||||
|
||||
.header-v2 .mega-menu .equal-height-in, |
||||
.header-v2 .mega-menu .equal-height-list { |
||||
display: block; |
||||
} |
||||
|
||||
.header-v2 .mega-menu .mega-menu-fullwidth .dropdown-menu > li > ul { |
||||
display: block; |
||||
} |
||||
|
||||
/*Equal Height List Style*/ |
||||
.header-v2 .mega-menu .equal-height-list h3 { |
||||
color: #333; |
||||
margin: 0 0 5px; |
||||
font-size: 13px; |
||||
font-weight: 400; |
||||
padding: 6px 25px 5px; |
||||
border-bottom: solid 1px #eee; |
||||
} |
||||
|
||||
.header-v2 .mega-menu .equal-height-list li a { |
||||
color: #687074; |
||||
display: block; |
||||
font-size: 13px; |
||||
font-weight: 400; |
||||
margin-left: 15px; |
||||
padding: 6px 25px; |
||||
border-bottom: solid 1px #eee; |
||||
} |
||||
|
||||
.header-v2 .mega-menu .equal-height-list > h3.active, |
||||
.header-v2 .mega-menu .equal-height-list > .active > a, |
||||
.header-v2 .mega-menu .equal-height-list > .active > a:hover, |
||||
.header-v2 .mega-menu .equal-height-list > .active > a:focus { |
||||
color: #555; |
||||
background-color: #e7e7e7; |
||||
} |
||||
|
||||
.header-v2 .mega-menu .equal-height-list li a:hover { |
||||
color: #333; |
||||
text-decoration: none; |
||||
} |
||||
} |
||||
@ -0,0 +1,762 @@ |
||||
/*Header v3 |
||||
------------------------------------*/ |
||||
.header-v3 { |
||||
z-index: 99; |
||||
position: relative; |
||||
border-bottom: solid 2px #eee; |
||||
} |
||||
|
||||
.header-v3 .navbar { |
||||
margin: 0; |
||||
} |
||||
|
||||
.header-v3 .navbar-default { |
||||
border: none; |
||||
background: none; |
||||
} |
||||
|
||||
/*Navbar Brand*/ |
||||
.header-v3 .navbar-brand { |
||||
top: 10px; |
||||
z-index: 1; |
||||
padding: 10px; |
||||
position: relative; |
||||
} |
||||
|
||||
@media(max-width: 999px) { |
||||
.header-v3 .navbar-brand { |
||||
top: 15px; |
||||
} |
||||
} |
||||
|
||||
/*Navbar Toggle*/ |
||||
.header-v3 .navbar-default .navbar-toggle { |
||||
top: 17px; |
||||
position: relative; |
||||
border-color: #5fb611; |
||||
} |
||||
|
||||
.header-v3 .navbar-default .navbar-toggle .fa { |
||||
color: #fff; |
||||
font-size: 19px; |
||||
} |
||||
|
||||
.header-v3 .navbar-toggle, |
||||
.header-v3 .navbar-default .navbar-toggle:hover, |
||||
.header-v3 .navbar-default .navbar-toggle:focus { |
||||
background: #72c02c; |
||||
padding: 6px 10px 2px; |
||||
} |
||||
|
||||
.header-v3 .navbar-toggle:hover { |
||||
background: #5fb611 !important; |
||||
} |
||||
|
||||
/*Navbar Collapse*/ |
||||
.header-v3 .navbar-collapse { |
||||
position: relative; |
||||
} |
||||
|
||||
/*Navbar Menu*/ |
||||
.header-v3 .navbar-default .navbar-nav > li > a { |
||||
color: #687074; |
||||
font-size: 15px; |
||||
font-weight:400; |
||||
text-transform: uppercase; |
||||
} |
||||
|
||||
.header-v3 .navbar-default .navbar-nav > .active > a { |
||||
color: #72c02c; |
||||
} |
||||
|
||||
@media (min-width: 992px) { |
||||
.header-v3 .navbar-nav { |
||||
float: right; |
||||
} |
||||
} |
||||
|
||||
/*Responsive Navbar*/ |
||||
@media (max-width: 991px) { |
||||
/*Responsive code for max-width: 991px*/ |
||||
.header-v3 .navbar-header { |
||||
float: none; |
||||
} |
||||
|
||||
.header-v3 .navbar-toggle { |
||||
display: block; |
||||
} |
||||
|
||||
.header-v3 .navbar-collapse.collapse { |
||||
display: none !important; |
||||
} |
||||
|
||||
.header-v3 .navbar-collapse.collapse.in { |
||||
display: block !important; |
||||
overflow-y: auto !important; |
||||
} |
||||
|
||||
.header-v3 .navbar-nav { |
||||
margin: 0 0 5px; |
||||
float: none !important; |
||||
} |
||||
|
||||
.header-v3 .navbar-nav > li { |
||||
float: none; |
||||
} |
||||
|
||||
.header-v3 .navbar-nav > li > a { |
||||
padding-top: 30px; |
||||
padding-bottom: 40px; |
||||
} |
||||
|
||||
/*Navbar Brand*/ |
||||
.header-v3 .navbar-brand { |
||||
top: -1px; |
||||
} |
||||
|
||||
/*Navbar Toggle*/ |
||||
.header-v3 .navbar-default .navbar-toggle { |
||||
top: 1px; |
||||
} |
||||
|
||||
/*Navbar*/ |
||||
.header-v3 .navbar-header { |
||||
padding: 20px 0; |
||||
} |
||||
|
||||
/*Dropdown Menu Slide Down Effect*/ |
||||
.header-v3 .dropdown > a:after { |
||||
top: 10px !important; |
||||
} |
||||
|
||||
.header-v3 .navbar-nav .open .dropdown-menu { |
||||
border: 0; |
||||
float: none; |
||||
width: auto; |
||||
margin-top: 0; |
||||
position: static; |
||||
box-shadow: none; |
||||
background-color: transparent; |
||||
} |
||||
|
||||
.header-v3 .navbar-nav .open .dropdown-menu > li > a, |
||||
.header-v3 .navbar-nav .open .dropdown-menu .dropdown-header { |
||||
padding: 5px 15px 5px 25px; |
||||
} |
||||
|
||||
.header-v3 .navbar-nav .open .dropdown-menu > li > a { |
||||
line-height: 20px; |
||||
} |
||||
|
||||
.header-v3 .navbar-nav .open .dropdown-menu > li > a:hover, |
||||
.header-v3 .navbar-nav .open .dropdown-menu > li > a:focus { |
||||
background-image: none; |
||||
} |
||||
|
||||
.header-v3 .navbar-default .navbar-nav .open .dropdown-menu > li > a { |
||||
color: #777; |
||||
} |
||||
|
||||
.header-v3 .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, |
||||
.header-v3 .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { |
||||
color: #333; |
||||
background-color: transparent; |
||||
} |
||||
|
||||
.header-v3 .navbar-default .navbar-nav .open .dropdown-menu > .active > a, |
||||
.header-v3 .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, |
||||
.header-v3 .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { |
||||
color: #555; |
||||
background-color: #e7e7e7; |
||||
} |
||||
|
||||
.header-v3 .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, |
||||
.header-v3 .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, |
||||
.header-v3 .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { |
||||
color: #ccc; |
||||
background-color: transparent; |
||||
} |
||||
|
||||
.header-v3 .navbar-default .dropdown-menu.no-bottom-space { |
||||
padding-bottom: 0; |
||||
} |
||||
|
||||
/*Design for max-width: 991px*/ |
||||
.header-v3 .navbar-collapse, |
||||
.header-v3 .navbar-collapse .container { |
||||
padding-left: 0 !important; |
||||
padding-right: 0 !important; |
||||
} |
||||
|
||||
.header-v3 .navbar-default .navbar-nav > li > a { |
||||
font-size: 14px; |
||||
padding: 9px 10px; |
||||
} |
||||
|
||||
.header-v3 .navbar-default .navbar-nav > li a { |
||||
border-bottom: solid 1px #eee; |
||||
} |
||||
|
||||
.header-v3 .navbar-default .navbar-nav > li > a:focus { |
||||
background: none; |
||||
} |
||||
|
||||
.header-v3 .navbar-default .navbar-nav > li > a:hover { |
||||
color: #72c02c; |
||||
} |
||||
|
||||
.header-v3 .navbar-default .navbar-nav > .active > a, |
||||
.header-v3 .navbar-default .navbar-nav > .active > a:hover, |
||||
.header-v3 .navbar-default .navbar-nav > .active > a:focus { |
||||
background: #72c02c; |
||||
color: #fff !important; |
||||
} |
||||
|
||||
.header-v3 .dropdown .dropdown-submenu > a { |
||||
font-size: 13px; |
||||
color: #333 !important; |
||||
text-transform: uppercase; |
||||
} |
||||
|
||||
/*Search Box*/ |
||||
.header-v3 .navbar .nav > li > .search { |
||||
padding: 11px 0 12px !important; |
||||
} |
||||
} |
||||
|
||||
@media (min-width: 992px) { |
||||
/*Navbar Collapse*/ |
||||
.header-v3 .navbar-collapse { |
||||
padding: 0; |
||||
} |
||||
|
||||
.header-v3 .navbar-default .navbar-nav > li > a { |
||||
font-size: 13px; |
||||
padding: 30px 30px 26px 20px; |
||||
} |
||||
|
||||
.header-v3 .navbar-default .navbar-nav > li > a, |
||||
.header-v3 .navbar-default .navbar-nav > li > a:hover, |
||||
.header-v3 .navbar-default .navbar-nav > li > a:focus, |
||||
.header-v3 .navbar-default .navbar-nav > .active > a, |
||||
.header-v3 .navbar-default .navbar-nav > .active > a:hover, |
||||
.header-v3 .navbar-default .navbar-nav > .active > a:focus { |
||||
background: none; |
||||
} |
||||
|
||||
.header-v3 .navbar-default .navbar-nav > .open > a, |
||||
.header-v3 .navbar-default .navbar-nav > .open > a:hover, |
||||
.header-v3 .navbar-default .navbar-nav > .open > a:focus { |
||||
color: #72c02c; |
||||
} |
||||
|
||||
.header-v3 .navbar-default .navbar-nav > li:hover > a { |
||||
color: #72c02c; |
||||
} |
||||
|
||||
/*Dropdown Menu*/ |
||||
.header-v3 .dropdown-menu { |
||||
padding: 0; |
||||
border: none; |
||||
min-width: 200px; |
||||
border-radius: 0; |
||||
z-index: 9999 !important; |
||||
border-top: solid 2px #72c02c; |
||||
border-bottom: solid 2px #687074; |
||||
} |
||||
|
||||
.header-v3 .dropdown-menu li a { |
||||
color: #687074; |
||||
font-size: 13px; |
||||
font-weight: 400; |
||||
padding: 6px 15px; |
||||
border-bottom: solid 1px #eee; |
||||
} |
||||
|
||||
.header-v3 .dropdown-menu .active > a, |
||||
.header-v3 .dropdown-menu li > a:hover { |
||||
color: #fff; |
||||
filter: none !important; |
||||
background: #687074 !important; |
||||
-webkit-transition: all 0.1s ease-in-out; |
||||
-moz-transition: all 0.1s ease-in-out; |
||||
-o-transition: all 0.1s ease-in-out; |
||||
transition: all 0.1s ease-in-out; |
||||
} |
||||
|
||||
.header-v3 .dropdown-menu li > a:focus { |
||||
background: none; |
||||
filter: none !important; |
||||
} |
||||
|
||||
.header-v3 .navbar-nav > li.dropdown:hover > .dropdown-menu { |
||||
display: block; |
||||
} |
||||
|
||||
.header-v3 .open > .dropdown-menu { |
||||
display: none; |
||||
} |
||||
|
||||
/*Search*/ |
||||
.header-v3 .navbar .search-open { |
||||
width: 330px; |
||||
} |
||||
} |
||||
|
||||
/*Dropdown Submenu for BS3 |
||||
------------------------------------*/ |
||||
.header-v3 .dropdown-submenu { |
||||
position: relative; |
||||
} |
||||
|
||||
.header-v3 .dropdown > a:after, |
||||
.header-v3 .dropdown-submenu > a:after { |
||||
top: 8px; |
||||
right: 9px; |
||||
font-size: 11px; |
||||
content: "\f105"; |
||||
position: absolute; |
||||
font-weight: normal; |
||||
display: inline-block; |
||||
font-family: FontAwesome; |
||||
} |
||||
|
||||
@media (max-width: 991px) { |
||||
.header-v3 .dropdown-submenu > a:after { |
||||
content: " "; |
||||
} |
||||
} |
||||
|
||||
.header-v3 .dropdown > a:after { |
||||
top: 30px; |
||||
right: 15px; |
||||
content: "\f107"; |
||||
} |
||||
|
||||
.header-v3 .dropdown-submenu > .dropdown-menu { |
||||
top: 3px; |
||||
left: 100%; |
||||
margin-top: -5px; |
||||
margin-left: 0px; |
||||
} |
||||
|
||||
/*Submenu comes from LEFT side*/ |
||||
.header-v3 .dropdown-submenu > .dropdown-menu.submenu-left { |
||||
left: -100%; |
||||
} |
||||
|
||||
.header-v3 .dropdown-submenu:hover > .dropdown-menu { |
||||
display: block; |
||||
} |
||||
|
||||
@media (max-width: 991px) { |
||||
.header-v3 .dropdown-submenu > .dropdown-menu { |
||||
display: block; |
||||
margin-left: 15px; |
||||
} |
||||
} |
||||
|
||||
.header-v3 .dropdown-submenu.pull-left { |
||||
float: none; |
||||
} |
||||
|
||||
.header-v3 .dropdown-submenu.pull-left > .dropdown-menu { |
||||
left: -100%; |
||||
margin-left: 10px; |
||||
} |
||||
|
||||
.header-v3 .dropdown-menu li [class^="fa-"], |
||||
.header-v3 .dropdown-menu li [class*=" fa-"] { |
||||
left: -3px; |
||||
width: 1.25em; |
||||
margin-right: 1px; |
||||
position: relative; |
||||
text-align: center; |
||||
display: inline-block; |
||||
} |
||||
.header-v3 .dropdown-menu li [class^="fa-"].fa-lg, |
||||
.header-v3 .dropdown-menu li [class*=" fa-"].fa-lg { |
||||
/* increased font size for fa-lg */ |
||||
width: 1.5625em; |
||||
} |
||||
|
||||
/*Search Box |
||||
------------------------------------*/ |
||||
.header-v3 .navbar .nav > li > .search { |
||||
color: #aaa; |
||||
cursor: pointer; |
||||
min-width: 35px; |
||||
font-size: 15px; |
||||
text-align: center; |
||||
background: inherit; |
||||
border-bottom: none; |
||||
padding: 31px 0 31px; |
||||
display: inline-block; |
||||
} |
||||
|
||||
.header-v3 .navbar .nav > li > .search:hover { |
||||
color: #72c02c; |
||||
background: inherit; |
||||
} |
||||
|
||||
.header-v3 .navbar .search-open { |
||||
right: 0; |
||||
top: 77px; |
||||
display: none; |
||||
padding: 14px; |
||||
position: absolute; |
||||
background: #fcfcfc; |
||||
border-top: solid 2px #eee; |
||||
box-shadow: 0 1px 3px #ddd; |
||||
} |
||||
|
||||
.header-v3 .navbar .search-open form { |
||||
margin: 0; |
||||
} |
||||
|
||||
@media (min-width: 767px) and (max-width: 991px) { |
||||
.header-v3 .navbar > .container .navbar-brand, |
||||
.header-v3 .navbar > .container-fluid .navbar-brand { |
||||
margin-left: -10px; |
||||
} |
||||
|
||||
.header-v3 .navbar-toggle { |
||||
margin-right: 0; |
||||
} |
||||
|
||||
.header-v3 .navbar .search-open { |
||||
width: 93%; |
||||
} |
||||
} |
||||
|
||||
@media (max-width: 991px) { |
||||
.header-v3 .navbar .nav > li > .search { |
||||
color: #999; |
||||
width: 35px; |
||||
height: 34px; |
||||
text-align: left; |
||||
background: #eee; |
||||
line-height: 12px; |
||||
text-align: center; |
||||
margin: 5px 10px 0; |
||||
border-bottom: none; |
||||
} |
||||
|
||||
.header-v3 .navbar .nav > li > .search:hover { |
||||
background: #5fb611; |
||||
color: #fff !important; |
||||
} |
||||
|
||||
.header-v3 .navbar .search-open { |
||||
top: 5px; |
||||
padding: 0; |
||||
left: 48px; |
||||
border-top: none; |
||||
box-shadow: none; |
||||
background: none; |
||||
margin-right: 10px; |
||||
} |
||||
} |
||||
|
||||
/*Header Fixed |
||||
------------------------------------*/ |
||||
/*Header*/ |
||||
.header-fixed .header-v3 { |
||||
height: 79px; |
||||
} |
||||
|
||||
.header-fixed .header-v3.header-fixed-shrink { |
||||
top: 0; |
||||
left: 0; |
||||
width: 100%; |
||||
height: 95px; |
||||
z-index: 9999; |
||||
position: fixed; |
||||
margin-top: -35px; |
||||
border-bottom: none; |
||||
box-shadow: 0 0 3px #bbb; |
||||
background: rgba(255,255,255, 0.96); |
||||
-webkit-transition: height 0.4s; |
||||
-moz-transition: height 0.4s; |
||||
transition: height 0.4s; |
||||
} |
||||
|
||||
/*Brand*/ |
||||
.header-fixed .header-v3.header-fixed-shrink .navbar-brand { |
||||
top: 47px; |
||||
z-index: 1; |
||||
position: relative; |
||||
padding: 0 10px 10px; |
||||
} |
||||
|
||||
.header-fixed .header-v3.header-fixed-shrink .navbar-brand img { |
||||
width: 90%; |
||||
} |
||||
|
||||
.header-fixed .header-v3.header-fixed-shrink .search, |
||||
.header-fixed .header-v3.header-fixed-shrink .active a { |
||||
border-bottom: none !important; |
||||
} |
||||
|
||||
@media (max-width: 991px) { |
||||
/*Header*/ |
||||
.header-fixed .header-v3, |
||||
.header-fixed .header-v3.header-fixed-shrink { |
||||
height: inherit; |
||||
position: relative; |
||||
} |
||||
} |
||||
|
||||
@media (min-width: 992px) { |
||||
.header-fixed .header-v3.header-fixed-shrink .navbar-nav > li > a { |
||||
padding: 56px 30px 18px 20px; |
||||
border-bottom: solid 1px transparent !important; |
||||
} |
||||
|
||||
.header-fixed .header-v3.header-fixed-shrink .dropdown > a:after { |
||||
top: 57px; |
||||
} |
||||
|
||||
/*Search Bar*/ |
||||
.header-fixed .header-v3.header-fixed-shrink .search { |
||||
margin-top: 49px; |
||||
padding: 8px !important; |
||||
color: #585f69 !important; |
||||
background: none !important; |
||||
} |
||||
|
||||
.header-fixed .header-v3.header-fixed-shrink .search-open { |
||||
top: 95px; |
||||
border-top: none; |
||||
background: rgba(255,255,255, 0.9); |
||||
} |
||||
} |
||||
|
||||
/*Mega Menu |
||||
------------------------------------*/ |
||||
.header-v3 .mega-menu .nav, |
||||
.header-v3 .mega-menu .dropup, |
||||
.header-v3 .mega-menu .dropdown, |
||||
.header-v3 .mega-menu .collapse { |
||||
position: static; |
||||
} |
||||
|
||||
.header-v3 .mega-menu .navbar-inner, |
||||
.header-v3 .mega-menu .container { |
||||
position: relative; |
||||
} |
||||
|
||||
.header-v3 .mega-menu .dropdown-menu { |
||||
left: auto; |
||||
} |
||||
|
||||
.header-v3 .mega-menu .dropdown-menu > li { |
||||
display: block; |
||||
} |
||||
|
||||
.header-v3 .mega-menu .dropdown-submenu .dropdown-menu { |
||||
left: 100%; |
||||
} |
||||
|
||||
.header-v3 .mega-menu .nav.pull-right .dropdown-menu { |
||||
right: 0; |
||||
} |
||||
|
||||
.header-v3 .mega-menu .mega-menu-content { |
||||
*zoom: 1; |
||||
padding: 0; |
||||
} |
||||
|
||||
.header-v3 .mega-menu .mega-menu-content:before, |
||||
.header-v3 .mega-menu .mega-menu-content:after { |
||||
content: ""; |
||||
display: table; |
||||
line-height: 0; |
||||
} |
||||
|
||||
.header-v3 .mega-menu .mega-menu-content:after { |
||||
clear: both; |
||||
} |
||||
|
||||
.header-v3 .mega-menu.navbar .nav > li > .dropdown-menu:after, |
||||
.header-v3 .mega-menu.navbar .nav > li > .dropdown-menu:before { |
||||
display: none; |
||||
} |
||||
|
||||
.header-v3 .mega-menu .dropdown.mega-menu-fullwidth .dropdown-menu { |
||||
left: 0; |
||||
right: 0; |
||||
overflow: hidden; |
||||
} |
||||
|
||||
@media (min-width: 992px) { |
||||
.header-v3 .mega-menu .dropdown.mega-menu-fullwidth .dropdown-menu { |
||||
margin-left: 10px; |
||||
margin-right: 15px; |
||||
} |
||||
} |
||||
|
||||
/*Equal Height Lists*/ |
||||
@media (min-width: 992px) { |
||||
.header-v3 .mega-menu .equal-height { |
||||
display: -webkit-flex; |
||||
display: -ms-flexbox; |
||||
display: flex; |
||||
|
||||
/*-webkit-flex-wrap: wrap; |
||||
-ms-flex-wrap: wrap; |
||||
flex-wrap: wrap;*/ |
||||
} |
||||
|
||||
.header-v3 .mega-menu .equal-height-in { |
||||
display: -webkit-flex; |
||||
display: -ms-flexbox; |
||||
display: flex; |
||||
} |
||||
} |
||||
|
||||
/*Mega Menu Style Effect*/ |
||||
.header-v3 .mega-menu .equal-height-list h3 { |
||||
font-size: 15px; |
||||
font-weight: 400; |
||||
padding: 0 10px 0 13px; |
||||
text-transform: uppercase; |
||||
} |
||||
|
||||
/*Space for only Big Resolution*/ |
||||
@media (min-width: 992px) { |
||||
.header-v3 .mega-menu .big-screen-space { |
||||
margin-bottom: 20px; |
||||
} |
||||
} |
||||
|
||||
/*Mega Menu Content*/ |
||||
@media (min-width: 992px) { |
||||
.header-v3 .mega-menu .equal-height-in { |
||||
padding: 20px 0; |
||||
border-left: 1px solid #eee; |
||||
} |
||||
|
||||
.header-v3 .mega-menu .equal-height-in:first-child { |
||||
border-left: none; |
||||
margin-left: -1px; |
||||
} |
||||
|
||||
.header-v3 .mega-menu .equal-height-list { |
||||
width: 100%; |
||||
} |
||||
|
||||
.header-v3 .mega-menu .equal-height-list li a { |
||||
display: block; |
||||
position: relative; |
||||
border-bottom: none; |
||||
padding: 5px 10px 5px 15px; |
||||
} |
||||
|
||||
.header-v3 .mega-menu .equal-height-list a:hover { |
||||
text-decoration: none; |
||||
} |
||||
|
||||
/*Dropdown Arrow Icons*/ |
||||
.header-v3 .mega-menu .mega-menu-fullwidth li a { |
||||
padding: 5px 10px 5px 30px; |
||||
} |
||||
|
||||
.header-v3 .mega-menu .mega-menu-fullwidth li a:after { |
||||
top: 7px; |
||||
left: 15px; |
||||
font-size: 11px; |
||||
content: "\f105"; |
||||
position: absolute; |
||||
font-weight: normal; |
||||
display: inline-block; |
||||
font-family: FontAwesome; |
||||
} |
||||
|
||||
/*Dropdown Arrow Icons Disable class*/ |
||||
.header-v3 .mega-menu .mega-menu-fullwidth .disable-icons li a { |
||||
padding: 5px 10px 5px 15px; |
||||
} |
||||
|
||||
.header-v3 .mega-menu .mega-menu-fullwidth .disable-icons li a:after { |
||||
display: none; |
||||
} |
||||
} |
||||
|
||||
/*Space Effect inside the container to avoid scroll bar*/ |
||||
@media (min-width: 737px) and (max-width: 991px) { |
||||
.header-v3 .mega-menu .mega-menu-content .container { |
||||
width: 690px !important; |
||||
} |
||||
|
||||
.header-v3 .mega-menu .equal-height { |
||||
margin-right: 0; |
||||
} |
||||
|
||||
.header-v3 .mega-menu .equal-height-in { |
||||
padding-right: 0; |
||||
margin-right: -15px; |
||||
} |
||||
} |
||||
|
||||
@media (max-width: 991px) { |
||||
.header-v3 .mega-menu .equal-height { |
||||
margin-right: 0; |
||||
} |
||||
|
||||
.header-v3 .mega-menu .equal-height-in { |
||||
padding-right: 0; |
||||
} |
||||
} |
||||
|
||||
/*Equal Hight List Style*/ |
||||
@media (max-width: 991px) { |
||||
.header-v3 .mega-menu .dropdown.mega-menu-fullwidth .dropdown-menu { |
||||
width: auto; |
||||
} |
||||
|
||||
.header-v3 .mega-menu .equal-height-in, |
||||
.header-v3 .mega-menu .equal-height-list { |
||||
display: block; |
||||
} |
||||
|
||||
.header-v3 .mega-menu .mega-menu-fullwidth .dropdown-menu > li > ul { |
||||
display: block; |
||||
} |
||||
|
||||
/*Equal Height List Style*/ |
||||
.header-v3 .mega-menu .equal-height-list h3 { |
||||
color: #333; |
||||
margin: 0 0 5px; |
||||
font-size: 13px; |
||||
font-weight: 400; |
||||
padding: 6px 25px 5px; |
||||
border-bottom: solid 1px #eee; |
||||
} |
||||
|
||||
.header-v3 .mega-menu .equal-height-list li { |
||||
margin-left: 15px; |
||||
} |
||||
|
||||
.header-v3 .mega-menu .equal-height-list li a { |
||||
color: #687074; |
||||
display: block; |
||||
font-size: 13px; |
||||
font-weight: 400; |
||||
padding: 6px 25px; |
||||
border-bottom: solid 1px #eee; |
||||
} |
||||
|
||||
.header-v3 .mega-menu .equal-height-list > h3.active, |
||||
.header-v3 .mega-menu .equal-height-list > .active > a, |
||||
.header-v3 .mega-menu .equal-height-list > .active > a:hover, |
||||
.header-v3 .mega-menu .equal-height-list > .active > a:focus { |
||||
color: #555; |
||||
background-color: #e7e7e7; |
||||
} |
||||
|
||||
.header-v3 .mega-menu .equal-height-list li a:hover { |
||||
color: #333; |
||||
text-decoration: none; |
||||
} |
||||
} |
||||
@ -0,0 +1,947 @@ |
||||
/*Top Bar v1 (login, search etc.) |
||||
------------------------------------*/ |
||||
.header-v4 .topbar-v1 { |
||||
background: #fdfdfd; |
||||
border-top: solid 1px #f0f0f0; |
||||
border-bottom: solid 1px #f0f0f0; |
||||
} |
||||
|
||||
/*Top Contacts*/ |
||||
.header-v4 .topbar-v1 ul { |
||||
margin: 0; |
||||
} |
||||
|
||||
.header-v4 .topbar-v1 .top-v1-data li { |
||||
padding: 5px 11px; |
||||
margin-left: -3px; |
||||
display: inline-block; |
||||
border-right: solid 1px #eee; |
||||
} |
||||
|
||||
.header-v4 .topbar-v1 .top-v1-data li:first-child { |
||||
margin-left: 0; |
||||
border-left: solid 1px #eee; |
||||
} |
||||
|
||||
.header-v4 .topbar-v1 .top-v1-contacts { |
||||
margin-top: 5px; |
||||
} |
||||
|
||||
.header-v4 .topbar-v1 .top-v1-contacts i { |
||||
color: #999; |
||||
font-size: 13px; |
||||
margin-right: 3px; |
||||
} |
||||
|
||||
/*Top Data*/ |
||||
.header-v4 .topbar-v1 .top-v1-data { |
||||
text-align: right; |
||||
} |
||||
|
||||
.header-v4 .topbar-v1 .top-v1-data li { |
||||
padding: 5px 11px; |
||||
margin-left: -4px; |
||||
display: inline-block; |
||||
border-right: solid 1px #eee; |
||||
} |
||||
|
||||
.header-v4 .topbar-v1 .top-v1-data li:first-child { |
||||
margin-left: 0; |
||||
border-left: solid 1px #eee; |
||||
} |
||||
|
||||
.header-v4 .topbar-v1 .top-v1-data li a { |
||||
font-size: 12px; |
||||
} |
||||
|
||||
.header-v4 .topbar-v1 .top-v1-data li a:hover { |
||||
text-decoration: none; |
||||
} |
||||
|
||||
.header-v4 .topbar-v1 .top-v1-data li i { |
||||
color: #777; |
||||
font-size: 13px; |
||||
} |
||||
|
||||
.header-v4 .topbar-v1 .top-v1-data li a:hover i { |
||||
color: #72c02c; |
||||
} |
||||
|
||||
/*Responsive Topbar v1*/ |
||||
@media (max-width: 991px) { |
||||
.header-v4 .topbar-v1 ul { |
||||
text-align: center !important; |
||||
} |
||||
|
||||
.header-v4 .topbar-v1 .top-v1-contacts { |
||||
margin: 10px 0; |
||||
} |
||||
|
||||
.header-v4 .topbar-v1 .top-v1-data li { |
||||
top: 1px; |
||||
padding: 6px 16px; |
||||
margin-left: -5px; |
||||
position: relative; |
||||
border: solid 1px #eee; |
||||
} |
||||
} |
||||
|
||||
/*Header v4 |
||||
------------------------------------*/ |
||||
.header-v4 { |
||||
z-index: 99; |
||||
position: relative; |
||||
} |
||||
|
||||
.header-v4 .navbar { |
||||
margin: 0; |
||||
} |
||||
|
||||
.header-v4 .navbar-default { |
||||
border: none; |
||||
background: none; |
||||
} |
||||
|
||||
.header-v4 .navbar-header { |
||||
margin: 20px 0; |
||||
} |
||||
|
||||
@media (max-width: 991px) { |
||||
.header-v4 .navbar-header { |
||||
margin: 20px 0 0; |
||||
} |
||||
} |
||||
|
||||
/*Navbar Brand*/ |
||||
.header-v4 .navbar-brand { |
||||
z-index: 1; |
||||
display: block; |
||||
margin: 10px 0; |
||||
} |
||||
|
||||
@media (min-width: 992px) { |
||||
.header-v4 .navbar-brand img { |
||||
margin-left: 5px; |
||||
} |
||||
} |
||||
|
||||
@media (max-width: 991px) { |
||||
.header-v4 .navbar-brand { |
||||
padding: 0; |
||||
float: none; |
||||
} |
||||
|
||||
.header-v4 .navbar-brand img { |
||||
display: block; |
||||
text-align: center; |
||||
margin: 0 auto 15px; |
||||
} |
||||
} |
||||
|
||||
.header-v4 .navbar-nav { |
||||
float: left; |
||||
margin-top: -1px; |
||||
} |
||||
|
||||
/*Header Banner*/ |
||||
@media (max-width: 991px) { |
||||
.header-v4 img.header-banner { |
||||
margin-bottom: 20px; |
||||
} |
||||
} |
||||
|
||||
/*Navbar Toggle*/ |
||||
.header-v4 .navbar-default .navbar-toggle { |
||||
width: 100%; |
||||
overflow: hidden; |
||||
margin-bottom: 0; |
||||
border-color: #eee; |
||||
} |
||||
|
||||
.header-v4 .full-width-menu { |
||||
top: -1px; |
||||
color: #777; |
||||
float: left; |
||||
font-size: 14px; |
||||
margin-right: 10px; |
||||
position: relative; |
||||
text-transform: uppercase; |
||||
} |
||||
|
||||
.header-v4 .navbar-default .navbar-toggle .icon-toggle { |
||||
height: 1px; |
||||
width: 25px; |
||||
float: right; |
||||
font-size: 19px; |
||||
margin: 2px 0 7px; |
||||
} |
||||
|
||||
.header-v4 .navbar-default .navbar-toggle .icon-toggle:last-child { |
||||
margin-bottom: 0; |
||||
} |
||||
|
||||
.header-v4 .navbar-toggle, |
||||
.header-v4 .navbar-default .navbar-toggle:hover, |
||||
.header-v4 .navbar-default .navbar-toggle:focus { |
||||
background: #f7f7f7; |
||||
padding: 12px 10px 8px; |
||||
} |
||||
|
||||
@media(max-width: 768px) { |
||||
.header-v4 .navbar-default .navbar-toggle { |
||||
margin: -1px 0 0; |
||||
} |
||||
} |
||||
|
||||
/*Navbar Collapse*/ |
||||
.header-v4 .navbar-collapse { |
||||
padding: 0; |
||||
border-top: none; |
||||
position: relative; |
||||
} |
||||
|
||||
/*Navbar Menu*/ |
||||
.header-v4 .navbar-default .navbar-nav > li > a { |
||||
color: #687074; |
||||
font-size: 15px; |
||||
font-weight:400; |
||||
text-transform: uppercase; |
||||
} |
||||
|
||||
.header-v4 .navbar-default .navbar-nav > .active > a { |
||||
color: #72c02c; |
||||
} |
||||
|
||||
@media (min-width: 768px) { |
||||
.navbar-nav.navbar-right:last-child { |
||||
margin-right: 0; |
||||
} |
||||
} |
||||
|
||||
/*Responsive Navbar*/ |
||||
@media (max-width: 991px) { |
||||
/*Responsive code for max-width: 991px*/ |
||||
.header-v4 .navbar-header { |
||||
float: none; |
||||
} |
||||
|
||||
.header-v4 .navbar-toggle { |
||||
display: block; |
||||
} |
||||
|
||||
.header-v4 .navbar-collapse.collapse { |
||||
display: none !important; |
||||
} |
||||
|
||||
.header-v4 .navbar-collapse.collapse.in { |
||||
display: block !important; |
||||
overflow-y: auto !important; |
||||
} |
||||
|
||||
.header-v4 .navbar-nav { |
||||
margin: 0 15px; |
||||
float: none !important; |
||||
border-left: 1px solid #eee; |
||||
border-right: 1px solid #eee; |
||||
} |
||||
|
||||
.header-v4 .navbar-nav.navbar-border-bottom { |
||||
margin-right: 15px; |
||||
padding-bottom: 5px; |
||||
border-bottom: 1px solid #eee; |
||||
} |
||||
|
||||
.header-v4 .navbar-nav > li { |
||||
float: none; |
||||
} |
||||
|
||||
.header-v4 .navbar-nav > li > a { |
||||
padding-top: 30px; |
||||
padding-bottom: 40px; |
||||
} |
||||
|
||||
/*Dropdown Menu Slide Down Effect*/ |
||||
.header-v4 .navbar-nav .open .dropdown-menu { |
||||
border: 0; |
||||
float: none; |
||||
width: auto; |
||||
margin-top: 0; |
||||
position: static; |
||||
box-shadow: none; |
||||
background-color: transparent; |
||||
} |
||||
|
||||
.header-v4 .navbar-nav .open .dropdown-menu > li > a, |
||||
.header-v4 .navbar-nav .open .dropdown-menu .dropdown-header { |
||||
padding: 5px 15px 5px 25px; |
||||
} |
||||
|
||||
.header-v4 .navbar-nav .open .dropdown-menu > li > a { |
||||
line-height: 20px; |
||||
} |
||||
|
||||
.header-v4 .navbar-nav .open .dropdown-menu > li > a:hover, |
||||
.header-v4 .navbar-nav .open .dropdown-menu > li > a:focus { |
||||
background-image: none; |
||||
} |
||||
|
||||
.header-v4 .navbar-default .navbar-nav .open .dropdown-menu > li > a { |
||||
color: #777; |
||||
} |
||||
|
||||
.header-v4 .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, |
||||
.header-v4 .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { |
||||
color: #333; |
||||
background-color: transparent; |
||||
} |
||||
|
||||
.header-v4 .navbar-default .navbar-nav .open .dropdown-menu > .active > a, |
||||
.header-v4 .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, |
||||
.header-v4 .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { |
||||
color: #555; |
||||
background-color: #e7e7e7; |
||||
} |
||||
|
||||
.header-v4 .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, |
||||
.header-v4 .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, |
||||
.header-v4 .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { |
||||
color: #ccc; |
||||
background-color: transparent; |
||||
} |
||||
|
||||
.header-v4 .navbar-default .dropdown-menu.no-bottom-space { |
||||
padding-bottom: 0; |
||||
} |
||||
|
||||
/*Design for max-width: 1200px*/ |
||||
.header-v4 .navbar-collapse, |
||||
.header-v4 .navbar-collapse .container { |
||||
padding-left: 0 !important; |
||||
padding-right: 0 !important; |
||||
} |
||||
|
||||
.header-v4 .navbar-default .navbar-nav > li > a { |
||||
font-size: 14px; |
||||
padding: 9px 10px; |
||||
} |
||||
|
||||
.header-v4 .navbar-default .navbar-nav > li a { |
||||
border-bottom: solid 1px #eee; |
||||
} |
||||
|
||||
.header-v4 .navbar-default .navbar-nav > li > a:focus { |
||||
background: none; |
||||
} |
||||
|
||||
.header-v4 .navbar-default .navbar-nav > li > a:hover { |
||||
color: #72c02c; |
||||
} |
||||
|
||||
.header-v4 .navbar-default .navbar-nav > .active > a, |
||||
.header-v4 .navbar-default .navbar-nav > .active > a:hover, |
||||
.header-v4 .navbar-default .navbar-nav > .active > a:focus { |
||||
background: inherit; |
||||
color: #72c02c !important; |
||||
} |
||||
|
||||
.header-v4 .dropdown .dropdown-submenu > a { |
||||
font-size: 13px; |
||||
color: #333 !important; |
||||
text-transform: uppercase; |
||||
} |
||||
} |
||||
|
||||
@media (min-width: 992px) { |
||||
.header-v4 { |
||||
border-bottom: none; |
||||
} |
||||
|
||||
.header-v4 .navbar-collapse { |
||||
border-top: 1px solid #eee; |
||||
border-bottom: 1px solid #eee; |
||||
} |
||||
|
||||
/*Navbar Nav*/ |
||||
.header-v4 .navbar-default .navbar-nav > li { |
||||
margin-left: -1px; |
||||
border-left: 1px solid #eee; |
||||
border-right: 1px solid #eee; |
||||
} |
||||
|
||||
.header-v4 .navbar-default .navbar-nav > li.no-border, |
||||
.header-v4 .navbar-default .navbar-nav > li.no-border:first-child { |
||||
border-left: none; |
||||
border-right: none; |
||||
} |
||||
|
||||
.header-v4 .navbar-default .navbar-nav > li > a { |
||||
font-size: 13px; |
||||
padding: 10px 30px 11px 20px; |
||||
} |
||||
|
||||
.header-v4 .navbar-default .navbar-nav > li > a, |
||||
.header-v4 .navbar-default .navbar-nav > li > a:focus { |
||||
border-top: solid 2px transparent; |
||||
} |
||||
|
||||
.header-v4 .navbar-default .navbar-nav > li > a:hover, |
||||
.header-v4 .navbar-default .navbar-nav > .active > a { |
||||
border-top: solid 2px #72c02c; |
||||
} |
||||
|
||||
.header-v4 .navbar-default .navbar-nav > li > a, |
||||
.header-v4 .navbar-default .navbar-nav > li > a:hover, |
||||
.header-v4 .navbar-default .navbar-nav > li > a:focus, |
||||
.header-v4 .navbar-default .navbar-nav > .active > a, |
||||
.header-v4 .navbar-default .navbar-nav > .active > a:hover, |
||||
.header-v4 .navbar-default .navbar-nav > .active > a:focus { |
||||
background: none; |
||||
} |
||||
|
||||
.header-v4 .navbar-default .navbar-nav > .open > a, |
||||
.header-v4 .navbar-default .navbar-nav > .open > a:hover, |
||||
.header-v4 .navbar-default .navbar-nav > .open > a:focus { |
||||
color: #72c02c; |
||||
} |
||||
|
||||
.header-v4 .navbar-default .navbar-nav > li:hover > a { |
||||
color: #72c02c; |
||||
border-top: solid 2px #72c02c; |
||||
} |
||||
|
||||
/*Dropdown Menu*/ |
||||
.header-v4 .dropdown-menu { |
||||
padding: 0; |
||||
border: none; |
||||
min-width: 200px; |
||||
border-radius: 0; |
||||
z-index: 9999 !important; |
||||
border-bottom: solid 2px #687074; |
||||
border-top: solid 1px transparent; |
||||
} |
||||
|
||||
.header-v4 .dropdown-menu li a { |
||||
color: #687074; |
||||
font-size: 13px; |
||||
font-weight: 400; |
||||
padding: 6px 15px; |
||||
border-bottom: solid 1px #eee; |
||||
} |
||||
|
||||
.header-v4 .dropdown-menu .active > a, |
||||
.header-v4 .dropdown-menu li > a:hover { |
||||
color: #fff; |
||||
filter: none !important; |
||||
background: #687074 !important; |
||||
-webkit-transition: all 0.1s ease-in-out; |
||||
-moz-transition: all 0.1s ease-in-out; |
||||
-o-transition: all 0.1s ease-in-out; |
||||
transition: all 0.1s ease-in-out; |
||||
} |
||||
|
||||
.header-v4 .dropdown-menu li > a:focus { |
||||
background: none; |
||||
filter: none !important; |
||||
} |
||||
|
||||
.header-v4 .navbar-nav > li.dropdown:hover > .dropdown-menu { |
||||
display: block; |
||||
} |
||||
|
||||
.header-v4 .open > .dropdown-menu { |
||||
display: none; |
||||
} |
||||
|
||||
/*Search*/ |
||||
.header-v4 .navbar .nav > li > .search { |
||||
margin: 4px 9px 0 20px; |
||||
} |
||||
|
||||
.header-v4 .navbar .search-open { |
||||
width: 330px; |
||||
} |
||||
} |
||||
|
||||
/*Dropdown Submenu for BS3 |
||||
------------------------------------*/ |
||||
.header-v4 .dropdown-submenu { |
||||
position: relative; |
||||
} |
||||
|
||||
.header-v4 .dropdown > a:after, |
||||
.header-v4 .dropdown-submenu > a:after { |
||||
top: 8px; |
||||
right: 9px; |
||||
font-size: 11px; |
||||
content: "\f105"; |
||||
position: absolute; |
||||
font-weight: normal; |
||||
display: inline-block; |
||||
font-family: FontAwesome; |
||||
} |
||||
|
||||
@media (max-width: 991px) { |
||||
.header-v4 .dropdown-submenu > a:after { |
||||
content: " "; |
||||
} |
||||
} |
||||
|
||||
.header-v4 .dropdown > a:after { |
||||
top: 10px; |
||||
right: 15px; |
||||
content: "\f107"; |
||||
} |
||||
|
||||
.header-v4 .dropdown-submenu > .dropdown-menu { |
||||
top: 3px; |
||||
left: 100%; |
||||
margin-top: -5px; |
||||
margin-left: 0px; |
||||
} |
||||
|
||||
/*Submenu comes from LEFT side*/ |
||||
.header-v4 .dropdown-submenu > .dropdown-menu.submenu-left { |
||||
left: -100%; |
||||
} |
||||
|
||||
.header-v4 .dropdown-submenu:hover > .dropdown-menu { |
||||
display: block; |
||||
} |
||||
|
||||
@media (max-width: 991px) { |
||||
.header-v4 .dropdown-submenu > .dropdown-menu { |
||||
display: block; |
||||
margin-left: 15px; |
||||
} |
||||
} |
||||
|
||||
.header-v4 .dropdown-submenu.pull-left { |
||||
float: none; |
||||
} |
||||
|
||||
.header-v4 .dropdown-submenu.pull-left > .dropdown-menu { |
||||
left: -100%; |
||||
margin-left: 10px; |
||||
} |
||||
|
||||
.header-v4 .dropdown-menu li [class^="fa-"], |
||||
.header-v4 .dropdown-menu li [class*=" fa-"] { |
||||
left: -3px; |
||||
width: 1.25em; |
||||
margin-right: 1px; |
||||
position: relative; |
||||
text-align: center; |
||||
display: inline-block; |
||||
} |
||||
.header-v4 .dropdown-menu li [class^="fa-"].fa-lg, |
||||
.header-v4 .dropdown-menu li [class*=" fa-"].fa-lg { |
||||
/* increased font size for fa-lg */ |
||||
width: 1.5625em; |
||||
} |
||||
|
||||
/*Search Box |
||||
------------------------------------*/ |
||||
.header-v4 .navbar .nav > li > .search { |
||||
color: #aaa; |
||||
cursor: pointer; |
||||
min-width: 35px; |
||||
font-size: 15px; |
||||
text-align: center; |
||||
padding: 11px 0 12px; |
||||
display: inline-block; |
||||
} |
||||
|
||||
.header-v4 .navbar .nav > li > .search:hover { |
||||
color: #72c02c; |
||||
} |
||||
|
||||
.header-v4 .navbar .search-open { |
||||
right: 0; |
||||
top: 43px; |
||||
display: none; |
||||
padding: 14px; |
||||
position: absolute; |
||||
background: #fcfcfc; |
||||
border-top: solid 1px #eee; |
||||
box-shadow: 0 1px 3px #ddd; |
||||
} |
||||
|
||||
.header-v4 .navbar .search-open form { |
||||
margin: 0; |
||||
} |
||||
|
||||
@media (min-width: 767px) and (max-width: 991px) { |
||||
.header-v4 .navbar > .container .navbar-brand, |
||||
.header-v4 .navbar > .container-fluid .navbar-brand { |
||||
margin-left: -10px; |
||||
} |
||||
|
||||
.header-v4 .navbar-toggle { |
||||
margin-right: 0; |
||||
} |
||||
|
||||
.header-v4 .navbar .search-open { |
||||
width: 92%; |
||||
} |
||||
} |
||||
|
||||
@media (max-width: 991px) { |
||||
.header-v4 .navbar .nav > li > .search { |
||||
color: #999; |
||||
width: 35px; |
||||
height: 34px; |
||||
text-align: left; |
||||
background: #eee; |
||||
line-height: 12px; |
||||
text-align: center; |
||||
margin: 5px 10px 0; |
||||
border-bottom: none; |
||||
} |
||||
|
||||
.header-v4 .navbar .nav > li > .search:hover { |
||||
background: #5fb611; |
||||
color: #fff !important; |
||||
} |
||||
|
||||
.header-v4 .navbar .search-open { |
||||
top: 5px; |
||||
padding: 0; |
||||
left: 48px; |
||||
border-top: none; |
||||
box-shadow: none; |
||||
background: none; |
||||
margin-right: 10px; |
||||
} |
||||
} |
||||
|
||||
/*Header Fixed |
||||
------------------------------------*/ |
||||
/*Header*/ |
||||
.header-fixed .header-v4 { |
||||
height: 78px; |
||||
} |
||||
|
||||
.header-fixed .header-v4.header-fixed-shrink { |
||||
top: 0; |
||||
left: 0; |
||||
width: 100%; |
||||
height: 95px; |
||||
z-index: 9999; |
||||
position: fixed; |
||||
margin-top: -35px; |
||||
border-bottom: none; |
||||
box-shadow: 0 0 3px #bbb; |
||||
background: rgba(255,255,255, 0.96); |
||||
-webkit-transition: height 0.4s; |
||||
-moz-transition: height 0.4s; |
||||
transition: height 0.4s; |
||||
} |
||||
|
||||
/*Brand*/ |
||||
.header-fixed .header-v4.header-fixed-shrink .navbar-brand { |
||||
top: 11px; |
||||
z-index: 1; |
||||
position: relative; |
||||
padding: 0 10px 10px; |
||||
} |
||||
|
||||
.header-fixed .header-v4.header-fixed-shrink .navbar-brand img { |
||||
width: 90%; |
||||
} |
||||
|
||||
.header-fixed .header-v4.header-fixed-shrink .search, |
||||
.header-fixed .header-v4.header-fixed-shrink .active a { |
||||
border-bottom: none !important; |
||||
} |
||||
|
||||
.header-fixed .header-v4.header-fixed-shrink .dropdown > a:after { |
||||
top: 19px; |
||||
} |
||||
|
||||
/*Toggle*/ |
||||
.header-fixed .header-v4 .navbar-toggle { |
||||
margin-top: 5px; |
||||
} |
||||
|
||||
/*Search Bar*/ |
||||
.header-fixed .header-v4.header-fixed-shrink .search { |
||||
margin-top: 12px; |
||||
padding: 8px !important; |
||||
color: #585f69 !important; |
||||
background: none !important; |
||||
} |
||||
|
||||
.header-fixed .header-v4.header-fixed-shrink .search-open { |
||||
border-top: none; |
||||
background: rgba(255,255,255, 0.9); |
||||
} |
||||
|
||||
/*Responsive Fixed Header*/ |
||||
@media (max-width: 991px) { |
||||
/*Header*/ |
||||
.header-fixed .header-v4 { |
||||
height: 118px; |
||||
} |
||||
|
||||
.header-fixed .header-v4.header-fixed-shrink { |
||||
height: 135px; |
||||
} |
||||
} |
||||
|
||||
@media (max-width: 991px) { |
||||
/*Header*/ |
||||
.header-fixed .headerv4, |
||||
.header-fixed .header-v4.header-fixed-shrink { |
||||
height: 88px; |
||||
position: relative; |
||||
} |
||||
|
||||
/*Navbar*/ |
||||
.header-fixed .header-v4 .navbar-nav { |
||||
padding: 6px 0; |
||||
margin-top: 0px; |
||||
background: #fff; |
||||
border: solid 1px #eee; |
||||
} |
||||
|
||||
.header-fixed .header-v4 .navbar-default .navbar-collapse, |
||||
.header-fixed .header-v4 .navbar-default .navbar-form { |
||||
border: none; |
||||
} |
||||
|
||||
/*Toggle*/ |
||||
.header-fixed .header-v4 .navbar-toggle { |
||||
margin-top: 9px; |
||||
} |
||||
|
||||
/*Search*/ |
||||
.header-fixed .header-v4.header-fixed-shrink .navbar .nav > li > .search { |
||||
top: 5px; |
||||
position: relative; |
||||
} |
||||
} |
||||
|
||||
@media (min-width: 992px) { |
||||
.header-fixed .header-v4.header-fixed-shrink .navbar-nav > li > a { |
||||
padding: 19px 30px 18px 20px; |
||||
border-bottom: solid 1px transparent !important; |
||||
} |
||||
|
||||
/*Search Bar*/ |
||||
.header-fixed .header-v4.header-fixed-shrink .search-open { |
||||
top: 59px; |
||||
} |
||||
} |
||||
|
||||
/*Mega Menu |
||||
------------------------------------*/ |
||||
.header-v4 .mega-menu .nav, |
||||
.header-v4 .mega-menu .dropup, |
||||
.header-v4 .mega-menu .dropdown, |
||||
.header-v4 .mega-menu .collapse { |
||||
position: static; |
||||
} |
||||
|
||||
.header-v4 .mega-menu .navbar-inner, |
||||
.header-v4 .mega-menu .container { |
||||
position: relative; |
||||
} |
||||
|
||||
.header-v4 .mega-menu .dropdown-menu { |
||||
left: auto; |
||||
} |
||||
|
||||
.header-v4 .mega-menu .dropdown-menu > li { |
||||
display: block; |
||||
} |
||||
|
||||
.header-v4 .mega-menu .dropdown-submenu .dropdown-menu { |
||||
left: 100%; |
||||
} |
||||
|
||||
.header-v4 .mega-menu .nav.pull-right .dropdown-menu { |
||||
right: 0; |
||||
} |
||||
|
||||
.header-v4 .mega-menu .mega-menu-content { |
||||
*zoom: 1; |
||||
padding: 0; |
||||
} |
||||
|
||||
.header-v4 .mega-menu .mega-menu-content:before, |
||||
.header-v4 .mega-menu .mega-menu-content:after { |
||||
content: ""; |
||||
display: table; |
||||
line-height: 0; |
||||
} |
||||
|
||||
.header-v4 .mega-menu .mega-menu-content:after { |
||||
clear: both; |
||||
} |
||||
|
||||
.header-v4 .mega-menu.navbar .nav > li > .dropdown-menu:after, |
||||
.header-v4 .mega-menu.navbar .nav > li > .dropdown-menu:before { |
||||
display: none; |
||||
} |
||||
|
||||
.header-v4 .mega-menu .dropdown.mega-menu-fullwidth .dropdown-menu { |
||||
left: 0; |
||||
right: 0; |
||||
overflow: hidden; |
||||
} |
||||
|
||||
@media (min-width: 992px) { |
||||
.header-v4 .mega-menu .dropdown.mega-menu-fullwidth .dropdown-menu { |
||||
margin: 0 15px; |
||||
} |
||||
} |
||||
|
||||
/*Equal Height Lists*/ |
||||
@media (min-width: 992px) { |
||||
.header-v4 .mega-menu .equal-height { |
||||
display: -webkit-flex; |
||||
display: -ms-flexbox; |
||||
display: flex; |
||||
|
||||
/*-webkit-flex-wrap: wrap; |
||||
-ms-flex-wrap: wrap; |
||||
flex-wrap: wrap;*/ |
||||
} |
||||
|
||||
.header-v4 .mega-menu .equal-height-in { |
||||
display: -webkit-flex; |
||||
display: -ms-flexbox; |
||||
display: flex; |
||||
} |
||||
} |
||||
|
||||
/*Mega Menu Style Effect*/ |
||||
.header-v4 .mega-menu .equal-height-list h3 { |
||||
font-size: 15px; |
||||
font-weight: 400; |
||||
padding: 0 10px 0 13px; |
||||
text-transform: uppercase; |
||||
} |
||||
|
||||
/*Space for only Big Resolution*/ |
||||
@media (min-width: 992px) { |
||||
.header-v4 .mega-menu .big-screen-space { |
||||
margin-bottom: 20px; |
||||
} |
||||
} |
||||
|
||||
/*Mega Menu Content*/ |
||||
@media (min-width: 992px) { |
||||
.header-v4 .mega-menu .equal-height-in { |
||||
padding: 20px 0; |
||||
border-left: 1px solid #eee; |
||||
} |
||||
|
||||
.header-v4 .mega-menu .equal-height-in:first-child { |
||||
border-left: none; |
||||
margin-left: -1px; |
||||
} |
||||
|
||||
.header-v4 .mega-menu .equal-height-list { |
||||
width: 100%; |
||||
} |
||||
|
||||
.header-v4 .mega-menu .equal-height-list li a { |
||||
display: block; |
||||
position: relative; |
||||
border-bottom: none; |
||||
padding: 5px 10px 5px 15px; |
||||
} |
||||
|
||||
.header-v4 .mega-menu .equal-height-list a:hover { |
||||
text-decoration: none; |
||||
} |
||||
|
||||
/*Dropdown Arrow Icons*/ |
||||
.header-v4 .mega-menu .mega-menu-fullwidth li a { |
||||
padding: 5px 10px 5px 30px; |
||||
} |
||||
|
||||
.header-v4 .mega-menu .mega-menu-fullwidth li a:after { |
||||
top: 7px; |
||||
left: 15px; |
||||
font-size: 11px; |
||||
content: "\f105"; |
||||
position: absolute; |
||||
font-weight: normal; |
||||
display: inline-block; |
||||
font-family: FontAwesome; |
||||
} |
||||
|
||||
/*Dropdown Arrow Icons Disable class*/ |
||||
.header-v4 .mega-menu .mega-menu-fullwidth .disable-icons li a { |
||||
padding: 5px 10px 5px 15px; |
||||
} |
||||
|
||||
.header-v4 .mega-menu .mega-menu-fullwidth .disable-icons li a:after { |
||||
display: none; |
||||
} |
||||
} |
||||
|
||||
/*Space Effect inside the container to avoid scroll bar*/ |
||||
@media (max-width: 991px) { |
||||
.header-v4 .mega-menu .equal-height { |
||||
margin-right: 0; |
||||
} |
||||
|
||||
.header-v4 .mega-menu .equal-height-in { |
||||
padding-right: 0; |
||||
} |
||||
} |
||||
|
||||
/*Equal Hight List Style*/ |
||||
@media (max-width: 991px) { |
||||
.header-v4 .mega-menu .dropdown.mega-menu-fullwidth .dropdown-menu { |
||||
width: auto; |
||||
} |
||||
|
||||
.header-v4 .mega-menu .equal-height-in, |
||||
.header-v4 .mega-menu .equal-height-list { |
||||
display: block; |
||||
} |
||||
|
||||
.header-v4 .mega-menu .mega-menu-fullwidth .dropdown-menu > li > ul { |
||||
display: block; |
||||
} |
||||
|
||||
/*Equal Height List Style*/ |
||||
.header-v4 .mega-menu .equal-height-list h3 { |
||||
color: #333; |
||||
margin: 0 0 5px; |
||||
font-size: 13px; |
||||
font-weight: 400; |
||||
padding: 6px 25px 5px; |
||||
border-bottom: solid 1px #eee; |
||||
} |
||||
|
||||
.header-v4 .mega-menu .equal-height-list li { |
||||
margin-left: 15px; |
||||
} |
||||
|
||||
.header-v4 .mega-menu .equal-height-list li a { |
||||
color: #687074; |
||||
display: block; |
||||
font-size: 13px; |
||||
font-weight: 400; |
||||
padding: 6px 25px; |
||||
border-bottom: solid 1px #eee; |
||||
} |
||||
|
||||
.header-v4 .mega-menu .equal-height-list > h3.active, |
||||
.header-v4 .mega-menu .equal-height-list > .active > a, |
||||
.header-v4 .mega-menu .equal-height-list > .active > a:hover, |
||||
.header-v4 .mega-menu .equal-height-list > .active > a:focus { |
||||
color: #555; |
||||
background-color: #e7e7e7; |
||||
} |
||||
|
||||
.header-v4 .mega-menu .equal-height-list li a:hover { |
||||
color: #333; |
||||
text-decoration: none; |
||||
} |
||||
} |
||||
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,77 @@ |
||||
/* |
||||
* Template Name: Unify - Responsive Bootstrap Template |
||||
* Description: Business, Corporate, Portfolio, E-commerce, Blog and One Page Template. |
||||
* Version: 1.6 |
||||
* Author: @htmlstream |
||||
* Website: http://htmlstream.com |
||||
*/ |
||||
|
||||
/*Header Fixed |
||||
------------------------------------*/ |
||||
.ie8 .header-fixed .header.header-fixed-shrink { |
||||
background: #fff; |
||||
} |
||||
|
||||
/*Blog Latest Tweets |
||||
------------------------------------*/ |
||||
.ie8 .blog-twitter .blog-twitter-inner:after, |
||||
.ie8 .blog-twitter .blog-twitter-inner:before { |
||||
border: none; |
||||
} |
||||
|
||||
.ie8 .our-clients img { |
||||
width: 100%; |
||||
height: 100px; |
||||
vertical-align: inherit; |
||||
} |
||||
|
||||
.ie8 .our-clients .img-hover { |
||||
display: none; |
||||
} |
||||
|
||||
/*Pricing Stickers*/ |
||||
.ie8 .sticker-left { |
||||
width: 90px; |
||||
text-align: right; |
||||
background: #72c02c; |
||||
} |
||||
|
||||
.ie8 .sticker-right { |
||||
width: 100px; |
||||
text-align: left; |
||||
background: #e74c3c; |
||||
} |
||||
|
||||
/*Easy Block*/ |
||||
.ie8 .easy-bg-v2 { |
||||
width: 75px; |
||||
text-align: left; |
||||
} |
||||
|
||||
.ie8 .rgba-red {background: #e74c3c;} |
||||
.ie8 .rgba-blue {background: #3498db;} |
||||
.ie8 .rgba-default {background: #72c02c;} |
||||
.ie8 .rgba-purple {background: #9b6bcc;} |
||||
.ie8 .rgba-aqua {background: #27d7e7;} |
||||
.ie8 .rgba-yellow {background: #f1c40f;} |
||||
|
||||
/*Sky-Forms*/ |
||||
.ie8 .sky-form .icon-append { |
||||
right: 5px !important; |
||||
padding-left: 0; |
||||
} |
||||
|
||||
/*Background Opacity*/ |
||||
.ie8 .service-block-v2 .service-block-in { |
||||
background: url(../img/transparent/white.png) repeat; |
||||
} |
||||
|
||||
.ie8 .job-img .job-banner, |
||||
.ie8 .job-img .job-img-inputs, |
||||
.ie8 .parallax-team:before, |
||||
.ie8 .image-block .company-description, |
||||
.ie8 .search-block:before, |
||||
.ie8 .parallax-counter .counters, |
||||
.ie8 .carousel-v1 .carousel-caption { |
||||
background: url(../img/transparent/black.png) repeat; |
||||
} |
||||
@ -0,0 +1,122 @@ |
||||
/*Blog Large |
||||
------------------------------------*/ |
||||
/*Blog Page*/ |
||||
.blog h2 { |
||||
color: #555; |
||||
font-size: 21px; |
||||
line-height: 32px; |
||||
margin-bottom: 10px; |
||||
} |
||||
|
||||
.blog h2 a { |
||||
color: #585f69; |
||||
line-height: 32px; |
||||
} |
||||
|
||||
.blog h2 a:hover { |
||||
color: #72c02c; |
||||
text-decoration: none; |
||||
} |
||||
|
||||
.blog .blog-img { |
||||
margin: 20px 0; |
||||
} |
||||
|
||||
.headline-md { |
||||
margin-top: 9px; |
||||
} |
||||
|
||||
/*Blog Content Tags*/ |
||||
.blog-post-tags { |
||||
padding: 5px 0 8px; |
||||
margin-bottom: 10px; |
||||
border-top: solid 1px #eee; |
||||
border-bottom: solid 1px #eee; |
||||
} |
||||
|
||||
.blog-post-tags ul { |
||||
margin-bottom: 0; |
||||
} |
||||
|
||||
.blog-post-tags li { |
||||
font-size: 12px; |
||||
} |
||||
|
||||
.blog-post-tags li i { |
||||
color: #777; |
||||
} |
||||
|
||||
.blog-post-tags ul.blog-info { |
||||
color: #eee; |
||||
margin-bottom: 3px; |
||||
} |
||||
|
||||
.blog-post-tags ul.blog-tags a { |
||||
color: #555; |
||||
font-size: 11px; |
||||
display: inline; |
||||
padding: 3px 7px; |
||||
margin-right: 2px; |
||||
background: #f4f4f4; |
||||
} |
||||
|
||||
.blog-post-tags ul.blog-tags a:hover { |
||||
background: #72c02c; |
||||
} |
||||
|
||||
/*Blog Item Page |
||||
------------------------------------*/ |
||||
.blog-item .media img { |
||||
top: 3px; |
||||
width: 54px; |
||||
height: 54px; |
||||
position: relative; |
||||
} |
||||
|
||||
.post-comment h3, |
||||
.blog-item .media h3 { |
||||
color: #72c02c; |
||||
font-size: 21px; |
||||
margin-bottom: 25px; |
||||
} |
||||
|
||||
.blog-item .media h4.media-heading { |
||||
color: #555; |
||||
font-size: 17px; |
||||
position: relative; |
||||
} |
||||
|
||||
.blog-item .media h4.media-heading span { |
||||
top: 3px; |
||||
right: 0; |
||||
color: #777; |
||||
font-size: 12px; |
||||
position: absolute; |
||||
} |
||||
|
||||
.blog-item .media h4.media-heading span a { |
||||
color: #72c02c; |
||||
} |
||||
|
||||
/*Blog Medium |
||||
------------------------------------*/ |
||||
.blog-medium .blog-info li, |
||||
.blog-medium .blog-info li a { |
||||
color: #777; |
||||
} |
||||
|
||||
/* Medium devices (desktops, 992px and up) */ |
||||
@media (max-width: 992px) { |
||||
.blog-medium img { |
||||
margin-bottom: 20px; |
||||
} |
||||
} |
||||
|
||||
/*Blog Full Wisth |
||||
------------------------------------*/ |
||||
.blog-full-width .blog-post-tags { |
||||
padding: 5px 0; |
||||
} |
||||
.blog-full-width ul.blog-info { |
||||
margin-bottom: 0; |
||||
} |
||||
@ -0,0 +1,157 @@ |
||||
/*Sidebar Features |
||||
------------------------------------*/ |
||||
/*Page Styles*/ |
||||
.magazine-page h3, |
||||
.magazine-page h3 a { |
||||
color: #555; |
||||
font-size: 20px; |
||||
line-height: 28px; |
||||
margin-bottom: 1px; |
||||
text-decoration: none; |
||||
} |
||||
|
||||
.magazine-page h3 a:hover { |
||||
color: #72c02c; |
||||
} |
||||
|
||||
.magazine-page span.magazine-badge { |
||||
top: 0; |
||||
left: 0; |
||||
color: #fff; |
||||
font-size: 14px; |
||||
padding: 2px 8px; |
||||
position: absolute; |
||||
font-style: inherit; |
||||
} |
||||
|
||||
.magazine-page span.magazine-badge-default { |
||||
background: #7f8c8d; |
||||
} |
||||
.magazine-page span.magazine-badge-red { |
||||
background: #e74c3c; |
||||
} |
||||
.magazine-page span.magazine-badge-green { |
||||
background: #2ecc71; |
||||
} |
||||
.magazine-page span.magazine-badge-blue { |
||||
background: #3498db; |
||||
} |
||||
|
||||
/*Magazine News*/ |
||||
.magazine-news { |
||||
margin-bottom: 20px; |
||||
} |
||||
|
||||
.magazine-news h3 { |
||||
margin: 15px 0 10px; |
||||
} |
||||
|
||||
.magazine-news .by-author strong { |
||||
color: #72c02c; |
||||
} |
||||
|
||||
.magazine-news .by-author span { |
||||
color: #777; |
||||
} |
||||
|
||||
.magazine-news a.read-more { |
||||
color: #72c02c; |
||||
} |
||||
|
||||
.magazine-news .by-author { |
||||
margin-bottom: 8px; |
||||
} |
||||
|
||||
.magazine-news-img { |
||||
overflow: hidden; |
||||
max-height: 150px; |
||||
position: relative; |
||||
} |
||||
|
||||
/*Magazine Mini News*/ |
||||
.magazine-mini-news .post-author { |
||||
font-size: 11px; |
||||
} |
||||
|
||||
.magazine-mini-news h3, |
||||
.magazine-mini-news h3 a { |
||||
font-size: 16px; |
||||
line-height: 22px; |
||||
margin-bottom: 6px; |
||||
} |
||||
|
||||
.magazine-mini-news .post-author { |
||||
margin-bottom: 8px; |
||||
} |
||||
|
||||
.magazine-mini-news .post-author span { |
||||
color: #555; |
||||
} |
||||
|
||||
.magazine-mini-news .post-author strong { |
||||
color: #72c02c; |
||||
} |
||||
|
||||
.news-read-more { |
||||
margin: 20px 0; |
||||
} |
||||
|
||||
.news-read-more a { |
||||
font-size: 14px; |
||||
} |
||||
|
||||
.news-read-more a:hover { |
||||
text-decoration: none; |
||||
} |
||||
|
||||
.news-read-more i { |
||||
color: #fff; |
||||
padding: 2px 3px; |
||||
font-size: 14px; |
||||
background: #72c02c; |
||||
} |
||||
|
||||
/*Sidebar Posts*/ |
||||
.magazine-posts h2, |
||||
.magazine-posts h3 { |
||||
margin-top: -5px; |
||||
} |
||||
|
||||
.magazine-posts span { |
||||
color: #777; |
||||
display: block; |
||||
font-size: 12px; |
||||
/*font-style: italic;*/ |
||||
margin-bottom: 7px; |
||||
} |
||||
|
||||
.magazine-posts span i { |
||||
font-style: normal; |
||||
} |
||||
|
||||
.magazine-posts .magazine-posts-img { |
||||
overflow: hidden; |
||||
max-height: 105px; |
||||
position: relative; |
||||
} |
||||
|
||||
.magazine-posts .magazine-posts-img:hover img { |
||||
opacity: 0.9; |
||||
} |
||||
|
||||
/*Sidebar Categories*/ |
||||
.magazine-sb-categories ul li { |
||||
font-size: 14px; |
||||
margin-bottom: 5px; |
||||
} |
||||
|
||||
.magazine-sb-categories ul i { |
||||
color: #72c02c; |
||||
font-size: 14px; |
||||
} |
||||
|
||||
/*Sidebar Social*/ |
||||
.magazine-sb-social .social-icons li { |
||||
margin-bottom: 0; |
||||
margin-right: 1px; |
||||
} |
||||
@ -0,0 +1,89 @@ |
||||
.blog_masonry_3col { |
||||
padding-bottom: 60px; |
||||
} |
||||
|
||||
.blog_masonry_3col .grid-boxes-in { |
||||
padding: 0; |
||||
margin-bottom: 30px; |
||||
border: solid 1px #eee; |
||||
} |
||||
|
||||
.blog_masonry_3col .grid-boxes-caption { |
||||
padding: 15px; |
||||
} |
||||
|
||||
.blog_masonry_3col h3 { |
||||
font-size: 20px; |
||||
font-weight: 200; |
||||
line-height: 28px; |
||||
} |
||||
|
||||
.blog_masonry_3col h3 a { |
||||
color: #555; |
||||
} |
||||
|
||||
.blog_masonry_3col h3 a:hover { |
||||
color: #72c02c; |
||||
} |
||||
|
||||
.blog_masonry_3col h3 a:hover { |
||||
color: #72c02c; |
||||
} |
||||
|
||||
.blog_masonry_3col ul.grid-boxes-news { |
||||
margin-bottom: 15px; |
||||
} |
||||
|
||||
.blog_masonry_3col ul.grid-boxes-news li { |
||||
font-size: 12px; |
||||
} |
||||
|
||||
.blog_masonry_3col ul.grid-boxes-news li, |
||||
.blog_masonry_3col ul.grid-boxes-news li a { |
||||
color: #777; |
||||
} |
||||
|
||||
.blog_masonry_3col ul.grid-boxes-news li a:hover { |
||||
color: #72c02c; |
||||
} |
||||
|
||||
/*Quote Block*/ |
||||
.grid-boxes-caption.grid-boxes-quote { |
||||
padding: 30px; |
||||
background: #333; |
||||
text-align: center; |
||||
} |
||||
|
||||
.grid-boxes-quote p { |
||||
position: relative; |
||||
} |
||||
|
||||
.grid-boxes-quote p:after { |
||||
content: " \" "; |
||||
margin-left: 10px; |
||||
position: absolute; |
||||
font-family: Tahoma; |
||||
} |
||||
|
||||
.grid-boxes-quote p:before { |
||||
content: " \" "; |
||||
margin-left: -15px; |
||||
position: absolute; |
||||
font-family: Tahoma; |
||||
} |
||||
|
||||
.grid-boxes-quote p, |
||||
.grid-boxes-quote p a, |
||||
.grid-boxes-quote span { |
||||
color: #fff; |
||||
font-size: 20px; |
||||
font-weight: 200; |
||||
font-family: "Open Sans"; |
||||
text-transform: uppercase; |
||||
} |
||||
|
||||
.grid-boxes-quote span { |
||||
font-size: 12px; |
||||
} |
||||
|
||||
|
||||
@ -0,0 +1,275 @@ |
||||
/*Timeline v1 |
||||
------------------------------------*/ |
||||
.timeline-v1 { |
||||
padding: 20px 0; |
||||
list-style: none; |
||||
position: relative; |
||||
} |
||||
|
||||
.timeline-v1:before { |
||||
top: 0; |
||||
bottom: 0; |
||||
position: absolute; |
||||
content: " "; |
||||
width: 3px; |
||||
background-color: #eee; |
||||
left: 50%; |
||||
margin-left: -1.5px; |
||||
} |
||||
|
||||
.timeline-v1 > li { |
||||
margin-bottom: 40px; |
||||
position: relative; |
||||
width: 50%; |
||||
float: left; |
||||
clear: left; |
||||
} |
||||
|
||||
.timeline-v1 > li:before, |
||||
.timeline-v1 > li:after { |
||||
content: " "; |
||||
display: table; |
||||
} |
||||
|
||||
.timeline-v1 > li:after { |
||||
clear: both; |
||||
} |
||||
|
||||
.timeline-v1 > li:before, |
||||
.timeline-v1 > li:after { |
||||
content: " "; |
||||
display: table; |
||||
} |
||||
|
||||
.timeline-v1 > li:after { |
||||
clear: both; |
||||
} |
||||
|
||||
.timeline-v1 > li > .timeline-panel { |
||||
width: 94%; |
||||
float: left; |
||||
border: 1px solid #d4d4d4; |
||||
/*border-radius: 2px;*/ |
||||
/*padding: 20px;*/ |
||||
position: relative; |
||||
} |
||||
|
||||
.timeline-v1 > li > .timeline-panel:before { |
||||
position: absolute; |
||||
top: 26px; |
||||
right: -15px; |
||||
display: inline-block; |
||||
border-top: 15px solid transparent; |
||||
border-left: 15px solid #ccc; |
||||
border-right: 0 solid #ccc; |
||||
border-bottom: 15px solid transparent; |
||||
content: " "; |
||||
} |
||||
|
||||
.timeline-v1 > li > .timeline-panel:after { |
||||
position: absolute; |
||||
top: 27px; |
||||
right: -14px; |
||||
display: inline-block; |
||||
border-top: 14px solid transparent; |
||||
border-left: 14px solid #fff; |
||||
border-right: 0 solid #fff; |
||||
border-bottom: 14px solid transparent; |
||||
content: " "; |
||||
} |
||||
|
||||
.timeline-v1 > li > .timeline-badge { |
||||
color: #ccc; |
||||
width: 24px; |
||||
height: 24px; |
||||
line-height: 50px; |
||||
font-size: 1.4em; |
||||
cursor: pointer; |
||||
text-align: center; |
||||
position: absolute; |
||||
top: 19px; |
||||
right: -12px; |
||||
/*background-color: #999999;*/ |
||||
z-index: 9; |
||||
/* |
||||
border-top-right-radius: 50%; |
||||
border-top-left-radius: 50%; |
||||
border-bottom-right-radius: 50%; |
||||
border-bottom-left-radius: 50%; |
||||
*/ |
||||
} |
||||
|
||||
.timeline-v1 > li > .timeline-badge i:hover { |
||||
color: #72c02c; |
||||
} |
||||
|
||||
.timeline-v1 > li.timeline-inverted > .timeline-panel { |
||||
float: right; |
||||
} |
||||
.timeline-v1 > li.timeline-inverted > .timeline-panel:before { |
||||
border-left-width: 0; |
||||
border-right-width: 15px; |
||||
left: -15px; |
||||
right: auto; |
||||
} |
||||
.timeline-v1 > li.timeline-inverted > .timeline-panel:after { |
||||
border-left-width: 0; |
||||
border-right-width: 14px; |
||||
left: -14px; |
||||
right: auto; |
||||
} |
||||
|
||||
.timeline-v1 > li > .timeline-panel .timeline-heading { |
||||
padding: 5px; |
||||
} |
||||
|
||||
.timeline-v1 > li > .timeline-panel .timeline-heading img { |
||||
width: 100%; |
||||
} |
||||
|
||||
.timeline-v1 .timeline-body { |
||||
padding: 12px; |
||||
/*margin-bottom: 20px;*/ |
||||
} |
||||
|
||||
.timeline-v1 .timeline-footer{ |
||||
padding: 7px 12px; |
||||
overflow: hidden; |
||||
border-top: 1px solid #ccc; |
||||
} |
||||
|
||||
.timeline-v1 .timeline-footer .blog-info { |
||||
float: left; |
||||
} |
||||
|
||||
.timeline-v1 .timeline-footer .blog-info i { |
||||
color: #777; |
||||
} |
||||
|
||||
.timeline-v1 .timeline-footer .likes { |
||||
float: right; |
||||
} |
||||
.timeline-v1 .timeline-footer .likes i { |
||||
margin-right: 2px; |
||||
color: #777; |
||||
} |
||||
|
||||
.timeline-v1 .timeline-footer .likes:hover { |
||||
text-decoration: none; |
||||
color: inherit; |
||||
} |
||||
|
||||
.timeline-v1 .timeline-footer .likes:hover i { |
||||
color: #72c02c; |
||||
} |
||||
|
||||
.timeline-v1 > li.timeline-inverted{ |
||||
float: right; |
||||
clear: right; |
||||
margin-bottom: 40px; |
||||
} |
||||
|
||||
.timeline-v1 > li:nth-child(2){ |
||||
margin-top: 60px; |
||||
} |
||||
|
||||
.timeline-v1 > li.timeline-inverted > .timeline-badge{ |
||||
left: -12px; |
||||
} |
||||
|
||||
@media (max-width: 992px) { |
||||
.timeline-v1 > li > .timeline-panel:before { |
||||
top: 31px; |
||||
right: -11px; |
||||
border-top: 11px solid transparent; |
||||
border-left: 11px solid #ccc; |
||||
border-bottom: 11px solid transparent; |
||||
} |
||||
|
||||
.timeline-v1 > li > .timeline-panel:after { |
||||
top: 32px; |
||||
right: -10px; |
||||
border-top: 10px solid transparent; |
||||
border-left: 10px solid #fff; |
||||
border-bottom: 10px solid transparent; |
||||
} |
||||
.timeline-v1 > li.timeline-inverted > .timeline-panel:before { |
||||
border-right-width: 11px; |
||||
left: -11px; |
||||
} |
||||
.timeline-v1 > li.timeline-inverted > .timeline-panel:after { |
||||
border-right-width: 10px; |
||||
left: -10px; |
||||
} |
||||
|
||||
} |
||||
|
||||
@media (max-width: 767px) { |
||||
ul.timeline-v1:before { |
||||
left: 40px; |
||||
} |
||||
|
||||
ul.timeline-v1 > li { |
||||
margin-bottom: 20px; |
||||
position: relative; |
||||
width:100%; |
||||
float: left; |
||||
clear: left; |
||||
} |
||||
ul.timeline-v1 > li > .timeline-panel { |
||||
width: calc(100% - 70px); |
||||
width: -moz-calc(100% - 70px); |
||||
width: -webkit-calc(100% - 70px); |
||||
} |
||||
|
||||
ul.timeline-v1 > li > .timeline-badge { |
||||
left: 28px; |
||||
margin-left: 0; |
||||
top: 16px; |
||||
} |
||||
|
||||
ul.timeline-v1 > li > .timeline-panel { |
||||
float: right; |
||||
} |
||||
|
||||
ul.timeline-v1 > li > .timeline-panel:before { |
||||
top: 27px; |
||||
right: -12px; |
||||
border-top: 12px solid transparent; |
||||
border-left: 12px solid #ccc; |
||||
border-bottom: 12px solid transparent; |
||||
} |
||||
|
||||
ul.timeline-v1 > li > .timeline-panel:after { |
||||
top: 28px; |
||||
right: -11px; |
||||
border-top: 11px solid transparent; |
||||
border-left: 11px solid #fff; |
||||
border-bottom: 11px solid transparent; |
||||
} |
||||
|
||||
ul.timeline-v1 > li > .timeline-panel:before { |
||||
border-left-width: 0; |
||||
border-right-width: 12px; |
||||
left: -12px; |
||||
right: auto; |
||||
} |
||||
|
||||
ul.timeline-v1 > li > .timeline-panel:after { |
||||
border-left-width: 0; |
||||
border-right-width: 11px; |
||||
left: -11px; |
||||
right: auto; |
||||
} |
||||
|
||||
.timeline-v1 > li.timeline-inverted{ |
||||
float: left; |
||||
clear: left; |
||||
margin-top: 30px; |
||||
margin-bottom: 30px; |
||||
} |
||||
|
||||
.timeline-v1 > li.timeline-inverted > .timeline-badge{ |
||||
left: 28px; |
||||
} |
||||
} |
||||
@ -0,0 +1,166 @@ |
||||
/*Timeline v2 |
||||
------------------------------------*/ |
||||
.timeline-v2 { |
||||
padding: 0; |
||||
list-style: none; |
||||
position: relative; |
||||
} |
||||
|
||||
/* The line */ |
||||
.timeline-v2 > li{ |
||||
position: relative; |
||||
} |
||||
|
||||
.timeline-v2:before { |
||||
top: 0; |
||||
bottom: 0; |
||||
left: 22%; |
||||
width: 4px; |
||||
content: ''; |
||||
background: #f3f3f3; |
||||
position: absolute; |
||||
margin-left: -14px; |
||||
} |
||||
|
||||
/* The date/time */ |
||||
.timeline-v2 > li .cbp_tmtime { |
||||
width: 25%; |
||||
display: block; |
||||
position: absolute; |
||||
padding-right: 80px; |
||||
} |
||||
|
||||
.timeline-v2 > li .cbp_tmtime span { |
||||
top: 9px; |
||||
display: block; |
||||
text-align: right; |
||||
position: relative; |
||||
} |
||||
|
||||
.timeline-v2 > li .cbp_tmtime span:first-child { |
||||
color: #999; |
||||
font-size: 14px; |
||||
line-height: 0.9; |
||||
} |
||||
|
||||
.timeline-v2 > li .cbp_tmtime span:last-child { |
||||
color: #585f69; |
||||
font-size: 20px; |
||||
font-weight: normal; |
||||
|
||||
} |
||||
|
||||
/* Right content */ |
||||
.timeline-v2 > li .cbp_tmlabel { |
||||
color: #fff; |
||||
padding: 10px 20px 20px; |
||||
background: #f3f3f3; |
||||
line-height: 1.4; |
||||
clear: both; |
||||
position: relative; |
||||
border-radius: 5px; |
||||
margin: 0 0 40px 25%; |
||||
} |
||||
|
||||
/* |
||||
.timeline-v2 > li .cbp_tmlabel img.big-thumb { |
||||
width: 100%; |
||||
} |
||||
*/ |
||||
|
||||
.timeline-v2 > li .cbp_tmlabel li { |
||||
padding: 0; |
||||
} |
||||
|
||||
/* |
||||
.timeline-v2 > li .cbp_tmlabel img.small-thumb { |
||||
width: 111px; |
||||
height: auto; |
||||
} |
||||
*/ |
||||
|
||||
.timeline-v2 > li .cbp_tmlabel h2 { |
||||
margin-top: 0px; |
||||
font-size: 21px; |
||||
padding: 0 0 5px; |
||||
margin-bottom: 10px; |
||||
text-transform: capitalize; |
||||
border-bottom: 1px solid #ddd; |
||||
} |
||||
|
||||
.timeline-v2 > li .cbp_tmlabel .text-left { |
||||
float: left; |
||||
} |
||||
|
||||
/* The triangle */ |
||||
.timeline-v2 > li .cbp_tmlabel:after { |
||||
right: 100%; |
||||
border: solid transparent; |
||||
content: " "; |
||||
height: 0; |
||||
width: 0; |
||||
position: absolute; |
||||
pointer-events: none; |
||||
border-right-color: #f3f3f3; |
||||
border-width: 10px; |
||||
top: 18px; |
||||
} |
||||
|
||||
/* The icons */ |
||||
.timeline-v2 > li .cbp_tmicon { |
||||
top: 22px; |
||||
left: 22%; |
||||
width: 10px; |
||||
height: 10px; |
||||
position: absolute; |
||||
background: #72c02c; |
||||
margin: 0 0 0 -17px; |
||||
box-shadow: 0 0 0 4px #f3f3f3; |
||||
-webkit-font-smoothing: antialiased; |
||||
} |
||||
|
||||
/* Example Media Queries */ |
||||
@media screen and (max-width: 65.375em) { |
||||
|
||||
.timeline-v2 > li .cbp_tmtime span:last-child { |
||||
font-size: 1.5em; |
||||
} |
||||
} |
||||
|
||||
@media screen and (max-width: 47.2em) { |
||||
.timeline-v2:before { |
||||
display: none; |
||||
} |
||||
|
||||
.timeline-v2 > li .cbp_tmtime { |
||||
width: 100%; |
||||
position: relative; |
||||
padding: 0 0 20px 0; |
||||
} |
||||
|
||||
.timeline-v2 > li .cbp_tmtime span { |
||||
text-align: left; |
||||
} |
||||
|
||||
.timeline-v2 > li .cbp_tmlabel { |
||||
padding: 1em; |
||||
font-weight: 400; |
||||
margin: 0 0 30px 0; |
||||
} |
||||
|
||||
.timeline-v2 > li .cbp_tmlabel:after { |
||||
left: 20px; |
||||
top: -20px; |
||||
right: auto; |
||||
border-bottom-color: #f3f3f3; |
||||
border-right-color: transparent; |
||||
} |
||||
|
||||
.timeline-v2 > li .cbp_tmicon { |
||||
left: auto; |
||||
float: right; |
||||
position: relative; |
||||
margin: -55px 5px 0 0px; |
||||
} |
||||
} |
||||
|
||||
@ -0,0 +1,40 @@ |
||||
/*404 Error Page v1 |
||||
------------------------------------*/ |
||||
.error-v1 { |
||||
padding-bottom: 30px; |
||||
text-align: center; |
||||
} |
||||
|
||||
.error-v1 p { |
||||
color: #555; |
||||
font-size: 16px; |
||||
} |
||||
|
||||
.error-v1 span { |
||||
color: #555; |
||||
display: block; |
||||
font-size: 35px; |
||||
font-weight: 200; |
||||
} |
||||
|
||||
.error-v1 span.error-v1-title { |
||||
color: #777; |
||||
font-size: 180px; |
||||
line-height: 200px; |
||||
padding-bottom: 20px; |
||||
} |
||||
|
||||
/*For Mobile Devices*/ |
||||
@media (max-width: 500px) { |
||||
.error-v1 p { |
||||
font-size: 12px; |
||||
} |
||||
|
||||
.error-v1 span { |
||||
font-size: 25px; |
||||
} |
||||
|
||||
.error-v1 span.error-v1-title { |
||||
font-size: 140px; |
||||
} |
||||
} |
||||
@ -0,0 +1,53 @@ |
||||
/*404 Error Page v2 |
||||
------------------------------------*/ |
||||
|
||||
/*@import url(//fonts.googleapis.com/css?family=Kite+One);*/ |
||||
|
||||
body { |
||||
background: #555; |
||||
} |
||||
|
||||
.error-v2 { |
||||
padding: 40px; |
||||
margin: 60px 0; |
||||
text-align: center; |
||||
background: url(../../img/bg-black1.png); |
||||
} |
||||
|
||||
.error-v2 p { |
||||
color: #fff; |
||||
font-size: 18px; |
||||
font-weight: 200; |
||||
} |
||||
|
||||
.error-v2 span { |
||||
color: #fff; |
||||
display: block; |
||||
font-size: 40px; |
||||
} |
||||
|
||||
.error-v2 span.error-v2-title { |
||||
color: #fff; |
||||
font-size: 220px; |
||||
line-height: 260px; |
||||
/* |
||||
font-size: 160px; |
||||
font-family: 'Kite One', sans-serif; |
||||
*/ |
||||
} |
||||
|
||||
/*For Mobile Devices*/ |
||||
@media (max-width: 500px) { |
||||
.error-v2 p { |
||||
font-size: 16px; |
||||
} |
||||
|
||||
.error-v2 span { |
||||
font-size: 26px; |
||||
} |
||||
|
||||
.error-v2 span.error-v2-title { |
||||
font-size: 100px; |
||||
line-height: 120px; |
||||
} |
||||
} |
||||
@ -0,0 +1,51 @@ |
||||
/*Wrapping element for Sticky-Footer*/ |
||||
html { |
||||
min-height: 100%; |
||||
position: relative; |
||||
} |
||||
body { |
||||
/* Margin bottom by footer height */ |
||||
margin-bottom: 60px; |
||||
} |
||||
|
||||
/*404 Error Page V3 |
||||
------------------------------------*/ |
||||
.error-v3 { |
||||
text-align: center; |
||||
} |
||||
|
||||
.error-v3 h2 { |
||||
color: #eee; |
||||
font-size: 200px; |
||||
line-height: 200px; |
||||
padding-bottom: 10px; |
||||
} |
||||
|
||||
/*For Mobile Devices*/ |
||||
@media (max-width: 500px) { |
||||
.error-v3 h2 { |
||||
font-size: 100px; |
||||
} |
||||
} |
||||
|
||||
.error-v3 p { |
||||
color: #eee; |
||||
font-size: 25px; |
||||
margin-bottom: 40px; |
||||
} |
||||
|
||||
/*Sticky-Footer |
||||
------------------------------------*/ |
||||
.sticky-footer { |
||||
position: absolute; |
||||
bottom: 0; |
||||
width: 100%; |
||||
padding: 20px; |
||||
/* Set the fixed height of the footer here */ |
||||
height: 60px; |
||||
} |
||||
|
||||
.sticky-footer .copyright-space { |
||||
color: #eee; |
||||
text-align: center; |
||||
} |
||||
@ -0,0 +1,56 @@ |
||||
/*Wrapping element for Sticky-Footer*/ |
||||
html { |
||||
min-height: 100%; |
||||
position: relative; |
||||
} |
||||
body { |
||||
/* Margin bottom by footer height */ |
||||
margin-bottom: 60px; |
||||
} |
||||
|
||||
/*404 Error Page V4 |
||||
------------------------------------*/ |
||||
.error-v4 { |
||||
padding-top: 30px; |
||||
text-align: center; |
||||
} |
||||
|
||||
.error-v4 img { |
||||
margin-bottom: 20px; |
||||
} |
||||
|
||||
.error-v4 h1 { |
||||
color: #eee; |
||||
font-size: 220px; |
||||
line-height: 260px; |
||||
} |
||||
|
||||
/*For Mobile Devices*/ |
||||
@media (max-width: 500px) { |
||||
.error-v4 h1 { |
||||
font-size: 100px; |
||||
} |
||||
} |
||||
|
||||
.error-v4 span.sorry { |
||||
color: #fff; |
||||
display: block; |
||||
font-size: 25px; |
||||
padding-bottom: 40px; |
||||
} |
||||
|
||||
/*Sticky-Footer |
||||
------------------------------------*/ |
||||
.sticky-footer { |
||||
position: absolute; |
||||
bottom: 0; |
||||
width: 100%; |
||||
padding: 20px; |
||||
/* Set the fixed height of the footer here */ |
||||
height: 60px; |
||||
} |
||||
|
||||
.sticky-footer .copyright-space { |
||||
color: #eee; |
||||
text-align: center; |
||||
} |
||||
@ -0,0 +1,73 @@ |
||||
/*Parallax Block |
||||
------------------------------------*/ |
||||
.parallax-about .info-blocks-v2 { |
||||
margin-bottom: 5px; |
||||
} |
||||
|
||||
.parallax-about .title-box-v2 p, |
||||
.parallax-about .title-box-v2 h2 { |
||||
color: #eee; |
||||
} |
||||
|
||||
/*Our-Location |
||||
------------------------------------*/ |
||||
.our-location .map { |
||||
height: 220px; |
||||
} |
||||
|
||||
/* important! bootstrap sets max-width on img to 100% which conflicts with google map canvas*/ |
||||
.our-location .map img { |
||||
max-width: none; |
||||
} |
||||
|
||||
.our-location h3 { |
||||
font-size: 18px; |
||||
margin-bottom: 5px; |
||||
} |
||||
|
||||
/*Our-clients*/ |
||||
.our-location .our-clients { |
||||
margin-bottom: 0; |
||||
text-align: center; |
||||
} |
||||
|
||||
.our-location .our-clients li { |
||||
padding: 0; |
||||
margin: 1px -1px; |
||||
border: 1px solid #eee; |
||||
} |
||||
|
||||
.our-location .our-clients img { |
||||
width: 121px; |
||||
height: auto; |
||||
padding: 10px; |
||||
vertical-align: middle; |
||||
} |
||||
|
||||
.our-location .our-clients li:hover { |
||||
border-color: #ccc; |
||||
-webkit-transition: all 0.4s ease-in-out; |
||||
-moz-transition: all 0.4s ease-in-out; |
||||
-o-transition: all 0.4s ease-in-out; |
||||
transition: all 0.4s ease-in-out; |
||||
} |
||||
|
||||
.about-list-style li { |
||||
margin-bottom: 7px; |
||||
} |
||||
|
||||
.about-list-style li i.fa, |
||||
.about-list-style li i.icon { |
||||
margin-right: 5px; |
||||
} |
||||
|
||||
/*Check-style in Responsive*/ |
||||
@media (max-width: 500px) { |
||||
.our-location .about-list-style-in { |
||||
width: 100% !important; |
||||
} |
||||
} |
||||
|
||||
|
||||
|
||||
|
||||
@ -0,0 +1,76 @@ |
||||
/*Clients Page |
||||
------------------------------------*/ |
||||
.clients-page { |
||||
margin-top: 10px; |
||||
margin-bottom: 50px; |
||||
padding-bottom: 30px; |
||||
border-bottom: solid 1px #eee; |
||||
} |
||||
|
||||
.clients-page ul { |
||||
margin-bottom: 10px; |
||||
} |
||||
|
||||
.clients-page li { |
||||
margin: 0 5px 3px 0; |
||||
} |
||||
|
||||
.clients-page h3 { |
||||
margin-top: 0; |
||||
font-size: 22px; |
||||
} |
||||
|
||||
.clients-page img { |
||||
padding: 4px; |
||||
margin: 5px 0; |
||||
border: solid 1px #eee; |
||||
background: #fafafa; |
||||
} |
||||
|
||||
.clients-page:hover img { |
||||
border-color: #bbb; |
||||
} |
||||
|
||||
@media (max-width: 992px) { |
||||
.clients-page { |
||||
text-align: center; |
||||
} |
||||
.clients-page img { |
||||
margin: 0 auto 30px; |
||||
} |
||||
} |
||||
|
||||
/* |
||||
.clients-page { |
||||
overflow: hidden; |
||||
} |
||||
.clients-page p { |
||||
overflow: auto; |
||||
} |
||||
.clients-page p a { |
||||
overflow: auto; |
||||
text-decoration: underline; |
||||
} |
||||
.clients-page a.img-hover { |
||||
display: block; |
||||
position: relative; |
||||
} |
||||
.clients-page img { |
||||
float: left; |
||||
width: 120px; |
||||
height: 120px; |
||||
margin-right: 20px; |
||||
background: #fafafa; |
||||
border: solid 1px #eee; |
||||
} |
||||
.clients-page img.img-colorful { |
||||
display: none; |
||||
} |
||||
.clients-page a:hover img.img-colorful, |
||||
.clients-page:hover img.img-colorful { |
||||
top: 0; |
||||
left: 0; |
||||
display: block; |
||||
position: absolute; |
||||
} |
||||
*/ |
||||
@ -0,0 +1,56 @@ |
||||
/*Coming Soon Page |
||||
------------------------------------*/ |
||||
.coming-soon-page { |
||||
background: #585f69; |
||||
} |
||||
|
||||
.coming-soon-border { |
||||
border-top: solid 3px #72c02c; |
||||
} |
||||
|
||||
.coming-soon, |
||||
.coming-soon-plugin { |
||||
padding: 20px; |
||||
text-align: center; |
||||
margin-top: 20px; |
||||
} |
||||
|
||||
.coming-soon-plugin { |
||||
min-height: 330px; |
||||
} |
||||
|
||||
.coming-soon h1, |
||||
.coming-soon p { |
||||
color: #fff; |
||||
} |
||||
|
||||
.coming-soon h1 { |
||||
font-size: 50px; |
||||
line-height: 50px; |
||||
margin-bottom: 15px; |
||||
text-shadow: none; |
||||
} |
||||
|
||||
.coming-soon p { |
||||
font-size: 16px; |
||||
line-height: 22px; |
||||
} |
||||
|
||||
.coming-soon-copyright { |
||||
padding: 5px 0; |
||||
} |
||||
|
||||
.coming-soon-copyright p { |
||||
color: #fff; |
||||
text-align: right; |
||||
} |
||||
|
||||
/* Small devices (tablets, 768px and less) */ |
||||
@media (max-width: 768px) { |
||||
.coming-soon-copyright { |
||||
margin-top: 40px; |
||||
} |
||||
.coming-soon-copyright p { |
||||
text-align: left; |
||||
} |
||||
} |
||||
@ -0,0 +1,36 @@ |
||||
/*Contact Pages |
||||
------------------------------------*/ |
||||
.map { |
||||
width:100%; |
||||
height:350px; |
||||
border-top:solid 1px #eee; |
||||
border-bottom:solid 1px #eee; |
||||
} |
||||
|
||||
/* important! bootstrap sets max-width on img to 100% which conflicts with google map canvas*/ |
||||
.map img { |
||||
max-width: none; |
||||
} |
||||
|
||||
.map-box { |
||||
height: 250px; |
||||
} |
||||
|
||||
.map-box-space { |
||||
margin-top: 15px; |
||||
} |
||||
.map-box-space1 { |
||||
margin-top: 7px; |
||||
} |
||||
|
||||
/*Custom Sky Forms (Advanced Contacts Page)*/ |
||||
.sky-changes-3.sky-form, |
||||
.sky-changes-3.sky-form footer { |
||||
border: none; |
||||
} |
||||
|
||||
.sky-changes-3.sky-form footer, |
||||
.sky-changes-3.sky-form fieldset { |
||||
padding: 0; |
||||
background: none; |
||||
} |
||||
@ -0,0 +1,44 @@ |
||||
/*Wrapping element for Sticky-Footer*/ |
||||
html { |
||||
min-height: 100%; |
||||
position: relative; |
||||
} |
||||
body { |
||||
/* Margin bottom by footer height */ |
||||
margin-bottom: 60px; |
||||
} |
||||
|
||||
/*404 Error Page V3 |
||||
------------------------------------*/ |
||||
.error-v3 { |
||||
text-align: center; |
||||
} |
||||
|
||||
.error-v3 h2 { |
||||
color: #eee; |
||||
font-size: 200px; |
||||
line-height: 200px; |
||||
padding-bottom: 10px; |
||||
} |
||||
|
||||
.error-v3 p { |
||||
color: #eee; |
||||
font-size: 25px; |
||||
margin-bottom: 50px; |
||||
} |
||||
|
||||
/*Sticky-Footer |
||||
------------------------------------*/ |
||||
.sticky-footer { |
||||
position: absolute; |
||||
bottom: 0; |
||||
width: 100%; |
||||
padding: 20px; |
||||
/* Set the fixed height of the footer here */ |
||||
height: 60px; |
||||
} |
||||
|
||||
.sticky-footer .copyright-space { |
||||
color: #eee; |
||||
text-align: center; |
||||
} |
||||
@ -0,0 +1,49 @@ |
||||
/*Wrapping element for Sticky-Footer*/ |
||||
html { |
||||
min-height: 100%; |
||||
position: relative; |
||||
} |
||||
body { |
||||
/* Margin bottom by footer height */ |
||||
margin-bottom: 60px; |
||||
} |
||||
|
||||
/*404 Error Page V4 |
||||
------------------------------------*/ |
||||
.error-v4 { |
||||
padding-top: 30px; |
||||
text-align: center; |
||||
} |
||||
|
||||
.error-v4 img { |
||||
margin-bottom: 20px; |
||||
} |
||||
|
||||
.error-v4 h1 { |
||||
color: #eee; |
||||
font-size: 220px; |
||||
line-height: 260px; |
||||
} |
||||
|
||||
.error-v4 span.sorry { |
||||
color: #fff; |
||||
display: block; |
||||
font-size: 25px; |
||||
padding-bottom: 40px; |
||||
} |
||||
|
||||
/*Sticky-Footer |
||||
------------------------------------*/ |
||||
.sticky-footer { |
||||
position: absolute; |
||||
bottom: 0; |
||||
width: 100%; |
||||
padding: 20px; |
||||
/* Set the fixed height of the footer here */ |
||||
height: 60px; |
||||
} |
||||
|
||||
.sticky-footer .copyright-space { |
||||
color: #eee; |
||||
text-align: center; |
||||
} |
||||
@ -0,0 +1,82 @@ |
||||
/*FAQ-page |
||||
------------------------------------*/ |
||||
.faq-breadcrumb { |
||||
text-align: center; |
||||
position: relative; |
||||
background: url(../../img/bg/12.jpg) no-repeat center; |
||||
} |
||||
|
||||
.faq-breadcrumb:before { |
||||
left: 0; |
||||
width: 100%; |
||||
height: 100%; |
||||
content: " "; |
||||
position: absolute; |
||||
background: rgba(0,0,0,0.3); |
||||
} |
||||
|
||||
.faq-page .tab-v1 { |
||||
margin-top: 19px; |
||||
} |
||||
|
||||
.faq-page .tab-v1 .panel-title { |
||||
text-transform: uppercase; |
||||
} |
||||
|
||||
/*Check-style*/ |
||||
.faq-page .check-style { |
||||
margin-bottom: 0; |
||||
} |
||||
|
||||
.faq-page .check-style li { |
||||
margin-bottom: 10px; |
||||
} |
||||
.faq-page .check-style li:last-child { |
||||
margin-bottom: 0; |
||||
} |
||||
|
||||
.faq-page .check-style i { |
||||
font-size: 18px; |
||||
font-weight: 600; |
||||
vertical-align: middle; |
||||
} |
||||
|
||||
/*Check-style in Responsive*/ |
||||
@media (max-width: 450px) { |
||||
.faq-page .main-check .col-xs-6 { |
||||
width: 100%; |
||||
} |
||||
} |
||||
|
||||
/*Faq-add*/ |
||||
.faq-page .faq-add { |
||||
padding: 15px; |
||||
margin-bottom: 20px; |
||||
border: 2px solid #eee; |
||||
} |
||||
|
||||
.faq-page .top-part i { |
||||
float: left; |
||||
color: #777; |
||||
font-size: 20px; |
||||
padding-top: 3px; |
||||
margin-right: 10px; |
||||
} |
||||
|
||||
.faq-page .new-title { |
||||
color: #72c02c; |
||||
font-size: 18px; |
||||
margin-bottom: 5px; |
||||
} |
||||
|
||||
.faq-page .faq-add p { |
||||
line-height: 1.5; |
||||
} |
||||
|
||||
/*ParallaxBg6 |
||||
------------------------------------*/ |
||||
/*Title-Box*/ |
||||
.faq-bg .title-box-v2 h2, |
||||
.faq-bg .title-box-v2 p { |
||||
color: #fff; |
||||
} |
||||
@ -0,0 +1,44 @@ |
||||
/*Invoice Page |
||||
------------------------------------*/ |
||||
/*Invoice Header*/ |
||||
.invoice-header { |
||||
color: #555; |
||||
overflow: hidden; |
||||
margin-bottom: 40px; |
||||
} |
||||
|
||||
.invoice-header h2 { |
||||
font-size: 30px; |
||||
} |
||||
|
||||
.invoice-header .invoice-numb { |
||||
font-size: 16px; |
||||
text-align: right; |
||||
} |
||||
|
||||
.invoice-header .invoice-numb span { |
||||
color: 777; |
||||
display: block; |
||||
font-size: 13px; |
||||
} |
||||
|
||||
/*Invoice Info*/ |
||||
.invoice-info { |
||||
margin-bottom: 10px; |
||||
} |
||||
|
||||
.invoice-info h2 { |
||||
color: #555; |
||||
font-size: 18px; |
||||
} |
||||
|
||||
/*Invoice Footer*/ |
||||
.invoice-total-info { |
||||
margin-bottom: 30px; |
||||
} |
||||
|
||||
.invoice-total-info li { |
||||
font-size: 14px; |
||||
margin-bottom: 5px; |
||||
font-family: 'Open Sans'; |
||||
} |
||||
@ -0,0 +1,82 @@ |
||||
/*Job |
||||
------------------------------------*/ |
||||
.job-img { |
||||
overflow: hidden; |
||||
position: relative; |
||||
min-height: 300px; |
||||
background: url(../../img/job/1.jpg) 70% 40% no-repeat; |
||||
} |
||||
|
||||
.job-img .job-banner { |
||||
padding: 20px; |
||||
max-width: 450px; |
||||
margin: 60px auto 100px; |
||||
background: rgba(255,255,255,0.8); |
||||
} |
||||
|
||||
.job-img .job-banner h2 { |
||||
font-size: 20px; |
||||
line-height: 27px; |
||||
text-align: center; |
||||
text-transform: uppercase; |
||||
} |
||||
|
||||
@media (max-width: 768px) { |
||||
.job-img .job-banner { |
||||
padding: 10px; |
||||
margin: 30px auto 100px; |
||||
} |
||||
} |
||||
|
||||
.job-img .job-img-inputs { |
||||
left: 0; |
||||
right: 0; |
||||
bottom: -7px; |
||||
padding: 20px 0; |
||||
position: absolute; |
||||
background: rgba(0,0,0,0.9); |
||||
} |
||||
|
||||
/*Job-Content |
||||
------------------------------------*/ |
||||
.job-content .categories li { |
||||
padding: 6px 0; |
||||
border-bottom: 1px dotted #eee; |
||||
} |
||||
|
||||
.job-content .hex { |
||||
color: #999 |
||||
} |
||||
|
||||
/*High-Rated |
||||
------------------------------------*/ |
||||
.high-rated .carousel-indicators { |
||||
top: 10px; |
||||
left: 65%; |
||||
text-align: right; |
||||
} |
||||
|
||||
.high-rated .carousel-indicators .active { |
||||
background: #555; |
||||
} |
||||
|
||||
.high-rated .carousel-indicators li { |
||||
border-color: #555; |
||||
} |
||||
|
||||
.high-rated .carousel-inner > .item { |
||||
margin: 0; |
||||
} |
||||
|
||||
.high-rated .star-vote { |
||||
float: right; |
||||
margin-top: 8px; |
||||
} |
||||
|
||||
.high-rated .star-vote ul { |
||||
margin-bottom: 0; |
||||
} |
||||
|
||||
.high-rated .star-vote li { |
||||
padding: 0; |
||||
} |
||||
@ -0,0 +1,283 @@ |
||||
/*Center Icon*/ |
||||
.center-icon { |
||||
left: 50%; |
||||
top: -22px; |
||||
color: #585f69; |
||||
min-width: 45px; |
||||
font-size: 23px; |
||||
background: #fff; |
||||
padding: 10px 5px; |
||||
text-align: center; |
||||
position: absolute; |
||||
margin: 0 10px 0 -22px; |
||||
border: 1px solid #eee; |
||||
} |
||||
|
||||
/*Wrapping element for colorful background Block-Description, Job_Team |
||||
------------------------------------*/ |
||||
.block-description, |
||||
.job-team { |
||||
padding: 40px 0 30px; |
||||
position: relative; |
||||
background: #f9f9f9; |
||||
border-top: 1px solid #eee; |
||||
} |
||||
|
||||
/*Wrapping element for white background Block-Level-v2, Contacts |
||||
------------------------------------*/ |
||||
.block-level-v2, |
||||
.contacts { |
||||
padding: 30px 0; |
||||
background: #fff; |
||||
position: relative; |
||||
border-top: 1px solid #eee; |
||||
} |
||||
|
||||
/*Image Block |
||||
------------------------------------*/ |
||||
.image-block { |
||||
overflow: hidden; |
||||
min-height: 200px; |
||||
position: relative; |
||||
} |
||||
|
||||
.image-block { |
||||
background: url(../../img/job/slider.jpg) 70% 40% no-repeat; |
||||
} |
||||
|
||||
/*Company Description*/ |
||||
.image-block .company-description { |
||||
max-width: 500px; |
||||
margin: 40px auto; |
||||
padding: 35px 25px; |
||||
position: relative; |
||||
text-align: center; |
||||
background: rgba(255,255,255,0.8); |
||||
} |
||||
|
||||
.image-block .company-description h2 { |
||||
margin-bottom: 20px; |
||||
text-transform: uppercase; |
||||
} |
||||
|
||||
.image-block .company-description p { |
||||
text-align: left; |
||||
} |
||||
|
||||
.image-block .benefits { |
||||
margin-bottom: 20px; |
||||
} |
||||
|
||||
.image-block .benefits li { |
||||
margin: 0 7px 10px 0; |
||||
font-style: italic; |
||||
} |
||||
|
||||
.image-block .benefits li i { |
||||
color: #555; |
||||
min-width: 32px; |
||||
font-size: 15px; |
||||
padding: 7px 6px; |
||||
margin-right: 10px; |
||||
text-align: center; |
||||
border: 1px solid #555; |
||||
} |
||||
|
||||
/*Block Description |
||||
------------------------------------*/ |
||||
.block-description { |
||||
padding-bottom: 80px !important; |
||||
} |
||||
|
||||
/*Left-Inner*/ |
||||
.block-description .left-inner { |
||||
padding: 20px; |
||||
background: #fff; |
||||
position: relative; |
||||
} |
||||
|
||||
.block-description .left-inner .hex { |
||||
color: #999; |
||||
margin-bottom: 0; |
||||
} |
||||
|
||||
.block-description .left-inner i.position-top { |
||||
top: 20px; |
||||
right: 20px; |
||||
color: #585f69; |
||||
font-size: 18px; |
||||
position: absolute; |
||||
} |
||||
|
||||
.block-description .left-inner img { |
||||
float: left; |
||||
width: 80px; |
||||
height: auto; |
||||
padding: 3px; |
||||
margin: 0 10px 10px 0; |
||||
border: 1px solid #eee; |
||||
} |
||||
|
||||
.block-description .left-inner h3 { |
||||
margin: 0 0 5px; |
||||
} |
||||
|
||||
.block-description .left-inner p.hex { |
||||
margin-bottom: 5px; |
||||
} |
||||
|
||||
.block-description .star-vote { |
||||
float: left; |
||||
margin-right: 10px; |
||||
} |
||||
|
||||
.block-description .star-vote li { |
||||
padding: 0; |
||||
} |
||||
|
||||
/*Progresses*/ |
||||
.block-description .progression span { |
||||
float: left; |
||||
width: 150px; |
||||
margin: -8px 15px 0 0; |
||||
} |
||||
|
||||
/*Right Inner*/ |
||||
.block-description .right-inner { |
||||
padding: 20px; |
||||
background: #fff; |
||||
} |
||||
|
||||
.block-description .right-inner img { |
||||
float: left; |
||||
width: 90px; |
||||
height: auto; |
||||
margin-right: 10px; |
||||
} |
||||
|
||||
.block-description .right-inner .font-s { |
||||
font-size: 18px; |
||||
} |
||||
|
||||
.block-description .right-inner hr { |
||||
margin: 15px 0; |
||||
} |
||||
|
||||
/*P chart v2*/ |
||||
.block-description .p-chart { |
||||
overflow: hidden; |
||||
} |
||||
|
||||
.block-description .p-chart h3 { |
||||
font-size: 16px; |
||||
} |
||||
|
||||
.block-description .p-chart .circle { |
||||
float: left; |
||||
margin-right: 10px; |
||||
} |
||||
|
||||
.block-description .p-chart .overflow-h li i, |
||||
.block-description .p-chart .overflow-h li a { |
||||
color: #72c02c; |
||||
} |
||||
|
||||
.block-description .p-chart .overflow-h li a { |
||||
font-size: 11px; |
||||
} |
||||
|
||||
/*Circle in Responsive*/ |
||||
@media (max-width: 450px) { |
||||
.block-description .p-chart.col-xs-6 { |
||||
width: 100%; |
||||
} |
||||
} |
||||
|
||||
/*Save Job*/ |
||||
.block-description .save-job li { |
||||
padding: 2px 0; |
||||
} |
||||
|
||||
.block-description .save-job i { |
||||
color: #999; |
||||
min-width: 25px; |
||||
text-align: center; |
||||
} |
||||
|
||||
.block-description .save-job a { |
||||
color: #999; |
||||
} |
||||
|
||||
.block-description .save-job a:hover { |
||||
color: #72c02c; |
||||
} |
||||
|
||||
/*Overview*/ |
||||
.block-description .overview { |
||||
margin-bottom: 10px; |
||||
} |
||||
|
||||
.block-description .overview i { |
||||
color: #fff; |
||||
float: left; |
||||
min-width: 38px; |
||||
font-size: 20px; |
||||
padding: 10px 3px; |
||||
text-align: center; |
||||
margin-right: 10px; |
||||
background: #585f69; |
||||
} |
||||
|
||||
/*People Say*/ |
||||
.block-description .people-say img { |
||||
float: left; |
||||
width: 40px; |
||||
height: auto; |
||||
margin: 6px 10px 0 0; |
||||
} |
||||
|
||||
.block-description .people-say .overflow-h span { |
||||
font-weight: 700; |
||||
} |
||||
|
||||
.block-description .people-say .overflow-h p { |
||||
font-style: italic; |
||||
line-height: 1.3; |
||||
} |
||||
|
||||
.block-description .people-say .overflow-h small { |
||||
text-align: right; |
||||
font-style: italic; |
||||
} |
||||
|
||||
/*Block Level |
||||
------------------------------------*/ |
||||
.block-level { |
||||
padding-bottom: 10px !important; |
||||
} |
||||
|
||||
/*Block Level v2 |
||||
------------------------------------*/ |
||||
.block-level-v2 .responsive-video { |
||||
margin-bottom: 15px; |
||||
} |
||||
|
||||
/*Job Team |
||||
------------------------------------*/ |
||||
.parallax-team { |
||||
border-top: 1px solid #eee; |
||||
} |
||||
|
||||
/*Contacts |
||||
------------------------------------*/ |
||||
.contacts { |
||||
padding-bottom: 70px; |
||||
} |
||||
|
||||
.contacts h3 { |
||||
margin-top: 0; |
||||
} |
||||
|
||||
.contacts hr { |
||||
margin: 10px 0; |
||||
} |
||||
@ -0,0 +1,179 @@ |
||||
/*Job-Description |
||||
------------------------------------*/ |
||||
.job-description { |
||||
padding-bottom: 30px; |
||||
position: relative; |
||||
background: #f9f9f9; |
||||
border-top: 1px solid #eee; |
||||
} |
||||
|
||||
/*Visit*/ |
||||
.job-description .visit { |
||||
text-align: center; |
||||
margin-bottom: 30px; |
||||
} |
||||
|
||||
.job-description .visit h2 { |
||||
font-size: 25px; |
||||
text-transform: uppercase; |
||||
} |
||||
|
||||
/*Left-Inner*/ |
||||
.job-description .left-inner { |
||||
padding: 20px; |
||||
background: #fff; |
||||
position: relative; |
||||
} |
||||
|
||||
.job-description i.position-top { |
||||
color: #777; |
||||
top: 10px; |
||||
right: 10px; |
||||
font-size: 18px; |
||||
min-width: 28px; |
||||
padding: 5px 4px; |
||||
position: absolute; |
||||
text-align: center; |
||||
} |
||||
|
||||
.job-description i.position-top:hover { |
||||
color: #fff; |
||||
background: #585f69; |
||||
} |
||||
|
||||
.job-description .left-inner img { |
||||
float: left; |
||||
width: 80px; |
||||
height: auto; |
||||
padding: 3px; |
||||
margin: 0 10px 10px 0; |
||||
border: 1px solid #eee; |
||||
} |
||||
|
||||
.job-description .left-inner h3 { |
||||
margin: 0 0 5px; |
||||
} |
||||
|
||||
.job-description .left-inner p.hex { |
||||
margin-bottom: 5px; |
||||
} |
||||
|
||||
.job-description .star-vote { |
||||
float: left; |
||||
margin-right: 10px; |
||||
} |
||||
|
||||
.job-description .star-vote li { |
||||
padding: 0; |
||||
} |
||||
|
||||
/*Progresses*/ |
||||
.job-description .progression span { |
||||
float: left; |
||||
width: 150px; |
||||
margin: -8px 15px 0 0; |
||||
} |
||||
|
||||
/*Right-Inner*/ |
||||
.job-description .right-inner { |
||||
padding: 20px; |
||||
background: #fff; |
||||
} |
||||
|
||||
.job-description .right-inner img { |
||||
float: left; |
||||
width: 90px; |
||||
height: auto; |
||||
margin-right: 10px; |
||||
} |
||||
|
||||
.job-description .right-inner .font-s { |
||||
font-size: 18px; |
||||
} |
||||
|
||||
.job-description .right-inner hr { |
||||
margin: 15px 0; |
||||
} |
||||
|
||||
/*P-chart-v2*/ |
||||
.job-description .p-chart { |
||||
overflow: hidden; |
||||
} |
||||
|
||||
.job-description .p-chart h3 { |
||||
font-size: 16px; |
||||
} |
||||
|
||||
.job-description .p-chart .circle { |
||||
float: left; |
||||
margin-right: 10px; |
||||
} |
||||
|
||||
.job-description .p-chart .overflow-h li i, |
||||
.job-description .p-chart .overflow-h li a { |
||||
color: #72c02c; |
||||
} |
||||
|
||||
.job-description .p-chart .overflow-h li a { |
||||
font-size: 11px; |
||||
} |
||||
|
||||
/*Circle in Responsive*/ |
||||
@media (max-width: 450px) { |
||||
.job-description .p-chart.col-xs-6 { |
||||
width: 100%; |
||||
} |
||||
} |
||||
|
||||
/*Save-Job*/ |
||||
.job-description .save-job li { |
||||
padding: 2px 0; |
||||
} |
||||
|
||||
.job-description .save-job i { |
||||
color: #999; |
||||
min-width: 25px; |
||||
text-align: center; |
||||
} |
||||
|
||||
.job-description .save-job a { |
||||
color: #999; |
||||
} |
||||
|
||||
.job-description .save-job a:hover { |
||||
color: #72c02c; |
||||
} |
||||
|
||||
/*Overview*/ |
||||
.job-description .overview i { |
||||
color: #fff; |
||||
float: left; |
||||
min-width: 38px; |
||||
font-size: 20px; |
||||
padding: 10px 3px; |
||||
text-align: center; |
||||
margin-right: 10px; |
||||
background: #585f69; |
||||
} |
||||
|
||||
/*People-Say*/ |
||||
.job-description .people-say img { |
||||
float: left; |
||||
width: 40px; |
||||
height: auto; |
||||
margin: 6px 10px 0 0; |
||||
} |
||||
|
||||
.job-description .people-say .overflow-h span { |
||||
font-weight: 700; |
||||
} |
||||
|
||||
.job-description .people-say .overflow-h p { |
||||
font-style: italic; |
||||
line-height: 1.2; |
||||
} |
||||
|
||||
.job-description .people-say .overflow-h small { |
||||
text-align: right; |
||||
font-style: italic; |
||||
} |
||||
@ -0,0 +1,109 @@ |
||||
/*Job-Description |
||||
------------------------------------*/ |
||||
.job-description { |
||||
position: relative; |
||||
background: #f9f9f9; |
||||
} |
||||
|
||||
/*Visit*/ |
||||
.job-description .visit { |
||||
text-align: center; |
||||
margin-bottom: 30px; |
||||
} |
||||
|
||||
.job-description .visit h2 { |
||||
font-size: 25px; |
||||
text-transform: uppercase; |
||||
} |
||||
|
||||
/*Left-Inner*/ |
||||
.job-description .left-inner { |
||||
padding: 20px; |
||||
background: #fff; |
||||
position: relative; |
||||
} |
||||
|
||||
.job-description .position-top { |
||||
top: 20px; |
||||
right: 20px; |
||||
position: absolute; |
||||
} |
||||
|
||||
.job-description .social-icons { |
||||
float: left; |
||||
} |
||||
|
||||
.job-description .position-top i { |
||||
top: 5px; |
||||
color: #777; |
||||
font-size: 18px; |
||||
min-width: 28px; |
||||
margin-left: 6px; |
||||
padding: 5px 4px; |
||||
position: relative; |
||||
text-align: center; |
||||
} |
||||
|
||||
.job-description .position-top i:hover { |
||||
color: #fff; |
||||
background: #585f69; |
||||
} |
||||
|
||||
/*Circle in Responsive*/ |
||||
@media (max-width: 550px) { |
||||
.job-description .position-top { |
||||
display: none; |
||||
} |
||||
} |
||||
|
||||
.job-description .left-inner img { |
||||
float: left; |
||||
width: 80px; |
||||
height: 80px; |
||||
padding: 3px; |
||||
margin: 0 10px 10px 0; |
||||
border: 1px solid #eee; |
||||
} |
||||
|
||||
.job-description .left-inner h3 { |
||||
margin: 0 0 5px; |
||||
} |
||||
|
||||
.job-description .left-inner p.hex { |
||||
margin-bottom: 5px; |
||||
} |
||||
|
||||
.job-description .star-vote li { |
||||
padding: 0; |
||||
} |
||||
|
||||
/*Progresses*/ |
||||
.job-description .progression span { |
||||
float: left; |
||||
width: 150px; |
||||
margin: -8px 15px 0 0; |
||||
} |
||||
|
||||
/*Overview*/ |
||||
.job-description .overview i { |
||||
color: #fff; |
||||
float: left; |
||||
min-width: 38px; |
||||
font-size: 20px; |
||||
padding: 10px 3px; |
||||
text-align: center; |
||||
margin-right: 10px; |
||||
background: #585f69; |
||||
} |
||||
|
||||
/*Colorful-ul*/ |
||||
.job-description .colorful-ul li a { |
||||
color: #72c02c; |
||||
} |
||||
|
||||
/*Copyright-v2 |
||||
------------------------------------*/ |
||||
.copyright-v2 { |
||||
padding: 10px 0; |
||||
background: #f9f9f9; |
||||
} |
||||
@ -0,0 +1,27 @@ |
||||
/*Registration and Login Page v1 |
||||
------------------------------------*/ |
||||
.reg-page { |
||||
color: #555; |
||||
padding: 30px; |
||||
background: #fefefe; |
||||
border: solid 1px #eee; |
||||
box-shadow: 0 0 3px #eee; |
||||
} |
||||
|
||||
/*Reg Header*/ |
||||
.reg-header { |
||||
color: #555; |
||||
text-align: center; |
||||
margin-bottom: 35px; |
||||
border-bottom: solid 1px #eee; |
||||
} |
||||
|
||||
.reg-header h2 { |
||||
font-size: 24px; |
||||
margin-bottom: 15px; |
||||
} |
||||
|
||||
/*Reg Forms*/ |
||||
.reg-page label { |
||||
color: #777; |
||||
} |
||||
@ -0,0 +1,72 @@ |
||||
/*Registration and Login Page v2 |
||||
------------------------------------*/ |
||||
body { |
||||
background: #555; |
||||
} |
||||
|
||||
.reg-block { |
||||
width: 380px; |
||||
padding: 20px; |
||||
margin: 60px auto; |
||||
background: #fff; |
||||
border-top: solid 2px #72c02c; |
||||
} |
||||
|
||||
.reg-block h2, |
||||
.reg-block p, |
||||
.reg-block p a { |
||||
color: #777; |
||||
} |
||||
|
||||
.reg-block-header h2 { |
||||
font-size: 28px; |
||||
} |
||||
|
||||
.reg-block p a { |
||||
text-decoration: underline; |
||||
} |
||||
.reg-block p a:hover { |
||||
text-decoration: none; |
||||
} |
||||
|
||||
/*Forms*/ |
||||
.reg-block .input-group-addon { |
||||
color: #bbb; |
||||
background: none; |
||||
min-width: 40px; |
||||
} |
||||
|
||||
.reg-block .form-control:focus { |
||||
box-shadow: none; |
||||
border-color: #999; |
||||
} |
||||
|
||||
.reg-block .checkbox { |
||||
color: #555; |
||||
margin-bottom: 20px; |
||||
font-weight: normal; |
||||
} |
||||
|
||||
/*Reg Header*/ |
||||
.reg-block-header { |
||||
padding-bottom: 5px; |
||||
margin-bottom: 30px; |
||||
border-bottom: solid 1px #eee; |
||||
} |
||||
|
||||
.reg-block-header h2 { |
||||
text-align: center; |
||||
margin-bottom: 15px; |
||||
} |
||||
|
||||
.reg-block-header p { |
||||
text-align: center; |
||||
} |
||||
|
||||
/*For Mobile Devices*/ |
||||
@media (max-width: 500px) { |
||||
.reg-block { |
||||
width: 300px; |
||||
margin: 60px auto; |
||||
} |
||||
} |
||||
@ -0,0 +1,72 @@ |
||||
/*One Page |
||||
------------------------------------*/ |
||||
.one-page { |
||||
padding-left: 0; |
||||
padding-right: 0; |
||||
} |
||||
|
||||
.one-page h1, |
||||
.one-page h2 { |
||||
color: #fff; |
||||
font-size: 23px; |
||||
line-height: 28px; |
||||
text-shadow: none; |
||||
margin-bottom: 25px; |
||||
} |
||||
|
||||
.one-page h3.heading-sm { |
||||
font-size: 19px; |
||||
} |
||||
|
||||
.one-page p { |
||||
color: #fff; |
||||
} |
||||
|
||||
.one-grey hr { |
||||
border-color: #bbb; |
||||
} |
||||
|
||||
.one-page .one-default p, |
||||
.one-page .one-default h1, |
||||
.one-page .one-default h2, |
||||
.one-page .one-grey p, |
||||
.one-page .one-grey h1, |
||||
.one-page .one-grey h2 { |
||||
color: #555; |
||||
} |
||||
|
||||
.one-page .one-page-inner { |
||||
padding: 30px 0; |
||||
min-height: 300px; |
||||
} |
||||
|
||||
.one-page .one-page-btn { |
||||
margin-bottom: 15px; |
||||
font-size: 18px; |
||||
font-weight: 200; |
||||
padding-left: 30px; |
||||
padding-right: 30px; |
||||
} |
||||
|
||||
.one-page .btn-u { |
||||
margin-bottom: 15px; |
||||
} |
||||
|
||||
.one-page .one-default { |
||||
background: #fff; |
||||
} |
||||
.one-page .one-grey { |
||||
background: #eee; |
||||
} |
||||
.one-page .one-blue { |
||||
background: #3498db; |
||||
} |
||||
.one-page .one-red { |
||||
background: #e74c3c; |
||||
} |
||||
.one-page .one-orange { |
||||
background: #e67e22; |
||||
} |
||||
.one-page .one-green { |
||||
background: #2ecc71; |
||||
} |
||||
@ -0,0 +1,969 @@ |
||||
/*Pricing Page |
||||
------------------------------------*/ |
||||
/*Pricing Head*/ |
||||
.no-space-pricing [class^="col-"], |
||||
.no-space-pricing [class*=" col-"] { |
||||
padding: 0; |
||||
} |
||||
.pricing { |
||||
position:relative; |
||||
border-radius:3px; |
||||
margin-bottom:15px; |
||||
box-shadow:0 0 5px #eee; |
||||
} |
||||
.pricing:hover { |
||||
box-shadow:0 0 15px #b5b5b5; |
||||
} |
||||
.pricing:hover h4 { |
||||
color:#74C52C; |
||||
} |
||||
.pricing-head { |
||||
text-align:center; |
||||
} |
||||
.pricing h3, |
||||
.pricing h4 { |
||||
margin:0; |
||||
line-height:normal; |
||||
font-weight:bold !important; |
||||
} |
||||
.pricing p { |
||||
padding-top: 10px; |
||||
font-size: 11px; |
||||
} |
||||
.pricing-head h3 span, |
||||
.pricing-head h4 span { |
||||
display:block; |
||||
margin-top:5px; |
||||
font-size:12px; |
||||
font-style:italic; |
||||
} |
||||
.pricing-head h3 { |
||||
color:#fafafa; |
||||
padding:12px 0; |
||||
font-size:35px; |
||||
font-family:Arial; |
||||
background:#74C52C; |
||||
border-radius:3px 3px 0 0; |
||||
text-shadow:0 1px 0 #32a20f; |
||||
} |
||||
.pricing-head h4 { |
||||
color: #888; |
||||
padding:5px 0; |
||||
font-size:70px; |
||||
text-shadow:0 1px 0 #fff; |
||||
border-bottom:solid 1px #f5f9e7; |
||||
} |
||||
.pricing-head h4 i { |
||||
top:-8px; |
||||
font-size:28px; |
||||
font-style:normal; |
||||
position:relative; |
||||
} |
||||
.pricing-head h4 span { |
||||
top:-10px; |
||||
font-size:14px; |
||||
font-style:normal; |
||||
position:relative; |
||||
} |
||||
|
||||
/*Pricing Content*/ |
||||
|
||||
.pricing-content { |
||||
margin-bottom: 0px; |
||||
} |
||||
.pricing-content li { |
||||
color:#888; |
||||
font-size:12px; |
||||
padding:7px 15px; |
||||
border-bottom:solid 1px #f5f9e7; |
||||
} |
||||
.pricing-content li i { |
||||
color:#72c02c; |
||||
font-size:16px; |
||||
margin-right:5px; |
||||
position:relative; |
||||
} |
||||
|
||||
/*Pricing Footer*/ |
||||
.pricing-footer { |
||||
color:#777; |
||||
font-size:11px; |
||||
line-height:17px; |
||||
text-align:center; |
||||
padding:0 20px 19px; |
||||
border-radius:0 0 3px 3px; |
||||
} |
||||
|
||||
/*Pricing Active*/ |
||||
.price-active, |
||||
.pricing:hover { |
||||
z-index:9; |
||||
margin-top: -15px; |
||||
} |
||||
.price-active h4 { |
||||
color:#74C52C; |
||||
} |
||||
|
||||
/*Pricing Extra*/ |
||||
|
||||
.bg-color { |
||||
background-color: #f9f9f9; |
||||
} |
||||
.no-space-pricing { |
||||
padding: 0 15px; |
||||
} |
||||
|
||||
.sticker-right, |
||||
.sticker-left { |
||||
color: #fff; |
||||
width: 150px; |
||||
padding: 5px; |
||||
font-size: 13px; |
||||
font-weight: bold; |
||||
font-family: Arial; |
||||
position: absolute; |
||||
text-align: center; |
||||
letter-spacing: 2px; |
||||
} |
||||
|
||||
.sticker-right { |
||||
top: 13px; |
||||
right: -49px; |
||||
background: rgba(231, 76, 60, 1); |
||||
transform: rotate(45deg); |
||||
-o-transform: rotate(45deg); |
||||
-ms-transform: rotate(45deg); |
||||
-moz-transform: rotate(45deg); |
||||
-webkit-transform: rotate(45deg); |
||||
} |
||||
.sticker-left { |
||||
top: 9px; |
||||
left: -48px; |
||||
background: rgba(116, 197, 44, 1); |
||||
transform: rotate(-45deg); |
||||
-o-transform: rotate(-45deg); |
||||
-ms-transform: rotate(-45deg); |
||||
-moz-transform: rotate(-45deg); |
||||
-webkit-transform: rotate(-45deg); |
||||
} |
||||
|
||||
/*Pricing Table Colored Background Version |
||||
------------------------------------*/ |
||||
.price-active, |
||||
.pricing-bg-colored .pricing:hover { |
||||
margin-top: 0; |
||||
} |
||||
.pricing-bg-colored .pricing { |
||||
overflow: hidden; |
||||
} |
||||
.pricing-bg-colored .pricing { |
||||
border: 1px solid #EEEEEE; |
||||
} |
||||
.pricing-bg-colored .pricing:hover { |
||||
background: #74C52C; |
||||
} |
||||
.pricing-bg-colored .pricing:hover li, |
||||
.pricing-bg-colored .pricing:hover li i, |
||||
.pricing-bg-colored .pricing:hover .pricing-head p { |
||||
color: #fff; |
||||
} |
||||
|
||||
.pricing-bg-colored .pricing-head i { |
||||
color: #74C52C; |
||||
padding-top: 20px; |
||||
margin-top: 10px 0px; |
||||
} |
||||
.pricing-bg-colored .pricing-head p { |
||||
color: #777; |
||||
line-height: 17px; |
||||
text-align:center; |
||||
padding: 0px 20px 19px; |
||||
border-radius: 0 0 3px 3px; |
||||
border-bottom: 1px solid #F5F9E7; |
||||
} |
||||
.pricing-bg-colored h3 { |
||||
border-bottom: 1px solid #fff; |
||||
} |
||||
.pricing-bg-colored h4 { |
||||
color: #999; |
||||
font-size: 70px; |
||||
padding: 5px 0px; |
||||
margin-top: -2px; |
||||
font-family: Arial; |
||||
background: #F7F7F7; |
||||
margin-bottom: 20px; |
||||
text-shadow: 0 1px 0 #fff; |
||||
} |
||||
.pricing-bg-colored .pricing:hover h4 { |
||||
background: #fff; |
||||
} |
||||
.pricing-bg-colored h4 i { |
||||
top: -8px; |
||||
font-size: 28px; |
||||
font-style: normal; |
||||
position: relative; |
||||
} |
||||
.pricing-bg-colored h4 span { |
||||
top: -10px; |
||||
display: block; |
||||
margin-top: 5px; |
||||
font-size: 14px; |
||||
font-style: normal; |
||||
position: relative; |
||||
} |
||||
.pricing-bg-colored .pricing-footer { |
||||
padding: 2px 0px 19px; |
||||
} |
||||
|
||||
|
||||
/*Pricing Table Rounded Version |
||||
------------------------------------*/ |
||||
.price-active, |
||||
.pricing-rounded .pricing:hover { |
||||
margin-top: 0; |
||||
} |
||||
.pricing-rounded .pricing { |
||||
overflow: hidden; |
||||
box-shadow: none; |
||||
border: 1px solid #eee; |
||||
} |
||||
.pricing-rounded .easy-bg-v2 { |
||||
letter-spacing: 1px; |
||||
border: 1px solid #fff; |
||||
background-color:rgba(255, 255, 255, 0.1); |
||||
} |
||||
.pricing-rounded .easy-bg-v2 i { |
||||
padding-left: 3px; |
||||
} |
||||
.pricing-rounded h3 { |
||||
padding-bottom: 80px; |
||||
padding-top: 15px; |
||||
} |
||||
.pricing-rounded h4 { |
||||
width: 140px; |
||||
height: 140px; |
||||
padding-top: 22px; |
||||
padding-left: 6px; |
||||
font-size: 55px; |
||||
margin: -75px auto 20px; |
||||
border-radius: 140px !important; |
||||
font-weight: normal !important; |
||||
background: #fff url("../../img/breadcrumbs.png") !important; |
||||
} |
||||
.pricing-rounded .pricing-head h4 i{ |
||||
margin-right: 2px; |
||||
} |
||||
.pricing-rounded h6 { |
||||
color: #888; |
||||
font-size: 13px; |
||||
font-style: normal; |
||||
padding-bottom: 5px; |
||||
} |
||||
.pricing-rounded .pricing-content span { |
||||
float: right; |
||||
} |
||||
.pricing-rounded .pricing-content span i { |
||||
font-size: 13px; |
||||
} |
||||
.pricing-bg-colored .btn-u { |
||||
border: 1px solid #999 !; |
||||
background: #fff !important; |
||||
} |
||||
/*Pricing Zoom |
||||
------------------------------------*/ |
||||
|
||||
.pricing-zoom .pricing:hover { |
||||
-webkit-transition:box-shadow 0.3s ease-in-out; |
||||
-moz-transition:box-shadow 0.3s ease-in-out; |
||||
-o-transition:box-shadow 0.3s ease-in-out; |
||||
transition:box-shadow 0.2s ease-in-out; |
||||
} |
||||
.pricing-zoom .pricing-head h4 { |
||||
background: url("../../img/breadcrumbs.png") |
||||
repeat scroll 0 0 rgba(0, 0, 0, 0) !important; |
||||
} |
||||
.pricing-zoom .price-active .pricing-head h4, |
||||
.pricing-zoom .pricing:hover .pricing-head h4 { |
||||
padding: 15px 0; |
||||
font-size: 80px; |
||||
-webkit-transition:color 0.5s ease-in-out; |
||||
-moz-transition:color 0.5s ease-in-out; |
||||
-o-transition:color 0.5s ease-in-out; |
||||
transition:color 0.5s ease-in-out; |
||||
} |
||||
|
||||
/*Pricing Table Light Version |
||||
------------------------------------*/ |
||||
.price-active, |
||||
.pricing-light .pricing:hover { |
||||
margin-top: 0 ; |
||||
border-color: #717984; |
||||
} |
||||
.pricing-light .pricing { |
||||
overflow: hidden; |
||||
box-shadow: none; |
||||
border: 1px solid #ddd; |
||||
} |
||||
.pricing-light h3 { |
||||
color: #888; |
||||
text-shadow: none; |
||||
font-weight: normal !important; |
||||
border-bottom: 1px solid #ddd !important; |
||||
background: #fff url("../../img/breadcrumbs.png") !important; |
||||
|
||||
} |
||||
.pricing-light .pricing .rating li { |
||||
padding: 0; |
||||
border-bottom: none; |
||||
} |
||||
.pricing-light .rating li i { |
||||
color: #888; |
||||
margin: 7px 0; |
||||
padding-top: 0; |
||||
font-size: 20px; |
||||
} |
||||
.pricing-light li { |
||||
color: #888; |
||||
text-align: center; |
||||
} |
||||
.pricing-light .pricing-footer { |
||||
margin: 0px; |
||||
padding: 2px 0px 19px; |
||||
} |
||||
.pricing-light .pricing-footer h4 { |
||||
color: #888; |
||||
padding: 5px; |
||||
font-size: 70px; |
||||
text-shadow: none; |
||||
margin: -2px 0 0px; |
||||
border-top: 1px solid #ddd; |
||||
border-bottom: 1px solid #ddd; |
||||
font-weight: normal !important; |
||||
background: #fff url("../../img/breadcrumbs.png") !important; |
||||
|
||||
|
||||
} |
||||
.pricing-light .pricing-footer h4 i { |
||||
top: -8px; |
||||
font-size: 28px; |
||||
font-style: normal; |
||||
} |
||||
.pricing-light .pricing-footer h4 span { |
||||
top: -5px; |
||||
display: block; |
||||
font-size: 14px; |
||||
margin-bottom: 5px; |
||||
font-style: normal; |
||||
} |
||||
.pricing-light .pricing-footer p { |
||||
color: #888; |
||||
line-height: 17px; |
||||
padding: 15px 20px 5px ; |
||||
} |
||||
.pricing-light .pricing:hover h4, |
||||
.pricing-light .pricing:hover h3, |
||||
.pricing-light .pricing:hover p, |
||||
.pricing-light .pricing:hover li, |
||||
.pricing-light .pricing:hover li i { |
||||
color: #717984; |
||||
} |
||||
|
||||
.pricing-medium-light .btn-u:hover { |
||||
background-color: #717984!important; |
||||
} |
||||
|
||||
/*Pricing Meduim Light |
||||
------------------------------------*/ |
||||
.price-active, |
||||
.pricing-medium-light .pricing:hover { |
||||
z-index:8; |
||||
margin-top: 0 !important; |
||||
} |
||||
.pricing-medium-light .pricing { |
||||
overflow: hidden; |
||||
background: #eee; |
||||
border: 2px solid #ddd; |
||||
} |
||||
.pricing-medium-light .pricing-head h3 { |
||||
color: #717984; |
||||
text-shadow: none; |
||||
font-weight: normal !important; |
||||
border-bottom: 2px solid #eee !important; |
||||
background: #fff url("../../img/breadcrumbs.png") !important; |
||||
} |
||||
.pricing-medium-light .pricing .rating { |
||||
text-align: center; |
||||
} |
||||
.pricing-medium-light .pricing .rating li { |
||||
padding: 0; |
||||
border-bottom: none; |
||||
} |
||||
.pricing-medium-light .pricing li i { |
||||
color: #585f69; |
||||
} |
||||
.pricing-medium-light .rating li i { |
||||
margin: 7px 0; |
||||
padding-top: 0; |
||||
font-size: 20px; |
||||
} |
||||
.pricing-medium-light .pricing-content span { |
||||
float: right; |
||||
} |
||||
.pricing-medium-light .pricing-content span i { |
||||
font-size: 12px; |
||||
} |
||||
.pricing-medium-light .pricing-footer { |
||||
padding: 2px 0px 20px; |
||||
} |
||||
.pricing-medium-light .pricing-footer h4 { |
||||
color: #717984; |
||||
font-size: 70px; |
||||
padding: 5px 0px; |
||||
text-shadow: none; |
||||
font-family: Arial; |
||||
margin: -2px 0 20px; |
||||
margin-bottom: 20px; |
||||
font-weight: normal !important; |
||||
background: #fff url("../../img/breadcrumbs.png") !important; |
||||
|
||||
} |
||||
.pricing-medium-light .pricing-footer h4 i { |
||||
top: -8px; |
||||
font-size: 28px; |
||||
font-style: normal; |
||||
position: relative; |
||||
} |
||||
.pricing-medium-light .pricing-footer h4 span { |
||||
top: -10px; |
||||
display: block; |
||||
margin-top: 5px; |
||||
font-size: 14px; |
||||
font-style: normal; |
||||
position: relative; |
||||
} |
||||
.pricing-medium-light .pricing-footer p { |
||||
color: #585f69; |
||||
padding: 0 20px; |
||||
line-height: 17px; |
||||
text-align:center; |
||||
border-radius: 0 0 3px 3px; |
||||
} |
||||
.pricing-medium-light .btn-u { |
||||
background: #fff ; |
||||
padding: 5px 58px; |
||||
border: 1px solid #888; |
||||
} |
||||
.pricing-medium-light .btn-u:hover { |
||||
background-color: #717984!important; |
||||
} |
||||
|
||||
|
||||
/*Pricing Table medium-dark Version |
||||
------------------------------------*/ |
||||
.price-active, |
||||
.pricing-medium-dark .pricing:hover { |
||||
margin-top: 0 ; |
||||
} |
||||
.pricing-medium-dark .pricing { |
||||
border: 2px solid #717984; |
||||
box-shadow: none; |
||||
} |
||||
.pricing-medium-dark .pricing-head h3 { |
||||
color: #fff; |
||||
text-shadow: none; |
||||
background: #717984; |
||||
border-bottom: 2px solid #eee ; |
||||
} |
||||
.pricing-medium-dark .pricing .rating { |
||||
text-align: center; |
||||
} |
||||
.pricing-medium-dark .pricing .rating li { |
||||
padding: 0; |
||||
border-bottom: none; |
||||
} |
||||
.pricing-medium-dark .rating li i { |
||||
padding-top: 0; |
||||
margin: 7px 0; |
||||
font-size: 20px; |
||||
} |
||||
.pricing-medium-dark .pricing-content li i { |
||||
color: #717984; |
||||
} |
||||
.pricing-medium-dark .pricing-footer { |
||||
margin: 0px; |
||||
background: #717984; |
||||
padding: 2px 0px 19px; |
||||
} |
||||
.pricing-medium-dark .pricing-footer h4 { |
||||
color: #717984 ; |
||||
font-size: 70px; |
||||
padding: 5px 0px; |
||||
text-shadow: none; |
||||
font-family: Arial; |
||||
text-align: center; |
||||
line-height: normal; |
||||
font-weight: normal; |
||||
margin: -2px 0 20px; |
||||
font-weight: normal !important; |
||||
background: #fff url("../../img/breadcrumbs.png") !important; |
||||
} |
||||
.pricing-medium-dark .pricing-footer h4 i { |
||||
top: -8px; |
||||
font-size: 28px; |
||||
font-style: normal; |
||||
position: relative; |
||||
} |
||||
.pricing-medium-dark .pricing-footer h4 span { |
||||
top: -10px; |
||||
display: block; |
||||
margin-top: 5px; |
||||
font-size: 14px; |
||||
font-style: normal; |
||||
position: relative; |
||||
} |
||||
.pricing-medium-dark .pricing-footer p { |
||||
color: #fff; |
||||
font-size: 11px; |
||||
line-height: 17px; |
||||
text-align: center; |
||||
padding: 0 20px 5px; |
||||
border-radius: 0 0 3px 3px; |
||||
} |
||||
.pricing-medium-dark .btn-u { |
||||
background: #fff !important; |
||||
border: 1px solid #888 ; |
||||
|
||||
} |
||||
|
||||
/*Pricing Table Dark |
||||
------------------------------------*/ |
||||
.price-active, |
||||
.pricing-dark .pricing:hover { |
||||
z-index:8; |
||||
margin-top: 0 !important; |
||||
} |
||||
.pricing-dark .pricing { |
||||
border-top: 2px solid #717984; |
||||
overflow: hidden; |
||||
} |
||||
.pricing-dark .pricing { |
||||
background: #717984; |
||||
} |
||||
.pricing-dark .pricing .rating { |
||||
text-align: center; |
||||
} |
||||
.pricing-dark .pricing .rating li { |
||||
padding: 0; |
||||
border-bottom: none; |
||||
} |
||||
.pricing-dark .pricing li i { |
||||
color: #fff; |
||||
} |
||||
.pricing-dark .rating li i { |
||||
margin: 7px 0; |
||||
padding-top: 0; |
||||
font-size: 20px; |
||||
} |
||||
.pricing-dark li { |
||||
color: #fff; |
||||
} |
||||
.pricing-dark .pricing-head h3 { |
||||
color: #717984; |
||||
text-shadow: none; |
||||
font-weight: normal !important; |
||||
border-bottom: 2px solid #eee !important; |
||||
background: #fff url("../../img/breadcrumbs.png") !important; |
||||
} |
||||
.pricing-dark .pricing-content span { |
||||
float: right; |
||||
} |
||||
.pricing-dark .pricing-content span i { |
||||
font-size: 12px; |
||||
} |
||||
.pricing-dark .pricing-footer { |
||||
padding: 2px 0px 20px; |
||||
} |
||||
.pricing-dark .pricing-footer h4 { |
||||
color: #717984; |
||||
font-size: 70px; |
||||
padding: 5px 0px; |
||||
font-family: Arial; |
||||
text-shadow: none; |
||||
margin: -2px 0 20px; |
||||
margin-bottom: 20px; |
||||
font-weight: normal !important; |
||||
background: #fff url("../../img/breadcrumbs.png") !important; |
||||
} |
||||
.pricing-dark .pricing-footer h4 i { |
||||
top: -8px; |
||||
font-size: 28px; |
||||
font-style: normal; |
||||
position: relative; |
||||
} |
||||
.pricing-dark .pricing-footer h4 span { |
||||
top: -10px; |
||||
display: block; |
||||
margin-top: 5px; |
||||
font-size: 14px; |
||||
font-style: normal; |
||||
position: relative; |
||||
} |
||||
.pricing-dark .pricing-footer p { |
||||
color: #fff; |
||||
padding: 0 20px; |
||||
line-height: 17px; |
||||
text-align:center; |
||||
border-radius: 0 0 3px 3px; |
||||
} |
||||
.pricing-dark .btn-u { |
||||
padding: 5px 60px; |
||||
background: #fff !important; |
||||
border: 1px solid #999 !important; |
||||
} |
||||
|
||||
|
||||
/*Pricing Table Mega-v1 Version |
||||
------------------------------------*/ |
||||
.pricing-mega-v1 { |
||||
padding: 40px 15px 0 15px; |
||||
} |
||||
.pricing-mega-v1 .price-active, |
||||
.pricing-mega-v1 .pricing:hover { |
||||
margin-top: 0; |
||||
} |
||||
.pricing-mega-v1 .pricing { |
||||
position: relative; |
||||
border-radius: 3px; |
||||
margin-bottom: 15px; |
||||
box-shadow: 0 0 0px #eee; |
||||
border: 1px solid #eee; |
||||
} |
||||
.pricing-mega-v1 .pricing-head h3 { |
||||
font-size: 25px; |
||||
min-height: 75px; |
||||
} |
||||
.pricing-mega-v1 .pricing-head h4{ |
||||
font-size: 20px; |
||||
min-height: 103px; |
||||
} |
||||
.pricing-mega-v1 .pricing-head h4 i { |
||||
color: #888; |
||||
} |
||||
.pricing-mega-v1 .pricing:hover h4 i { |
||||
color: #74C52C; |
||||
} |
||||
.pricing-mega-v1 .pricing-head h4 span, |
||||
.pricing-mega-v1 .pricing-content li span, |
||||
.padding-mega-v1 .pricing-head .price span { |
||||
display: block; |
||||
padding: 10px 0px 0px; |
||||
} |
||||
.pricing-mega-v1 .pricing-head .price { |
||||
font-size: 70px; |
||||
font-style: normal; |
||||
padding-bottom: 0px; |
||||
background-color: #fff; |
||||
} |
||||
.pricing-mega-v1 .pricing-head h3, |
||||
.pricing-mega-v1 .pricing-head h4 { |
||||
font-style: normal; |
||||
font-weight: normal !important; |
||||
} |
||||
.pricing-mega-v1 .hidden-area { |
||||
margin-top: 75px; |
||||
} |
||||
.pricing-mega-v1 .hidden-area:hover { |
||||
margin-top: 75px; |
||||
} |
||||
.pricing-mega-v1 .hidden-area .pricing-head h4 { |
||||
font-size: 28px; |
||||
padding: 31px 0; |
||||
min-height: 103px; |
||||
} |
||||
.pricing-mega-v1 .hidden-area:hover .pricing-head h4 { |
||||
color: #888; |
||||
} |
||||
.pricing-mega-v1 .block .pricing-content li i { |
||||
font-size: 13px; |
||||
} |
||||
.pricing-mega-v1 .block li { |
||||
text-align: center; |
||||
} |
||||
.pricing-mega-v1 .pricing-content li { |
||||
padding: 10px; |
||||
font-size: 12px; |
||||
font-style: normal; |
||||
min-height: 41px; |
||||
} |
||||
.pricing-mega-v1 .pricing-content li i { |
||||
color: #72C02C; |
||||
} |
||||
.pricing-mega-v1 .btn-group .dropdown-menu { |
||||
width: 100%; |
||||
background: #72c02c; |
||||
border-color: #eee; |
||||
margin: 0; |
||||
border: 0; |
||||
} |
||||
.pricing-mega-v1 .btn-group .dropdown-menu li a{ |
||||
color: #fff; |
||||
} |
||||
.pricing-mega-v1 .btn-group .dropdown-menu li a:hover { |
||||
background: #5fb611 |
||||
} |
||||
|
||||
/*Pricing Table Mega-v2 |
||||
------------------------------------*/ |
||||
|
||||
.pricing-mega-v2 .price-active, |
||||
.pricing-mega-v2 .pricing:hover { |
||||
margin-top: 0px; |
||||
margin: 40px 0; |
||||
} |
||||
.pricing-mega-v2 .pricing { |
||||
position: relative; |
||||
border-radius: 3px; |
||||
margin-bottom: 15px; |
||||
margin-bottom: 100px; |
||||
box-shadow: 0 0 0px #eee; |
||||
border: 1px solid #eee; |
||||
margin: 40px 0; |
||||
} |
||||
.pricing-mega-v2 .pricing-head h3 { |
||||
font-size: 25px; |
||||
min-height: 75px; |
||||
} |
||||
.pricing-mega-v2 .pricing-head h4{ |
||||
font-size: 20px; |
||||
} |
||||
.pricing-mega-v2 .pricing-head h4 i { |
||||
color: #888888; |
||||
} |
||||
.pricing-mega-v2 .pricing:hover h4 i { |
||||
color: #74C52C; |
||||
} |
||||
.pricing-mega-v2 .pricing-head h4 span, |
||||
.pricing-mega-v2 .pricing-content li span, |
||||
.padding-mega-v2 .pricing-head .price span { |
||||
display: block; |
||||
padding: 10px 0px 0px; |
||||
} |
||||
.pricing-mega-v2 .pricing-head .price { |
||||
font-size: 70px; |
||||
font-style: normal; |
||||
padding-bottom: 0px; |
||||
background-color: #fff; |
||||
} |
||||
.pricing-mega-v2 .pricing-head h3, |
||||
.pricing-mega-v2 .pricing-head h4 { |
||||
font-style: normal; |
||||
font-weight: normal !important; |
||||
} |
||||
.pricing-mega-v2 .hidden-area { |
||||
margin-top: 115px; |
||||
} |
||||
.pricing-mega-v2 .hidden-area:hover { |
||||
margin-top: 115px; |
||||
} |
||||
.pricing-mega-v2 .hidden-area .pricing-head h4 { |
||||
font-size: 28px; |
||||
min-height: 103px; |
||||
padding: 31px 0; |
||||
} |
||||
.pricing-mega-v2 .hidden-area:hover .pricing-head h4 { |
||||
color: #888; |
||||
} |
||||
.pricing-mega-v2 .hidden-area li:hover i{ |
||||
color: #74C52C; |
||||
} |
||||
|
||||
.pricing-mega-v2 .block li { |
||||
text-align: center; |
||||
} |
||||
.pricing-mega-v2 .block li i { |
||||
font-size: 13px; |
||||
} |
||||
|
||||
.pricing-mega-v2 .pricing-content li { |
||||
padding: 10px; |
||||
font-size: 12px; |
||||
font-style: normal; |
||||
min-height: 41px; |
||||
} |
||||
.pricing-mega-v2 .hidden-area li { |
||||
font-size: 12px; |
||||
} |
||||
.pricing-mega-v2 .pricing-content li i { |
||||
color: #888; |
||||
} |
||||
.pricing-mega-v2 .bg-color { |
||||
background-color: #f9f9f9; |
||||
} |
||||
.pricing-mega-v2 .block:hover .bg-color { |
||||
background: #74C52C; |
||||
} |
||||
.pricing-mega-v2 .block:hover h3, |
||||
.pricing-mega-v2 .block:hover h4, |
||||
.pricing-mega-v2 .block:hover li, |
||||
.pricing-mega-v2 .block:hover li i, |
||||
.pricing-mega-v2 .block:hover h4 i { |
||||
color: #fff ; |
||||
background: #74C52C; |
||||
} |
||||
.pricing-mega-v2 .hidden-area:hover li i { |
||||
color: #888; |
||||
} |
||||
.pricing-mega-v2 a{ |
||||
padding: 8px 0 ; |
||||
} |
||||
|
||||
/*Pricing Table Mega-v3 |
||||
------------------------------------*/ |
||||
|
||||
.pricing-mega-v3 .price-active, |
||||
.pricing-mega-v3 .pricing:hover { |
||||
margin-top: 0; |
||||
} |
||||
.pricing-mega-v3 .pricing { |
||||
border-radius: 3px !important; |
||||
box-shadow: none; |
||||
} |
||||
.pricing-mega-v3 .pricing-content { |
||||
border: 1px solid #eee; |
||||
border-left: none; |
||||
} |
||||
.pricing-mega-v3 .hidden-area { |
||||
margin-top: 76px; |
||||
} |
||||
.pricing-mega-v3 .hidden-area:hover { |
||||
margin-top: 76px; |
||||
} |
||||
.pricing-mega-v3 .pricing-head h3 { |
||||
font-size: 28px; |
||||
min-height: 76px; |
||||
font-weight: normal !important; |
||||
border-left: 1px solid #eee; |
||||
} |
||||
|
||||
.pricing-mega-v3 h4 { |
||||
color: #888; |
||||
min-height: 100px; |
||||
border-top: 1px solid #eee ; |
||||
border-right: 1px solid #eee ; |
||||
font-weight: normal !important; |
||||
} |
||||
.pricing-mega-v3 .pricing h5 { |
||||
color: #888; |
||||
font-size: 20px; |
||||
padding-left: 5px; |
||||
padding: 30px 0 0 7px; |
||||
} |
||||
.pricing-mega-v3 .block h5 { |
||||
visibility: hidden; |
||||
} |
||||
.pricing-mega-v3 .pricing-head h4 span, |
||||
.pricing-mega-v3 .pricing-content li span, |
||||
.padding-mega-v3 .pricing-head .price span { |
||||
display: block; |
||||
padding: 15px 0px 0px; |
||||
} |
||||
.pricing-mega-v3 .hidden-area .pricing-content:nth-child(2) { |
||||
margin-bottom: 42px; |
||||
} |
||||
.pricing-mega-v3 .hidden-area .pricing-head h4 { |
||||
font-size: 28px; |
||||
padding: 34px 0 34px 15px; |
||||
border-left: 1px solid #eee; |
||||
} |
||||
.pricing-mega-v3 .hidden-area:hover .pricing-head h4 { |
||||
color: #888; |
||||
} |
||||
.pricing-mega-v3 .hidden-area .pricing-content { |
||||
border-left: 1px solid #eee; |
||||
} |
||||
.pricing-mega-v3 .hidden-area .price { |
||||
text-align: left; |
||||
padding-left: 15px; |
||||
} |
||||
.pricing-mega-v3 .block .pricing-content li i { |
||||
font-size: 13px; |
||||
} |
||||
.pricing-mega-v3 .pricing-content li { |
||||
padding: 10px; |
||||
font-size: 12px; |
||||
text-align: left; |
||||
min-height: 41px; |
||||
} |
||||
.pricing-mega-v3 .block .pricing-content li { |
||||
text-align: center; |
||||
} |
||||
.pricing-mega-v3 .btn-u { |
||||
border: 1px solid #fff; |
||||
border-bottom: none; |
||||
padding: 8px 0; |
||||
} |
||||
.pricing-mega-v3 .btn-group .dropdown-menu { |
||||
margin: 0; |
||||
border: 0; |
||||
width: 100%; |
||||
background: #72c02c; |
||||
border-color: #eee; |
||||
border: 1px solid #fff; |
||||
border-top: none; |
||||
margin-top: 40px; |
||||
text-align: center; |
||||
} |
||||
.pricing-mega-v3 .btn-group .dropdown-menu li a { |
||||
color: #fff; |
||||
} |
||||
.pricing-mega-v3 .btn-group .dropdown-menu li a:hover { |
||||
background: #5fb611; |
||||
} |
||||
.pricing-mega-v3 .btn-group-justified { |
||||
display: block; |
||||
} |
||||
|
||||
/* Devices (Desktop Mode) */ |
||||
@media (min-width: 992px) and (max-width: 1200px) { |
||||
.sticker-right { |
||||
top: 10px; |
||||
right: -58px; |
||||
font-size: 10px; |
||||
padding: 3px; |
||||
} |
||||
.sticker-left { |
||||
top: 10px; |
||||
left: -58px; |
||||
font-size: 10px; |
||||
padding: 3px; |
||||
} |
||||
} |
||||
|
||||
/* Medium Devices (Desktops, 992px and less) */ |
||||
@media (max-width: 991px) { |
||||
/*Pricing Page*/ |
||||
.price-active, |
||||
.pricing:hover { |
||||
margin-top: 0; |
||||
} |
||||
.no-space-pricing [class^="col-"], |
||||
.no-space-pricing [class*=" col-"] { |
||||
padding: 10px; |
||||
} |
||||
.pricing-zoom .price-active .pricing-head h4, |
||||
.pricing-zoom .pricing:hover .pricing-head h4 { |
||||
padding: 5px 0; |
||||
font-size: 70px; |
||||
} |
||||
.pricing-mega-v3 .pricing h4, |
||||
.pricing-mega-v3 .pricing h3, |
||||
.pricing-mega-v3 .pricing-content { |
||||
border-left: 1px solid #eee; |
||||
} |
||||
|
||||
.pricing-mega-v3 .block h5 { |
||||
text-align: center; |
||||
visibility: visible; |
||||
} |
||||
/*End Pricing Page*/ |
||||
} |
||||
@ -0,0 +1,979 @@ |
||||
/*Pricing Page |
||||
------------------------------------*/ |
||||
/*Pricing Head*/ |
||||
.no-space-pricing [class^="col-"], |
||||
.no-space-pricing [class*=" col-"] { |
||||
padding: 0; |
||||
} |
||||
.pricing { |
||||
position:relative; |
||||
border-radius:3px; |
||||
margin-bottom:15px; |
||||
box-shadow:0 0 5px #eee; |
||||
} |
||||
.pricing:hover { |
||||
box-shadow:0 0 15px #b5b5b5; |
||||
} |
||||
.pricing:hover h4 { |
||||
color:#74C52C; |
||||
} |
||||
.pricing-head { |
||||
text-align:center; |
||||
} |
||||
.pricing h3, |
||||
.pricing h4 { |
||||
margin:0; |
||||
line-height:normal; |
||||
font-weight:bold; |
||||
} |
||||
.pricing p { |
||||
padding-top: 10px; |
||||
font-size: 11px; |
||||
} |
||||
.pricing-head h3 span, |
||||
.pricing-head h4 span { |
||||
display:block; |
||||
margin-top:5px; |
||||
font-size:12px; |
||||
font-style:italic; |
||||
} |
||||
.pricing-head h3 { |
||||
color:#fafafa; |
||||
padding:12px 0; |
||||
font-size:35px; |
||||
font-family:Arial; |
||||
background:#74C52C; |
||||
border-radius:3px 3px 0 0; |
||||
text-shadow:0 1px 0 #32a20f; |
||||
} |
||||
.pricing-head h4 { |
||||
color: #888; |
||||
padding:5px 0; |
||||
font-size:70px; |
||||
text-shadow:0 1px 0 #fff; |
||||
border-bottom:solid 1px #f5f9e7; |
||||
} |
||||
.pricing-head h4 i { |
||||
top:-8px; |
||||
font-size:28px; |
||||
font-style:normal; |
||||
position:relative; |
||||
} |
||||
.pricing-head h4 span { |
||||
top:-10px; |
||||
font-size:14px; |
||||
font-style:normal; |
||||
position:relative; |
||||
} |
||||
|
||||
/*Pricing Content*/ |
||||
|
||||
.pricing-content { |
||||
margin-bottom: 0px; |
||||
} |
||||
.pricing-content li { |
||||
color:#888; |
||||
font-size:12px; |
||||
padding:7px 15px; |
||||
border-bottom:solid 1px #f5f9e7; |
||||
} |
||||
.pricing-content li i { |
||||
color:#72c02c; |
||||
font-size:16px; |
||||
margin-right:5px; |
||||
position:relative; |
||||
} |
||||
|
||||
/*Pricing Footer*/ |
||||
.pricing-footer { |
||||
color:#777; |
||||
font-size:11px; |
||||
line-height:17px; |
||||
text-align:center; |
||||
padding:0 20px 19px; |
||||
border-radius:0 0 3px 3px; |
||||
} |
||||
|
||||
/*Pricing Active*/ |
||||
.price-active, |
||||
.pricing:hover { |
||||
z-index:9; |
||||
margin-top: -15px; |
||||
} |
||||
.price-active h4 { |
||||
color:#74C52C; |
||||
} |
||||
|
||||
/*Pricing Extra*/ |
||||
|
||||
.bg-color { |
||||
background-color: #f9f9f9; |
||||
} |
||||
.no-space-pricing { |
||||
padding: 0 15px; |
||||
} |
||||
|
||||
.sticker-right, |
||||
.sticker-left { |
||||
color: #fff; |
||||
width: 150px; |
||||
padding: 5px; |
||||
font-size: 13px; |
||||
font-weight: bold; |
||||
font-family: Arial; |
||||
position: absolute; |
||||
text-align: center; |
||||
letter-spacing: 2px; |
||||
} |
||||
|
||||
.sticker-right { |
||||
top: 13px; |
||||
right: -49px; |
||||
background: rgba(231, 76, 60, 1); |
||||
transform: rotate(45deg); |
||||
-o-transform: rotate(45deg); |
||||
-ms-transform: rotate(45deg); |
||||
-moz-transform: rotate(45deg); |
||||
-webkit-transform: rotate(45deg); |
||||
} |
||||
.sticker-left { |
||||
top: 9px; |
||||
left: -48px; |
||||
background: rgba(116, 197, 44, 1); |
||||
transform: rotate(-45deg); |
||||
-o-transform: rotate(-45deg); |
||||
-ms-transform: rotate(-45deg); |
||||
-moz-transform: rotate(-45deg); |
||||
-webkit-transform: rotate(-45deg); |
||||
} |
||||
|
||||
/*Pricing Table Colored Background Version |
||||
------------------------------------*/ |
||||
.price-active, |
||||
.pricing-bg-colored .pricing:hover { |
||||
margin-top: 0; |
||||
} |
||||
.pricing-bg-colored .pricing { |
||||
overflow: hidden; |
||||
} |
||||
.pricing-bg-colored .pricing { |
||||
border: 1px solid #EEEEEE; |
||||
} |
||||
.pricing-bg-colored .pricing:hover { |
||||
background: #74C52C; |
||||
} |
||||
.pricing-bg-colored .pricing:hover li, |
||||
.pricing-bg-colored .pricing:hover li i, |
||||
.pricing-bg-colored .pricing:hover .pricing-head p { |
||||
color: #fff; |
||||
} |
||||
.pricing-bg-colored .pricing-head i { |
||||
color: #74C52C; |
||||
padding-top: 20px; |
||||
margin-top: 10px 0px; |
||||
} |
||||
.pricing-bg-colored .pricing-head p { |
||||
color: #777; |
||||
line-height: 17px; |
||||
text-align:center; |
||||
padding: 0px 20px 19px; |
||||
border-radius: 0 0 3px 3px; |
||||
border-bottom: 1px solid #F5F9E7; |
||||
} |
||||
.pricing-bg-colored h3 { |
||||
border-bottom: 1px solid #fff; |
||||
} |
||||
.pricing-bg-colored h4 { |
||||
color: #999; |
||||
font-size: 70px; |
||||
padding: 5px 0px; |
||||
margin-top: -2px; |
||||
font-family: Arial; |
||||
background: #F7F7F7; |
||||
margin-bottom: 20px; |
||||
text-shadow: 0 1px 0 #fff; |
||||
} |
||||
.pricing-bg-colored .pricing:hover h4 { |
||||
background: #fff; |
||||
} |
||||
.pricing-bg-colored h4 i { |
||||
top: -8px; |
||||
font-size: 28px; |
||||
font-style: normal; |
||||
position: relative; |
||||
} |
||||
.pricing-bg-colored h4 span { |
||||
top: -10px; |
||||
display: block; |
||||
margin-top: 5px; |
||||
font-size: 14px; |
||||
font-style: normal; |
||||
position: relative; |
||||
} |
||||
.pricing-bg-colored .pricing-footer { |
||||
padding: 2px 0px 19px; |
||||
} |
||||
.pricing-bg-colored .pricing-footer .btn-u { |
||||
border: solid 1px #fff; |
||||
} |
||||
|
||||
/*Pricing Table Rounded Version |
||||
------------------------------------*/ |
||||
.price-active, |
||||
.pricing-rounded .pricing:hover { |
||||
margin-top: 0; |
||||
} |
||||
.pricing-rounded .pricing { |
||||
overflow: hidden; |
||||
box-shadow: none; |
||||
border: 1px solid #eee; |
||||
} |
||||
.pricing-rounded .easy-bg-v2 { |
||||
letter-spacing: 1px; |
||||
border: 1px solid #fff; |
||||
background-color:rgba(255, 255, 255, 0.1); |
||||
} |
||||
.pricing-rounded .easy-bg-v2 i { |
||||
padding-left: 3px; |
||||
} |
||||
.pricing-rounded h3 { |
||||
padding-bottom: 80px; |
||||
padding-top: 15px; |
||||
} |
||||
.pricing-rounded h4 { |
||||
width: 140px; |
||||
height: 140px; |
||||
padding-top: 22px; |
||||
padding-left: 6px; |
||||
font-size: 55px; |
||||
margin: -75px auto 20px; |
||||
border-radius: 140px !important; |
||||
font-weight: normal !important; |
||||
background: #fff url("../../img/breadcrumbs.png") !important; |
||||
} |
||||
.pricing-rounded .pricing-head h4 i{ |
||||
margin-right: 2px; |
||||
} |
||||
.pricing-rounded h6 { |
||||
color: #888; |
||||
font-size: 13px; |
||||
font-style: normal; |
||||
padding-bottom: 5px; |
||||
} |
||||
.pricing-rounded .pricing-content span { |
||||
float: right; |
||||
} |
||||
.pricing-rounded .pricing-content span i { |
||||
font-size: 13px; |
||||
} |
||||
/*Pricing Zoom |
||||
------------------------------------*/ |
||||
|
||||
.pricing-zoom .pricing:hover { |
||||
-webkit-transition:box-shadow 0.3s ease-in-out; |
||||
-moz-transition:box-shadow 0.3s ease-in-out; |
||||
-o-transition:box-shadow 0.3s ease-in-out; |
||||
transition:box-shadow 0.2s ease-in-out; |
||||
} |
||||
.pricing-zoom .pricing-head h4 { |
||||
background: url("../../img/breadcrumbs.png") repeat scroll 0 0 rgba(0, 0, 0, 0) !important; |
||||
} |
||||
.pricing-zoom .price-active .pricing-head h4, |
||||
.pricing-zoom .pricing:hover .pricing-head h4 { |
||||
padding: 15px 0; |
||||
font-size: 80px; |
||||
-webkit-transition:color 0.5s ease-in-out; |
||||
-moz-transition:color 0.5s ease-in-out; |
||||
-o-transition:color 0.5s ease-in-out; |
||||
transition:color 0.5s ease-in-out; |
||||
} |
||||
|
||||
/*Pricing Table Light Version |
||||
------------------------------------*/ |
||||
.price-active, |
||||
.pricing-light .pricing:hover { |
||||
margin-top: 0 ; |
||||
border-color: #717984; |
||||
} |
||||
.pricing-light .pricing { |
||||
overflow: hidden; |
||||
box-shadow: none; |
||||
border: 1px solid #ddd; |
||||
} |
||||
.pricing-light h3 { |
||||
color: #888; |
||||
font-weight: 200 !important; |
||||
font-family: inherit; |
||||
text-shadow: none !important; |
||||
border-bottom: 1px solid #ddd !important; |
||||
background: #fff url("../../img/breadcrumbs.png") !important; |
||||
|
||||
} |
||||
.pricing-light .pricing .rating li { |
||||
padding: 0; |
||||
border-bottom: none; |
||||
} |
||||
.pricing-light .rating li i { |
||||
color: #888; |
||||
margin: 7px 0; |
||||
padding-top: 0; |
||||
font-size: 20px; |
||||
} |
||||
.pricing-light li { |
||||
color: #888; |
||||
text-align: center; |
||||
} |
||||
.pricing-light .pricing-footer { |
||||
margin: 0px; |
||||
padding: 2px 0px 19px; |
||||
} |
||||
.pricing-light .pricing-footer h4 { |
||||
color: #888; |
||||
padding: 5px; |
||||
font-size: 70px; |
||||
text-shadow: none; |
||||
margin: -2px 0 0px; |
||||
border-top: 1px solid #ddd; |
||||
border-bottom: 1px solid #ddd; |
||||
font-weight: normal !important; |
||||
background: #fff url("../../img/breadcrumbs.png") !important; |
||||
|
||||
} |
||||
.pricing-light .pricing-footer h4 i { |
||||
top: -8px; |
||||
font-size: 28px; |
||||
font-style: normal; |
||||
} |
||||
.pricing-light .pricing-footer h4 span { |
||||
top: -5px; |
||||
display: block; |
||||
font-size: 14px; |
||||
margin-bottom: 5px; |
||||
font-style: normal; |
||||
} |
||||
.pricing-light .pricing-footer p { |
||||
color: #888; |
||||
line-height: 17px; |
||||
padding: 15px 20px 5px ; |
||||
} |
||||
.pricing-light .pricing:hover h4, |
||||
.pricing-light .pricing:hover h3, |
||||
.pricing-light .pricing:hover p, |
||||
.pricing-light .pricing:hover li, |
||||
.pricing-light .pricing:hover li i { |
||||
color: #717984; |
||||
} |
||||
|
||||
.pricing-medium-light .btn-u:hover { |
||||
background-color: #717984!important; |
||||
} |
||||
|
||||
/*Pricing Meduim Light |
||||
------------------------------------*/ |
||||
.price-active, |
||||
.pricing-medium-light .pricing:hover { |
||||
z-index:8; |
||||
margin-top: 0 !important; |
||||
} |
||||
.pricing-medium-light .pricing { |
||||
overflow: hidden; |
||||
background: #eee; |
||||
border: 2px solid #ddd; |
||||
} |
||||
.pricing-medium-light .pricing-head h3 { |
||||
color: #717984; |
||||
text-shadow: none; |
||||
font-weight: normal !important; |
||||
border-bottom: 2px solid #eee !important; |
||||
background: #fff url("../../img/breadcrumbs.png") !important; |
||||
} |
||||
.pricing-medium-light .pricing-content > li { |
||||
border-color: #fff !important; |
||||
} |
||||
.pricing-medium-light .pricing .rating { |
||||
text-align: center; |
||||
} |
||||
.pricing-medium-light .pricing .rating li { |
||||
padding: 0; |
||||
border-bottom: none; |
||||
} |
||||
.pricing-medium-light .pricing li i { |
||||
color: #585f69; |
||||
} |
||||
.pricing-medium-light .rating li i { |
||||
margin: 7px 0; |
||||
padding-top: 0; |
||||
font-size: 20px; |
||||
} |
||||
.pricing-medium-light .pricing-content span { |
||||
float: right; |
||||
} |
||||
.pricing-medium-light .pricing-content span i { |
||||
font-size: 12px; |
||||
} |
||||
.pricing-medium-light .pricing-footer { |
||||
padding: 2px 0px 20px; |
||||
} |
||||
.pricing-medium-light .pricing-footer h4 { |
||||
color: #717984 !important; |
||||
font-size: 70px; |
||||
padding: 5px 0px; |
||||
text-shadow: none; |
||||
font-family: Arial; |
||||
margin: -2px 0 20px; |
||||
margin-bottom: 20px; |
||||
font-weight: normal !important; |
||||
background: #fff url("../../img/breadcrumbs.png") !important; |
||||
|
||||
} |
||||
.pricing-medium-light .pricing-footer h4 i { |
||||
top: -8px; |
||||
font-size: 28px; |
||||
font-style: normal; |
||||
position: relative; |
||||
} |
||||
.pricing-medium-light .pricing-footer h4 span { |
||||
top: -10px; |
||||
display: block; |
||||
margin-top: 5px; |
||||
font-size: 14px; |
||||
font-style: normal; |
||||
position: relative; |
||||
} |
||||
.pricing-medium-light .pricing-footer p { |
||||
color: #585f69; |
||||
padding: 0 20px; |
||||
line-height: 17px; |
||||
text-align:center; |
||||
border-radius: 0 0 3px 3px; |
||||
} |
||||
.pricing-medium-light .btn-u { |
||||
background: #fff ; |
||||
padding: 5px 58px; |
||||
border: 1px solid #888; |
||||
} |
||||
.pricing-medium-light .btn-u:hover { |
||||
background-color: #717984!important; |
||||
} |
||||
|
||||
|
||||
/*Pricing Table medium-dark Version |
||||
------------------------------------*/ |
||||
.price-active, |
||||
.pricing-medium-dark .pricing:hover { |
||||
margin-top: 0 ; |
||||
} |
||||
.pricing-medium-dark .pricing { |
||||
border: 2px solid #717984; |
||||
box-shadow: none; |
||||
} |
||||
.pricing-medium-dark .pricing-head h3 { |
||||
color: #fff; |
||||
text-shadow: none; |
||||
background: #717984; |
||||
border-bottom: 2px solid #eee ; |
||||
} |
||||
.pricing-medium-dark .pricing .rating { |
||||
text-align: center; |
||||
} |
||||
.pricing-medium-dark .pricing .rating li { |
||||
padding: 0; |
||||
border-bottom: none; |
||||
} |
||||
.pricing-medium-dark .rating li i { |
||||
padding-top: 0; |
||||
margin: 7px 0; |
||||
font-size: 20px; |
||||
} |
||||
|
||||
.pricing-medium-dark .pricing-content li i { |
||||
color: #717984; |
||||
} |
||||
|
||||
.pricing-medium-dark .pricing-content li { |
||||
border-color: #eee; |
||||
} |
||||
|
||||
.pricing-medium-dark .pricing-footer { |
||||
margin: 0px; |
||||
background: #717984; |
||||
padding: 2px 0px 19px; |
||||
} |
||||
.pricing-medium-dark .pricing-footer h4 { |
||||
color: #717984 !important; |
||||
font-size: 70px; |
||||
padding: 5px 0px; |
||||
text-shadow: none; |
||||
font-family: Arial; |
||||
text-align: center; |
||||
line-height: normal; |
||||
font-weight: normal; |
||||
margin: -2px 0 20px; |
||||
font-weight: normal !important; |
||||
background: #fff url("../../img/breadcrumbs.png") !important; |
||||
} |
||||
.pricing-medium-dark .pricing-footer h4 i { |
||||
top: -8px; |
||||
font-size: 28px; |
||||
font-style: normal; |
||||
position: relative; |
||||
} |
||||
.pricing-medium-dark .pricing-footer h4 span { |
||||
top: -10px; |
||||
display: block; |
||||
margin-top: 5px; |
||||
font-size: 14px; |
||||
font-style: normal; |
||||
position: relative; |
||||
} |
||||
.pricing-medium-dark .pricing-footer p { |
||||
color: #fff; |
||||
font-size: 11px; |
||||
line-height: 17px; |
||||
text-align: center; |
||||
padding: 0 20px 5px; |
||||
border-radius: 0 0 3px 3px; |
||||
} |
||||
.pricing-medium-dark .btn-u { |
||||
background: #fff !important; |
||||
border: 1px solid #888 ; |
||||
|
||||
} |
||||
|
||||
/*Pricing Table Dark |
||||
------------------------------------*/ |
||||
.price-active, |
||||
.pricing-dark .pricing:hover { |
||||
z-index:8; |
||||
margin-top: 0 !important; |
||||
} |
||||
.pricing-dark .pricing { |
||||
border-top: 2px solid #717984; |
||||
overflow: hidden; |
||||
} |
||||
.pricing-dark .pricing { |
||||
background: #717984; |
||||
} |
||||
.pricing-dark .pricing .rating { |
||||
text-align: center; |
||||
} |
||||
.pricing-dark .pricing .rating li { |
||||
padding: 0; |
||||
border-bottom: none; |
||||
} |
||||
.pricing-dark .pricing li i { |
||||
color: #fff; |
||||
} |
||||
.pricing-dark .rating li i { |
||||
margin: 7px 0; |
||||
padding-top: 0; |
||||
font-size: 20px; |
||||
} |
||||
.pricing-dark li { |
||||
color: #fff; |
||||
} |
||||
.pricing-dark .pricing-head h3 { |
||||
color: #717984; |
||||
text-shadow: none; |
||||
font-weight: normal !important; |
||||
border-bottom: 2px solid #eee !important; |
||||
background: #fff url("../../img/breadcrumbs.png") !important; |
||||
} |
||||
|
||||
.pricing-dark .pricing-content li { |
||||
border-color: #fff; |
||||
} |
||||
|
||||
.pricing-dark .pricing-content span { |
||||
float: right; |
||||
} |
||||
.pricing-dark .pricing-content span i { |
||||
font-size: 12px; |
||||
} |
||||
.pricing-dark .pricing-footer { |
||||
padding: 2px 0px 20px; |
||||
} |
||||
.pricing-dark .pricing-footer h4 { |
||||
font-size: 70px; |
||||
padding: 5px 0px; |
||||
font-family: Arial; |
||||
text-shadow: none; |
||||
margin: -2px 0 20px; |
||||
margin-bottom: 20px; |
||||
color: #717984 !important; |
||||
font-weight: normal !important; |
||||
background: #fff url("../../img/breadcrumbs.png") !important; |
||||
} |
||||
.pricing-dark .pricing-footer h4 i { |
||||
top: -8px; |
||||
font-size: 28px; |
||||
font-style: normal; |
||||
position: relative; |
||||
} |
||||
.pricing-dark .pricing-footer h4 span { |
||||
top: -10px; |
||||
display: block; |
||||
margin-top: 5px; |
||||
font-size: 14px; |
||||
font-style: normal; |
||||
position: relative; |
||||
} |
||||
.pricing-dark .pricing-footer p { |
||||
color: #fff; |
||||
padding: 0 20px; |
||||
line-height: 17px; |
||||
text-align:center; |
||||
border-radius: 0 0 3px 3px; |
||||
} |
||||
.pricing-dark .btn-u { |
||||
padding: 5px 60px; |
||||
background: #fff !important; |
||||
border: 1px solid #999 !important; |
||||
} |
||||
|
||||
|
||||
/*Pricing Table Mega v1 Version |
||||
------------------------------------*/ |
||||
.pricing-mega-v1 { |
||||
padding: 40px 15px 0 15px; |
||||
} |
||||
.pricing-mega-v1 .price-active, |
||||
.pricing-mega-v1 .pricing:hover { |
||||
margin-top: 0; |
||||
} |
||||
.pricing-mega-v1 .pricing { |
||||
position: relative; |
||||
border-radius: 3px; |
||||
margin-bottom: 15px; |
||||
box-shadow: 0 0 0px #eee; |
||||
border: 1px solid #eee; |
||||
} |
||||
.pricing-mega-v1 .pricing-head h3 { |
||||
font-size: 25px; |
||||
min-height: 75px; |
||||
} |
||||
.pricing-mega-v1 .pricing-head h4{ |
||||
font-size: 20px; |
||||
min-height: 103px; |
||||
} |
||||
.pricing-mega-v1 .pricing-head h4 i { |
||||
color: #888; |
||||
} |
||||
.pricing-mega-v1 .pricing:hover h4 i { |
||||
color: #74C52C; |
||||
} |
||||
.pricing-mega-v1 .pricing-head h4 span, |
||||
.pricing-mega-v1 .pricing-content li span, |
||||
.padding-mega-v1 .pricing-head .price span { |
||||
display: block; |
||||
padding: 10px 0px 0px; |
||||
} |
||||
.pricing-mega-v1 .pricing-head .price { |
||||
font-size: 70px; |
||||
font-style: normal; |
||||
padding-bottom: 0px; |
||||
background-color: #fff; |
||||
} |
||||
.pricing-mega-v1 .pricing-head h3, |
||||
.pricing-mega-v1 .pricing-head h4 { |
||||
font-style: normal; |
||||
font-weight: normal !important; |
||||
} |
||||
.pricing-mega-v1 .hidden-area { |
||||
margin-top: 75px; |
||||
} |
||||
.pricing-mega-v1 .hidden-area:hover { |
||||
margin-top: 75px; |
||||
} |
||||
.pricing-mega-v1 .hidden-area .pricing-head h4 { |
||||
font-size: 28px; |
||||
padding: 31px 0; |
||||
min-height: 103px; |
||||
} |
||||
.pricing-mega-v1 .hidden-area:hover .pricing-head h4 { |
||||
color: #888; |
||||
} |
||||
.pricing-mega-v1 .block .pricing-content li i { |
||||
font-size: 13px; |
||||
} |
||||
.pricing-mega-v1 .block li { |
||||
text-align: center; |
||||
} |
||||
.pricing-mega-v1 .pricing-content li { |
||||
padding: 10px; |
||||
font-size: 12px; |
||||
font-style: normal; |
||||
min-height: 41px; |
||||
} |
||||
.pricing-mega-v1 .pricing-content li i { |
||||
color: #72C02C; |
||||
} |
||||
.pricing-mega-v1 .btn-group .dropdown-menu { |
||||
width: 100%; |
||||
background: #72c02c; |
||||
border-color: #eee; |
||||
margin: 0; |
||||
border: 0; |
||||
} |
||||
.pricing-mega-v1 .btn-group .dropdown-menu li a{ |
||||
color: #fff; |
||||
} |
||||
.pricing-mega-v1 .btn-group .dropdown-menu li a:hover { |
||||
background: #5fb611 |
||||
} |
||||
|
||||
/*Pricing Table Mega v2 |
||||
------------------------------------*/ |
||||
|
||||
.pricing-mega-v2 .price-active, |
||||
.pricing-mega-v2 .pricing:hover { |
||||
margin-top: 0px; |
||||
margin: 40px 0; |
||||
} |
||||
.pricing-mega-v2 .pricing { |
||||
position: relative; |
||||
border-radius: 3px; |
||||
margin-bottom: 15px; |
||||
margin-bottom: 100px; |
||||
box-shadow: 0 0 0px #eee; |
||||
border: 1px solid #eee; |
||||
margin: 40px 0; |
||||
} |
||||
.pricing-mega-v2 .pricing-head h3 { |
||||
font-size: 25px; |
||||
min-height: 75px; |
||||
} |
||||
.pricing-mega-v2 .pricing-head h4{ |
||||
font-size: 20px; |
||||
} |
||||
.pricing-mega-v2 .pricing-head h4 i { |
||||
color: #888888; |
||||
} |
||||
.pricing-mega-v2 .pricing:hover h4 i { |
||||
color: #74C52C; |
||||
} |
||||
|
||||
.pricing-mega-v2 .pricing-head h4 span, |
||||
.pricing-mega-v2 .pricing-content li span, |
||||
.padding-mega-v2 .pricing-head .price span { |
||||
display: block; |
||||
padding: 10px 0px 0px; |
||||
} |
||||
.pricing-mega-v2 .pricing-head .price { |
||||
font-size: 70px; |
||||
font-style: normal; |
||||
padding-bottom: 0px; |
||||
background-color: #fff; |
||||
} |
||||
.pricing-mega-v2 .pricing-head h3, |
||||
.pricing-mega-v2 .pricing-head h4 { |
||||
font-style: normal; |
||||
font-weight: normal !important; |
||||
} |
||||
.pricing-mega-v2 .hidden-area { |
||||
margin-top: 115px; |
||||
} |
||||
.pricing-mega-v2 .hidden-area:hover { |
||||
margin-top: 115px; |
||||
} |
||||
.pricing-mega-v2 .hidden-area .pricing-head h4 { |
||||
font-size: 28px; |
||||
min-height: 103px; |
||||
padding: 31px 0; |
||||
} |
||||
.pricing-mega-v2 .hidden-area:hover .pricing-head h4 { |
||||
color: #888; |
||||
} |
||||
.pricing-mega-v2 .hidden-area li:hover i{ |
||||
color: #74C52C; |
||||
} |
||||
|
||||
.pricing-mega-v2 .block li { |
||||
text-align: center; |
||||
} |
||||
.pricing-mega-v2 .block li i { |
||||
font-size: 13px; |
||||
} |
||||
|
||||
.pricing-mega-v2 .pricing-content li { |
||||
padding: 10px; |
||||
font-size: 12px; |
||||
font-style: normal; |
||||
min-height: 41px; |
||||
} |
||||
.pricing-mega-v2 .hidden-area li { |
||||
font-size: 12px; |
||||
} |
||||
.pricing-mega-v2 .pricing-content li i { |
||||
color: #888; |
||||
} |
||||
.pricing-mega-v2 .bg-color { |
||||
background-color: #f9f9f9; |
||||
} |
||||
.pricing-mega-v2 .block:hover .bg-color { |
||||
background: #74C52C; |
||||
} |
||||
.pricing-mega-v2 .block:hover h3, |
||||
.pricing-mega-v2 .block:hover h4, |
||||
.pricing-mega-v2 .block:hover li, |
||||
.pricing-mega-v2 .block:hover li i, |
||||
.pricing-mega-v2 .block:hover h4 i { |
||||
color: #fff !important; |
||||
background: #74C52C; |
||||
} |
||||
.pricing-mega-v2 .hidden-area:hover li i { |
||||
color: #888; |
||||
} |
||||
.pricing-mega-v2 a{ |
||||
padding: 8px 0 ; |
||||
} |
||||
|
||||
/*Pricing Table Mega v3 |
||||
------------------------------------*/ |
||||
.pricing-mega-v3 .price-active, |
||||
.pricing-mega-v3 .pricing:hover { |
||||
margin-top: 0; |
||||
} |
||||
.pricing-mega-v3 .pricing { |
||||
border-radius: 3px !important; |
||||
box-shadow: none; |
||||
} |
||||
.pricing-mega-v3 .pricing-content { |
||||
border: 1px solid #eee; |
||||
border-left: none; |
||||
} |
||||
.pricing-mega-v3 .hidden-area { |
||||
margin-top: 76px; |
||||
} |
||||
.pricing-mega-v3 .hidden-area:hover { |
||||
margin-top: 76px; |
||||
} |
||||
.pricing-mega-v3 .pricing-head h3 { |
||||
font-size: 28px; |
||||
min-height: 76px; |
||||
font-weight: normal !important; |
||||
border-left: 1px solid #eee; |
||||
} |
||||
|
||||
.pricing-mega-v3 h4 { |
||||
color: #888; |
||||
min-height: 100px; |
||||
border-top: 1px solid #eee ; |
||||
border-right: 1px solid #eee ; |
||||
font-weight: normal !important; |
||||
} |
||||
.pricing-mega-v3 .pricing h5 { |
||||
color: #888; |
||||
font-size: 20px; |
||||
padding-left: 5px; |
||||
padding: 30px 0 0 7px; |
||||
} |
||||
.pricing-mega-v3 .block h5 { |
||||
visibility: hidden; |
||||
} |
||||
.pricing-mega-v3 .pricing-head h4 span, |
||||
.pricing-mega-v3 .pricing-content li span, |
||||
.padding-mega-v3 .pricing-head .price span { |
||||
display: block; |
||||
padding: 15px 0px 0px; |
||||
} |
||||
.pricing-mega-v3 .hidden-area .pricing-content:nth-child(2) { |
||||
margin-bottom: 42px; |
||||
} |
||||
.pricing-mega-v3 .hidden-area .pricing-head h4 { |
||||
font-size: 28px; |
||||
padding: 34px 0 34px 15px; |
||||
border-left: 1px solid #eee; |
||||
} |
||||
.pricing-mega-v3 .hidden-area:hover .pricing-head h4 { |
||||
color: #888; |
||||
} |
||||
.pricing-mega-v3 .hidden-area .pricing-content { |
||||
border-left: 1px solid #eee; |
||||
} |
||||
.pricing-mega-v3 .hidden-area .price { |
||||
text-align: left; |
||||
padding-left: 15px; |
||||
} |
||||
.pricing-mega-v3 .block .pricing-content li i { |
||||
font-size: 13px; |
||||
} |
||||
.pricing-mega-v3 .pricing-content li { |
||||
padding: 10px; |
||||
font-size: 12px; |
||||
text-align: left; |
||||
min-height: 41px; |
||||
} |
||||
.pricing-mega-v3 .block .pricing-content li { |
||||
text-align: center; |
||||
} |
||||
.pricing-mega-v3 .btn-u { |
||||
border: 1px solid #fff; |
||||
border-bottom: none; |
||||
padding: 8px 0; |
||||
} |
||||
.pricing-mega-v3 .btn-group .dropdown-menu { |
||||
margin: 0; |
||||
border: 0; |
||||
width: 100%; |
||||
background: #72c02c; |
||||
border-color: #eee; |
||||
border: 1px solid #fff; |
||||
border-top: none; |
||||
margin-top: 40px; |
||||
text-align: center; |
||||
} |
||||
.pricing-mega-v3 .btn-group .dropdown-menu li a { |
||||
color: #fff; |
||||
} |
||||
.pricing-mega-v3 .btn-group .dropdown-menu li a:hover { |
||||
background: #5fb611; |
||||
} |
||||
.pricing-mega-v3 .btn-group-justified { |
||||
display: block; |
||||
} |
||||
|
||||
/* Devices (Desktop Mode) */ |
||||
@media (min-width: 992px) and (max-width: 1200px) { |
||||
.sticker-right { |
||||
top: 10px; |
||||
right: -58px; |
||||
padding: 3px; |
||||
font-size: 10px; |
||||
} |
||||
.sticker-left { |
||||
top: 10px; |
||||
left: -58px; |
||||
font-size: 10px; |
||||
padding: 3px; |
||||
} |
||||
} |
||||
|
||||
/* Medium Devices (Desktops, 992px and less) */ |
||||
@media (max-width: 991px) { |
||||
/*Pricing Page*/ |
||||
.price-active, |
||||
.pricing:hover { |
||||
margin-top: 0; |
||||
} |
||||
.no-space-pricing [class^="col-"], |
||||
.no-space-pricing [class*=" col-"] { |
||||
padding: 10px; |
||||
} |
||||
.pricing-zoom .price-active .pricing-head h4, |
||||
.pricing-zoom .pricing:hover .pricing-head h4 { |
||||
padding: 5px 0; |
||||
font-size: 70px; |
||||
} |
||||
.pricing-mega-v3 .pricing h4, |
||||
.pricing-mega-v3 .pricing h3, |
||||
.pricing-mega-v3 .pricing-content { |
||||
border-left: 1px solid #eee; |
||||
} |
||||
|
||||
.pricing-mega-v3 .block h5 { |
||||
text-align: center; |
||||
visibility: visible; |
||||
} |
||||
/*End Pricing Page*/ |
||||
} |
||||
@ -0,0 +1,104 @@ |
||||
/*Promo Page |
||||
------------------------------------*/ |
||||
/*Slider Part*/ |
||||
.fullwidthbanner-container.slider-promo { |
||||
max-height: 460px !important; |
||||
} |
||||
|
||||
.slider-promo-info-bg { |
||||
padding: 25px 20px 20px; |
||||
background: url(../img/bg-black.png) repeat; |
||||
} |
||||
|
||||
.slider-promo-info span.big-size { |
||||
color: #fff; |
||||
display: block; |
||||
font-size: 30px; |
||||
margin-bottom: 25px; |
||||
text-shadow: 0 !important; |
||||
} |
||||
|
||||
.slider-promo-info p { |
||||
color: #fff; |
||||
font-size: 16px; |
||||
margin-bottom: 0; |
||||
} |
||||
|
||||
/*Promo Box*/ |
||||
.promo-box { |
||||
padding: 20px; |
||||
margin: 25px 0 20px; |
||||
text-align: center; |
||||
} |
||||
|
||||
.promo-box i { |
||||
font-size: 50px; |
||||
} |
||||
|
||||
.promo-box p { |
||||
font-size: 14px; |
||||
margin-bottom: 0; |
||||
} |
||||
|
||||
.promo-box strong, |
||||
.promo-box strong a { |
||||
color: #555; |
||||
font-size: 20px; |
||||
display: block; |
||||
margin: 20px 0 15px; |
||||
font-weight: 200; |
||||
} |
||||
|
||||
.promo-box:hover strong, |
||||
.promo-box:hover strong a { |
||||
color: #e74c3c; |
||||
} |
||||
|
||||
/*Promo Work*/ |
||||
.promo-work { |
||||
margin: 20px 0; |
||||
} |
||||
|
||||
/*Promo Service*/ |
||||
.promo-service { |
||||
margin: 20px 0; |
||||
} |
||||
|
||||
.promo-service a.btn-u { |
||||
margin: 0 20px 10px 0; |
||||
} |
||||
|
||||
.promo-service .carousel { |
||||
margin-top: 10px; |
||||
} |
||||
|
||||
/*Promo Elements*/ |
||||
.title-box { |
||||
margin: 20px 0; |
||||
padding: 40px 0; |
||||
font-size: 16px; |
||||
text-align: center; |
||||
border-bottom: solid 1px #eee; |
||||
} |
||||
|
||||
.title-box .title-box-text { |
||||
color: #555; |
||||
display: block; |
||||
font-size: 35px; |
||||
font-weight: 200; |
||||
} |
||||
|
||||
.block-blockquote { |
||||
margin: 20px 0; |
||||
text-align: center; |
||||
border: dashed 1px #ccc; |
||||
} |
||||
|
||||
.block-blockquote-inner { |
||||
padding: 15px; |
||||
} |
||||
|
||||
.block-blockquote p { |
||||
font-size: 26px; |
||||
margin-bottom: 0; |
||||
} |
||||
@ -0,0 +1,93 @@ |
||||
/*Page Search |
||||
------------------------------------*/ |
||||
/*Search Block*/ |
||||
.search-block { |
||||
padding: 80px 0; |
||||
text-align: center; |
||||
position: relative; |
||||
margin-bottom: 20px; |
||||
background: url(../../img/bg/7.jpg) 50% 0 repeat fixed; |
||||
} |
||||
|
||||
.search-block:before { |
||||
top: 0; |
||||
left: 0; |
||||
width: 100%; |
||||
height: 100%; |
||||
content: " "; |
||||
position: absolute; |
||||
background: rgba(0,0,0,0.3); |
||||
} |
||||
|
||||
.search-block h1 { |
||||
color: #fff; |
||||
font-size: 34px; |
||||
font-weight: 200; |
||||
text-align: center; |
||||
margin-bottom: 30px; |
||||
text-transform: uppercase; |
||||
} |
||||
|
||||
.search-block .input-group { |
||||
margin-bottom: 10px; |
||||
} |
||||
|
||||
.search-block .form-control { |
||||
border: none; |
||||
height: 48px; |
||||
font-size: 16px; |
||||
font-weight: 200; |
||||
} |
||||
|
||||
/*Checkbox*/ |
||||
.search-block form.page-search-form { |
||||
border: none; |
||||
} |
||||
|
||||
.search-block form.page-search-form .radio, |
||||
.search-block form.page-search-form .checkbox { |
||||
margin: 0 3% 0 4%; |
||||
} |
||||
|
||||
.search-block form.page-search-form .checkbox { |
||||
color: #fff; |
||||
font-weight: 200; |
||||
} |
||||
|
||||
.search-block form.page-search-form .radio i, |
||||
.search-block form.page-search-form .checkbox i { |
||||
top: 6px; |
||||
width: 15px; |
||||
height: 15px; |
||||
border: none; |
||||
} |
||||
|
||||
/*Category |
||||
------------------------------------*/ |
||||
/*Section-Block*/ |
||||
.section-block { |
||||
padding: 20px; |
||||
border: 1px solid #eee; |
||||
box-shadow: 0 0 3px #eee; |
||||
} |
||||
|
||||
.section-block h2 { |
||||
color: #333; |
||||
font-size: 28px; |
||||
font-weight: 200; |
||||
margin: 10px 0 15px; |
||||
} |
||||
|
||||
.section-block .text-center p { |
||||
margin-bottom: 0; |
||||
} |
||||
|
||||
.section-block .section-block-info { |
||||
margin-top: 5px; |
||||
padding-top: 20px; |
||||
border-top: solid 1px #eee; |
||||
} |
||||
|
||||
.section-block .section-block-info ul { |
||||
margin-bottom: 0; |
||||
} |
||||
@ -0,0 +1,188 @@ |
||||
/*Search Block Version 2 |
||||
------------------------------------*/ |
||||
.search-block-v2 { |
||||
margin-bottom: 50px; |
||||
padding: 50px 0 58px; |
||||
border-bottom: 1px solid #eee; |
||||
background: url(../../img/breadcrumbs.png) repeat; |
||||
} |
||||
|
||||
.search-block-v2 h2 { |
||||
font-size: 24px; |
||||
font-weight: 200; |
||||
text-align: center; |
||||
margin-bottom: 18px; |
||||
text-transform: uppercase; |
||||
} |
||||
|
||||
/*S-Results |
||||
------------------------------------*/ |
||||
/*Related-search*/ |
||||
.s-results .related-search { |
||||
border-right: 1px solid #eee; |
||||
} |
||||
|
||||
.s-results .related-search h3 { |
||||
color: #999; |
||||
display: block; |
||||
font-size: 14px; |
||||
margin: 0 0 10px; |
||||
line-height: 20px; |
||||
text-transform: uppercase; |
||||
} |
||||
|
||||
.s-results .related-search li { |
||||
margin: 4px 0; |
||||
} |
||||
|
||||
.s-results .related-search li a { |
||||
text-transform: capitalize; |
||||
} |
||||
|
||||
.s-results .related-search a.see-all { |
||||
color: #999; |
||||
} |
||||
|
||||
.s-results .related-search a:hover { |
||||
color: #72c02c; |
||||
} |
||||
|
||||
.s-results .related-search hr { |
||||
margin: 20px 0; |
||||
} |
||||
|
||||
.s-results .blog-photos { |
||||
margin-bottom: 0; |
||||
} |
||||
|
||||
.s-results .blog-photos li img { |
||||
width: 34px; |
||||
height: 34px; |
||||
} |
||||
|
||||
/*Results-number*/ |
||||
.s-results .results-number { |
||||
color: #999; |
||||
display: block; |
||||
margin-bottom: 10px; |
||||
text-transform: uppercase; |
||||
} |
||||
|
||||
/*Inner-results*/ |
||||
.s-results .inner-results { |
||||
clear: both; |
||||
} |
||||
|
||||
.s-results .inner-results h3 { |
||||
font-size: 18px; |
||||
margin-bottom: 3px; |
||||
text-transform: capitalize; |
||||
} |
||||
|
||||
.s-results .inner-results h3 a { |
||||
color: #555; |
||||
} |
||||
|
||||
.s-results .inner-results h3 a:hover { |
||||
color: #72c02c; |
||||
} |
||||
|
||||
.s-results .inner-results img { |
||||
float: left; |
||||
width: 85px; |
||||
height: auto; |
||||
margin: 0 10px 10px 0; |
||||
} |
||||
|
||||
/*up-ul*/ |
||||
.s-results .up-ul { |
||||
margin-bottom: 4px; |
||||
} |
||||
|
||||
.s-results .up-ul li a { |
||||
color: #999; |
||||
} |
||||
|
||||
.s-results .up-ul li a:hover { |
||||
color: #72c02c; |
||||
} |
||||
|
||||
/*btn-group 'dropdown'*/ |
||||
.s-results .inner-results .btn { |
||||
top: -1px; |
||||
padding: 0; |
||||
position: relative; |
||||
} |
||||
|
||||
.s-results .inner-results .btn-default { |
||||
color: #999; |
||||
border: none; |
||||
font-size: 13px; |
||||
} |
||||
|
||||
.s-results .inner-results .btn:hover, |
||||
.s-results .inner-results .btn:focus{ |
||||
box-shadow: none; |
||||
background: inherit; |
||||
} |
||||
|
||||
.s-results .inner-results .btn-u-default { |
||||
color: #999; |
||||
border: none; |
||||
} |
||||
|
||||
.s-results .inner-results .btn-u-xs { |
||||
padding: 0; |
||||
} |
||||
|
||||
.s-results .inner-results .btn-u-default i { |
||||
font-size: 14px; |
||||
} |
||||
|
||||
.s-results .inner-results p { |
||||
margin-bottom: 5px; |
||||
} |
||||
|
||||
/*down-ul*/ |
||||
.s-results .down-ul { |
||||
margin-bottom: 0; |
||||
} |
||||
|
||||
.s-results .down-ul li { |
||||
color: #999; |
||||
} |
||||
|
||||
.s-results .down-ul li a { |
||||
color: #72c02c; |
||||
} |
||||
|
||||
.s-results .star-vote li { |
||||
padding: 0; |
||||
} |
||||
|
||||
@media (max-width: 992px) { |
||||
/*Related-search*/ |
||||
.s-results .related-search { |
||||
border-right: none; |
||||
margin-bottom: 30px; |
||||
padding-bottom: 10px; |
||||
border-bottom: 1px solid #eee; |
||||
} |
||||
|
||||
.s-results .related-search hr { |
||||
margin: 10px 0; |
||||
visibility: hidden; |
||||
} |
||||
} |
||||
|
||||
@media (max-width: 500px) { |
||||
/*Inner-results*/ |
||||
.s-results .inner-results img { |
||||
width: 60px; |
||||
height: auto; |
||||
} |
||||
|
||||
.s-results .inner-results .overflow-a p { |
||||
display: none; |
||||
} |
||||
} |
||||
@ -0,0 +1,15 @@ |
||||
/*Page_Search1_Block |
||||
------------------------------------*/ |
||||
.search-block { |
||||
padding: 40px 0 50px; |
||||
border-bottom: 1px solid #eee; |
||||
background: url(../../img/breadcrumbs.png) repeat; |
||||
} |
||||
|
||||
.search-block h1 { |
||||
font-size: 24px; |
||||
font-weight: 200; |
||||
text-align: center; |
||||
margin-bottom: 18px; |
||||
text-transform: uppercase; |
||||
} |
||||
@ -0,0 +1,169 @@ |
||||
/*Portfolio v1 |
||||
------------------------------------*/ |
||||
.view { |
||||
z-index:9; |
||||
cursor: default; |
||||
overflow: hidden; |
||||
text-align: center; |
||||
position: relative; |
||||
margin-bottom: 30px; |
||||
box-shadow: 0 0 3px #ddd; |
||||
} |
||||
.view .mask,.view .content { |
||||
width: 100%; |
||||
height: 100%; |
||||
position: absolute; |
||||
overflow: hidden; |
||||
top: 0; |
||||
left: 0; |
||||
} |
||||
.view img { |
||||
display: block; |
||||
position: relative; |
||||
} |
||||
.view h2 { |
||||
text-transform: uppercase; |
||||
color: #fff; |
||||
text-align: center; |
||||
position: relative; |
||||
font-size: 22px; |
||||
padding: 10px; |
||||
background: rgba(0, 0, 0, 0.8); |
||||
margin: 20px 0 0 0; |
||||
text-shadow:none; |
||||
} |
||||
.view p { |
||||
font-family: Georgia, serif; |
||||
font-style: italic; |
||||
font-size: 12px; |
||||
position: relative; |
||||
color: #fff; |
||||
padding: 10px 20px 10px; |
||||
text-align: center; |
||||
} |
||||
.view a.info { |
||||
color: #fff; |
||||
background: #000; |
||||
padding: 5px 12px; |
||||
text-decoration: none; |
||||
margin-top:10px; |
||||
display: inline-block; |
||||
overflow:hidden; |
||||
text-transform: uppercase; |
||||
} |
||||
.view a.info:hover { |
||||
background:#72c02c; |
||||
} |
||||
|
||||
.portfolio-responsive h2 { |
||||
margin-top:0 !important; |
||||
} |
||||
|
||||
/*CSS3 Hover Effect*/ |
||||
.view-tenth img { |
||||
left:10px; |
||||
margin-left:-10px; |
||||
position:relative; |
||||
-webkit-transition: all 0.6s ease-in-out; |
||||
-moz-transition: all 0.6s ease-in-out; |
||||
-o-transition: all 0.6s ease-in-out; |
||||
-ms-transition: all 0.6s ease-in-out; |
||||
transition: all 0.6s ease-in-out; |
||||
} |
||||
.view-tenth .mask { |
||||
-webkit-transition: all 0.5s linear; |
||||
-moz-transition: all 0.5s linear; |
||||
-o-transition: all 0.5s linear; |
||||
-ms-transition: all 0.5s linear; |
||||
transition: all 0.5s linear; |
||||
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; |
||||
filter: alpha(opacity=0); |
||||
opacity: 0; |
||||
} |
||||
.view-tenth h2 { |
||||
color: #333; |
||||
margin: 20px 40px 0; |
||||
background: transparent; |
||||
border-bottom: 1px solid rgba(0, 0, 0, 0.3); |
||||
-webkit-transform: scale(0); |
||||
-moz-transform: scale(0); |
||||
-o-transform: scale(0); |
||||
-ms-transform: scale(0); |
||||
transform: scale(0); |
||||
-webkit-transition: all 0.5s linear; |
||||
-moz-transition: all 0.5s linear; |
||||
-o-transition: all 0.5s linear; |
||||
-ms-transition: all 0.5s linear; |
||||
transition: all 0.5s linear; |
||||
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; |
||||
filter: alpha(opacity=0); |
||||
opacity: 0; |
||||
} |
||||
.view-tenth p { |
||||
color: #333; |
||||
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; |
||||
filter: alpha(opacity=0); |
||||
opacity: 0; |
||||
-webkit-transform: scale(0); |
||||
-moz-transform: scale(0); |
||||
-o-transform: scale(0); |
||||
-ms-transform: scale(0); |
||||
transform: scale(0); |
||||
-webkit-transition: all 0.5s linear; |
||||
-moz-transition: all 0.5s linear; |
||||
-o-transition: all 0.5s linear; |
||||
-ms-transition: all 0.5s linear; |
||||
transition: all 0.5s linear; |
||||
} |
||||
.view-tenth a.info { |
||||
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; |
||||
filter: alpha(opacity=0); |
||||
opacity: 0; |
||||
-webkit-transform: scale(0); |
||||
-moz-transform: scale(0); |
||||
-o-transform: scale(0); |
||||
-ms-transform: scale(0); |
||||
transform: scale(0); |
||||
-webkit-transition: all 0.5s linear; |
||||
-moz-transition: all 0.5s linear; |
||||
-o-transition: all 0.5s linear; |
||||
-ms-transition: all 0.5s linear; |
||||
transition: all 0.5s linear; |
||||
} |
||||
.view-tenth:hover img { |
||||
-webkit-transform: scale(2) rotate(10deg); |
||||
-moz-transform: scale(2) rotate(10deg); |
||||
-o-transform: scale(2) rotate(10deg); |
||||
-ms-transform: scale(2) rotate(10deg); |
||||
transform: scale(2) rotate(10deg); |
||||
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=30)"; |
||||
filter: alpha(opacity=30); |
||||
opacity: 0.3; |
||||
} |
||||
.view-tenth:hover .mask { |
||||
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; |
||||
filter: alpha(opacity=100); |
||||
opacity: 1; |
||||
} |
||||
.view-tenth:hover h2,.view-tenth:hover p,.view-tenth:hover a.info { |
||||
-webkit-transform: scale(1); |
||||
-moz-transform: scale(1); |
||||
-o-transform: scale(1); |
||||
-ms-transform: scale(1); |
||||
transform: scale(1); |
||||
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; |
||||
filter: alpha(opacity=100); |
||||
opacity: 1; |
||||
} |
||||
|
||||
/* Medium devices (desktops, 992px and up) */ |
||||
@media (min-width: 992px) { |
||||
.portfolio-4-columns .mask h2 { |
||||
font-size: 20px; |
||||
margin-bottom: 0px; |
||||
} |
||||
|
||||
.portfolio-4-columns .mask p { |
||||
display: none; |
||||
} |
||||
} |
||||
@ -0,0 +1,75 @@ |
||||
/*Portfolio v2 |
||||
------------------------------------*/ |
||||
.sorting-block ul { |
||||
margin: 0; |
||||
padding: 0; |
||||
} |
||||
|
||||
/*Sorting Navigation*/ |
||||
.sorting-block .sorting-nav { |
||||
margin-bottom: 30px; |
||||
} |
||||
|
||||
.sorting-block .sorting-nav li { |
||||
padding: 0 2px; |
||||
font-size: 14px; |
||||
cursor: pointer; |
||||
list-style: none; |
||||
display: inline-block; |
||||
} |
||||
|
||||
.sorting-block .sorting-nav li.active { |
||||
color: #72c02c; |
||||
border-bottom: solid 1px #72c02c; |
||||
} |
||||
|
||||
/*Sorting Navigation v1*/ |
||||
.sorting-block .sorting-nav-v1 li { |
||||
margin: 0 5px; |
||||
font-size: 17px; |
||||
font-style: italic; |
||||
} |
||||
|
||||
/*Sorting Grid*/ |
||||
.sorting-block .sorting-grid { |
||||
list-style: none; |
||||
} |
||||
|
||||
.sorting-block .sorting-grid .mix { |
||||
opacity: 0; |
||||
display: none; |
||||
margin-bottom: 30px; |
||||
} |
||||
|
||||
/*Sorting Grid with Text*/ |
||||
.sorting-block .sorting-grid li a:hover { |
||||
text-decoration: none; |
||||
} |
||||
|
||||
.sorting-block .sorting-grid li span.sorting-cover { |
||||
padding: 8px; |
||||
display: block; |
||||
margin-top: 1px; |
||||
background: #fcfcfc; |
||||
} |
||||
|
||||
.sorting-block .sorting-grid li span.sorting-cover p { |
||||
margin-bottom: 0; |
||||
} |
||||
|
||||
.sorting-block .sorting-grid li span.sorting-cover span { |
||||
font-size: 16px; |
||||
} |
||||
|
||||
.sorting-block .sorting-grid li a:hover span.sorting-cover { |
||||
background: #72c02c; |
||||
-webkit-transition: all 0.4s ease; |
||||
-moz-transition: all 0.4s ease; |
||||
-o-transition: all 0.4s ease; |
||||
transition: all 0.4s ease; |
||||
} |
||||
|
||||
.sorting-block .sorting-grid li a:hover span.sorting-cover p, |
||||
.sorting-block .sorting-grid li a:hover span.sorting-cover span { |
||||
color: #fff; |
||||
} |
||||
@ -0,0 +1,224 @@ |
||||
/*Pricing Page |
||||
------------------------------------*/ |
||||
/*Pricing Head*/ |
||||
.pricing-bg-colored .no-space-pricing [class^="col-"], |
||||
.pricing-bg-colored .no-space-pricing [class*=" col-"] { |
||||
padding: 0; |
||||
} |
||||
.pricing-bg-colored .pricing { |
||||
position:relative; |
||||
box-shadow:0 0 5px #eee; |
||||
} |
||||
.pricing-bg-colored .pricing:hover { |
||||
box-shadow:0 0 15px #b5b5b5; |
||||
} |
||||
.pricing-bg-colored .pricing:hover h4 { |
||||
color:#74C52C; |
||||
} |
||||
.pricing-bg-colored .pricing-head { |
||||
text-align:center; |
||||
} |
||||
.pricing-bg-colored .pricing h3, |
||||
.pricing-bg-colored .pricing h4 { |
||||
margin:0; |
||||
line-height:normal; |
||||
font-weight:bold; |
||||
} |
||||
|
||||
.pricing-bg-colored .pricing p { |
||||
padding-top: 10px; |
||||
font-size: 11px; |
||||
} |
||||
.pricing-bg-colored .pricing-head h3 span, |
||||
.pricing-bg-colored .pricing-head h4 span { |
||||
display:block; |
||||
margin-top:5px; |
||||
font-size:12px; |
||||
font-style:italic; |
||||
} |
||||
.pricing-bg-colored .pricing-head h3 { |
||||
color:#fafafa; |
||||
padding:12px 0; |
||||
font-size:35px; |
||||
font-family:Arial; |
||||
background:#74C52C; |
||||
border-radius:3px 3px 0 0; |
||||
text-shadow:0 1px 0 #32a20f; |
||||
} |
||||
|
||||
/*Pricing Content*/ |
||||
|
||||
.pricing-bg-colored .pricing-content { |
||||
margin-bottom: 0px; |
||||
} |
||||
.pricing-bg-colored .pricing-content li { |
||||
color:#888; |
||||
font-size:12px; |
||||
padding:7px 15px; |
||||
border-bottom:solid 1px #f5f9e7; |
||||
} |
||||
.pricing-bg-colored .pricing-content li i { |
||||
color:#72c02c; |
||||
font-size:16px; |
||||
margin-right:5px; |
||||
position:relative; |
||||
} |
||||
|
||||
/*Pricing Footer*/ |
||||
.pricing-bg-colored .pricing-footer { |
||||
color:#777; |
||||
font-size:11px; |
||||
line-height:17px; |
||||
text-align:center; |
||||
padding:0 20px 19px; |
||||
border-radius:0 0 3px 3px; |
||||
} |
||||
|
||||
/*Pricing Active*/ |
||||
.pricing-bg-colored .price-active, |
||||
.pricing-bg-colored .pricing:hover { |
||||
z-index:9; |
||||
margin-top: -15px; |
||||
} |
||||
.pricing-bg-colored .price-active h4 { |
||||
color:#74C52C; |
||||
} |
||||
|
||||
/*Pricing Extra*/ |
||||
.pricing-bg-colored .bg-color { |
||||
background-color: #f9f9f9; |
||||
} |
||||
.pricing-bg-colored .no-space-pricing { |
||||
padding: 0 15px; |
||||
} |
||||
.pricing-bg-colored .sticker-right, |
||||
.pricing-bg-colored .sticker-left { |
||||
color: #fff; |
||||
width: 150px; |
||||
padding: 5px; |
||||
font-size: 13px; |
||||
font-weight: bold; |
||||
font-family: Arial; |
||||
position: absolute; |
||||
text-align: center; |
||||
letter-spacing: 2px; |
||||
} |
||||
|
||||
.pricing-bg-colored .sticker-right { |
||||
top: 13px; |
||||
right: -49px; |
||||
background: rgba(231, 76, 60, 1); |
||||
transform: rotate(45deg); |
||||
-o-transform: rotate(45deg); |
||||
-ms-transform: rotate(45deg); |
||||
-moz-transform: rotate(45deg); |
||||
-webkit-transform: rotate(45deg); |
||||
} |
||||
.pricing-bg-colored .sticker-left { |
||||
top: 9px; |
||||
left: -48px; |
||||
background: rgba(116, 197, 44, 1); |
||||
transform: rotate(-45deg); |
||||
-o-transform: rotate(-45deg); |
||||
-ms-transform: rotate(-45deg); |
||||
-moz-transform: rotate(-45deg); |
||||
-webkit-transform: rotate(-45deg); |
||||
} |
||||
|
||||
/*Pricing Table Colored Background Version |
||||
------------------------------------*/ |
||||
.price-active, |
||||
.pricing-bg-colored .pricing:hover { |
||||
margin-top: 0; |
||||
} |
||||
.pricing-bg-colored .pricing { |
||||
overflow: hidden; |
||||
} |
||||
.pricing-bg-colored .pricing { |
||||
border: 1px solid #EEEEEE; |
||||
} |
||||
.pricing-bg-colored .pricing:hover { |
||||
background: #74C52C; |
||||
} |
||||
.pricing-bg-colored .pricing:hover li, |
||||
.pricing-bg-colored .pricing:hover li i, |
||||
.pricing-bg-colored .pricing:hover .pricing-head p { |
||||
color: #fff; |
||||
} |
||||
.pricing-bg-colored .pricing-head i { |
||||
color: #74C52C; |
||||
padding-top: 20px; |
||||
margin-top: 10px 0px; |
||||
} |
||||
.pricing-bg-colored .pricing-head p { |
||||
color: #777; |
||||
line-height: 17px; |
||||
text-align:center; |
||||
padding: 0px 20px 19px; |
||||
border-radius: 0 0 3px 3px; |
||||
border-bottom: 1px solid #F5F9E7; |
||||
} |
||||
|
||||
.pricing-bg-colored ul { |
||||
margin-top: -8px; |
||||
} |
||||
.pricing-bg-colored .pricing-footer { |
||||
padding: 2px 0px 19px; |
||||
} |
||||
.pricing-bg-colored .pricing-footer h4 { |
||||
color: #999; |
||||
font-size: 70px; |
||||
padding: 5px 0px; |
||||
margin-top: -2px; |
||||
font-family: Arial; |
||||
background: #F7F7F7; |
||||
margin-bottom: 20px; |
||||
text-shadow: 0 1px 0 #fff; |
||||
} |
||||
.pricing-bg-colored .pricing:hover h4 { |
||||
background: #fff; |
||||
} |
||||
.pricing-bg-colored h4 i { |
||||
top: -8px; |
||||
font-size: 28px; |
||||
font-style: normal; |
||||
position: relative; |
||||
} |
||||
.pricing-bg-colored h4 span { |
||||
top: -10px; |
||||
display: block; |
||||
margin-top: 5px; |
||||
font-size: 14px; |
||||
font-style: normal; |
||||
position: relative; |
||||
} |
||||
|
||||
|
||||
/* Devices (Desktop Mode) */ |
||||
@media (min-width: 992px) and (max-width: 1200px) { |
||||
.sticker-right { |
||||
top: 10px; |
||||
right: -58px; |
||||
font-size: 10px; |
||||
padding: 3px; |
||||
} |
||||
.sticker-left { |
||||
top: 10px; |
||||
left: -58px; |
||||
font-size: 10px; |
||||
padding: 3px; |
||||
} |
||||
} |
||||
|
||||
/* Medium Devices (Desktops, 992px and less) */ |
||||
@media (max-width: 991px) { |
||||
/*Pricing Page*/ |
||||
.price-active, |
||||
.pricing:hover { |
||||
margin-top: 0; |
||||
} |
||||
.no-space-pricing [class^="col-"], |
||||
.no-space-pricing [class*=" col-"] { |
||||
padding: 10px; |
||||
} |
||||
} |
||||
@ -0,0 +1,285 @@ |
||||
/*Pricing Page |
||||
------------------------------------*/ |
||||
/*Pricing Head*/ |
||||
.no-space-pricing [class^="col-"], |
||||
.no-space-pricing [class*=" col-"] { |
||||
padding: 0; |
||||
} |
||||
.pricing { |
||||
position:relative; |
||||
border-radius:3px; |
||||
margin-bottom:15px; |
||||
box-shadow:0 0 5px #eee; |
||||
} |
||||
.pricing:hover { |
||||
box-shadow:0 0 15px #b5b5b5; |
||||
} |
||||
.pricing:hover h4 { |
||||
color:#74C52C; |
||||
} |
||||
.pricing-head { |
||||
text-align:center; |
||||
} |
||||
.pricing h3, |
||||
.pricing h4 { |
||||
margin:0; |
||||
line-height:normal; |
||||
font-weight:bold; |
||||
} |
||||
.pricing p { |
||||
padding-top: 10px; |
||||
font-size: 11px; |
||||
} |
||||
.pricing-head h3 span, |
||||
.pricing-head h4 span { |
||||
display:block; |
||||
margin-top:5px; |
||||
font-size:12px; |
||||
font-style:italic; |
||||
} |
||||
.pricing-head h3 { |
||||
color:#fafafa; |
||||
padding:12px 0; |
||||
font-size:35px; |
||||
font-family:Arial; |
||||
background:#74C52C; |
||||
border-radius:3px 3px 0 0; |
||||
text-shadow:0 1px 0 #32a20f; |
||||
} |
||||
.pricing-head h4 { |
||||
color: #888; |
||||
padding:5px 0; |
||||
font-size:70px; |
||||
text-shadow:0 1px 0 #fff; |
||||
border-bottom:solid 1px #f5f9e7; |
||||
} |
||||
.pricing-head h4 i { |
||||
top:-8px; |
||||
font-size:28px; |
||||
font-style:normal; |
||||
position:relative; |
||||
} |
||||
.pricing-head h4 span { |
||||
top:-10px; |
||||
font-size:14px; |
||||
font-style:normal; |
||||
position:relative; |
||||
} |
||||
|
||||
/*Pricing Content*/ |
||||
|
||||
.pricing-content { |
||||
margin-bottom: 0px; |
||||
} |
||||
.pricing-content li { |
||||
color:#888; |
||||
font-size:12px; |
||||
padding:7px 15px; |
||||
border-bottom:solid 1px #f5f9e7; |
||||
} |
||||
.pricing-content li i { |
||||
color:#72c02c; |
||||
font-size:16px; |
||||
margin-right:5px; |
||||
position:relative; |
||||
} |
||||
|
||||
/*Pricing Footer*/ |
||||
.pricing-footer { |
||||
color:#777; |
||||
font-size:11px; |
||||
line-height:17px; |
||||
text-align:center; |
||||
padding:0 20px 19px; |
||||
border-radius:0 0 3px 3px; |
||||
} |
||||
|
||||
/*Pricing Active*/ |
||||
.price-active, |
||||
.pricing:hover { |
||||
z-index:9; |
||||
margin-top: -15px; |
||||
} |
||||
.price-active h4 { |
||||
color:#74C52C; |
||||
} |
||||
|
||||
/*Pricing Extra*/ |
||||
|
||||
.bg-color { |
||||
background-color: #f9f9f9; |
||||
} |
||||
.no-space-pricing { |
||||
padding: 0 15px; |
||||
} |
||||
|
||||
.sticker-right, |
||||
.sticker-left { |
||||
color: #fff; |
||||
width: 150px; |
||||
padding: 5px; |
||||
font-size: 13px; |
||||
font-weight: bold; |
||||
font-family: Arial; |
||||
position: absolute; |
||||
text-align: center; |
||||
letter-spacing: 2px; |
||||
} |
||||
|
||||
.sticker-right { |
||||
top: 13px; |
||||
right: -49px; |
||||
background: rgba(231, 76, 60, 1); |
||||
transform: rotate(45deg); |
||||
-o-transform: rotate(45deg); |
||||
-ms-transform: rotate(45deg); |
||||
-moz-transform: rotate(45deg); |
||||
-webkit-transform: rotate(45deg); |
||||
} |
||||
.sticker-left { |
||||
top: 9px; |
||||
left: -48px; |
||||
background: rgba(116, 197, 44, 1); |
||||
transform: rotate(-45deg); |
||||
-o-transform: rotate(-45deg); |
||||
-ms-transform: rotate(-45deg); |
||||
-moz-transform: rotate(-45deg); |
||||
-webkit-transform: rotate(-45deg); |
||||
} |
||||
|
||||
|
||||
/*Pricing Table Dark |
||||
------------------------------------*/ |
||||
.price-active, |
||||
.pricing-dark .pricing:hover { |
||||
z-index:8; |
||||
margin-top: 0 !important; |
||||
} |
||||
.pricing-dark .pricing { |
||||
border-top: 2px solid #717984; |
||||
overflow: hidden; |
||||
} |
||||
.pricing-dark .pricing { |
||||
background: #717984; |
||||
} |
||||
.pricing-dark .pricing .rating { |
||||
text-align: center; |
||||
} |
||||
.pricing-dark .pricing .rating li { |
||||
padding: 0; |
||||
border-bottom: none; |
||||
} |
||||
.pricing-dark .pricing li i { |
||||
color: #fff; |
||||
} |
||||
.pricing-dark .rating li i { |
||||
margin: 7px 0; |
||||
padding-top: 0; |
||||
font-size: 20px; |
||||
} |
||||
.pricing-dark li { |
||||
color: #fff; |
||||
} |
||||
.pricing-dark .pricing-head h3 { |
||||
color: #717984; |
||||
text-shadow: none; |
||||
font-weight: normal !important; |
||||
border-bottom: 2px solid #eee !important; |
||||
background: #fff url("../../img/breadcrumbs.png") !important; |
||||
} |
||||
|
||||
.pricing-dark .pricing-content li { |
||||
border-color: #fff; |
||||
} |
||||
|
||||
.pricing-dark .pricing-content span { |
||||
float: right; |
||||
} |
||||
.pricing-dark .pricing-content span i { |
||||
font-size: 12px; |
||||
} |
||||
.pricing-dark .pricing-footer { |
||||
padding: 2px 0px 20px; |
||||
} |
||||
.pricing-dark .pricing-footer h4 { |
||||
font-size: 70px; |
||||
padding: 5px 0px; |
||||
font-family: Arial; |
||||
text-shadow: none; |
||||
margin: -2px 0 20px; |
||||
margin-bottom: 20px; |
||||
color: #717984 !important; |
||||
font-weight: normal !important; |
||||
background: #fff url("../../img/breadcrumbs.png") !important; |
||||
} |
||||
.pricing-dark .pricing-footer h4 i { |
||||
top: -8px; |
||||
font-size: 28px; |
||||
font-style: normal; |
||||
position: relative; |
||||
} |
||||
.pricing-dark .pricing-footer h4 span { |
||||
top: -10px; |
||||
display: block; |
||||
margin-top: 5px; |
||||
font-size: 14px; |
||||
font-style: normal; |
||||
position: relative; |
||||
} |
||||
.pricing-dark .pricing-footer p { |
||||
color: #fff; |
||||
padding: 0 20px; |
||||
line-height: 17px; |
||||
text-align:center; |
||||
border-radius: 0 0 3px 3px; |
||||
} |
||||
.pricing-dark .btn-u { |
||||
padding: 5px 60px; |
||||
background: #fff !important; |
||||
border: 1px solid #999 !important; |
||||
} |
||||
|
||||
/* Devices (Desktop Mode) */ |
||||
@media (min-width: 992px) and (max-width: 1200px) { |
||||
.sticker-right { |
||||
top: 10px; |
||||
right: -58px; |
||||
font-size: 10px; |
||||
padding: 3px; |
||||
} |
||||
.sticker-left { |
||||
top: 10px; |
||||
left: -58px; |
||||
font-size: 10px; |
||||
padding: 3px; |
||||
} |
||||
} |
||||
|
||||
/* Medium Devices (Desktops, 992px and less) */ |
||||
@media (max-width: 991px) { |
||||
/*Pricing Page*/ |
||||
.price-active, |
||||
.pricing:hover { |
||||
margin-top: 0; |
||||
} |
||||
.no-space-pricing [class^="col-"], |
||||
.no-space-pricing [class*=" col-"] { |
||||
padding: 10px; |
||||
} |
||||
.pricing-zoom .price-active .pricing-head h4, |
||||
.pricing-zoom .pricing:hover .pricing-head h4 { |
||||
padding: 5px 0; |
||||
font-size: 70px; |
||||
} |
||||
.pricing-mega-v3 .pricing h4, |
||||
.pricing-mega-v3 .pricing h3, |
||||
.pricing-mega-v3 .pricing-content { |
||||
border-left: 1px solid #eee; |
||||
} |
||||
|
||||
.pricing-mega-v3 .block h5 { |
||||
text-align: center; |
||||
visibility: visible; |
||||
} |
||||
/*End Pricing Page*/ |
||||
} |
||||
@ -0,0 +1,274 @@ |
||||
/*Pricing Page |
||||
------------------------------------*/ |
||||
/*Pricing Head*/ |
||||
.no-space-pricing [class^="col-"], |
||||
.no-space-pricing [class*=" col-"] { |
||||
padding: 0; |
||||
} |
||||
.pricing { |
||||
position:relative; |
||||
border-radius:3px; |
||||
margin-bottom:15px; |
||||
box-shadow:0 0 5px #eee; |
||||
} |
||||
.pricing:hover { |
||||
box-shadow:0 0 15px #b5b5b5; |
||||
} |
||||
.pricing:hover h4 { |
||||
color:#74C52C; |
||||
} |
||||
.pricing-head { |
||||
text-align:center; |
||||
} |
||||
.pricing h3, |
||||
.pricing h4 { |
||||
margin:0; |
||||
line-height:normal; |
||||
font-weight:bold; |
||||
} |
||||
.pricing p { |
||||
padding-top: 10px; |
||||
font-size: 11px; |
||||
} |
||||
.pricing-head h3 span, |
||||
.pricing-head h4 span { |
||||
display:block; |
||||
margin-top:5px; |
||||
font-size:12px; |
||||
font-style:italic; |
||||
} |
||||
.pricing-head h3 { |
||||
color:#888; |
||||
padding:12px 0; |
||||
font-size:35px; |
||||
font-family:Arial; |
||||
background:#74C52C; |
||||
border-radius:3px 3px 0 0; |
||||
text-shadow:0 1px 0 #32a20f; |
||||
} |
||||
.pricing-head h4 { |
||||
color: #888; |
||||
padding:5px 0; |
||||
font-size:70px; |
||||
text-shadow:0 1px 0 #fff; |
||||
border-bottom:solid 1px #f5f9e7; |
||||
} |
||||
.pricing-head h4 i { |
||||
top:-8px; |
||||
font-size:28px; |
||||
font-style:normal; |
||||
position:relative; |
||||
} |
||||
.pricing-head h4 span { |
||||
top:-10px; |
||||
font-size:14px; |
||||
font-style:normal; |
||||
position:relative; |
||||
} |
||||
|
||||
/*Pricing Content*/ |
||||
|
||||
.pricing-content { |
||||
margin-bottom: 0px; |
||||
} |
||||
.pricing-content li { |
||||
color:#888; |
||||
font-size:12px; |
||||
padding:7px 15px; |
||||
border-bottom:solid 1px #f5f9e7; |
||||
} |
||||
.pricing-content li i { |
||||
color:#72c02c; |
||||
font-size:16px; |
||||
margin-right:5px; |
||||
position:relative; |
||||
} |
||||
|
||||
/*Pricing Footer*/ |
||||
.pricing-footer { |
||||
color:#777; |
||||
font-size:11px; |
||||
line-height:17px; |
||||
text-align:center; |
||||
padding:0 20px 19px; |
||||
border-radius:0 0 3px 3px; |
||||
} |
||||
|
||||
/*Pricing Active*/ |
||||
.price-active, |
||||
.pricing:hover { |
||||
z-index:9; |
||||
margin-top: -15px; |
||||
} |
||||
.price-active h4 { |
||||
color:#74C52C; |
||||
} |
||||
|
||||
/*Pricing Extra*/ |
||||
|
||||
.bg-color { |
||||
background-color: #f9f9f9; |
||||
} |
||||
.no-space-pricing { |
||||
padding: 0 15px; |
||||
} |
||||
|
||||
.sticker-right, |
||||
.sticker-left { |
||||
color: #fff; |
||||
width: 150px; |
||||
padding: 5px; |
||||
font-size: 13px; |
||||
font-weight: bold; |
||||
font-family: Arial; |
||||
position: absolute; |
||||
text-align: center; |
||||
letter-spacing: 2px; |
||||
} |
||||
|
||||
.sticker-right { |
||||
top: 13px; |
||||
right: -49px; |
||||
background: rgba(231, 76, 60, 1); |
||||
transform: rotate(45deg); |
||||
-o-transform: rotate(45deg); |
||||
-ms-transform: rotate(45deg); |
||||
-moz-transform: rotate(45deg); |
||||
-webkit-transform: rotate(45deg); |
||||
} |
||||
.sticker-left { |
||||
top: 9px; |
||||
left: -48px; |
||||
background: rgba(116, 197, 44, 1); |
||||
transform: rotate(-45deg); |
||||
-o-transform: rotate(-45deg); |
||||
-ms-transform: rotate(-45deg); |
||||
-moz-transform: rotate(-45deg); |
||||
-webkit-transform: rotate(-45deg); |
||||
} |
||||
|
||||
|
||||
/*Pricing Table Light Version |
||||
------------------------------------*/ |
||||
.price-active, |
||||
.pricing-light .pricing:hover { |
||||
margin-top: 0 ; |
||||
border-color: #717984; |
||||
} |
||||
.pricing-light .pricing { |
||||
overflow: hidden; |
||||
box-shadow: none; |
||||
border: 1px solid #ddd; |
||||
} |
||||
.pricing-light .pricing-head h3 { |
||||
color: #888; |
||||
font-weight: 200 !important; |
||||
font-family: inherit; |
||||
text-shadow: none !important; |
||||
border-bottom: 1px solid #ddd !important; |
||||
background: #fff url("../../img/breadcrumbs.png") !important; |
||||
|
||||
} |
||||
.pricing-light .pricing .rating li { |
||||
padding: 0; |
||||
border-bottom: none; |
||||
} |
||||
.pricing-light .rating li i { |
||||
color: #888; |
||||
margin: 7px 0; |
||||
padding-top: 0; |
||||
font-size: 20px; |
||||
} |
||||
.pricing-light li { |
||||
color: #888; |
||||
text-align: center; |
||||
} |
||||
.pricing-light .pricing-footer { |
||||
margin: 0px; |
||||
padding: 2px 0px 19px; |
||||
} |
||||
.pricing-light .pricing-footer h4 { |
||||
color: #888; |
||||
padding: 5px; |
||||
font-size: 70px; |
||||
text-shadow: none; |
||||
margin: -2px 0 0px; |
||||
border-top: 1px solid #ddd; |
||||
border-bottom: 1px solid #ddd; |
||||
font-weight: normal !important; |
||||
background: #fff url("../../img/breadcrumbs.png") !important; |
||||
|
||||
} |
||||
.pricing-light .pricing-footer h4 i { |
||||
top: -8px; |
||||
font-size: 28px; |
||||
font-style: normal; |
||||
} |
||||
.pricing-light .pricing-footer h4 span { |
||||
top: -5px; |
||||
display: block; |
||||
font-size: 14px; |
||||
margin-bottom: 5px; |
||||
font-style: normal; |
||||
} |
||||
.pricing-light .pricing-footer p { |
||||
color: #888; |
||||
line-height: 17px; |
||||
padding: 15px 20px 5px ; |
||||
} |
||||
.pricing-light .pricing:hover h4, |
||||
.pricing-light .pricing:hover h3, |
||||
.pricing-light .pricing:hover p, |
||||
.pricing-light .pricing:hover li, |
||||
.pricing-light .pricing:hover li i { |
||||
color: #717984; |
||||
} |
||||
|
||||
.pricing-medium-light .btn-u:hover { |
||||
background-color: #717984!important; |
||||
} |
||||
|
||||
/* Devices (Desktop Mode) */ |
||||
@media (min-width: 992px) and (max-width: 1200px) { |
||||
.sticker-right { |
||||
top: 10px; |
||||
right: -58px; |
||||
font-size: 10px; |
||||
padding: 3px; |
||||
} |
||||
.sticker-left { |
||||
top: 10px; |
||||
left: -58px; |
||||
font-size: 10px; |
||||
padding: 3px; |
||||
} |
||||
} |
||||
|
||||
/* Medium Devices (Desktops, 992px and less) */ |
||||
@media (max-width: 991px) { |
||||
/*Pricing Page*/ |
||||
.price-active, |
||||
.pricing:hover { |
||||
margin-top: 0; |
||||
} |
||||
.no-space-pricing [class^="col-"], |
||||
.no-space-pricing [class*=" col-"] { |
||||
padding: 10px; |
||||
} |
||||
.pricing-zoom .price-active .pricing-head h4, |
||||
.pricing-zoom .pricing:hover .pricing-head h4 { |
||||
padding: 5px 0; |
||||
font-size: 70px; |
||||
} |
||||
.pricing-mega-v3 .pricing h4, |
||||
.pricing-mega-v3 .pricing h3, |
||||
.pricing-mega-v3 .pricing-content { |
||||
border-left: 1px solid #eee; |
||||
} |
||||
|
||||
.pricing-mega-v3 .block h5 { |
||||
text-align: center; |
||||
visibility: visible; |
||||
} |
||||
/*End Pricing Page*/ |
||||
} |
||||
@ -0,0 +1,277 @@ |
||||
/*Pricing Page |
||||
------------------------------------*/ |
||||
/*Pricing Head*/ |
||||
.no-space-pricing [class^="col-"], |
||||
.no-space-pricing [class*=" col-"] { |
||||
padding: 0; |
||||
} |
||||
.pricing { |
||||
position:relative; |
||||
border-radius:3px; |
||||
margin-bottom:15px; |
||||
box-shadow:0 0 5px #eee; |
||||
} |
||||
.pricing:hover { |
||||
box-shadow:0 0 15px #b5b5b5; |
||||
} |
||||
.pricing:hover h4 { |
||||
color:#74C52C; |
||||
} |
||||
.pricing-head { |
||||
text-align:center; |
||||
} |
||||
.pricing h3, |
||||
.pricing h4 { |
||||
margin:0; |
||||
line-height:normal; |
||||
} |
||||
.pricing p { |
||||
padding-top: 10px; |
||||
font-size: 11px; |
||||
} |
||||
.pricing-head h3 span, |
||||
.pricing-head h4 span { |
||||
display:block; |
||||
margin-top:5px; |
||||
font-size:12px; |
||||
font-style:italic; |
||||
} |
||||
.pricing-head h3 { |
||||
color:#fafafa; |
||||
padding:12px 0; |
||||
font-size:35px; |
||||
font-family:Arial; |
||||
background:#74C52C; |
||||
border-radius:3px 3px 0 0; |
||||
text-shadow:0 1px 0 #32a20f; |
||||
} |
||||
.pricing-head h4 { |
||||
color: #888; |
||||
padding:5px 0; |
||||
font-size:70px; |
||||
text-shadow:0 1px 0 #fff; |
||||
border-bottom:solid 1px #f5f9e7; |
||||
} |
||||
.pricing-head h4 i { |
||||
top:-8px; |
||||
font-size:28px; |
||||
font-style:normal; |
||||
position:relative; |
||||
} |
||||
.pricing-head h4 span { |
||||
top:-10px; |
||||
font-size:14px; |
||||
font-style:normal; |
||||
position:relative; |
||||
} |
||||
|
||||
/*Pricing Content*/ |
||||
|
||||
.pricing-content { |
||||
margin-bottom: 0px; |
||||
} |
||||
.pricing-content li { |
||||
color:#888; |
||||
font-size:12px; |
||||
padding:7px 15px; |
||||
border-bottom:solid 1px #f5f9e7; |
||||
} |
||||
.pricing-content li i { |
||||
color:#72c02c; |
||||
font-size:16px; |
||||
margin-right:5px; |
||||
position:relative; |
||||
} |
||||
|
||||
/*Pricing Footer*/ |
||||
.pricing-footer { |
||||
color:#777; |
||||
font-size:11px; |
||||
line-height:17px; |
||||
text-align:center; |
||||
padding:0 20px 19px; |
||||
border-radius:0 0 3px 3px; |
||||
} |
||||
|
||||
/*Pricing Active*/ |
||||
.price-active, |
||||
.pricing:hover { |
||||
z-index:9; |
||||
margin-top: -15px; |
||||
} |
||||
.price-active h4 { |
||||
color:#74C52C; |
||||
} |
||||
|
||||
/*Pricing Extra*/ |
||||
|
||||
.bg-color { |
||||
background-color: #f9f9f9; |
||||
} |
||||
.no-space-pricing { |
||||
padding: 0 15px; |
||||
} |
||||
|
||||
.sticker-right, |
||||
.sticker-left { |
||||
color: #fff; |
||||
width: 150px; |
||||
padding: 5px; |
||||
font-size: 13px; |
||||
font-weight: bold; |
||||
font-family: Arial; |
||||
position: absolute; |
||||
text-align: center; |
||||
letter-spacing: 2px; |
||||
} |
||||
|
||||
.sticker-right { |
||||
top: 13px; |
||||
right: -49px; |
||||
background: rgba(231, 76, 60, 1); |
||||
transform: rotate(45deg); |
||||
-o-transform: rotate(45deg); |
||||
-ms-transform: rotate(45deg); |
||||
-moz-transform: rotate(45deg); |
||||
-webkit-transform: rotate(45deg); |
||||
} |
||||
.sticker-left { |
||||
top: 9px; |
||||
left: -48px; |
||||
background: rgba(116, 197, 44, 1); |
||||
transform: rotate(-45deg); |
||||
-o-transform: rotate(-45deg); |
||||
-ms-transform: rotate(-45deg); |
||||
-moz-transform: rotate(-45deg); |
||||
-webkit-transform: rotate(-45deg); |
||||
} |
||||
|
||||
|
||||
/*Pricing Table medium-dark Version |
||||
------------------------------------*/ |
||||
.price-active, |
||||
.pricing-medium-dark .pricing:hover { |
||||
margin-top: 0 ; |
||||
} |
||||
.pricing-medium-dark .pricing { |
||||
border: 2px solid #717984; |
||||
box-shadow: none; |
||||
} |
||||
.pricing-medium-dark .pricing-head h3 { |
||||
color: #fff; |
||||
text-shadow: none; |
||||
background: #717984; |
||||
border-bottom: 2px solid #eee ; |
||||
} |
||||
.pricing-medium-dark .pricing .rating { |
||||
text-align: center; |
||||
} |
||||
.pricing-medium-dark .pricing .rating li { |
||||
padding: 0; |
||||
border-bottom: none; |
||||
} |
||||
.pricing-medium-dark .rating li i { |
||||
padding-top: 0; |
||||
margin: 7px 0; |
||||
font-size: 20px; |
||||
} |
||||
|
||||
.pricing-medium-dark .pricing-content li i { |
||||
color: #717984; |
||||
} |
||||
|
||||
.pricing-medium-dark .pricing-content li { |
||||
border-color: #eee; |
||||
} |
||||
|
||||
.pricing-medium-dark .pricing-footer { |
||||
margin: 0px; |
||||
background: #717984; |
||||
padding: 2px 0px 19px; |
||||
} |
||||
.pricing-medium-dark .pricing-footer h4 { |
||||
color: #717984 !important; |
||||
font-size: 70px; |
||||
padding: 5px 0px; |
||||
text-shadow: none; |
||||
font-family: Arial; |
||||
text-align: center; |
||||
line-height: normal; |
||||
font-weight: normal; |
||||
margin: -2px 0 20px; |
||||
font-weight: normal !important; |
||||
background: #fff url("../../img/breadcrumbs.png") !important; |
||||
} |
||||
.pricing-medium-dark .pricing-footer h4 i { |
||||
top: -8px; |
||||
font-size: 28px; |
||||
font-style: normal; |
||||
position: relative; |
||||
} |
||||
.pricing-medium-dark .pricing-footer h4 span { |
||||
top: -10px; |
||||
display: block; |
||||
margin-top: 5px; |
||||
font-size: 14px; |
||||
font-style: normal; |
||||
position: relative; |
||||
} |
||||
.pricing-medium-dark .pricing-footer p { |
||||
color: #fff; |
||||
font-size: 11px; |
||||
line-height: 17px; |
||||
text-align: center; |
||||
padding: 0 20px 5px; |
||||
border-radius: 0 0 3px 3px; |
||||
} |
||||
.pricing-medium-dark .btn-u { |
||||
background: #fff !important; |
||||
border: 1px solid #888 ; |
||||
|
||||
} |
||||
|
||||
|
||||
/* Devices (Desktop Mode) */ |
||||
@media (min-width: 992px) and (max-width: 1200px) { |
||||
.sticker-right { |
||||
top: 10px; |
||||
right: -58px; |
||||
font-size: 10px; |
||||
padding: 3px; |
||||
} |
||||
.sticker-left { |
||||
top: 10px; |
||||
left: -58px; |
||||
font-size: 10px; |
||||
padding: 3px; |
||||
} |
||||
} |
||||
|
||||
/* Medium Devices (Desktops, 992px and less) */ |
||||
@media (max-width: 991px) { |
||||
/*Pricing Page*/ |
||||
.price-active, |
||||
.pricing:hover { |
||||
margin-top: 0; |
||||
} |
||||
.no-space-pricing [class^="col-"], |
||||
.no-space-pricing [class*=" col-"] { |
||||
padding: 10px; |
||||
} |
||||
.pricing-zoom .price-active .pricing-head h4, |
||||
.pricing-zoom .pricing:hover .pricing-head h4 { |
||||
padding: 5px 0; |
||||
font-size: 70px; |
||||
} |
||||
.pricing-mega-v3 .pricing h4, |
||||
.pricing-mega-v3 .pricing h3, |
||||
.pricing-mega-v3 .pricing-content { |
||||
border-left: 1px solid #eee; |
||||
} |
||||
|
||||
.pricing-mega-v3 .block h5 { |
||||
text-align: center; |
||||
visibility: visible; |
||||
} |
||||
/*End Pricing Page*/ |
||||
} |
||||
@ -0,0 +1,283 @@ |
||||
/*Pricing Page |
||||
------------------------------------*/ |
||||
/*Pricing Head*/ |
||||
.no-space-pricing [class^="col-"], |
||||
.no-space-pricing [class*=" col-"] { |
||||
padding: 0; |
||||
} |
||||
.pricing { |
||||
position:relative; |
||||
border-radius:3px; |
||||
margin-bottom:15px; |
||||
box-shadow:0 0 5px #eee; |
||||
} |
||||
.pricing:hover { |
||||
box-shadow:0 0 15px #b5b5b5; |
||||
} |
||||
.pricing:hover h4 { |
||||
color:#74C52C; |
||||
} |
||||
.pricing-head { |
||||
text-align:center; |
||||
} |
||||
.pricing h3, |
||||
.pricing h4 { |
||||
margin:0; |
||||
line-height:normal; |
||||
font-weight:bold; |
||||
} |
||||
.pricing p { |
||||
padding-top: 10px; |
||||
font-size: 11px; |
||||
} |
||||
.pricing-head h3 span, |
||||
.pricing-head h4 span { |
||||
display:block; |
||||
margin-top:5px; |
||||
font-size:12px; |
||||
font-style:italic; |
||||
} |
||||
.pricing-head h3 { |
||||
color:#fafafa; |
||||
padding:12px 0; |
||||
font-size:35px; |
||||
font-family:Arial; |
||||
background:#74C52C; |
||||
border-radius:3px 3px 0 0; |
||||
text-shadow:0 1px 0 #32a20f; |
||||
} |
||||
.pricing-head h4 { |
||||
color: #888; |
||||
padding:5px 0; |
||||
font-size:70px; |
||||
text-shadow:0 1px 0 #fff; |
||||
border-bottom:solid 1px #f5f9e7; |
||||
} |
||||
.pricing-head h4 i { |
||||
top:-8px; |
||||
font-size:28px; |
||||
font-style:normal; |
||||
position:relative; |
||||
} |
||||
.pricing-head h4 span { |
||||
top:-10px; |
||||
font-size:14px; |
||||
font-style:normal; |
||||
position:relative; |
||||
} |
||||
|
||||
/*Pricing Content*/ |
||||
|
||||
.pricing-content { |
||||
margin-bottom: 0px; |
||||
} |
||||
.pricing-content li { |
||||
color:#888; |
||||
font-size:12px; |
||||
padding:7px 15px; |
||||
border-bottom:solid 1px #f5f9e7; |
||||
} |
||||
.pricing-content li i { |
||||
color:#72c02c; |
||||
font-size:16px; |
||||
margin-right:5px; |
||||
position:relative; |
||||
} |
||||
|
||||
/*Pricing Footer*/ |
||||
.pricing-footer { |
||||
color:#777; |
||||
font-size:11px; |
||||
line-height:17px; |
||||
text-align:center; |
||||
padding:0 20px 19px; |
||||
border-radius:0 0 3px 3px; |
||||
} |
||||
|
||||
/*Pricing Active*/ |
||||
.price-active, |
||||
.pricing:hover { |
||||
z-index:9; |
||||
margin-top: -15px; |
||||
} |
||||
.price-active h4 { |
||||
color:#74C52C; |
||||
} |
||||
|
||||
/*Pricing Extra*/ |
||||
|
||||
.bg-color { |
||||
background-color: #f9f9f9; |
||||
} |
||||
.no-space-pricing { |
||||
padding: 0 15px; |
||||
} |
||||
|
||||
.sticker-right, |
||||
.sticker-left { |
||||
color: #fff; |
||||
width: 150px; |
||||
padding: 5px; |
||||
font-size: 13px; |
||||
font-weight: bold; |
||||
font-family: Arial; |
||||
position: absolute; |
||||
text-align: center; |
||||
letter-spacing: 2px; |
||||
} |
||||
|
||||
.sticker-right { |
||||
top: 13px; |
||||
right: -49px; |
||||
background: rgba(231, 76, 60, 1); |
||||
transform: rotate(45deg); |
||||
-o-transform: rotate(45deg); |
||||
-ms-transform: rotate(45deg); |
||||
-moz-transform: rotate(45deg); |
||||
-webkit-transform: rotate(45deg); |
||||
} |
||||
.sticker-left { |
||||
top: 9px; |
||||
left: -48px; |
||||
background: rgba(116, 197, 44, 1); |
||||
transform: rotate(-45deg); |
||||
-o-transform: rotate(-45deg); |
||||
-ms-transform: rotate(-45deg); |
||||
-moz-transform: rotate(-45deg); |
||||
-webkit-transform: rotate(-45deg); |
||||
} |
||||
|
||||
|
||||
/*Pricing Meduim Light |
||||
------------------------------------*/ |
||||
.price-active, |
||||
.pricing-medium-light .pricing:hover { |
||||
z-index:8; |
||||
margin-top: 0 !important; |
||||
} |
||||
.pricing-medium-light .pricing { |
||||
overflow: hidden; |
||||
background: #eee; |
||||
border: 2px solid #ddd; |
||||
} |
||||
.pricing-medium-light .pricing-head h3 { |
||||
color: #717984; |
||||
text-shadow: none; |
||||
font-weight: normal !important; |
||||
border-bottom: 2px solid #eee !important; |
||||
background: #fff url("../../img/breadcrumbs.png") !important; |
||||
} |
||||
.pricing-medium-light .pricing-content > li { |
||||
border-color: #fff !important; |
||||
} |
||||
.pricing-medium-light .pricing .rating { |
||||
text-align: center; |
||||
} |
||||
.pricing-medium-light .pricing .rating li { |
||||
padding: 0; |
||||
border-bottom: none; |
||||
} |
||||
.pricing-medium-light .pricing li i { |
||||
color: #585f69; |
||||
} |
||||
.pricing-medium-light .rating li i { |
||||
margin: 7px 0; |
||||
padding-top: 0; |
||||
font-size: 20px; |
||||
} |
||||
.pricing-medium-light .pricing-content span { |
||||
float: right; |
||||
} |
||||
.pricing-medium-light .pricing-content span i { |
||||
font-size: 12px; |
||||
} |
||||
.pricing-medium-light .pricing-footer { |
||||
padding: 2px 0px 20px; |
||||
} |
||||
.pricing-medium-light .pricing-footer h4 { |
||||
color: #717984 !important; |
||||
font-size: 70px; |
||||
padding: 5px 0px; |
||||
text-shadow: none; |
||||
font-family: Arial; |
||||
margin: -2px 0 20px; |
||||
margin-bottom: 20px; |
||||
font-weight: normal !important; |
||||
background: #fff url("../../img/breadcrumbs.png") !important; |
||||
|
||||
} |
||||
.pricing-medium-light .pricing-footer h4 i { |
||||
top: -8px; |
||||
font-size: 28px; |
||||
font-style: normal; |
||||
position: relative; |
||||
} |
||||
.pricing-medium-light .pricing-footer h4 span { |
||||
top: -10px; |
||||
display: block; |
||||
margin-top: 5px; |
||||
font-size: 14px; |
||||
font-style: normal; |
||||
position: relative; |
||||
} |
||||
.pricing-medium-light .pricing-footer p { |
||||
color: #585f69; |
||||
padding: 0 20px; |
||||
line-height: 17px; |
||||
text-align:center; |
||||
border-radius: 0 0 3px 3px; |
||||
} |
||||
.pricing-medium-light .btn-u { |
||||
background: #fff ; |
||||
padding: 5px 58px; |
||||
border: 1px solid #888; |
||||
} |
||||
.pricing-medium-light .btn-u:hover { |
||||
background-color: #717984!important; |
||||
} |
||||
|
||||
|
||||
/* Devices (Desktop Mode) */ |
||||
@media (min-width: 992px) and (max-width: 1200px) { |
||||
.sticker-right { |
||||
top: 10px; |
||||
right: -58px; |
||||
font-size: 10px; |
||||
padding: 3px; |
||||
} |
||||
.sticker-left { |
||||
top: 10px; |
||||
left: -58px; |
||||
font-size: 10px; |
||||
padding: 3px; |
||||
} |
||||
} |
||||
|
||||
/* Medium Devices (Desktops, 992px and less) */ |
||||
@media (max-width: 991px) { |
||||
/*Pricing Page*/ |
||||
.price-active, |
||||
.pricing:hover { |
||||
margin-top: 0; |
||||
} |
||||
.no-space-pricing [class^="col-"], |
||||
.no-space-pricing [class*=" col-"] { |
||||
padding: 10px; |
||||
} |
||||
.pricing-zoom .price-active .pricing-head h4, |
||||
.pricing-zoom .pricing:hover .pricing-head h4 { |
||||
padding: 5px 0; |
||||
font-size: 70px; |
||||
} |
||||
.pricing-mega-v3 .pricing h4, |
||||
.pricing-mega-v3 .pricing h3, |
||||
.pricing-mega-v3 .pricing-content { |
||||
border-left: 1px solid #eee; |
||||
} |
||||
|
||||
.pricing-mega-v3 .block h5 { |
||||
text-align: center; |
||||
visibility: visible; |
||||
} |
||||
/*End Pricing Page*/ |
||||
} |
||||
@ -0,0 +1,980 @@ |
||||
/*Pricing Page |
||||
------------------------------------*/ |
||||
/*Pricing Head*/ |
||||
.no-space-pricing [class^="col-"], |
||||
.no-space-pricing [class*=" col-"] { |
||||
padding: 0; |
||||
} |
||||
.pricing { |
||||
position:relative; |
||||
border-radius:3px; |
||||
margin-bottom:15px; |
||||
box-shadow:0 0 5px #eee; |
||||
} |
||||
.pricing:hover { |
||||
box-shadow:0 0 15px #b5b5b5; |
||||
} |
||||
.pricing:hover h4 { |
||||
color:#74C52C; |
||||
} |
||||
.pricing-head { |
||||
text-align:center; |
||||
} |
||||
.pricing h3, |
||||
.pricing h4 { |
||||
margin:0; |
||||
line-height:normal; |
||||
font-weight:bold; |
||||
} |
||||
.pricing p { |
||||
padding-top: 10px; |
||||
font-size: 11px; |
||||
} |
||||
.pricing-head h3 span, |
||||
.pricing-head h4 span { |
||||
display:block; |
||||
margin-top:5px; |
||||
font-size:12px; |
||||
font-style:italic; |
||||
} |
||||
.pricing-head h3 { |
||||
color:#fafafa; |
||||
padding:12px 0; |
||||
font-size:35px; |
||||
font-family:Arial; |
||||
background:#74C52C; |
||||
border-radius:3px 3px 0 0; |
||||
text-shadow:0 1px 0 #32a20f; |
||||
} |
||||
.pricing-head h4 { |
||||
color: #888; |
||||
padding:5px 0; |
||||
font-size:70px; |
||||
text-shadow:0 1px 0 #fff; |
||||
border-bottom:solid 1px #f5f9e7; |
||||
} |
||||
.pricing-head h4 i { |
||||
top:-8px; |
||||
font-size:28px; |
||||
font-style:normal; |
||||
position:relative; |
||||
} |
||||
.pricing-head h4 span { |
||||
top:-10px; |
||||
font-size:14px; |
||||
font-style:normal; |
||||
position:relative; |
||||
} |
||||
|
||||
/*Pricing Content*/ |
||||
|
||||
.pricing-content { |
||||
margin-bottom: 0px; |
||||
} |
||||
.pricing-content li { |
||||
color:#888; |
||||
font-size:12px; |
||||
padding:7px 15px; |
||||
border-bottom:solid 1px #f5f9e7; |
||||
} |
||||
.pricing-content li i { |
||||
color:#72c02c; |
||||
font-size:16px; |
||||
margin-right:5px; |
||||
position:relative; |
||||
} |
||||
|
||||
/*Pricing Footer*/ |
||||
.pricing-footer { |
||||
color:#777; |
||||
font-size:11px; |
||||
line-height:17px; |
||||
text-align:center; |
||||
padding:0 20px 19px; |
||||
border-radius:0 0 3px 3px; |
||||
} |
||||
|
||||
/*Pricing Active*/ |
||||
.price-active, |
||||
.pricing:hover { |
||||
z-index:9; |
||||
margin-top: -15px; |
||||
} |
||||
.price-active h4 { |
||||
color:#74C52C; |
||||
} |
||||
|
||||
/*Pricing Extra*/ |
||||
|
||||
.bg-color { |
||||
background-color: #f9f9f9; |
||||
} |
||||
.no-space-pricing { |
||||
padding: 0 15px; |
||||
} |
||||
|
||||
.sticker-right, |
||||
.sticker-left { |
||||
color: #fff; |
||||
width: 150px; |
||||
padding: 5px; |
||||
font-size: 13px; |
||||
font-weight: bold; |
||||
font-family: Arial; |
||||
position: absolute; |
||||
text-align: center; |
||||
letter-spacing: 2px; |
||||
} |
||||
|
||||
.sticker-right { |
||||
top: 13px; |
||||
right: -49px; |
||||
background: rgba(231, 76, 60, 1); |
||||
transform: rotate(45deg); |
||||
-o-transform: rotate(45deg); |
||||
-ms-transform: rotate(45deg); |
||||
-moz-transform: rotate(45deg); |
||||
-webkit-transform: rotate(45deg); |
||||
} |
||||
.sticker-left { |
||||
top: 9px; |
||||
left: -48px; |
||||
background: rgba(116, 197, 44, 1); |
||||
transform: rotate(-45deg); |
||||
-o-transform: rotate(-45deg); |
||||
-ms-transform: rotate(-45deg); |
||||
-moz-transform: rotate(-45deg); |
||||
-webkit-transform: rotate(-45deg); |
||||
} |
||||
|
||||
|
||||
/*Pricing Table Mega v1 Version |
||||
------------------------------------*/ |
||||
.pricing-mega-v1 { |
||||
padding: 40px 15px 0 15px; |
||||
} |
||||
.pricing-mega-v1 .price-active, |
||||
.pricing-mega-v1 .pricing:hover { |
||||
margin-top: 0; |
||||
} |
||||
.pricing-mega-v1 .pricing { |
||||
position: relative; |
||||
border-radius: 3px; |
||||
margin-bottom: 15px; |
||||
box-shadow: 0 0 0px #eee; |
||||
border: 1px solid #eee; |
||||
} |
||||
.pricing-mega-v1 .pricing-head h3 { |
||||
font-size: 25px; |
||||
min-height: 75px; |
||||
} |
||||
.pricing-mega-v1 .pricing-head h4{ |
||||
font-size: 20px; |
||||
min-height: 103px; |
||||
} |
||||
.pricing-mega-v1 .pricing-head h4 i { |
||||
color: #888; |
||||
} |
||||
.pricing-mega-v1 .pricing:hover h4 i { |
||||
color: #74C52C; |
||||
} |
||||
.pricing-mega-v1 .pricing-head h4 span, |
||||
.pricing-mega-v1 .pricing-content li span, |
||||
.padding-mega-v1 .pricing-head .price span { |
||||
display: block; |
||||
padding: 10px 0px 0px; |
||||
} |
||||
.pricing-mega-v1 .pricing-head .price { |
||||
font-size: 70px; |
||||
font-style: normal; |
||||
padding-bottom: 0px; |
||||
background-color: #fff; |
||||
} |
||||
.pricing-mega-v1 .pricing-head h3, |
||||
.pricing-mega-v1 .pricing-head h4 { |
||||
font-style: normal; |
||||
font-weight: normal !important; |
||||
} |
||||
.pricing-mega-v1 .hidden-area { |
||||
margin-top: 75px; |
||||
} |
||||
.pricing-mega-v1 .hidden-area:hover { |
||||
margin-top: 75px; |
||||
} |
||||
.pricing-mega-v1 .hidden-area .pricing-head h4 { |
||||
font-size: 28px; |
||||
padding: 31px 0; |
||||
min-height: 103px; |
||||
} |
||||
.pricing-mega-v1 .hidden-area:hover .pricing-head h4 { |
||||
color: #888; |
||||
} |
||||
.pricing-mega-v1 .block .pricing-content li i { |
||||
font-size: 13px; |
||||
} |
||||
.pricing-mega-v1 .block li { |
||||
text-align: center; |
||||
} |
||||
.pricing-mega-v1 .pricing-content li { |
||||
padding: 10px; |
||||
font-size: 12px; |
||||
font-style: normal; |
||||
min-height: 41px; |
||||
} |
||||
.pricing-mega-v1 .pricing-content li i { |
||||
color: #72C02C; |
||||
} |
||||
.pricing-mega-v1 .btn-group .dropdown-menu { |
||||
width: 100%; |
||||
background: #72c02c; |
||||
border-color: #eee; |
||||
margin: 0; |
||||
border: 0; |
||||
} |
||||
.pricing-mega-v1 .btn-group .dropdown-menu li a{ |
||||
color: #fff; |
||||
} |
||||
.pricing-mega-v1 .btn-group .dropdown-menu li a:hover { |
||||
background: #5fb611 |
||||
} |
||||
|
||||
/*Pricing Table Colored Background Version |
||||
------------------------------------*/ |
||||
.price-active, |
||||
.pricing-bg-colored .pricing:hover { |
||||
margin-top: 0; |
||||
} |
||||
.pricing-bg-colored .pricing { |
||||
overflow: hidden; |
||||
} |
||||
.pricing-bg-colored .pricing { |
||||
border: 1px solid #EEEEEE; |
||||
} |
||||
.pricing-bg-colored .pricing:hover { |
||||
background: #74C52C; |
||||
} |
||||
.pricing-bg-colored .pricing:hover li, |
||||
.pricing-bg-colored .pricing:hover li i, |
||||
.pricing-bg-colored .pricing:hover .pricing-head p { |
||||
color: #fff; |
||||
} |
||||
.pricing-bg-colored .pricing-head i { |
||||
color: #74C52C; |
||||
padding-top: 20px; |
||||
margin-top: 10px 0px; |
||||
} |
||||
.pricing-bg-colored .pricing-head p { |
||||
color: #777; |
||||
line-height: 17px; |
||||
text-align:center; |
||||
padding: 0px 20px 19px; |
||||
border-radius: 0 0 3px 3px; |
||||
border-bottom: 1px solid #F5F9E7; |
||||
} |
||||
.pricing-bg-colored h3 { |
||||
border-bottom: 1px solid #fff; |
||||
} |
||||
.pricing-bg-colored h4 { |
||||
color: #999; |
||||
font-size: 70px; |
||||
padding: 5px 0px; |
||||
margin-top: -2px; |
||||
font-family: Arial; |
||||
background: #F7F7F7; |
||||
margin-bottom: 20px; |
||||
text-shadow: 0 1px 0 #fff; |
||||
} |
||||
.pricing-bg-colored .pricing:hover h4 { |
||||
background: #fff; |
||||
} |
||||
.pricing-bg-colored h4 i { |
||||
top: -8px; |
||||
font-size: 28px; |
||||
font-style: normal; |
||||
position: relative; |
||||
} |
||||
.pricing-bg-colored h4 span { |
||||
top: -10px; |
||||
display: block; |
||||
margin-top: 5px; |
||||
font-size: 14px; |
||||
font-style: normal; |
||||
position: relative; |
||||
} |
||||
.pricing-bg-colored .pricing-footer { |
||||
padding: 2px 0px 19px; |
||||
} |
||||
|
||||
|
||||
/*Pricing Table Rounded Version |
||||
------------------------------------*/ |
||||
.price-active, |
||||
.pricing-rounded .pricing:hover { |
||||
margin-top: 0; |
||||
} |
||||
.pricing-rounded .pricing { |
||||
overflow: hidden; |
||||
box-shadow: none; |
||||
border: 1px solid #eee; |
||||
} |
||||
.pricing-rounded .easy-bg-v2 { |
||||
letter-spacing: 1px; |
||||
border: 1px solid #fff; |
||||
background-color:rgba(255, 255, 255, 0.1); |
||||
} |
||||
.pricing-rounded .easy-bg-v2 i { |
||||
padding-left: 3px; |
||||
} |
||||
.pricing-rounded h3 { |
||||
padding-bottom: 80px; |
||||
padding-top: 15px; |
||||
} |
||||
.pricing-rounded h4 { |
||||
width: 140px; |
||||
height: 140px; |
||||
padding-top: 22px; |
||||
padding-left: 6px; |
||||
font-size: 55px; |
||||
margin: -75px auto 20px; |
||||
border-radius: 140px !important; |
||||
font-weight: normal !important; |
||||
background: #fff url("../../img/breadcrumbs.png") !important; |
||||
} |
||||
.pricing-rounded .pricing-head h4 i{ |
||||
margin-right: 2px; |
||||
} |
||||
.pricing-rounded h6 { |
||||
color: #888; |
||||
font-size: 13px; |
||||
font-style: normal; |
||||
padding-bottom: 5px; |
||||
} |
||||
.pricing-rounded .pricing-content span { |
||||
float: right; |
||||
} |
||||
.pricing-rounded .pricing-content span i { |
||||
font-size: 13px; |
||||
} |
||||
/*Pricing Zoom |
||||
------------------------------------*/ |
||||
|
||||
.pricing-zoom .pricing:hover { |
||||
-webkit-transition:box-shadow 0.3s ease-in-out; |
||||
-moz-transition:box-shadow 0.3s ease-in-out; |
||||
-o-transition:box-shadow 0.3s ease-in-out; |
||||
transition:box-shadow 0.2s ease-in-out; |
||||
} |
||||
.pricing-zoom .pricing-head h4 { |
||||
background: url("../../img/breadcrumbs.png") |
||||
repeat scroll 0 0 rgba(0, 0, 0, 0) !important; |
||||
} |
||||
.pricing-zoom .price-active .pricing-head h4, |
||||
.pricing-zoom .pricing:hover .pricing-head h4 { |
||||
padding: 15px 0; |
||||
font-size: 80px; |
||||
-webkit-transition:color 0.5s ease-in-out; |
||||
-moz-transition:color 0.5s ease-in-out; |
||||
-o-transition:color 0.5s ease-in-out; |
||||
transition:color 0.5s ease-in-out; |
||||
} |
||||
|
||||
/*Pricing Table Light Version |
||||
------------------------------------*/ |
||||
.price-active, |
||||
.pricing-light .pricing:hover { |
||||
margin-top: 0 ; |
||||
border-color: #717984; |
||||
} |
||||
.pricing-light .pricing { |
||||
overflow: hidden; |
||||
box-shadow: none; |
||||
border: 1px solid #ddd; |
||||
} |
||||
.pricing-light h3 { |
||||
color: #888; |
||||
font-weight: 200 !important; |
||||
font-family: inherit; |
||||
text-shadow: none !important; |
||||
border-bottom: 1px solid #ddd !important; |
||||
background: #fff url("../../img/breadcrumbs.png") !important; |
||||
|
||||
} |
||||
.pricing-light .pricing .rating li { |
||||
padding: 0; |
||||
border-bottom: none; |
||||
} |
||||
.pricing-light .rating li i { |
||||
color: #888; |
||||
margin: 7px 0; |
||||
padding-top: 0; |
||||
font-size: 20px; |
||||
} |
||||
.pricing-light li { |
||||
color: #888; |
||||
text-align: center; |
||||
} |
||||
.pricing-light .pricing-footer { |
||||
margin: 0px; |
||||
padding: 2px 0px 19px; |
||||
} |
||||
.pricing-light .pricing-footer h4 { |
||||
color: #888; |
||||
padding: 5px; |
||||
font-size: 70px; |
||||
text-shadow: none; |
||||
margin: -2px 0 0px; |
||||
border-top: 1px solid #ddd; |
||||
border-bottom: 1px solid #ddd; |
||||
font-weight: normal !important; |
||||
background: #fff url("../../img/breadcrumbs.png") !important; |
||||
|
||||
} |
||||
.pricing-light .pricing-footer h4 i { |
||||
top: -8px; |
||||
font-size: 28px; |
||||
font-style: normal; |
||||
} |
||||
.pricing-light .pricing-footer h4 span { |
||||
top: -5px; |
||||
display: block; |
||||
font-size: 14px; |
||||
margin-bottom: 5px; |
||||
font-style: normal; |
||||
} |
||||
.pricing-light .pricing-footer p { |
||||
color: #888; |
||||
line-height: 17px; |
||||
padding: 15px 20px 5px ; |
||||
} |
||||
.pricing-light .pricing:hover h4, |
||||
.pricing-light .pricing:hover h3, |
||||
.pricing-light .pricing:hover p, |
||||
.pricing-light .pricing:hover li, |
||||
.pricing-light .pricing:hover li i { |
||||
color: #717984; |
||||
} |
||||
|
||||
.pricing-medium-light .btn-u:hover { |
||||
background-color: #717984!important; |
||||
} |
||||
|
||||
/*Pricing Meduim Light |
||||
------------------------------------*/ |
||||
.price-active, |
||||
.pricing-medium-light .pricing:hover { |
||||
z-index:8; |
||||
margin-top: 0 !important; |
||||
} |
||||
.pricing-medium-light .pricing { |
||||
overflow: hidden; |
||||
background: #eee; |
||||
border: 2px solid #ddd; |
||||
} |
||||
.pricing-medium-light .pricing-head h3 { |
||||
color: #717984; |
||||
text-shadow: none; |
||||
font-weight: normal !important; |
||||
border-bottom: 2px solid #eee !important; |
||||
background: #fff url("../../img/breadcrumbs.png") !important; |
||||
} |
||||
.pricing-medium-light .pricing-content > li { |
||||
border-color: #fff !important; |
||||
} |
||||
.pricing-medium-light .pricing .rating { |
||||
text-align: center; |
||||
} |
||||
.pricing-medium-light .pricing .rating li { |
||||
padding: 0; |
||||
border-bottom: none; |
||||
} |
||||
.pricing-medium-light .pricing li i { |
||||
color: #585f69; |
||||
} |
||||
.pricing-medium-light .rating li i { |
||||
margin: 7px 0; |
||||
padding-top: 0; |
||||
font-size: 20px; |
||||
} |
||||
.pricing-medium-light .pricing-content span { |
||||
float: right; |
||||
} |
||||
.pricing-medium-light .pricing-content span i { |
||||
font-size: 12px; |
||||
} |
||||
.pricing-medium-light .pricing-footer { |
||||
padding: 2px 0px 20px; |
||||
} |
||||
.pricing-medium-light .pricing-footer h4 { |
||||
color: #717984 !important; |
||||
font-size: 70px; |
||||
padding: 5px 0px; |
||||
text-shadow: none; |
||||
font-family: Arial; |
||||
margin: -2px 0 20px; |
||||
margin-bottom: 20px; |
||||
font-weight: normal !important; |
||||
background: #fff url("../../img/breadcrumbs.png") !important; |
||||
|
||||
} |
||||
.pricing-medium-light .pricing-footer h4 i { |
||||
top: -8px; |
||||
font-size: 28px; |
||||
font-style: normal; |
||||
position: relative; |
||||
} |
||||
.pricing-medium-light .pricing-footer h4 span { |
||||
top: -10px; |
||||
display: block; |
||||
margin-top: 5px; |
||||
font-size: 14px; |
||||
font-style: normal; |
||||
position: relative; |
||||
} |
||||
.pricing-medium-light .pricing-footer p { |
||||
color: #585f69; |
||||
padding: 0 20px; |
||||
line-height: 17px; |
||||
text-align:center; |
||||
border-radius: 0 0 3px 3px; |
||||
} |
||||
.pricing-medium-light .btn-u { |
||||
background: #fff ; |
||||
padding: 5px 58px; |
||||
border: 1px solid #888; |
||||
} |
||||
.pricing-medium-light .btn-u:hover { |
||||
background-color: #717984!important; |
||||
} |
||||
|
||||
|
||||
/*Pricing Table medium-dark Version |
||||
------------------------------------*/ |
||||
.price-active, |
||||
.pricing-medium-dark .pricing:hover { |
||||
margin-top: 0 ; |
||||
} |
||||
.pricing-medium-dark .pricing { |
||||
border: 2px solid #717984; |
||||
box-shadow: none; |
||||
} |
||||
.pricing-medium-dark .pricing-head h3 { |
||||
color: #fff; |
||||
text-shadow: none; |
||||
background: #717984; |
||||
border-bottom: 2px solid #eee ; |
||||
} |
||||
.pricing-medium-dark .pricing .rating { |
||||
text-align: center; |
||||
} |
||||
.pricing-medium-dark .pricing .rating li { |
||||
padding: 0; |
||||
border-bottom: none; |
||||
} |
||||
.pricing-medium-dark .rating li i { |
||||
padding-top: 0; |
||||
margin: 7px 0; |
||||
font-size: 20px; |
||||
} |
||||
|
||||
.pricing-medium-dark .pricing-content li i { |
||||
color: #717984; |
||||
} |
||||
|
||||
.pricing-medium-dark .pricing-content li { |
||||
border-color: #eee; |
||||
} |
||||
|
||||
.pricing-medium-dark .pricing-footer { |
||||
margin: 0px; |
||||
background: #717984; |
||||
padding: 2px 0px 19px; |
||||
} |
||||
.pricing-medium-dark .pricing-footer h4 { |
||||
color: #717984 !important; |
||||
font-size: 70px; |
||||
padding: 5px 0px; |
||||
text-shadow: none; |
||||
font-family: Arial; |
||||
text-align: center; |
||||
line-height: normal; |
||||
font-weight: normal; |
||||
margin: -2px 0 20px; |
||||
font-weight: normal !important; |
||||
background: #fff url("../../img/breadcrumbs.png") !important; |
||||
} |
||||
.pricing-medium-dark .pricing-footer h4 i { |
||||
top: -8px; |
||||
font-size: 28px; |
||||
font-style: normal; |
||||
position: relative; |
||||
} |
||||
.pricing-medium-dark .pricing-footer h4 span { |
||||
top: -10px; |
||||
display: block; |
||||
margin-top: 5px; |
||||
font-size: 14px; |
||||
font-style: normal; |
||||
position: relative; |
||||
} |
||||
.pricing-medium-dark .pricing-footer p { |
||||
color: #fff; |
||||
font-size: 11px; |
||||
line-height: 17px; |
||||
text-align: center; |
||||
padding: 0 20px 5px; |
||||
border-radius: 0 0 3px 3px; |
||||
} |
||||
.pricing-medium-dark .btn-u { |
||||
background: #fff !important; |
||||
border: 1px solid #888 ; |
||||
|
||||
} |
||||
|
||||
/*Pricing Table Dark |
||||
------------------------------------*/ |
||||
.price-active, |
||||
.pricing-dark .pricing:hover { |
||||
z-index:8; |
||||
margin-top: 0 !important; |
||||
} |
||||
.pricing-dark .pricing { |
||||
border-top: 2px solid #717984; |
||||
overflow: hidden; |
||||
} |
||||
.pricing-dark .pricing { |
||||
background: #717984; |
||||
} |
||||
.pricing-dark .pricing .rating { |
||||
text-align: center; |
||||
} |
||||
.pricing-dark .pricing .rating li { |
||||
padding: 0; |
||||
border-bottom: none; |
||||
} |
||||
.pricing-dark .pricing li i { |
||||
color: #fff; |
||||
} |
||||
.pricing-dark .rating li i { |
||||
margin: 7px 0; |
||||
padding-top: 0; |
||||
font-size: 20px; |
||||
} |
||||
.pricing-dark li { |
||||
color: #fff; |
||||
} |
||||
.pricing-dark .pricing-head h3 { |
||||
color: #717984; |
||||
text-shadow: none; |
||||
font-weight: normal !important; |
||||
border-bottom: 2px solid #eee !important; |
||||
background: #fff url("../../img/breadcrumbs.png") !important; |
||||
} |
||||
|
||||
.pricing-dark .pricing-content li { |
||||
border-color: #fff; |
||||
} |
||||
|
||||
.pricing-dark .pricing-content span { |
||||
float: right; |
||||
} |
||||
.pricing-dark .pricing-content span i { |
||||
font-size: 12px; |
||||
} |
||||
.pricing-dark .pricing-footer { |
||||
padding: 2px 0px 20px; |
||||
} |
||||
.pricing-dark .pricing-footer h4 { |
||||
font-size: 70px; |
||||
padding: 5px 0px; |
||||
font-family: Arial; |
||||
text-shadow: none; |
||||
margin: -2px 0 20px; |
||||
margin-bottom: 20px; |
||||
color: #717984 !important; |
||||
font-weight: normal !important; |
||||
background: #fff url("../../img/breadcrumbs.png") !important; |
||||
} |
||||
.pricing-dark .pricing-footer h4 i { |
||||
top: -8px; |
||||
font-size: 28px; |
||||
font-style: normal; |
||||
position: relative; |
||||
} |
||||
.pricing-dark .pricing-footer h4 span { |
||||
top: -10px; |
||||
display: block; |
||||
margin-top: 5px; |
||||
font-size: 14px; |
||||
font-style: normal; |
||||
position: relative; |
||||
} |
||||
.pricing-dark .pricing-footer p { |
||||
color: #fff; |
||||
padding: 0 20px; |
||||
line-height: 17px; |
||||
text-align:center; |
||||
border-radius: 0 0 3px 3px; |
||||
} |
||||
.pricing-dark .btn-u { |
||||
padding: 5px 60px; |
||||
background: #fff !important; |
||||
border: 1px solid #999 !important; |
||||
} |
||||
|
||||
|
||||
|
||||
/*Pricing Table Mega v2 |
||||
------------------------------------*/ |
||||
|
||||
.pricing-mega-v2 .price-active, |
||||
.pricing-mega-v2 .pricing:hover { |
||||
margin-top: 0px; |
||||
margin: 40px 0; |
||||
} |
||||
.pricing-mega-v2 .pricing { |
||||
position: relative; |
||||
border-radius: 3px; |
||||
margin-bottom: 15px; |
||||
margin-bottom: 100px; |
||||
box-shadow: 0 0 0px #eee; |
||||
border: 1px solid #eee; |
||||
margin: 40px 0; |
||||
} |
||||
.pricing-mega-v2 .pricing-head h3 { |
||||
font-size: 25px; |
||||
min-height: 75px; |
||||
} |
||||
.pricing-mega-v2 .pricing-head h4{ |
||||
font-size: 20px; |
||||
} |
||||
.pricing-mega-v2 .pricing-head h4 i { |
||||
color: #888888; |
||||
} |
||||
.pricing-mega-v2 .pricing:hover h4 i { |
||||
color: #74C52C; |
||||
} |
||||
|
||||
.pricing-mega-v2 .pricing-head h4 span, |
||||
.pricing-mega-v2 .pricing-content li span, |
||||
.padding-mega-v2 .pricing-head .price span { |
||||
display: block; |
||||
padding: 10px 0px 0px; |
||||
} |
||||
.pricing-mega-v2 .pricing-head .price { |
||||
font-size: 70px; |
||||
font-style: normal; |
||||
padding-bottom: 0px; |
||||
background-color: #fff; |
||||
} |
||||
.pricing-mega-v2 .pricing-head h3, |
||||
.pricing-mega-v2 .pricing-head h4 { |
||||
font-style: normal; |
||||
font-weight: normal !important; |
||||
} |
||||
.pricing-mega-v2 .hidden-area { |
||||
margin-top: 115px; |
||||
} |
||||
.pricing-mega-v2 .hidden-area:hover { |
||||
margin-top: 115px; |
||||
} |
||||
.pricing-mega-v2 .hidden-area .pricing-head h4 { |
||||
font-size: 28px; |
||||
min-height: 103px; |
||||
padding: 31px 0; |
||||
} |
||||
.pricing-mega-v2 .hidden-area:hover .pricing-head h4 { |
||||
color: #888; |
||||
} |
||||
.pricing-mega-v2 .hidden-area li:hover i{ |
||||
color: #74C52C; |
||||
} |
||||
|
||||
.pricing-mega-v2 .block li { |
||||
text-align: center; |
||||
} |
||||
.pricing-mega-v2 .block li i { |
||||
font-size: 13px; |
||||
} |
||||
|
||||
.pricing-mega-v2 .pricing-content li { |
||||
padding: 10px; |
||||
font-size: 12px; |
||||
font-style: normal; |
||||
min-height: 41px; |
||||
} |
||||
.pricing-mega-v2 .hidden-area li { |
||||
font-size: 12px; |
||||
} |
||||
.pricing-mega-v2 .pricing-content li i { |
||||
color: #888; |
||||
} |
||||
.pricing-mega-v2 .bg-color { |
||||
background-color: #f9f9f9; |
||||
} |
||||
.pricing-mega-v2 .block:hover .bg-color { |
||||
background: #74C52C; |
||||
} |
||||
.pricing-mega-v2 .block:hover h3, |
||||
.pricing-mega-v2 .block:hover h4, |
||||
.pricing-mega-v2 .block:hover li, |
||||
.pricing-mega-v2 .block:hover li i, |
||||
.pricing-mega-v2 .block:hover h4 i { |
||||
color: #fff !important; |
||||
background: #74C52C; |
||||
} |
||||
.pricing-mega-v2 .hidden-area:hover li i { |
||||
color: #888; |
||||
} |
||||
.pricing-mega-v2 a{ |
||||
padding: 8px 0 ; |
||||
} |
||||
|
||||
/*Pricing Table Mega v3 |
||||
------------------------------------*/ |
||||
.pricing-mega-v3 .price-active, |
||||
.pricing-mega-v3 .pricing:hover { |
||||
margin-top: 0; |
||||
} |
||||
.pricing-mega-v3 .pricing { |
||||
border-radius: 3px !important; |
||||
box-shadow: none; |
||||
} |
||||
.pricing-mega-v3 .pricing-content { |
||||
border: 1px solid #eee; |
||||
border-left: none; |
||||
} |
||||
.pricing-mega-v3 .hidden-area { |
||||
margin-top: 76px; |
||||
} |
||||
.pricing-mega-v3 .hidden-area:hover { |
||||
margin-top: 76px; |
||||
} |
||||
.pricing-mega-v3 .pricing-head h3 { |
||||
font-size: 28px; |
||||
min-height: 76px; |
||||
font-weight: normal !important; |
||||
border-left: 1px solid #eee; |
||||
} |
||||
|
||||
.pricing-mega-v3 h4 { |
||||
color: #888; |
||||
min-height: 100px; |
||||
border-top: 1px solid #eee ; |
||||
border-right: 1px solid #eee ; |
||||
font-weight: normal !important; |
||||
} |
||||
.pricing-mega-v3 .pricing h5 { |
||||
color: #888; |
||||
font-size: 20px; |
||||
padding-left: 5px; |
||||
padding: 30px 0 0 7px; |
||||
} |
||||
.pricing-mega-v3 .block h5 { |
||||
visibility: hidden; |
||||
} |
||||
.pricing-mega-v3 .pricing-head h4 span, |
||||
.pricing-mega-v3 .pricing-content li span, |
||||
.padding-mega-v3 .pricing-head .price span { |
||||
display: block; |
||||
padding: 15px 0px 0px; |
||||
} |
||||
.pricing-mega-v3 .hidden-area .pricing-content:nth-child(2) { |
||||
margin-bottom: 42px; |
||||
} |
||||
.pricing-mega-v3 .hidden-area .pricing-head h4 { |
||||
font-size: 28px; |
||||
padding: 34px 0 34px 15px; |
||||
border-left: 1px solid #eee; |
||||
} |
||||
.pricing-mega-v3 .hidden-area:hover .pricing-head h4 { |
||||
color: #888; |
||||
} |
||||
.pricing-mega-v3 .hidden-area .pricing-content { |
||||
border-left: 1px solid #eee; |
||||
} |
||||
.pricing-mega-v3 .hidden-area .price { |
||||
text-align: left; |
||||
padding-left: 15px; |
||||
} |
||||
.pricing-mega-v3 .block .pricing-content li i { |
||||
font-size: 13px; |
||||
} |
||||
.pricing-mega-v3 .pricing-content li { |
||||
padding: 10px; |
||||
font-size: 12px; |
||||
text-align: left; |
||||
min-height: 41px; |
||||
} |
||||
.pricing-mega-v3 .block .pricing-content li { |
||||
text-align: center; |
||||
} |
||||
.pricing-mega-v3 .btn-u { |
||||
border: 1px solid #fff; |
||||
border-bottom: none; |
||||
padding: 8px 0; |
||||
} |
||||
.pricing-mega-v3 .btn-group .dropdown-menu { |
||||
margin: 0; |
||||
border: 0; |
||||
width: 100%; |
||||
background: #72c02c; |
||||
border-color: #eee; |
||||
border: 1px solid #fff; |
||||
border-top: none; |
||||
margin-top: 40px; |
||||
text-align: center; |
||||
} |
||||
.pricing-mega-v3 .btn-group .dropdown-menu li a { |
||||
color: #fff; |
||||
} |
||||
.pricing-mega-v3 .btn-group .dropdown-menu li a:hover { |
||||
background: #5fb611; |
||||
} |
||||
.pricing-mega-v3 .btn-group-justified { |
||||
display: block; |
||||
} |
||||
|
||||
/* Devices (Desktop Mode) */ |
||||
@media (min-width: 992px) and (max-width: 1200px) { |
||||
.sticker-right { |
||||
top: 10px; |
||||
right: -58px; |
||||
font-size: 10px; |
||||
padding: 3px; |
||||
} |
||||
.sticker-left { |
||||
top: 10px; |
||||
left: -58px; |
||||
font-size: 10px; |
||||
padding: 3px; |
||||
} |
||||
} |
||||
|
||||
/* Medium Devices (Desktops, 992px and less) */ |
||||
@media (max-width: 991px) { |
||||
/*Pricing Page*/ |
||||
.price-active, |
||||
.pricing:hover { |
||||
margin-top: 0; |
||||
} |
||||
.no-space-pricing [class^="col-"], |
||||
.no-space-pricing [class*=" col-"] { |
||||
padding: 10px; |
||||
} |
||||
.pricing-zoom .price-active .pricing-head h4, |
||||
.pricing-zoom .pricing:hover .pricing-head h4 { |
||||
padding: 5px 0; |
||||
font-size: 70px; |
||||
} |
||||
.pricing-mega-v3 .pricing h4, |
||||
.pricing-mega-v3 .pricing h3, |
||||
.pricing-mega-v3 .pricing-content { |
||||
border-left: 1px solid #eee; |
||||
} |
||||
|
||||
.pricing-mega-v3 .block h5 { |
||||
text-align: center; |
||||
visibility: visible; |
||||
} |
||||
/*End Pricing Page*/ |
||||
} |
||||
@ -0,0 +1,274 @@ |
||||
/*Pricing Page |
||||
------------------------------------*/ |
||||
/*Pricing Head*/ |
||||
.no-space-pricing [class^="col-"], |
||||
.no-space-pricing [class*=" col-"] { |
||||
padding: 0; |
||||
} |
||||
.pricing { |
||||
position:relative; |
||||
border-radius:3px; |
||||
margin-bottom:15px; |
||||
box-shadow:0 0 5px #eee; |
||||
} |
||||
.pricing:hover { |
||||
box-shadow:0 0 15px #b5b5b5; |
||||
} |
||||
.pricing:hover h4 { |
||||
color:#74C52C; |
||||
} |
||||
.pricing-head { |
||||
text-align:center; |
||||
} |
||||
.pricing h3, |
||||
.pricing h4 { |
||||
margin:0; |
||||
line-height:normal; |
||||
font-weight:bold; |
||||
} |
||||
.pricing p { |
||||
padding-top: 10px; |
||||
font-size: 11px; |
||||
} |
||||
.pricing-head h3 span, |
||||
.pricing-head h4 span { |
||||
display:block; |
||||
margin-top:5px; |
||||
font-size:12px; |
||||
font-style:italic; |
||||
} |
||||
.pricing-head h3 { |
||||
color:#fafafa; |
||||
padding:12px 0; |
||||
font-size:35px; |
||||
font-family:Arial; |
||||
background:#74C52C; |
||||
border-radius:3px 3px 0 0; |
||||
text-shadow:0 1px 0 #32a20f; |
||||
} |
||||
.pricing-head h4 { |
||||
color: #888; |
||||
padding:5px 0; |
||||
font-size:70px; |
||||
text-shadow:0 1px 0 #fff; |
||||
border-bottom:solid 1px #f5f9e7; |
||||
} |
||||
.pricing-head h4 i { |
||||
top:-8px; |
||||
font-size:28px; |
||||
font-style:normal; |
||||
position:relative; |
||||
} |
||||
.pricing-head h4 span { |
||||
top:-10px; |
||||
font-size:14px; |
||||
font-style:normal; |
||||
position:relative; |
||||
} |
||||
|
||||
/*Pricing Content*/ |
||||
|
||||
.pricing-content { |
||||
margin-bottom: 0px; |
||||
} |
||||
.pricing-content li { |
||||
color:#888; |
||||
font-size:12px; |
||||
padding:7px 15px; |
||||
border-bottom:solid 1px #f5f9e7; |
||||
} |
||||
.pricing-content li i { |
||||
color:#72c02c; |
||||
font-size:16px; |
||||
margin-right:5px; |
||||
position:relative; |
||||
} |
||||
|
||||
/*Pricing Footer*/ |
||||
.pricing-footer { |
||||
color:#777; |
||||
font-size:11px; |
||||
line-height:17px; |
||||
text-align:center; |
||||
padding:0 20px 19px; |
||||
border-radius:0 0 3px 3px; |
||||
} |
||||
|
||||
|
||||
.price-active h4 { |
||||
color:#74C52C; |
||||
} |
||||
|
||||
/*Pricing Extra*/ |
||||
|
||||
.bg-color { |
||||
background-color: #f9f9f9; |
||||
} |
||||
.no-space-pricing { |
||||
padding: 0 15px; |
||||
} |
||||
|
||||
.sticker-right, |
||||
.sticker-left { |
||||
color: #fff; |
||||
width: 150px; |
||||
padding: 5px; |
||||
font-size: 13px; |
||||
font-weight: bold; |
||||
font-family: Arial; |
||||
position: absolute; |
||||
text-align: center; |
||||
letter-spacing: 2px; |
||||
} |
||||
|
||||
.sticker-right { |
||||
top: 13px; |
||||
right: -49px; |
||||
background: rgba(231, 76, 60, 1); |
||||
transform: rotate(45deg); |
||||
-o-transform: rotate(45deg); |
||||
-ms-transform: rotate(45deg); |
||||
-moz-transform: rotate(45deg); |
||||
-webkit-transform: rotate(45deg); |
||||
} |
||||
.sticker-left { |
||||
top: 9px; |
||||
left: -48px; |
||||
background: rgba(116, 197, 44, 1); |
||||
transform: rotate(-45deg); |
||||
-o-transform: rotate(-45deg); |
||||
-ms-transform: rotate(-45deg); |
||||
-moz-transform: rotate(-45deg); |
||||
-webkit-transform: rotate(-45deg); |
||||
} |
||||
|
||||
/*Pricing Table Mega v2 |
||||
------------------------------------*/ |
||||
|
||||
.pricing-mega-v2 .pricing { |
||||
position: relative; |
||||
border-radius: 3px; |
||||
margin-bottom: 15px; |
||||
margin-bottom: 100px; |
||||
box-shadow: 0 0 0px #eee; |
||||
border: 1px solid #eee; |
||||
margin: 40px 0; |
||||
} |
||||
.pricing-mega-v2 .pricing-head h3 { |
||||
font-size: 25px; |
||||
min-height: 75px; |
||||
} |
||||
.pricing-mega-v2 .pricing-head h4{ |
||||
font-size: 20px; |
||||
} |
||||
.pricing-mega-v2 .pricing-head h4 i { |
||||
color: #888888; |
||||
} |
||||
.pricing-mega-v2 .pricing:hover h4 i { |
||||
color: #74C52C; |
||||
} |
||||
|
||||
.pricing-mega-v2 .pricing-head h4 span, |
||||
.pricing-mega-v2 .pricing-content li span, |
||||
.padding-mega-v2 .pricing-head .price span { |
||||
display: block; |
||||
padding: 10px 0px 0px; |
||||
} |
||||
.pricing-mega-v2 .pricing-head .price { |
||||
font-size: 70px; |
||||
font-style: normal; |
||||
padding-bottom: 0px; |
||||
background-color: #fff; |
||||
} |
||||
.pricing-mega-v2 .pricing-head h3, |
||||
.pricing-mega-v2 .pricing-head h4 { |
||||
font-style: normal; |
||||
font-weight: normal !important; |
||||
} |
||||
.pricing-mega-v2 .hidden-area { |
||||
margin-top: 115px; |
||||
} |
||||
.pricing-mega-v2 .hidden-area:hover { |
||||
margin-top: 115px; |
||||
} |
||||
.pricing-mega-v2 .hidden-area .pricing-head h4 { |
||||
font-size: 28px; |
||||
min-height: 103px; |
||||
padding: 31px 0; |
||||
} |
||||
.pricing-mega-v2 .hidden-area:hover .pricing-head h4 { |
||||
color: #888; |
||||
} |
||||
.pricing-mega-v2 .hidden-area li:hover i{ |
||||
color: #74C52C; |
||||
} |
||||
|
||||
.pricing-mega-v2 .block li { |
||||
text-align: center; |
||||
} |
||||
.pricing-mega-v2 .block li i { |
||||
font-size: 13px; |
||||
} |
||||
|
||||
.pricing-mega-v2 .pricing-content li { |
||||
padding: 10px; |
||||
font-size: 12px; |
||||
font-style: normal; |
||||
min-height: 41px; |
||||
} |
||||
.pricing-mega-v2 .hidden-area li { |
||||
font-size: 12px; |
||||
} |
||||
.pricing-mega-v2 .pricing-content li i { |
||||
color: #888; |
||||
} |
||||
.pricing-mega-v2 .bg-color { |
||||
background-color: #f9f9f9; |
||||
} |
||||
.pricing-mega-v2 .block:hover .bg-color { |
||||
background: #74C52C; |
||||
} |
||||
.pricing-mega-v2 .block:hover h3, |
||||
.pricing-mega-v2 .block:hover h4, |
||||
.pricing-mega-v2 .block:hover li, |
||||
.pricing-mega-v2 .block:hover li i, |
||||
.pricing-mega-v2 .block:hover h4 i { |
||||
color: #fff !important; |
||||
background: #74C52C; |
||||
} |
||||
.pricing-mega-v2 .hidden-area:hover li i { |
||||
color: #888; |
||||
} |
||||
.pricing-mega-v2 a{ |
||||
padding: 8px 0 ; |
||||
} |
||||
|
||||
/* Devices (Desktop Mode) */ |
||||
@media (min-width: 992px) and (max-width: 1200px) { |
||||
.sticker-right { |
||||
top: 10px; |
||||
right: -58px; |
||||
font-size: 10px; |
||||
padding: 3px; |
||||
} |
||||
.sticker-left { |
||||
top: 10px; |
||||
left: -58px; |
||||
font-size: 10px; |
||||
padding: 3px; |
||||
} |
||||
} |
||||
|
||||
/* Medium Devices (Desktops, 992px and less) */ |
||||
@media (max-width: 991px) { |
||||
/*Pricing Page*/ |
||||
.price-active, |
||||
.pricing:hover { |
||||
margin-top: 0; |
||||
} |
||||
.no-space-pricing [class^="col-"], |
||||
.no-space-pricing [class*=" col-"] { |
||||
padding: 10px; |
||||
} |
||||
/*End Pricing Page*/ |
||||
} |
||||
@ -0,0 +1,286 @@ |
||||
/*Pricing Page |
||||
------------------------------------*/ |
||||
/*Pricing Head*/ |
||||
.no-space-pricing [class^="col-"], |
||||
.no-space-pricing [class*=" col-"] { |
||||
padding: 0; |
||||
} |
||||
.pricing { |
||||
position:relative; |
||||
border-radius:3px; |
||||
margin-bottom:15px; |
||||
} |
||||
|
||||
.pricing:hover h4 { |
||||
color:#74C52C; |
||||
} |
||||
.pricing-head { |
||||
text-align:center; |
||||
} |
||||
.pricing h3, |
||||
.pricing h4 { |
||||
margin:0; |
||||
line-height:normal; |
||||
font-weight:bold; |
||||
} |
||||
.pricing p { |
||||
padding-top: 10px; |
||||
font-size: 11px; |
||||
} |
||||
.pricing-head h3 span, |
||||
.pricing-head h4 span { |
||||
display:block; |
||||
margin-top:5px; |
||||
font-size:12px; |
||||
font-style:italic; |
||||
} |
||||
.pricing-head h3 { |
||||
color:#fafafa; |
||||
padding:12px 0; |
||||
font-size:35px; |
||||
font-family:Arial; |
||||
background:#74C52C; |
||||
border-radius:3px 3px 0 0; |
||||
text-shadow:0 1px 0 #32a20f; |
||||
} |
||||
.pricing-head h4 { |
||||
color: #888; |
||||
padding:5px 0; |
||||
font-size:70px; |
||||
text-shadow:0 1px 0 #fff; |
||||
border-bottom:solid 1px #f5f9e7; |
||||
} |
||||
.pricing-head h4 i { |
||||
top:-8px; |
||||
font-size:28px; |
||||
font-style:normal; |
||||
position:relative; |
||||
} |
||||
.pricing-head h4 span { |
||||
top:-10px; |
||||
font-size:14px; |
||||
font-style:normal; |
||||
position:relative; |
||||
} |
||||
|
||||
/*Pricing Content*/ |
||||
|
||||
.pricing-content { |
||||
margin-bottom: 0px; |
||||
} |
||||
.pricing-content li { |
||||
color:#888; |
||||
font-size:12px; |
||||
padding:7px 15px; |
||||
border-bottom:solid 1px #f5f9e7; |
||||
} |
||||
.pricing-content li i { |
||||
color:#72c02c; |
||||
font-size:16px; |
||||
margin-right:5px; |
||||
position:relative; |
||||
} |
||||
|
||||
/*Pricing Footer*/ |
||||
.pricing-footer { |
||||
color:#777; |
||||
font-size:11px; |
||||
line-height:17px; |
||||
text-align:center; |
||||
padding:0 20px 19px; |
||||
border-radius:0 0 3px 3px; |
||||
} |
||||
|
||||
/*Pricing Active*/ |
||||
.price-active h4 { |
||||
color:#74C52C; |
||||
} |
||||
|
||||
/*Pricing Extra*/ |
||||
|
||||
.bg-color { |
||||
background-color: #f9f9f9; |
||||
} |
||||
.no-space-pricing { |
||||
padding: 0 15px; |
||||
} |
||||
|
||||
.sticker-right, |
||||
.sticker-left { |
||||
color: #fff; |
||||
width: 150px; |
||||
padding: 5px; |
||||
font-size: 13px; |
||||
font-weight: bold; |
||||
font-family: Arial; |
||||
position: absolute; |
||||
text-align: center; |
||||
letter-spacing: 2px; |
||||
} |
||||
|
||||
.sticker-right { |
||||
top: 13px; |
||||
right: -49px; |
||||
background: rgba(231, 76, 60, 1); |
||||
transform: rotate(45deg); |
||||
-o-transform: rotate(45deg); |
||||
-ms-transform: rotate(45deg); |
||||
-moz-transform: rotate(45deg); |
||||
-webkit-transform: rotate(45deg); |
||||
} |
||||
.sticker-left { |
||||
top: 9px; |
||||
left: -48px; |
||||
background: rgba(116, 197, 44, 1); |
||||
transform: rotate(-45deg); |
||||
-o-transform: rotate(-45deg); |
||||
-ms-transform: rotate(-45deg); |
||||
-moz-transform: rotate(-45deg); |
||||
-webkit-transform: rotate(-45deg); |
||||
} |
||||
|
||||
/*Pricing Table Mega v3 |
||||
------------------------------------*/ |
||||
.pricing-mega-v3 .price-active, |
||||
.pricing-mega-v3 .pricing:hover { |
||||
margin-top: 0; |
||||
} |
||||
.pricing-mega-v3 .pricing { |
||||
border-radius: 3px !important; |
||||
box-shadow: none; |
||||
} |
||||
.pricing-mega-v3 .pricing-content { |
||||
border: 1px solid #eee; |
||||
border-left: none; |
||||
} |
||||
.pricing-mega-v3 .hidden-area { |
||||
margin-top: 76px; |
||||
} |
||||
.pricing-mega-v3 .hidden-area:hover { |
||||
margin-top: 76px; |
||||
} |
||||
.pricing-mega-v3 .pricing-head h3 { |
||||
font-size: 28px; |
||||
min-height: 76px; |
||||
font-weight: normal !important; |
||||
border-left: 1px solid #eee; |
||||
} |
||||
|
||||
.pricing-mega-v3 h4 { |
||||
color: #888; |
||||
min-height: 100px; |
||||
border-top: 1px solid #eee ; |
||||
border-right: 1px solid #eee ; |
||||
font-weight: normal !important; |
||||
} |
||||
.pricing-mega-v3 .pricing h5 { |
||||
color: #888; |
||||
font-size: 20px; |
||||
padding-left: 5px; |
||||
padding: 30px 0 0 7px; |
||||
} |
||||
.pricing-mega-v3 .block h5 { |
||||
visibility: hidden; |
||||
} |
||||
.pricing-mega-v3 .pricing-head h4 span, |
||||
.pricing-mega-v3 .pricing-content li span, |
||||
.padding-mega-v3 .pricing-head .price span { |
||||
display: block; |
||||
padding: 15px 0px 0px; |
||||
} |
||||
.pricing-mega-v3 .hidden-area .pricing-content:nth-child(2) { |
||||
margin-bottom: 42px; |
||||
} |
||||
.pricing-mega-v3 .hidden-area .pricing-head h4 { |
||||
font-size: 28px; |
||||
padding: 34px 0 34px 15px; |
||||
border-left: 1px solid #eee; |
||||
} |
||||
.pricing-mega-v3 .hidden-area:hover .pricing-head h4 { |
||||
color: #888; |
||||
} |
||||
.pricing-mega-v3 .hidden-area .pricing-content { |
||||
border-left: 1px solid #eee; |
||||
} |
||||
.pricing-mega-v3 .hidden-area .price { |
||||
text-align: left; |
||||
padding-left: 15px; |
||||
} |
||||
.pricing-mega-v3 .block .pricing-content li i { |
||||
font-size: 13px; |
||||
} |
||||
.pricing-mega-v3 .pricing-content li { |
||||
padding: 10px; |
||||
font-size: 12px; |
||||
text-align: left; |
||||
min-height: 41px; |
||||
} |
||||
.pricing-mega-v3 .block .pricing-content li { |
||||
text-align: center; |
||||
} |
||||
.pricing-mega-v3 .btn-u { |
||||
border: 1px solid #fff; |
||||
border-bottom: none; |
||||
padding: 8px 0; |
||||
} |
||||
.pricing-mega-v3 .btn-group .dropdown-menu { |
||||
margin: 0; |
||||
border: 0; |
||||
width: 100%; |
||||
background: #72c02c; |
||||
border-color: #eee; |
||||
border: 1px solid #fff; |
||||
border-top: none; |
||||
margin-top: 40px; |
||||
text-align: center; |
||||
} |
||||
.pricing-mega-v3 .btn-group .dropdown-menu li a { |
||||
color: #fff; |
||||
} |
||||
.pricing-mega-v3 .btn-group .dropdown-menu li a:hover { |
||||
background: #5fb611; |
||||
} |
||||
.pricing-mega-v3 .btn-group-justified { |
||||
display: block; |
||||
} |
||||
|
||||
|
||||
/* Devices (Desktop Mode) */ |
||||
@media (min-width: 992px) and (max-width: 1200px) { |
||||
.sticker-right { |
||||
top: 10px; |
||||
right: -58px; |
||||
font-size: 10px; |
||||
padding: 3px; |
||||
} |
||||
.sticker-left { |
||||
top: 10px; |
||||
left: -58px; |
||||
font-size: 10px; |
||||
padding: 3px; |
||||
} |
||||
} |
||||
|
||||
/* Medium Devices (Desktops, 992px and less) */ |
||||
@media (max-width: 991px) { |
||||
/*Pricing Page*/ |
||||
.price-active, |
||||
.pricing:hover { |
||||
margin-top: 0; |
||||
} |
||||
.no-space-pricing [class^="col-"], |
||||
.no-space-pricing [class*=" col-"] { |
||||
padding: 10px; |
||||
} |
||||
.pricing-mega-v3 .pricing h4, |
||||
.pricing-mega-v3 .pricing h3, |
||||
.pricing-mega-v3 .pricing-content { |
||||
border-left: 1px solid #eee; |
||||
} |
||||
|
||||
.pricing-mega-v3 .block h5 { |
||||
text-align: center; |
||||
visibility: visible; |
||||
} |
||||
/*End Pricing Page*/ |
||||
} |
||||
@ -0,0 +1,246 @@ |
||||
/*Pricing Page |
||||
------------------------------------*/ |
||||
/*Pricing Head*/ |
||||
.pricing-rounded .no-space-pricing [class^="col-"], |
||||
.pricing-rounded .no-space-pricing [class*=" col-"] { |
||||
padding: 0; |
||||
} |
||||
|
||||
.pricing-rounded .pricing { |
||||
position:relative; |
||||
border-radius:3px; |
||||
margin-bottom:15px; |
||||
box-shadow:0 0 5px #eee; |
||||
} |
||||
|
||||
.pricing-rounded .pricing:hover { |
||||
box-shadow:0 0 15px #b5b5b5; |
||||
} |
||||
|
||||
.pricing-rounded .pricing:hover h4 { |
||||
color:#74C52C; |
||||
} |
||||
|
||||
.pricing-rounded .pricing-head { |
||||
text-align:center; |
||||
} |
||||
|
||||
.pricing-rounded .pricing h3, |
||||
.pricing-rounded .pricing h4 { |
||||
margin:0; |
||||
line-height:normal; |
||||
font-weight:bold; |
||||
} |
||||
|
||||
.pricing-rounded .pricing p { |
||||
padding-top: 10px; |
||||
font-size: 11px; |
||||
} |
||||
|
||||
.pricing-rounded .pricing-head h3 span, |
||||
.pricing-rounded .pricing-head h4 span { |
||||
display:block; |
||||
margin-top:5px; |
||||
font-size:12px; |
||||
font-style:italic; |
||||
} |
||||
|
||||
.pricing-rounded .pricing-head h3 { |
||||
color:#fafafa; |
||||
padding:12px 0; |
||||
font-size:35px; |
||||
font-family:Arial; |
||||
background:#74C52C; |
||||
border-radius:3px 3px 0 0; |
||||
text-shadow:0 1px 0 #32a20f; |
||||
} |
||||
.pricing-rounded .pricing-head h4 { |
||||
color: #888; |
||||
padding:5px 0; |
||||
font-size:70px; |
||||
text-shadow:0 1px 0 #fff; |
||||
border-bottom:solid 1px #f5f9e7; |
||||
} |
||||
.pricing-rounded .pricing-head h4 i { |
||||
top:-8px; |
||||
font-size:28px; |
||||
font-style:normal; |
||||
position:relative; |
||||
} |
||||
|
||||
.pricing-rounded .pricing-head h4 span { |
||||
top:-10px; |
||||
font-size:14px; |
||||
font-style:normal; |
||||
position:relative; |
||||
} |
||||
|
||||
/*Pricing Content*/ |
||||
|
||||
.pricing-rounded .pricing-content { |
||||
margin-bottom: 0px; |
||||
} |
||||
|
||||
.pricing-rounded .pricing-content li { |
||||
color:#888; |
||||
font-size:12px; |
||||
padding:7px 15px; |
||||
border-bottom:solid 1px #f5f9e7; |
||||
} |
||||
|
||||
.pricing-rounded .pricing-content li i { |
||||
color:#72c02c; |
||||
font-size:16px; |
||||
margin-right:5px; |
||||
position:relative; |
||||
} |
||||
|
||||
/*Pricing Footer*/ |
||||
.pricing-rounded .pricing-footer { |
||||
color:#777; |
||||
font-size:11px; |
||||
line-height:17px; |
||||
text-align:center; |
||||
padding:0 20px 19px; |
||||
border-radius:0 0 3px 3px; |
||||
} |
||||
|
||||
/*Pricing Active*/ |
||||
.pricing-rounded .price-active, |
||||
.pricing-rounded .pricing:hover { |
||||
z-index:9; |
||||
margin-top: -15px; |
||||
} |
||||
|
||||
.pricing-rounded .price-active h4 { |
||||
color:#74C52C; |
||||
} |
||||
|
||||
/*Pricing Extra*/ |
||||
|
||||
.pricing-rounded .bg-color { |
||||
background-color: #f9f9f9; |
||||
} |
||||
|
||||
.pricing-rounded .no-space-pricing { |
||||
padding: 0 15px; |
||||
} |
||||
|
||||
.pricing-rounded .sticker-right, |
||||
.pricing-rounded .sticker-left { |
||||
color: #fff; |
||||
width: 150px; |
||||
padding: 5px; |
||||
font-size: 13px; |
||||
font-weight: bold; |
||||
font-family: Arial; |
||||
position: absolute; |
||||
text-align: center; |
||||
letter-spacing: 2px; |
||||
} |
||||
|
||||
.pricing-rounded .sticker-right { |
||||
top: 13px; |
||||
right: -49px; |
||||
background: rgba(231, 76, 60, 1); |
||||
transform: rotate(45deg); |
||||
-o-transform: rotate(45deg); |
||||
-ms-transform: rotate(45deg); |
||||
-moz-transform: rotate(45deg); |
||||
-webkit-transform: rotate(45deg); |
||||
} |
||||
|
||||
.pricing-rounded .sticker-left { |
||||
top: 9px; |
||||
left: -48px; |
||||
background: rgba(116, 197, 44, 1); |
||||
transform: rotate(-45deg); |
||||
-o-transform: rotate(-45deg); |
||||
-ms-transform: rotate(-45deg); |
||||
-moz-transform: rotate(-45deg); |
||||
-webkit-transform: rotate(-45deg); |
||||
} |
||||
|
||||
/*Pricing Table Rounded Version |
||||
------------------------------------*/ |
||||
.price-active, |
||||
.pricing-rounded .pricing:hover { |
||||
margin-top: 0; |
||||
} |
||||
|
||||
.pricing-rounded .pricing { |
||||
overflow: hidden; |
||||
box-shadow: none; |
||||
border: 1px solid #eee; |
||||
} |
||||
|
||||
.pricing-rounded .easy-bg-v2 { |
||||
letter-spacing: 1px; |
||||
border: 1px solid #fff; |
||||
background-color:rgba(255, 255, 255, 0.1); |
||||
} |
||||
|
||||
.pricing-rounded .pricing-head h3 { |
||||
padding-bottom: 80px; |
||||
padding-top: 15px; |
||||
} |
||||
|
||||
.pricing-rounded .pricing-head h4 { |
||||
width: 140px; |
||||
height: 140px; |
||||
padding-top: 22px; |
||||
padding-left: 6px; |
||||
font-size: 55px; |
||||
margin: -75px auto 20px; |
||||
border-radius: 140px !important; |
||||
font-weight: normal !important; |
||||
background: #fff url("../../../img/breadcrumbs.png") !important; |
||||
} |
||||
|
||||
.pricing-rounded .pricing-head h4 i{ |
||||
margin-right: 2px; |
||||
} |
||||
|
||||
.pricing-rounded h6 { |
||||
color: #888; |
||||
font-size: 13px; |
||||
font-style: normal; |
||||
padding-bottom: 5px; |
||||
} |
||||
|
||||
.pricing-rounded .pricing-content span { |
||||
float: right; |
||||
} |
||||
|
||||
.pricing-rounded .pricing-content span i { |
||||
font-size: 13px; |
||||
} |
||||
|
||||
/* Devices (Desktop Mode) */ |
||||
@media (min-width: 992px) and (max-width: 1200px) { |
||||
.sticker-right { |
||||
top: 10px; |
||||
right: -58px; |
||||
font-size: 10px; |
||||
padding: 3px; |
||||
} |
||||
.sticker-left { |
||||
top: 10px; |
||||
left: -58px; |
||||
font-size: 10px; |
||||
padding: 3px; |
||||
} |
||||
} |
||||
|
||||
/* Medium Devices (Desktops, 992px and less) */ |
||||
@media (max-width: 991px) { |
||||
/*Pricing Page*/ |
||||
.price-active, |
||||
.pricing:hover { |
||||
margin-top: 0; |
||||
} |
||||
.no-space-pricing [class^="col-"], |
||||
.no-space-pricing [class*=" col-"] { |
||||
padding: 10px; |
||||
} |
||||
} |
||||
@ -0,0 +1,206 @@ |
||||
/*Pricing Page |
||||
------------------------------------*/ |
||||
/*Pricing Head*/ |
||||
.no-space-pricing [class^="col-"], |
||||
.no-space-pricing [class*=" col-"] { |
||||
padding: 0; |
||||
} |
||||
.pricing-zoom .pricing { |
||||
position:relative; |
||||
border-radius:3px; |
||||
margin-bottom:15px; |
||||
box-shadow:0 0 5px #eee; |
||||
} |
||||
.pricing-zoom .pricing:hover { |
||||
box-shadow:0 0 15px #b5b5b5; |
||||
} |
||||
.pricing-zoom .pricing:hover h4 { |
||||
color:#74C52C; |
||||
} |
||||
.pricing-zoom .pricing-head { |
||||
text-align:center; |
||||
} |
||||
.pricing-zoom .pricing h3, |
||||
.pricing-zoom .pricing h4 { |
||||
margin:0; |
||||
line-height:normal; |
||||
font-weight:bold; |
||||
} |
||||
.pricing-zoom .pricing p { |
||||
padding-top: 10px; |
||||
font-size: 11px; |
||||
} |
||||
.pricing-zoom .pricing-head h3 span, |
||||
.pricing-zoom .pricing-head h4 span { |
||||
display:block; |
||||
margin-top:5px; |
||||
font-size:12px; |
||||
font-style:italic; |
||||
} |
||||
.pricing-zoom .pricing-head h3 { |
||||
color:#fafafa; |
||||
padding:12px 0; |
||||
font-size:35px; |
||||
font-family:Arial; |
||||
background:#74C52C; |
||||
border-radius:3px 3px 0 0; |
||||
text-shadow:0 1px 0 #32a20f; |
||||
} |
||||
.pricing-zoom .pricing-head h4 { |
||||
color: #888; |
||||
padding:5px 0; |
||||
font-size:70px; |
||||
text-shadow:0 1px 0 #fff; |
||||
border-bottom:solid 1px #f5f9e7; |
||||
} |
||||
.pricing-zoom .pricing-head h4 i { |
||||
top:-8px; |
||||
font-size:28px; |
||||
font-style:normal; |
||||
position:relative; |
||||
} |
||||
.pricing-zoom .pricing-head h4 span { |
||||
top:-10px; |
||||
font-size:14px; |
||||
font-style:normal; |
||||
position:relative; |
||||
} |
||||
|
||||
/*Pricing Content*/ |
||||
|
||||
.pricing-zoom .pricing-content { |
||||
margin-bottom: 0px; |
||||
} |
||||
.pricing-zoom .pricing-content li { |
||||
color:#888; |
||||
font-size:12px; |
||||
padding:7px 15px; |
||||
border-bottom:solid 1px #f5f9e7; |
||||
} |
||||
.pricing-zoom .pricing-content li i { |
||||
color:#72c02c; |
||||
font-size:16px; |
||||
margin-right:5px; |
||||
position:relative; |
||||
} |
||||
|
||||
/*Pricing Footer*/ |
||||
.pricing-zoom .pricing-footer { |
||||
color:#777; |
||||
font-size:11px; |
||||
line-height:17px; |
||||
text-align:center; |
||||
padding:0 20px 19px; |
||||
border-radius:0 0 3px 3px; |
||||
} |
||||
|
||||
/*Pricing Active*/ |
||||
.pricing-zoom .price-active, |
||||
.pricing-zoom .pricing:hover { |
||||
z-index:9; |
||||
margin-top: -15px; |
||||
} |
||||
.pricing-zoom .price-active h4 { |
||||
color:#74C52C; |
||||
} |
||||
|
||||
/*Pricing Extra*/ |
||||
|
||||
.pricing-zoom .bg-color { |
||||
background-color: #f9f9f9; |
||||
} |
||||
.pricing-zoom .no-space-pricing { |
||||
padding: 0 15px; |
||||
} |
||||
|
||||
.pricing-zoom .sticker-right, |
||||
.pricing-zoom .sticker-left { |
||||
color: #fff; |
||||
width: 150px; |
||||
padding: 5px; |
||||
font-size: 13px; |
||||
font-weight: bold; |
||||
font-family: Arial; |
||||
position: absolute; |
||||
text-align: center; |
||||
letter-spacing: 2px; |
||||
} |
||||
|
||||
.pricing-zoom .sticker-right { |
||||
top: 13px; |
||||
right: -49px; |
||||
background: rgba(231, 76, 60, 1); |
||||
transform: rotate(45deg); |
||||
-o-transform: rotate(45deg); |
||||
-ms-transform: rotate(45deg); |
||||
-moz-transform: rotate(45deg); |
||||
-webkit-transform: rotate(45deg); |
||||
} |
||||
.pricing-zoom .sticker-left { |
||||
top: 9px; |
||||
left: -48px; |
||||
background: rgba(116, 197, 44, 1); |
||||
transform: rotate(-45deg); |
||||
-o-transform: rotate(-45deg); |
||||
-ms-transform: rotate(-45deg); |
||||
-moz-transform: rotate(-45deg); |
||||
-webkit-transform: rotate(-45deg); |
||||
} |
||||
|
||||
/*Pricing Zoom |
||||
------------------------------------*/ |
||||
|
||||
.pricing-zoom .pricing:hover { |
||||
-webkit-transition:box-shadow 0.3s ease-in-out; |
||||
-moz-transition:box-shadow 0.3s ease-in-out; |
||||
-o-transition:box-shadow 0.3s ease-in-out; |
||||
transition:box-shadow 0.2s ease-in-out; |
||||
} |
||||
.pricing-zoom .pricing-head h4 { |
||||
background: url("../../img/breadcrumbs.png") |
||||
repeat scroll 0 0 rgba(0, 0, 0, 0) !important; |
||||
} |
||||
.pricing-zoom .price-active .pricing-head h4, |
||||
.pricing-zoom .pricing:hover .pricing-head h4 { |
||||
padding: 15px 0; |
||||
font-size: 80px; |
||||
-webkit-transition:color 0.5s ease-in-out; |
||||
-moz-transition:color 0.5s ease-in-out; |
||||
-o-transition:color 0.5s ease-in-out; |
||||
transition:color 0.5s ease-in-out; |
||||
} |
||||
|
||||
/* Devices (Desktop Mode) */ |
||||
@media (min-width: 992px) and (max-width: 1200px) { |
||||
.sticker-right { |
||||
top: 10px; |
||||
right: -58px; |
||||
font-size: 10px; |
||||
padding: 3px; |
||||
} |
||||
.sticker-left { |
||||
top: 10px; |
||||
left: -58px; |
||||
font-size: 10px; |
||||
padding: 3px; |
||||
} |
||||
} |
||||
|
||||
/* Medium Devices (Desktops, 992px and less) */ |
||||
@media (max-width: 991px) { |
||||
/*Pricing Page*/ |
||||
.pricing-zoom .price-active, |
||||
.pricing-zoom .pricing:hover { |
||||
margin-top: 0 ; |
||||
} |
||||
.no-space-pricing [class^="col-"], |
||||
.no-space-pricing [class*=" col-"] { |
||||
padding: 10px; |
||||
} |
||||
.pricing-zoom .price-active .pricing-head h4, |
||||
.pricing-zoom .pricing:hover .pricing-head h4 { |
||||
padding: 5px 0; |
||||
font-size: 70px; |
||||
} |
||||
|
||||
} |
||||
@ -0,0 +1,177 @@ |
||||
/*Pricing Page |
||||
------------------------------------*/ |
||||
/*Pricing Head*/ |
||||
.no-space-pricing [class^="col-"], |
||||
.no-space-pricing [class*=" col-"] { |
||||
padding: 0; |
||||
} |
||||
.pricing { |
||||
position:relative; |
||||
overflow: hidden; |
||||
border-radius:3px; |
||||
margin-bottom:15px; |
||||
box-shadow:0 0 5px #eee; |
||||
} |
||||
.pricing:hover { |
||||
box-shadow:0 0 15px #b5b5b5; |
||||
} |
||||
.pricing:hover h4 { |
||||
color:#74C52C; |
||||
} |
||||
.pricing-head { |
||||
text-align:center; |
||||
} |
||||
.pricing h3, |
||||
.pricing h4 { |
||||
margin:0; |
||||
line-height:normal; |
||||
font-weight:bold; |
||||
} |
||||
.pricing p { |
||||
padding-top: 10px; |
||||
font-size: 11px; |
||||
} |
||||
.pricing-head h3 span, |
||||
.pricing-head h4 span { |
||||
display:block; |
||||
margin-top:5px; |
||||
font-size:12px; |
||||
font-style:italic; |
||||
} |
||||
.pricing-head h3 { |
||||
color:#fafafa; |
||||
padding:12px 0; |
||||
font-size:35px; |
||||
font-family:Arial; |
||||
background:#74C52C; |
||||
border-radius:3px 3px 0 0; |
||||
text-shadow:0 1px 0 #32a20f; |
||||
} |
||||
.pricing-head h4 { |
||||
color: #888; |
||||
padding:5px 0; |
||||
font-size:70px; |
||||
text-shadow:0 1px 0 #fff; |
||||
border-bottom:solid 1px #f5f9e7; |
||||
} |
||||
.pricing-head h4 i { |
||||
top:-8px; |
||||
font-size:28px; |
||||
font-style:normal; |
||||
position:relative; |
||||
} |
||||
.pricing-head h4 span { |
||||
top:-10px; |
||||
font-size:14px; |
||||
font-style:normal; |
||||
position:relative; |
||||
} |
||||
|
||||
/*Pricing Content*/ |
||||
|
||||
.pricing-content { |
||||
margin-bottom: 0px; |
||||
} |
||||
.pricing-content li { |
||||
color:#888; |
||||
font-size:12px; |
||||
padding:7px 15px; |
||||
border-bottom:solid 1px #f5f9e7; |
||||
} |
||||
.pricing-content li i { |
||||
color:#72c02c; |
||||
font-size:16px; |
||||
margin-right:5px; |
||||
position:relative; |
||||
} |
||||
|
||||
/*Pricing Footer*/ |
||||
.pricing-footer { |
||||
color:#777; |
||||
font-size:11px; |
||||
line-height:17px; |
||||
text-align:center; |
||||
padding:0 20px 19px; |
||||
border-radius:0 0 3px 3px; |
||||
} |
||||
|
||||
/*Pricing Active*/ |
||||
.price-active, |
||||
.pricing:hover { |
||||
z-index:9; |
||||
margin-top: -15px; |
||||
} |
||||
.price-active h4 { |
||||
color:#74C52C; |
||||
} |
||||
|
||||
/*Pricing Extra*/ |
||||
|
||||
.bg-color { |
||||
background-color: #f9f9f9; |
||||
} |
||||
.no-space-pricing { |
||||
padding: 0 15px; |
||||
} |
||||
|
||||
.sticker-right, |
||||
.sticker-left { |
||||
color: #fff; |
||||
width: 150px; |
||||
padding: 5px; |
||||
font-size: 13px; |
||||
font-weight: bold; |
||||
font-family: Arial; |
||||
position: absolute; |
||||
text-align: center; |
||||
letter-spacing: 2px; |
||||
} |
||||
|
||||
.sticker-right { |
||||
top: 13px; |
||||
right: -49px; |
||||
background: rgba(231, 76, 60, 1); |
||||
transform: rotate(45deg); |
||||
-o-transform: rotate(45deg); |
||||
-ms-transform: rotate(45deg); |
||||
-moz-transform: rotate(45deg); |
||||
-webkit-transform: rotate(45deg); |
||||
} |
||||
.sticker-left { |
||||
top: 9px; |
||||
left: -48px; |
||||
background: rgba(116, 197, 44, 1); |
||||
transform: rotate(-45deg); |
||||
-o-transform: rotate(-45deg); |
||||
-ms-transform: rotate(-45deg); |
||||
-moz-transform: rotate(-45deg); |
||||
-webkit-transform: rotate(-45deg); |
||||
} |
||||
|
||||
/* Devices (Desktop Mode) */ |
||||
@media (min-width: 992px) and (max-width: 1200px) { |
||||
.sticker-right { |
||||
top: 10px; |
||||
right: -58px; |
||||
font-size: 10px; |
||||
padding: 3px; |
||||
} |
||||
.sticker-left { |
||||
top: 10px; |
||||
left: -58px; |
||||
font-size: 10px; |
||||
padding: 3px; |
||||
} |
||||
} |
||||
|
||||
/* Medium Devices (Desktops, 992px and less) */ |
||||
@media (max-width: 991px) { |
||||
/*Pricing Page*/ |
||||
.price-active, |
||||
.pricing:hover { |
||||
margin-top: 0; |
||||
} |
||||
|
||||
|
||||
/*End Pricing Page*/ |
||||
} |
||||
@ -0,0 +1,380 @@ |
||||
/*Pricing Page |
||||
------------------------------------*/ |
||||
/*Pricing Head*/ |
||||
.pricing { |
||||
position:relative; |
||||
border-radius:3px; |
||||
margin-bottom:15px; |
||||
box-shadow:0 0 5px #eee; |
||||
} |
||||
.pricing:hover { |
||||
box-shadow:0 0 15px #b5b5b5; |
||||
} |
||||
.pricing:hover h4 { |
||||
color:#74C52C; |
||||
} |
||||
.pricing-head { |
||||
text-align:center; |
||||
} |
||||
.pricing h3, |
||||
.pricing h4 { |
||||
margin:0; |
||||
line-height:normal; |
||||
font-weight:bold !important; |
||||
} |
||||
.pricing p { |
||||
padding-top: 10px; |
||||
font-size: 11px; |
||||
} |
||||
.pricing-head h3 span, |
||||
.pricing-head h4 span { |
||||
display:block; |
||||
margin-top:5px; |
||||
font-size:12px; |
||||
font-style:italic; |
||||
} |
||||
.pricing-head h3 { |
||||
color:#fafafa; |
||||
padding:12px 0; |
||||
font-size:35px; |
||||
font-family:Arial; |
||||
background:#74C52C; |
||||
border-radius:3px 3px 0 0; |
||||
text-shadow:0 1px 0 #32a20f; |
||||
} |
||||
.pricing-head h4 { |
||||
color: #888; |
||||
padding:5px 0; |
||||
font-size:70px; |
||||
text-shadow:0 1px 0 #fff; |
||||
border-bottom:solid 1px #f5f9e7; |
||||
} |
||||
.pricing-head h4 i { |
||||
top:-8px; |
||||
font-size:28px; |
||||
font-style:normal; |
||||
position:relative; |
||||
} |
||||
.pricing-head h4 span { |
||||
top:-10px; |
||||
font-size:14px; |
||||
font-style:normal; |
||||
position:relative; |
||||
} |
||||
|
||||
/*Pricing Content*/ |
||||
|
||||
.pricing-content { |
||||
margin-bottom: 0px; |
||||
} |
||||
.pricing-content li { |
||||
color:#888; |
||||
font-size:12px; |
||||
padding:7px 15px; |
||||
border-bottom:solid 1px #f5f9e7; |
||||
} |
||||
.pricing-content li i { |
||||
color:#72c02c; |
||||
font-size:16px; |
||||
margin-right:5px; |
||||
position:relative; |
||||
} |
||||
|
||||
/*Pricing Footer*/ |
||||
.pricing-footer { |
||||
color:#777; |
||||
font-size:11px; |
||||
line-height:17px; |
||||
text-align:center; |
||||
padding:0 20px 19px; |
||||
border-radius:0 0 3px 3px; |
||||
} |
||||
|
||||
/*Pricing Active*/ |
||||
.price-active, |
||||
.pricing:hover { |
||||
z-index:9; |
||||
margin-top: -15px; |
||||
} |
||||
.price-active h4 { |
||||
color:#74C52C; |
||||
} |
||||
|
||||
/*Pricing Extra*/ |
||||
|
||||
.bg-color { |
||||
background-color: #f9f9f9; |
||||
} |
||||
.easy-bg-v2 { |
||||
top: 13px; |
||||
color: #fff; |
||||
width: 150px; |
||||
padding: 5px; |
||||
right: -49px; |
||||
font-size: 13px; |
||||
font-weight: bold; |
||||
font-family: Arial; |
||||
position: absolute; |
||||
text-align: center; |
||||
letter-spacing: 2px; |
||||
background: rgba(231, 76, 60, 1); |
||||
transform: rotate(45deg); |
||||
-o-transform: rotate(45deg); |
||||
-ms-transform: rotate(45deg); |
||||
-moz-transform: rotate(45deg); |
||||
-webkit-transform: rotate(45deg); |
||||
} |
||||
|
||||
|
||||
|
||||
/*Pricing Table accord-inner Version |
||||
------------------------------------*/ |
||||
|
||||
.pricing-accord-inner [class^="col-"], |
||||
.pricing-accord-inner [class*=" col-"] { |
||||
padding: 0px; |
||||
} |
||||
|
||||
.pricing-accord .price-active, |
||||
.pricing-accord .pricing-accord-inner .pricing:hover { |
||||
margin-top: 0 ; |
||||
} |
||||
.pricing-accord-inner .pricing { |
||||
overflow: hidden; |
||||
box-shadow: none; |
||||
} |
||||
.pricing-accord-inner h3 { |
||||
color: #888; |
||||
text-shadow: none; |
||||
font-weight: normal !important; |
||||
border-bottom: 1px solid #ddd ; |
||||
border-top: 1px solid #ddd; |
||||
background: url("../../img/breadcrumbs.png") |
||||
repeat scroll 0 0 rgba(0, 0, 0, 0) !important; |
||||
} |
||||
.pricing-accord-inner .pricing .rating li { |
||||
padding: 0; |
||||
border-bottom: none; |
||||
} |
||||
.pricing-accord-inner .rating li i { |
||||
color: #888; |
||||
margin: 7px 0; |
||||
padding-top: 0; |
||||
font-size: 20px; |
||||
} |
||||
.pricing-accord-inner li { |
||||
color: #888; |
||||
text-align: center; |
||||
} |
||||
.pricing-accord-inner .pricing-footer { |
||||
margin: 0px; |
||||
padding: 2px 0px 19px; |
||||
} |
||||
.pricing-accord .tab-pane h4 { |
||||
text-align: center; |
||||
padding: 30px 0; |
||||
font-size: 30px; |
||||
color: #888; |
||||
|
||||
} |
||||
|
||||
.pricing-accord-inner .pricing-footer h4 { |
||||
color: #888; |
||||
padding: 5px; |
||||
font-size: 60px; |
||||
text-shadow: none; |
||||
margin: -2px 0 0px; |
||||
border-top: 1px solid #ddd; |
||||
border-bottom: 1px solid #ddd; |
||||
font-weight: normal !important; |
||||
background: url("../../img/breadcrumbs.png") |
||||
repeat scroll 0 0 rgba(0, 0, 0, 0) !important; |
||||
|
||||
} |
||||
.pricing-accord-inner .pricing-footer h4 i { |
||||
top: -8px; |
||||
font-size: 28px; |
||||
font-style: normal; |
||||
} |
||||
.pricing-accord-inner .pricing-footer h4 span { |
||||
top: -5px; |
||||
display: block; |
||||
font-size: 14px; |
||||
margin-bottom: 5px; |
||||
font-style: normal; |
||||
} |
||||
.pricing-accord-inner .pricing-footer p { |
||||
color: #888; |
||||
line-height: 17px; |
||||
padding: 15px 20px 5px ; |
||||
} |
||||
.pricing-accord-inner .pricing:hover h4, |
||||
.pricing-accord-inner .pricing:hover h3, |
||||
.pricing-accord-inner .pricing:hover p, |
||||
.pricing-accord-inner .pricing:hover li, |
||||
.pricing-accord-inner .pricing:hover li i { |
||||
color: #717984; |
||||
} |
||||
|
||||
.pricing-accord-inner .pricing-footer .btn-u, |
||||
.shadow-wrapper .btn-u { |
||||
border: 1px solid #888 ; |
||||
background: #fff ; |
||||
padding: 7px 59px; |
||||
} |
||||
.pricing-accord-inner .pricing-footer .btn-u:hover, |
||||
.shadow-wrapper .btn-u:hover{ |
||||
background-color: #74C52C!important; |
||||
border-color: #eee !important; |
||||
} |
||||
.pricing-accord-inner .pricing-footer .btn-u:hover h4 { |
||||
color: red; |
||||
} |
||||
|
||||
|
||||
.pricing-accord .tab-content { |
||||
border: 1px solid #EEEEEE; |
||||
padding: 10px 15px; |
||||
} |
||||
|
||||
.pricing-accord .nav { |
||||
margin: 0 auto; |
||||
display: table; |
||||
table-layout: auto; |
||||
float: none; |
||||
} |
||||
|
||||
.pricing-accord .nav-tabs > li { |
||||
margin-bottom: -2px; |
||||
text-align: center !important; |
||||
|
||||
} |
||||
.pricing-accord .nav-tabs li a { |
||||
border-top: 1px solid #eee; |
||||
border-right: 1px solid #eee; |
||||
border-left: 1px solid #eee; |
||||
margin: 0 0 0 30px; |
||||
padding-left: 30px; |
||||
padding-right: 30px; |
||||
width: 130px; |
||||
} |
||||
.pricing-accord .nav-tabs li.active a { |
||||
margin: 0 0 0 30px; |
||||
padding-left: 30px; |
||||
padding-right: 30px; |
||||
width: 130px; |
||||
|
||||
} |
||||
.pricing-accord .test { |
||||
text-align: center !important; |
||||
margin: auto !important; |
||||
|
||||
} |
||||
.pricing-accord .btn-group .btn { |
||||
color: #888; |
||||
border-radius: 30px !important; |
||||
margin: 15px 2px 0 ; |
||||
border: 1px solid #eee; |
||||
|
||||
} |
||||
.pricing-accord .btn-group { |
||||
text-align: center !important!; |
||||
margin: auto !important; |
||||
} |
||||
.testimonials { |
||||
margin-top: 30px; |
||||
} |
||||
.progress-bar { |
||||
background: #888; |
||||
} |
||||
|
||||
h2 { |
||||
padding: 30px 0 0 25px; |
||||
} |
||||
|
||||
.shadow-wrapper .btn-u { |
||||
margin: 20px 0 10px 0; |
||||
} |
||||
.content-2 h4{ |
||||
margin: 20px 0 5px 60px; |
||||
|
||||
} |
||||
.content-2 p{ |
||||
padding-right: 50px; |
||||
} |
||||
|
||||
/* Devices (tablets, 768px and more) */ |
||||
@media (min-width: 767px) { |
||||
/*Pricing Page*/ |
||||
.no-space-pricing [class^="col-"], |
||||
.no-space-pricing [class*=" col-"] { |
||||
padding: 0; |
||||
} |
||||
.pricing-mega [class^="col-"], |
||||
.pricing-mega [class*=" col-"] { |
||||
padding: 0px; |
||||
} |
||||
.pricing-mega-2 [class^="col-"], |
||||
.pricing-mega-2 [class*=" col-"] { |
||||
padding: 0px; |
||||
} |
||||
.pricing-mega-3 [class^="col-"], |
||||
.pricing-mega-3 [class*=" col-"] { |
||||
padding: 1px; |
||||
} |
||||
.pricing-mega-3 [class^="col-"], |
||||
.pricing-mega-3 [class*=" col-"] { |
||||
padding: 0px; |
||||
} |
||||
|
||||
.pricing-light [class^="col-"], |
||||
.pricing-light [class*=" col-"] { |
||||
padding: 10px; |
||||
} |
||||
/*End Pricing Page*/ |
||||
} |
||||
|
||||
|
||||
|
||||
|
||||
/* Medium Devices (Desktops, 992px and less) */ |
||||
@media (max-width: 992px) { |
||||
/*Pricing Page*/ |
||||
.price-active, |
||||
.pricing:hover { |
||||
margin-top: 0; |
||||
} |
||||
.no-space-pricing .price-active .pricing-head h4, |
||||
.no-space-pricing .pricing:hover .pricing-head h4 { |
||||
padding: 5px 0; |
||||
font-size: 70px; |
||||
} |
||||
.pricing-mega-3 .pricing h4, |
||||
.pricing-mega-3 .pricing h3, |
||||
.pricing-mega-3 .pricing-content { |
||||
border-left: 1px solid #eee; |
||||
} |
||||
.pricing-mega-3 [class^="col-"], |
||||
.pricing-mega-3 [class*=" col-"] { |
||||
padding: 10px; |
||||
} |
||||
.pricing-mega-3 .block h5 { |
||||
text-align: center; |
||||
visibility: visible; |
||||
} |
||||
.pricing-accord .tab-content { |
||||
border-radius: 0 !important; |
||||
} |
||||
.pricing-accord .nav-tabs li a { |
||||
margin: 0 3px 0 3px; |
||||
padding-left: 5px; |
||||
padding-right: 5px; |
||||
width: 80px; |
||||
} |
||||
.pricing-accord .nav-tabs li.active a { |
||||
margin: 0 0 0 6px; |
||||
padding-left: 5px; |
||||
padding-right: 5px; |
||||
width: 80px; |
||||
/*End Pricing Page*/ |
||||
} |
||||
@ -0,0 +1,367 @@ |
||||
/* |
||||
Green: #74C52C rgba(116,197,44, 1); |
||||
Blue: #3498db rgba(52,152,219, 1); |
||||
Orange: #e67e22 rgba(230,126,34, 1); |
||||
Red: #e74c3c rgba(231,76,60, 1); |
||||
Grey: #bdc3c7 rgba(189,195,199, 1); |
||||
Purple: #9b6bcc rgba(155,107,204, 1); |
||||
Aqua: #27d7e7 rgba(39,215,231, 1); |
||||
Brown: #9c8061 rgba(156,128,97, 1); |
||||
Dark Blue: #4765a0 rgba(71,101,160, 1); |
||||
Light Green: #79d5b3 rgba(121,213,179, 1); |
||||
*/ |
||||
|
||||
|
||||
/*Pricing Page New |
||||
------------------------------------*/ |
||||
.pricing-table-v1 .sticker-right, |
||||
.pricing-table-v1 .sticker-left { |
||||
color: #fff; |
||||
width: 150px; |
||||
padding: 1px; |
||||
font-size: 10px; |
||||
font-weight: bold; |
||||
font-family: Arial; |
||||
position: absolute; |
||||
text-align: center; |
||||
letter-spacing: 2px; |
||||
background-color: #585f69; |
||||
border-bottom: 1px solid #fff; |
||||
border-top: 1px solid #fff; |
||||
} |
||||
|
||||
.pricing-table-v1 .sticker-right { |
||||
top: 6px; |
||||
right: -59px; |
||||
transform: rotate(45deg); |
||||
-o-transform: rotate(45deg); |
||||
-ms-transform: rotate(45deg); |
||||
-moz-transform: rotate(45deg); |
||||
-webkit-transform: rotate(45deg); |
||||
} |
||||
.pricing-table-v1 .sticker-left { |
||||
top: 10px; |
||||
left: -58px; |
||||
transform: rotate(-45deg); |
||||
-o-transform: rotate(-45deg); |
||||
-ms-transform: rotate(-45deg); |
||||
-moz-transform: rotate(-45deg); |
||||
-webkit-transform: rotate(-45deg); |
||||
} |
||||
|
||||
.pricing-table-v1 .bg-green { |
||||
background-color: rgba(116,197,44, 0.9); |
||||
} |
||||
|
||||
.pricing-table-v1 .bg-blue { |
||||
background-color: rgba(52, 152, 219, 1); |
||||
} |
||||
|
||||
.pricing-table-v1 .bg-orange { |
||||
background-color: rgba(230,126,34, 1); |
||||
} |
||||
|
||||
.pricing-table-v1 .bg-red { |
||||
background-color: rgba(231,76,60, 1); |
||||
} |
||||
|
||||
.pricing-table-v1 .bg-grey { |
||||
background-color: rgba(189,195,199, 1); |
||||
} |
||||
|
||||
.pricing-table-v1 .bg-purple { |
||||
background-color: rgba(155,107,204, 1); |
||||
} |
||||
|
||||
.pricing-table-v1 .bg-aqua { |
||||
background-color: rgba(39,215,231, 1); |
||||
} |
||||
|
||||
.pricing-table-v1 .bg-brown { |
||||
background-color: rgba(156,128,97, 1); |
||||
} |
||||
|
||||
.pricing-table-v1 .bg-dark-blue { |
||||
background-color: rgba(71,101,160, 1); |
||||
} |
||||
|
||||
.pricing-table-v1 .bg-light-green { |
||||
background-color: rgba(121,213,179, 1); |
||||
} |
||||
|
||||
.pricing-table-v1 .pricing-v1 { |
||||
overflow: hidden; |
||||
position: relative; |
||||
margin-bottom: 30px; |
||||
|
||||
} |
||||
|
||||
.pricing-table-v1 .pricing-v1:hover li { |
||||
background: #fff; |
||||
} |
||||
|
||||
.pricing-table-v1 .pricing-v1-head { |
||||
padding: 1px 0; |
||||
background: #74C52C; |
||||
} |
||||
|
||||
.pricing-table-v1 .pricing-v1-head h4, |
||||
.pricing-table-v1 .pricing-v1-head h5 { |
||||
font-size: 14px; |
||||
margin: 0; |
||||
color: #fff; |
||||
padding: 9px 0; |
||||
font-family: Arial; |
||||
letter-spacing: 1px; |
||||
} |
||||
|
||||
.pricing-table-v1 .pricing-v1-head h5 { |
||||
font-size: 50px; |
||||
margin-left: 17px; |
||||
} |
||||
|
||||
.pricing-table-v1 .pricing-v1-head h5 i { |
||||
top: -5px; |
||||
font-size: 15px; |
||||
padding-left: 2px; |
||||
position: relative; |
||||
font-style: normal; |
||||
} |
||||
|
||||
.pricing-table-v1 .pricing-v1-head h5 span { |
||||
top: -23px; |
||||
font-size: 15px; |
||||
position: relative; |
||||
padding-right: 2px; |
||||
} |
||||
|
||||
.pricing-table-v1 .pricing-v1-content { |
||||
margin-bottom: 0; |
||||
background: #f9f9f9; |
||||
} |
||||
|
||||
.pricing-table-v1 .pricing-v1-content li { |
||||
margin: 0; |
||||
color: #888; |
||||
padding: 13px 20px; |
||||
border-bottom: 1px solid rgba(116, 197, 44, 0.3); |
||||
} |
||||
|
||||
.pricing-table-v1 .pricing-v1-content li i { |
||||
margin-right: 10px; |
||||
color: #74C52C; |
||||
} |
||||
.pricing-table-v1 .pricing-v1-green .btn-u { |
||||
background: #72c02c !important; |
||||
} |
||||
|
||||
.pricing-table-v1 .pricing-v1-blue .pricing-v1-head { |
||||
background: rgba(52, 152, 219, 1); |
||||
} |
||||
|
||||
.pricing-table-v1 .pricing-v1-blue .pricing-v1-content li { |
||||
border-bottom: 1px solid rgba(52, 152, 219, 0.3); |
||||
} |
||||
|
||||
.pricing-table-v1 .pricing-v1-blue .pricing-v1-content li i{ |
||||
color: rgba(52, 152, 219, 1); |
||||
} |
||||
|
||||
.pricing-table-v1 .pricing-v1-orange .pricing-v1-head { |
||||
background: rgba(230,126,34, 1); |
||||
} |
||||
|
||||
.pricing-table-v1 .pricing-v1-orange .pricing-v1-content li { |
||||
border-bottom: 1px solid rgba(230,126,34, 0.3); |
||||
} |
||||
|
||||
.pricing-table-v1 .pricing-v1-orange .pricing-v1-content li i{ |
||||
color: rgba(230,126,34, 1); |
||||
} |
||||
|
||||
.pricing-table-v1 .pricing-v1-red .pricing-v1-head { |
||||
background: rgba(231,76,60, 1); |
||||
} |
||||
|
||||
.pricing-table-v1 .pricing-v1-red .pricing-v1-content li { |
||||
border-bottom: 1px solid rgba(231,76,60, 0.2); |
||||
} |
||||
|
||||
.pricing-table-v1 .pricing-v1-red .pricing-v1-content li i{ |
||||
color: rgba(231,76,60, 1); |
||||
} |
||||
|
||||
.pricing-table-v1 .pricing-v1-grey .pricing-v1-head { |
||||
background: rgba(189,195,199, 1); |
||||
} |
||||
|
||||
.pricing-table-v1 .pricing-v1-grey .pricing-v1-content li { |
||||
border-bottom: 1px solid rgba(189,195,199, 0.3); |
||||
} |
||||
|
||||
.pricing-table-v1 .pricing-v1-grey .pricing-v1-content li i{ |
||||
color: rgba(189,195,199, 1); |
||||
} |
||||
|
||||
.pricing-table-v1 .pricing-v1-purple .pricing-v1-head { |
||||
background: rgba(155,107,204, 1); |
||||
} |
||||
|
||||
.pricing-table-v1 .pricing-v1-purple .pricing-v1-content li { |
||||
border-bottom: 1px solid rgba(155,107,204, 0.3); |
||||
} |
||||
|
||||
.pricing-table-v1 .pricing-v1-purple .pricing-v1-content li i{ |
||||
color: rgba(155,107,204, 1); |
||||
} |
||||
|
||||
.pricing-table-v1 .pricing-v1-aqua .pricing-v1-head { |
||||
background: rgba(39,215,231, 1); |
||||
} |
||||
|
||||
.pricing-table-v1 .pricing-v1-aqua .pricing-v1-content li { |
||||
border-bottom: 1px solid rgba(39,215,231, 0.3); |
||||
} |
||||
|
||||
.pricing-table-v1 .pricing-v1-aqua .pricing-v1-content li i{ |
||||
color: rgba(39,215,231, 1); |
||||
} |
||||
|
||||
.pricing-table-v1 .pricing-v1-brown .pricing-v1-head { |
||||
background: rgba(156,128,97, 1); |
||||
} |
||||
|
||||
.pricing-table-v1 .pricing-v1-brown .pricing-v1-content li { |
||||
border-bottom: 1px solid rgba(156,128,97, 0.3); |
||||
} |
||||
|
||||
.pricing-table-v1 .pricing-v1-brown .pricing-v1-content li i{ |
||||
color: rgba(156,128,97, 1); |
||||
} |
||||
|
||||
.pricing-table-v1 .pricing-v1-dark-blue .pricing-v1-head { |
||||
background: rgba(71,101,160, 1); |
||||
} |
||||
|
||||
.pricing-table-v1 .pricing-v1-dark-blue .pricing-v1-content li { |
||||
border-bottom: 1px solid rgba(71,101,160, 0.3); |
||||
} |
||||
|
||||
.pricing-table-v1 .pricing-v1-dark-blue .pricing-v1-content li i{ |
||||
color: rgba(71,101,160, 1); |
||||
} |
||||
|
||||
.pricing-table-v1 .pricing-v1-light-green .pricing-v1-head { |
||||
background: rgba(121,213,179, 1); |
||||
} |
||||
|
||||
.pricing-table-v1 .pricing-v1-light-green .pricing-v1-content li { |
||||
border-bottom: 1px solid rgba(121,213,179, 0.3); |
||||
} |
||||
|
||||
.pricing-table-v1 .pricing-v1-light-green .pricing-v1-content li i{ |
||||
color: rgba(121,213,179, 1); |
||||
} |
||||
|
||||
/* Devices (Large Screen Mode, 1200px more) */ |
||||
@media (min-width: 1200px) { |
||||
|
||||
.pricing-table-v1 .sticker-right { |
||||
top: 10px; |
||||
right: -51px; |
||||
padding: 6px; |
||||
font-size: 10px; |
||||
} |
||||
|
||||
.pricing-table-v1 .sticker-left { |
||||
top: 10px; |
||||
left: -51px; |
||||
padding: 5px; |
||||
font-size: 10px; |
||||
} |
||||
|
||||
.pricing-table-v1 .pricing-v1 { |
||||
-webkit-transition: all 300ms; |
||||
-moz-transition: all 300ms; |
||||
} |
||||
|
||||
.pricing-table-v1 .pricing-v1:hover { |
||||
-webkit-transform: scale(1.04); |
||||
-moz-transform: scale(1.04); |
||||
} |
||||
|
||||
.pricing-table-v1 .pricing-v1:hover li { |
||||
background: #fff; |
||||
} |
||||
} |
||||
|
||||
/* Devices (Desktop Mode, 992px and 1200px) */ |
||||
@media (min-width: 992px) and (max-width: 1200px) { |
||||
|
||||
.pricing-table-v1 .pricing-v1-head h4 { |
||||
font-size: 18px; |
||||
} |
||||
|
||||
.pricing-table-v1 .pricing-v1 { |
||||
-webkit-transition: all 300ms ; |
||||
-moz-transition: all 300ms; |
||||
} |
||||
|
||||
.pricing-table-v1 .pricing-v1:hover { |
||||
-webkit-transform: scale(1.04); |
||||
-moz-transform: scale(1.04); |
||||
} |
||||
} |
||||
|
||||
/* Devices (Tablet Mode, 768px and 991px) */ |
||||
@media (min-width: 767px) and (max-width: 991px) { |
||||
|
||||
.no-space-pricing [class^="col-"], |
||||
.no-space-pricing [class*=" col-"] { |
||||
padding: 5px; |
||||
} |
||||
|
||||
.pricing-table-v1 .pricing-v1-content li { |
||||
padding: 9px 10px; |
||||
} |
||||
|
||||
} |
||||
|
||||
/* Medium Devices (Phone Mode, 768px and less) */ |
||||
@media (max-width: 767px) { |
||||
/*Pricing Page*/ |
||||
|
||||
.no-space-pricing [class^="col-"], |
||||
.no-space-pricing [class*=" col-"] { |
||||
padding: 10px; |
||||
} |
||||
|
||||
.pricing-table-v1 .sticker-right, |
||||
.pricing-table-v1 .sticker-left { |
||||
top: 39px; |
||||
padding: 0; |
||||
float: left; |
||||
left: -40px; |
||||
width: 95px; |
||||
border: none; |
||||
transform: rotate(270deg); |
||||
-o-transform: rotate(270deg); |
||||
-ms-transform: rotate(270deg); |
||||
-moz-transform: rotate(270deg); |
||||
-webkit-transform: rotate(270deg); |
||||
} |
||||
|
||||
.pricing-table-v1 .pricing-v1-content { |
||||
text-align: center; |
||||
} |
||||
|
||||
.pricing-table-v1 .pricing-v1-content li { |
||||
padding: 9px 0 9px 7px; |
||||
} |
||||
|
||||
.pricing-table-v1 .pricing-v1-content li i { |
||||
display: block; |
||||
margin-bottom: 5px; |
||||
} |
||||
|
||||
} |
||||
@ -0,0 +1,325 @@ |
||||
/* |
||||
Green: #74C52C rgba(116,197,44, 1); |
||||
Blue: #3498db rgba(52,152,219, 1); |
||||
Orange: #e67e22 rgba(230,126,34, 1); |
||||
Red: #e74c3c rgba(231,76,60, 1); |
||||
Grey: #bdc3c7 rgba(189,195,199, 1); |
||||
Purple: #9b6bcc rgba(155,107,204, 1); |
||||
Aqua: #27d7e7 rgba(39,215,231, 1); |
||||
Brown: #9c8061 rgba(156,128,97, 1); |
||||
Dark Blue: #4765a0 rgba(71,101,160, 1); |
||||
Light Green: #79d5b3 rgba(121,213,179, 1); |
||||
*/ |
||||
|
||||
|
||||
/*Pricing Page v2 |
||||
------------------------------------*/ |
||||
.pricing-table-v2 .bg-green { |
||||
background-color: rgba(116,197,44, 0.9); |
||||
} |
||||
|
||||
.pricing-table-v2 .bg-blue { |
||||
background-color: rgba(52, 152, 219, 1); |
||||
} |
||||
|
||||
.pricing-table-v2 .bg-orange { |
||||
background-color: rgba(230,126,34, 1); |
||||
} |
||||
|
||||
.pricing-table-v2 .bg-red { |
||||
background-color: rgba(231,76,60, 1); |
||||
} |
||||
|
||||
.pricing-table-v2 .bg-grey { |
||||
background-color: rgba(189,195,199, 1); |
||||
} |
||||
|
||||
.pricing-table-v2 .bg-purple { |
||||
background-color: rgba(155,107,204, 1); |
||||
} |
||||
|
||||
.pricing-table-v2 .bg-aqua { |
||||
background-color: rgba(39,215,231, 1); |
||||
} |
||||
|
||||
.pricing-table-v2 .bg-brown { |
||||
background-color: rgba(156,128,97, 1); |
||||
} |
||||
|
||||
.pricing-table-v2 .bg-dark-blue { |
||||
background-color: rgba(71,101,160, 1); |
||||
} |
||||
|
||||
.pricing-table-v2 .bg-light-green { |
||||
background-color: rgba(121,213,179, 1); |
||||
} |
||||
|
||||
.pricing-table-v2 .pricing-v2 { |
||||
overflow: hidden; |
||||
position: relative; |
||||
margin-bottom: 30px; |
||||
border: 1px solid rgba(116,197,44, 0.5); |
||||
} |
||||
|
||||
.pricing-table-v2 .pricing-v2-head { |
||||
padding: 8px 0 8px 15px; |
||||
border-bottom: 1px solid rgba(116,197,44, 0.1); |
||||
} |
||||
|
||||
.pricing-table-v2 .pricing-v2-head h4, |
||||
.pricing-table-v2 .pricing-v2-head h5 { |
||||
margin: 0; |
||||
padding: 7px 0; |
||||
font-family: Arial; |
||||
letter-spacing: 1px; |
||||
color: rgba(116,197,44, 1); |
||||
} |
||||
|
||||
.pricing-table-v2 .pricing-v2-head h4 { |
||||
font-size: 21px; |
||||
} |
||||
|
||||
.pricing-table-v2 .pricing-v2-head h5 { |
||||
font-size: 29px; |
||||
margin-left: 34px; |
||||
} |
||||
|
||||
.pricing-table-v2 .pricing-v2-head h5 i { |
||||
font-size: 11px; |
||||
padding-left: 2px; |
||||
font-style: normal; |
||||
position: relative; |
||||
} |
||||
|
||||
.pricing-table-v2 .pricing-v2-head h5 span { |
||||
top: -2px; |
||||
font-size: 23px; |
||||
position: relative; |
||||
padding-right: 2px; |
||||
} |
||||
|
||||
.pricing-table-v2 .pricing-v2-content { |
||||
margin-bottom: 0; |
||||
} |
||||
|
||||
.pricing-table-v2 .pricing-v2-content li i { |
||||
float: right; |
||||
font-style: normal; |
||||
margin-right: 10px; |
||||
color: rgba(116,197,44, 1); |
||||
} |
||||
|
||||
.pricing-table-v2 .pricing-v2-content li { |
||||
margin: 0; |
||||
font-size: 14px; |
||||
padding: 12px 20px; |
||||
color: rgba(116,197,44, 1); |
||||
border-bottom: 1px solid rgba(116,197,44, 0.1); |
||||
} |
||||
|
||||
.pricing-table-v2 .pricing-v2-footer { |
||||
padding: 20px 2px 20px 16px; |
||||
} |
||||
|
||||
.pricing-table-v2 .pricing-v2-blue { |
||||
border: 1px solid rgba(52, 152, 219, 0.3); |
||||
} |
||||
|
||||
.pricing-table-v2 .pricing-v2-blue .pricing-v2-head, |
||||
.pricing-table-v2 .pricing-v2-blue .pricing-v2-content li { |
||||
border-bottom: 1px solid rgba(52, 152, 219, 0.1); |
||||
} |
||||
|
||||
.pricing-table-v2 .pricing-v2-blue h4, |
||||
.pricing-table-v2 .pricing-v2-blue h5, |
||||
.pricing-table-v2 .pricing-v2-blue .pricing-v2-content li, |
||||
.pricing-table-v2 .pricing-v2-blue .pricing-v2-content li i { |
||||
color: rgba(52, 152, 219, 1); |
||||
} |
||||
|
||||
.pricing-table-v2 .pricing-v2-orange { |
||||
border: 1px solid rgba(230,126,34, 0.3); |
||||
} |
||||
|
||||
.pricing-table-v2 .pricing-v2-orange .pricing-v2-head, |
||||
.pricing-table-v2 .pricing-v2-orange .pricing-v2-content li { |
||||
border-bottom: 1px solid rgba(230,126,34, 0.1); |
||||
} |
||||
|
||||
.pricing-table-v2 .pricing-v2-orange h4, |
||||
.pricing-table-v2 .pricing-v2-orange h5, |
||||
.pricing-table-v2 .pricing-v2-orange .pricing-v2-content li, |
||||
.pricing-table-v2 .pricing-v2-orange .pricing-v2-content li i { |
||||
color: rgba(230,126,34, 1); |
||||
} |
||||
|
||||
.pricing-table-v2 .pricing-v2-red { |
||||
border: 1px solid rgba(231,76,60, 00.3); |
||||
} |
||||
|
||||
.pricing-table-v2 .pricing-v2-red .pricing-v2-head, |
||||
.pricing-table-v2 .pricing-v2-red .pricing-v2-content li { |
||||
border-bottom: 1px solid rgba(231,76,60, 0.1); |
||||
} |
||||
|
||||
.pricing-table-v2 .pricing-v2-red h4, |
||||
.pricing-table-v2 .pricing-v2-red h5, |
||||
.pricing-table-v2 .pricing-v2-red .pricing-v2-content li, |
||||
.pricing-table-v2 .pricing-v2-red .pricing-v2-content li i { |
||||
color: rgba(231,76,60, 1); |
||||
} |
||||
|
||||
.pricing-table-v2 .pricing-v2-grey { |
||||
border: 1px solid #ddd; |
||||
} |
||||
|
||||
.pricing-table-v2 .pricing-v2-grey .pricing-v2-head, |
||||
.pricing-table-v2 .pricing-v2-grey .pricing-v2-content li { |
||||
border-bottom: 1px solid #eee; |
||||
} |
||||
|
||||
.pricing-table-v2 .pricing-v2-grey h4, |
||||
.pricing-table-v2 .pricing-v2-grey h5, |
||||
.pricing-table-v2 .pricing-v2-grey .pricing-v2-content li, |
||||
.pricing-table-v2 .pricing-v2-grey .pricing-v2-content li i { |
||||
color: #888; |
||||
} |
||||
|
||||
.pricing-table-v2 .pricing-v2-purple { |
||||
border: 1px solid rgba(155,107,204, 0.3); |
||||
} |
||||
|
||||
.pricing-table-v2 .pricing-v2-purple .pricing-v2-head, |
||||
.pricing-table-v2 .pricing-v2-purple .pricing-v2-content li { |
||||
border-bottom: 1px solid rgba(155,107,204, 0.1); |
||||
} |
||||
|
||||
.pricing-table-v2 .pricing-v2-purple h4, |
||||
.pricing-table-v2 .pricing-v2-purple h5, |
||||
.pricing-table-v2 .pricing-v2-purple .pricing-v2-content li, |
||||
.pricing-table-v2 .pricing-v2-purple .pricing-v2-content li i { |
||||
color: rgba(155,107,204, 1); |
||||
} |
||||
|
||||
.pricing-table-v2 .pricing-v2-aque { |
||||
border: 1px solid rgba(39,215,231, 0.3); |
||||
} |
||||
|
||||
.pricing-table-v2 .pricing-v2-aqua .pricing-v2-head, |
||||
.pricing-table-v2 .pricing-v2-aqua .pricing-v2-content li { |
||||
border-bottom: 1px solid rgba(39,215,231, 0.1); |
||||
} |
||||
|
||||
.pricing-table-v2 .pricing-v2-aqua h4, |
||||
.pricing-table-v2 .pricing-v2-aqua h5, |
||||
.pricing-table-v2 .pricing-v2-aqua .pricing-v2-content li, |
||||
.pricing-table-v2 .pricing-v2-aqua .pricing-v2-content li i { |
||||
color: rgba(39,215,231, 1); |
||||
} |
||||
|
||||
.pricing-table-v2 .pricing-v2-brown { |
||||
border: 1px solid rgba(156,128,97, 0.3); |
||||
} |
||||
|
||||
.pricing-table-v2 .pricing-v2-brown .pricing-v2-head, |
||||
.pricing-table-v2 .pricing-v2-brown .pricing-v2-content li { |
||||
border-bottom: 1px solid rgba(156,128,97, 0.1); |
||||
} |
||||
|
||||
.pricing-table-v2 .pricing-v2-brown h4, |
||||
.pricing-table-v2 .pricing-v2-brown h5, |
||||
.pricing-table-v2 .pricing-v2-brown .pricing-v2-content li, |
||||
.pricing-table-v2 .pricing-v2-brown .pricing-v2-content li i { |
||||
color: rgba(156,128,97, 1); |
||||
} |
||||
|
||||
.pricing-table-v2 .pricing-v2-dark-blue { |
||||
border: 1px solid rgba(71,101,160, 0.3); |
||||
} |
||||
|
||||
.pricing-table-v2 .pricing-v2-dark-blue .pricing-v2-head, |
||||
.pricing-table-v2 .pricing-v2-dark-blue .pricing-v2-content li { |
||||
border-bottom: 1px solid rgba(71,101,160, 0.1); |
||||
} |
||||
|
||||
.pricing-table-v2 .pricing-v2-dark-blue h4, |
||||
.pricing-table-v2 .pricing-v2-dark-blue h5, |
||||
.pricing-table-v2 .pricing-v2-dark-blue .pricing-v2-content li, |
||||
.pricing-table-v2 .pricing-v2-dark-blue .pricing-v2-content li i { |
||||
color: rgba(71,101,160, 1); |
||||
} |
||||
|
||||
.pricing-table-v2 .pricing-v2-light-green { |
||||
border: 1px solid rgba(121,213,179, 0.7) |
||||
} |
||||
|
||||
.pricing-table-v2 .pricing-v2-light-green .pricing-v2-head, |
||||
.pricing-table-v2 .pricing-v2-light-green .pricing-v2-content li { |
||||
border-bottom: 1px solid rgba(121,213,179, 0.2) |
||||
} |
||||
|
||||
.pricing-table-v2 .pricing-v2-light-green h4, |
||||
.pricing-table-v2 .pricing-v2-light-green h5, |
||||
.pricing-table-v2 .pricing-v2-light-green .pricing-v2-content li, |
||||
.pricing-table-v2 .pricing-v2-light-green .pricing-v2-content li i { |
||||
color: rgba(121,213,179, 1) |
||||
} |
||||
|
||||
/* Devices (Large Screen Mode, 1200px more) */ |
||||
@media (min-width: 1200px) { |
||||
|
||||
.pricing-table-v2 .active { |
||||
-webkit-transform: scale(1.09); |
||||
-moz-transform: scale(1.09); |
||||
} |
||||
|
||||
} |
||||
|
||||
/* Devices (Desktop Mode, 992px and 1200px) */ |
||||
@media (min-width: 992px) and (max-width: 1200px) { |
||||
|
||||
.pricing-table-v2 .active { |
||||
-webkit-transform: scale(1.05); |
||||
-moz-transform: scale(1.05); |
||||
} |
||||
|
||||
} |
||||
|
||||
/* Devices (Tablet Mode, 768px and 991px) */ |
||||
@media (min-width: 767px) and (max-width: 991px) { |
||||
|
||||
.no-space-pricing [class^="col-"], |
||||
.no-space-pricing [class*=" col-"] { |
||||
padding: 5px; |
||||
} |
||||
|
||||
.pricing-table-v2 .active { |
||||
-webkit-transform: scale(1.03); |
||||
-moz-transform: scale(1.03); |
||||
} |
||||
|
||||
} |
||||
|
||||
/* Medium Devices (Phone Mode, 768px and less) */ |
||||
@media (max-width: 767px) { |
||||
/*Pricing Page*/ |
||||
|
||||
.no-space-pricing [class^="col-"], |
||||
.no-space-pricing [class*=" col-"] { |
||||
padding: 10px; |
||||
} |
||||
|
||||
.pricing-table-v2 .pricing-v2-head { |
||||
overflow: hidden; |
||||
} |
||||
|
||||
.pricing-table-v2 .pricing-v2-head h4 { |
||||
font-size: 14px; |
||||
font-weight: bold; |
||||
padding-left: 1px; |
||||
} |
||||
.pricing-table-v2 .pricing-v2-head h5 { |
||||
margin-left: 5px; |
||||
} |
||||
|
||||
} |
||||
@ -0,0 +1,423 @@ |
||||
/* |
||||
Green: #74C52C rgba(116,197,44, 1); |
||||
Blue: #3498db rgba(52,152,219, 1); |
||||
Orange: #e67e22 rgba(230,126,34, 1); |
||||
Red: #e74c3c rgba(231,76,60, 1); |
||||
Grey: #bdc3c7 rgba(189,195,199, 1); |
||||
Purple: #9b6bcc rgba(155,107,204, 1); |
||||
Aqua: #27d7e7 rgba(39,215,231, 1); |
||||
Brown: #9c8061 rgba(156,128,97, 1); |
||||
Dark Blue: #4765a0 rgba(71,101,160, 1); |
||||
Light Green: #79d5b3 rgba(121,213,179, 1); |
||||
*/ |
||||
|
||||
|
||||
/*Pricing Page v3 |
||||
------------------------------------*/ |
||||
.pricing-table-v3 .sticker-right, |
||||
.pricing-table-v3 .sticker-left { |
||||
color: #fff; |
||||
width: 150px; |
||||
padding: 1px; |
||||
font-size: 10px; |
||||
font-weight: bold; |
||||
font-family: Arial; |
||||
position: absolute; |
||||
text-align: center; |
||||
letter-spacing: 2px; |
||||
background-color: rgba(116,197,44, 0.9); |
||||
} |
||||
|
||||
.pricing-table-v3 .sticker-right { |
||||
top: 10px; |
||||
right: -59px; |
||||
transform: rotate(45deg); |
||||
-o-transform: rotate(45deg); |
||||
-ms-transform: rotate(45deg); |
||||
-moz-transform: rotate(45deg); |
||||
-webkit-transform: rotate(45deg); |
||||
} |
||||
|
||||
.pricing-table-v3 .sticker-left { |
||||
top: 10px; |
||||
left: -58px; |
||||
transform: rotate(-45deg); |
||||
-o-transform: rotate(-45deg); |
||||
-ms-transform: rotate(-45deg); |
||||
-moz-transform: rotate(-45deg); |
||||
-webkit-transform: rotate(-45deg); |
||||
} |
||||
|
||||
.pricing-table-v3 .bg-green { |
||||
background-color: rgba(116,197,44, 0.9); |
||||
} |
||||
|
||||
.pricing-table-v3 .bg-blue { |
||||
background-color: rgba(52, 152, 219, 1); |
||||
} |
||||
|
||||
.pricing-table-v3 .bg-orange { |
||||
background-color: rgba(230,126,34, 1); |
||||
} |
||||
|
||||
.pricing-table-v3 .bg-red { |
||||
background-color: rgba(231,76,60, 1); |
||||
} |
||||
|
||||
.pricing-table-v3 .bg-grey { |
||||
background-color: rgba(189,195,199, 1); |
||||
} |
||||
|
||||
.pricing-table-v3 .bg-purple { |
||||
background-color: rgba(155,107,204, 1); |
||||
} |
||||
|
||||
.pricing-table-v3 .bg-aqua { |
||||
background-color: rgba(39,215,231, 1); |
||||
} |
||||
|
||||
.pricing-table-v3 .bg-brown { |
||||
background-color: rgba(156,128,97, 1); |
||||
} |
||||
|
||||
.pricing-table-v3 .bg-dark-blue { |
||||
background-color: rgba(71,101,160, 1); |
||||
} |
||||
|
||||
.pricing-table-v3 .bg-light-green { |
||||
background-color: rgba(121,213,179, 1); |
||||
} |
||||
|
||||
.pricing-table-v3 .pricing-v3 { |
||||
overflow: hidden; |
||||
position: relative; |
||||
margin-bottom: 30px; |
||||
background: rgba(116,197,44, 0.1); |
||||
border: 2px solid rgba(116,197,44, 0.3); |
||||
} |
||||
|
||||
.pricing-table-v3 .pricing-v3-head { |
||||
overflow: hidden; |
||||
border-bottom: 1px rgba(116,197,44, 0.1); |
||||
} |
||||
|
||||
.pricing-table-v3 .pricing-v3-head h4, |
||||
.pricing-table-v3 .pricing-v3-head h5 { |
||||
margin: 0; |
||||
font-family: Arial; |
||||
letter-spacing: 1px; |
||||
color: rgba(116,197,44, 1); |
||||
} |
||||
|
||||
.pricing-table-v3 .pricing-v3-head h4 { |
||||
font-size: 20px; |
||||
padding: 20px 0; |
||||
} |
||||
|
||||
.pricing-table-v3 .pricing-v3-head h5 { |
||||
color: #fff; |
||||
font-size: 50px; |
||||
padding: 30px 0 20px 34px; |
||||
background: rgba(116,197,44, 1); |
||||
} |
||||
|
||||
.pricing-table-v3 .pricing-v3-head h5 i { |
||||
display: inline; |
||||
font-size: 13px; |
||||
padding-left: 2px; |
||||
position: relative; |
||||
font-style: normal; |
||||
} |
||||
|
||||
.pricing-table-v3 .pricing-v3-head h5 span { |
||||
top: -2px; |
||||
font-size: 23px; |
||||
position: relative; |
||||
padding-right: 2px; |
||||
} |
||||
|
||||
.pricing-table-v3 .pricing-v3-content { |
||||
margin-bottom: 0; |
||||
} |
||||
|
||||
|
||||
.pricing-table-v3 .pricing-v3-content li { |
||||
margin: 0; |
||||
font-size: 14px; |
||||
padding: 12px 20px; |
||||
color: rgba(116,197,44, 1); |
||||
border-bottom: 1px solid rgba(116,197,44, 0.2); |
||||
} |
||||
|
||||
.pricing-table-v3 .pricing-v3-content li i { |
||||
display: inherit; |
||||
float: right; |
||||
font-style: normal; |
||||
margin-right: 10px; |
||||
color: rgba(116,197,44, 1); |
||||
} |
||||
|
||||
.pricing-table-v3 .pricing-v3-blue { |
||||
background: rgba(52, 152, 219, 0.1); |
||||
border: 2px solid rgba(52, 152, 219, 0.6); |
||||
} |
||||
|
||||
.pricing-table-v3 .pricing-v3-blue .pricing-v3-head, |
||||
.pricing-table-v3 .pricing-v3-blue .pricing-v3-content li { |
||||
border-bottom: 1px solid rgba(52, 152, 219, 0.3); |
||||
} |
||||
|
||||
.pricing-table-v3 .pricing-v3-blue h5 { |
||||
background: rgba(52, 152, 219, 1); |
||||
} |
||||
|
||||
.pricing-table-v3 .pricing-v3-blue h4, |
||||
.pricing-table-v3 .pricing-v3-blue .pricing-v3-content li, |
||||
.pricing-table-v3 .pricing-v3-blue .pricing-v3-content li i { |
||||
color: rgba(52, 152, 219, 1); |
||||
} |
||||
|
||||
.pricing-table-v3 .pricing-v3-orange { |
||||
background: rgba(230,126,34, 0.1); |
||||
border: 2px solid rgba(230,126,34, 0.6); |
||||
} |
||||
|
||||
.pricing-table-v3 .pricing-v3-orange .pricing-v3-head, |
||||
.pricing-table-v3 .pricing-v3-orange .pricing-v3-content li { |
||||
border-bottom: 1px solid rgba(230,126,34,0.32) |
||||
} |
||||
|
||||
.pricing-table-v3 .pricing-v3-orange h5 { |
||||
background: rgba(230,126,34, 1); |
||||
} |
||||
|
||||
.pricing-table-v3 .pricing-v3-orange h4, |
||||
.pricing-table-v3 .pricing-v3-orange .pricing-v3-content li, |
||||
.pricing-table-v3 .pricing-v3-orange .pricing-v3-content li i { |
||||
color: rgba(230,126,34, 1); |
||||
} |
||||
|
||||
.pricing-table-v3 .pricing-v3-red { |
||||
background: rgba(231,76,60, 0.1); |
||||
border: 2px solid rgba(231,76,60, 0.6); |
||||
} |
||||
|
||||
.pricing-table-v3 .pricing-v3-red .pricing-v3-head, |
||||
.pricing-table-v3 .pricing-v3-red .pricing-v3-content li { |
||||
border-bottom: 1px solid rgba(231,76,60, 0.3); |
||||
} |
||||
|
||||
.pricing-table-v3 .pricing-v3-red h5 { |
||||
background: rgba(231,76,60, 1); |
||||
} |
||||
|
||||
.pricing-table-v3 .pricing-v3-red h4, |
||||
.pricing-table-v3 .pricing-v3-red .pricing-v3-content li, |
||||
.pricing-table-v3 .pricing-v3-red .pricing-v3-content li i { |
||||
color: rgba(231,76,60, 1); |
||||
} |
||||
|
||||
.pricing-table-v3 .pricing-v3-grey { |
||||
background: #f9f9f9; |
||||
border: 2px solid #888; |
||||
} |
||||
|
||||
.pricing-table-v3 .pricing-v3-grey .pricing-v3-head, |
||||
.pricing-table-v3 .pricing-v3-grey .pricing-v3-content li { |
||||
border-bottom: 1px solid #eee; |
||||
} |
||||
|
||||
.pricing-table-v3 .pricing-v3-grey h5 { |
||||
background: #999; |
||||
} |
||||
|
||||
.pricing-table-v3 .pricing-v3-grey h4, |
||||
.pricing-table-v3 .pricing-v3-grey .pricing-v3-content li, |
||||
.pricing-table-v3 .pricing-v3-grey .pricing-v3-content li i { |
||||
color: #888; |
||||
} |
||||
|
||||
.pricing-table-v3 .pricing-v3-purple { |
||||
background: rgba(155,107,204, 0.1); |
||||
border: 2px solid rgba(155,107,204, 0.6); |
||||
} |
||||
|
||||
.pricing-table-v3 .pricing-v3-purple .pricing-v3-head, |
||||
.pricing-table-v3 .pricing-v3-purple .pricing-v3-content li { |
||||
border-bottom: 1px solid rgba(155,107,204, 0.3); |
||||
} |
||||
|
||||
.pricing-table-v3 .pricing-v3-purple h5 { |
||||
background: rgba(155,107,204, 1); |
||||
} |
||||
|
||||
.pricing-table-v3 .pricing-v3-purple h4, |
||||
.pricing-table-v3 .pricing-v3-purple .pricing-v3-content li, |
||||
.pricing-table-v3 .pricing-v3-purple .pricing-v3-content li i { |
||||
color: rgba(155,107,204, 1); |
||||
} |
||||
|
||||
.pricing-table-v3 .pricing-v3-aqua { |
||||
background: rgba(39,215,231, 0.1); |
||||
border: 2px solid rgba(39,215,231, 0.6); |
||||
} |
||||
|
||||
.pricing-table-v3 .pricing-v3-aqua .pricing-v3-head, |
||||
.pricing-table-v3 .pricing-v3-aqua .pricing-v3-content li { |
||||
border-bottom: 1px solid rgba(39,215,231, 0.3); |
||||
} |
||||
|
||||
.pricing-table-v3 .pricing-v3-aqua h5 { |
||||
background: rgba(39,215,231, 1); |
||||
} |
||||
|
||||
.pricing-table-v3 .pricing-v3-aqua h4, |
||||
.pricing-table-v3 .pricing-v3-aqua .pricing-v3-content li, |
||||
.pricing-table-v3 .pricing-v3-aqua .pricing-v3-content li i { |
||||
color: rgba(39,215,231, 1); |
||||
} |
||||
|
||||
.pricing-table-v3 .pricing-v3-brown { |
||||
background: rgba(156,128,97, 0.1); |
||||
border: 2px solid rgba(156,128,97, 0.6); |
||||
} |
||||
|
||||
.pricing-table-v3 .pricing-v3-brown .pricing-v3-head, |
||||
.pricing-table-v3 .pricing-v3-brown .pricing-v3-content li { |
||||
border-bottom: 1px solid rgba(156,128,97, 0.3); |
||||
} |
||||
|
||||
.pricing-table-v3 .pricing-v3-brown h5 { |
||||
background: rgba(156,128,97, 1); |
||||
} |
||||
|
||||
.pricing-table-v3 .pricing-v3-brown h4, |
||||
.pricing-table-v3 .pricing-v3-brown .pricing-v3-content li, |
||||
.pricing-table-v3 .pricing-v3-brown .pricing-v3-content li i { |
||||
color: rgba(156,128,97, 1); |
||||
} |
||||
|
||||
.pricing-table-v3 .pricing-v3-dark-blue { |
||||
background: rgba(71,101,160, 0.1); |
||||
border: 2px solid rgba(71,101,160, 0.6); |
||||
} |
||||
|
||||
.pricing-table-v3 .pricing-v3-dark-blue .pricing-v3-head, |
||||
.pricing-table-v3 .pricing-v3-dark-blue .pricing-v3-content li { |
||||
border-bottom: 1px solid rgba(71,101,160, 0.3); |
||||
} |
||||
|
||||
.pricing-table-v3 .pricing-v3-dark-blue h5 { |
||||
background: rgba(71,101,160, 1); |
||||
} |
||||
|
||||
.pricing-table-v3 .pricing-v3-dark-blue h4, |
||||
.pricing-table-v3 .pricing-v3-dark-blue .pricing-v3-content li, |
||||
.pricing-table-v3 .pricing-v3-dark-blue .pricing-v3-content li i { |
||||
color: rgba(71,101,160, 1); |
||||
} |
||||
|
||||
.pricing-table-v3 .pricing-v3-light-green { |
||||
background: rgba(121,213,179, 0.1); |
||||
border: 2px solid rgba(121,213,179, 0.6); |
||||
} |
||||
|
||||
.pricing-table-v3 .pricing-v3-light-green .pricing-v3-head, |
||||
.pricing-table-v3 .pricing-v3-light-green .pricing-v3-content li { |
||||
border-bottom: 1px solid rgba(121,213,179, 0.3); |
||||
} |
||||
|
||||
.pricing-table-v3 .pricing-v3-light-green h5 { |
||||
background: rgba(121,213,179, 1); |
||||
} |
||||
|
||||
.pricing-table-v3 .pricing-v3-light-green h4, |
||||
.pricing-table-v3 .pricing-v3-light-green .pricing-v3-content li, |
||||
.pricing-table-v3 .pricing-v3-light-green .pricing-v3-content li i { |
||||
color: rgba(121,213,179, 1); |
||||
} |
||||
|
||||
|
||||
/* Devices (Large Screen Mode, 1200px more) */ |
||||
@media (min-width: 1200px) { |
||||
/* Can be modefied if needed*/ |
||||
} |
||||
|
||||
/* Devices (Desktop Mode, 992px and 1200px) */ |
||||
@media (min-width: 992px) and (max-width: 1200px) { |
||||
/* Can be modefied if needed*/ |
||||
} |
||||
|
||||
/* Devices (Tablet Mode, 768px and 991px) */ |
||||
@media (min-width: 767px) and (max-width: 991px) { |
||||
|
||||
.no-space-pricing [class^="col-"], |
||||
.no-space-pricing [class*=" col-"] { |
||||
padding: 5px; |
||||
} |
||||
|
||||
.pricing-table-v3 .pricing-v3-head h4 { |
||||
font-size: 17px; |
||||
} |
||||
|
||||
.pricing-table-v3 .pricing-v3-content li { |
||||
padding: 12px 7px; |
||||
} |
||||
|
||||
} |
||||
|
||||
/* Medium Devices (Phone Mode, 768px and less) */ |
||||
@media (max-width: 767px) { |
||||
/*Pricing Page*/ |
||||
|
||||
.no-space-pricing [class^="col-"], |
||||
.no-space-pricing [class*=" col-"] { |
||||
padding: 10px; |
||||
} |
||||
|
||||
.pricing-table-v3 .sticker-right, |
||||
.pricing-table-v3 .sticker-left { |
||||
top: 109px; |
||||
padding: 0; |
||||
float: left; |
||||
left: -43px; |
||||
width: 104px; |
||||
border: none; |
||||
background: #585F69; |
||||
transform: rotate(270deg); |
||||
-o-transform: rotate(270deg); |
||||
-ms-transform: rotate(270deg); |
||||
-moz-transform: rotate(270deg); |
||||
-webkit-transform: rotate(270deg); |
||||
} |
||||
|
||||
.pricing-table-v3 .pricing-v3-content { |
||||
text-align: center; |
||||
} |
||||
|
||||
.pricing-table-v3 .pricing-v3-head h4 { |
||||
font-size: 14px; |
||||
} |
||||
|
||||
.pricing-table-v3 .pricing-v3-head h5 { |
||||
font-size: 43px; |
||||
padding-left: 10px; |
||||
} |
||||
|
||||
.pricing-table-v3 .pricing-v3-head h5 span { |
||||
font-size: 16px; |
||||
} |
||||
|
||||
.pricing-table-v3 .pricing-v3-head h5 i { |
||||
display: block; |
||||
font-size: 12px; |
||||
margin-top: 5px; |
||||
padding-left: 10px; |
||||
} |
||||
|
||||
.pricing-table-v3 .pricing-v3-content li i { |
||||
float: none; |
||||
display: block; |
||||
margin-top: 5px; |
||||
} |
||||
} |
||||
@ -0,0 +1,596 @@ |
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* |
||||
Green: #74C52C rgba(116,197,44, 1); |
||||
Blue: #3498db rgba(52,152,219, 1); |
||||
Orange: #e67e22 rgba(230,126,34, 1); |
||||
Red: #e74c3c rgba(231,76,60, 1); |
||||
Grey: #bdc3c7 rgba(189,195,199, 1); |
||||
Purple: #9b6bcc rgba(155,107,204, 1); |
||||
Aqua: #27d7e7 rgba(39,215,231, 1); |
||||
Brown: #9c8061 rgba(156,128,97, 1); |
||||
Dark Blue: #4765a0 rgba(71,101,160, 1); |
||||
Light Green: #79d5b3 rgba(121,213,179, 1); |
||||
*/ |
||||
|
||||
|
||||
/*Pricing Page v4 |
||||
------------------------------------*/ |
||||
|
||||
.pricing-table-v4 .bg-green { |
||||
background-color: rgba(116,197,44, 0.9); |
||||
} |
||||
|
||||
.pricing-table-v4 .bg-blue { |
||||
background-color: rgba(52, 152, 219, 1); |
||||
} |
||||
|
||||
.pricing-table-v4 .bg-orange { |
||||
background-color: rgba(230,126,34, 1); |
||||
} |
||||
|
||||
.pricing-table-v4 .bg-red { |
||||
background-color: rgba(231,76,60, 1); |
||||
} |
||||
|
||||
.pricing-table-v4 .bg-grey { |
||||
background-color: rgba(189,195,199, 1); |
||||
} |
||||
|
||||
.pricing-table-v4 .bg-purple { |
||||
background-color: rgba(155,107,204, 1); |
||||
} |
||||
|
||||
.pricing-table-v4 .bg-aqua { |
||||
background-color: rgba(39,215,231, 1); |
||||
} |
||||
|
||||
.pricing-table-v4 .bg-brown { |
||||
background-color: rgba(156,128,97, 1); |
||||
} |
||||
|
||||
.pricing-table-v4 .bg-dark-blue { |
||||
background-color: rgba(71,101,160, 1); |
||||
} |
||||
|
||||
.pricing-table-v4 .bg-light-green { |
||||
background-color: rgba(121,213,179, 1); |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4 { |
||||
position: relative; |
||||
margin-bottom: 30px; |
||||
border: 1px solid rgba(116,197,44, 0.5); |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-head { |
||||
padding: 0 0 8px 0; |
||||
border-bottom: 1px solid rgba(116,197,44, 0.1); |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-head h4, |
||||
.pricing-table-v4 .pricing-v4-head h5, |
||||
.pricing-table-v4 .pricing-v4-head h5 span { |
||||
margin: 0; |
||||
color: #fff; |
||||
padding: 7px 0; |
||||
font-family: Arial; |
||||
letter-spacing: 1px; |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-head h4 { |
||||
padding: 15px 0; |
||||
font-size: 21px; |
||||
background: rgba(116,197,44, 1); |
||||
} |
||||
.pricing-table-v4 .pricing-rounded { |
||||
width: 90px; |
||||
height: 90px; |
||||
padding: 10px; |
||||
display: inline-block; |
||||
margin: 17px 0 10px 15px ; |
||||
border-radius: 50% !important; |
||||
background: rgba(116, 197, 44, 1); |
||||
|
||||
} |
||||
.pricing-table-v4 .pricing-v4-head h5 { |
||||
font-size: 30px; |
||||
margin: 11px 3px 0 0; |
||||
} |
||||
.pricing-table-v4 .pricing-v4-head h5 span { |
||||
font-size: 20px; |
||||
margin-right: 3px; |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-head a { |
||||
float: right; |
||||
margin-top: 43px; |
||||
margin-right: -8px; |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-head h5 i { |
||||
display: block; |
||||
font-size: 12px; |
||||
font-style: normal; |
||||
padding-left: 10px; |
||||
} |
||||
.pricing-table-v4 .pricing-v4-head a { |
||||
position: relative; |
||||
} |
||||
.pricing-table-v4 .pricing-v4-head a span { |
||||
margin-left: 7px; |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-head a .price-corner { |
||||
width: 0; |
||||
height: 0; |
||||
right: 0px; |
||||
bottom: -8px; |
||||
display: block; |
||||
position: absolute; |
||||
border-style: solid; |
||||
border-width: 8px 8px 0 0; |
||||
border-color: #477c17 transparent transparent; |
||||
|
||||
}.pricing-table-v4 .pricing-v4-head a .price-corner-2 { |
||||
left: 0; |
||||
width: 0; |
||||
height: 0; |
||||
bottom: -1px; |
||||
display: block; |
||||
position: absolute; |
||||
border-style: solid; |
||||
border-width: 18px 0 18px 17px; |
||||
border-color: transparent transparent transparent #fff; |
||||
} |
||||
.pricing-table-v4 .pricing-v4-head .btn-u { |
||||
padding: 6px 13px 6px 26px; |
||||
} |
||||
.pricing-table-v4 .pricing-v4-content { |
||||
margin-bottom: 0; |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-content li i { |
||||
float: right; |
||||
font-style: normal; |
||||
margin-right: 10px; |
||||
color: rgba(116,197,44, 1); |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-content li { |
||||
margin: 0; |
||||
font-size: 14px; |
||||
padding: 12px 20px; |
||||
color: rgba(116,197,44, 1); |
||||
border-bottom: 1px solid rgba(116,197,44, 0.1); |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-footer { |
||||
padding: 20px 2px 20px 16px; |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-blue { |
||||
border: 1px solid rgba(52, 152, 219, 0.3); |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-green .btn-u { |
||||
background: rgba(116, 197, 44, 1); |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-blue .pricing-v4-head, |
||||
.pricing-table-v4 .pricing-v4-blue .pricing-v4-content li { |
||||
border-bottom: 1px solid rgba(52, 152, 219, 0.1); |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-blue a .price-corner { |
||||
border-color: #1d5378 transparent transparent; |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-blue h4 { |
||||
background: rgba(52, 152, 219, 1); |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-blue .pricing-rounded { |
||||
background: rgba(52, 152, 219, 1); |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-blue .pricing-v4-content li, |
||||
.pricing-table-v4 .pricing-v4-blue .pricing-v4-content li i { |
||||
color: rgba(52, 152, 219, 1); |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-orange { |
||||
border: 1px solid rgba(230,126,34, 0.3); |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-orange .pricing-v4-head, |
||||
.pricing-table-v4 .pricing-v4-orange .pricing-v4-content li { |
||||
border-bottom: 1px solid rgba(230,126,34, 0.1); |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-orange a .price-corner { |
||||
border-color: #985921 transparent transparent; |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-orange h4{ |
||||
background: rgba(230,126,34, 1); |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-orange .pricing-rounded { |
||||
background: rgba(230,126,34, 1); |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-orange .pricing-v4-content li, |
||||
.pricing-table-v4 .pricing-v4-orange .pricing-v4-content li i { |
||||
color: rgba(230,126,34, 1); |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-red { |
||||
border: 1px solid rgba(231,76,60, 00.3); |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-red .pricing-v4-head, |
||||
.pricing-table-v4 .pricing-v4-red .pricing-v4-content li { |
||||
border-bottom: 1px solid rgba(231,76,60, 0.1); |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-red h4 { |
||||
background: rgba(231,76,60, 1); |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-red .pricing-rounded { |
||||
background: rgba(231,76,60, 1); |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-red a .price-corner { |
||||
border-color: #8f382f transparent transparent; |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-red .pricing-v4-content li, |
||||
.pricing-table-v4 .pricing-v4-red .pricing-v4-content li i { |
||||
color: rgba(231,76,60, 1); |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-grey { |
||||
border: 1px solid #ddd; |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-grey .pricing-v4-head, |
||||
.pricing-table-v4 .pricing-v4-grey .pricing-v4-content li { |
||||
border-bottom: 1px solid #eee; |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-grey h4 { |
||||
background: #95a5a6; |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-grey .pricing-rounded { |
||||
background: #95a5a6; |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-grey a .price-corner { |
||||
border-color: #686f6f transparent transparent; |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-grey .pricing-v4-content li, |
||||
.pricing-table-v4 .pricing-v4-grey .pricing-v4-content li i { |
||||
color: #95a5a6; |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-purple { |
||||
border: 1px solid rgba(155,107,204, 0.3); |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-purple .pricing-v4-head, |
||||
.pricing-table-v4 .pricing-v4-purple .pricing-v4-content li { |
||||
border-bottom: 1px solid rgba(155,107,204, 0.1); |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-purple h4 { |
||||
background: rgba(155,107,204, 1); |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-purple .pricing-rounded { |
||||
background: rgba(155,107,204, 1); |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-purple a .price-corner { |
||||
border-color: #5f2798 transparent transparent; |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-purple .pricing-v4-content li, |
||||
.pricing-table-v4 .pricing-v4-purple .pricing-v4-content li i { |
||||
color: rgba(155,107,204, 1); |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-aqua { |
||||
border: 1px solid rgba(39,215,231, 0.3); |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-aqua .pricing-v4-head, |
||||
.pricing-table-v4 .pricing-v4-aqua .pricing-v4-content li { |
||||
border-bottom: 1px solid rgba(39,215,231, 0.1); |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-aqua h4 { |
||||
background: rgba(39,215,231, 1); |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-aqua .pricing-rounded { |
||||
background: rgba(39,215,231, 1); |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-aqua a .price-corner { |
||||
border-color: #1b848e transparent transparent; |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-aqua .pricing-v4-content li, |
||||
.pricing-table-v4 .pricing-v4-aqua .pricing-v4-content li i { |
||||
color: rgba(39,215,231, 1); |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-brown { |
||||
border: 1px solid rgba(156,128,97, 0.3); |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-brown .pricing-v4-head, |
||||
.pricing-table-v4 .pricing-v4-brown .pricing-v4-content li { |
||||
border-bottom: 1px solid rgba(156,128,97, 0.1); |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-brown h4 { |
||||
background: rgba(156,128,97, 1); |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-brown .pricing-rounded { |
||||
background: rgba(156,128,97, 1); |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-brown a .price-corner { |
||||
border-color: #705537 transparent transparent; |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-brown .pricing-v4-content li, |
||||
.pricing-table-v4 .pricing-v4-brown .pricing-v4-content li i { |
||||
color: rgba(156,128,97, 1); |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-dark-blue { |
||||
border: 1px solid rgba(71,101,160, 0.3); |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-dark-blue .pricing-v4-head, |
||||
.pricing-table-v4 .pricing-v4-dark-blue .pricing-v4-content li { |
||||
border-bottom: 1px solid rgba(71,101,160, 0.1); |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-dark-blue h4{ |
||||
background: rgba(71,101,160, 1); |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-dark-blue .pricing-rounded { |
||||
background: rgba(71,101,160, 1); |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-dark-blue a .price-corner { |
||||
border-color: #233d71 transparent transparent; |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-dark-blue .pricing-v4-content li, |
||||
.pricing-table-v4 .pricing-v4-dark-blue .pricing-v4-content li i { |
||||
color: rgba(71,101,160, 1); |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-light-green { |
||||
border: 1px solid rgba(121,213,179, 0.7) |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-light-green .pricing-v4-head, |
||||
.pricing-table-v4 .pricing-v4-light-green .pricing-v4-content li { |
||||
border-bottom: 1px solid rgba(121,213,179, 0.2) |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-light-green h4{ |
||||
background: rgba(121,213,179, 1); |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-light-green .pricing-rounded { |
||||
background: rgba(121,213,179, 1); |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-light-green a .price-corner { |
||||
border-color: #2a8563 transparent transparent; |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-light-green .pricing-v4-content li, |
||||
.pricing-table-v4 .pricing-v4-light-green .pricing-v4-content li i { |
||||
color: rgba(121,213,179, 1); |
||||
} |
||||
|
||||
/* Devices (Large Screen Mode, 1200px more) */ |
||||
@media (min-width: 1200px) { |
||||
|
||||
.pricing-table-v4 .active { |
||||
-webkit-transform: scale(1.09); |
||||
-moz-transform: scale(1.09); |
||||
} |
||||
} |
||||
|
||||
/* Devices (Desktop Mode, 992px and 1200px) */ |
||||
@media (min-width: 992px) and (max-width: 1200px) { |
||||
|
||||
.pricing-table-v4 .active { |
||||
-webkit-transform: scale(1.05); |
||||
-moz-transform: scale(1.05); |
||||
} |
||||
|
||||
.pricing-v4-head { |
||||
text-align: center; |
||||
} |
||||
.pricing-rounded { |
||||
margin: 17px 0 55px; |
||||
} |
||||
.pricing-table-v4 .pricing-v4-head a { |
||||
margin-top: -40px; |
||||
} |
||||
.pricing-table-v4 .pricing-v4-head .btn-u { |
||||
padding: 6px 46px 6px 40px; |
||||
} |
||||
} |
||||
|
||||
/* Devices (Tablet Mode, 768px and 991px) */ |
||||
@media (min-width: 767px) and (max-width: 991px) { |
||||
|
||||
.no-space-pricing [class^="col-"], |
||||
.no-space-pricing [class*=" col-"] { |
||||
padding: 5px; |
||||
} |
||||
|
||||
.pricing-v4-head { |
||||
text-align: center; |
||||
} |
||||
|
||||
.pricing-table-v4 .active { |
||||
-webkit-transform: scale(1.03); |
||||
-moz-transform: scale(1.03); |
||||
} |
||||
|
||||
.pricing-rounded { |
||||
margin: 17px 0 55px; |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-head a { |
||||
margin-top: -40px; |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-head .btn-u { |
||||
padding: 6px 26px 6px 30px; |
||||
} |
||||
|
||||
} |
||||
|
||||
/* Medium Devices (Phone Mode, 768px and less) */ |
||||
@media (max-width: 767px) { |
||||
/*Pricing Page*/ |
||||
|
||||
.no-space-pricing [class^="col-"], |
||||
.no-space-pricing [class*=" col-"] { |
||||
padding: 10px; |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-head h4 { |
||||
font-size: 14px; |
||||
font-weight: bold; |
||||
padding-left: 1px; |
||||
} |
||||
.pricing-table-v4 .pricing-v4-head h5 { |
||||
margin-left: 5px; |
||||
} |
||||
|
||||
} |
||||
|
||||
/* Medium Devices (Phone Mode, 768px and less) */ |
||||
@media (max-width: 550px) { |
||||
/*Pricing Page*/ |
||||
|
||||
.col-sm-3 { |
||||
width: 100% |
||||
} |
||||
|
||||
} |
||||
@ -0,0 +1,557 @@ |
||||
/* |
||||
Green: #74C52C rgba(116,197,44, 1); |
||||
Blue: #3498db rgba(52,152,219, 1); |
||||
Orange: #e67e22 rgba(230,126,34, 1); |
||||
Red: #e74c3c rgba(231,76,60, 1); |
||||
Grey: #bdc3c7 rgba(189,195,199, 1); |
||||
Purple: #9b6bcc rgba(155,107,204, 1); |
||||
Aqua: #27d7e7 rgba(39,215,231, 1); |
||||
Brown: #9c8061 rgba(156,128,97, 1); |
||||
Dark Blue: #4765a0 rgba(71,101,160, 1); |
||||
Light Green: #79d5b3 rgba(121,213,179, 1); |
||||
*/ |
||||
|
||||
|
||||
/*Pricing Page v5 |
||||
------------------------------------*/ |
||||
|
||||
.pricing-table-v5 .bg-green { |
||||
background-color: rgba(116,197,44, 0.9); |
||||
} |
||||
|
||||
.pricing-table-v5 .bg-blue { |
||||
background-color: rgba(52, 152, 219, 1); |
||||
} |
||||
|
||||
.pricing-table-v5 .bg-orange { |
||||
background-color: rgba(230,126,34, 1); |
||||
} |
||||
|
||||
.pricing-table-v5 .bg-red { |
||||
background-color: rgba(231,76,60, 1); |
||||
} |
||||
|
||||
.pricing-table-v5 .bg-grey { |
||||
background-color: rgba(189,195,199, 1); |
||||
} |
||||
|
||||
.pricing-table-v5 .bg-purple { |
||||
background-color: rgba(155,107,204, 1); |
||||
} |
||||
|
||||
.pricing-table-v5 .bg-aqua { |
||||
background-color: rgba(39,215,231, 1); |
||||
} |
||||
|
||||
.pricing-table-v5 .bg-brown { |
||||
background-color: rgba(156,128,97, 1); |
||||
} |
||||
|
||||
.pricing-table-v5 .bg-dark-blue { |
||||
background-color: rgba(71,101,160, 1); |
||||
} |
||||
|
||||
.pricing-table-v5 .bg-light-green { |
||||
background-color: rgba(121,213,179, 1); |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5 { |
||||
position: relative; |
||||
margin-bottom: 30px; |
||||
border: 1px solid rgba(116,197,44, 0.5); |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-head { |
||||
text-align: center; |
||||
padding: 0 0 8px 0; |
||||
border-bottom: 1px solid rgba(116,197,44, 0.1); |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-head h4, |
||||
.pricing-table-v5 .pricing-v5-head h5, |
||||
.pricing-table-v5 .pricing-v5-head h5 span { |
||||
margin: 0; |
||||
padding: 10px 0; |
||||
font-family: Arial; |
||||
letter-spacing: 1px; |
||||
color: rgba(116,197,44, 1); |
||||
color: rgba(116, 197, 44, 1); |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-head h4 { |
||||
font-size: 21px; |
||||
background: rgba(116,197,44, 1); |
||||
padding: 30px 0; |
||||
color: #fff; |
||||
} |
||||
.pricing-table-v5 .pricing-rounded { |
||||
width: 90px; |
||||
height: 90px; |
||||
display: inline-block; |
||||
padding: 10px; |
||||
border-radius: 50% !important; |
||||
margin: 20px 0px 10px 0; |
||||
border: 3px solid rgba(116, 197, 44, .4); |
||||
|
||||
} |
||||
.pricing-table-v5 .pricing-v5-head h5 { |
||||
font-size: 30px; |
||||
margin: 6px 3px 0 0; |
||||
} |
||||
.pricing-table-v5 .pricing-v5-head h5 span { |
||||
font-size: 20px; |
||||
margin-right: 3px; |
||||
} |
||||
|
||||
.pricing-table-v5 a { |
||||
margin: 0 -8px; |
||||
display: block; |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-head h5 i { |
||||
display: block; |
||||
font-size: 12px; |
||||
font-style: normal; |
||||
padding-left: 10px; |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-head a { |
||||
position: relative; |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-head a span { |
||||
margin-left: 7px; |
||||
} |
||||
|
||||
.pricing-table-v5 a .price-corner { |
||||
width: 0; |
||||
height: 0; |
||||
right: -1px; |
||||
bottom: -8px; |
||||
display: block; |
||||
position: absolute; |
||||
border-style: solid; |
||||
border-width: 8px 8px 0 0; |
||||
border-color: #477c17 transparent transparent; |
||||
|
||||
}.pricing-table-v5 a .price-corner-2 { |
||||
width: 0; |
||||
height: 0; |
||||
left: -1px; |
||||
bottom: -15px; |
||||
display: block; |
||||
position: absolute; |
||||
border-style: solid; |
||||
border-width: 8px 0 8px 8px; |
||||
border-color: #477c17 transparent transparent; |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-head .btn-u { |
||||
padding: 6px 13px 6px 26px; |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-content { |
||||
margin-bottom: 0; |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-content li i { |
||||
float: right; |
||||
font-style: normal; |
||||
color: rgba(116,197,44, 1); |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-content li { |
||||
margin: 0; |
||||
font-size: 14px; |
||||
padding: 12px 0; |
||||
color: rgba(116,197,44, 1); |
||||
border-bottom: 1px solid rgba(116,197,44, 0.1); |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-footer { |
||||
padding: 20px 2px 20px 16px; |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-blue { |
||||
border: 1px solid rgba(52, 152, 219, 0.5); |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-blue .pricing-v5-head, |
||||
.pricing-table-v5 .pricing-v5-blue .pricing-v5-content li { |
||||
border-bottom: 1px solid rgba(52, 152, 219, 0.1); |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-blue a .price-corner, |
||||
.pricing-table-v5 .pricing-v5-blue a .price-corner-2 { |
||||
border-color: #1d5378 transparent transparent; |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-blue h4 { |
||||
background: rgba(52, 152, 219, 1); |
||||
} |
||||
.pricing-table-v5 .pricing-v5-blue h5, |
||||
.pricing-table-v5 .pricing-v5-blue h5 span { |
||||
color: rgba(52, 152, 219, 1); |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-blue .pricing-rounded { |
||||
border-color: rgba(52, 152, 219, 0.5); |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-blue .pricing-v5-content li, |
||||
.pricing-table-v5 .pricing-v5-blue .pricing-v5-content li i { |
||||
color: rgba(52, 152, 219, 1); |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-orange { |
||||
border: 1px solid rgba(230,126,34, 0.5); |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-orange .pricing-v5-head, |
||||
.pricing-table-v5 .pricing-v5-orange .pricing-v5-content li { |
||||
border-bottom: 1px solid rgba(230,126,34, 0.1); |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-orange a .price-corner, |
||||
.pricing-table-v5 .pricing-v5-orange a .price-corner-2 { |
||||
border-color: #985921 transparent transparent; |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-orange h4{ |
||||
background: rgba(230,126,34, 1); |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-orange h5, |
||||
.pricing-table-v5 .pricing-v5-orange h5 span { |
||||
color: rgba(230,126,34, 1); |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-orange .pricing-rounded { |
||||
border-color: rgba(230,126,34, 0.5); |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-orange .pricing-v5-content li, |
||||
.pricing-table-v5 .pricing-v5-orange .pricing-v5-content li i { |
||||
color: rgba(230,126,34, 1); |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-red { |
||||
border: 1px solid rgba(231,76,60, 0.5); |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-red .pricing-v5-head, |
||||
.pricing-table-v5 .pricing-v5-red .pricing-v5-content li { |
||||
border-bottom: 1px solid rgba(231,76,60, 0.1); |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-red h4 { |
||||
background: rgba(231,76,60, 1); |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-red h5, |
||||
.pricing-table-v5 .pricing-v5-red h5 span { |
||||
color: rgba(231,76,60, 1); |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-red .pricing-rounded { |
||||
border-color: rgba(231,76,60, 0.5); |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-red a .price-corner, |
||||
.pricing-table-v5 .pricing-v5-red a .price-corner-2 { |
||||
border-color: #8f382f transparent transparent; |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-red .pricing-v5-content li, |
||||
.pricing-table-v5 .pricing-v5-red .pricing-v5-content li i { |
||||
color: rgba(231,76,60, 1); |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-grey { |
||||
border: 1px solid #ddd; |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-grey .pricing-v5-head, |
||||
.pricing-table-v5 .pricing-v5-grey .pricing-v5-content li { |
||||
border-bottom: 1px solid #eee; |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-grey h4 { |
||||
background: #95a5a6; |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-grey h5, |
||||
.pricing-table-v5 .pricing-v5-grey h5 span { |
||||
color: #90a5a6; |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-grey .pricing-rounded { |
||||
border-color: #cfd5d5; |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-grey a .price-corner, |
||||
.pricing-table-v5 .pricing-v5-grey a .price-corner-2 { |
||||
border-color: #686f6f transparent transparent; |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-grey .pricing-v5-content li, |
||||
.pricing-table-v5 .pricing-v5-grey .pricing-v5-content li i { |
||||
color: #95a5a6; |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-purple { |
||||
border: 1px solid rgba(155,107,204, 0.5); |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-purple .pricing-v5-head, |
||||
.pricing-table-v5 .pricing-v5-purple .pricing-v5-content li { |
||||
border-bottom: 1px solid rgba(155,107,204, 0.1); |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-purple h4 { |
||||
background: rgba(155,107,204, 1); |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-purple h5, |
||||
.pricing-table-v5 .pricing-v5-purple h5 span { |
||||
color: rgba(155,107,204, 1); |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-purple .pricing-rounded { |
||||
border-color: rgba(155,107,204, 0.5); |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-purple a .price-corner, |
||||
.pricing-table-v5 .pricing-v5-purple a .price-corner-2 { |
||||
border-color: #5f2798 transparent transparent; |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-purple .pricing-v5-content li, |
||||
.pricing-table-v5 .pricing-v5-purple .pricing-v5-content li i { |
||||
color: rgba(155,107,204, 1); |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-aqua { |
||||
border: 1px solid rgba(39,215,231, 0.5); |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-aqua .pricing-v5-head, |
||||
.pricing-table-v5 .pricing-v5-aqua .pricing-v5-content li { |
||||
border-bottom: 1px solid rgba(39,215,231, 0.1); |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-aqua h4 { |
||||
background: rgba(39,215,231, 1); |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-aqua h5, |
||||
.pricing-table-v5 .pricing-v5-aqua h5 span { |
||||
color: rgba(39,215,231, 1); |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-aqua .pricing-rounded { |
||||
border-color: rgba(39,215,231, 0.5); |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-aqua a .price-corner, |
||||
.pricing-table-v5 .pricing-v5-aqua a .price-corner-2 { |
||||
border-color: #1b848e transparent transparent; |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-aqua .pricing-v5-content li, |
||||
.pricing-table-v5 .pricing-v5-aqua .pricing-v5-content li i { |
||||
color: rgba(39,215,231, 1); |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-brown { |
||||
border: 1px solid rgba(156,128,97, 0.5); |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-brown .pricing-v5-head, |
||||
.pricing-table-v5 .pricing-v5-brown .pricing-v5-content li { |
||||
border-bottom: 1px solid rgba(156,128,97, 0.1); |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-brown h4 { |
||||
background: rgba(156,128,97, 1); |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-brown h5, |
||||
.pricing-table-v5 .pricing-v5-brown h5 span { |
||||
color: rgba(156,128,97, 1); |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-brown .pricing-rounded { |
||||
border-color: rgba(156,128,97, 0.5); |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-brown a .price-corner, |
||||
.pricing-table-v5 .pricing-v5-brown a .price-corner-2 { |
||||
border-color: #705537 transparent transparent; |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-brown .pricing-v5-content li, |
||||
.pricing-table-v5 .pricing-v5-brown .pricing-v5-content li i { |
||||
color: rgba(156,128,97, 1); |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-dark-blue { |
||||
border: 1px solid rgba(71,101,160, 0.5); |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-dark-blue .pricing-v5-head, |
||||
.pricing-table-v5 .pricing-v5-dark-blue .pricing-v5-content li { |
||||
border-bottom: 1px solid rgba(71,101,160, 0.1); |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-dark-blue h4{ |
||||
background: rgba(71,101,160, 1); |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-dark-blue h5, |
||||
.pricing-table-v5 .pricing-v5-dark-blue h5 span { |
||||
color: rgba(71,101,160, 1); |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-dark-blue .pricing-rounded { |
||||
border-color: rgba(71,101,160, 1); |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-dark-blue a .price-corner, |
||||
.pricing-table-v5 .pricing-v5-dark-blue a .price-corner-2 { |
||||
border-color: #233d71 transparent transparent; |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-dark-blue .pricing-v5-content li, |
||||
.pricing-table-v5 .pricing-v5-dark-blue .pricing-v5-content li i { |
||||
color: rgba(71,101,160, 1); |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-light-green { |
||||
border: 1px solid rgba(121,213,179, 0.7) |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-light-green .pricing-v5-head, |
||||
.pricing-table-v5 .pricing-v5-light-green .pricing-v5-content li { |
||||
border-bottom: 1px solid rgba(121,213,179, 0.2) |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-light-green h4{ |
||||
background: rgba(121,213,179, 1); |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-light-green h5, |
||||
.pricing-table-v5 .pricing-v5-light-green h5 span { |
||||
color: rgba(121,213,179, 1); |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-light-green .pricing-rounded { |
||||
border-color: rgba(121,213,179, 0.5); |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-light-green a .price-corner, |
||||
.pricing-table-v5 .pricing-v5-light-green a .price-cornere-2 { |
||||
border-color: #2a8563 transparent transparent; |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-light-green .pricing-v5-content li, |
||||
.pricing-table-v5 .pricing-v5-light-green .pricing-v5-content li i { |
||||
color: rgba(121,213,179, 1); |
||||
} |
||||
|
||||
/* Devices (Large Screen Mode, 1200px more) */ |
||||
@media (min-width: 1200px) { |
||||
|
||||
.pricing-table-v5 .active { |
||||
-webkit-transform: scale(1.09); |
||||
-moz-transform: scale(1.09); |
||||
} |
||||
|
||||
} |
||||
|
||||
/* Devices (Desktop Mode, 992px and 1200px) */ |
||||
@media (min-width: 992px) and (max-width: 1200px) { |
||||
|
||||
.pricing-table-v5 .active { |
||||
-webkit-transform: scale(1.05); |
||||
-moz-transform: scale(1.05); |
||||
} |
||||
|
||||
.pricing-v5-head { |
||||
text-align: center; |
||||
} |
||||
.pricing-rounded { |
||||
margin: 17px 0 55px; |
||||
} |
||||
.pricing-table-v5 .pricing-v5-head a { |
||||
margin-top: -40px; |
||||
} |
||||
.pricing-table-v5 .pricing-v5-head .btn-u { |
||||
padding: 6px 46px 6px 40px; |
||||
} |
||||
|
||||
|
||||
} |
||||
|
||||
/* Devices (Tablet Mode, 768px and 991px) */ |
||||
@media (min-width: 767px) and (max-width: 991px) { |
||||
|
||||
.no-space-pricing [class^="col-"], |
||||
.no-space-pricing [class*=" col-"] { |
||||
padding: 9px; |
||||
} |
||||
|
||||
.pricing-v5-head { |
||||
text-align: center; |
||||
} |
||||
|
||||
.pricing-table-v5 .active { |
||||
-webkit-transform: scale(1.03); |
||||
-moz-transform: scale(1.03); |
||||
} |
||||
|
||||
.pricing-rounded { |
||||
margin: 17px 0 55px; |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-head a { |
||||
margin-top: -40px; |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-head .btn-u { |
||||
padding: 6px 26px 6px 30px; |
||||
} |
||||
|
||||
} |
||||
|
||||
/* Medium Devices (Phone Mode, 768px and less) */ |
||||
@media (max-width: 767px) { |
||||
/*Pricing Page*/ |
||||
|
||||
.no-space-pricing [class^="col-"], |
||||
.no-space-pricing [class*=" col-"] { |
||||
padding: 10px; |
||||
} |
||||
|
||||
|
||||
.pricing-table-v5 .pricing-v5-head h4 { |
||||
font-size: 14px; |
||||
font-weight: bold; |
||||
padding-left: 1px; |
||||
} |
||||
.pricing-table-v5 .pricing-v5-head h5 { |
||||
margin-left: 5px; |
||||
} |
||||
|
||||
} |
||||
|
||||
/* Medium Devices (Phone Mode, 768px and less) */ |
||||
@media (max-width: 550px) { |
||||
/*Pricing Page*/ |
||||
|
||||
.col-sm-3 { |
||||
width: 100% |
||||
} |
||||
|
||||
|
||||
} |
||||
@ -0,0 +1,112 @@ |
||||
|
||||
/*Pricing Page v5 |
||||
------------------------------------*/ |
||||
.no-space-pricing-v6 [class^="col-"], |
||||
.no-space-pricing-v6 [class*=" col-"] { |
||||
padding: 1px; |
||||
} |
||||
.row.no-space-pricing-v6 { |
||||
padding: 0 14px; |
||||
} |
||||
|
||||
.pricing-table-v6 i.icon-custom { |
||||
width: 80px; |
||||
height: 80px; |
||||
font-size: 40px; |
||||
padding-top: 17px; |
||||
} |
||||
|
||||
.pricing-table-v6 h3 { |
||||
font-size: 40px; |
||||
padding: 10px 0 0 0; |
||||
} |
||||
|
||||
.pricing-table-v6 h3, |
||||
.pricing-table-v6 h3 i, |
||||
.pricing-table-v6 h3 span { |
||||
color: #fff; |
||||
font-style: normal; |
||||
font-weight: 200 !important; |
||||
} |
||||
|
||||
.pricing-table-v6 h3 span { |
||||
font-size: 25px; |
||||
} |
||||
|
||||
.pricing-table-v6 h3 i { |
||||
font-size: 20px; |
||||
margin: 10px 0 0 4px; |
||||
display: inline-block; |
||||
} |
||||
|
||||
.pricing-table-v6 ul { |
||||
padding-bottom: 10px; |
||||
} |
||||
|
||||
.pricing-table-v6 ul li { |
||||
color: #fff; |
||||
padding: 5px 0; |
||||
font-size: 13px; |
||||
} |
||||
.pricing-table-v6 ul li span { |
||||
margin-right: 5px; |
||||
} |
||||
|
||||
.pricing-table-v6 .btn-u.btn-brd { |
||||
color: #fff; |
||||
display: block; |
||||
border-color: #fff; |
||||
} |
||||
|
||||
.pricing-table-v6 .btn-u.btn-brd:hover { |
||||
color: #555; |
||||
background: #fff; |
||||
border-color: transparent; |
||||
} |
||||
|
||||
.pricing-table-v6.v6-plus { |
||||
font-weight: 200; |
||||
} |
||||
|
||||
.pricing-table-v6.v6-plus ul li { |
||||
font-weight: 300; |
||||
} |
||||
.pricing-table-v6.v6-plus ul li span { |
||||
margin-right: 5px; |
||||
} |
||||
|
||||
.pricing-table-v6 .service-block-u { |
||||
background-color: #72c02c !important; |
||||
} |
||||
|
||||
} |
||||
/* Devices (Large Screen Mode, 1200px more) */ |
||||
@media (min-width: 1200px) { |
||||
|
||||
} |
||||
|
||||
/* Devices (Desktop Mode, 992px and 1200px) */ |
||||
@media (min-width: 992px) and (max-width: 1200px) { |
||||
|
||||
.pricing-table-v6 .service-block { |
||||
margin-bottom: 20px; |
||||
padding: 20px 15px; |
||||
text-align: center; |
||||
} |
||||
|
||||
/* Devices (Tablet Mode, 768px and 991px) */ |
||||
@media (min-width: 767px) and (max-width: 991px) { |
||||
|
||||
} |
||||
|
||||
/* Medium Devices (Phone Mode, 768px and less) */ |
||||
@media (max-width: 767px) { |
||||
|
||||
} |
||||
|
||||
/* Medium Devices (Phone Mode, 768px and less) */ |
||||
@media (max-width: 550px) { |
||||
.col-width-full { |
||||
width: 100%; |
||||
} |
||||
} |
||||
@ -0,0 +1,203 @@ |
||||
/*Pricing Page v7 |
||||
------------------------------------*/ |
||||
.pricing-table-v7 .no-space-pricing [class^="col-"], |
||||
.pricing-table-v7 .no-space-pricing [class*=" col-"] { |
||||
padding: 0; |
||||
} |
||||
|
||||
.pricing-table-v7 .no-row-space { |
||||
margin-right: 0; |
||||
margin-left: 0; |
||||
} |
||||
|
||||
.pricing-table-v7 .service-block { |
||||
margin-bottom: 0; |
||||
} |
||||
.pricing-table-v7 .pricing-inner-1, |
||||
.pricing-table-v7 .pricing-inner-2 { |
||||
border: 1px solid #eee; |
||||
} |
||||
|
||||
.pricing-table-v7 .pricing-inner-1 { |
||||
border-right: 0; |
||||
} |
||||
.pricing-table-v7 .pricing-inner-1, |
||||
.pricing-table-v7 .pricing-inner-2 { |
||||
border-top: 0; |
||||
padding: 20px 0; |
||||
} |
||||
|
||||
|
||||
.pricing-table-v7 .service-block h2 { |
||||
margin-bottom: 0; |
||||
} |
||||
.pricing-table-v7 .service-block > span { |
||||
color: #fff; |
||||
font-size: 50px; |
||||
margin-left: 25px; |
||||
position: relative; |
||||
display: inline-block; |
||||
} |
||||
.pricing-table-v7 .service-block > span .dollar { |
||||
top: 7px; |
||||
left: -13px; |
||||
position: absolute; |
||||
} |
||||
|
||||
.pricing-table-v7 .service-block > span i { |
||||
font-size: 15px; |
||||
margin-left: 3px; |
||||
margin-right: 2px; |
||||
font-style: normal; |
||||
} |
||||
|
||||
.pricing-table-v7 .service-block p { |
||||
padding-bottom: 7px; |
||||
} |
||||
|
||||
.pricing-table-v7 .pricing-body { |
||||
background-color: #fff; |
||||
} |
||||
|
||||
.pricing-table-v7 i { |
||||
font-size: 40px; |
||||
border: medium none; |
||||
} |
||||
|
||||
.pricing-table-v7 .pricing-body span { |
||||
display: block; |
||||
color: #959494; |
||||
font-size: 13px; |
||||
} |
||||
|
||||
.pricing-table-v7 .btn-u.btn-brd { |
||||
color: #fff; |
||||
border-color: #fff; |
||||
} |
||||
.pricing-table-v7 .btn-u.btn-brd:hover { |
||||
color: #555; |
||||
background: #fff; |
||||
border-color: transparent; |
||||
} |
||||
|
||||
.pricing-table-v7.service-block-u { |
||||
background-color: #72c02c !important; |
||||
} |
||||
|
||||
.pricing-table-v7.service-block-u .pricing-body i{ |
||||
color: #72c02c; |
||||
} |
||||
|
||||
.pricing-table-v7.service-block-dark-red .service-block{ |
||||
background: #b61332 |
||||
} |
||||
|
||||
.pricing-table-v7.service-block-dark-red .pricing-body i{ |
||||
color: #b61332; |
||||
} |
||||
.pricing-table-v7.service-block-teal .service-block{ |
||||
background: #2cd5b6 |
||||
} |
||||
|
||||
.pricing-table-v7.service-block-teal .pricing-body i{ |
||||
color: #2cd5b6; |
||||
} |
||||
.pricing-table-v7.service-block-sea .pricing-body i { |
||||
color: #1abc9c; |
||||
} |
||||
|
||||
.pricing-table-v7.service-block-grey .pricing-body i { |
||||
color: #95a5a6; |
||||
} |
||||
|
||||
.pricing-table-v7.service-block-yellow .pricing-body i { |
||||
color: #f1c40f; |
||||
} |
||||
|
||||
.pricing-table-v7.service-block-purple .pricing-body i { |
||||
color: #9b6bcc; |
||||
} |
||||
|
||||
.pricing-table-v7.service-block-aqua .pricing-body i { |
||||
color: #27d7e7; |
||||
} |
||||
|
||||
.pricing-table-v7.service-block-brown .pricing-body i { |
||||
color: #9c8061; |
||||
} |
||||
|
||||
.pricing-table-v7.service-block-light-green .pricing-body i { |
||||
color: #79d5b3; |
||||
} |
||||
|
||||
.pricing-table-v7.service-block-purple .pricing-body i { |
||||
color: #9b6bcc; |
||||
} |
||||
|
||||
.pricing-table-v7.service-block-blue .pricing-body i { |
||||
color: #3498db; |
||||
} |
||||
|
||||
.pricing-table-v7.service-block-dark-blue .pricing-body i { |
||||
color: #4765a0; |
||||
} |
||||
|
||||
.pricing-table-v7.service-block-red .pricing-body i { |
||||
color: #e74c3c; |
||||
} |
||||
|
||||
.pricing-table-v7.service-block-dark .pricing-body i { |
||||
color: #555; |
||||
} |
||||
|
||||
.pricing-table-v7.service-block-orange i.icon-color-light { |
||||
color: #e67e22; |
||||
} |
||||
|
||||
.pricing-table-v7.service-block-light .pricing-body span, |
||||
.pricing-table-v7.service-block-light .pricing-body i.icon-color-light { |
||||
color: #555; |
||||
} |
||||
|
||||
.pricing-table-v7.service-block-light .btn-u.btn-brd { |
||||
color: #555; |
||||
border-color: #888; |
||||
} |
||||
|
||||
.pricing-table-v7.service-block-light .btn-u.btn-brd:hover { |
||||
border-color: #ddd; |
||||
} |
||||
|
||||
/* Devices (Large Screen Mode, 1200px more) */ |
||||
@media (min-width: 1200px) { |
||||
|
||||
|
||||
} |
||||
|
||||
/* Devices (Desktop Mode, 992px and 1200px) */ |
||||
@media (min-width: 992px) and (max-width: 1200px) { |
||||
.pricing-table-v7 .no-space-pricing [class^="col-"], |
||||
.pricing-table-v7 .no-space-pricing [class*=" col-"] { |
||||
padding: 0; |
||||
} |
||||
|
||||
} |
||||
|
||||
/* Devices (Tablet Mode, 768px and 991px) */ |
||||
@media (min-width: 767px) and (max-width: 991px) { |
||||
|
||||
|
||||
} |
||||
|
||||
/* Medium Devices (Phone Mode, 768px and less) */ |
||||
@media (max-width: 767px) { |
||||
|
||||
|
||||
} |
||||
|
||||
/* Medium Devices (Phone Mode, 768px and less) */ |
||||
@media (max-width: 550px) { |
||||
.col-width-full { |
||||
width: 100%; |
||||
} |
||||
} |
||||
@ -0,0 +1,206 @@ |
||||
|
||||
|
||||
/*Pricing Page v8 |
||||
------------------------------------*/ |
||||
.pricing-table-v8 .no-space-pricing [class^="col-"], |
||||
.pricing-table-v8 .no-space-pricing [class*=" col-"] { |
||||
padding: 0; |
||||
} |
||||
|
||||
.pricing-table-v8 .no-row-space { |
||||
margin-right: 0; |
||||
margin-left: 0; |
||||
} |
||||
|
||||
.pricing-table-v8 .service-block { |
||||
margin-bottom: 0; |
||||
} |
||||
.pricing-table-v8 .pricing-inner-1, |
||||
.pricing-table-v8 .pricing-inner-2 { |
||||
border: 1px solid #eee; |
||||
} |
||||
|
||||
.pricing-table-v8 .pricing-inner-1 { |
||||
border-right: 0; |
||||
} |
||||
.pricing-table-v8 .pricing-inner-1, |
||||
.pricing-table-v8 .pricing-inner-2 { |
||||
border-top: 0; |
||||
padding: 40px 0 |
||||
} |
||||
|
||||
.pricing-table-v8 .service-block { |
||||
padding: 0 0 20px 0; |
||||
} |
||||
|
||||
.pricing-table-v8 .service-block h2 { |
||||
padding: 15px 0; |
||||
font-size: 25px; |
||||
margin-bottom: 0px; |
||||
background-color: rgba(0,0,0, 0.2); |
||||
} |
||||
.pricing-table-v8 .service-block > span { |
||||
color: #fff; |
||||
font-size: 50px; |
||||
margin-left: 25px; |
||||
position: relative; |
||||
display: inline-block; |
||||
} |
||||
.pricing-table-v8 .service-block > span .dollar { |
||||
top: 7px; |
||||
left: -13px; |
||||
position: absolute; |
||||
} |
||||
|
||||
.pricing-table-v8 .service-block > span i { |
||||
font-size: 15px; |
||||
margin-left: 3px; |
||||
margin-right: 2px; |
||||
font-style: normal; |
||||
} |
||||
|
||||
.pricing-table-v8 .service-block p { |
||||
margin: 0 42px 15px 42px; |
||||
} |
||||
|
||||
.pricing-table-v8 .pricing-body { |
||||
background-color: #fff; |
||||
} |
||||
|
||||
.pricing-table-v8 i { |
||||
font-size: 40px; |
||||
border: medium none; |
||||
} |
||||
|
||||
.pricing-table-v8 .pricing-body span { |
||||
display: block; |
||||
color: #959494; |
||||
font-size: 13px; |
||||
} |
||||
|
||||
.pricing-table-v8 .btn-u.btn-brd { |
||||
color: #fff; |
||||
border-color: #fff; |
||||
} |
||||
|
||||
.pricing-table-v8 .btn-u.btn-brd:hover { |
||||
color: #555; |
||||
background: #fff; |
||||
border-color: transparent; |
||||
} |
||||
.pricing-table-v8.service-block-u .pricing-body i{ |
||||
color: #72c02c; |
||||
} |
||||
|
||||
.pricing-table-v8.service-block-u { |
||||
background-color: #72c02c !important; |
||||
} |
||||
|
||||
.pricing-table-v8.service-block-dark-red .service-block{ |
||||
background: #b61332 |
||||
} |
||||
|
||||
.pricing-table-v8.service-block-dark-red .pricing-body i{ |
||||
color: #b61332; |
||||
} |
||||
.pricing-table-v8.service-block-teal .service-block{ |
||||
background: #2cd5b6 |
||||
} |
||||
|
||||
.pricing-table-v8.service-block-teal .pricing-body i{ |
||||
color: #2cd5b6; |
||||
} |
||||
|
||||
.pricing-table-v8.service-block-sea .pricing-body i{ |
||||
color: #1abc9c; |
||||
} |
||||
|
||||
.pricing-table-v8.service-block-grey .pricing-body i{ |
||||
color: #95a5a6; |
||||
} |
||||
|
||||
.pricing-table-v8.service-block-yellow .pricing-body i{ |
||||
color: #f1c40f; |
||||
} |
||||
|
||||
.pricing-table-v8.service-block-purple .pricing-body i{ |
||||
color: #9b6bcc; |
||||
} |
||||
|
||||
.pricing-table-v8.service-block-aqua .pricing-body i{ |
||||
color: #27d7e7; |
||||
} |
||||
|
||||
.pricing-table-v8.service-block-brown .pricing-body i{ |
||||
color: #9c8061; |
||||
} |
||||
|
||||
.pricing-table-v8.service-block-light-green .pricing-body i{ |
||||
color: #79d5b3; |
||||
} |
||||
|
||||
.pricing-table-v8.service-block-purple .pricing-body i{ |
||||
color: #9b6bcc; |
||||
} |
||||
|
||||
.pricing-table-v8.service-block-blue .pricing-body i{ |
||||
color: #3498db; |
||||
} |
||||
.pricing-table-v8.service-block-dark-blue .pricing-body i{ |
||||
color: #4765a0; |
||||
|
||||
}.pricing-table-v8.service-block-red .pricing-body i{ |
||||
color: #e74c3c; |
||||
} |
||||
|
||||
.pricing-table-v8.service-block-dark .pricing-body i{ |
||||
color: #555; |
||||
} |
||||
|
||||
.pricing-table-v8.service-block-orange .pricing-body i{ |
||||
color: #e67e22; |
||||
} |
||||
|
||||
.pricing-table-v8.service-block-light .pricing-body span, |
||||
.pricing-table-v8.service-block-light .pricing-body i{ |
||||
color: #555; |
||||
} |
||||
|
||||
.pricing-table-v8.service-block-light .btn-u.btn-brd { |
||||
color: #555; |
||||
border-color: #888; |
||||
} |
||||
.pricing-table-v8.service-block-light .btn-u.btn-brd:hover { |
||||
border-color: #ddd; |
||||
} |
||||
|
||||
/* Devices (Large Screen Mode, 1200px more) */ |
||||
@media (min-width: 1200px) { |
||||
|
||||
|
||||
} |
||||
|
||||
/* Devices (Desktop Mode, 992px and 1200px) */ |
||||
@media (min-width: 992px) and (max-width: 1200px) { |
||||
|
||||
|
||||
} |
||||
|
||||
/* Devices (Tablet Mode, 768px and 991px) */ |
||||
@media (min-width: 767px) and (max-width: 991px) { |
||||
|
||||
|
||||
} |
||||
|
||||
/* Medium Devices (Phone Mode, 768px and less) */ |
||||
@media (max-width: 767px) { |
||||
|
||||
|
||||
} |
||||
|
||||
/* Medium Devices (Phone Mode, 768px and less) */ |
||||
@media (max-width: 550px) { |
||||
.col-width-full { |
||||
width: 100%; |
||||
} |
||||
} |
||||
@ -0,0 +1,831 @@ |
||||
/*Profile |
||||
------------------------------------*/ |
||||
.profile .list-group i { |
||||
min-width: 20px; |
||||
margin-right: 5px; |
||||
text-align: center; |
||||
} |
||||
|
||||
.profile .heading-sm-v2 { |
||||
font-size: 16px; |
||||
} |
||||
|
||||
.profile .profile-body { |
||||
padding: 20px; |
||||
background: #f7f7f7; |
||||
} |
||||
|
||||
/*Scrollbar*/ |
||||
.contentHolder { |
||||
padding: 0; |
||||
height: 320px; |
||||
margin: 0px auto; |
||||
overflow: hidden; |
||||
position: relative; |
||||
} |
||||
|
||||
.spacer { |
||||
text-align: center |
||||
} |
||||
|
||||
/*Panel Title Box*/ |
||||
.profile .panel-profile { |
||||
border: none; |
||||
margin-bottom: 0; |
||||
box-shadow: none; |
||||
} |
||||
.profile .panel-profile.no-bg { |
||||
background: inherit; |
||||
} |
||||
|
||||
.profile .panel-heading { |
||||
color: #585f69; |
||||
background: #fff; |
||||
padding: 7px 15px; |
||||
border-bottom: solid 3px #f7f7f7; |
||||
} |
||||
|
||||
.profile .panel-heading-v2.overflow-h i.pull-right, |
||||
.profile .panel-heading.overflow-h i.pull-right { |
||||
top: 7px; |
||||
position: relative; |
||||
} |
||||
|
||||
.profile .panel-heading-v2.overflow-h i.pull-right, |
||||
.profile .panel-heading.overflow-h a i { |
||||
color: #777; |
||||
} |
||||
|
||||
.profile .panel-heading-v2.overflow-h i.pull-right, |
||||
.profile .panel-heading.overflow-h a:hover i { |
||||
color: #555; |
||||
} |
||||
|
||||
.profile .panel-title { |
||||
font-size: 16px; |
||||
} |
||||
|
||||
/*Notification*/ |
||||
.profile .notification { |
||||
overflow: hidden; |
||||
margin-bottom: 10px; |
||||
padding: 15px 15px 0 0; |
||||
border-top: 1px solid #eee; |
||||
} |
||||
|
||||
.profile .notification:first-child { |
||||
border-top: none; |
||||
} |
||||
|
||||
.profile .notification img, |
||||
.profile .notification i { |
||||
float: left; |
||||
margin-right: 10px; |
||||
} |
||||
|
||||
.profile .notification img { |
||||
width: 35px; |
||||
height: 35px; |
||||
} |
||||
|
||||
.profile .notification span { |
||||
color: #777; |
||||
display: block; |
||||
} |
||||
|
||||
.profile .notification small { |
||||
color: #999; |
||||
font-size: 11px; |
||||
} |
||||
|
||||
.profile .notification h4 { |
||||
margin: 0 0 3px; |
||||
font-size: 14px; |
||||
} |
||||
|
||||
.profile .notification p { |
||||
color: #777; |
||||
font-size: 12px; |
||||
} |
||||
|
||||
/*Profile Post*/ |
||||
.profile .profile-post { |
||||
background: #fff; |
||||
margin-bottom: 2px; |
||||
padding: 7px 7px 7px 0; |
||||
} |
||||
|
||||
.profile .profile-post.color-one { |
||||
border-left: 2px solid #72c02c; |
||||
} |
||||
.profile .profile-post.color-two { |
||||
border-left: 2px solid #3498db; |
||||
} |
||||
.profile .profile-post.color-three { |
||||
border-left: 2px solid #e74c3c; |
||||
} |
||||
.profile .profile-post.color-four { |
||||
border-left: 2px solid #9b6bcc; |
||||
} |
||||
.profile .profile-post.color-five { |
||||
border-left: 2px solid #555; |
||||
} |
||||
.profile .profile-post.color-six { |
||||
border-left: 2px solid #f1c40f; |
||||
} |
||||
.profile .profile-post.color-seven { |
||||
border-left: 2px solid #27d7e7; |
||||
} |
||||
|
||||
.profile .profile-post span.profile-post-numb { |
||||
float: left; |
||||
color: #999; |
||||
font-size: 20px; |
||||
font-weight: 200; |
||||
padding: 5px 12px; |
||||
} |
||||
|
||||
.profile .profile-post:hover span.profile-post-numb { |
||||
color: #72c02c; |
||||
} |
||||
|
||||
.profile .profile-post-in { |
||||
overflow: hidden; |
||||
} |
||||
|
||||
.profile .profile-post-in h3 a { |
||||
color: #555; |
||||
text-transform: uppercase; |
||||
} |
||||
|
||||
.profile .profile-post-in p { |
||||
color: #999; |
||||
margin-bottom: 5px; |
||||
} |
||||
|
||||
/*Profile Event*/ |
||||
.profile .profile-event .heading-xs { |
||||
margin-top: 0; |
||||
text-transform: uppercase; |
||||
} |
||||
|
||||
.profile .profile-event { |
||||
background: #fff; |
||||
padding: 10px 15px; |
||||
margin-bottom: 2px; |
||||
} |
||||
|
||||
.profile .profile-event p { |
||||
color: #999; |
||||
margin-bottom: 5px; |
||||
} |
||||
|
||||
.profile .date-formats { |
||||
color: #fff; |
||||
float: left; |
||||
text-align: center; |
||||
background: #72c02c; |
||||
margin: 7px 13px 0 0; |
||||
padding: 7px 10px 4px; |
||||
} |
||||
|
||||
.profile .date-formats span { |
||||
display: block; |
||||
font-size: 22px; |
||||
font-weight: 200; |
||||
line-height: 25px; |
||||
} |
||||
|
||||
/*Table*/ |
||||
.profile .table { |
||||
background: #fff; |
||||
} |
||||
|
||||
.profile .table > thead > tr > th, |
||||
.profile .table > tbody > tr > th, |
||||
.profile .table > tfoot > tr > th, |
||||
.profile .table > thead > tr > td, |
||||
.profile .table > tbody > tr > td, |
||||
.profile .table > tfoot > tr > td { |
||||
padding: 11px; |
||||
} |
||||
|
||||
/*Comment*/ |
||||
.profile .comment { |
||||
border-bottom: 1px solid #eee; |
||||
padding: 15px 15px 5px; |
||||
} |
||||
|
||||
.profile .comment img { |
||||
float: left; |
||||
width: 50px; |
||||
height: 50px; |
||||
margin-right: 15px; |
||||
} |
||||
|
||||
.profile .comment strong { |
||||
display: block; |
||||
line-height: 15px; |
||||
margin-bottom: 3px; |
||||
} |
||||
|
||||
.profile .comment p { |
||||
font-size: 12px; |
||||
margin-bottom: 0; |
||||
line-height: 17px; |
||||
} |
||||
|
||||
.profile .comment small { |
||||
color: #bbb; |
||||
font-weight: 200; |
||||
} |
||||
|
||||
.profile .comment-list li { |
||||
color: #999; |
||||
font-size: 11px; |
||||
} |
||||
|
||||
.profile .comment-list li a { |
||||
color: #555; |
||||
} |
||||
|
||||
.profile .comment-list li a:hover { |
||||
color: #555; |
||||
text-decoration: none; |
||||
} |
||||
|
||||
.profile .comment-list li:hover i { |
||||
color: #72c02c; |
||||
} |
||||
|
||||
/*Image Post*/ |
||||
.profile .img-post { |
||||
position: relative; |
||||
} |
||||
|
||||
.profile .img-post:before { |
||||
top: 0; |
||||
left: 0; |
||||
width: 100%; |
||||
height: 100%; |
||||
content: " "; |
||||
position: absolute; |
||||
background: rgba(0,0,0,0.4); |
||||
} |
||||
|
||||
.profile .img-post-in { |
||||
left: 0; |
||||
right: 0; |
||||
bottom: 0; |
||||
padding: 20px; |
||||
position: absolute; |
||||
} |
||||
|
||||
.profile .img-post-in h3 { |
||||
color: #fff; |
||||
margin: 0 auto; |
||||
font-weight: 200; |
||||
} |
||||
|
||||
.profile .img-post-in small { |
||||
color: #999; |
||||
display: block; |
||||
margin-bottom: 15px; |
||||
} |
||||
|
||||
.profile .img-post-in p { |
||||
color: #bbb; |
||||
} |
||||
|
||||
.profile .img-post-list { |
||||
margin-bottom: 0; |
||||
} |
||||
|
||||
.profile .img-post-list li a, |
||||
.profile .img-post-list li a:hover { |
||||
color: #fff; |
||||
text-decoration: none; |
||||
} |
||||
.profile .img-post-list li a:hover i { |
||||
color: #72c02c; |
||||
} |
||||
|
||||
/*Media*/ |
||||
.profile .media.media-v2 { |
||||
margin-top: 0; |
||||
padding: 25px 0 20px; |
||||
border-top: 1px solid #eee; |
||||
} |
||||
|
||||
.profile .media.media-v2:first-child { |
||||
border-top: none; |
||||
} |
||||
|
||||
.profile .media.media-v2 .media.media-v2 { |
||||
margin-top: 20px; |
||||
padding-bottom: 0; |
||||
} |
||||
|
||||
.profile .media.media-v2 img.media-object { |
||||
width: 50px; |
||||
height: 50px; |
||||
margin-right: 10px; |
||||
} |
||||
|
||||
/*Media Body*/ |
||||
.profile .media.media-v2 .media-body { |
||||
overflow: hidden; |
||||
} |
||||
|
||||
.profile .media.media-v2 .media-body p { |
||||
color: #777; |
||||
line-height: 1.4; |
||||
} |
||||
|
||||
/*Media Heading*/ |
||||
.profile .media.media-v2 .media-heading { |
||||
margin: 0 0 5px; |
||||
font-size: 13px; |
||||
position: relative; |
||||
} |
||||
|
||||
.profile .media.media-v2 .media-heading a, |
||||
.profile .media.media-v2 .media-heading a:hover { |
||||
color: #555; |
||||
} |
||||
|
||||
.profile .media.media-v2 .media-heading strong { |
||||
padding-right: 5px; |
||||
} |
||||
|
||||
.profile .media.media-v2 .media-heading small { |
||||
top: 7px; |
||||
right: 0; |
||||
color: #999; |
||||
font-size: 12px; |
||||
position: absolute; |
||||
} |
||||
|
||||
/*Results List*/ |
||||
.profile .results-list { |
||||
margin-top: 4px; |
||||
} |
||||
|
||||
.profile .results-list li a { |
||||
color: #999; |
||||
} |
||||
|
||||
/*Expand List*/ |
||||
.profile i.expand-list { |
||||
color: #777; |
||||
padding: 5px; |
||||
min-width: 20px; |
||||
font-size: 12px; |
||||
text-align: center; |
||||
display: inline-block; |
||||
border: 1px solid #777; |
||||
} |
||||
|
||||
.profile i.expand-list:hover { |
||||
color: #999; |
||||
border-color: #999; |
||||
} |
||||
|
||||
/*Image Uploaded*/ |
||||
.profile .img-uploaded li { |
||||
padding: 0; |
||||
} |
||||
|
||||
.profile .img-uploaded img { |
||||
width: 120px; |
||||
height: auto; |
||||
} |
||||
|
||||
/*Alert Blocks*/ |
||||
.alert-blocks { |
||||
margin: 0 15px 5px; |
||||
background: #f7f7f7; |
||||
padding: 10px 10px 13px; |
||||
} |
||||
|
||||
.alert-blocks:first-child { |
||||
margin-top: 15px; |
||||
} |
||||
|
||||
.alert-blocks-pending { |
||||
background: #fffdcc; |
||||
} |
||||
|
||||
.alert-blocks-success { |
||||
background: #e1febc; |
||||
} |
||||
|
||||
.alert-blocks-pending { |
||||
background: #fffdcc; |
||||
} |
||||
|
||||
.alert-blocks-error { |
||||
background: #fee0e0; |
||||
} |
||||
|
||||
.alert-blocks-info { |
||||
background: #e0f3fe; |
||||
} |
||||
|
||||
.alert-blocks.alert-dismissable { |
||||
padding-right: 35px; |
||||
} |
||||
|
||||
.alert-blocks i { |
||||
float: left; |
||||
margin-right: 15px; |
||||
} |
||||
|
||||
.alert-blocks img { |
||||
float: left; |
||||
width: 40px; |
||||
height: 40px; |
||||
margin-right: 15px; |
||||
} |
||||
|
||||
.alert-blocks strong small { |
||||
color: #a3a3a3; |
||||
font-weight: 200; |
||||
} |
||||
|
||||
.alert-blocks p { |
||||
color: #999; |
||||
margin-bottom: 0; |
||||
} |
||||
|
||||
/*Profile Me |
||||
------------------------------------*/ |
||||
/*Profile Biography*/ |
||||
.profile .profile-bio { |
||||
background: #fff; |
||||
position: relative; |
||||
padding: 15px 10px 5px 15px; |
||||
} |
||||
|
||||
.profile .profile-bio a { |
||||
left: 50%; |
||||
bottom: 20px; |
||||
margin-left: -60px; |
||||
text-align: center; |
||||
position: absolute; |
||||
} |
||||
|
||||
.profile .profile-bio h2 { |
||||
margin-top: 0; |
||||
font-weight: 200; |
||||
} |
||||
|
||||
.profile .profile-bio span { |
||||
display: block; |
||||
} |
||||
|
||||
.profile .profile-bio hr { |
||||
margin: 12px 0 10px; |
||||
} |
||||
|
||||
.profile .p-chart { |
||||
text-align: center; |
||||
} |
||||
|
||||
.profile .p-chart h3 { |
||||
line-height: 20px; |
||||
margin-bottom: 10px; |
||||
} |
||||
|
||||
/*Circle in Responsive*/ |
||||
@media (max-width: 450px) { |
||||
.p-chart.col-xs-6 { |
||||
width: 100%; |
||||
} |
||||
} |
||||
|
||||
/*Timeline*/ |
||||
.profile .timeline-v2.timeline-me:before { |
||||
left: 19%; |
||||
} |
||||
|
||||
.profile .timeline-v2.timeline-me p { |
||||
margin-bottom: 0; |
||||
} |
||||
|
||||
.profile .timeline-v2.timeline-me > li .cbp_tmtime { |
||||
width: 27%; |
||||
} |
||||
|
||||
.profile .timeline-v2.timeline-me > li .cbp_tmicon { |
||||
left: 19%; |
||||
} |
||||
|
||||
.profile .timeline-v2.timeline-me > li .cbp_tmtime span:first-child { |
||||
color: #585f69; |
||||
font-size: 16px; |
||||
text-align: left; |
||||
line-height: 20px; |
||||
} |
||||
|
||||
.profile .timeline-v2.timeline-me > li .cbp_tmtime span:last-child { |
||||
color: #999; |
||||
font-size: 14px; |
||||
text-align: left; |
||||
} |
||||
|
||||
.profile .timeline-v2.timeline-me > li .cbp_tmlabel { |
||||
padding: 0; |
||||
background: inherit; |
||||
margin: 0 0 20px 23%; |
||||
} |
||||
|
||||
.profile .timeline-v2.timeline-me > li .cbp_tmlabel:after { |
||||
border-color: inherit; |
||||
} |
||||
|
||||
.profile .timeline-v2.timeline-me > li .cbp_tmlabel h2 { |
||||
margin: 0 auto; |
||||
font-size: 17px; |
||||
line-height: 20px; |
||||
border-bottom: none; |
||||
} |
||||
|
||||
/*Social Contacts v2*/ |
||||
.profile .social-contacts-v2 { |
||||
margin-bottom: 0; |
||||
} |
||||
|
||||
.profile .social-contacts-v2 li { |
||||
padding: 7px 0; |
||||
border-top: 1px solid #f0f0f0; |
||||
} |
||||
|
||||
.profile .social-contacts-v2 li:first-child { |
||||
border-top: none; |
||||
} |
||||
|
||||
.profile .social-contacts-v2 li i { |
||||
font-size: 16px; |
||||
min-width: 25px; |
||||
margin-right: 7px; |
||||
text-align: center; |
||||
display: inline-block; |
||||
} |
||||
|
||||
.profile .social-contacts-v2 li i.tw { |
||||
color: #159ceb; |
||||
} |
||||
.profile .social-contacts-v2 li i.fb { |
||||
color: #4862a3; |
||||
} |
||||
.profile .social-contacts-v2 li i.sk { |
||||
color: #00aceb; |
||||
} |
||||
.profile .social-contacts-v2 li i.gp { |
||||
color: #dc4a38; |
||||
} |
||||
.profile .social-contacts-v2 li i.gm { |
||||
color: #c6574b; |
||||
} |
||||
|
||||
/*Social Contacts v3*/ |
||||
.profile .social-contacts-v3 { |
||||
margin-bottom: 0; |
||||
} |
||||
|
||||
.profile .social-contacts-v3 li { |
||||
padding: 12px 0; |
||||
border-top: 1px solid #f0f0f0; |
||||
} |
||||
|
||||
.profile .social-contacts-v3 li:first-child { |
||||
padding-top: 0; |
||||
border-top: none; |
||||
} |
||||
|
||||
.profile .social-contacts-v3 li:last-child { |
||||
padding-bottom: 0; |
||||
} |
||||
|
||||
.profile .social-contacts-v3 li i { |
||||
color: #fff; |
||||
width: 25px; |
||||
height: 25px; |
||||
line-height: 25px; |
||||
margin-right: 7px; |
||||
text-align: center; |
||||
display: inline-block; |
||||
} |
||||
|
||||
.profile .social-contacts-v3 li i.tw { |
||||
background: #159ceb; |
||||
} |
||||
.profile .social-contacts-v3 li i.fb { |
||||
background: #4862a3; |
||||
} |
||||
.profile .social-contacts-v3 li i.sk { |
||||
background: #00aceb; |
||||
} |
||||
.profile .social-contacts-v3 li i.gp { |
||||
background: #dc4a38; |
||||
} |
||||
.profile .social-contacts-v3 li i.gm { |
||||
background: #c6574b; |
||||
} |
||||
|
||||
/*Profile Blog |
||||
------------------------------------*/ |
||||
.profile .blog-border { |
||||
border: 1px solid #f0f0f0; |
||||
} |
||||
|
||||
.profile .profile-blog { |
||||
padding: 20px; |
||||
background: #fff; |
||||
} |
||||
|
||||
.profile .profile-blog img { |
||||
float: left; |
||||
width: 50px; |
||||
height: 50px; |
||||
margin-right: 20px; |
||||
} |
||||
|
||||
.profile .profile-blog hr { |
||||
margin: 12px 0 10px; |
||||
} |
||||
|
||||
.profile .name-location { |
||||
overflow: hidden; |
||||
} |
||||
|
||||
.profile .name-location strong { |
||||
color: #555; |
||||
display: block; |
||||
font-size: 16px; |
||||
} |
||||
|
||||
.profile .name-location span a { |
||||
color: #555; |
||||
} |
||||
|
||||
.profile .name-location span a:hover { |
||||
color: #72c02c; |
||||
} |
||||
|
||||
.profile .name-location span i { |
||||
color: #72c02c; |
||||
font-size: 18px; |
||||
margin-right: 5px; |
||||
} |
||||
|
||||
/*Profile Projects |
||||
------------------------------------*/ |
||||
.profile .projects { |
||||
background: #fff; |
||||
padding: 20px 20px 10px; |
||||
} |
||||
|
||||
.profile .projects h2 { |
||||
margin: 0 0 5px; |
||||
font-size: 22px; |
||||
font-weight: 200; |
||||
} |
||||
|
||||
.profile .projects h3 { |
||||
margin-bottom: 5px; |
||||
} |
||||
|
||||
.profile .projects .progress { |
||||
margin-bottom: 15px; |
||||
} |
||||
|
||||
.profile .blog-info-v2 { |
||||
margin-left: 0; |
||||
margin-bottom: 15px; |
||||
} |
||||
|
||||
.profile .blog-info-v2 li { |
||||
font-size: 12px; |
||||
padding-left: 8px; |
||||
line-height: 12px; |
||||
border-left: 1px solid #eee; |
||||
} |
||||
|
||||
.profile .blog-info-v2 li:first-child { |
||||
padding-left: 0; |
||||
border-left: none; |
||||
} |
||||
|
||||
.profile .blog-info-v2 li i { |
||||
margin-right: 3px; |
||||
} |
||||
|
||||
.profile .project-share { |
||||
overflow: hidden; |
||||
background: #fff; |
||||
padding: 10px 20px; |
||||
border-top: 1px solid #eee; |
||||
} |
||||
|
||||
.profile .project-share ul { |
||||
margin-left: 0; |
||||
margin-bottom: 0; |
||||
} |
||||
|
||||
.profile .comment-list-v2 li { |
||||
color: #999; |
||||
font-size: 14px; |
||||
padding: 0 10px 0 0; |
||||
} |
||||
|
||||
.profile .comment-list-v2 li a { |
||||
color: #555; |
||||
} |
||||
|
||||
.profile .comment-list-v2 li i { |
||||
margin-right: 3px; |
||||
} |
||||
|
||||
.profile .comment-list-v2 li a:hover { |
||||
color: #555; |
||||
text-decoration: none; |
||||
} |
||||
|
||||
.profile .comment-list-v2 li:hover i { |
||||
color: #72c02c; |
||||
} |
||||
|
||||
.profile .star-vote li { |
||||
padding: 0; |
||||
font-size: 15px; |
||||
} |
||||
|
||||
/*Profile History |
||||
------------------------------------*/ |
||||
.profile .timeline-v2:before { |
||||
background: #eee; |
||||
} |
||||
|
||||
.profile .timeline-v2 > li .cbp_tmlabel { |
||||
background: #fff; |
||||
} |
||||
|
||||
.profile .timeline-v2 > li .cbp_tmlabel:after { |
||||
border-right-color: #fff; |
||||
} |
||||
|
||||
@media screen and (max-width: 767px) { |
||||
.profile .timeline-v2 > li .cbp_tmlabel:after { |
||||
border-bottom-color: #fff; |
||||
border-right-color: transparent; |
||||
} |
||||
} |
||||
|
||||
@media screen (min-width: 768px) and (max-width: 992px) { |
||||
.profile .timeline-v2 > li .cbp_tmlabel:after { |
||||
border-bottom-color: #fff; |
||||
border-right-color: transparent; |
||||
} |
||||
} |
||||
|
||||
/*Profile Settings |
||||
------------------------------------*/ |
||||
/*Profile Edit*/ |
||||
.profile .profile-edit { |
||||
padding: 20px; |
||||
background: #fff; |
||||
} |
||||
|
||||
.profile .profile-edit h2 { |
||||
font-weight: 200; |
||||
} |
||||
|
||||
.profile .profile-edit dt { |
||||
text-align: inherit; |
||||
} |
||||
|
||||
.profile .profile-edit hr { |
||||
margin: 17px 0 15px; |
||||
} |
||||
|
||||
/*Tab*/ |
||||
.profile .tab-content { |
||||
padding: 0; |
||||
} |
||||
|
||||
@media (max-width: 768px) { |
||||
.profile .tab-v1 .nav-tabs { |
||||
border-bottom: none; |
||||
} |
||||
} |
||||
|
||||
/*Sky Form*/ |
||||
.profile .sky-form { |
||||
border: none; |
||||
} |
||||
|
||||
.profile .sky-form .toggle-change i { |
||||
left: 180px; |
||||
} |
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,68 @@ |
||||
/* |
||||
* Template Name: Unify - Responsive Bootstrap Template |
||||
* Description: Business, Corporate, Portfolio, E-commerce, Blog and One Page Template. |
||||
* Version: 1.6 |
||||
* Author: @htmlstream |
||||
* Website: http://htmlstream.com |
||||
*/ |
||||
|
||||
.shadow-wrapper { |
||||
z-index: 1; |
||||
position: relative; |
||||
} |
||||
|
||||
/*Common Style*/ |
||||
.box-shadow { |
||||
background: #fff; |
||||
position: relative; |
||||
} |
||||
|
||||
.box-shadow:after, |
||||
.box-shadow:before { |
||||
top: 80%; |
||||
left: 5px; |
||||
width: 50%; |
||||
z-index: -1; |
||||
content: ""; |
||||
bottom: 15px; |
||||
max-width: 300px; |
||||
background: #999; |
||||
position: absolute; |
||||
} |
||||
|
||||
/*Effect 1*/ |
||||
.shadow-effect-1 { |
||||
box-shadow: 0 10px 6px -6px #bbb; |
||||
-moz-box-shadow: 0 10px 6px -6px #bbb; |
||||
-webkit-box-shadow: 0 10px 6px -6px #bbb; |
||||
} |
||||
|
||||
/*Effect 2,3,4*/ |
||||
.shadow-effect-2 { |
||||
position: relative; |
||||
} |
||||
|
||||
.shadow-effect-2:after, |
||||
.shadow-effect-2:before, |
||||
.shadow-effect-3:before, |
||||
.shadow-effect-4:after { |
||||
transform: rotate(-3deg); |
||||
-o-transform: rotate(-3deg); |
||||
-ms-transform: rotate(-3deg); |
||||
-moz-transform: rotate(-3deg); |
||||
-webkit-transform: rotate(-3deg); |
||||
box-shadow: 0 15px 10px #999; |
||||
-moz-box-shadow: 0 15px 10px #999; |
||||
-webkit-box-shadow: 0 15px 10px #999; |
||||
} |
||||
|
||||
.shadow-effect-2:after, |
||||
.shadow-effect-4:after { |
||||
left: auto; |
||||
right: 5px; |
||||
transform: rotate(3deg); |
||||
-o-transform: rotate(3deg); |
||||
-ms-transform: rotate(3deg); |
||||
-moz-transform: rotate(3deg); |
||||
-webkit-transform: rotate(3deg); |
||||
} |
||||
@ -0,0 +1,6 @@ |
||||
language: node_js |
||||
node_js: |
||||
- "0.10" |
||||
before_install: npm install -g grunt-cli coffee-script |
||||
install: npm install |
||||
before_script: grunt build |
||||
@ -0,0 +1,21 @@ |
||||
@mixin btn($color) { |
||||
background-color: transparent; |
||||
border-color: $color; |
||||
color: $color; |
||||
|
||||
&:hover { |
||||
background-color: $color; |
||||
color: rgb(255, 255, 255); |
||||
} |
||||
} |
||||
|
||||
@mixin btn-inversed($color) { |
||||
background-color: $color; |
||||
border-color: $color; |
||||
color: rgb(255, 255, 255); |
||||
|
||||
&:hover { |
||||
background-color: transparent; |
||||
color: $color; |
||||
} |
||||
} |
||||
@ -0,0 +1,93 @@ |
||||
$brands: |
||||
amazon rgb(242,158,55), |
||||
delicious rgb(50,113,203), |
||||
digg rgb(22,70,115), |
||||
disqus rgb(46,159,255), |
||||
eventbrite rgb(255,86,22), |
||||
eventful rgb(55,96,149), |
||||
intensedebate rgb(0,153,225), |
||||
lanyrd rgb(46,106,194), |
||||
pinboard rgb(0,0,255), |
||||
songkick rgb(255,0,80), |
||||
stumbleupon rgb(235,73,36), |
||||
|
||||
gmail rgb(219,64,56), |
||||
google rgb(78,108,247), |
||||
evernote rgb(107,177,48), |
||||
grooveshark rgb(233,122,47), |
||||
instapaper rgb(34,34,34), |
||||
itunes rgb(82,81,82), |
||||
opentable rgb(153,0,0), |
||||
logmein rgb(0,0,0), |
||||
ninetyninedesigns rgb(7,34,67), |
||||
paypal rgb(50,104,154), |
||||
pocket rgb(222,90,95), |
||||
scribd rgb(35,28,26), |
||||
spotify rgb(96,175,0), |
||||
statusnet rgb(130,157,37), |
||||
stripe rgb(47,126,214), |
||||
yahoo rgb(162,0,194), |
||||
yelp rgb(230,0,16), |
||||
|
||||
wikipedia rgb(17,17,17), |
||||
wordpress rgb(70,70,70), |
||||
ycombinator rgb(255,102,0), |
||||
|
||||
bitcoin rgb(235,151,55), |
||||
cloudapp rgb(49,44,42), |
||||
creativecommons rgb(0,0,0), |
||||
dropbox rgb(0,126,229), |
||||
html5 rgb(255,54,23), |
||||
ie rgb(0,161,217), |
||||
podcast rgb(147,101,206), |
||||
rss rgb(255,127,37), |
||||
skype rgb(0,162,237), |
||||
steam rgb(0,0,0), |
||||
windows rgb(72,187,239), |
||||
|
||||
android rgb(164,198,57), |
||||
appstore rgb(0,0,0), |
||||
googleplay rgb(185,193,62), |
||||
macstore rgb(0,125,203), |
||||
|
||||
appnet rgb(49,120,189), |
||||
blogger rgb(238,90,34), |
||||
bitbucket rgb(32,80,129), |
||||
dribbble rgb(234,76,137), |
||||
facebook rgb(72,99,174), |
||||
flattr rgb(138,186,66), |
||||
flickr rgb(255,0,132), |
||||
foursquare rgb(0,114,177), |
||||
github rgb(23,21,21), |
||||
googleplus rgb(221,74,56), |
||||
gowalla rgb(255,114,10), |
||||
instagram rgb(63,114,155), |
||||
klout rgb(227,74,37), |
||||
lastfm rgb(220,26,35), |
||||
linkedin rgb(0,131,168), |
||||
meetup rgb(255,0,38), |
||||
myspace rgb(0,0,0), |
||||
pinterest rgb(201,22,24), |
||||
quora rgb(168,36,0), |
||||
reddit rgb(255,87,0), |
||||
plurk rgb(207,104,47), |
||||
smashing rgb(255,79,39), |
||||
soundcloud rgb(255,69,0), |
||||
stackoverflow rgb(241,132,54), |
||||
tumblr rgb(55,74,97), |
||||
twitter rgb(70,192,251), |
||||
viadeo rgb(231,115,46), |
||||
vimeo rgb(0,162,205), |
||||
vk rgb(69,104,142), |
||||
weibo rgb(215,88,77), |
||||
xing rgb(10,93,94), |
||||
youtube rgb(255,0,0), |
||||
|
||||
csgo rgb(182,115,0), |
||||
dota2 rgb(195,61,43), |
||||
gm rgb(17,148,240), |
||||
lol rgb(215, 153, 34), |
||||
minecraft rgb(148,200,100), |
||||
tf2 rgb(179,82,21), |
||||
quake rgb(205,24,0), |
||||
wot rgb(255,64,5); |
||||
@ -0,0 +1,8 @@ |
||||
@import "_variables"; |
||||
@import "_mixins"; |
||||
|
||||
@each $item in $brands { |
||||
.btn-#{nth($item, 1)}-inversed { |
||||
@include btn-inversed( #{nth($item, 2)} ); |
||||
} |
||||
} |
||||
@ -0,0 +1,8 @@ |
||||
@import "_variables"; |
||||
@import "_mixins"; |
||||
|
||||
@each $item in $brands { |
||||
.btn-#{nth($item, 1)} { |
||||
@include btn( #{nth($item, 2)} ); |
||||
} |
||||
} |
||||
@ -0,0 +1,694 @@ |
||||
.btn:hover { |
||||
-webkit-transition: all 0.3s ease-in-out; |
||||
-moz-transition: all 0.3s ease-in-out; |
||||
-o-transition: all 0.3s ease-in-out; |
||||
transition: all 0.3s ease-in-out; |
||||
} |
||||
|
||||
.btn-amazon-inversed { |
||||
background-color: #f29e37; |
||||
border-color: #f29e37; |
||||
color: white; } |
||||
.btn-amazon-inversed:hover { |
||||
background-color: transparent; |
||||
color: #f29e37; } |
||||
|
||||
.btn-delicious-inversed { |
||||
background-color: #3271cb; |
||||
border-color: #3271cb; |
||||
color: white; } |
||||
.btn-delicious-inversed:hover { |
||||
background-color: transparent; |
||||
color: #3271cb; } |
||||
|
||||
.btn-digg-inversed { |
||||
background-color: #164673; |
||||
border-color: #164673; |
||||
color: white; } |
||||
.btn-digg-inversed:hover { |
||||
background-color: transparent; |
||||
color: #164673; } |
||||
|
||||
.btn-disqus-inversed { |
||||
background-color: #2e9fff; |
||||
border-color: #2e9fff; |
||||
color: white; } |
||||
.btn-disqus-inversed:hover { |
||||
background-color: transparent; |
||||
color: #2e9fff; } |
||||
|
||||
.btn-eventbrite-inversed { |
||||
background-color: #ff5616; |
||||
border-color: #ff5616; |
||||
color: white; } |
||||
.btn-eventbrite-inversed:hover { |
||||
background-color: transparent; |
||||
color: #ff5616; } |
||||
|
||||
.btn-eventful-inversed { |
||||
background-color: #376095; |
||||
border-color: #376095; |
||||
color: white; } |
||||
.btn-eventful-inversed:hover { |
||||
background-color: transparent; |
||||
color: #376095; } |
||||
|
||||
.btn-intensedebate-inversed { |
||||
background-color: #0099e1; |
||||
border-color: #0099e1; |
||||
color: white; } |
||||
.btn-intensedebate-inversed:hover { |
||||
background-color: transparent; |
||||
color: #0099e1; } |
||||
|
||||
.btn-lanyrd-inversed { |
||||
background-color: #2e6ac2; |
||||
border-color: #2e6ac2; |
||||
color: white; } |
||||
.btn-lanyrd-inversed:hover { |
||||
background-color: transparent; |
||||
color: #2e6ac2; } |
||||
|
||||
.btn-pinboard-inversed { |
||||
background-color: #0000ff; |
||||
border-color: #0000ff; |
||||
color: white; } |
||||
.btn-pinboard-inversed:hover { |
||||
background-color: transparent; |
||||
color: #0000ff; } |
||||
|
||||
.btn-songkick-inversed { |
||||
background-color: #ff0050; |
||||
border-color: #ff0050; |
||||
color: white; } |
||||
.btn-songkick-inversed:hover { |
||||
background-color: transparent; |
||||
color: #ff0050; } |
||||
|
||||
.btn-stumbleupon-inversed { |
||||
background-color: #eb4924; |
||||
border-color: #eb4924; |
||||
color: white; } |
||||
.btn-stumbleupon-inversed:hover { |
||||
background-color: transparent; |
||||
color: #eb4924; } |
||||
|
||||
.btn-gmail-inversed { |
||||
background-color: #db4038; |
||||
border-color: #db4038; |
||||
color: white; } |
||||
.btn-gmail-inversed:hover { |
||||
background-color: transparent; |
||||
color: #db4038; } |
||||
|
||||
.btn-google-inversed { |
||||
background-color: #4e6cf7; |
||||
border-color: #4e6cf7; |
||||
color: white; } |
||||
.btn-google-inversed:hover { |
||||
background-color: transparent; |
||||
color: #4e6cf7; } |
||||
|
||||
.btn-evernote-inversed { |
||||
background-color: #6bb130; |
||||
border-color: #6bb130; |
||||
color: white; } |
||||
.btn-evernote-inversed:hover { |
||||
background-color: transparent; |
||||
color: #6bb130; } |
||||
|
||||
.btn-grooveshark-inversed { |
||||
background-color: #e97a2f; |
||||
border-color: #e97a2f; |
||||
color: white; } |
||||
.btn-grooveshark-inversed:hover { |
||||
background-color: transparent; |
||||
color: #e97a2f; } |
||||
|
||||
.btn-instapaper-inversed { |
||||
background-color: #222222; |
||||
border-color: #222222; |
||||
color: white; } |
||||
.btn-instapaper-inversed:hover { |
||||
background-color: transparent; |
||||
color: #222222; } |
||||
|
||||
.btn-itunes-inversed { |
||||
background-color: #525152; |
||||
border-color: #525152; |
||||
color: white; } |
||||
.btn-itunes-inversed:hover { |
||||
background-color: transparent; |
||||
color: #525152; } |
||||
|
||||
.btn-opentable-inversed { |
||||
background-color: #990000; |
||||
border-color: #990000; |
||||
color: white; } |
||||
.btn-opentable-inversed:hover { |
||||
background-color: transparent; |
||||
color: #990000; } |
||||
|
||||
.btn-logmein-inversed { |
||||
background-color: #000000; |
||||
border-color: #000000; |
||||
color: white; } |
||||
.btn-logmein-inversed:hover { |
||||
background-color: transparent; |
||||
color: #000000; } |
||||
|
||||
.btn-ninetyninedesigns-inversed { |
||||
background-color: #072243; |
||||
border-color: #072243; |
||||
color: white; } |
||||
.btn-ninetyninedesigns-inversed:hover { |
||||
background-color: transparent; |
||||
color: #072243; } |
||||
|
||||
.btn-paypal-inversed { |
||||
background-color: #32689a; |
||||
border-color: #32689a; |
||||
color: white; } |
||||
.btn-paypal-inversed:hover { |
||||
background-color: transparent; |
||||
color: #32689a; } |
||||
|
||||
.btn-pocket-inversed { |
||||
background-color: #de5a5f; |
||||
border-color: #de5a5f; |
||||
color: white; } |
||||
.btn-pocket-inversed:hover { |
||||
background-color: transparent; |
||||
color: #de5a5f; } |
||||
|
||||
.btn-scribd-inversed { |
||||
background-color: #231c1a; |
||||
border-color: #231c1a; |
||||
color: white; } |
||||
.btn-scribd-inversed:hover { |
||||
background-color: transparent; |
||||
color: #231c1a; } |
||||
|
||||
.btn-spotify-inversed { |
||||
background-color: #60af00; |
||||
border-color: #60af00; |
||||
color: white; } |
||||
.btn-spotify-inversed:hover { |
||||
background-color: transparent; |
||||
color: #60af00; } |
||||
|
||||
.btn-statusnet-inversed { |
||||
background-color: #829d25; |
||||
border-color: #829d25; |
||||
color: white; } |
||||
.btn-statusnet-inversed:hover { |
||||
background-color: transparent; |
||||
color: #829d25; } |
||||
|
||||
.btn-stripe-inversed { |
||||
background-color: #2f7ed6; |
||||
border-color: #2f7ed6; |
||||
color: white; } |
||||
.btn-stripe-inversed:hover { |
||||
background-color: transparent; |
||||
color: #2f7ed6; } |
||||
|
||||
.btn-yahoo-inversed { |
||||
background-color: #a200c2; |
||||
border-color: #a200c2; |
||||
color: white; } |
||||
.btn-yahoo-inversed:hover { |
||||
background-color: transparent; |
||||
color: #a200c2; } |
||||
|
||||
.btn-yelp-inversed { |
||||
background-color: #e60010; |
||||
border-color: #e60010; |
||||
color: white; } |
||||
.btn-yelp-inversed:hover { |
||||
background-color: transparent; |
||||
color: #e60010; } |
||||
|
||||
.btn-wikipedia-inversed { |
||||
background-color: #111111; |
||||
border-color: #111111; |
||||
color: white; } |
||||
.btn-wikipedia-inversed:hover { |
||||
background-color: transparent; |
||||
color: #111111; } |
||||
|
||||
.btn-wordpress-inversed { |
||||
background-color: #464646; |
||||
border-color: #464646; |
||||
color: white; } |
||||
.btn-wordpress-inversed:hover { |
||||
background-color: transparent; |
||||
color: #464646; } |
||||
|
||||
.btn-ycombinator-inversed { |
||||
background-color: #ff6600; |
||||
border-color: #ff6600; |
||||
color: white; } |
||||
.btn-ycombinator-inversed:hover { |
||||
background-color: transparent; |
||||
color: #ff6600; } |
||||
|
||||
.btn-bitcoin-inversed { |
||||
background-color: #eb9737; |
||||
border-color: #eb9737; |
||||
color: white; } |
||||
.btn-bitcoin-inversed:hover { |
||||
background-color: transparent; |
||||
color: #eb9737; } |
||||
|
||||
.btn-cloudapp-inversed { |
||||
background-color: #312c2a; |
||||
border-color: #312c2a; |
||||
color: white; } |
||||
.btn-cloudapp-inversed:hover { |
||||
background-color: transparent; |
||||
color: #312c2a; } |
||||
|
||||
.btn-creativecommons-inversed { |
||||
background-color: #000000; |
||||
border-color: #000000; |
||||
color: white; } |
||||
.btn-creativecommons-inversed:hover { |
||||
background-color: transparent; |
||||
color: #000000; } |
||||
|
||||
.btn-dropbox-inversed { |
||||
background-color: #007ee5; |
||||
border-color: #007ee5; |
||||
color: white; } |
||||
.btn-dropbox-inversed:hover { |
||||
background-color: transparent; |
||||
color: #007ee5; } |
||||
|
||||
.btn-html5-inversed { |
||||
background-color: #ff3617; |
||||
border-color: #ff3617; |
||||
color: white; } |
||||
.btn-html5-inversed:hover { |
||||
background-color: transparent; |
||||
color: #ff3617; } |
||||
|
||||
.btn-ie-inversed { |
||||
background-color: #00a1d9; |
||||
border-color: #00a1d9; |
||||
color: white; } |
||||
.btn-ie-inversed:hover { |
||||
background-color: transparent; |
||||
color: #00a1d9; } |
||||
|
||||
.btn-podcast-inversed { |
||||
background-color: #9365ce; |
||||
border-color: #9365ce; |
||||
color: white; } |
||||
.btn-podcast-inversed:hover { |
||||
background-color: transparent; |
||||
color: #9365ce; } |
||||
|
||||
.btn-rss-inversed { |
||||
background-color: #ff7f25; |
||||
border-color: #ff7f25; |
||||
color: white; } |
||||
.btn-rss-inversed:hover { |
||||
background-color: transparent; |
||||
color: #ff7f25; } |
||||
|
||||
.btn-skype-inversed { |
||||
background-color: #00a2ed; |
||||
border-color: #00a2ed; |
||||
color: white; } |
||||
.btn-skype-inversed:hover { |
||||
background-color: transparent; |
||||
color: #00a2ed; } |
||||
|
||||
.btn-steam-inversed { |
||||
background-color: #000000; |
||||
border-color: #000000; |
||||
color: white; } |
||||
.btn-steam-inversed:hover { |
||||
background-color: transparent; |
||||
color: #000000; } |
||||
|
||||
.btn-windows-inversed { |
||||
background-color: #48bbef; |
||||
border-color: #48bbef; |
||||
color: white; } |
||||
.btn-windows-inversed:hover { |
||||
background-color: transparent; |
||||
color: #48bbef; } |
||||
|
||||
.btn-android-inversed { |
||||
background-color: #a4c639; |
||||
border-color: #a4c639; |
||||
color: white; } |
||||
.btn-android-inversed:hover { |
||||
background-color: transparent; |
||||
color: #a4c639; } |
||||
|
||||
.btn-appstore-inversed { |
||||
background-color: #000000; |
||||
border-color: #000000; |
||||
color: white; } |
||||
.btn-appstore-inversed:hover { |
||||
background-color: transparent; |
||||
color: #000000; } |
||||
|
||||
.btn-googleplay-inversed { |
||||
background-color: #b9c13e; |
||||
border-color: #b9c13e; |
||||
color: white; } |
||||
.btn-googleplay-inversed:hover { |
||||
background-color: transparent; |
||||
color: #b9c13e; } |
||||
|
||||
.btn-macstore-inversed { |
||||
background-color: #007dcb; |
||||
border-color: #007dcb; |
||||
color: white; } |
||||
.btn-macstore-inversed:hover { |
||||
background-color: transparent; |
||||
color: #007dcb; } |
||||
|
||||
.btn-appnet-inversed { |
||||
background-color: #3178bd; |
||||
border-color: #3178bd; |
||||
color: white; } |
||||
.btn-appnet-inversed:hover { |
||||
background-color: transparent; |
||||
color: #3178bd; } |
||||
|
||||
.btn-blogger-inversed { |
||||
background-color: #ee5a22; |
||||
border-color: #ee5a22; |
||||
color: white; } |
||||
.btn-blogger-inversed:hover { |
||||
background-color: transparent; |
||||
color: #ee5a22; } |
||||
|
||||
.btn-bitbucket-inversed { |
||||
background-color: #205081; |
||||
border-color: #205081; |
||||
color: white; } |
||||
.btn-bitbucket-inversed:hover { |
||||
background-color: transparent; |
||||
color: #205081; } |
||||
|
||||
.btn-dribbble-inversed { |
||||
background-color: #ea4c89; |
||||
border-color: #ea4c89; |
||||
color: white; } |
||||
.btn-dribbble-inversed:hover { |
||||
background-color: transparent; |
||||
color: #ea4c89; } |
||||
|
||||
.btn-facebook-inversed { |
||||
background-color: #4863ae; |
||||
border-color: #4863ae; |
||||
color: white; } |
||||
.btn-facebook-inversed:hover { |
||||
background-color: transparent; |
||||
color: #4863ae; } |
||||
|
||||
.btn-flattr-inversed { |
||||
background-color: #8aba42; |
||||
border-color: #8aba42; |
||||
color: white; } |
||||
.btn-flattr-inversed:hover { |
||||
background-color: transparent; |
||||
color: #8aba42; } |
||||
|
||||
.btn-flickr-inversed { |
||||
background-color: #ff0084; |
||||
border-color: #ff0084; |
||||
color: white; } |
||||
.btn-flickr-inversed:hover { |
||||
background-color: transparent; |
||||
color: #ff0084; } |
||||
|
||||
.btn-foursquare-inversed { |
||||
background-color: #0072b1; |
||||
border-color: #0072b1; |
||||
color: white; } |
||||
.btn-foursquare-inversed:hover { |
||||
background-color: transparent; |
||||
color: #0072b1; } |
||||
|
||||
.btn-github-inversed { |
||||
background-color: #171515; |
||||
border-color: #171515; |
||||
color: white; } |
||||
.btn-github-inversed:hover { |
||||
background-color: transparent; |
||||
color: #171515; } |
||||
|
||||
.btn-googleplus-inversed { |
||||
background-color: #dd4a38; |
||||
border-color: #dd4a38; |
||||
color: white; } |
||||
.btn-googleplus-inversed:hover { |
||||
background-color: transparent; |
||||
color: #dd4a38; } |
||||
|
||||
.btn-gowalla-inversed { |
||||
background-color: #ff720a; |
||||
border-color: #ff720a; |
||||
color: white; } |
||||
.btn-gowalla-inversed:hover { |
||||
background-color: transparent; |
||||
color: #ff720a; } |
||||
|
||||
.btn-instagram-inversed { |
||||
background-color: #3f729b; |
||||
border-color: #3f729b; |
||||
color: white; } |
||||
.btn-instagram-inversed:hover { |
||||
background-color: transparent; |
||||
color: #3f729b; } |
||||
|
||||
.btn-klout-inversed { |
||||
background-color: #e34a25; |
||||
border-color: #e34a25; |
||||
color: white; } |
||||
.btn-klout-inversed:hover { |
||||
background-color: transparent; |
||||
color: #e34a25; } |
||||
|
||||
.btn-lastfm-inversed { |
||||
background-color: #dc1a23; |
||||
border-color: #dc1a23; |
||||
color: white; } |
||||
.btn-lastfm-inversed:hover { |
||||
background-color: transparent; |
||||
color: #dc1a23; } |
||||
|
||||
.btn-linkedin-inversed { |
||||
background-color: #0083a8; |
||||
border-color: #0083a8; |
||||
color: white; } |
||||
.btn-linkedin-inversed:hover { |
||||
background-color: transparent; |
||||
color: #0083a8; } |
||||
|
||||
.btn-meetup-inversed { |
||||
background-color: #ff0026; |
||||
border-color: #ff0026; |
||||
color: white; } |
||||
.btn-meetup-inversed:hover { |
||||
background-color: transparent; |
||||
color: #ff0026; } |
||||
|
||||
.btn-myspace-inversed { |
||||
background-color: #000000; |
||||
border-color: #000000; |
||||
color: white; } |
||||
.btn-myspace-inversed:hover { |
||||
background-color: transparent; |
||||
color: #000000; } |
||||
|
||||
.btn-pinterest-inversed { |
||||
background-color: #c91618; |
||||
border-color: #c91618; |
||||
color: white; } |
||||
.btn-pinterest-inversed:hover { |
||||
background-color: transparent; |
||||
color: #c91618; } |
||||
|
||||
.btn-quora-inversed { |
||||
background-color: #a82400; |
||||
border-color: #a82400; |
||||
color: white; } |
||||
.btn-quora-inversed:hover { |
||||
background-color: transparent; |
||||
color: #a82400; } |
||||
|
||||
.btn-reddit-inversed { |
||||
background-color: #ff5700; |
||||
border-color: #ff5700; |
||||
color: white; } |
||||
.btn-reddit-inversed:hover { |
||||
background-color: transparent; |
||||
color: #ff5700; } |
||||
|
||||
.btn-plurk-inversed { |
||||
background-color: #cf682f; |
||||
border-color: #cf682f; |
||||
color: white; } |
||||
.btn-plurk-inversed:hover { |
||||
background-color: transparent; |
||||
color: #cf682f; } |
||||
|
||||
.btn-smashing-inversed { |
||||
background-color: #ff4f27; |
||||
border-color: #ff4f27; |
||||
color: white; } |
||||
.btn-smashing-inversed:hover { |
||||
background-color: transparent; |
||||
color: #ff4f27; } |
||||
|
||||
.btn-soundcloud-inversed { |
||||
background-color: #ff4500; |
||||
border-color: #ff4500; |
||||
color: white; } |
||||
.btn-soundcloud-inversed:hover { |
||||
background-color: transparent; |
||||
color: #ff4500; } |
||||
|
||||
.btn-stackoverflow-inversed { |
||||
background-color: #f18436; |
||||
border-color: #f18436; |
||||
color: white; } |
||||
.btn-stackoverflow-inversed:hover { |
||||
background-color: transparent; |
||||
color: #f18436; } |
||||
|
||||
.btn-tumblr-inversed { |
||||
background-color: #374a61; |
||||
border-color: #374a61; |
||||
color: white; } |
||||
.btn-tumblr-inversed:hover { |
||||
background-color: transparent; |
||||
color: #374a61; } |
||||
|
||||
.btn-twitter-inversed { |
||||
background-color: #46c0fb; |
||||
border-color: #46c0fb; |
||||
color: white; } |
||||
.btn-twitter-inversed:hover { |
||||
background-color: transparent; |
||||
color: #46c0fb; } |
||||
|
||||
.btn-viadeo-inversed { |
||||
background-color: #e7732e; |
||||
border-color: #e7732e; |
||||
color: white; } |
||||
.btn-viadeo-inversed:hover { |
||||
background-color: transparent; |
||||
color: #e7732e; } |
||||
|
||||
.btn-vimeo-inversed { |
||||
background-color: #00a2cd; |
||||
border-color: #00a2cd; |
||||
color: white; } |
||||
.btn-vimeo-inversed:hover { |
||||
background-color: transparent; |
||||
color: #00a2cd; } |
||||
|
||||
.btn-vk-inversed { |
||||
background-color: #45688e; |
||||
border-color: #45688e; |
||||
color: white; } |
||||
.btn-vk-inversed:hover { |
||||
background-color: transparent; |
||||
color: #45688e; } |
||||
|
||||
.btn-weibo-inversed { |
||||
background-color: #d7584d; |
||||
border-color: #d7584d; |
||||
color: white; } |
||||
.btn-weibo-inversed:hover { |
||||
background-color: transparent; |
||||
color: #d7584d; } |
||||
|
||||
.btn-xing-inversed { |
||||
background-color: #0a5d5e; |
||||
border-color: #0a5d5e; |
||||
color: white; } |
||||
.btn-xing-inversed:hover { |
||||
background-color: transparent; |
||||
color: #0a5d5e; } |
||||
|
||||
.btn-youtube-inversed { |
||||
background-color: #ff0000; |
||||
border-color: #ff0000; |
||||
color: white; } |
||||
.btn-youtube-inversed:hover { |
||||
background-color: transparent; |
||||
color: #ff0000; } |
||||
|
||||
.btn-csgo-inversed { |
||||
background-color: #b67300; |
||||
border-color: #b67300; |
||||
color: white; } |
||||
.btn-csgo-inversed:hover { |
||||
background-color: transparent; |
||||
color: #b67300; } |
||||
|
||||
.btn-dota2-inversed { |
||||
background-color: #c33d2b; |
||||
border-color: #c33d2b; |
||||
color: white; } |
||||
.btn-dota2-inversed:hover { |
||||
background-color: transparent; |
||||
color: #c33d2b; } |
||||
|
||||
.btn-gm-inversed { |
||||
background-color: #1194f0; |
||||
border-color: #1194f0; |
||||
color: white; } |
||||
.btn-gm-inversed:hover { |
||||
background-color: transparent; |
||||
color: #1194f0; } |
||||
|
||||
.btn-lol-inversed { |
||||
background-color: #d79922; |
||||
border-color: #d79922; |
||||
color: white; } |
||||
.btn-lol-inversed:hover { |
||||
background-color: transparent; |
||||
color: #d79922; } |
||||
|
||||
.btn-minecraft-inversed { |
||||
background-color: #94c864; |
||||
border-color: #94c864; |
||||
color: white; } |
||||
.btn-minecraft-inversed:hover { |
||||
background-color: transparent; |
||||
color: #94c864; } |
||||
|
||||
.btn-tf2-inversed { |
||||
background-color: #b35215; |
||||
border-color: #b35215; |
||||
color: white; } |
||||
.btn-tf2-inversed:hover { |
||||
background-color: transparent; |
||||
color: #b35215; } |
||||
|
||||
.btn-quake-inversed { |
||||
background-color: #cd1800; |
||||
border-color: #cd1800; |
||||
color: white; } |
||||
.btn-quake-inversed:hover { |
||||
background-color: transparent; |
||||
color: #cd1800; } |
||||
|
||||
.btn-wot-inversed { |
||||
background-color: #ff4005; |
||||
border-color: #ff4005; |
||||
color: white; } |
||||
.btn-wot-inversed:hover { |
||||
background-color: transparent; |
||||
color: #ff4005; } |
||||
@ -0,0 +1,694 @@ |
||||
.btn:hover { |
||||
-webkit-transition: all 0.3s ease-in-out; |
||||
-moz-transition: all 0.3s ease-in-out; |
||||
-o-transition: all 0.3s ease-in-out; |
||||
transition: all 0.3s ease-in-out; |
||||
} |
||||
|
||||
.btn-amazon { |
||||
background-color: transparent; |
||||
border-color: #f29e37; |
||||
color: #f29e37; } |
||||
.btn-amazon:hover { |
||||
background-color: #f29e37; |
||||
color: white; } |
||||
|
||||
.btn-delicious { |
||||
background-color: transparent; |
||||
border-color: #3271cb; |
||||
color: #3271cb; } |
||||
.btn-delicious:hover { |
||||
background-color: #3271cb; |
||||
color: white; } |
||||
|
||||
.btn-digg { |
||||
background-color: transparent; |
||||
border-color: #164673; |
||||
color: #164673; } |
||||
.btn-digg:hover { |
||||
background-color: #164673; |
||||
color: white; } |
||||
|
||||
.btn-disqus { |
||||
background-color: transparent; |
||||
border-color: #2e9fff; |
||||
color: #2e9fff; } |
||||
.btn-disqus:hover { |
||||
background-color: #2e9fff; |
||||
color: white; } |
||||
|
||||
.btn-eventbrite { |
||||
background-color: transparent; |
||||
border-color: #ff5616; |
||||
color: #ff5616; } |
||||
.btn-eventbrite:hover { |
||||
background-color: #ff5616; |
||||
color: white; } |
||||
|
||||
.btn-eventful { |
||||
background-color: transparent; |
||||
border-color: #376095; |
||||
color: #376095; } |
||||
.btn-eventful:hover { |
||||
background-color: #376095; |
||||
color: white; } |
||||
|
||||
.btn-intensedebate { |
||||
background-color: transparent; |
||||
border-color: #0099e1; |
||||
color: #0099e1; } |
||||
.btn-intensedebate:hover { |
||||
background-color: #0099e1; |
||||
color: white; } |
||||
|
||||
.btn-lanyrd { |
||||
background-color: transparent; |
||||
border-color: #2e6ac2; |
||||
color: #2e6ac2; } |
||||
.btn-lanyrd:hover { |
||||
background-color: #2e6ac2; |
||||
color: white; } |
||||
|
||||
.btn-pinboard { |
||||
background-color: transparent; |
||||
border-color: #0000ff; |
||||
color: #0000ff; } |
||||
.btn-pinboard:hover { |
||||
background-color: #0000ff; |
||||
color: white; } |
||||
|
||||
.btn-songkick { |
||||
background-color: transparent; |
||||
border-color: #ff0050; |
||||
color: #ff0050; } |
||||
.btn-songkick:hover { |
||||
background-color: #ff0050; |
||||
color: white; } |
||||
|
||||
.btn-stumbleupon { |
||||
background-color: transparent; |
||||
border-color: #eb4924; |
||||
color: #eb4924; } |
||||
.btn-stumbleupon:hover { |
||||
background-color: #eb4924; |
||||
color: white; } |
||||
|
||||
.btn-gmail { |
||||
background-color: transparent; |
||||
border-color: #db4038; |
||||
color: #db4038; } |
||||
.btn-gmail:hover { |
||||
background-color: #db4038; |
||||
color: white; } |
||||
|
||||
.btn-google { |
||||
background-color: transparent; |
||||
border-color: #4e6cf7; |
||||
color: #4e6cf7; } |
||||
.btn-google:hover { |
||||
background-color: #4e6cf7; |
||||
color: white; } |
||||
|
||||
.btn-evernote { |
||||
background-color: transparent; |
||||
border-color: #6bb130; |
||||
color: #6bb130; } |
||||
.btn-evernote:hover { |
||||
background-color: #6bb130; |
||||
color: white; } |
||||
|
||||
.btn-grooveshark { |
||||
background-color: transparent; |
||||
border-color: #e97a2f; |
||||
color: #e97a2f; } |
||||
.btn-grooveshark:hover { |
||||
background-color: #e97a2f; |
||||
color: white; } |
||||
|
||||
.btn-instapaper { |
||||
background-color: transparent; |
||||
border-color: #222222; |
||||
color: #222222; } |
||||
.btn-instapaper:hover { |
||||
background-color: #222222; |
||||
color: white; } |
||||
|
||||
.btn-itunes { |
||||
background-color: transparent; |
||||
border-color: #525152; |
||||
color: #525152; } |
||||
.btn-itunes:hover { |
||||
background-color: #525152; |
||||
color: white; } |
||||
|
||||
.btn-opentable { |
||||
background-color: transparent; |
||||
border-color: #990000; |
||||
color: #990000; } |
||||
.btn-opentable:hover { |
||||
background-color: #990000; |
||||
color: white; } |
||||
|
||||
.btn-logmein { |
||||
background-color: transparent; |
||||
border-color: #000000; |
||||
color: #000000; } |
||||
.btn-logmein:hover { |
||||
background-color: #000000; |
||||
color: white; } |
||||
|
||||
.btn-ninetyninedesigns { |
||||
background-color: transparent; |
||||
border-color: #072243; |
||||
color: #072243; } |
||||
.btn-ninetyninedesigns:hover { |
||||
background-color: #072243; |
||||
color: white; } |
||||
|
||||
.btn-paypal { |
||||
background-color: transparent; |
||||
border-color: #32689a; |
||||
color: #32689a; } |
||||
.btn-paypal:hover { |
||||
background-color: #32689a; |
||||
color: white; } |
||||
|
||||
.btn-pocket { |
||||
background-color: transparent; |
||||
border-color: #de5a5f; |
||||
color: #de5a5f; } |
||||
.btn-pocket:hover { |
||||
background-color: #de5a5f; |
||||
color: white; } |
||||
|
||||
.btn-scribd { |
||||
background-color: transparent; |
||||
border-color: #231c1a; |
||||
color: #231c1a; } |
||||
.btn-scribd:hover { |
||||
background-color: #231c1a; |
||||
color: white; } |
||||
|
||||
.btn-spotify { |
||||
background-color: transparent; |
||||
border-color: #60af00; |
||||
color: #60af00; } |
||||
.btn-spotify:hover { |
||||
background-color: #60af00; |
||||
color: white; } |
||||
|
||||
.btn-statusnet { |
||||
background-color: transparent; |
||||
border-color: #829d25; |
||||
color: #829d25; } |
||||
.btn-statusnet:hover { |
||||
background-color: #829d25; |
||||
color: white; } |
||||
|
||||
.btn-stripe { |
||||
background-color: transparent; |
||||
border-color: #2f7ed6; |
||||
color: #2f7ed6; } |
||||
.btn-stripe:hover { |
||||
background-color: #2f7ed6; |
||||
color: white; } |
||||
|
||||
.btn-yahoo { |
||||
background-color: transparent; |
||||
border-color: #a200c2; |
||||
color: #a200c2; } |
||||
.btn-yahoo:hover { |
||||
background-color: #a200c2; |
||||
color: white; } |
||||
|
||||
.btn-yelp { |
||||
background-color: transparent; |
||||
border-color: #e60010; |
||||
color: #e60010; } |
||||
.btn-yelp:hover { |
||||
background-color: #e60010; |
||||
color: white; } |
||||
|
||||
.btn-wikipedia { |
||||
background-color: transparent; |
||||
border-color: #111111; |
||||
color: #111111; } |
||||
.btn-wikipedia:hover { |
||||
background-color: #111111; |
||||
color: white; } |
||||
|
||||
.btn-wordpress { |
||||
background-color: transparent; |
||||
border-color: #464646; |
||||
color: #464646; } |
||||
.btn-wordpress:hover { |
||||
background-color: #464646; |
||||
color: white; } |
||||
|
||||
.btn-ycombinator { |
||||
background-color: transparent; |
||||
border-color: #ff6600; |
||||
color: #ff6600; } |
||||
.btn-ycombinator:hover { |
||||
background-color: #ff6600; |
||||
color: white; } |
||||
|
||||
.btn-bitcoin { |
||||
background-color: transparent; |
||||
border-color: #eb9737; |
||||
color: #eb9737; } |
||||
.btn-bitcoin:hover { |
||||
background-color: #eb9737; |
||||
color: white; } |
||||
|
||||
.btn-cloudapp { |
||||
background-color: transparent; |
||||
border-color: #312c2a; |
||||
color: #312c2a; } |
||||
.btn-cloudapp:hover { |
||||
background-color: #312c2a; |
||||
color: white; } |
||||
|
||||
.btn-creativecommons { |
||||
background-color: transparent; |
||||
border-color: #000000; |
||||
color: #000000; } |
||||
.btn-creativecommons:hover { |
||||
background-color: #000000; |
||||
color: white; } |
||||
|
||||
.btn-dropbox { |
||||
background-color: transparent; |
||||
border-color: #007ee5; |
||||
color: #007ee5; } |
||||
.btn-dropbox:hover { |
||||
background-color: #007ee5; |
||||
color: white; } |
||||
|
||||
.btn-html5 { |
||||
background-color: transparent; |
||||
border-color: #ff3617; |
||||
color: #ff3617; } |
||||
.btn-html5:hover { |
||||
background-color: #ff3617; |
||||
color: white; } |
||||
|
||||
.btn-ie { |
||||
background-color: transparent; |
||||
border-color: #00a1d9; |
||||
color: #00a1d9; } |
||||
.btn-ie:hover { |
||||
background-color: #00a1d9; |
||||
color: white; } |
||||
|
||||
.btn-podcast { |
||||
background-color: transparent; |
||||
border-color: #9365ce; |
||||
color: #9365ce; } |
||||
.btn-podcast:hover { |
||||
background-color: #9365ce; |
||||
color: white; } |
||||
|
||||
.btn-rss { |
||||
background-color: transparent; |
||||
border-color: #ff7f25; |
||||
color: #ff7f25; } |
||||
.btn-rss:hover { |
||||
background-color: #ff7f25; |
||||
color: white; } |
||||
|
||||
.btn-skype { |
||||
background-color: transparent; |
||||
border-color: #00a2ed; |
||||
color: #00a2ed; } |
||||
.btn-skype:hover { |
||||
background-color: #00a2ed; |
||||
color: white; } |
||||
|
||||
.btn-steam { |
||||
background-color: transparent; |
||||
border-color: #000000; |
||||
color: #000000; } |
||||
.btn-steam:hover { |
||||
background-color: #000000; |
||||
color: white; } |
||||
|
||||
.btn-windows { |
||||
background-color: transparent; |
||||
border-color: #48bbef; |
||||
color: #48bbef; } |
||||
.btn-windows:hover { |
||||
background-color: #48bbef; |
||||
color: white; } |
||||
|
||||
.btn-android { |
||||
background-color: transparent; |
||||
border-color: #a4c639; |
||||
color: #a4c639; } |
||||
.btn-android:hover { |
||||
background-color: #a4c639; |
||||
color: white; } |
||||
|
||||
.btn-appstore { |
||||
background-color: transparent; |
||||
border-color: #000000; |
||||
color: #000000; } |
||||
.btn-appstore:hover { |
||||
background-color: #000000; |
||||
color: white; } |
||||
|
||||
.btn-googleplay { |
||||
background-color: transparent; |
||||
border-color: #b9c13e; |
||||
color: #b9c13e; } |
||||
.btn-googleplay:hover { |
||||
background-color: #b9c13e; |
||||
color: white; } |
||||
|
||||
.btn-macstore { |
||||
background-color: transparent; |
||||
border-color: #007dcb; |
||||
color: #007dcb; } |
||||
.btn-macstore:hover { |
||||
background-color: #007dcb; |
||||
color: white; } |
||||
|
||||
.btn-appnet { |
||||
background-color: transparent; |
||||
border-color: #3178bd; |
||||
color: #3178bd; } |
||||
.btn-appnet:hover { |
||||
background-color: #3178bd; |
||||
color: white; } |
||||
|
||||
.btn-blogger { |
||||
background-color: transparent; |
||||
border-color: #ee5a22; |
||||
color: #ee5a22; } |
||||
.btn-blogger:hover { |
||||
background-color: #ee5a22; |
||||
color: white; } |
||||
|
||||
.btn-bitbucket { |
||||
background-color: transparent; |
||||
border-color: #205081; |
||||
color: #205081; } |
||||
.btn-bitbucket:hover { |
||||
background-color: #205081; |
||||
color: white; } |
||||
|
||||
.btn-dribbble { |
||||
background-color: transparent; |
||||
border-color: #ea4c89; |
||||
color: #ea4c89; } |
||||
.btn-dribbble:hover { |
||||
background-color: #ea4c89; |
||||
color: white; } |
||||
|
||||
.btn-facebook { |
||||
background-color: transparent; |
||||
border-color: #4863ae; |
||||
color: #4863ae; } |
||||
.btn-facebook:hover { |
||||
background-color: #4863ae; |
||||
color: white; } |
||||
|
||||
.btn-flattr { |
||||
background-color: transparent; |
||||
border-color: #8aba42; |
||||
color: #8aba42; } |
||||
.btn-flattr:hover { |
||||
background-color: #8aba42; |
||||
color: white; } |
||||
|
||||
.btn-flickr { |
||||
background-color: transparent; |
||||
border-color: #ff0084; |
||||
color: #ff0084; } |
||||
.btn-flickr:hover { |
||||
background-color: #ff0084; |
||||
color: white; } |
||||
|
||||
.btn-foursquare { |
||||
background-color: transparent; |
||||
border-color: #0072b1; |
||||
color: #0072b1; } |
||||
.btn-foursquare:hover { |
||||
background-color: #0072b1; |
||||
color: white; } |
||||
|
||||
.btn-github { |
||||
background-color: transparent; |
||||
border-color: #171515; |
||||
color: #171515; } |
||||
.btn-github:hover { |
||||
background-color: #171515; |
||||
color: white; } |
||||
|
||||
.btn-googleplus { |
||||
background-color: transparent; |
||||
border-color: #dd4a38; |
||||
color: #dd4a38; } |
||||
.btn-googleplus:hover { |
||||
background-color: #dd4a38; |
||||
color: white; } |
||||
|
||||
.btn-gowalla { |
||||
background-color: transparent; |
||||
border-color: #ff720a; |
||||
color: #ff720a; } |
||||
.btn-gowalla:hover { |
||||
background-color: #ff720a; |
||||
color: white; } |
||||
|
||||
.btn-instagram { |
||||
background-color: transparent; |
||||
border-color: #3f729b; |
||||
color: #3f729b; } |
||||
.btn-instagram:hover { |
||||
background-color: #3f729b; |
||||
color: white; } |
||||
|
||||
.btn-klout { |
||||
background-color: transparent; |
||||
border-color: #e34a25; |
||||
color: #e34a25; } |
||||
.btn-klout:hover { |
||||
background-color: #e34a25; |
||||
color: white; } |
||||
|
||||
.btn-lastfm { |
||||
background-color: transparent; |
||||
border-color: #dc1a23; |
||||
color: #dc1a23; } |
||||
.btn-lastfm:hover { |
||||
background-color: #dc1a23; |
||||
color: white; } |
||||
|
||||
.btn-linkedin { |
||||
background-color: transparent; |
||||
border-color: #0083a8; |
||||
color: #0083a8; } |
||||
.btn-linkedin:hover { |
||||
background-color: #0083a8; |
||||
color: white; } |
||||
|
||||
.btn-meetup { |
||||
background-color: transparent; |
||||
border-color: #ff0026; |
||||
color: #ff0026; } |
||||
.btn-meetup:hover { |
||||
background-color: #ff0026; |
||||
color: white; } |
||||
|
||||
.btn-myspace { |
||||
background-color: transparent; |
||||
border-color: #000000; |
||||
color: #000000; } |
||||
.btn-myspace:hover { |
||||
background-color: #000000; |
||||
color: white; } |
||||
|
||||
.btn-pinterest { |
||||
background-color: transparent; |
||||
border-color: #c91618; |
||||
color: #c91618; } |
||||
.btn-pinterest:hover { |
||||
background-color: #c91618; |
||||
color: white; } |
||||
|
||||
.btn-quora { |
||||
background-color: transparent; |
||||
border-color: #a82400; |
||||
color: #a82400; } |
||||
.btn-quora:hover { |
||||
background-color: #a82400; |
||||
color: white; } |
||||
|
||||
.btn-reddit { |
||||
background-color: transparent; |
||||
border-color: #ff5700; |
||||
color: #ff5700; } |
||||
.btn-reddit:hover { |
||||
background-color: #ff5700; |
||||
color: white; } |
||||
|
||||
.btn-plurk { |
||||
background-color: transparent; |
||||
border-color: #cf682f; |
||||
color: #cf682f; } |
||||
.btn-plurk:hover { |
||||
background-color: #cf682f; |
||||
color: white; } |
||||
|
||||
.btn-smashing { |
||||
background-color: transparent; |
||||
border-color: #ff4f27; |
||||
color: #ff4f27; } |
||||
.btn-smashing:hover { |
||||
background-color: #ff4f27; |
||||
color: white; } |
||||
|
||||
.btn-soundcloud { |
||||
background-color: transparent; |
||||
border-color: #ff4500; |
||||
color: #ff4500; } |
||||
.btn-soundcloud:hover { |
||||
background-color: #ff4500; |
||||
color: white; } |
||||
|
||||
.btn-stackoverflow { |
||||
background-color: transparent; |
||||
border-color: #f18436; |
||||
color: #f18436; } |
||||
.btn-stackoverflow:hover { |
||||
background-color: #f18436; |
||||
color: white; } |
||||
|
||||
.btn-tumblr { |
||||
background-color: transparent; |
||||
border-color: #374a61; |
||||
color: #374a61; } |
||||
.btn-tumblr:hover { |
||||
background-color: #374a61; |
||||
color: white; } |
||||
|
||||
.btn-twitter { |
||||
background-color: transparent; |
||||
border-color: #46c0fb; |
||||
color: #46c0fb; } |
||||
.btn-twitter:hover { |
||||
background-color: #46c0fb; |
||||
color: white; } |
||||
|
||||
.btn-viadeo { |
||||
background-color: transparent; |
||||
border-color: #e7732e; |
||||
color: #e7732e; } |
||||
.btn-viadeo:hover { |
||||
background-color: #e7732e; |
||||
color: white; } |
||||
|
||||
.btn-vimeo { |
||||
background-color: transparent; |
||||
border-color: #00a2cd; |
||||
color: #00a2cd; } |
||||
.btn-vimeo:hover { |
||||
background-color: #00a2cd; |
||||
color: white; } |
||||
|
||||
.btn-vk { |
||||
background-color: transparent; |
||||
border-color: #45688e; |
||||
color: #45688e; } |
||||
.btn-vk:hover { |
||||
background-color: #45688e; |
||||
color: white; } |
||||
|
||||
.btn-weibo { |
||||
background-color: transparent; |
||||
border-color: #d7584d; |
||||
color: #d7584d; } |
||||
.btn-weibo:hover { |
||||
background-color: #d7584d; |
||||
color: white; } |
||||
|
||||
.btn-xing { |
||||
background-color: transparent; |
||||
border-color: #0a5d5e; |
||||
color: #0a5d5e; } |
||||
.btn-xing:hover { |
||||
background-color: #0a5d5e; |
||||
color: white; } |
||||
|
||||
.btn-youtube { |
||||
background-color: transparent; |
||||
border-color: #ff0000; |
||||
color: #ff0000; } |
||||
.btn-youtube:hover { |
||||
background-color: #ff0000; |
||||
color: white; } |
||||
|
||||
.btn-csgo { |
||||
background-color: transparent; |
||||
border-color: #b67300; |
||||
color: #b67300; } |
||||
.btn-csgo:hover { |
||||
background-color: #b67300; |
||||
color: white; } |
||||
|
||||
.btn-dota2 { |
||||
background-color: transparent; |
||||
border-color: #c33d2b; |
||||
color: #c33d2b; } |
||||
.btn-dota2:hover { |
||||
background-color: #c33d2b; |
||||
color: white; } |
||||
|
||||
.btn-gm { |
||||
background-color: transparent; |
||||
border-color: #1194f0; |
||||
color: #1194f0; } |
||||
.btn-gm:hover { |
||||
background-color: #1194f0; |
||||
color: white; } |
||||
|
||||
.btn-lol { |
||||
background-color: transparent; |
||||
border-color: #d79922; |
||||
color: #d79922; } |
||||
.btn-lol:hover { |
||||
background-color: #d79922; |
||||
color: white; } |
||||
|
||||
.btn-minecraft { |
||||
background-color: transparent; |
||||
border-color: #94c864; |
||||
color: #94c864; } |
||||
.btn-minecraft:hover { |
||||
background-color: #94c864; |
||||
color: white; } |
||||
|
||||
.btn-tf2 { |
||||
background-color: transparent; |
||||
border-color: #b35215; |
||||
color: #b35215; } |
||||
.btn-tf2:hover { |
||||
background-color: #b35215; |
||||
color: white; } |
||||
|
||||
.btn-quake { |
||||
background-color: transparent; |
||||
border-color: #cd1800; |
||||
color: #cd1800; } |
||||
.btn-quake:hover { |
||||
background-color: #cd1800; |
||||
color: white; } |
||||
|
||||
.btn-wot { |
||||
background-color: transparent; |
||||
border-color: #ff4005; |
||||
color: #ff4005; } |
||||
.btn-wot:hover { |
||||
background-color: #ff4005; |
||||
color: white; } |
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -0,0 +1,75 @@ |
||||
/*Import custom_hover_effect.css*/ |
||||
@import url(hover.css); |
||||
|
||||
.link-effects .tag-box a { |
||||
margin: 0 10px 10px 0; |
||||
} |
||||
|
||||
.link-effects .tag-box h2.heading-sm { |
||||
font-size: 18px; |
||||
line-height: 26px; |
||||
} |
||||
|
||||
/*custom_hover_effect*/ |
||||
.link-effects .button { |
||||
margin: 10px; |
||||
padding: 10px; |
||||
cursor: pointer; |
||||
} |
||||
|
||||
.link-effects a.button:hover { |
||||
text-decoration: none; |
||||
} |
||||
|
||||
.link-effects .border-fade, |
||||
.link-effects .hollow, |
||||
.link-effects .trim, |
||||
.link-effects .outline-outward, |
||||
.link-effects .outline-inward, |
||||
.link-effects .round-corners { |
||||
color: #fff !important; |
||||
} |
||||
|
||||
.link-effects .hollow:hover { |
||||
background: #fff !important; |
||||
color: #555 !important; |
||||
} |
||||
|
||||
.link-effects .round-corners:hover { |
||||
border-radius: 1em !important; |
||||
} |
||||
|
||||
.bubble-float-top, |
||||
.bubble-float-right, |
||||
.bubble-float-left, |
||||
.bubble-float-bottom { |
||||
transform: inherit; |
||||
} |
||||
|
||||
.bubble-float-top, |
||||
.bubble-float-right, |
||||
.bubble-float-left, |
||||
.bubble-float-bottom:hover { |
||||
color: #555 !important; |
||||
} |
||||
|
||||
.link-effects .curl-top-left:before { |
||||
background: -webkit-linear-gradient(315deg, white 45%, #eee 50%, #eee 56%, white 80%); |
||||
background: linear-gradient(135deg, white 45%, #eee 50%, #eee 56%, white 80%); |
||||
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#000000'); |
||||
} |
||||
|
||||
.link-effects .curl-top-right:before { |
||||
background: -webkit-linear-gradient(225deg, white 45%, #eee 50%, #eee 56%, white 80%); |
||||
background: linear-gradient(225deg, white 45%, #eee 50%, #eee 56%, white 80%); |
||||
} |
||||
|
||||
.link-effects .curl-bottom-right:before { |
||||
background: -webkit-linear-gradient(135deg, white 45%, #eee 50%, #eee 56%, white 80%); |
||||
background: linear-gradient(315deg, white 45%, #eee 50%, #eee 56%, white 80%); |
||||
} |
||||
|
||||
.link-effects .curl-bottom-left:before { |
||||
background: -webkit-linear-gradient(45deg, white 45%, #eee 50%, #eee 56%, white 80%); |
||||
background: linear-gradient(45deg, white 45%, #eee 50%, #eee 56%, white 80%); |
||||
} |
||||
File diff suppressed because one or more lines are too long
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in new issue