mirror of
https://github.com/KUlishevgeniy/c22712.git
synced 2026-09-26 00:50:20 +00:00
Джанго проект
This commit is contained in:
Dronminator
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,280 @@
|
||||
/*! HTML5 Boilerplate v5.2.0 | MIT License | https://html5boilerplate.com/ */
|
||||
|
||||
/*
|
||||
* What follows is the result of much research on cross-browser styling.
|
||||
* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
|
||||
* Kroc Camen, and the H5BP dev community and team.
|
||||
*/
|
||||
|
||||
/* ==========================================================================
|
||||
Base styles: opinionated defaults
|
||||
========================================================================== */
|
||||
|
||||
html {
|
||||
color: #222;
|
||||
font-size: 1em;
|
||||
line-height: 1.4;
|
||||
}
|
||||
|
||||
/*
|
||||
* Remove text-shadow in selection highlight:
|
||||
* https://twitter.com/miketaylr/status/12228805301
|
||||
*
|
||||
* These selection rule sets have to be separate.
|
||||
* Customize the background color to match your design.
|
||||
*/
|
||||
|
||||
::-moz-selection {
|
||||
background: #b3d4fc;
|
||||
text-shadow: none;
|
||||
}
|
||||
|
||||
::selection {
|
||||
background: #b3d4fc;
|
||||
text-shadow: none;
|
||||
}
|
||||
|
||||
/*
|
||||
* A better looking default horizontal rule
|
||||
*/
|
||||
|
||||
hr {
|
||||
display: block;
|
||||
height: 1px;
|
||||
border: 0;
|
||||
border-top: 1px solid #ccc;
|
||||
margin: 1em 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/*
|
||||
* Remove the gap between audio, canvas, iframes,
|
||||
* images, videos and the bottom of their containers:
|
||||
* https://github.com/h5bp/html5-boilerplate/issues/440
|
||||
*/
|
||||
|
||||
audio,
|
||||
canvas,
|
||||
iframe,
|
||||
img,
|
||||
svg,
|
||||
video {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
/*
|
||||
* Remove default fieldset styles.
|
||||
*/
|
||||
|
||||
fieldset {
|
||||
border: 0;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/*
|
||||
* Allow only vertical resizing of textareas.
|
||||
*/
|
||||
|
||||
textarea {
|
||||
resize: vertical;
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
Browser Upgrade Prompt
|
||||
========================================================================== */
|
||||
|
||||
.browserupgrade {
|
||||
margin: 0.2em 0;
|
||||
background: #ccc;
|
||||
color: #000;
|
||||
padding: 0.2em 0;
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
Author's custom styles
|
||||
========================================================================== */
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* ==========================================================================
|
||||
Helper classes
|
||||
========================================================================== */
|
||||
|
||||
/*
|
||||
* Hide visually and from screen readers:
|
||||
*/
|
||||
|
||||
.hidden {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
/*
|
||||
* Hide only visually, but have it available for screen readers:
|
||||
* http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
|
||||
*/
|
||||
|
||||
.visuallyhidden {
|
||||
border: 0;
|
||||
clip: rect(0 0 0 0);
|
||||
height: 1px;
|
||||
margin: -1px;
|
||||
overflow: hidden;
|
||||
padding: 0;
|
||||
position: absolute;
|
||||
width: 1px;
|
||||
}
|
||||
|
||||
/*
|
||||
* Extends the .visuallyhidden class to allow the element
|
||||
* to be focusable when navigated to via the keyboard:
|
||||
* https://www.drupal.org/node/897638
|
||||
*/
|
||||
|
||||
.visuallyhidden.focusable:active,
|
||||
.visuallyhidden.focusable:focus {
|
||||
clip: auto;
|
||||
height: auto;
|
||||
margin: 0;
|
||||
overflow: visible;
|
||||
position: static;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
/*
|
||||
* Hide visually and from screen readers, but maintain layout
|
||||
*/
|
||||
|
||||
.invisible {
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
/*
|
||||
* Clearfix: contain floats
|
||||
*
|
||||
* For modern browsers
|
||||
* 1. The space content is one way to avoid an Opera bug when the
|
||||
* `contenteditable` attribute is included anywhere else in the document.
|
||||
* Otherwise it causes space to appear at the top and bottom of elements
|
||||
* that receive the `clearfix` class.
|
||||
* 2. The use of `table` rather than `block` is only necessary if using
|
||||
* `:before` to contain the top-margins of child elements.
|
||||
*/
|
||||
|
||||
.clearfix:before,
|
||||
.clearfix:after {
|
||||
content: " "; /* 1 */
|
||||
display: table; /* 2 */
|
||||
}
|
||||
|
||||
.clearfix:after {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
EXAMPLE Media Queries for Responsive Design.
|
||||
These examples override the primary ('mobile first') styles.
|
||||
Modify as content requires.
|
||||
========================================================================== */
|
||||
|
||||
@media only screen and (min-width: 35em) {
|
||||
/* Style adjustments for viewports that meet the condition */
|
||||
}
|
||||
|
||||
@media print,
|
||||
(-webkit-min-device-pixel-ratio: 1.25),
|
||||
(min-resolution: 1.25dppx),
|
||||
(min-resolution: 120dpi) {
|
||||
/* Style adjustments for high resolution devices */
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
Print styles.
|
||||
Inlined to avoid the additional HTTP request:
|
||||
http://www.phpied.com/delay-loading-your-print-css/
|
||||
========================================================================== */
|
||||
|
||||
@media print {
|
||||
*,
|
||||
*:before,
|
||||
*:after {
|
||||
background: transparent !important;
|
||||
color: #000 !important; /* Black prints faster:
|
||||
http://www.sanbeiji.com/archives/953 */
|
||||
box-shadow: none !important;
|
||||
text-shadow: none !important;
|
||||
}
|
||||
|
||||
a,
|
||||
a:visited {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
a[href]:after {
|
||||
content: " (" attr(href) ")";
|
||||
}
|
||||
|
||||
abbr[title]:after {
|
||||
content: " (" attr(title) ")";
|
||||
}
|
||||
|
||||
/*
|
||||
* Don't show links that are fragment identifiers,
|
||||
* or use the `javascript:` pseudo protocol
|
||||
*/
|
||||
|
||||
a[href^="#"]:after,
|
||||
a[href^="javascript:"]:after {
|
||||
content: "";
|
||||
}
|
||||
|
||||
pre,
|
||||
blockquote {
|
||||
border: 1px solid #999;
|
||||
page-break-inside: avoid;
|
||||
}
|
||||
|
||||
/*
|
||||
* Printing Tables:
|
||||
* http://css-discuss.incutio.com/wiki/Printing_Tables
|
||||
*/
|
||||
|
||||
thead {
|
||||
display: table-header-group;
|
||||
}
|
||||
|
||||
tr,
|
||||
img {
|
||||
page-break-inside: avoid;
|
||||
}
|
||||
|
||||
img {
|
||||
max-width: 100% !important;
|
||||
}
|
||||
|
||||
p,
|
||||
h2,
|
||||
h3 {
|
||||
orphans: 3;
|
||||
widows: 3;
|
||||
}
|
||||
|
||||
h2,
|
||||
h3 {
|
||||
page-break-after: avoid;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,86 @@
|
||||
a.meanmenu-reveal{display:none}
|
||||
.mean-container .mean-bar {
|
||||
background: transparent none repeat scroll 0 0;
|
||||
float: left;
|
||||
min-height: 42px;
|
||||
padding: 4px 0 0;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
z-index: 999999;
|
||||
}
|
||||
.mean-container a.meanmenu-reveal{width:22px;height:22px;padding:13px 13px 11px;top:0;right:0;cursor:pointer;color:#fff;text-decoration:none;font-size:16px;text-indent:-9999em;line-height:22px;font-size:1px;display:block;font-family:Arial,Helvetica,sans-serif;font-weight:700;float: right;}
|
||||
.mean-container a.meanmenu-reveal span{display:block;background:#fff;height:3px;margin-top:3px}
|
||||
.mean-container .mean-nav{float:left;width:100%;background:#0c1923}
|
||||
.mean-container .mean-nav ul{padding:0;margin:0;width:100%;list-style-type:none}
|
||||
.mean-container .mean-nav ul li {
|
||||
background: #f8f8f8 none repeat scroll 0 0;
|
||||
float: left;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
border-top: 1px solid#ddd;
|
||||
}
|
||||
.mean-container .mean-nav ul li a {
|
||||
background: #f8f8f8 none repeat scroll 0 0;
|
||||
color: #666666;
|
||||
display: block;
|
||||
float: left;
|
||||
font-size: 12px;
|
||||
margin: 0;
|
||||
padding: 1em 5%;
|
||||
text-align: left;
|
||||
text-decoration: none;
|
||||
text-transform: uppercase;
|
||||
width: 90%;
|
||||
font-weight: bold;
|
||||
}
|
||||
.mobile-menu-area {
|
||||
background: #262626;
|
||||
}
|
||||
.mean-container .mean-nav ul li li a {
|
||||
border-top: 1px solid rgba(255, 255, 255, 0.25);
|
||||
opacity: 0.75;
|
||||
padding: 1em 10%;
|
||||
text-shadow: none !important;
|
||||
visibility: visible;
|
||||
width: 80%;
|
||||
font-weight: normal;
|
||||
text-transform: capitalize;
|
||||
color: #444;
|
||||
}
|
||||
.mean-container .mean-nav ul li.mean-last a{border-bottom:0;margin-bottom:0}
|
||||
.mean-container .mean-nav ul li li li a{width:70%;padding:1em 15%}
|
||||
.mean-container .mean-nav ul li li li li a{width:60%;padding:1em 20%}
|
||||
.mean-container .mean-nav ul li li li li li a{width:50%;padding:1em 25%}
|
||||
.mean-container .mean-nav ul li a:hover {
|
||||
background: #f8f8f8 none repeat scroll 0 0;
|
||||
color: #F47E1E;
|
||||
}
|
||||
.mean-container .mean-nav ul li a.mean-expand{
|
||||
width:26px;
|
||||
height: 15px;
|
||||
margin-top: 1px;
|
||||
padding: 12px !important;
|
||||
text-align:center;
|
||||
position:absolute;
|
||||
right:0;top:0;
|
||||
z-index:2;
|
||||
font-weight:700;
|
||||
background:rgba(255,255,255,.1);
|
||||
border:0!important;
|
||||
background: #F8F8F8;
|
||||
}
|
||||
.mean-container .mean-nav ul li a.mean-expand:hover {
|
||||
background: #f8f8f8;
|
||||
}
|
||||
.mean-container .mean-push{float:left;width:100%;padding:0;margin:0;clear:both}
|
||||
.mean-nav .wrapper{width:100%;padding:0;margin:0}
|
||||
.mean-container .mean-bar,.mean-container .mean-bar *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
|
||||
.mean-remove{display:none!important}
|
||||
.mean-container .mean-bar::after {
|
||||
color: #ffffff;
|
||||
content: "MENU";
|
||||
font-size: 21px;
|
||||
left: 5%;
|
||||
position: absolute;
|
||||
top: 12px;
|
||||
}
|
||||
@@ -0,0 +1,344 @@
|
||||
/*
|
||||
* jQuery Nivo Slider v3.2
|
||||
* http://nivo.dev7studios.com
|
||||
*
|
||||
* Copyright 2012, Dev7studios
|
||||
* Free to use and abuse under the MIT license.
|
||||
* http://www.opensource.org/licenses/mit-license.php
|
||||
*/
|
||||
|
||||
/* The Nivo Slider styles */
|
||||
/* #container {
|
||||
width:100%;
|
||||
height:100%;
|
||||
overflow:hidden;
|
||||
position:fixed;
|
||||
top:0px;
|
||||
left:0px;
|
||||
}
|
||||
.nivoSlider {
|
||||
position:fixed;
|
||||
top:-16px;
|
||||
left:0px;
|
||||
}
|
||||
.nivoSlider img {position:absolute;
|
||||
top:0px;
|
||||
left:0px;
|
||||
} */
|
||||
.nivoSlider {
|
||||
position:relative;
|
||||
width:100%;
|
||||
height:auto;
|
||||
overflow: hidden;
|
||||
}
|
||||
.nivoSlider img {
|
||||
position:absolute;
|
||||
top:0px;
|
||||
left:0px;
|
||||
max-width: none;
|
||||
}
|
||||
.nivo-main-image {
|
||||
display: block !important;
|
||||
position: relative !important;
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
/* If an image is wrapped in a link */
|
||||
.nivoSlider a.nivo-imageLink {
|
||||
position:absolute;
|
||||
top:0px;
|
||||
left:0px;
|
||||
width:100%;
|
||||
height:100%;
|
||||
border:0;
|
||||
padding:0;
|
||||
margin:0;
|
||||
z-index:6;
|
||||
display:none;
|
||||
background:white;
|
||||
filter:alpha(opacity=0);
|
||||
opacity:0;
|
||||
}
|
||||
/* The slices and boxes in the Slider */
|
||||
.nivo-slice {
|
||||
display:block;
|
||||
position:absolute;
|
||||
z-index:5;
|
||||
height:100%;
|
||||
top:0;
|
||||
}
|
||||
.nivo-box {
|
||||
display:block;
|
||||
position:absolute;
|
||||
z-index:5;
|
||||
overflow:hidden;
|
||||
}
|
||||
.nivo-box img { display:block; }
|
||||
|
||||
/* Caption styles */
|
||||
.nivo-caption {
|
||||
position:absolute;
|
||||
left:0px;
|
||||
bottom:0px;
|
||||
color:#fff;
|
||||
width:100%;
|
||||
z-index:8;
|
||||
padding: 5px 10px;
|
||||
opacity: 0.8;
|
||||
overflow: hidden;
|
||||
display: none;
|
||||
-moz-opacity: 0.8;
|
||||
filter:alpha(opacity=8);
|
||||
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
|
||||
-moz-box-sizing: border-box; /* Firefox, other Gecko */
|
||||
box-sizing: border-box; /* Opera/IE 8+ */
|
||||
}
|
||||
.nivo-caption p {
|
||||
padding:5px;
|
||||
margin:0;
|
||||
}
|
||||
.nivo-caption a {
|
||||
display:inline !important;
|
||||
}
|
||||
.nivo-html-caption {
|
||||
display:none;
|
||||
}
|
||||
/* Direction nav styles (e.g. Next & Prev) */
|
||||
.nivo-directionNav a {
|
||||
position:absolute;
|
||||
top:45%;
|
||||
z-index:9;
|
||||
cursor:pointer;
|
||||
}
|
||||
.nivo-prevNav {
|
||||
left:0px;
|
||||
}
|
||||
.nivo-nextNav {
|
||||
right:0px;
|
||||
}
|
||||
/* Control nav styles (e.g. 1,2,3...) */
|
||||
.nivo-controlNav {
|
||||
text-align:center;
|
||||
padding: 15px 0;
|
||||
}
|
||||
.nivo-controlNav a {
|
||||
cursor:pointer;
|
||||
}
|
||||
.nivo-controlNav a.active {
|
||||
font-weight:bold;
|
||||
}
|
||||
/* ------------------------------
|
||||
Default Theme
|
||||
---------------------------------*/
|
||||
.slider-direction {
|
||||
position: absolute;
|
||||
left:0;
|
||||
top:0;
|
||||
width: 100%;
|
||||
background: none;
|
||||
color: #fff;
|
||||
font-size: 16px;
|
||||
z-index: 999;
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* If an image is wrapped in a link */
|
||||
.nivoSlider a.nivo-imageLink {
|
||||
position:absolute;
|
||||
top:0px;
|
||||
left:0px;
|
||||
width:100%;
|
||||
height:100%;
|
||||
border:0;
|
||||
padding:0;
|
||||
margin:0;
|
||||
z-index:6;
|
||||
display:none;
|
||||
background:white;
|
||||
filter:alpha(opacity=0);
|
||||
opacity:0;
|
||||
}
|
||||
/* The slices and boxes in the Slider */
|
||||
.nivo-slice {
|
||||
display:block;
|
||||
position:absolute;
|
||||
z-index:5;
|
||||
height:100%;
|
||||
top:0;
|
||||
}
|
||||
.nivo-box {
|
||||
display:block;
|
||||
position:absolute;
|
||||
z-index:5;
|
||||
overflow:hidden;
|
||||
}
|
||||
.nivo-box img { display:block; }
|
||||
.nivo-caption {
|
||||
position:absolute;
|
||||
left:0;
|
||||
top:0;
|
||||
color:#fff;
|
||||
width:100%;
|
||||
height: 100%;
|
||||
z-index:8;
|
||||
}
|
||||
.nivo-main-image {
|
||||
display: block !important;
|
||||
position: relative !important;
|
||||
width: 100% !important;
|
||||
}
|
||||
/* The slices and boxes in the Slider */
|
||||
.nivo-slice {
|
||||
display:block;
|
||||
position:absolute;
|
||||
z-index:5;
|
||||
height:100%;
|
||||
top:0;
|
||||
}
|
||||
.nivo-box {
|
||||
display:block;
|
||||
position:absolute;
|
||||
z-index:5;
|
||||
overflow:hidden;
|
||||
}
|
||||
@-webkit-keyframes myfirst {
|
||||
from {width: 0;}
|
||||
to {width: 100%;}
|
||||
}
|
||||
@keyframes myfirst {
|
||||
from {width: 0;}
|
||||
to {width: 100%;}
|
||||
}
|
||||
.slider-progress.pos_hover{
|
||||
-webkit-animation-play-state: paused;
|
||||
animation-play-state: paused;
|
||||
}
|
||||
/* ------------------------------
|
||||
custom slider
|
||||
---------------------------------*/
|
||||
.slider-progress{
|
||||
position:absolute;
|
||||
top:0;
|
||||
left:0;
|
||||
background-color: rgba(255, 255, 255, .7);
|
||||
height:5px;
|
||||
-webkit-animation: myfirst 5000ms ease-in-out;
|
||||
-moz-animation: myfirst 5000ms ease-in-out;
|
||||
-ms-animation: myfirst 5000ms ease-in-out;
|
||||
animation: myfirst 5000ms ease-in-out;
|
||||
}
|
||||
.s-tb{
|
||||
display: table;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
float: left;
|
||||
}
|
||||
.s-tb-c{
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.t-cn{text-align: center}
|
||||
.t-lft{text-align: left}
|
||||
.t-lfr{text-align: right}
|
||||
/* ------------------------------
|
||||
slider animation
|
||||
---------------------------------*/
|
||||
/* -------------- Home 1 ---------------- */
|
||||
.home1 .slider-1 h1{
|
||||
-webkit-animation: bounceInUp 1000ms ease-in-out;
|
||||
-moz-animation: bounceInUp 1000ms ease-in-out;
|
||||
-ms-animation: bounceInUp 1000ms ease-in-out;
|
||||
animation: bounceInUp 1000ms ease-in-out;
|
||||
}
|
||||
.home1 .slider-1 h2{
|
||||
-webkit-animation: fadeInRight 1500ms ease-in-out;
|
||||
-moz-animation: fadeInRight 1500ms ease-in-out;
|
||||
-ms-animation: fadeInRight 1500ms ease-in-out;
|
||||
animation: fadeInRight 1500ms ease-in-out;
|
||||
}
|
||||
.home1 .slider-2 h1{
|
||||
-webkit-animation: fadeInLeft 500ms ease-in-out;
|
||||
-moz-animation: fadeInLeft 500ms ease-in-out;
|
||||
-ms-animation: fadeInLeft 500ms ease-in-out;
|
||||
animation: fadeInLeft 500ms ease-in-out;
|
||||
}
|
||||
.home1 .slider-2 h3{
|
||||
-webkit-animation: fadeInLeft 1500ms ease-in-out;
|
||||
-moz-animation: fadeInLeft 1500ms ease-in-out;
|
||||
-ms-animation: fadeInLeft 1500ms ease-in-out;
|
||||
animation: fadeInLeft 1500ms ease-in-out;
|
||||
}
|
||||
/* -------------- Home 2 ---------------- */
|
||||
.home2 .slider-2 h1{
|
||||
-webkit-animation: fadeInLeft 500ms ease-in-out;
|
||||
-moz-animation: fadeInLeft 500ms ease-in-out;
|
||||
-ms-animation: fadeInLeft 500ms ease-in-out;
|
||||
animation: fadeInLeft 500ms ease-in-out;
|
||||
}
|
||||
.home2 .slider-2 h3{
|
||||
-webkit-animation: fadeInLeft 1500ms ease-in-out;
|
||||
-moz-animation: fadeInLeft 1500ms ease-in-out;
|
||||
-ms-animation: fadeInLeft 1500ms ease-in-out;
|
||||
animation: fadeInLeft 1500ms ease-in-out;
|
||||
}
|
||||
.home2 .layer-1{
|
||||
-webkit-animation: fadeInLeft 1500ms ease-in-out;
|
||||
-moz-animation: fadeInLeft 1500ms ease-in-out;
|
||||
-ms-animation: fadeInLeft 1500ms ease-in-out;
|
||||
animation: fadeInLeft 1500ms ease-in-out;
|
||||
}
|
||||
.home2 .layer-2{
|
||||
-webkit-animation: bounceInUp 1000ms ease-in-out;
|
||||
-moz-animation: bounceInUp 1000ms ease-in-out;
|
||||
-ms-animation: bounceInUp 1000ms ease-in-out;
|
||||
animation: bounceInUp 1000ms ease-in-out;
|
||||
}
|
||||
.home2 .layer-3{
|
||||
-webkit-animation: fadeInRight 1500ms ease-in-out;
|
||||
-moz-animation: fadeInRight 1500ms ease-in-out;
|
||||
-ms-animation: fadeInRight 1500ms ease-in-out;
|
||||
animation: fadeInRight 1500ms ease-in-out;
|
||||
}
|
||||
.home2 .layer-1-1{
|
||||
-webkit-animation: fadeInRight 1500ms ease-in-out;
|
||||
-moz-animation: fadeInRight 1500ms ease-in-out;
|
||||
-ms-animation: fadeInRight 1500ms ease-in-out;
|
||||
animation: fadeInRight 1500ms ease-in-out;
|
||||
}
|
||||
/* -------------- Home 3 ---------------- */
|
||||
.home3 .slider-1 h1{
|
||||
-webkit-animation: fadeInLeft 500ms ease-in-out;
|
||||
-moz-animation: fadeInLeft 500ms ease-in-out;
|
||||
-ms-animation: fadeInLeft 500ms ease-in-out;
|
||||
animation: fadeInLeft 500ms ease-in-out;
|
||||
}
|
||||
.home3 .slider-1 h3{
|
||||
-webkit-animation: fadeInLeft 1500ms ease-in-out;
|
||||
-moz-animation: fadeInLeft 1500ms ease-in-out;
|
||||
-ms-animation: fadeInLeft 1500ms ease-in-out;
|
||||
animation: fadeInLeft 1500ms ease-in-out;
|
||||
}
|
||||
.home3 .slider-2 h1{
|
||||
-webkit-animation: bounceInUp 1000ms ease-in-out;
|
||||
-moz-animation: bounceInUp 1000ms ease-in-out;
|
||||
-ms-animation: bounceInUp 1000ms ease-in-out;
|
||||
animation: bounceInUp 1000ms ease-in-out;
|
||||
}
|
||||
.home3 .slider-2 h3{
|
||||
-webkit-animation: fadeInLeft 1500ms ease-in-out;
|
||||
-moz-animation: fadeInLeft 1500ms ease-in-out;
|
||||
-ms-animation: fadeInLeft 1500ms ease-in-out;
|
||||
animation: fadeInLeft 1500ms ease-in-out;
|
||||
}
|
||||
.home3 .slider-3 h1{
|
||||
-webkit-animation: fadeInRight 500ms ease-in-out;
|
||||
-moz-animation: fadeInRight 500ms ease-in-out;
|
||||
-ms-animation: fadeInRight 500ms ease-in-out;
|
||||
animation: fadeInRight 500ms ease-in-out;
|
||||
}
|
||||
.home3 .slider-3 h3{
|
||||
-webkit-animation: fadeInRight 1500ms ease-in-out;
|
||||
-moz-animation: fadeInRight 1500ms ease-in-out;
|
||||
-ms-animation: fadeInRight 1500ms ease-in-out;
|
||||
animation: fadeInRight 1500ms ease-in-out;
|
||||
}
|
||||
@@ -0,0 +1,71 @@
|
||||
/*
|
||||
* Core Owl Carousel CSS File
|
||||
* v1.3.3
|
||||
*/
|
||||
|
||||
/* clearfix */
|
||||
.owl-carousel .owl-wrapper:after {
|
||||
content: ".";
|
||||
display: block;
|
||||
clear: both;
|
||||
visibility: hidden;
|
||||
line-height: 0;
|
||||
height: 0;
|
||||
}
|
||||
/* display none until init */
|
||||
.owl-carousel{
|
||||
display: none;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
-ms-touch-action: pan-y;
|
||||
}
|
||||
.owl-carousel .owl-wrapper{
|
||||
display: none;
|
||||
position: relative;
|
||||
-webkit-transform: translate3d(0px, 0px, 0px);
|
||||
}
|
||||
.owl-carousel .owl-wrapper-outer{
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
}
|
||||
.owl-carousel .owl-wrapper-outer.autoHeight{
|
||||
-webkit-transition: height 500ms ease-in-out;
|
||||
-moz-transition: height 500ms ease-in-out;
|
||||
-ms-transition: height 500ms ease-in-out;
|
||||
-o-transition: height 500ms ease-in-out;
|
||||
transition: height 500ms ease-in-out;
|
||||
}
|
||||
|
||||
.owl-carousel .owl-item{
|
||||
float: left;
|
||||
}
|
||||
.owl-controls .owl-page,
|
||||
.owl-controls .owl-buttons div{
|
||||
cursor: pointer;
|
||||
}
|
||||
.owl-controls {
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
||||
}
|
||||
|
||||
/* mouse grab icon */
|
||||
.grabbing {
|
||||
cursor:url(grabbing.png) 8 8, move;
|
||||
}
|
||||
|
||||
/* fix */
|
||||
.owl-carousel .owl-wrapper,
|
||||
.owl-carousel .owl-item{
|
||||
-webkit-backface-visibility: hidden;
|
||||
-moz-backface-visibility: hidden;
|
||||
-ms-backface-visibility: hidden;
|
||||
-webkit-transform: translate3d(0,0,0);
|
||||
-moz-transform: translate3d(0,0,0);
|
||||
-ms-transform: translate3d(0,0,0);
|
||||
}
|
||||
|
||||
@@ -0,0 +1,79 @@
|
||||
/*
|
||||
* Owl Carousel Owl Demo Theme
|
||||
* v1.3.3
|
||||
*/
|
||||
|
||||
.owl-theme .owl-controls{
|
||||
margin-top: 10px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/* Styling Next and Prev buttons */
|
||||
|
||||
.owl-theme .owl-controls .owl-buttons div{
|
||||
color: #FFF;
|
||||
display: inline-block;
|
||||
zoom: 1;
|
||||
*display: inline;/*IE7 life-saver */
|
||||
margin: 5px;
|
||||
padding: 3px 10px;
|
||||
font-size: 12px;
|
||||
-webkit-border-radius: 30px;
|
||||
-moz-border-radius: 30px;
|
||||
border-radius: 30px;
|
||||
background: #869791;
|
||||
filter: Alpha(Opacity=50);/*IE7 fix*/
|
||||
opacity: 0.5;
|
||||
}
|
||||
/* Clickable class fix problem with hover on touch devices */
|
||||
/* Use it for non-touch hover action */
|
||||
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
|
||||
filter: Alpha(Opacity=100);/*IE7 fix*/
|
||||
opacity: 1;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
/* Styling Pagination*/
|
||||
|
||||
.owl-theme .owl-controls .owl-page{
|
||||
display: inline-block;
|
||||
zoom: 1;
|
||||
*display: inline;/*IE7 life-saver */
|
||||
}
|
||||
.owl-theme .owl-controls .owl-page span{
|
||||
display: block;
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
margin: 5px 7px;
|
||||
filter: Alpha(Opacity=50);/*IE7 fix*/
|
||||
opacity: 0.5;
|
||||
-webkit-border-radius: 20px;
|
||||
-moz-border-radius: 20px;
|
||||
border-radius: 20px;
|
||||
background: #869791;
|
||||
}
|
||||
|
||||
.owl-theme .owl-controls .owl-page.active span,
|
||||
.owl-theme .owl-controls.clickable .owl-page:hover span{
|
||||
filter: Alpha(Opacity=100);/*IE7 fix*/
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
/* If PaginationNumbers is true */
|
||||
|
||||
.owl-theme .owl-controls .owl-page span.owl-numbers{
|
||||
height: auto;
|
||||
width: auto;
|
||||
color: #FFF;
|
||||
padding: 2px 10px;
|
||||
font-size: 12px;
|
||||
-webkit-border-radius: 30px;
|
||||
-moz-border-radius: 30px;
|
||||
border-radius: 30px;
|
||||
}
|
||||
|
||||
/* preloading images */
|
||||
.owl-item.loading{
|
||||
min-height: 150px;
|
||||
background: url(AjaxLoader.gif) no-repeat center center
|
||||
}
|
||||
@@ -0,0 +1,163 @@
|
||||
/*
|
||||
* Owl Carousel CSS3 Transitions
|
||||
* v1.3.2
|
||||
*/
|
||||
|
||||
.owl-origin {
|
||||
-webkit-perspective: 1200px;
|
||||
-webkit-perspective-origin-x : 50%;
|
||||
-webkit-perspective-origin-y : 50%;
|
||||
-moz-perspective : 1200px;
|
||||
-moz-perspective-origin-x : 50%;
|
||||
-moz-perspective-origin-y : 50%;
|
||||
perspective : 1200px;
|
||||
}
|
||||
/* fade */
|
||||
.owl-fade-out {
|
||||
z-index: 10;
|
||||
-webkit-animation: fadeOut .7s both ease;
|
||||
-moz-animation: fadeOut .7s both ease;
|
||||
animation: fadeOut .7s both ease;
|
||||
}
|
||||
.owl-fade-in {
|
||||
-webkit-animation: fadeIn .7s both ease;
|
||||
-moz-animation: fadeIn .7s both ease;
|
||||
animation: fadeIn .7s both ease;
|
||||
}
|
||||
/* backSlide */
|
||||
.owl-backSlide-out {
|
||||
-webkit-animation: backSlideOut 1s both ease;
|
||||
-moz-animation: backSlideOut 1s both ease;
|
||||
animation: backSlideOut 1s both ease;
|
||||
}
|
||||
.owl-backSlide-in {
|
||||
-webkit-animation: backSlideIn 1s both ease;
|
||||
-moz-animation: backSlideIn 1s both ease;
|
||||
animation: backSlideIn 1s both ease;
|
||||
}
|
||||
/* goDown */
|
||||
.owl-goDown-out {
|
||||
-webkit-animation: scaleToFade .7s ease both;
|
||||
-moz-animation: scaleToFade .7s ease both;
|
||||
animation: scaleToFade .7s ease both;
|
||||
}
|
||||
.owl-goDown-in {
|
||||
-webkit-animation: goDown .6s ease both;
|
||||
-moz-animation: goDown .6s ease both;
|
||||
animation: goDown .6s ease both;
|
||||
}
|
||||
/* scaleUp */
|
||||
.owl-fadeUp-in {
|
||||
-webkit-animation: scaleUpFrom .5s ease both;
|
||||
-moz-animation: scaleUpFrom .5s ease both;
|
||||
animation: scaleUpFrom .5s ease both;
|
||||
}
|
||||
|
||||
.owl-fadeUp-out {
|
||||
-webkit-animation: scaleUpTo .5s ease both;
|
||||
-moz-animation: scaleUpTo .5s ease both;
|
||||
animation: scaleUpTo .5s ease both;
|
||||
}
|
||||
/* Keyframes */
|
||||
/*empty*/
|
||||
@-webkit-keyframes empty {
|
||||
0% {opacity: 1}
|
||||
}
|
||||
@-moz-keyframes empty {
|
||||
0% {opacity: 1}
|
||||
}
|
||||
@keyframes empty {
|
||||
0% {opacity: 1}
|
||||
}
|
||||
@-webkit-keyframes fadeIn {
|
||||
0% { opacity:0; }
|
||||
100% { opacity:1; }
|
||||
}
|
||||
@-moz-keyframes fadeIn {
|
||||
0% { opacity:0; }
|
||||
100% { opacity:1; }
|
||||
}
|
||||
@keyframes fadeIn {
|
||||
0% { opacity:0; }
|
||||
100% { opacity:1; }
|
||||
}
|
||||
@-webkit-keyframes fadeOut {
|
||||
0% { opacity:1; }
|
||||
100% { opacity:0; }
|
||||
}
|
||||
@-moz-keyframes fadeOut {
|
||||
0% { opacity:1; }
|
||||
100% { opacity:0; }
|
||||
}
|
||||
@keyframes fadeOut {
|
||||
0% { opacity:1; }
|
||||
100% { opacity:0; }
|
||||
}
|
||||
@-webkit-keyframes backSlideOut {
|
||||
25% { opacity: .5; -webkit-transform: translateZ(-500px); }
|
||||
75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
|
||||
100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
|
||||
}
|
||||
@-moz-keyframes backSlideOut {
|
||||
25% { opacity: .5; -moz-transform: translateZ(-500px); }
|
||||
75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
|
||||
100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
|
||||
}
|
||||
@keyframes backSlideOut {
|
||||
25% { opacity: .5; transform: translateZ(-500px); }
|
||||
75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
|
||||
100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
|
||||
}
|
||||
@-webkit-keyframes backSlideIn {
|
||||
0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
|
||||
75% { opacity: .5; -webkit-transform: translateZ(-500px); }
|
||||
100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
|
||||
}
|
||||
@-moz-keyframes backSlideIn {
|
||||
0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
|
||||
75% { opacity: .5; -moz-transform: translateZ(-500px); }
|
||||
100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
|
||||
}
|
||||
@keyframes backSlideIn {
|
||||
0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
|
||||
75% { opacity: .5; transform: translateZ(-500px); }
|
||||
100% { opacity: 1; transform: translateZ(0) translateX(0); }
|
||||
}
|
||||
@-webkit-keyframes scaleToFade {
|
||||
to { opacity: 0; -webkit-transform: scale(.8); }
|
||||
}
|
||||
@-moz-keyframes scaleToFade {
|
||||
to { opacity: 0; -moz-transform: scale(.8); }
|
||||
}
|
||||
@keyframes scaleToFade {
|
||||
to { opacity: 0; transform: scale(.8); }
|
||||
}
|
||||
@-webkit-keyframes goDown {
|
||||
from { -webkit-transform: translateY(-100%); }
|
||||
}
|
||||
@-moz-keyframes goDown {
|
||||
from { -moz-transform: translateY(-100%); }
|
||||
}
|
||||
@keyframes goDown {
|
||||
from { transform: translateY(-100%); }
|
||||
}
|
||||
|
||||
@-webkit-keyframes scaleUpFrom {
|
||||
from { opacity: 0; -webkit-transform: scale(1.5); }
|
||||
}
|
||||
@-moz-keyframes scaleUpFrom {
|
||||
from { opacity: 0; -moz-transform: scale(1.5); }
|
||||
}
|
||||
@keyframes scaleUpFrom {
|
||||
from { opacity: 0; transform: scale(1.5); }
|
||||
}
|
||||
|
||||
@-webkit-keyframes scaleUpTo {
|
||||
to { opacity: 0; -webkit-transform: scale(1.5); }
|
||||
}
|
||||
@-moz-keyframes scaleUpTo {
|
||||
to { opacity: 0; -moz-transform: scale(1.5); }
|
||||
}
|
||||
@keyframes scaleUpTo {
|
||||
to { opacity: 0; transform: scale(1.5); }
|
||||
}
|
||||
@@ -0,0 +1,437 @@
|
||||
/* Normal desktop :992px. */
|
||||
@media (min-width: 992px) and (max-width: 1169px) {
|
||||
.search-by-category .header-search input {
|
||||
width: 280px;
|
||||
}
|
||||
.category-menu-list ul li a {
|
||||
line-height: 19px;
|
||||
padding: 5px 15px;
|
||||
}
|
||||
.left-category-menu-2 .category-menu-list a {
|
||||
line-height: 21px;
|
||||
padding: 5.3px 15px;
|
||||
}
|
||||
.category-menu-list > ul > li.arrow-plus::after {
|
||||
padding-top: 4px;
|
||||
}
|
||||
.layer-3-2 .title2 {
|
||||
font-size: 26px;
|
||||
}
|
||||
.subscribe-area label {
|
||||
font-size: 14px;
|
||||
}
|
||||
.subscribe-area .subscribe input {
|
||||
width: 265px;
|
||||
}
|
||||
.small-product-area .sidebar .single-product .product-description h5 a {
|
||||
margin-top: 15px;
|
||||
}
|
||||
.small-product-area .single-product .product-description .product-action {
|
||||
left: 0;
|
||||
}
|
||||
/* === Shop Page === */
|
||||
.mobile-menu-area.no-margin {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.price_slider_amount > input[type="text"] {
|
||||
float: left;
|
||||
margin-bottom: 30px;
|
||||
margin-left: 0;
|
||||
}
|
||||
.toch-menu ul li a {
|
||||
font-size: 13px;
|
||||
}
|
||||
/* === Home Version-2 === */
|
||||
.word-5 {
|
||||
font-size: 14px;
|
||||
}
|
||||
/* === My Account === */
|
||||
.my-account-area .form-action label {
|
||||
margin: 0 10px 0 0;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
/* Tablet desktop :768px. */
|
||||
@media (min-width: 768px) and (max-width: 991px) {
|
||||
.container {width:750px}
|
||||
|
||||
/* Header-Middle */
|
||||
.support-client {
|
||||
margin-bottom: 26px;
|
||||
}
|
||||
.single-support {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
.support-text h1 {
|
||||
font-size: 13px;
|
||||
line-height: 15px;
|
||||
}
|
||||
.single-support i {
|
||||
font-size: 22px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
width: 40px;
|
||||
}
|
||||
.logo {
|
||||
margin-bottom: 40px;
|
||||
text-align: center;
|
||||
}
|
||||
.search-by-category .header-search input {
|
||||
width: 300px;
|
||||
}
|
||||
/* Mobile Menu */
|
||||
.mainmenu-area {display: none;}
|
||||
.mobile-menu-area {
|
||||
background: #26acce none repeat scroll 0 0;
|
||||
margin-bottom: 30px;
|
||||
padding-bottom: 2px;
|
||||
}
|
||||
.mean-container .mean-bar::after {
|
||||
content: "CATEGORIES";
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
}
|
||||
.mean-container .mean-nav ul li a {
|
||||
color: #444;
|
||||
}
|
||||
.mean-container .mean-nav ul li a:hover {
|
||||
color: #26acce;
|
||||
}
|
||||
/* Slider */
|
||||
.layer-3-2 .title2 {
|
||||
font-size: 26px;
|
||||
}
|
||||
/* CountDown */
|
||||
.cdown {
|
||||
border-bottom: 1px solid #fabdc5;
|
||||
width: 50%;
|
||||
}
|
||||
/* Small Product */
|
||||
.small-product-area .single-product .product-img {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.price-box {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
/* Product Banner */
|
||||
.banner-box1, .banner-box2 {
|
||||
width: auto;
|
||||
}
|
||||
/* Subscrive */
|
||||
.subscribe-area .subscribe input {
|
||||
width: 280px;
|
||||
}
|
||||
/* === Shop Page === */
|
||||
.mobile-menu-area.no-margin {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.shop-filter {
|
||||
margin-top: 0;
|
||||
}
|
||||
.price_slider_amount > input[type="text"] {
|
||||
float: right;
|
||||
margin-left: 0;
|
||||
}
|
||||
.price_slider_amount > input[type="submit"] {
|
||||
width: 125px;
|
||||
}
|
||||
.product-banner {
|
||||
margin-top: 20px;
|
||||
}
|
||||
.product-area {
|
||||
margin-top: 20px;
|
||||
}
|
||||
/* === About Page === */
|
||||
.img-element > img {
|
||||
width: 100%;
|
||||
}
|
||||
.img-element {
|
||||
margin-top: 10px;
|
||||
}
|
||||
/* === Product Details === */
|
||||
.toch-button {
|
||||
font-size: 13px;
|
||||
}
|
||||
.toch-menu ul li a {
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
/* small mobile :320px. */
|
||||
@media (max-width: 767px) {
|
||||
.container {width:300px}
|
||||
/* Header-Middle */
|
||||
.header-middle {
|
||||
text-align: center;
|
||||
}
|
||||
p.welcome-msg, .support-client {
|
||||
display: none;
|
||||
}
|
||||
.quick-access .search-by-category {
|
||||
margin-right: 0;
|
||||
}
|
||||
.search-container::after {
|
||||
right: 3px;
|
||||
}
|
||||
.search-container select {
|
||||
padding: 0 15px 0 0;
|
||||
width: 105px;
|
||||
}
|
||||
.search-by-category .header-search input {
|
||||
padding: 10px 45px 10px 10px;
|
||||
width: 160px;
|
||||
}
|
||||
.header-middle button {
|
||||
width: 40px;
|
||||
}
|
||||
.logo {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
.top-cart {
|
||||
display: inline-block;
|
||||
float: none;
|
||||
margin-top: 30px;
|
||||
text-align: center;
|
||||
}
|
||||
.top-cart ul li .mini-cart-content {
|
||||
left: -35px;
|
||||
}
|
||||
.cart-img-content > span {
|
||||
float: left;
|
||||
}
|
||||
/* Mobile Menu */
|
||||
.mainmenu-area {display: none;}
|
||||
.mobile-menu-area {
|
||||
background: #26acce none repeat scroll 0 0;
|
||||
margin-bottom: 30px;
|
||||
padding-bottom: 2px;
|
||||
}
|
||||
.mobile-menu-area.no-margin {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.mean-container .mean-bar::after {
|
||||
content: "CATEGORIES";
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
}
|
||||
.mean-container .mean-nav ul li a {
|
||||
color: #444;
|
||||
}
|
||||
.mean-container .mean-nav ul li a:hover {
|
||||
color: #26acce;
|
||||
}
|
||||
/* Slider */
|
||||
.slider-area .preview-1 .nivo-caption {
|
||||
display: none !important;
|
||||
}
|
||||
/* Sidebar Banner */
|
||||
.single-sidebar-banner img {
|
||||
width: 100%;
|
||||
}
|
||||
.recent-posts-photo img {
|
||||
width: 100%;
|
||||
}
|
||||
/* Product Banner */
|
||||
.product-banner.home1-banner {
|
||||
margin-top: 0;
|
||||
padding-top: 0;
|
||||
}
|
||||
.banner-box1, .banner-box2 {
|
||||
width: auto;
|
||||
}
|
||||
.banner-text.banner-1 h2, .banner-text.banner-2 h2 {
|
||||
font-size: 22px;
|
||||
}
|
||||
.banner-text.banner-2 p, .banner-text.banner-1 span {
|
||||
font-size: 20px;
|
||||
}
|
||||
.banner-text {
|
||||
left: 15px;
|
||||
top: 10px;
|
||||
}
|
||||
.banner-text.banner-1 h2 {
|
||||
font-size: 16px;
|
||||
}
|
||||
/* product Area */
|
||||
.product-area .product-menu {
|
||||
border-bottom: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.product-title {
|
||||
border-bottom: 3px solid;
|
||||
float: none;
|
||||
padding-bottom: 10px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.product-menu ul {
|
||||
display: inline-block;
|
||||
float: none;
|
||||
}
|
||||
.product-menu ul li a {
|
||||
padding: 0 10px;
|
||||
}
|
||||
/* Small Product */
|
||||
.small-product-area .single-product .product-description .product-action {
|
||||
transform: translateX(0px);
|
||||
opacity: 1;
|
||||
}
|
||||
/* Subscrive Area */
|
||||
.subscribe-area .subscribe input {
|
||||
margin: 0 0 10px;
|
||||
width: 240px;
|
||||
}
|
||||
.social-media {
|
||||
float: none;
|
||||
margin-top: 30px;
|
||||
}
|
||||
.social-media a {
|
||||
margin-right: 5px;
|
||||
}
|
||||
.social-media i {
|
||||
font-size: 16px;
|
||||
line-height: 33px;
|
||||
}
|
||||
/* Footer */
|
||||
.footer-content.box-information {
|
||||
margin-left: 0;
|
||||
}
|
||||
.copyright {
|
||||
text-align: center;
|
||||
}
|
||||
.copyright > p, .payment {
|
||||
float: none;
|
||||
}
|
||||
#scrollUp {
|
||||
display: none !important;
|
||||
}
|
||||
/* === About Page === */
|
||||
.img-element {
|
||||
margin-top: 10px;
|
||||
}
|
||||
.item-team {
|
||||
margin-top: 30px;
|
||||
}
|
||||
.f-title h3 {
|
||||
margin: 0 0 30px;
|
||||
}
|
||||
.team-info .mask {
|
||||
height: 97%;
|
||||
}
|
||||
/* === Shop Page === */
|
||||
.shop-filter {
|
||||
margin-top: 0;
|
||||
}
|
||||
.product-banner {
|
||||
margin-top: 20px;
|
||||
}
|
||||
.listview .product-description {
|
||||
margin-top: 20px;
|
||||
}
|
||||
.title-group-3 {
|
||||
font-size: 22px;
|
||||
margin: 0 0 5px;
|
||||
}
|
||||
.product-result > span {
|
||||
text-align: left;
|
||||
}
|
||||
.sort {
|
||||
padding: 3px 0 0;
|
||||
}
|
||||
.sort > select {
|
||||
padding: 5px 0;
|
||||
}
|
||||
.limit {
|
||||
display: none;
|
||||
}
|
||||
.product-img a {
|
||||
text-align: center;
|
||||
}
|
||||
.secondary-img {
|
||||
left: 0;
|
||||
margin: 0 auto;
|
||||
right: 0;
|
||||
width: inherit !important;
|
||||
}
|
||||
/* === Product Details === */
|
||||
.toch-prond-area .title-product {
|
||||
margin-top: 30px;
|
||||
}
|
||||
.product-select {
|
||||
width: 100%;
|
||||
}
|
||||
.toch-menu ul {
|
||||
margin-bottom: 20px;
|
||||
width: 100%;
|
||||
}
|
||||
.toch-menu ul li a {
|
||||
border-width: 1px !important;
|
||||
}
|
||||
.product-quantity {
|
||||
margin-top: 5px;
|
||||
}
|
||||
.toch-button {
|
||||
margin: 10px 5px 0 0;
|
||||
}
|
||||
.panel-title {
|
||||
font-size: 14px;
|
||||
}
|
||||
/* === Home Page-2 === */
|
||||
.banner-3 .word-1 {
|
||||
font-size: 18px;
|
||||
}
|
||||
.banner-3 h2.word-6, .banner-4 .word-5 {
|
||||
display: none;
|
||||
}
|
||||
.product-menu.style-2 > ul li a {
|
||||
font-size: 14px;
|
||||
padding: 0 5px;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
/* Large Mobile :480px. */
|
||||
@media only screen and (min-width: 480px) and (max-width: 767px) {
|
||||
.container {width:450px}
|
||||
|
||||
.search-by-category .header-search input {
|
||||
width: 310px;
|
||||
}
|
||||
.header-middle button {
|
||||
width: 55px;
|
||||
}
|
||||
/* Subscrive */
|
||||
.subscribe-area .subscribe input {
|
||||
margin-right: 10px;
|
||||
}
|
||||
/* === Shop Page ==== */
|
||||
.sort {
|
||||
padding: 3px 5px 0;
|
||||
}
|
||||
.sort > select {
|
||||
padding: 5px;
|
||||
}
|
||||
/* === Home Page-2 === */
|
||||
.banner-3 .word-1 {
|
||||
font-size: 18px;
|
||||
}
|
||||
.banner-3 h2.word-6, .banner-4 .word-5 {
|
||||
display: block;
|
||||
font-size: 13px;
|
||||
}
|
||||
.product-menu.style-2 > ul li a {
|
||||
font-size: 14px;
|
||||
padding: 0 5px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
Reference in New Issue
Block a user