} h1, h2, h3, h4, h5, h6 { color: black; } .navbar a, .navbar a:active, .navbar a:hover, .navbar a:visited { color: #ffffff; } .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; } /* LAYOUT - CHANGING THESE WILL AFFECT THE SIZE AND LAYOUT OF YOUR AD TEMPLATE */ /* Responsive Columns */ .col-md-6{width:100%;} .col-md-12{width:100%;} .container{margin:auto;width:100%;} @media (min-width:768px){ .container{width:750px;} .col-md-12, .col-md-6{float:left;} .col-md-6{width:48%; margin:1%;} } @media (min-width:992px){ .container{width:970px;} .col-md-12,.col-md-6{float:left;} .col-md-6{width:48%; margin:1%;} } @media (min-width:1200px){ .container{width:1170px;} .col-md-12,.col-md-6{float:left;} .col-md-6{width:48%; margin:1%;} } .img-responsive{display:block;height:auto;max-width:100%;} /* Responsive Navigation Bar */ .nav{padding-left:0;margin-bottom:0;list-style:none;} .nav:before, .nav:after{display:table;content:" ";} .nav:after{clear:both;} .nav:before, .nav:after{display:table;content:" ";} .nav:after{clear:both;} .nav > li{position:relative;display:block;} .nav > li > a{position:relative;display:block;padding:10px 15px;} /* .nav > li > a:hover, .nav > li > a:focus{text-decoration:none;background-color:#eeeeee;} */ .nav > li > a > img{max-width:none;} .navbar{position:relative;min-height:50px;margin-bottom:20px;border:1px solid transparent;} @media (min-width:768px){.navbar{border-radius:4px;} } .navbar-header:before, .navbar-header:after{display:table;content:" ";} .navbar-header:after{clear:both;} .navbar-header:before, .navbar-header:after{display:table;content:" ";} .navbar-header:after{clear:both;} @media (min-width:768px){.navbar-header{float:left;} } .navbar-collapse{max-height:340px;padding-right:15px;padding-left:15px;overflow-x:visible;border-top:1px solid transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,0.1);-webkit-overflow-scrolling:touch;} .navbar-collapse:before, .navbar-collapse:after{display:table;content:" ";} .navbar-collapse:after{clear:both;} .navbar-collapse:before, .navbar-collapse:after{display:table;content:" ";} .navbar-collapse:after{clear:both;} .navbar-collapse.in{overflow-y:auto;} @media (min-width:768px){.navbar-collapse{width:auto;border-top:0;box-shadow:none;} .navbar-collapse.collapse{display:block !important;height:auto !important;padding-bottom:0;overflow:visible !important;} .navbar-collapse.in{overflow-y:visible;} } @media (min-width:768px){.container > .navbar-header, container > .navbar-collapse{margin-right:0;margin-left:0;} } .navbar-brand{float:left;padding:15px 15px;font-size:18px;line-height:20px;} .navbar-brand:hover, .navbar-brand:focus{text-decoration:none;} @media (min-width:768px){.navbar > .container .navbar-brand{margin-left:-15px;} } .navbar-nav{margin:7.5px -15px;} .navbar-nav > li > a{padding-top:10px;padding-bottom:10px;line-height:20px;} @media (min-width:768px){.navbar-nav{float:left;margin:0;} .navbar-nav > li{float:left;} .navbar-nav > li > a{padding-top:15px;padding-bottom:15px;} .navbar-nav.navbar-right:last-child{margin-right:-15px;} } @media (min-width:768px){.navbar-left{float:left !important;} .navbar-right{float:right !important;} } /* /////////////////////////navbar ///////////////////////// */ .navbar-default { background-color: #000000; border-color: #57bfee; background-image: none; } .navbar-default .navbar-brand { color: #ecf0f1; } .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus { color: #ffffff; } .navbar-default .navbar-text { color: #ecf0f1; } .navbar-default .navbar-nav > li > a { color: #ecf0f1; } .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #ffffff; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: #ffffff; background-color: #57bfee; } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { color: #ffffff; background-color: #57bfee; } .navbar-default .navbar-toggle { border-color: #57bfee; } .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #57bfee; } .navbar-default .navbar-toggle .icon-bar { background-color: #ecf0f1; } .navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: #ecf0f1; } .navbar-default .navbar-link { color: #ecf0f1; } .navbar-default .navbar-link:hover { color: #ffffff; } @media (max-width: 767px) { .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #ecf0f1; } .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { color: #ffffff; } .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { color: #ffffff; background-color: #57bfee; } }