Untitled
unknown
plain_text
a year ago
7.6 kB
15
Indexable
/********** Common CSS Starts **********/
html, body {
font-family :Roboto, sans-serif, arial;
font-size: 14px;
color: #242424;
font-weight: 400;
}
html {
-webkit-text-size-adjust:100%;
-ms-text-size-adjust:100%;
font-size:10px;
-webkit-tap-highlight-color:transparent
}
* {
margin:0px;
padding:0px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
margin:0;
padding:0;
outline:0
}
.container {
width:1150px;
margin:0px auto;
display:table;
}
.width-100 {
width:100%;
float:left;
}
.width-50 {
width:50%;
float:left;
}
.width-25 {
width:25%;
float:left;
}
.width-75 {
width:75%;
float:left;
}
.width-80 {
width:80%;
float:left;
}
.width-60 {
width:60%;
float:left;
}
.width-40 {
width:40%;
float:left;
}
.width-33 {
width:33%;
float:left;
}
.width-30 {
width:30%;
float:left;
}
.width-20 {
width:20%;
float:left;
}
.main-section {
width:100%;
float:left;
padding-top:80px;
padding-bottom:80px;
}
.bg-grey {
background:#f0f3fa;
}
.heading-section {
font-size: 25px;
text-align: center;
}
.heading-section span {
color: #787eff;
}
.subhead-section {
font-size: 16px;
text-align: center;
margin-bottom: 40px;
}
/********** Common CSS Ends **********/
/********** Top Header CSS Code Starts **********/
.top-header {
background: #f13f31;
padding: 8px 0px;
border-bottom: 1px solid #3131315e;
}
.head1p1 {
font-size: 12px;
color: #ffffff;
font-family :"Helvetica Neue", Helvetica, Arial, sans-serif;
}
.head1ul {
list-style: none;
float: right;
}
.head1ul li {
float: left;
padding-left: 10px;
}
.head1ul li a {
font-size: 12px;
color: #ffffff;
font-family :"Helvetica Neue", Helvetica, Arial, sans-serif;
text-decoration: none;
}
.head1ul li i {
font-size: 20px;
color: #ffffff;
}
/********** Top Header CSS Code Ends **********/
/********** Logo and Search Panel CSS Code Starts **********/
.search-panel {
background: #f13f31;
padding: 12px 0px;
}
.search-textbox {
padding-left: 16px;
height: 40px;
width: 80%;
border: 1px solid #fff;
float: left;
}
.search-button {
height: 42px;
width: 55px;
border: none;
background: white;
float: left;
}
.search-button i {
color: #f13f31;
}
.cart-sect {
list-style: none;
float: right;
margin-top: 8px;
}
.cart-sect li {
float: left;
padding: 0px 2px;
}
.cart-sect li a {
font-size: 18px;
color: #ffffff;
font-family :"Helvetica Neue", Helvetica, Arial, sans-serif;
text-decoration: none;
}
.cart-sect li i {
font-size: 24px;
color: #ffffff;
}
/********** Logo and Search Panel CSS Code Ends **********/
/********** Main Menu CSS Code Starts **********/
.main-menu {
list-style: none;
}
.main-menu a {
font-weight: 500;
color: #2b304a;
font-size: 17px;
font-family :Roboto, sans-serif, arial;
text-decoration: none;
}
.main-menu li {
float: left;
padding: 12px 20px;
}
/********** Main Menu CSS Code Ends **********/
/********** Product-Section CSS Code Starts **********/
.product-section {
padding-left:5px;
padding-right:5px;
margin-bottom:10px;
}
.product-img {
width: auto;;
height:270px;
}
.product-img-center {
text-align:center;
}
.product-border {
border: 1px solid #d1d1d1;
padding:20px;
}
.product-name a {
color: #232b33;
text-decoration: none;
font-size: 17px;
font-family :Roboto, sans-serif, arial;
}
.product-rating {
color: #FFC315;
font-size: 14px;
padding-top: 6px;
}
.product-rating span {
font-weight: 600;
color: #3c3b3b8c;
font-size: 12px;
font-family :Roboto, sans-serif, arial;
}
.product-discounted-price {
color: #333;
font-size: 18px;
letter-spacing: 0.1px;
font-weight: 600;
font-family: Roboto, sans-serif, arial;
}
.product-original-price {
color: #6f6f6f;
text-decoration: line-through;
font-size:14px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.product-discount {
border: 1px solid #ccc;
background: #fff;
display: inline-block;
font-size: 10px;
color: #999;
padding: 5px;
border-radius: 1px;
}
.product-price {
margin-top:15px;
}
/********** Product-Section CSS Code Ends **********/
/********** Feature-Section CSS Code Starts **********/
.featured-content i {
font-size: 37px;
padding: 7px 0 0 10px;
color: #eb372a;
}
.featured-content h4 {
color: #666;
font-size: 14px;
margin: 0 0 5px;
text-transform: uppercase;
font-weight:500;
font-family :"Helvetica Neue", Helvetica, Arial, sans-serif;
}
.featured-content p {
font-size: 13px;
color:#333333;
font-family :"Helvetica Neue", Helvetica, Arial, sans-serif;
}
.margin-top-8 {
margin-top:8px;
}
.featured-border {
border: 1px solid #ebebeb;
width:100%;
float:left;
padding:15px 0px;
}
/********** Feature-Section CSS Code Ends **********/
/********** Footer-Section CSS Code Starts **********/
.footer {
background: #232f3e;
padding: 50px 0px;
}
.quicklink-menu {
list-style: none;
padding-left: 10px;
}
.quicklink-menu li a {
color: #fff;
line-height: 2.5;
font-size: 15px;
text-decoration: none;
font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
}
.social-media {
list-style: none;
margin-top: 10px;
}
.social-media li a img {
width: 30px;
}
.social-media li {
float: left;
padding: 0px 8px;
}
.quicklink-heading {
font-size: 18px;
font-weight: bold;
color: #fff;
font-family :"Helvetica Neue", Helvetica, Arial, sans-serif;
margin-bottom: 10px;
}
.get-in-touch {
list-style: none;
padding-left: 10px;
}
.get-in-touch li i {
color: #ed372c;
font-size: 20px;
}
.get-in-touch li {
color: #fff;
line-height: 2.5;
font-size: 15px;
text-decoration: none;
font-family :"Helvetica Neue", Helvetica, Arial, sans-serif;
}
.footer-e-mail {
font-size: 15px;
font-weight: bold;
color: #fff;
font-family :"Helvetica Neue", Helvetica, Arial, sans-serif;
text-decoration: none;
}
.footer-website {
font-size: 12px;
font-weight: bold;
color: #fff;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
text-decoration: none;
}
.footer2-bacbor {
background: #232f3e;
padding: 10px 0px;
border-top: 1px solid #898989;
}
.footer2-content {
font-size: 14px;
color: #fff;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
text-align: center;
}
/********** Footer-Section CSS Code Ends **********/
/********** Footer-bottom Section CSS Code Starts **********/
.footer2-bacbor {
background: #232f3e;
padding: 10px 0px;
border-top: 1px solid #898989;
}
.footer2-content {
font-size: 14px;
color: #fff;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
text-align: center;
}
/********** Footer-bottom Section CSS Code Ends **********/
Editor is loading...
Leave a Comment