Balenciaga 2015 Black Cap Sleeve Sheath Dress w/ Gold Hook+Strap Detail sz M

/* Globals and Resets */
*, *:before, *:after {
margin: 0;
padding: 0;
box-sizing: border-box;
}
html, body {
height: 100%;
}
body {
background: #fff;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
}
body, p {
margin: 0;
}
body, p, li {
font-family: Arial, “Helvetica Neue”, Helvetica, sans-serif;
font-size: 14px;
}
h1, h2, h3, h4, h5, h6, p, hr, ol, ul {
margin-bottom: 10px;
}
h1 {
font-size: 36px;
}
h2 {
font-size: 30px;
}
h3 {
font-size: 24px;
}
h4 {
font-size: 18px;
}
h5 {
font-size: 14px;
}
h6 {
font-size: 12px;
}
a {
-webkit-transition:color 0.3s ease-in;
-moz-transition:color 0.3s ease-in;
-o-transition:color 0.3s ease-in;
transition:color 0.3s ease-in;
}
a, a:visited, a:hover, a:active {
text-decoration: none;
color: inherit;
}
a:hover{
color: #906ba1;
}
button {
border: 0;
border-radius: 0;
cursor: pointer;
font-size: 14px;
letter-spacing: 2px;
font-weight: bold;
padding: 10px 20px;
background: #000;
color: #fff;
}
button:hover {
background: #906ba1;
color: #fff;
}
button a:hover {
color: inherit;
}
img {
max-width: 100%;
border: 0;
}
table {
width: 100%;
border-collapse: collapse;
}
.row::after {
content: “”;
clear: both;
display: table;
}
[class*=”col-“] {
float: left;
padding: 15px;
}
.center {
text-align: center;
}
.desktop-hide {
display: none;
}
.label {
display: inline-block;
margin: 0 0 -1px;
padding: 10px 15px;
font-weight: 600;
text-align: center;
}
.label:hover, .thumbnailLabel:hover {
cursor: pointer;
}
/* Header and Nav */
header {
border-bottom: 1px solid #c2c2c2;
padding-bottom: 10px;
}
nav {
margin-top: 10px;
}
#logo {
vertical-align: middle;
display: inline-block;
}
#logo img {
vertical-align: middle;
padding: 15px 0;
max-width: 224px;
}
.nav {
list-style: none;
margin-left: 0;
padding-left: 0;
}
.nav>li, .nav>li>a{
display: inline-block;
text-decoration: none;
text-transform: uppercase;
}
#mobileMenu:checked ~ .nav {
display: block;
}
#mobileMenu:checked + label {
margin-bottom: 10px;
}
nav .label {
display: none;
width: 91px;
margin: 0 auto;
color: #fff;
background: #000;
letter-spacing: 2px;
}
nav .label:hover {
background: #f7dfd8;
color: #000;
}
.inline-items {
margin-top: 0;
}
.inline-items li {
margin-left: 0;
padding-left: 10px;
padding-right: 10px;
}
.inline-items li:first-child {
margin-left: 0;
border: none;
padding-left: 0;
padding-right: 10px;
}
.inline-items li:last-child {
padding-right: 0;
}
/* Main Content */
#content {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
/* Left Column – Product Images */
.mainImage {
float: right;
}
.mainImage img {
max-width: 457px;
width: 100%;
height: auto;
margin-left: 15px;
}
.thumbnails {
float: left;
}
#productImages li {
list-style: none;
padding: 2px;
margin: 0 1px;
}
#productImages li img {
max-width: 82px;
height: auto;
}
.images img {
display: none;
max-width: 457px;
width: 100%;
height: auto;
}
/* Right Column – Product Description */
#productDescription ul {
list-style: none;
padding: 0;
}
#sku {
margin-top: 24px;
margin-bottom: 0;
}
#productImages label {
float: left;
}
#productImages label + img {
display: none;
width: 83.33%;
float: right;
}
#thumbnail1:checked ~ img[data-id=”image1″], #thumbnail2:checked ~ img[data-id=”image2″], #thumbnail3:checked ~ img[data-id=”image3″], #thumbnail4:checked ~ img[data-id=”image4″], #thumbnail5:checked ~ img[data-id=”image5″], #thumbnail6:checked ~ img[data-id=”image6″], #thumbnail7:checked ~ img[data-id=”image7″], #thumbnail8:checked ~ img[data-id=”image8″], #thumbnail9:checked ~ img[data-id=”image9″], #thumbnail10:checked ~ img[data-id=”image10”] {
display: block;
}
.thumbnailImages li {
float: left;
list-style: none;
padding: 2px;
margin: 0 1px;
}
.thumbnailImages li img {
max-width: 66px;
width: 100%;
height: auto;
}
/* Info Tabs */
.tabs {
background: #fff;
color: #373737;
}
.tabs > div {
display: none;
border: 1px solid #ddd;
}
.tabs ul {
margin-left: 40px;
padding-left: 0;
}
#info input, nav input, #productImages input {
display: none;
}
#info .label {
color: #000;
border: 1px solid transparent;
background: #ececec;
}
#info .label:hover {
color: #906ba1;
}
#info input:checked + label {
color: #000;
background: #fff;
border: 1px solid #ddd;
border-bottom: 1px solid #fff;
}
#tab1:checked ~ .tabs #tabContent1, #tab2:checked ~ .tabs #tabContent2, #tab3:checked ~ .tabs #tabContent3, #tab4:checked ~ .tabs #tabContent4, #tab5:checked ~ .tabs #tabContent5, #tab6:checked ~ .tabs #tabContent6, #tab7:checked ~ .tabs #tabContent7 {
display: block;
}
#size-chart {
overflow: auto;
}
#size-chart table {
margin: 20px 0;
}
#size-chart tr:nth-of-type(odd) {
background: #f2f2f2;
}
#size-chart tr:first-of-type th {
background: #c2c2c2;
font-weight: bold;
text-align: center;
}
#size-chart td {
padding: 5px;
text-align: center;
}
#size-chart th {
padding: 5px;
}
.nestedList h5, .nestedList p {
margin-left: 40px;
}
.nestedList ul {
margin-left: 80px;
}
/* Footer */
footer {
border-top: 1px solid #dddddd;
background: #eeeeee;
padding: 20px 0;
}
/* Media Queries: */
[class*=”col-“] {
width: 100%;
}
@media only screen and (max-width: 1220px) {
#content .row {
width: 100%;
max-width: 960px;
margin: 0 auto;
}
#productImages li img {
width: 66px;
margin: 0;
}
.desktopThumbnails {
display: none;
}
.mobileThumbnails {
display: block;
}
}
@media only screen and (max-width: 980px) {
#content .row {
max-width: 720px;
}
#productImages li img {
width: 49px;
}
}
@media only screen and (max-width: 768px) {
.mobile-show {
display: block;
}
.mobile-hide {
display: none !important;
}
.images {
width: 100%;
}
.images img {
margin: 0 auto;
}
.mainImage {
width: 83.33%;
}
.mainImage img {
margin-left: 0;
}
.thumbnails {
width: 16.66%;
}
#productImages li img {
width: 82px;
}
#productDescription h3, #productDescription h4:first-of-type {
text-align: center;
}
#info .label {
display: block;
border: 1px solid #ddd;
}
nav .label {
display: block;
}
.nav {
display: none;
}
.nav h5 {
margin-top: 10px;
}
.nav>li, .nav>li>a {
display: block;
}
.nav>li:hover {
background: #efefef;
}
.inline-items li {
padding: 2px 0 !important;
}
.nav ul {
margin-bottom: 0;
}
.inline-items li:first-child {
border-top: 1px solid #c2c2c2;
}
.inline-items li:last-child {
margin-bottom: -10px;
}
}
@media only screen and (max-width: 500px) {
#productImages li img {
width: 42px;
}
}
@media only screen and (min-width: 600px) {
/* For tablets: */
.col-m-1 {
width: 8.33%;
}
.col-m-2 {
width: 16.66%;
}
.col-m-3 {
width: 25%;
}
.col-m-4 {
width: 33.33%;
}
.col-m-5 {
width: 41.66%;
}
.col-m-6 {
width: 50%;
}
.col-m-7 {
width: 58.33%;
}
.col-m-8 {
width: 66.66%;
}
.col-m-9 {
width: 75%;
}
.col-m-10 {
width: 83.33%;
}
.col-m-11 {
width: 91.66%;
}
.col-m-12 {
width: 100%;
}
}
@media only screen and (min-width: 768px) {
/* For desktop: */
.col-1 {
width: 8.33%;
}
.col-2 {
width: 16.66%;
}
.col-3 {
width: 25%;
}
.col-4 {
width: 33.33%;
}
.col-5 {
width: 41.66%;
}
.col-6 {
width: 50%;
}
.col-7 {
width: 58.33%;
}
.col-8 {
width: 66.66%;
}
.col-9 {
width: 75%;
}
.col-10 {
width: 83.33%;
}
.col-11 {
width: 91.66%;
}
.col-12 {
width: 100%;
}
.offset-1 {
margin-left: 8.33%;
}
}