Untitled diff
563 lines
body {
body {
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-weight:300;
font-weight:300;
}
}
h1,
h1,
h2,
h2,
h3,
h3,
h4,
h4,
strong,
strong,
b { font-weight:700; }
b { font-weight:700; }
label {
label {
font-weight:300;
font-weight:300;
}
}
hr {
hr {
border-top: 1px solid #eeeeee;
border-top: 1px solid #eeeeee;
border-bottom: none;
border-bottom: none;
}
}
a:link,
a:link,
a:visited {
a:visited {
color:#be303b;
color:#be303b;
text-decoration:underline;
text-decoration:underline;
}
}
a:hover,
a:hover,
a:active {
a:active {
color:black;
color:black;
text-decoration:none;
text-decoration:none;
}
}
.logo {
.logo {
display:block;
display:block;
width:auto;
width:140px;
height:60px;
height:60px;
overflow:hidden;
overflow:hidden;
text-indent:-999em;
text-indent:-999em;
background:transparent url("images/boniver_logo.png") no-repeat scroll center top;
background:transparent url("{{ 'boniver_logo.png' | asset_url }}") no-repeat scroll left top;
}
}
.link-block {
.link-block {
display:inline-block;
display:inline-block;
*display: inline;
*display: inline;
*zoom: 1;
*zoom: 1;
font-size:13px;
font-size:13px;
height:50px;
height:50px;
line-height:50px;
line-height:50px;
text-align:center;
text-align:center;
padding:0 10px 0 10px;
padding:0 10px 0 10px;
margin:10px 0 0 0;
margin:10px 0 0 0;
}
}
.link-block:link,
.link-block:link,
.link-block:visited {
.link-block:visited {
color:#909090;
color:#909090;
text-decoration:none;
text-decoration:none;
}
}
.link-block:hover,
.link-block:hover,
.link-block:active,
.link-block:active,
.link-block:focus {
.link-block:focus {
color:#be303b;
color:#be303b;
text-decoration:none;
text-decoration:none;
}
}
.link-cart {
.link-cart {
display: block;
display: block;
height: 30px;
height: 30px;
text-align: center;
text-align: center;
line-height: 30px;
line-height: 30px;
font-size: 14px;
font-size: 14px;
margin-top: 20px;
margin-top: 20px;
}
}
.link-cart:link,
.link-cart:link,
.link-cart:visited {
.link-cart:visited {
text-decoration:none;
text-decoration:none;
}
}
.link-cart:hover,
.link-cart:hover,
.link-cart:active {
.link-cart:active {
text-decoration:underline;
text-decoration:underline;
}
}
.cart-price {
.cart-price {
color:#909090;
color:#909090;
font-size:12px;
font-size:12px;
}
}
.link-cart .icon-shopping-cart {
.link-cart .icon-shopping-cart {
color:#CCCCCC;
color:#CCCCCC;
}
}
.link-cart .badge {
.link-cart .badge {
font-size:10px;
font-size:10px;
line-height: 12px;
line-height: 12px;
background: #be303b;
background: #be303b;
color: white;
color: white;
text-shadow: none;
text-shadow: none;
padding: 4px 6px 3px 6px;
padding: 4px 6px 3px 6px;
-webkit-border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border-radius: 10px;
}
}
.btn {
.btn,
width:84px;
color: #ffffff;
text-decoration:none;
padding:6px 0 6px 0;
font-weight:300;
text-shadow:none;
background-color:transparent;
background-image:none;
border-color:#ffffff;
*background-color:transparent;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
}
.btn:link,
.btn:link,
.btn:visited {
.btn:visited {
color: #ffffff;
color: #ffffff;
text-decoration:none;
text-decoration:none;
padding:6px 20px 6px 20px;
font-weight:300;
font-weight:300;
text-shadow:none;
text-shadow:none;
background-color:transparent;
background-color:transparent;
background-image:none;
background-image:none;
border-color:#ffffff;
border-color:#ffffff;
*background-color:transparent;
*background-color:transparent;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
-webkit-border-radius: 0;
-webkit-border-radius: 2px;
-moz-border-radius: 0;
-moz-border-radius: 2px;
border-radius: 0;
border-radius: 2px;
-webkit-box-shadow:none;
-webkit-box-shadow:none;
-moz-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
box-shadow:none;
}
}
.btn:hover,
.btn:hover,
.btn:focus,
.btn:focus,
.btn:active,
.btn:active,
.btn.active,
.btn.active,
.btn.disabled,
.btn.disabled,
.btn[disabled] {
.btn[disabled] {
color: #89d3d4;
color: #89d3d4;
background-color: #ffffff;
background-color: #ffffff;
*background-color: #ffffff;
*background-color: #ffffff;
}
}
.btn:active,
.btn:active,
.btn.active {
.btn.active {
background-color: #ffffff \9;
background-color: #ffffff \9;
}
}
.btn-primary.active,
.btn-primary.active,
.btn-warning.active,
.btn-warning.active,
.btn-danger.active,
.btn-danger.active,
.btn-success.active,
.btn-success.active,
.btn-info.active,
.btn-info.active,
.btn-inverse.active {
.btn-inverse.active {
color:#89d3d4;
color:#89d3d4;
background-color: #ffffff;
background-color: #ffffff;
}
}
.btn-primary {
.btn-primary {
color:#89d3d4;
color:#89d3d4;
background-color: #ffffff;
background-color: #ffffff;
text-shadow:none;
text-shadow:none;
background-image:none;
background-image:none;
border-color:#ffffff;
border-color:#ffffff;
*background-color:transparent;
*background-color:transparent;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
}
.btn-primary:hover,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:focus,
.btn-primary:active,
.btn-primary:active,
.btn-primary.active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary.disabled,
.btn-primary[disabled] {
.btn-primary[disabled] {
color:#89d3d4;
color:#89d3d4;
background-color: #ffffff;
background-color: #ffffff;
*background-color: #ffffff;
*background-color: #ffffff;
}
}
.btn-primary:active,
.btn-primary:active,
.btn-primary.active {
.btn-primary.active {
background-color: #ffffff \9;
background-color: #ffffff \9;
}
}
.close,
.close,
.close:link,
.close:link,
.close:visited {
.close:visited {
font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;
text-decoration:none;
text-decoration:none;
position:absolute;
position:absolute;
left:8px;
left:8px;
top:6px;
top:6px;
display:block;
display:block;
float: none;
float: none;
padding:3px 4px 0 4px;
padding:3px 4px 0 4px;
font-size: 16px;
font-size: 16px;
font-weight: 400;
font-weight: 400;
line-height: 14px;
line-height: 14px;
text-align:center;
text-align:center;
color: #89d3d4;
color: #89d3d4;
background:#ffffff;
background:#ffffff;
border:solid #ffffff 1px;
border:solid #ffffff 1px;
text-shadow:none;
text-shadow:none;
opacity:1;
opacity:1;
filter: alpha(opacity=100);
filter: alpha(opacity=100);
-webkit-border-radius: 9px;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px;
border-radius: 9px;
}
}
.close:hover {
.close:hover {
opacity:0.5;
opacity:0.5;
filter: alpha(opacity=50);
filter: alpha(opacity=50);
}
}
.nav-pills {
.nav-pills {
margin-bottom:5px;
margin-bottom:5px;
}
}
.nav-pills > li > a {
.nav-pills > li > a {
font-size:12px;
font-size:12px;
line-height: 12px;
line-height: 12px;
width:84px;
text-decoration:none;
text-decoration:none;
color:#ffffff;
color:#ffffff;
background:transparent;
background:transparent;
border:solid #ffffff 1px;
border:solid #ffffff 1px;
padding:8px 0 8px 0;
padding:8px 14px 8px 14px;
margin:2px 6px 2px 6px;
margin:2px 6px 2px 6px;
-webkit-border-radius: 0;
-webkit-border-radius: 2px;
-moz-border-radius: 0;
-moz-border-radius: 2px;
border-radius: 0;
border-radius: 2px;
}
}
.nav-pills > li > a:hover,
.nav-pills > li > a:hover,
.nav-pills > li > a:focus,
.nav-pills > li > a:focus,
.nav-pills > .active > a,
.nav-pills > .active > a,
.nav-pills > .active > a:hover,
.nav-pills > .active > a:hover,
.nav-pills > .active > a:focus {
.nav-pills > .active > a:focus {
color: #89d3d4;
color: #89d3d4;
background-color: #ffffff;
background-color: #ffffff;
}
}
.centered-pills { text-align:center; }
.centered-pills { text-align:center; }
.centered-pills ul.nav-pills { display:inline-block; }
.centered-pills ul.nav-pills { display:inline-block; }
.centered-pills li { display:inline; }
.centered-pills li { display:inline; }
.centered-pills a { float:left; }
.centered-pills a { float:left; }
* html .centered-pills ul.nav-pills { display:inline; } /* IE6 */
* html .centered-pills ul.nav-pills { display:inline; } /* IE6 */
*+html .centered-pills ul.nav-pills { display:inline; } /* IE7 */
*+html .centered-pills ul.nav-pills { display:inline; } /* IE7 */
.small-pills ul.nav-pills > li {
.small-pills ul.nav-pills > li {
margin:0;
margin:0;
padding:0;
padding:0;
border-right:solid #ffffff 1px;
border-right:solid #ffffff 1px;
}
}
.small-pills ul.nav-pills > li:last-child {
.small-pills ul.nav-pills > li:last-child {
border-right:none;
border-right:none;
}
}
.small-pills ul.nav-pills > li > a {
.small-pills ul.nav-pills > li > a {
border:none;
border:none;
width:30px;
padding:6px 14px 6px 14px;
padding:6px 0 6px 0;
margin:0 4px 0 4px;
margin:0 4px 0 4px;
-webkit-border-radius: 0;
-webkit-border-radius: 2px;
-moz-border-radius: 0;
-moz-border-radius: 2px;
border-radius: 0;
border-radius: 2px;
}
}
.share-qty {
.share-qty {
margin-top:5px;
margin-top:5px;
}
}
.share-qty label {
.share-qty label {
line-height:24px;
line-height:24px;
}
}
input.input-qty[type="text"],
input.input-qty[type="text"],
.input-qty {
.input-qty {
font-size:12px;
font-size:12px;
line-height:16px;
line-height:16px;
width:30px;
width:30px;
height:16px;
height:16px;
padding:3px 6px 2px 6px;
padding:3px 6px 2px 6px;
}
}
.share-links {
.share-links {
text-align:center;
text-align:left;
line-height:24px;
line-height:24px;
}
}
.share-links a {
.share-links a {
font-size:20px;
font-size:20px;
}
}
.share-links a:link,
.share-links a:link,
.share-links a:visited {
.share-links a:visited {
color:white;
color:white;
text-decoration:none;
text-decoration:none;
}
}
.share-links a:hover,
.share-links a:hover,
.share-links a:active {
.share-links a:active {
color:black;
color:black;
text-decoration:none;
text-decoration:none;
}
}
.product,
.product,
.product-detail,
.product-detail,
.product-hover {
.product-hover {
min-height:360px;
height:360px;
overflow:hidden;
overflow:hidden;
}
}
.product {
.product {
position:relative;
position:relative;
color:#ffffff;
color:#ffffff;
background-color:#af0015;
background-repeat:no-repeat;
background-position:left top;
}
}
.product:hover,
.product:hover,
.product:focus {
.product:focus {
cursor: pointer;
cursor: pointer;
}
}
/* Hover colors: #af0015 red, #6ec8c8 aqua, #9c5c0d brown, #347b2d green */
.product:nth-child(1n+0) {
background-color:#af0015;
}
.product:nth-child(1n+1) {
background-color:#6ec8c8;
}
.product:nth-child(1n+2)) {
background-color:#9c5c0d;
}
.product:nth-child(1n+3)) {
background-color:#347b2d;
}
.product-detail {
.product-detail {
display:none;
display:none;
}
}
.product-hover {
.product-hover {
display:none;
display:none;
background:transparent url("images/bg_turquoise.png") repeat scroll left top;
background:transparent url("{{ 'bg_turquoise.png' | asset_url }}") repeat scroll left top;
}
}
.product-detail:hover,
.product-detail:hover,
.product-detail:focus {
.product-detail:focus {
cursor: auto;
cursor: auto;
}
}
.view-item {
.view-item {
padding:110px 0 0 0;
padding:110px 0 0 0;
text-align:center;
text-align:center;
}
}
.view-item h3 {
.view-item h3 {
font-weight:300;
font-weight:300;
font-size:24px;
font-size:24px;
line-height:32px;
line-height:32px;
}
}
.product-info {
.product .product-info {
/* width:290px;*/
width:290px;
}
}
.product-photo {
.product .product-photo {
display:block;
width:565px;
min-height:360px;
background-repeat:no-repeat;
background-position:center top;
background-size:cover;
}
}
.product-more {
.product .product-more {
width:65px;
height:360px;
margin-left:0;
margin-left:0;
background:transparent url("images/arrow.png") no-repeat scroll center center;
background:transparent url("{{ 'arrow.png' | asset_url }}") no-repeat scroll center center;
}
}
.product-more a {
.product .product-more a {
display:block;
display:block;
min-height:360px;
text-indent:-999em;
text-indent:-999em;
line-height:0;
line-height:0;
width:65px;
height:360px;
}
.product .product-more a:hover,
.product .product-more a:active,
.product .product-more a:focus {
background:white;
opacity:.5;
filter: alpha(opacity=50);
}
}
.product-info {
.product-info {
text-align:center;
text-align:center;
padding:15px 0 0 0;
padding:15px 0 0 0;
}
}
.product-info h3 {
.product-info h3 {
font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-weight:400;
font-weight:400;
font-size:20px;
font-size:20px;
line-height:28px;
line-height:28px;
text-transform:uppercase;
text-transform:uppercase;
}
}
.product-info p.description {
.product-info p.description {
margin:0 10px 15px 20px;
margin:0 10px 15px 20px;
font-size:10px;
font-size:10px;
line-height:13px;
line-height:13px;
}
}
.product-info hr {
.product-info hr {
margin: 5px 0 10px 20px;
margin: 5px 0 10px 20px;
}
}
.product-info .btn-toolbar > .btn + .btn,
.product-info .btn-toolbar > .btn + .btn,
.product-info .btn-toolbar > .btn-group + .btn,
.product-info .btn-toolbar > .btn-group + .btn,
.product-info .btn-toolbar > .btn + .btn-group {
.product-info .btn-toolbar > .btn + .btn-group {
margin-left: 12px;
margin-left: 12px;
}
}
.footer {
.footer {
background: #cccccc;
background: #cccccc;
margin-top:40px;
margin-top:40px;
padding: 15px 0;
padding: 15px 0;
}
}
.footer .link-block {
.footer .link-block {
height:36px;
height:36px;
line-height:36px;
line-height:36px;
padding:0 20px 0 20px;
padding:0 20px 0 20px;
}
}
.footer .link-block:link,
.footer .link-block:link,
.footer .link-block:visited {
.footer .link-block:visited {
color:white;
color:white;
}
}
.footer .link-block:hover,
.footer .link-block:hover,
.footer .link-block:active {
.footer .link-block:active {
color:#be303b;
color:#be303b;
}
}
.footer_ambientmerch_logo {
.footer_ambientmerch_logo {
display: block;
display: block;
width: 60px;
width: 60px;
height: 36px;
height: 36px;
background: transparent url("images/ambient_merch_logo.png") no-repeat scroll center top;
background: transparent url("{{ 'ambient_merch_logo.png' | asset_url }}") no-repeat scroll center top;
overflow: hidden;
overflow: hidden;
text-indent: -999em;
text-indent: -999em;
margin-top:10px;
margin-top:10px;
}
}
/* what happens when it shrinks
.product-photo {
display:block;
height:360px;
background-repeat:no-repeat;
background-position:center top;
background-size:cover;
}
*/
@media (max-width: 767px) {
.product-more,
.product-more a {
min-height:100px;
}
}
@media (min-width: 1200px) {
.product,
.product-detail,
.product-hover,
.product-more,
.product-more a,
.product-photo {
min-height:460px;
}
.close,
.close:link,
.close:visited {
left:8px;
top:10px;
padding:4px 7px 0 7px;
font-size: 24px;
line-height: 22px;
-webkit-border-radius: 18px;
-moz-border-radius: 18px;
border-radius: 18px;
}
.btn {
width:136px;
font-size:18px;
line-height:24px;
}
.nav-pills {
margin-top:10px;
margin-bottom:5px;
}
.nav-pills > li > a {
width:116px;
font-size:16px;
line-height: 16px;
padding:10px 0 10px 0;
}
.small-pills ul.nav-pills {
margin-top:5px;
}
.small-pills ul.nav-pills > li > a {
width:40px;
padding:6px 0 6px 0;
margin:0 4px 0 4px;
}
.share-qty {
margin-top:5px;
}
.share-qty label {
font-size:18px;
line-height:30px;
}
input.input-qty[type="text"],
.input-qty {
font-size:18px;
line-height:20px;
width:40px;
height:18px;
padding:5px 8px 4px 8px;
}
.share-links {
font-size:18px;
line-height:30px;
}
.share-links a {
font-size:30px;
}
.view-item {
padding:130px 0 0 0;
}
.view-item h3 {
font-size:30px;
line-height:40px;
}
.product-info {
padding:25px 0 0 0;
}
.product-info h3 {
font-size:24px;
line-height:30px;
}
.product-info p.description {
margin:0 20px 25px 20px;
font-size:13px;
line-height:16px;
}
}