1011 lines
19 KiB
CSS
1011 lines
19 KiB
CSS
|
|
/*
|
|
Theme Name: Hefz Kala
|
|
Theme URI: https://HefzTeam.ir
|
|
Author: رسول محمدی خانقاه
|
|
Author URI: https://Rasoolmohammadi.ir
|
|
Description: این قالب در دوره طراحی قالب طراحی شده
|
|
Version: 1.0
|
|
License: GNU General Public License v2 or later
|
|
License URI: http://www.gnu.org/licenses/gpl-2.0.html
|
|
Text Domain: HefzKala
|
|
*/
|
|
@font-face {
|
|
font-family: KalamehWeb;
|
|
font-style: normal;
|
|
font-weight: 100;
|
|
src: url('assets/fonts/woff2/KalamehWeb-Thin.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
|
|
url('assets/fonts/woff/KalamehWeb-Thin.woff') format('woff'); /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
|
|
}
|
|
@font-face {
|
|
font-family: KalamehWeb;
|
|
font-style: normal;
|
|
font-weight: 200;
|
|
src: url('assets/fonts/woff2/KalamehWeb-ExtraLight.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
|
|
url('assets/fonts/woff/KalamehWeb-ExtraLight.woff') format('woff'); /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
|
|
}
|
|
@font-face {
|
|
font-family: KalamehWeb;
|
|
font-style: normal;
|
|
font-weight: 300;
|
|
src: url('assets/fonts/woff2/KalamehWeb-Light.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
|
|
url('assets/fonts/woff/KalamehWeb-Light.woff') format('woff'); /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
|
|
}
|
|
@font-face {
|
|
font-family: KalamehWeb;
|
|
font-style: normal;
|
|
font-weight: 500;
|
|
src: url('assets/fonts/woff2/KalamehWeb-Medium.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
|
|
url('assets/fonts/woff/KalamehWeb-Medium.woff') format('woff'); /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
|
|
}
|
|
@font-face {
|
|
font-family: KalamehWeb;
|
|
font-style: normal;
|
|
font-weight: 600;
|
|
src: url('assets/fonts/woff2/KalamehWeb-Semibold.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
|
|
url('assets/fonts/woff/KalamehWeb-Semibold.woff') format('woff'); /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
|
|
}
|
|
|
|
@font-face {
|
|
font-family: KalamehWeb;
|
|
font-style: normal;
|
|
font-weight: 800;
|
|
src: url('assets/fonts/woff2/KalamehWeb-ExtraBold.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
|
|
url('assets/fonts/woff/KalamehWeb-ExtraBold.woff') format('woff'); /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
|
|
}
|
|
@font-face {
|
|
font-family: KalamehWeb;
|
|
font-style: normal;
|
|
font-weight: 900;
|
|
src: url('assets/fonts/woff2/KalamehWeb-Black.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
|
|
url('assets/fonts/woff/KalamehWeb-Black.woff') format('woff') /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
|
|
}
|
|
@font-face {
|
|
font-family: KalamehWeb;
|
|
font-style: normal;
|
|
font-weight: bold;
|
|
src: url('assets/fonts/woff2/KalamehWeb-Bold.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
|
|
url('assets/fonts/woff/KalamehWeb-Bold.woff') format('woff'); /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
|
|
}
|
|
@font-face {
|
|
font-family: KalamehWeb;
|
|
font-style: normal;
|
|
font-weight: normal;
|
|
src: url('assets/fonts/woff2/KalamehWeb-Regular.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
|
|
url('assets/fonts/woff/KalamehWeb-Regular.woff') format('woff'); /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
|
|
}
|
|
body {
|
|
font-family: KalamehWeb !important;
|
|
direction: rtl;
|
|
margin: 0;
|
|
background-color: #f4f4f4;
|
|
}
|
|
|
|
h1, h2, h3, h4, h5, h6{
|
|
font-family: KalamehWeb !important;
|
|
}
|
|
|
|
.wrapper {
|
|
max-width: 900px;
|
|
margin: 20px auto;
|
|
padding: 30px;
|
|
background-color: #fff;
|
|
border-radius: 15px;
|
|
box-shadow: 0 0 10px #aaa;
|
|
}
|
|
|
|
html, body, div, span, applet, object, iframe,
|
|
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
|
a, abbr, acronym, address, big, cite, code,
|
|
del, dfn, em, img, ins, kbd, q, s, samp,
|
|
small, strike, strong, sub, sup, tt, var,
|
|
b, u, i, center,
|
|
dl, dt, dd, ol, ul, li,
|
|
fieldset, form, label, legend,
|
|
table, caption, tbody, tfoot, thead, tr, th, td,
|
|
article, aside, canvas, details, embed,
|
|
figure, figcaption, footer, header, hgroup,
|
|
menu, nav, output, ruby, section, summary,
|
|
time, mark, audio, video {
|
|
margin: 0;
|
|
padding: 0;
|
|
border: 0;
|
|
font-size: 100%;
|
|
font: inherit;
|
|
vertical-align: baseline;
|
|
}
|
|
/* HTML5 display-role reset for older browsers */
|
|
article, aside, details, figcaption, figure,
|
|
footer, header, hgroup, menu, nav, section {
|
|
display: block;
|
|
}
|
|
body {
|
|
line-height: 1;
|
|
}
|
|
ol, ul {
|
|
list-style: none;
|
|
}
|
|
blockquote, q {
|
|
quotes: none;
|
|
}
|
|
blockquote:before, blockquote:after,
|
|
q:before, q:after {
|
|
content: '';
|
|
content: none;
|
|
}
|
|
a{
|
|
text-decoration: none;
|
|
}
|
|
table {
|
|
border-collapse: collapse;
|
|
border-spacing: 0;
|
|
}
|
|
header{
|
|
width: 1230px;
|
|
box-shadow: 0 0 15px #cdcdcd;
|
|
height: 80px;
|
|
border-radius: 50px;
|
|
display: block;
|
|
margin: 20px auto;
|
|
position: relative;
|
|
background-color: #fff;
|
|
}
|
|
.btnsearch{
|
|
width: 50px;
|
|
height: 50px;
|
|
border-radius: 100%;
|
|
box-shadow: 0 0 10px #8e17d1;
|
|
background: url(assets/img/search.svg),linear-gradient(45deg, #b333ef, #7a07c1);
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
position: absolute;
|
|
top:50%;
|
|
left: 15px;
|
|
transform: translateY(-50%);
|
|
}
|
|
.kitkala-basket{
|
|
width: 50px;
|
|
height: 50px;
|
|
border-radius: 100%;
|
|
border: 1px solid #16c10e;
|
|
box-shadow: 0 0 10px rgba(22, 193, 14, 35%);
|
|
background: url(assets/img/basket.png),#fff;
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
position: absolute;
|
|
top:50%;
|
|
left: 75px;
|
|
transform: translateY(-50%);
|
|
}
|
|
.registerbtn{
|
|
width: 150px;
|
|
height: 45px;
|
|
background: linear-gradient(45deg,#05baff,#0574ff);
|
|
display: inline-block;
|
|
border-radius: 30px;
|
|
position: absolute;
|
|
top:50%;
|
|
left: 140px;
|
|
transform: translateY(-50%);
|
|
text-align: center;
|
|
line-height: 45px;
|
|
color: #fff;
|
|
font-family:KalamehWeb;
|
|
box-shadow: 0 0 15px rgba(5, 116, 255, 35%);
|
|
}
|
|
.main-menu{
|
|
float: right;
|
|
margin: 20px 40px 20px 0px;
|
|
}
|
|
.main-menu > ul > li{
|
|
float: right;
|
|
margin-left: 20px;
|
|
position: relative;
|
|
}
|
|
.main-menu ul li a{
|
|
color: #716060;
|
|
font-size: 18px;
|
|
padding: 10px 15px;
|
|
display: block;
|
|
}
|
|
.main-menu ul li a:hover{
|
|
background: linear-gradient(45deg,#05baff,#0574ff);
|
|
color: #fff;
|
|
border-radius: 8px;
|
|
box-shadow: 0 0 15px rgba(5, 116, 255, 35%);
|
|
}
|
|
.main-menu ul li ul{
|
|
width: 240px;
|
|
height: auto;
|
|
background-color: #fff;
|
|
border-radius: 5px;
|
|
box-shadow: 0 0 15px #d4d4d4;
|
|
position: absolute;
|
|
visibility: hidden;
|
|
z-index: 999;
|
|
}
|
|
.main-menu ul li ul li{
|
|
position: relative;
|
|
}
|
|
.main-menu ul li ul li ul{
|
|
top: 0;
|
|
right: 100%;
|
|
position: absolute;
|
|
}
|
|
.main-menu ul li:hover > ul{
|
|
visibility: visible;
|
|
}
|
|
.main-menu ul li ul li a{
|
|
border-radius: 0px !important;
|
|
font-size: 15px;
|
|
line-height: 25px;
|
|
border-bottom: 1px solid #efefef;
|
|
}
|
|
.logo img{
|
|
margin-right: 20px;
|
|
margin-top: 12px;
|
|
float: right;
|
|
}
|
|
.kitkala-center{
|
|
width: 1230px;
|
|
display: block;
|
|
margin: 0 auto;
|
|
}
|
|
.left-banner{
|
|
float: left;
|
|
width: 293px;
|
|
height: 300px;
|
|
border-radius: 8px;
|
|
}
|
|
.left-banner img{
|
|
max-width: 100%;
|
|
border-radius: 8px;
|
|
height: 100%;
|
|
}
|
|
.home-slider{
|
|
background: purple;
|
|
float: right;
|
|
width: 915px;
|
|
height: 300px;
|
|
margin-left: 20px;
|
|
border-radius: 8px;
|
|
}
|
|
.home-slider img{
|
|
width: 100%;
|
|
height:300px;
|
|
border-radius: 8px;
|
|
}
|
|
/* slider */
|
|
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{
|
|
color: #fff;
|
|
}
|
|
.clear{
|
|
width: 100%;
|
|
height: 1px;
|
|
float: none;
|
|
clear: both;
|
|
}
|
|
.banner-container{
|
|
margin-top: 20px;
|
|
}
|
|
.banner-item{
|
|
width: calc(25% - 15px);
|
|
margin-left: 20px;
|
|
float: right;
|
|
}
|
|
.banner-item:last-child{
|
|
margin-left: 0px;
|
|
}
|
|
.banner-item img{
|
|
max-width: 100%;
|
|
border-radius: 8px;
|
|
}
|
|
.suggest-product{
|
|
float: left;
|
|
width: 253px;
|
|
height: 360px;
|
|
background-color: #fff;
|
|
box-shadow: 0 0 15px #d3d3d3;
|
|
margin-top: 20px;
|
|
border-radius: 8px;
|
|
padding: 20px;
|
|
position: relative;
|
|
}
|
|
.kitkala-suggest-title{
|
|
font-size: 18px;
|
|
font-weight: 700;
|
|
color: #484747;
|
|
padding-bottom: 10px;
|
|
border-bottom: 2px solid #d4d4d4;
|
|
}
|
|
.suggest-product-image{
|
|
width: 235px;
|
|
height: 175px;
|
|
display: block;
|
|
margin: 16px auto;
|
|
}
|
|
.title-product{
|
|
font-size: 16px;
|
|
color: #484747;
|
|
text-align: center;
|
|
width: 80%;
|
|
display: block;
|
|
line-height: 25px;
|
|
margin: 0 auto;
|
|
}
|
|
.sug-product-price{
|
|
color: #ff5757;
|
|
font-size: 18px;
|
|
display: block;
|
|
margin: 8px auto;
|
|
text-align: center;
|
|
}
|
|
.add-to-cart{
|
|
color: #ff5757;
|
|
border: 1px solid;
|
|
padding: 10px 50px;
|
|
border-radius: 25px;
|
|
display: block;
|
|
box-shadow: 0 0 10px #ffd0d0;
|
|
position: relative;
|
|
}
|
|
.add-to-cart::after{
|
|
width: 30px;
|
|
height: 30px;
|
|
content: "";
|
|
background:url(assets/img/add-to-cart.png), #ff5757;
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
display: inline-block;
|
|
border-radius: 100%;
|
|
position: absolute;
|
|
top: 3px;
|
|
left: 4px;
|
|
}
|
|
.kitkala-suggest-title::after{
|
|
content: "";
|
|
height: 2px;
|
|
width: 40%;
|
|
background: #ff5757;
|
|
display: block;
|
|
position: absolute;
|
|
top: 48px;
|
|
}
|
|
.discount-box{
|
|
float: right;
|
|
width: 915px;
|
|
background-color: #fff;
|
|
box-shadow: 0 0 15px #d3d3d3;
|
|
height: 300px;
|
|
margin-top: 20px;
|
|
border-radius: 8px;
|
|
}
|
|
.discount-column img{
|
|
width: 250px;
|
|
height: 250px;
|
|
padding: 20px;
|
|
}
|
|
.sale-percent{
|
|
width: 40px;
|
|
height: 40px;
|
|
border-radius: 100%;
|
|
box-shadow: 0 0 15px rgba(255, 31, 39, 35%);
|
|
background-image: linear-gradient(45deg,#ff5757,#ff0f1a);
|
|
color: #fff;
|
|
line-height: 40px;
|
|
margin: 15px 15px 0 -55px;
|
|
float: right;
|
|
position: relative;
|
|
}
|
|
.discount-column{
|
|
float: right;
|
|
width: calc(33% - 6px);
|
|
height: 100%;
|
|
}
|
|
.regular-price{
|
|
background: #dcdcdc;
|
|
border-radius: 25px;
|
|
padding: 2px 10px;
|
|
margin-left: -25px;
|
|
padding: 2px 10px 2px 30px;
|
|
color: #474444;
|
|
position: relative;
|
|
}
|
|
.regular-price::after{
|
|
content: "";
|
|
height: 1px;
|
|
width: 80%;
|
|
background: #ff5757;
|
|
display: inline-block;
|
|
position: absolute;
|
|
right: 8px;
|
|
top: 13px;
|
|
transform: rotate(-12deg);
|
|
}
|
|
.sale-price{
|
|
background: #ff5757;
|
|
color: #fff;
|
|
border-radius: 25px;
|
|
padding: 2px 15px;
|
|
z-index: 99;
|
|
position: relative;
|
|
}
|
|
.product-prices{
|
|
margin-top: 30px;
|
|
}
|
|
.discount-column.content{
|
|
padding-right: 25px;
|
|
}
|
|
.discount-column .product-title{
|
|
margin-top: 35px;
|
|
color: #484747;
|
|
font-weight: 700;
|
|
font-size: 22px;
|
|
}
|
|
.sort-desc{
|
|
margin-top: 25px;
|
|
color: #484747;
|
|
line-height: 2;
|
|
}
|
|
.sugeest-time{
|
|
position: relative;
|
|
display: contents;
|
|
}
|
|
.text-suggest-time{
|
|
position: absolute;
|
|
top: 50%;
|
|
left:135px;
|
|
transform: translateY(-50%);
|
|
}
|
|
.wonderful-suggest{
|
|
font-size: 18px;
|
|
font-weight: 700;
|
|
color: #474444;
|
|
line-height: 2;
|
|
display: block;
|
|
}
|
|
.until-time{
|
|
color: #474444;
|
|
}
|
|
.countdown{
|
|
position: absolute;
|
|
top: 75%;
|
|
transform: translateY(-50%);
|
|
width: 100%;
|
|
direction: ltr;
|
|
left: 60px;
|
|
}
|
|
.countdown div{
|
|
display: inline-block;
|
|
}
|
|
.countdown .no{
|
|
background-color: #dcdcdc;
|
|
width: 50px;
|
|
height: 50px;
|
|
border-radius: 15px;
|
|
display: block;
|
|
text-align: center;
|
|
line-height: 50px;
|
|
color: #474444;
|
|
font-size: 18px;
|
|
margin-left: 5px;
|
|
}
|
|
.countdown .txt{
|
|
text-align: center;
|
|
display: block;
|
|
margin-top: 6px;
|
|
color:#474444;
|
|
}
|
|
.second .no{
|
|
background-color: #ff5757;
|
|
color: #fff;
|
|
}
|
|
.swiper-pagination{
|
|
top: 23% !important;
|
|
right: 92% !important;
|
|
direction: ltr;
|
|
}
|
|
.swiper-pagination-bullet{
|
|
border-radius: 20px !important;
|
|
width: 40px !important;
|
|
height: 16px !important;
|
|
color: #515151;
|
|
background: #dcdcdc !important;
|
|
opacity: 1 !important;
|
|
padding: 3px 5px;
|
|
font-size: 14px;
|
|
line-height: 16px;
|
|
}
|
|
.swiper-pagination-bullet-active{
|
|
background: #ff5757 !important;
|
|
color: #fff;
|
|
width: 45px !important;
|
|
}
|
|
.kitkala-feature{
|
|
background: #fff;
|
|
width: 915px;
|
|
height: 80px;
|
|
border-radius: 8px;
|
|
box-shadow:0 0 15px #d3d3d3;
|
|
float: right;
|
|
margin-top: 20px;
|
|
}
|
|
.kitkala-feature div{
|
|
display: flex;
|
|
}
|
|
.feature{
|
|
width: 152.5px;
|
|
font-size: 13px;
|
|
text-align: center;
|
|
}
|
|
.feature img{
|
|
display: block;
|
|
margin: 10px auto;
|
|
}
|
|
.most-sell-title{
|
|
color: #5d5b5b;
|
|
font-size: 18px;
|
|
font-weight: 700;
|
|
margin: 20px 10px;
|
|
display: inline-block;
|
|
width: 100%;
|
|
}
|
|
.most-sell-title::before{
|
|
content: "";
|
|
width: 35px;
|
|
height: 35px;
|
|
background: url(assets/img/laptop.png);
|
|
display: inline-block;
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
vertical-align: middle;
|
|
margin-left: 10px;
|
|
opacity: 0.8;
|
|
}
|
|
.most-sell-title::after{
|
|
content: "";
|
|
width: 81%;
|
|
height: 2px;
|
|
background-color: #5d5b5b;
|
|
display: inline-block;
|
|
margin-right: 10px;
|
|
}
|
|
.inner-item-product{
|
|
width: clac(100% - 40px);
|
|
display: inline-block;
|
|
background: #fff;
|
|
box-shadow:0 0 15px #d3d3d3;
|
|
border-radius: 8px;
|
|
padding:10px 20px;
|
|
}
|
|
.inner-item-product .item-product{
|
|
width: 20%;
|
|
height: auto;
|
|
float: right;
|
|
text-align: center;
|
|
}
|
|
.item-product img{
|
|
max-width: 100%;
|
|
}
|
|
.item-product h3{
|
|
padding: 5px 35px;
|
|
line-height:1.5;
|
|
color: #626262;
|
|
}
|
|
.item-product span{
|
|
color:#ff5757;
|
|
line-height: 2;
|
|
}
|
|
.home-middle-banner{
|
|
width: 100%;
|
|
margin: 20px 0;
|
|
}
|
|
.home-middle-banner .adl-banner{
|
|
float: left;
|
|
width: 49%;
|
|
}
|
|
.home-middle-banner .adl-banner img,.home-middle-banner .adr-banner img{
|
|
max-width: 100%;
|
|
border-radius: 8px;
|
|
}
|
|
.home-middle-banner .adr-banner{
|
|
float: right;
|
|
width: 49%;
|
|
}
|
|
.home-art-title{
|
|
color: #5d5b5b;
|
|
font-size: 18px;
|
|
font-weight: 700;
|
|
margin: 20px 10px;
|
|
display: inline-block;
|
|
width: 100%;
|
|
}
|
|
.home-art-title::before{
|
|
content: "";
|
|
width: 35px;
|
|
height: 35px;
|
|
background: url(assets/img/article.png);
|
|
display: inline-block;
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
vertical-align: middle;
|
|
margin-left: 10px;
|
|
opacity: 0.8;
|
|
}
|
|
.home-art-title::after{
|
|
content: "";
|
|
width: 83%;
|
|
height: 2px;
|
|
background-color: #5d5b5b;
|
|
display: inline-block;
|
|
margin-right: 10px;
|
|
}
|
|
.home-box-article{
|
|
width: 100;
|
|
}
|
|
.article-item{
|
|
width: calc(20% - 28px);
|
|
height: auto;
|
|
background: #fff;
|
|
border-radius: 8px;
|
|
box-shadow: 0 0 15px #d3d3d3;
|
|
padding: 10px;
|
|
margin-left: 10px;
|
|
float: right;
|
|
}
|
|
.article-item:last-child{
|
|
margin-left: 0;
|
|
}
|
|
.article-item img{
|
|
max-width: 100%;
|
|
height: 150px;
|
|
}
|
|
.article-item h3{
|
|
color: #424141;
|
|
line-height: 1.5;
|
|
margin:10px 0 20px 0;
|
|
font-size: 15px;
|
|
}
|
|
.article-item .author a{
|
|
background: linear-gradient(45deg, #9b35fa, #60afff);
|
|
border-radius: 25px;
|
|
padding: 2px 10px;
|
|
color: #fff;
|
|
font-size: 13px;
|
|
}
|
|
.article-item .publish-date{
|
|
float: left;
|
|
color: #6a6a6a;
|
|
font-size: 13px;
|
|
}
|
|
.article-item .publish-date::before{
|
|
width: 25px;
|
|
height: 25px;
|
|
content: "";
|
|
display: inline-block;
|
|
background: url(assets/img/clock.png);
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
vertical-align: text-bottom;
|
|
margin-left: 2px;
|
|
}
|
|
.home-brand-title{
|
|
color: #5d5b5b;
|
|
font-size: 18px;
|
|
font-weight: 700;
|
|
margin: 20px 10px;
|
|
display: inline-block;
|
|
width: 100%;
|
|
}
|
|
.home-brand-title::before{
|
|
content: "";
|
|
width: 35px;
|
|
height: 35px;
|
|
background: url(assets/img/brand.png);
|
|
display: inline-block;
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
vertical-align: middle;
|
|
margin-left: 10px;
|
|
opacity: 0.8;
|
|
}
|
|
.home-brand-title::after{
|
|
content: "";
|
|
width: 87%;
|
|
height: 2px;
|
|
background-color: #5d5b5b;
|
|
display: inline-block;
|
|
margin-right: 10px;
|
|
}
|
|
.home-brands{
|
|
width:100%;
|
|
background: #fff;
|
|
border-radius: 100px;
|
|
box-shadow: 0 0 15px #cdcdcd;
|
|
}
|
|
.center-item{
|
|
display: flex;
|
|
}
|
|
.brand-item{
|
|
border-radius: 100%;
|
|
box-shadow: 0 0 15px #cdcdcd;
|
|
width: 120px;
|
|
height: 120px;
|
|
position: relative;
|
|
margin: 20px auto;
|
|
}
|
|
.brand-item img{
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 15%;
|
|
transform: translateY(-50%);
|
|
}
|
|
footer{
|
|
background: #333333;
|
|
width: 100%;
|
|
margin-top: 20px;
|
|
padding-top: 20px;
|
|
border-top: 5px solid #8ac3ffd1;
|
|
}
|
|
.feature-footer img{
|
|
display: block;
|
|
margin: 0 auto;
|
|
border-radius: 25px;
|
|
}
|
|
.footer-column{
|
|
width: 25%;
|
|
float: right;
|
|
margin-right: 100px;
|
|
margin-top: 20px;
|
|
}
|
|
.footer-column p{
|
|
color: #fff;
|
|
line-height: 3;
|
|
}
|
|
.footer-column h1 ,.footer-column h2 ,.footer-column h3,.footer-column h4 ,.footer-column h5 ,.footer-column h6{
|
|
font-weight: bold;
|
|
font-size: 19px;
|
|
color: #fff;
|
|
line-height: 4;
|
|
}
|
|
.footer-column ul li a{
|
|
color: #fff;
|
|
line-height: 3;
|
|
}
|
|
.copyright-text{
|
|
text-align: center;
|
|
}
|
|
.copyright-text p{
|
|
background: #fff;
|
|
display: inline-block;
|
|
line-height: 2;
|
|
border-radius: 20px 20px 0 0;
|
|
padding: 5px 30px;
|
|
box-shadow: 0 0 18px #ffffff87;
|
|
margin-top: 20px;
|
|
color: #333333;
|
|
}
|
|
.breadcrumb{
|
|
background: #fff;
|
|
height: 40px;
|
|
border-radius: 50px;
|
|
box-shadow: 0 0 15px #cdcdcd;
|
|
padding-right: 20px;
|
|
line-height: 40px;
|
|
color: #8e8d8d;
|
|
font-size: 15px;
|
|
margin-bottom: 20px;
|
|
}
|
|
.pages-content{
|
|
background: #fff;
|
|
border-radius: 8px;
|
|
float: right;
|
|
width: 870px;
|
|
padding: 20px;
|
|
}
|
|
aside{
|
|
width: 300px;
|
|
border-radius: 8px;
|
|
float: left;
|
|
}
|
|
.page-title{
|
|
font-size: 20px;
|
|
font-weight: bold;
|
|
color: #665e5e;
|
|
border-bottom: 2px solid #ececec;
|
|
padding-bottom: 15px;
|
|
}
|
|
.short-decs{
|
|
line-height: 2 !important;
|
|
}
|
|
.pages-content p{
|
|
line-height: 3;
|
|
color: #9a9a9a;
|
|
margin-top: 20px;
|
|
text-align: justify;
|
|
}
|
|
aside img{
|
|
max-width: 100%;
|
|
height: auto;
|
|
border-radius: 8px;
|
|
}
|
|
.sidebar-related-post{
|
|
background: #fff;
|
|
border-radius: 8px;
|
|
box-shadow: 0 0 15px #cdcdcd;
|
|
max-width: 100%;
|
|
height: auto;
|
|
margin-top: 20px;
|
|
padding: 20px;
|
|
margin-bottom: 20px;
|
|
}
|
|
.last-post-title{
|
|
font-size: 18px;
|
|
font-weight: bold;
|
|
color: #737373;
|
|
border-bottom: 1px solid #e2e2e2;
|
|
display: block;
|
|
padding-bottom: 10px;
|
|
}
|
|
.title-post{
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
color: #737373;
|
|
margin-top: 15px;
|
|
width: 65%;
|
|
line-height: 1.5;
|
|
}
|
|
.sidebar-related-post img{
|
|
margin-top: 20px;
|
|
vertical-align: middle;
|
|
width: 60px;
|
|
height: 60px;
|
|
border-radius: 5px;
|
|
margin-left: 10px;
|
|
}
|
|
.thumbnail-image{
|
|
float: right;
|
|
width: 50%;
|
|
}
|
|
.thumbnail-image img{
|
|
border-radius: 10px;
|
|
max-width: 100%;
|
|
}
|
|
.specification-post{
|
|
float: left;
|
|
width: calc(50% - 20px);
|
|
padding-right: 20px;
|
|
}
|
|
.category-post{
|
|
background: #c0dcff;
|
|
padding: 7px 15px;
|
|
border-radius: 5px;
|
|
color: #5aa3fd;
|
|
margin: 20px 0 20px 20px;
|
|
display: inline-block;
|
|
}
|
|
.post-title{
|
|
font-size: 22px;
|
|
font-weight: bold;
|
|
color: #665e5e;
|
|
}
|
|
.meta-info{
|
|
margin-top: 20px;
|
|
}
|
|
.meta-info span{
|
|
margin-left: 40px;
|
|
color: #9a9a9a;
|
|
}
|
|
.comment::before{
|
|
content: "";
|
|
background: url(assets/img/comment.png);
|
|
display: inline-block;
|
|
background-repeat: no-repeat;
|
|
width: 25px;
|
|
height: 25px;
|
|
vertical-align: bottom;
|
|
margin-left: 5px;
|
|
}
|
|
.publish-date::before{
|
|
content: "";
|
|
background: url(assets/img/date.png);
|
|
display: inline-block;
|
|
background-repeat: no-repeat;
|
|
width: 25px;
|
|
height: 25px;
|
|
vertical-align: bottom;
|
|
margin-left: 5px;
|
|
}
|
|
.author-name::before{
|
|
content: "";
|
|
background: url(assets/img/author.png);
|
|
background-repeat: no-repeat;
|
|
display: inline-block;
|
|
width: 25px;
|
|
height: 25px;
|
|
vertical-align: bottom;
|
|
margin-left: 5px;
|
|
}
|
|
.inner-content{
|
|
border-top: 2px solid #ececec;
|
|
margin-top: 15px;
|
|
}
|
|
.content404{
|
|
text-align: center;
|
|
}
|
|
.title404{
|
|
font-size: 40px;
|
|
font-weight: 900;
|
|
color: #386fc1;
|
|
margin: 55px 0 40px 0;
|
|
}
|
|
.content404 p{
|
|
font-size: 18px;
|
|
color: #313132;
|
|
margin: 40px 0 30px 0;
|
|
}
|
|
.gotohome{
|
|
background: linear-gradient(45deg, #005fe6, #00aeff);
|
|
padding: 12px 65px;
|
|
border-radius: 25px;
|
|
box-shadow: 0 0 20px #41bcff91;
|
|
color: #fff;
|
|
font-weight: 700;
|
|
margin-bottom: 50px;
|
|
display: inline-block;
|
|
}
|
|
.archive-content{
|
|
float: right;
|
|
width: 910px;
|
|
}
|
|
.archive-content .item{
|
|
width: calc(25% - 8px);
|
|
margin: 0 6px 20px 2px;
|
|
background: #fff;
|
|
text-align: center;
|
|
padding: 20px 0;
|
|
border-radius: 8px;
|
|
box-shadow: 0 0 15px #dfdfdf;
|
|
float: right;
|
|
}
|
|
.archive-content .item img{
|
|
max-width: 100%;
|
|
}
|
|
.archive-title{
|
|
color: #3f3d3d;
|
|
line-height: 1.5;
|
|
width: 80%;
|
|
display: block;
|
|
margin: 10px auto;
|
|
}
|
|
.readmore{
|
|
background: linear-gradient(45deg, #005fe6, #00aeff);
|
|
border-radius: 8px;
|
|
padding: 12px 55px;
|
|
color: #fff;
|
|
box-shadow: 0 0 15px #52a4ffcf;
|
|
display: inline-block;
|
|
font-size: 14px;
|
|
}
|
|
.archive-main-title{
|
|
text-align: right;
|
|
display: inline-block;
|
|
font-size: 22px;
|
|
font-weight: bold;
|
|
margin-bottom: 15px;
|
|
}
|
|
.price-product{
|
|
color: #ff5353;
|
|
margin: 12px auto;
|
|
display: block;
|
|
}
|
|
.add-to-cart-category{
|
|
background: linear-gradient(45deg, #005fe6, #00aeff);
|
|
border-radius: 8px;
|
|
padding: 12px 40px;
|
|
color: #fff;
|
|
box-shadow: 0 0 15px #52a4ffcf;
|
|
display: inline-block;
|
|
font-size: 14px;
|
|
}
|