Color Blend Collection iseasily blend-able with another color to create ombre or marble effects or you can wear any shade by itself!
/ FONTS AND COLORS /
body
font-family: Arial,sans-serif;
font-size: 14px;
line-height: 1.428571429;
color: #333;
background-color: white;
h1, h2, h3, h4, h5, h6
color: black;
.navbar a, .navbar a:active, .navbar a:hover, .navbar a:visited
color: #333;
.product-specs
background-color: #f1f1f1;
padding: 1em;
.product-specs td
font-size:12px;
.attr-left
min-width:6em;
font-weight:bold;
vertical-align:top;
.attr-right
vertical-align:top;
div.footer
border-top: 1px solid #f1f1f1;
.navbar-default
background-image: -webkit-linear-gradienttop, #ffffff 0%, #f2f2f2 100%;
background-image: linear-gradientto bottom, #ffffff 0%, #f2f2f2 100%;
background-repeat: repeat-x;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 0 rgba255, 255, 255, 0.15, 0 1px 5px rgba0, 0, 0, 0.075;
box-shadow: inset 0 1px 0 rgba255, 255, 255, 0.15, 0 1px 5px rgba0, 0, 0, 0.075;
.navbar-default .navbar-nav > .active > a
background-image: -webkit-linear-gradienttop, #ebebeb 0%, #f3f3f3 100%;
background-image: linear-gradientto bottom, #ebebeb 0%, #f3f3f3 100%;
background-repeat: repeat-x;
-webkit-box-shadow: inset 0 3px 9px rgba0, 0, 0, 0.075;
box-shadow: inset 0 3px 9px rgba0, 0, 0, 0.075;
/ LAYOUT – CHANGING THESE WILL AFFECT THE SIZE AND LAYOUT OF YOUR AD TEMPLATE /
/ Responsive Columns /
.col-md-6width:100%;
.col-md-12width:100%;
.containermargin:auto;width:100%;
media min-width:768px
.containerwidth:750px;
.col-md-12, .col-md-6float:left;
.col-md-6width:48%; margin:1%;
media min-width:992px
.containerwidth:970px;
.col-md-12,.col-md-6float:left;
.col-md-6width:48%; margin:1%;
media min-width:1200px
.containerwidth:1170px;
.col-md-12,.col-md-6float:left;
.col-md-6width:48%; margin:1%;
.img-responsivedisplay:block;height:auto;max-width:100%;
/ Responsive Navigation Bar /
.navpadding-left:0;margin-bottom:0;list-style:none;
.nav:before, .nav:afterdisplay:table;content:" ";
.nav:afterclear:both;
.nav:before, .nav:afterdisplay:table;content:" ";
.nav:afterclear:both;
.nav > liposition:relative;display:block;
.nav > li > aposition:relative;display:block;padding:10px 15px;
.nav > li > a:hover, .nav > li > a:focustext-decoration:none;background-color:#eeeeee;
.nav > li > a > imgmax-width:none;
.navbarposition:relative;min-height:50px;margin-bottom:20px;border:1px solid transparent;
media min-width:768px.navbarborder-radius:4px;
.navbar-header:before, .navbar-header:afterdisplay:table;content:" ";
.navbar-header:afterclear:both;
.navbar-header:before, .navbar-header:afterdisplay:table;content:" ";
.navbar-header:afterclear:both;
media min-width:768px.navbar-headerfloat:left;
.navbar-collapsemax-height:340px;padding-right:15px;padding-left:15px;overflow-x:visible;border-top:1px solid transparent;box-shadow:inset 0 1px 0 rgba255,255,255,0.1;-webkit-overflow-scrolling:touch;
.navbar-collapse:before, .navbar-collapse:afterdisplay:table;content:" ";
.navbar-collapse:afterclear:both;
.navbar-collapse:before, .navbar-collapse:afterdisplay:table;content:" ";
.navbar-collapse:afterclear:both;
.navbar-collapse.inoverflow-y:auto;
media min-width:768px.navbar-collapsewidth:auto;border-top:0;box-shadow:none;
.navbar-collapse.collapsedisplay:block !important;height:auto !important;padding-bottom:0;overflow:visible !important;
.navbar-collapse.inoverflow-y:visible;
media min-width:768px.container > .navbar-header, container > .navbar-collapsemargin-right:0;margin-left:0;
.navbar-brandfloat:left;padding:15px…Color Blend Collection is easily blend-able with another color to create ombre or marble effects or you can wear any shade by itself!
Reviews
There are no reviews yet.