diff --git a/core/static/css/style.css b/core/static/css/style.css index e98f1cb..60af5e0 100644 --- a/core/static/css/style.css +++ b/core/static/css/style.css @@ -75,6 +75,7 @@ a:active, a:hover { .animated {animation-duration: 1.5s;} i{font-size:16px;} p{ + height: 100px; color:#f4cca4; font-size:13px; font-weight:400; diff --git a/core/static/css/style1.css b/core/static/css/style1.css new file mode 100644 index 0000000..89d7d98 --- /dev/null +++ b/core/static/css/style1.css @@ -0,0 +1,2170 @@ +/*----------------------------------------------------------------------------------- + + Template Name: Sell Shop - eCoommerce HTML5 template + Template URI: http://www.codecarnival.net + Description: This is HTML5 eCommerce Template + Author: Codecarnival + Author URI: http://www.codecarnival.net + Version: 1.0 + +----------------------------------------------------------------------------------- + + CSS INDEX + =================== + + [ 1. theme default CSS ] (body, link color, section etc) + [ 2. home version one ] + [ 3. home version two ] + [ 4. about page ] + [ 5. blog page ] + [ 6. pages ] + [ 6.1 single blog page ] + [ 6.2 product grid view ] + [ 6.3 product list view ] + [ 6.4 Wishlist ] + [ 6.5 cart ] + [ 6.6 checkout page ] + [ 6.7 login page ] + [ 6.8 My account ] + [ 6.9 Order complete ] + [ 6.10 single products page ] + [ 7. Contact page ] + [ 8. 404 page ] + +-----------------------------------------------------------------------------------*/ + +/*------------------------------------- +[ 1. theme default CSS ] +---------------------------------------*/ +html, body {height: 100%;} +.floatleft {float:left} +.floatright {float:right} +.alignleft {float:left;margin-right:15px;margin-bottom: 15px} +.alignright {float:right;margin-left:15px;margin-bottom: 15px} +.aligncenter {display:block;margin:0 auto 15px} +a:focus {outline:0px solid} +img{ + max-width: 100%; + max-height: 210px; + object-fit: contain; + border-radius: 15px 15px 0 0; +} +.fix {overflow:hidden} +p {margin:0px;} +h1, h2, h3, h4, h5, h6 { + margin: 0 0 10px; + font-family: 'Lato', sans-serif; + text-transform:capitalize; + font-weight:600; + +} +a { + transition: all 0.3s ease 0s; + text-decoration:none; + font-weight:500; + color:#f4cca4; + text-transform:capitalize; +} +a:hover,a:hover, a:focus { + color: #f4cca4; + text-decoration: none; +} +button:focus,a:focus { + border: 0; + outline: 0; +} +a:active, a:hover { + outline: 0 none; + text-decoration:none; +} +.animated {animation-duration: 1.5s;} +i{font-size:16px;} +p{ + height: 100px; + color:#f4cca4; + font-size:13px; + font-weight:400; + line-height:20px; +} +ul{ + list-style: outside none none; + margin: 0; + padding: 0 +} +ul li{float:left;} +hr.line { + background: #ef6644 none repeat scroll 0 0; + border: 0 none; + height: 1px; + margin: 0 auto; + width: 100px; +} +.section-padding{padding:80px 0;} +.section-padding-top{padding-top:80px;} +.section-padding-bottom{padding-bottom:80px;} +.d-table { + display: table; + height: 100vh; + width: 100%; +} +.d-tablecell { + display: table-cell; + height: 100%; + vertical-align: middle; +} +.col-text-center{ + float: none !important; + margin-left: auto !important; + margin-right: auto !important; +} +/* ScrollUp */ +#scrollUp { + background-color: #eee; + bottom: 60px; + font-size: 22px; + height: 30px; + right: 12px; + text-align: center; + text-decoration: none; + width: 30px; +} +#scrollUp i{color:#f4cca4;line-height: 30px;} +#scrollUp:hover{background-color: #f4cca4;} +#scrollUp:hover i{color:#40394a;} +.clear{clear:both} +body { + font-family: 'Lato', sans-serif; + color:#f4cca4; + font-size:13px; + font-weight:400; + +} +/* section title */ +.section-title > h2 { + color: #f4cca4; + display: inline-block; + margin-bottom: 0px; + font-weight:700; + text-transform:capitalize; +} +.section-title { + margin-bottom: 40px; +} +::-moz-selection { + background: #b3d4fc; + text-shadow: none; +} +::selection { + background: #b3d4fc; + text-shadow: none; +} +.browserupgrade { + margin: 0.2em 0; + background: #ccc; + color: #000; + padding: 0.2em 0; +} +input::-moz-placeholder, textarea::-moz-placeholder{opacity:1;} +input:focus, textarea:focus {outline: 0px;} +/*------------------------------------- +[ 2. home version one ] +---------------------------------------*/ +/* header section */ +.middel-top .left, .middel-top .right { + width: 20%; +} +.middel-top { + border: 1px solid #ccc; + border-top: 0px solid #ccc; +} +.middel-top .right a { + font-size: 16px; + line-height: 75px; +} +.middel-top .right > ul > li { + float: left; + width: 50%; +} +.middel-top .right li:last-child a i {border: 0 none;} +.header-one .right li {position:relative;} +.middel-top .right li ul a,.middel-top ul.right li ul li a { + display: block; + line-height: 1; + padding: 8px 10px; + text-align: left; + text-transform: capitalize; + width: auto; +} +.header-one .right ul li ul ,.middel-top ul.right li ul{ + background: #40394a none repeat scroll 0 0; + left: 0; + opacity: 0; + padding: 8px; + position: absolute; + top: 95px; + transition: all 0.4s ease 0s; + visibility: hidden; + width: 125px; + z-index: 99; + + border-top:0; +} +.header-one .right ul li:hover ul,.middel-top ul.right li:hover ul { + opacity: 1; + top: 76px; + visibility: visible; +} +.middel-top ul.right li ul {top: 60px;} +.middel-top ul.right li:hover ul {top: 37px;} +.middel-top .right a i { + border-right: 1px solid #ccc; + width: 100%; + line-height: 30px; +} +.middel-top .left p {line-height: 75px;} +header .logo ,.cart-itmes{line-height: 150px;} +.cart-itmes > a.cart-itme-a { + font-size: 16px; + text-transform: lowercase; + position: relative; + top: 10px; +} +.logo { + font-size: 30px; + letter-spacing: 4px; + +} +.cart-itmes a.cart-itme-a i { + font-size: 25px; + left: 50%; + margin-left: -13px; + margin-top: -35px; + position: absolute; + top: 50%; +} +.cart-itmes > a.cart-itme-a strong ,.menu-cart-text > strong,.total strong,.mainmenu li:hover >a,.mainmenu li a.active,.header-one .right li:hover >a,.header-one .right li a.active,header .parent-active > a{ + color: #f4cca4; +} +/* cartdrop */ +.cart-itmes .cartdrop {line-height: initial;} +.cartdrop { + padding: 50px 0; + right: 0; + width: 415px; +} +.sin-itme {padding: 0 50px;} +.sin-itme i { + background: #f5f5f5 none repeat scroll 0 0; + cursor: pointer; + float: left; + font-size: 16px; + height: 30px; + line-height: 30px; + margin-top: 45px; + transition: all 0.3s ease 0s; + width: 30px; +} +.cart-img { + border: 1px solid transparent; + float: left; + margin: 0 30px 30px; + width:83px; +} +.menu-cart-text {text-align: left;} +.sin-itme i:hover { + background: #f4cca4 none repeat scroll 0 0; + color: #fdc998; +} +.sin-itme:hover .cart-img {border-color: #f4cca4;} +.menu-cart-text span,.goto {color: #999;} +.menu-cart-text a h5 { + font-weight:400; + font-family: 'Bree Serif', serif; +} +.menu-cart-text > strong,.total > span,.menu-cart-text span ,.out-menu ,.mainmenu a ,.cart-itmes > a.cart-itme-a,.slide-text span { + display: block; +} +.menu-cart-text > strong { + display: block; + font-size: 16px; + font-weight: 800; + margin-top: 10px; +} +.total > span { + border-bottom: 2px solid #eeeeee; + border-top: 2px solid #eeeeee; + font-size: 14px; + font-weight: 800; + line-height: 58px; + text-transform: capitalize; +} +.total strong {font-weight: 800;} +.goto { + display: inline-block; + font-weight: 700; + line-height: 60px; +} +.out-menu { + background: #eeeeee none repeat scroll 0 0; + font-size: 14px; + font-weight: 700; + line-height: 40px; + margin: 0 50px; + +} +.out-menu:hover,.wrapper > button:hover { + background: #f4cca4 none repeat scroll 0 0; + color: #40394a; +} +/* top middel */ +.middel-top .center { + border-left: 1px solid #ccc; + border-right: 1px solid #ccc; + line-height: 75px; + width: 60%; +} +.middel-top .center button { + border:0; + background: transparent none repeat scroll 0 0; + font-size: 16px; + height: 31px; + line-height: 30px; + margin-right: -3px; +} +.middel-top .center input { + border:0; + color: #999; + height: 30px; + line-height: 30px; + padding: 5px; + width: 480px; +} +.middel-top .center form { + border-bottom: 1px solid #ccc; + display: inline-block; + line-height: 30px; +} +.bordercolor form{border-color:#f4cca4!important;transition:.5s;} +header.header-one { + box-shadow: 0 0 3px rgba(25, 25, 25, 0.56); + position: relative; + z-index: 999; +} +.mainmenu li { + border-right: 1px solid #ccc; + width: 16.666%; + position:relative; +} +.mainmenu a { + font-size: 16px; + line-height: 75px; +} +.mainmenu li:first-child {border-left: 1px solid #ccc;} +.mobile-menu-area{display:none;} +/* dropdown menu */ +.mainmenu li > ul > li { + border: 0 none; + float: none; + width: auto; +} +.mainmenu li > ul > li:first-child { + border: 0 none; +} +.cartdrop,.mainmenu li > ul{ + position: absolute; + top: 150%; + transition: all 0.5s ease 0s; + visibility: hidden; + z-index: 99999; + opacity: 0; + background: #1c1427 none repeat scroll 0 0; +} +.mainmenu li > ul.dropdown { + left: 0; + padding: 25px; + text-align: left; + width: 184px; + box-shadow:0 3px 7px rgba(221, 221, 221, 0.8); +} +.mainmenu li > ul > li > a { + font-size: 13px; + font-weight: 500; + line-height: 1; + margin-bottom: 20px; +} +.mainmenu li > ul > li:last-child a { + margin-bottom: 0; +} +.mainmenu li:hover ul ,.cart-itmes:hover .cartdrop{ + opacity: 1; + top: 101%; + visibility: visible; +} +/* maga menu */ +.mainmenu ul.magamenu { + padding: 40px; + width: 777px; + box-shadow:0 3px 7px rgba(221, 221, 221, 0.8); +} +.mainmenu ul.magamenu li { + float: left; + margin-left: 70px; +} +.mainmenu ul.magamenu li ul { + background: transparent none repeat scroll 0 0; + margin: 0; + padding: 0; + position: unset; +} +.mainmenu ul.magamenu li ul li { + float: none; + margin: 0; + text-align: left; +} +.mainmenu ul.magamenu li ul li:first-child,.mainmenu ul.magamenu li:first-child { + margin-left: 0; +} +.magamenu h5 { + font-size: 13px; + margin-bottom: 25px; +} +.mainmenu .magamenu li a { + color: #999; + margin-bottom: 15px; + text-transform: capitalize; +} +.mainmenu .magamenu li a:hover ,.colect-text > h4 a:hover{ + color: #f4cca4; +} +.mainmenu ul.magamenu > li:first-child a {margin-bottom: 0;} +/* sticky menu */ +#sticky-menu.sticky,#sticky-menu-2.sticky-2{ + position: fixed; + top: 0; + z-index: 999; + width: 100%; + background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0; + box-shadow: 0 0 5px 0 #000; + transition: all 0.5s ease 0s; +} +#sticky-menu.sticky .mainmenu ul> li > a,#sticky-menu-2.sticky-2 .mainmenu ul> li > a{ + color:#40394a; +} +#sticky-menu.sticky .mainmenu ul li ul li a,#sticky-menu-2.sticky-2 .mainmenu ul li ul li a{ + color:inherit; +} +/* slider area */ +.slider-wrapper{position:relative;} +.nivoSlider > img {max-width: 100%;} +.nivo-caption { + background: transparent none repeat scroll 0 0; + box-sizing: border-box; + color: #40394a; + display: none; + left: 0; + opacity: 1; + overflow: visible; + top:50%; +} +.nivo-caption .slider-right { + left: inherit; + position: absolute; + right: 20%; + margin-top: -133px; +} +.right-width p {width: 80%;} +.nivo-caption p,.nivo-caption {padding:0;} +.nivo-caption .slider-right { + width: 620px; +} +.slide-text h3 { + color: #333; + font-size: 25px; + font-weight: 400; +} +.slide-text h1 { + color: #282828; + font-size: 60px; + font-weight: 700; + line-height: 1; + margin-bottom: 0; +} +.slide-text span { + color: #f4cca4; + font-size: 20px; + font-weight: 300; + text-transform: capitalize; + margin-bottom: 20px; +} +.slide-text p.one-p { + color: #f4cca4; + font-size: 13px; + font-weight: 400; +} +.slider-btn {margin-top: 40px;} +.nivo-caption a { + border: 1px solid #ccc; + color: #f4cca4; + display: inline-block !important; + font-size: 14px; + font-weight: 600; + line-height: 40px; + padding: 0 50px; +} +.nivo-caption a:hover { + border-color: #f4cca4 ; + background: #f4cca4 ; + color:#40394a; +} +/* collection section */ +.collect-img h2 { + background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0; + color: #333; + font-size: 26px; + line-height: 50px; + margin: -25px 0 0; + position: absolute; + text-align: center; + text-transform: capitalize; + top: 50%; + width: 100%; +} +.collect-img {position: relative;} +.collect-img.margin{margin-top: 64px;} +.collect-one img {border: 10px solid #eee;} +.colect-text > h4 a { + color: #f4cca4; + font-size: 26px; + font-weight: 700; + text-transform: capitalize; +} +.colect-text h5 { + color: #f4cca4; + font-family: "Bree Serif",serif; + font-size: 16px; + font-weight: 400; + line-height: 25px; +} +.colect-text {margin-top: 50px;} +.colect-text > a { + color: #f4cca4; + display: inline-block; + font-size: 12px; + font-weight: 600; + margin-top: 10px; + padding-bottom:3px; + position: relative; + transition: all 0.3s ease 0s; +} +.colect-text > a::after { + background: #f4cca4 none repeat scroll 0 0; + bottom: 0px; + content: ""; + height: 1px; + position: absolute; + right: 0; + width: 150px; + z-index: 2; +} +.colect-text > a:hover::after { + background: #f4cca4 none repeat scroll 0 0; +} +.colect-text > a:hover {color: #f4cca4;} + +/* banner hover effect */ +.banner a::before { + background-color: rgba(255, 255, 255, 0.15); + content: ""; + height: 100%; + left: 0; + position: absolute; + top: 0; + transition: all 0.3s ease-out 0s; + width: 100%; + transform:scale(0); +} +.banner a::after { + background-color: rgba(255, 255, 255, 0.15); + bottom: 0; + content: ""; + height: 0; + position: absolute; + right: 0; + transition: all 0.3s ease-out 0s; + width: 0; +} +.banner a { + display:block; + height: 100%; + max-width: 100%; + position: relative; + width: 100%; +} +.banner:hover a::after, .banner:hover a::before { + height: 100%; + transition: all 0.4s ease-out 0s; + width: 100%; +} +.banner:hover a::before { + transform:scale(1); + transition: all 0.4s ease-out 0s; +} +/* single products section */ +.product-dsc > p a { + color: #f4cca4; + display: inline-block; + font-size: 16px; + font-weight: 400; + font-family: "Bree Serif",serif; +} +.product-dsc > p a,.colect-text > p{margin-bottom: 10px;} +.single-product { + background: #1c1427 none repeat scroll 0 0; + transition: all 0.4s ease 0s; +} +.single-product:hover { + box-shadow: 0 0 5px 0 rgba(25, 25, 25, 0.3); +} +.product-dsc {padding: 25px 0;} +.product-dsc > span { + color: #f4cca4; + font-size: 18px; + font-weight: 700; +} +.pro-type { + background: #f4cca4 none repeat scroll 0 0; + color: #40394a; + left: 10px; + line-height: 22px; + padding: 0 12px; + position: absolute; + text-transform: capitalize; + top: 10px; + border-radius:3px; +} +.pro-type.sell {background: #7fc8aa none repeat scroll 0 0;} +.product-img {position: relative;} +.actions-btn > a { + background: #1c1427 none repeat scroll 0 0; + border-radius: 50%; + color: #f4cca4; + display: inline-block; + font-size: 18px; + height: 35px; + line-height: 35px; + margin: 0 4px; + width: 35px; +} +.actions-btn { + left: 50%; + margin-left: -63px; + margin-top: -17.5px; + position: absolute; + top: 50%; + opacity: 0; + transform: scale(2); + transition: all 0.4s ease 0s; +} +.actions-btn > a:hover { + background: #f4cca4 none repeat scroll 0 0; + color: #40394a; +} +.single-product:hover .actions-btn { + opacity: 1; + transform: scale(1); +} +.wrapper > button,.single-product:hover .actions-btn { + transition: all 0.3s ease 0s; +} +/* load more */ +.load-list{ + list-style: none; + padding: 0; + margin: 0; +} +.load-list li{ + position: relative; + margin-bottom: 40px; + float:none; +} +.load-list li:last-child {margin-bottom: 0px;} +.wrapper > button,.wrapper-two button { + background: #40394a none repeat scroll 0 0; + border: 0 none; + color: #999; + display: block; + font-size: 14px; + font-weight: 300; + line-height: 50px; + text-transform: capitalize; + width: 100%; +} +/* coming product section */ +.coming-product .padding {padding: 50px 0;} +.single-products.extra-padding-bottom{padding-bottom:140px;} +.single-products.extra-padding-top{padding-top:140px;} +.large-img { + margin: -60px 0; + padding: 10px; +} +.large-img,.tab-menu li a, .tab-menu li a:hover,.tab-menu li.active::after { + box-shadow: 0 0 5px rgba(25, 25, 25,.2); +} +.tab-menu li:first-child { + margin-bottom: 27px; +} +.tab-menu li a, .tab-menu li a:hover { + border: 0 none; + border-radius: 0; + box-shadow: 0 0 5px rgba(25, 25, 25, 0.2); + display: block; + padding: 10px; +} +.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { + border-width: 0; +} +.nav-tabs {border-bottom: 0;} +.tab-menu li.active {position: relative;} +.tab-menu li.active::after { + content: ""; + height: 0; + margin-top: -6px; + position: absolute; + right: -50.8%; + top: 50%; + transform: rotate(45deg); + width: 0; + z-index: 666; + border-left: 14px solid #40394a; + border-right: 14px solid transparent; + border-bottom: 14px solid #40394a; + border-top: 14px solid transparent; + box-shadow: -3px 3px 3px -4px ; +} +.single-coming {padding-left: 30px;} +.single-coming h4 { + font-size: 20px; + font-weight: 400; + line-height: 24px; + font-family: "Bree Serif",serif; +} +.single-coming span { + color: #f4cca4; + font-size: 16px; + font-weight: 700; +} +.single-coming span del { + color: #ccc; + font-size: 13px; + font-weight: 400; +} +.single-coming p.come-p { + padding-bottom: 30px; + padding-top: 32px; +} +.single-coming .color-size li { + clear: both; + display: table; + float: none; +} +.single-coming .color-size li span{ + float: left; + display: block; + width: 85px; +} +.single-coming ul li span { + color: #f4cca4; + font-size: 13px; + font-weight: 500; + margin-bottom: 12px; + text-transform: capitalize; +} +.single-coming ul li strong { + font-weight: 800; + margin-right: 18px; +} +.single-coming ul li a { + margin-left: -4px; + padding-right: 16px; + text-transform: capitalize; +} +.count-text li { + border: 3px solid #ccc; + font-size: 16px; + font-weight: 600; + height: 70px; + margin-right: 10px; + padding: 10px 0; + text-align: center; + text-transform: capitalize; + width: 70px; +} +.count-text li:last-child,.single-coming .count-text li span{margin:0;} +.count-text {margin-top:24px;} +.single-coming .count-text li p ,.coming-product2 .count-text li p{ + font-weight: 600; + font-size: 16px; + margin-bottom:3px; +} +.single-coming .count-text li span,.coming-product2 .count-text li span{ + color: #f4cca4 ; + font-weight: 800; + font-size: 16px; +} +/* tab-products section */ +.product-tab {display: inline-block;} +.product-tab li a { + color: #999; + font-size: 30px; + font-weight: 700; + text-transform: capitalize; +} +.product-tab li a span {padding: 0 15px;} +.product-tab li.active a {color: #333;} +/* service section */ +.service-text {padding: 40px 0;} +.service-text i { + border-radius: 50%; + font-size: 30px; + height: 70px; + line-height: 70px; + margin-bottom: 30px; + transition: all 0.3s ease 0s; + width: 70px; +} +.service-text:hover i { + background: #f4cca4 none repeat scroll 0 0; + color: #40394a; +} +.service-text h4{ + color: #333; + font-size: 20px; + font-family: "Bree Serif",serif; + font-weight: 400; +} +.service-text a:hover,.footer-menu a:hover i { + color: #f4cca4; +} +/* latest blog section */ +.latest-blog .load-list li {float: left;} +.latest-blog.extra-padding{padding-bottom:120px;} +.s-blog-text { + border-bottom: 1px solid #eee; + padding: 30px; +} +.date-read > a { + float: left; + line-height: 50px; + text-align: center; + width: 50%; +} +.date-read > a:first-child {border-right: 1px solid #eee;} +.s-blog-text a { + color: #333; + font-size: 16px; + font-weight: 400; +} +.s-blog-text span a { + color: #999; + font-size: 12px; + text-transform: capitalize; +} +.s-blog-text > span { + color: #999; + display: inline-block; + font-size: 12px; + margin-bottom: 20px; +} +.s-blog-text > h4 { + margin-bottom: 5px; +} +.date-read ,.barnd-bg,.brand-logo,.newsletter input,.service-text i,.s-blog-text,.large-img,.tab-menu li a, .tab-menu li a:hover { + background: #40394a none repeat scroll 0 0; +} +.s-blog-text span a:hover, .s-blog-text h4 a:hover { + color: #f4cca4; +} +.l-blog-text:hover { + box-shadow: 0 0 5px rgba(25, 25, 25, 0.3); +} +.l-blog-text,.l-blog-text:hover { + transition: all 0.4s ease 0s; +} +/* quick view modal */ +.main-view { + background: #40394a none repeat scroll 0 0; + padding: 30px; + border-radius: 0; +} +.quick-view .modal-dialog { + width: 100%; + margin: 20px 0; +} +.quick-view .modal-footer { + background: #40394a none repeat scroll 0 0; + border: 1px solid #333; + border-radius: 50%; + cursor: pointer; + height: 25px; + padding: 0; + position: absolute; + right: -15px; + text-align: center; + top: -15px; + width: 25px; +} +.quick-view .quick-thumb li {width: 22.75%;} +.modal.animated{animation-duration:.6s;} +/* footer section */ +footer ,.latest-blog,.single-products,.service-text,.coming-product.coming-product2 { + background: #f5f5f5 none repeat scroll 0 0; +} +.barnd-bg { + margin: -40px 0; + padding: 40px 100px; + z-index: 2; + position: relative; +} +.barnd-bg > a { + text-align: center; + width: 19.7%; +} +/* social media */ +.social-media { + background: rgba(0, 0, 0, 0) url("img/footer/bg2.jpg") no-repeat scroll 0 0; + padding-top: 110px; +} +.social-icons { + padding-right: 80px; + text-align: right; +} +.social-icons a { + background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0; + border-radius: 50%; + color: #fdfdfd; + font-size: 30px; + height: 50px; + line-height: 50px; + margin-left: 5px; + text-align: center; + width: 50px; +} +.newsletter input ,.footer-two .newsletter textarea,.custom-mess textarea { + border: 0 none; + color: #999; + font-weight: 500; + line-height: 40px; + padding: 0 20px; + width: 350px; +} +.newsletter input[type="submit"] { + color: #f4cca4; + font-weight: 400; + margin-left: 7px; + text-transform: capitalize; + width: auto; +} +.newsletter form ,.social-icons a,.barnd-bg > a{ + display: inline-block; +} +.newsletter { + padding: 5px 0; + text-align: right; +} +.newsletter input[type="submit"],.social-icons a { + transition: all 0.3s ease 0s; +} +.newsletter input[type="submit"]:hover,.social-icons a:hover ,.footer-two .social-icons a:hover,.error-content > a:hover,.list-btn > a:hover,.submit-text > button:hover,.submit-text a:hover,.products-two .wrapper button:hover { + background: #f4cca4 none repeat scroll 0 0; + color: #40394a; +} +/* footer top */ +.footer-top { + background: rgba(0, 0, 0, 0) url("img/footer/bg.jpg") no-repeat scroll center center / cover ; +} +.footer-title > h4 { + color: #333; + font-size: 20px; + font-weight: 800; + margin-bottom: 40px; +} +.footer-text i { + background: #f4cca4 none repeat scroll 0 0; + border-radius: 3px; + color: #40394a; + float: left; + font-size: 18px; + height: 30px; + line-height: 30px; + margin-right: 15px; + margin-top: 5px; + text-align: center; + width: 30px; +} +.footer-text li { + float: none; + margin-bottom: 20px; +} +.footer-text li p {overflow: hidden;} +.footer-menu a {text-transform: capitalize;} +.footer-menu li { + float: none; + margin-bottom: 10px; +} +.footer-menu li:last-child, .footer-text li:last-child , .s-side-text:last-child { + margin-bottom: 0; +} +.footer-menu a i { + color: #999; + font-size: 15px; + margin-right: 8px; + position: relative; + top: 1px; +} +.instagram li { + padding-bottom: 10px; + padding-right: 10px; +} +.instagram {margin-right: -17px;} +.instagram a,.footer-menu a {display: block;} +.single-list-view,.instagram a{transition: all 0.3s ease 0s;} +.instagram a:hover { + box-shadow: 0 3px 5px rgba(25, 25, 25, 0.6); +} +/* footer bottom */ +.footer-bottom {padding: 18px 0;} +.footer-bottom p {padding: 2px 0;} +/*------------------------------------- +[ 3. home version two ] +---------------------------------------*/ +.header-top-two .middel-top .right a ,.header-top-two .middel-top .left p{ + line-height: 50px; +} +.header-top-two,.footer-bottom {background: #eee none repeat scroll 0 0;} +.header-two .logo, .header-two .cart-itmes, .header-two .mainmenu a{line-height:120px;} +.header-two .mainmenu li > ul > li > a{line-height:1;} +.header-two .mainmenu li:first-child,.header-two .mainmenu li{border:0;} +.header-top-two .middel-top { + border: 0 none; +} +.header-two .cart-itmes a.cart-itme-a i { + font-size: 16px; + margin-top: -44px; + background: #f4cca4; + width: 30px; + height: 30px; + border-radius: 50%; + line-height: 30px; + color: #40394a; +} +.header-two .middel-top .left, .header-two .middel-top .right { + width: auto; +} +.right.floatright > form {float: left;} +.right.floatright button { + background: transparent none repeat scroll 0 0; + border: 0 none; + color: #f4cca4; + float: right; + font-size: 16px; + margin-left: -4px; + padding: 3px 25px; +} +.right.floatright input { + background: #40394a none repeat scroll 0 0; + border: 0px solid #999; + float: right; + height: 26px; + padding: 0px; + width: 0px; + transition:.5s; +} +.header-top-two .right.widthfull input{ + width:300px; + padding-left: 10px; +} +.right.floatright input, .right.floatright button {line-height: 20px;} +.header-top-two .middel-top .right li > a {line-height: 1;} +.header-top-two .middel-top .left p {line-height: 50px;} +.header-top-two .middel-top .right > li > a { + border-left: 1px solid #ccc; + padding: 0px 25px; + width: auto; + margin: 3px 0; + float:left; +} +.header-top-two .middel-top .right li :last-child a{padding-right: 0;} +.header-top-two .middel-top .right a i { + border-right: 0 none; + line-height: 20px; + width: 100%; +} +.header-top-two .right.floatright {padding: 12px 0;} +.middel-top ul.right li ul li a {display: block;} +.header-one .header-top-two .right li {float: left;} +.header-one .header-top-two .right li ul li ,.middel-top ul.right li ul li,.middel-top ul.right li ul li a{ + float: none; +} +/* slider two*/ +.main-slider-two .nivo-caption .slider-right { + width: 470px; +} +.main-slider-two .slide-text h3 { + color: #f4cca4; + font-weight: 700; + margin-bottom: 0; +} +.main-slider-two .slide-text h1 { + color: #f4cca4; + font-weight: 900; +} +.main-slider-two .nivo-caption a { + background: #f4cca4 none repeat scroll 0 0; + border: 1px solid transparent; + color: #40394a; + font-weight: 700; + padding: 0 30px; +} +.main-slider-two .nivo-caption a:hover{ + color:#f4cca4; + background:#40394a; +} +.main-slider-two .nivo-caption .slider-right { + margin-top: -215px; + right: 17%; +} +.main-slider-two .nivo-caption .slider-right.two-caption-text { + margin-top: -140px; + right: 20%; + width: 650px; +} +.collection-area2{background: #f5f5f5 none repeat scroll 0 0;} +.collection-area2 .single-colect img {border: 10px solid #40394a;} +/* products two */ +.single-products.products-two, .single-member .member-img{ + background: #1c1427 none repeat scroll 0 0; +} +.products-two .product-dsc,.products-two .wrapper button,.products-two .product-img { + background: #40394a none repeat scroll 0 0; +} +.coming-product2 .large-img { + position: relative; +} +.coming-product2 .count-text { + bottom: 30px; + left: 50%; + margin-left: -155px; + position: absolute; + width: 100%; +} +.coming-product2 .count-text li { + background: rgba(255,255,255,.9); + border-color:#40394a; +} +.coming-product2 .single-coming p.come-p { + padding-bottom: 35px; + padding-top: 40px; +} +.coming-product2 .single-coming h4{margin-top:30px;} +/* footer-two */ +.footer-two .barnd-bg { + margin: 0; + padding: 40px 0; +} +.footer-two .social-media {background: url(img/footer/bg3.jpg)no-repeat ;padding-top:80px;} +.newsletter h3 { + color: #333; + font-size: 25px; + font-weight: 800; + margin-bottom: 20px; +} +.footer-two .newsletter { + padding: 0px; + text-align: left; +} +.footer-two .newsletter input[type="text"], .footer-two .newsletter textarea { + margin-bottom: 10px; + width: 100%; +} +.footer-two .newsletter input[type="submit"] { + margin-left: 0px; +} +.footer-two .newsletter form {display: block;} +.footer-two .newsletter2{padding-right:70px;} +.footer-two .social-icons { + padding-right: 0; + text-align: left; + margin-top: 50px; +} +.footer-two .social-icons a { + background: #40394a; + border-radius: 6px; + color: #f4cca4; + font-size: 18px; + height: 35px; + line-height: 35px; + margin-left: 5px; + width: 35px; +} +.footer-two .footer-top,.pages {background: #F5F5F5;} +/* pages title */ + +.pages-title ul.text-left { + position: relative; + top: 50px; +} +.pages-title-text h2 { + margin: 0; + color:#333; + font-size:32px; + margin-bottom:-20px; +} +.pages-title li { + font-weight: 600; + text-transform: capitalize; +} +.pages-title ul span {padding: 0 10px;} +header.header-one.header-page {box-shadow: 0 2px 7px rgba(25, 25, 25, 0.2);} +/*------------------------------------- +[ 4. about page ] +---------------------------------------*/ +.about-author > h4,.list-text > h3 ,.member-title > h4{ + color: #333; +} +.about-author > h4 { + font-size: 20px; + line-height: 26px; + margin-bottom: 40px; +} +.about-text > p {margin-top: 25px;} +.share-member {padding: 20px 0;} +.member-title > h4 { + font-family: "Bree Serif",serif; + font-size: 16px; + font-weight: 400; + margin-bottom: 15px; +} +.member-btn > a { + font-size: 16px; + padding: 0 5px; +} +.member-btn > a:hover {color: #f4cca4;} +.single-member { + position: relative; + transition: all 0.5s ease 0s; +} +.share-member { + margin-top: -45px; + opacity: 0; + position: absolute; + top: 100%; + transition: all 0.3s ease 0s; + width: 100%; +} +.single-member:hover .share-member { + opacity: 1; + top: 50%; +} +.single-member:hover { + box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); + transform: scale(1.1); +} +/*------------------------------------- +[ 5. blog page ] +---------------------------------------*/ +.blog-row li,.products-page .col-xs-12 .single-product{margin-bottom:30px;} +.pagnation-ul { + margin-top: 10px; + text-align: center; +} +.pagnation-ul a { + font-size: 14px; + line-height: 50px; + padding: 0 5px; +} +.pagnation-ul a i { + font-size: 25px; + position: relative; + top: 4px; +} +.pagnation-ul ul { + display: inline-block; + margin-bottom: -5px; +} +.pagnation-ul a:hover,.normal-a > a:hover,.product-dsc p a:hover,.share-tag a:hover,.author-des > span a:hover,.author-des > h4 a:hover,.sidebar-title h5 a:hover { + color: #f4cca4; +} +/*------------------------------------- +[ 6. pages ] +---------------------------------------*/ +/*-------------------------- +[ 6.1 single blog page ] +---------------------------*/ +.single-blog-page,.main-padding,.pagnation-ul,.s-side-text ,.error-content button ,.error-content input,.error-content > a,.share-member {background:#40394a;} +.padding30{padding:30px;} +.single-blog-area .post-title > h3 { + color: #333; + font-size:22px; + font-family:Bree Serif; + font-weight:400; +} +.single-blog-page .post-title li, .post-title li a,.share-tag a ,.author-des > span,.recent-post h5, .recent-post span ,.error-content button ,.error-content input,.error-content > h5,.pages-title li ,.right.floatright input,.member-btn > a,.pagnation-ul a{ + color: #999; +} +.single-blog-page .post-title li, .post-title li a ,.author-des > span a{ + text-transform: capitalize; +} +.single-blog-page .post-title li span {padding: 0 10px;} +.single-blog-page .blog-text > p {padding: 30px 0;} +.italic p { + background: #eee none repeat scroll 0 0; + padding: 20px 30px; + border-left:3px solid #f4cca4; +} +.share-tag h5 { + font-size: 13px; + margin: 0; + padding: 3px 0; + font-weight: 500; + color: #555; +} +.share-tag a {margin-left: 13px;} +.author-des > h4 a{ + display: inline-block; + font-size: 13px; + margin-bottom:0; + font-weight: 800; + color: #333; + margin-bottom:0; +} +.author-des > span { + display: block; + margin-bottom: 20px; +} +.author-des > span a{ + color: #f4cca4; + font-weight: 700; +} +.about-author > h4,.leave-comment h4 { + color: #333; + font-size: 20px; + margin-bottom: 30px; +} +.about-author.comments { + padding-bottom: 30px; + padding-top: 60px; +} +.about-author.reply { + border-bottom: 1px solid #eeeeee; + border-top: 1px solid #eeeeee; + padding: 30px 0 30px 50px; + margin-bottom:30px; +} +.autohr-text > img { + float: left; + margin-right: 20px; +} +.leave-comment{margin-top:60px;} +.single-blog-area .single-blog {border-bottom: 1px solid #eee;} +.input-text > input, .input-text > textarea { + border: 1px solid #ccc; + line-height: 35px; + margin-bottom: 15px; + padding: 0 20px; + width: 100%; + color: #999; +} +.submit-text > button, .submit-text a { + background: #333 none repeat scroll 0 0; + border: 0 none; + color: #40394a; + display: inline-block; + line-height: 35px; + padding: 0 30px; + text-transform: capitalize; + transition: all 0.3s ease 0s; +} +/* single blog sidebar */ +.recent-post a img { + float: left; + margin-right: 15px; + padding-left: 30px; +} +.recent-post li { + border-bottom: 1px solid #dcdcdc; + float: none; + padding: 15px 0; +} +.recent-post h5 { + font-family: 'Bree Serif', serif; + font-size: 13px; + font-weight: 400; + margin-bottom: 5px; +} +.recent-post h5, .recent-post span,.author-des > p ,.recent-post li{ + overflow: hidden; +} +/*--------------------------- +[ 6.2 product grid view ] +---------------------------*/ +.grid-content .ratting i { + float: none; + margin: 0 0 10px; + padding: 0; +} +.sidebar-title { + border-bottom: 1px solid #dcdcdc; + padding: 20px 30px; +} +.normal-a > a,.medium-a ,.range-slider{padding:0 30px;} +.normal-a > a:last-child,.categories .panel:last-child .medium-a ,.recent-post li:last-child{border:0;} +.sidebar-title h4, .sidebar-title h5 { + margin: 0; +} +.sidebar-title h4 { + font-size: 16px; + font-weight: 800; +} +.sidebar-title h5 a{ + color: #999; + font-weight: 600; +} +.medium-a { + border-bottom: 1px solid #eeecec; + cursor: pointer; + font-weight: 500; + line-height: 40px; + text-transform: capitalize; +} +.normal-a > a { + border-bottom: 1px solid #eeecec; + clear: both; + color: #afafaf; + display: inline-table; + line-height: 30px; + padding-left: 40px; + text-transform: capitalize; + width: 100%; +} +.categories .panel { + width: 100%; + position:relative; +} +.categories .medium-a:after { + color: #999; + content: "+"; + font-size: 20px; + position: absolute; + right: 30px; + top: 0; +} +.sidebar .categories [aria-expanded="true"] .medium-a:after { + content:"-"; +} +.sidebar .categories [data-target="#collapse1"] .medium-a:after { + content:"-"; +} +.sidebar .categories [aria-expanded="false"] .medium-a:after { + content:"+"!important; +} +.panel-group .panel { + border-radius: 0px; + box-shadow: none; +} +.panel-group,.related-post li { + margin-bottom: 0; +} +.s-side-text,.single-list-view { + margin-bottom: 30px; +} +.ui-slider-range {background: #f4cca4 none repeat scroll 0 0;} +.ui-slider-horizontal { + border-radius: 0; + box-shadow: none; + background: #dcdcdc none repeat scroll 0 0; + height: 3px; + clear:both; + border: medium none; +} +.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { + background: #40394a none repeat scroll 0 0; + border: 2px solid #f4cca4; + border-radius: 100%; + cursor: ew-resize; + height: 12px; + top: -4px; + transition: none 0s ease 0s ; + width: 12px; + z-index: 2; +} +.range-slider span ,.size-select a {float: left;} +.range-slider{padding-bottom:30px;} +.range-slider input { + margin-left: 2px; + width: 50%; +} +.range-slider label {margin: 20px 0 15px;} +.range-slider label,.range-slider span { + color:#afafaf; + font-weight:400; +} +.range-slider.text-bg label, .range-slider.text-bg input.submit { + margin-bottom: 10px; +} +.size-select a { + border-right: 1px solid #eeecec; + font-weight: 500; + line-height: 40px; + text-align: center; + width: 20%; +} +.brands-select li:last-child,.brands-select li a:last-child ,.size-select a:last-child,.range-slider input#amount,.panel-group .panel { + border: 0 none; +} +.size-select a:hover,table tbody i.mdi-close:hover { + background: #f4cca4 none repeat scroll 0 0; + border-color: transparent; + color: #40394a; +} +.color-select {padding: 20px 30px;} +.color-select span { + display: block; + float: left; + height: 19px; + margin-right: 11.58px; + width: 19px; + cursor:pointer; +} +.color-select span:nth-child(1) {background: #ffa07a none repeat scroll 0 0;} +.color-select span:nth-child(2) {background: #00eeee none repeat scroll 0 0;} +.color-select span:nth-child(3) {background: #ff7f24 none repeat scroll 0 0;} +.color-select span:nth-child(4) {background: #f4cca4 none repeat scroll 0 0;} +.color-select span:nth-child(5) {background: #e9967a none repeat scroll 0 0;} +.color-select span:nth-child(6) {background: #00b2ee none repeat scroll 0 0;} +.color-select span:nth-child(7) {background: #1874cd none repeat scroll 0 0;} +.color-select span.outline { + outline: 1px solid #f4cca4; + outline-offset: 2px; +} +.color-select span:last-child { + margin-right: 0; +} +.brands-select li { + border-right: 1px solid #eeecec; + float: left; + width: 50%; +} +.brands-select li a { + border-bottom: 1px solid #eeecec; + color: #afafaf; + display: block; + font-weight: 400; + line-height: 30px; + padding-left: 30px; + text-align: left; + text-transform: capitalize; +} +.brands-select li a:hover {color: #f4cca4;} +.banner-text > h2 { + background: #f4cca4 none repeat scroll 0 0; + color: #40394a; + display: inline-block; + font-size: 30px; + margin: 0; + padding: 0 10px; +} +.s-side-text .banner a { + border: 10px solid #40394a; + position: relative; +} +.banner-text { + bottom: 70px; + position: absolute; +} +.banner-text .banner-brand { + margin-top: 5px; + margin-left: 10px; +} +/*---------------------------- +[ 6.3 product list view ] +-----------------------------*/ +.right-products .section-title { + background: #40394a none repeat scroll 0 0; + padding: 0 20px; +} +.sort-by ,.pages table tbody tr td,.list-btn > a{font-weight: 700;} +.sort-by ,.nav-view > li > a{line-height: 50px;} +.nav-view li a:hover,.items-dsc h5 a {color: #f4cca4;} +.nav-view > li > a { + font-size: 25px; + margin-right: 15px; +} +.single-list-view:hover{box-shadow:0 0 10px rgba( 0, 0, 0,.2)} +.list-text { + background: #40394a none repeat scroll 0 0; + padding: 30px; +} +.list-text > h3 { + font-family: 'Bree Serif', serif; + font-size: 20px; + font-weight: 400; + margin-bottom: 2px; +} +.list-text > span {font-style: italic;} +.ratting i { + float: left; + font-size:16px; + padding: 2px .2px; +} +.ratting i,.list-text > h5,.items-dsc h5 a:hover ,.login-page a.forget:hover{color: #f4cca4;} +.ratting p { + float: right; + margin-left: 10px; +} +.list-text > h5 { + font-size: 20px; + margin: 25px 0 35px; +} +.list-text > p {margin-bottom: 40px;} +.list-text > h5 del { + font-size: 16px; + font-weight: 400; + margin-right: 15px; +} +.list-btn > a { + background: #ccc none repeat scroll 0 0; + display: inline-block; + font-size: 14px; + line-height: 35px; + padding: 0 30px; + margin-right: 7px; +} +/*------------------------------------- +[ 6.4 Wishlist ] +---------------------------------------*/ +table {width: 100%;} +table thead tr th,.order-complete table thead tr td { + line-height: 40px; + text-align: center; + text-transform: capitalize; +} +.items-dsc h5 a { + font-family: 'Bree Serif', serif; + font-size: 14px; + font-weight: 400; +} +.items-dsc > p ,table tbody .plus-minus a {font-weight: 500;} +.items-dsc > p,.list-text > h5 del,.single-contact i,.reviews-tab a,.size-drop .btn.dropdown-toggle,.size-drop .dropdown-menu > li > a ,.size-drop .btn,.custom-input input ,.main-input .custom-select select ,.list-text > span ,.nav-view > li > a,.sort-by{ + color: #999; +} +.pages table tbody tr td { + border-bottom: 2px solid #f5f5f5; + font-size: 13px; + padding: 30px 0; +} +.pages.wishlist-page table tbody tr:last-child td,.pages.cart-page table tbody tr:last-child td{border:0;} +table thead tr th,table td .submit-text > a,table tbody i.mdi-close,table tbody .plus-minus a, table tbody .plus-minus input,.custom-input input,.order-complete table thead tr td,.checkout table thead tr td{ + background: #f5f5f5 none repeat scroll 0 0; +} +table td .submit-text > a { + line-height: 30px; + padding: 0 20px; +} +table tbody i.mdi-close { + color: #f4cca4; + cursor: pointer; + font-size: 16px; + height: 30px; + line-height: 30px; + width: 30px; + transition:.3s; +} +tbody .td-img > a { + display: inline-block; + + margin-right: 30px; + width:83px; + +} +.items-dsc {padding: 20px 0;} +.pages.wishlist-page table tbody tr td:first-child,.pages.cart-page table tbody tr td:first-child { + padding-left:0 +} +/*------------------------------------- +[ 6.5 cart ] +---------------------------------------*/ +.pages.cart-page table tbody tr td,.pages.cart-page table tbody tr td:nth-child(4) strong{font-weight:800;} +.cart-form-text p {margin-bottom: 20px;} +table tbody .plus-minus a, table tbody .plus-minus input{ + border: 0 none; + display: inline-block; + font-weight: 600; + height: 31px; + line-height: 28px; + text-align: center; +} +table tbody .plus-minus input { + margin-left: 3px; + margin-right: 3px; + padding: 0; + width: 60px; +} +table tbody .plus-minus a { + cursor: pointer; + font-size: 18px; + width: 30px; +} + +.cart-form-text .submit-text,.cart-page .margin-top,.checkout .margin-top {margin-top: 30px;} +.custom-input input { + border: 0 none; + line-height: 40px; + padding: 0 20px; + width: 100%; +} +.custom-input.post-state {padding-top: 92px;} +.pages .cart-form-text table tbody tr th, .pages .cart-form-text table tbody tr td,.cart-form-text tfoot tr th, .cart-form-text tfoot tr td { + font-weight: 600; +} +.cart-form-text tbody tr { + border-bottom: 1px solid #40394a; +} +.cart-form-text tbody tr:last-child {border-color: #ccc;} +.pay-details {margin: -15px 0 -30px;} +.pages .cart-form-text table tbody tr td ,.cart-form-text tfoot tr td{ + text-align: right; +} +.pages .cart-form-text table tbody tr th, .pages .cart-form-text table tbody tr td,.pages .cart-form-text table tfoot tr th, .pages .cart-form-text table tfoot tr td { + padding: 14px 30px; +} +.cart-form-text tfoot tr td,.cart-form-text tfoot tr th { + color: #f4cca4; + font-weight: 600; + border:0; +} +/*------------------------------------- +[ 6.6 checkout page ] +---------------------------------------*/ +.main-input .custom-mess > textarea ,.main-input .custom-select select,.checkout .medium-a{ + background: #f5f5f5 none repeat scroll 0 0; + width: 100%; +} +.main-input .custom-input input,.custom-select select,.checkout .panel-group li{margin-bottom:15px;} +select {-moz-appearance: none;-webkit-appearance: none;} +.custom-select {position: relative;} +.main-input .custom-select select { + border: 0 none; + border-radius: 0; + padding: 0 20px; + width: 100%; + box-shadow: none; + height: 40px; + line-height: 40px; +} +.qtybutton,.main-input .custom-select select{cursor:pointer;} +.custom-select::after,.checkout .categories .medium-a::after { + background: rgba(0, 0, 0, 0) url("img/drop-down.png") no-repeat scroll 0 0; + margin-top: -3px; + pointer-events: none; + position: absolute; + right: -5px; + top: 50%; +} +.pages .custom-select option { + border:1px solid #f5f5f5; + padding:5px 20px; +} +.checkout .categories .medium-a::after,.custom-select::after { + width:30px; + height:30px; + content:""; +} +.checkout .categories .medium-a::after { + background:url('img/drop-down.png') no-repeat; +} +.checkout .categories [data-target="#collapse1"] .medium-a::after{ + background:url('img/drop-up.png') no-repeat; + top:16%; +} +.checkout .categories [data-target="#collapse1"][aria-expanded="false"] .medium-a::after{ + top:50%!important; +} +.checkout .categories [aria-expanded="true"] .medium-a::after{ + background:url('img/drop-up.png') no-repeat; + top:16%; +} +.checkout .categories [aria-expanded="false"] .medium-a::after{ + background:url('img/drop-down.png') no-repeat!important; +} +.checkout .medium-a { + border: 0 none; + font-weight: 600; +} +.checkout .normal-a p{padding:30px 30px 15px 30px;} +.checkout .categories .submit-text{margin-top:15px;} +/*------------------------------------- +[ 6.7 login page ] +---------------------------------------*/ +.login-page .first-child > input { + float: left; + margin-bottom: 0 !important; + margin-right: 15px; + width: auto; +} +.login-page .first-child{margin:0;} +.pages .login-text { + border: 3px solid #f5f5f5; + padding: 40px; +} +.login-page .custom-input > p {margin-bottom: 20px;} +.login-page .submit-text {margin-top: 25px;} +.login-page a.forget { + color: #999; + margin: 5px 0; + text-transform: capitalize; +} +/*------------------------------------- +[ 6.8 My account ] +---------------------------------------*/ +.my-account-page .panel .account-title label { + cursor: pointer; + display: block; + margin: 0; + padding: 5px 10px; + border: 1px solid #ccc; + text-transform: capitalize; +} +.my-account-page .bulling-title h5 { + border-bottom: 1px solid #f5f5f5; + padding: 10px 0; +} +.my-account-page .panel .single-log-info { + border-top:0; + padding: 10px; +} +.my-account-page .prayment-dsc span,.my-right-side a{ + background: #f4cca4 none repeat scroll 0 0; + border-radius: 5px; + color: #40394a; + display: block; + font-size: 17px; + margin-top: 10px; + padding: 10px; +} +.my-account-page .prament-area .submit-text {padding: 0 0 10px;} +.my-account-page .red-color {color:#f13340;} +.my-account-page .single-log-info .input-text textarea {height:auto;} +.my-account-page .prayment-dsc,.blog-style .l-blog-text .banner a img { + width: 100%; +} +.my-account-page .account-title.collapse label{color:#f4cca4;} +.my-account-page select {width: 100%;} +.my-account-page .sing-checkbox label:first-child,.my-account-page .panel-group {margin-bottom: 0;} +.my-account-page .social-label {display: block;} +.my-account-page .mr-mrs label input {margin-right: 2px;} +.my-account-page .custom-input input, .my-account-page .custom-input textarea { + margin-bottom: 10px; +} +.my-account-page li.panel { + display: block; + float: none; +} +.sing-checkbox input { + margin-right: 5px; + width: auto; +} +.sing-checkbox > label {font-size: 12px;} +.sing-checkbox > label:first-child {margin-right: 15px;} +select:focus{outline:none!important;border-color:transparent;border:0;} +/*------------------------------------- +[ 6.9 Order complete ] +---------------------------------------*/ +.pages .pay-details table tbody tr td{border-bottom:0;} +.order-complete .pay-details ,.checkout .pay-details { + margin: 0 0 -15px; +} +.order-complete table thead tr th,.checkout table thead tr th { + padding-left: 30px; + text-align: left; +} +.order-complete table thead tr td ,.checkout table thead tr td { + padding-right: 30px; + text-align: right; +} +.complete-title > p { + font-size: 16px; + font-weight: 600; + line-height: 60px; + margin-bottom: 40px; +} +.complete-title > p,.log-title > h3,.reviews-tab li.active a,.checkout .medium-a ,.pages.cart-page table tbody tr td:nth-child(4) strong,table thead tr th,.order-complete table thead tr td,table td .submit-text > a { + color: #333; +} +.order-no ul li { + float: left; + font-size: 16px; + font-weight: 600; + margin: 0 10px; + padding: 40px 0; + text-transform: capitalize; + width: 23.24%; +} +.order-no span { + display: block; + font-size: 13px; + margin-top: 12px; +} +.order-no{padding-bottom:60px;} +.padding60{padding:60px;} +.padding60,.order-no ul li,.complete-title > p,.pages .custom-select option,.input-mail > input, .product-details .custom-mess textarea,.contact-details {background:#40394a;} +.log-title > h3 { + font-size: 20px; + font-weight: 800; +} +.order-address,.log-title > h3 {margin-bottom: 30px;} +.order-address:last-child {margin-bottom: 0px;} +.order-address p span ,.order-details .por-dse span {text-transform: capitalize;} +.order-details .por-dse li { + color: #f4cca4; + float: none; + font-weight: 600; + margin-bottom: 7px; +} +.order-details .por-dse span { + display: inline-block; + width: 80px; +} +/*------------------------------------- +[ 6.10 single products page ] +---------------------------------------*/ +.product-details .margin-top {margin-top: 30px;} +.product-details .list-text {padding: 50px;} +.product-details .list-text > h5 del {font-size: 18px;} +.product-details .list-text > h5,.product-details .list-text > h3 { + font-size: 25px; +} +.s-shoose h5 { + float: left; + font-size: 13px; + width: 65px; + margin: 0; +} +.all-choose .color-select,.size-drop .dropdown-menu {padding: 0;} +.all-choose .color-select span { + height: 15px; + margin-right: 9px; + width: 15px; +} +.s-shoose { + margin-bottom: 17px; + padding: 3px 0; +} +.product-details .plus-minus-box { + border: 0 none; + position: relative; + text-align: center; + top: -3px; + width: 40px; +} +.product-details .plus-minus { + overflow: hidden; + text-align: center; + width: 90px; +} +.product-details .dec.qtybutton { + font-size: 24px; + line-height: 25px; +} +.product-details .inc.qtybutton {font-size: 20px;} +.product-details.qtybutton {cursor: pointer;} +.product-details .list-btn {margin: 40px 0;} +.size-drop .btn { + background: transparent none repeat scroll 0 0; + border-radius: 0; + font-size: 13px; + line-height: 25px; + margin-bottom: 0; + margin-right: 5px; + padding: 0 10px; + font-weight:700; + width: 60px; +} +.size-drop .dropdown-menu { + border-radius: 0; + font-size: 13px; + margin: -1px 0; + min-width: 90px; +} +.size-drop .dropdown-menu ,.size-drop .btn,.product-details .plus-minus ,.size-drop .btn.dropdown-toggle{ + border: 1px solid #ccc; +} +.size-drop .dropdown-menu > li > a {padding: 2px 10px;} +.size-drop .dropdown-menu > li {float: none;} +.size-drop .btn.dropdown-toggle { + font-size: 20px; + height: 27px; + line-height: 27px; + padding: 0 !important; + width: 27px; +} +.btn-group.open .dropdown-toggle ,.size-drop .dropdown-menu { + box-shadow:none; +} +.single-quick-image {margin-bottom: 20px;} +.quick-thumb li { + margin-right: 10px; + width: 22.92%; +} +.quick-thumb li:last-child {margin: 0;} +.quick-thumb li.active { + box-shadow: 1px 0 4px rgba(0, 0, 0, 0.25); +} +/* reviews tab */ +.reviews-tab a { + font-size: 20px; + font-weight: 700; + padding-bottom: 7px; + text-transform: capitalize; +} +.reviews-tab > li {margin-right: 60px;} +.reviews-tab {margin-bottom: 40px;} +.reviews-tab li.active a { + border-bottom: 2px solid #f4cca4; +} +.info-reviews .author-des > span {margin-bottom: 10px;} +.info-reviews hr {margin: 30px 0;} +.your-rating {margin-top: 60px;} +.your-rating .rating {margin-bottom: 30px;} +.your-rating .rating li span {padding: 0 10px;} +.input-mail > input, .product-details .custom-mess textarea { + border: 1px solid #ccc; + margin-bottom: 15px; + line-height:35px; +} +.product-details .custom-mess textarea ,#googleMap{width: 100%;} +/*------------------------------------- +[ 7. Contact page ] +---------------------------------------*/ +.googleMap-info,.contact-details{position:relative;} +#googleMap{height:480px;} +.map-info { + left: 50%; + margin-left: -42px; + position: absolute; + top: 38%; +} +.map-info strong { + text-transform: capitalize; + display: block; + font-weight: 800; + color: #f4cca4; + font-size: 16px; +} +.contact-details { + margin-bottom: -80px; + padding: 60px 0; + top: -80px; +} +.single-contact i { + border: 2px solid #ccc; + font-size: 40px; + height: 70px; + line-height: 70px; + margin-bottom: 30px; + width: 70px; +} +.single-contact > p {font-size: 14px;} +/*------------------------------------- +[ 8. 404 page ] +---------------------------------------*/ +.error-content > img {margin-bottom: 60px;} +.error-content > h4 {font-size: 20px;} +.error-content > p { + font-size: 14px; + font-weight: 600; + letter-spacing: 2px; + margin-bottom: 40px; +} +.error-content > form { + margin: 0 auto; + width: 400px; +} +.error-content > h5 { + font-size: 16px; + margin: 40px 0; +} +.error-content > a { + color: #333; + display: inline-block; + font-weight: 700; + line-height: 40px; + padding: 0 40px; +} +.error-content input { + height: 40px; + padding: 5px 20px; + width: 91%; + font-weight:700; +} +.error-content button ,.error-content input { + border: 0 none; + line-height: 40px; +} +.error-content button { + margin-left: -4px; + padding: 0 10px; + font-size:16px; +} +/*==================================================================== + [ END ] +======================================================================*/ + + +/* Hide Raduo buttons */ +.rate > input{ + display: none; + } + + .rate{ + display: inline-block;; + border: 0; + } + + .rate > label{ + float: right; + } + + /* Showing the stars */ + .rate > label:before{ + display: inline-block; + font-size: 2.1rem; + font-family: FontAwesome; + content: "\f005"; + margin:0; + padding:0.3rem .2rem; + cursor: pointer; + } + +/* Half star */ +.rate .half:before{ + content: "\f089"; + position: absolute; + padding-right: 0; + } + +/* Click and hover */ +input:checked ~ label, label:hover ~ label{ +color: #ffb503; +} + +/* hover hightlight */ +input:checked + label:hover, input:checked ~ label:hover,input:checked ~ label:hover ~ label, +label:hover ~ input:checked ~ label{ + color: #cc9000; +} + + +.rating-star i{ + color: #ffb503 !important; + font-size: 1.8rem; +} diff --git a/templates/base.html b/templates/base.html index 28f55cd..c9dde59 100644 --- a/templates/base.html +++ b/templates/base.html @@ -36,7 +36,7 @@ - + @@ -79,7 +79,7 @@
-
+ {% comment %}
@@ -133,7 +133,7 @@
-
+
{% endcomment %}
@@ -143,13 +143,14 @@ style="color:#d99879">E-Shop
-
+
- -
+
--> +
@@ -237,16 +237,16 @@