/** UTILITY **/ .hide{ display:none; } .dashed-border-wrapper{ border: 2px dashed #fff; } .background-container{ position:absolute; width:100%; height:100%; background-color: rgba( 0 , 0 , 0 , .5 ); z-index:125; } .no-border-top{ border-top: none; } .no-border-right{ border-right: none; } .no-border-left{ border-left: none; } .no-border-bottom{ border-bottom: none; } .no-radius-bottom{ border-bottom-left-radius:0 !important; border-bottom-right-radius:0 !important; } .no-radius-top{ border-top-left-radius:0 !important; border-top-right-radius:0 !important; } .no-radius-left{ border-bottom-left-radius:0 !important; border-top-left-radius:0 !important; } .no-radius-right{ border-bottom-right-radius:0 !important; border-top-right-radius:0 !important; } .divider{ height:0px; } .margin-top-lift-15{ margin-top:-15px; } .pad-top-10{ padding-top:10px; } body *{ -webkit-tap-highlight-color: rgba(0,0,0,0) !important; } .white-popup { position: relative; background: #FFF; padding: 20px; width: auto; max-width: 500px; margin: 20px auto; } .inline-block{display:inline-block;} ul li,p{overflow: hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;} .content .no-float{ float:none; } .content .pull-bottom-40{ margin-bottom:-40px; } .cloak{ display:none; } .grid{ margin:0 -8px; } .grid > *{ max-width:100%; } /** LAYOUT **/ body { margin: 0; padding: 0; background: url( '../img/noise3.jpg' ); } .content { width:90%; min-width:200px; max-width:600px; margin: 5px auto; } .content-simple { width:90%; min-width:200px; max-width:300px; margin: 5px auto; } #container .limit-width{ max-width: 480px; margin: 0 auto; } #content{ padding: 60px 1%; } #container .title{ text-align:left; } .ng-cloak{display:none;} img{ max-width:100%; } /** TYPOGRAPHY **/ h1,h2,h3,h4,h5,h6{ margin:0; padding:0; font-family:"helvetica neue" helvetica, arial, san-serif;font-weight: 400; text-shadow: 0 1px 0 #fff;} body{ font-family:"helvetica neue" helvetica, arial, san-serif;font-weight: 400; text-shadow: 0 1px 0 #fff;} a:hover, a:visited, a:link, a:active { text-decoration: none; } hr { width: 80%; } #titles { position: relative; left: 30px; color: #888; text-align: left; text-shadow: 0 1px 0 #fff; font-weight: 400;} #titles:hover{color: #008280;} #titles-simple { position: relative; left: 30px; color: #888; text-align: left; text-shadow: 0 1px 0 #fff; font-weight: 400; line-height: 160%; width: 90%;} .content .large-number {font-size: 50px; line-height: 100%; font-weight: 600; color: #279f9d; text-shadow: 0 1px 0 #fff; margin: 0; padding: 0; } .large-number-account {font-size: 40px; line-height: 100%; font-weight: 600; color: #279f9d; text-shadow: 0 1px 0 #fff; margin: 0; padding: 0; letter-spacing: 0 !important; text-overflow: none !important; } #titles-big { font-size: 16px; color: #1a6e6d; text-shadow: 0 1px 0px rgba(225, 225, 225, 0.6); font-weight: 400;} #titles-small { font-size: 13px; color: #333; text-shadow: 0 1px 0px rgba(225, 225, 225, 0.4); font-weight: 400; } .instructions {font-size: 17px; font-weight: 400; color: #777; letter-spacing: 0; } .padding { margin: 2px 16px 16px 16px; padding: 10px 10px 10px; } .content .message-box-text{ color: #279f9d; font-size:24px; font-weight: 400; } /** HEADER **/ #header{ background: url( '../img/noise2s.jpg' ); border-radius:10px; box-shadow:0px 3px 10px rgba( 0 , 0 , 0 , .3 ); border-bottom: 1px solid rgba(85, 85, 85, 0.4); width:100%; z-index:999; position:fixed; left:0;} #header .padding-wrapper{ padding: 0 7px 5px 5px; position:relative; } .header-content{ height:45px; border-radius:9px; } .header-section{ display:inline-block; vertical-align: middle; font: normal normal 500 10px/1px "helvetica neue", helvetica, arial, sans-serif; text-transform:uppercase; text-shadow: 0 1px 0 #fff; text-align:center; } .header-title { width: 100%; margin-left:-50px; } .header-title span { display:inline-block; background-size: 96px, 20px; width:96px; height:20px; background:url( '../img/brand.png' ) no-repeat; position:relative; top:8px; } .header .header-title { margin-bottom:-25px; } .header .filter { margin-left:-30px; margin-bottom:-25px; } .header .back { margin-bottom:-25px; position:relative; z-index:1000; } /** FOOTER **/ #footer { position:fixed; bottom:0; background: url( '../img/noise2s.jpg' ); border-radius:10px; box-shadow:0px -3px 10px rgba( 0 , 0 , 0 , .3 ); border-top: 1px solid rgba(255, 255, 255, 0.8); width:100%; font: normal normal 500 10px/9px "helvetica neue", helvetica, arial, sans-serif; text-transform:uppercase; text-shadow: 0 1px 0 #fff; } #footer a{ display:block; position:absolute; width:100%; height:100%; bottom: -25%; padding: 25%; left:-25%; letter-spacing:-5px; } .menu-text span{ letter-spacing:0px; } #footer .padding-wrapper { padding: 5px 5px 0px 5px; } .footer-content { height:48px; border-radius:9px; } .footer-menu-link { width: 45px; margin: 0 auto;padding-top:2px;padding-left:6px;padding-bottom:2px; } .footer-menu-link.footer-current { background-color: rgba( 227 , 227 , 227 , .6 ); padding-right: -10px; padding-left: 6px; padding-top: 2px; padding-bottom: 1px; border-radius:8px; border:1px solid rgba(179, 179, 179, 0.6); border-bottom:1px solid rgba(255, 255, 255, 0.6); border-top:1px solid rgba(0, 0, 0, 0.2); } .footer-menu-link .image { width: 36px; height: 36px; position:relative; left:0px; margin: -2px 0px -2px 1px; background-size: 32px 32px; } .footer-menu-link .menu-text { text-align:center; margin: 1px 0px 0px -5px; left:10px; color: #999;letter-spacing: 0px; } .footer-menu-link .menu-text:hover { color: #333; } .footer-menu-link .current-link { display:none; position:relative; top:-1px; left:-1px; } .footer-current .menu-text{ position:relative; top:-1px; left:-1px; } .footer-menu-link.footer-current .current-link { display:block; opacity:1; } .footer-menu-link.footer-current .non-current-link{ display:none; } .unread{ position: absolute; padding:3px 4px; top:0; color: #fff; background-color: #00bfbe; border: 1px solid #fff; border-radius: 10px; text-shadow: 0 1px 0 #00dedd; -webkit-box-shadow: inset 0 21px 0px rgba(225, 225, 225, 0.2), 0 3px 6px rgba(2, 115, 114, 0.5); -moz-box-shadow: inset 0 21px 0px rgba(225, 225, 225, 0.2), 0 3px 6px rgba(2, 115, 114, 0.5); box-shadow: inset 0 21px 0px rgba(225, 225, 225, 0.2), 0 3px 6px rgba(2, 115, 114, 0.5); } .wallet-unread{ float:right; padding:3px 7px; margin:-32px 10px 0 0px; font-size:12px; color: #fff; background-color: #00bfbe; border: 1px solid #fff; border-radius: 25px; text-shadow: 0 1px 0 #00dedd; -webkit-box-shadow: inset 0 21px 0px rgba(225, 225, 225, 0.2), 0 3px 6px rgba(2, 115, 114, 0.5); -moz-box-shadow: inset 0 21px 0px rgba(225, 225, 225, 0.2), 0 3px 6px rgba(2, 115, 114, 0.5); box-shadow: inset 0 21px 0px rgba(225, 225, 225, 0.2), 0 3px 6px rgba(2, 115, 114, 0.5); } .item-unread{ padding:5px 2px; font-size:10px; color: #fff; background-color: #00bfbe; letter-spacing:0; position:relative; left:-20px; border: 1px solid #fff; border-radius: 50px; text-shadow: 0 1px 0 #00dedd; -webkit-box-shadow: inset 0 21px 0px rgba(225, 225, 225, 0.2), 0 3px 6px rgba(2, 115, 114, 0.5); -moz-box-shadow: inset 0 21px 0px rgba(225, 225, 225, 0.2), 0 3px 6px rgba(2, 115, 114, 0.5); box-shadow: inset 0 21px 0px rgba(225, 225, 225, 0.2), 0 3px 6px rgba(2, 115, 114, 0.5); } /** BODY **/ .constrained-content { width:100%; min-width:100px; max-width:500px; margin: 10px auto; margin-bottom:150px; } #container .content{ width: 98%; max-width: 100%; top:0;bottom:0;left:0;right:0; margin: 0% auto 0 auto; background: url( '../img/noise3.jpg' ); overflow: auto; position:fixed; } @media all and (max-width:320px;){ /**/ #container .content > div{ max-width:100% !important; margin-right: 0px !important; } #container .content > div.constrained-content{ width:100% !important; max-width:267px !important; margin: auto !important; } .itemlogowhite{max-width:267px;} .grid{ margin:0 !important;} /**/ } @media all and (min-width:321px) and (max-width:480px;){ /**/ #container .content > div{ max-width:100% !important; margin-right: 0px !important; } #container .content > div.constrained-content{ width:100% !important; max-width:445px !important; margin: auto !important; } #container .content > div.constrained-content > div{} .grid{ margin:0 !important;} /**/ } .content{ position:relative; } body.activating-sidebar .content.blurable{ opacity: .7; transition-property: opacity; transition-duration: 0.5s; -webkit-transition: all 0.5s; } body.activating-sidebar .header.blurable,body.activating-sidebar .footer.blurable{ opacity: .8; transition-property: opacity; transition-duration: 0.5s; -webkit-transition: all 0.5s; } body.activating-sidebar .blurable span,body.activating-sidebar .blurable li,body.activating-sidebar .blurable p,body.activating-sidebar .blurable a,body.activating-sidebar .blurable select,body.activating-sidebar .blurable input{ text-shadow: 0px 0px 10px rgba(51, 51, 51, 0.9); opacity: 0.7; transition-property: opacity; transition-duration: 0.5s; -webkit-transition: all 0.5s; } body.activating-sidebar .blurable img{ filter: blur(3px); -webkit-filter: blur(3px); -moz-filter: blur(3px); -o-filter: blur(3px); -ms-filter: blur(3px); transition-property: -webkit-filter,filter,-moz-filter,-ms-filter; transition-duration: 0.5s; -webkit-transition: all 0.5s; } body.deactivating-sidebar .content.blurable{ opacity: 1; transition-property: opacity; transition-duration: 0.5s; -webkit-transition: all 0.5s; } body.deactivating-sidebar .header.blurable,body.deactivating-sidebar .footer.blurable{ opacity: 1; transition-property: opacity; transition-duration: 0.5s; -webkit-transition: all 0.5s; } body.deactivating-sidebar .blurable span,body.deactivating-sidebar .blurable p,body.deactivating-sidebar .blurable a,body.deactivating sidebar .blurable select,body.deactivating-sidebar .blurable input{ opacity:1; transition-property: opacity; transition-duration: 0.5s; -webkit-transition: all 0.5s; } body.deactivating-sidebar .blurable img{ filter: blur(0px); -webkit-filter: blur(0px); -moz-filter: blur(0px); -o-filter: blur(0px); -ms-filter: blur(0px); transition-property: -webkit-filter,filter,-moz-filter,-ms-filter; transition-duration: 0.5s; -webkit-transition: all 0.5s; } /** UI ELMENTS **/ .details-container{ position:absolute; width:100%; height:100%; } .friend-faces{ height:54px; } p.titles.collapsible-icon{ padding:8px 0; letter-spacing:1px;} .tbox{ z-index:1000; } #a1 { line-height: -30%; } .btn-margin{ margin: 5px; } body .mfp-bg{ background:#aaa; } #boxbox{ overflow:scroll; height:120px; } .item-size-popup img{ width:200%; } #boxbox img{ max-width:none; } .message-boxes{ min-width:260px; max-width:400px; margin: 0 auto; height:100%; } #body .message-box.current{ z-index:150; display:block; opacity:1; margin:15px 5%; transition: .4s; } #body .message-box{ position:absolute; opacity:0; margin-left:200px; transition: .4s; } /* #content2::-webkit-scrollbar, #content3::-webkit-scrollbar,#content4::-webkit-scrollbar{ display: none; } */ #content2,#content3,#content4{ overflow-x:hidden !important; } .intro-input{ background:#fff; border-radius:3px; width:60%; margin-top:15px; } #content2 .selected div{ width:250px; height:37px; background-color: rgba( 0 , 0 , 0 , .3 ); content:""; } .message-box h3{ margin: 1em 0; } .message-box p{ overflow:visible; white-space:normal; } .message-box .close{ position:absolute;top:3px;right:6px; } /** BROWSE ITEMS **/ .items-container.grid .grid_unit{ padding:0 5px; } .items-container{ padding: 0 12px; } .browse-title{ display:inline; float:left; } .browse-price{ display:inline; float:right; } .content-margin-wrapper{ margin-bottom:125px; } .item{ background: #f9f9f9; border: 3px solid #f9f9f9; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25); margin: 10px 1%; text-align:center; height:100%; font-size: 12px; color: #bbb;} #content .load-more{ width: 100%; display:none; color: #999; text-shadow:0px 1px#fff; text-align:center; cursor: pointer;} .load-more.big{ font-size:1.3em; } /** ITEM PAGE **/ .image-wrapper{ background: #fff; } #content .outfit-view{ margin-bottom:35px !important; } .related-item-thumb{ max-height:75px; overflow:hidden; } .rater .inlineblock{ width: 17% !important; } .rater .views-text{ position:relative; left: -31px; top: 6px; text-align: center; margin-right:-31px; } .rater .favorite-text{ position:relative; left: -29px; top: 6px; margin-right:-15px; } .no-min-width{ min-width:0 !important; } .btn-block{ display:block; } .tx{ color:#959595; text-shadow: 0px 1px #fff; font-weight:100; font-size:11px;} .my-sent-message{ color:#008280; } .outfit-grid.grid, .outfit-grid .grid{ margin:0 auto; margin-right:-3px; margin-left:-3px; } .outfit-grid .favorite-set .grid_unit{ height: 48px; padding:1px; max-width:100% !important; max-height:100% !important;} .outfit-grid{ background: #fff; max-width: 320px; margin: 0 auto; padding:0px 0 3px 0; } .outfit-grid .grid_unit{ padding: 0px; margin:0; position:relative;left:2px;} .outfit-small-box{ height: 60px; overflow:hidden; } .outfit-grid .outfit-position-box{ padding:3px; padding-bottom:0px; max-width: 49%; margin-bottom:-1px;} .outfit-position-box{ height: 150px; overflow:hidden; } .outfit-small-box > a::before{ display:block; content:""; position:absolute; width:52px; height:47px; box-shadow:inset 1px 0px 3px 1px rgba(0,0,0,0.2); max-width:100% !important; max-height:100% !important;} .outfit-position-box > a::before{ display:block; content:""; position:absolute; width:162px; height:147px; box-shadow:inset 0px 0px 3px 1px rgba(0,0,0,0.2); } .grid .related-item{ padding: 0 .2rem; } .outfit-grid{ margin: 0 auto !important; } .swipe-dots{ top: 250px; } .padless-grid .grid_unit,.padless-grid .grid_field-unit{ padding: 0 3px; } .content .text-align-center{ text-align:center; } /** TRANSACTING PAGE **/ .text-label{ color: #888; font-size:13px; } .labeled-text{ font-weight: bold; color: #888; font-size:15px; } /** SELL PAGE **/ .upload-thumbnail{ margin: 5px; } .thumb-section{ margin:15px; } /** WALLET **/ .unread-true{ background-color: #00bfbe; -webkit-box-shadow: inset 0 21px 0px rgba(225, 225, 225, 0.2), 0 3px 6px rgba(2, 115, 114, 0.5); -moz-box-shadow: inset 0 21px 0px rgba(225, 225, 225, 0.2), 0 3px 6px rgba(2, 115, 114, 0.5); box-shadow: inset 0 21px 0px rgba(225, 225, 225, 0.2), 0 3px 6px rgba(2, 115, 114, 0.5); } .card-number-input{ width: 50%; min-width:0; } .expiration{ width: 20%; min-width:0; } .card-number-input input{ min-width:0; width:80%; margin:0; } .expiration input{ min-width:0; width:60%; margin:0; } .formless input.expiration-input{ width: 85%; } .remove-card{ width:50%; min-width:0 !important; } .content .block-centered{ margin: 15px auto; display:block; } .button-parallel-text{ text-overflow:clip; padding:0; margin:10px; } .wallet-page #titles-big{ max-width:80%; } .wallet-page #titles-small{ max-width:80%; } /** SIDEBAR **/ /*.sidebar-container{ position:fixed; top:0; right:-280px; width:280px; z-index:1000; height: 100%; background-color: rgba( 203 , 207 , 204 , .6 ); border-radius: 15px; }*/ .sidebar-container{ position:fixed; top:0; right:0; width:240px; z-index:1000; height: 100%; background-color: rgba( 203 , 207 , 204 , 1 ); } .sidebar-container{ display:none; } .sidebar-container.active{ box-shadow: -5px 0px 10px rgba( 0 , 0 , 0 , .2 ); } .sidebar-content{ overflow-y:scroll;overflow-x:hidden; height: 100%; position:absolute; } .sidebar-content::-webkit-scrollbar{ display: none; } .sidebar-content .grid{ margin:0; } .sidebar-content .grid_unit,.sidebar-content .grid_field-unit{ text-align:center; padding:0; } .sidebar-search{ text-align:center; padding-top: 15px; width: 240px; } .sidebar-search .search{ width: 81%; font-weight:400;text-align:left;letter-spacing: 0px !important; margin-left:13px; margin:0 auto; } .default span{ color:#fff; } /*.filter-element,.item-toggle,.disable-tap-highlight,.footer-menu-link{ -webkit-tap-highlight-color: rgba(0,0,0,0) !important; }*/ .filter-element .disabled{ display:none; } .filter-element.cycle-state{ height: 75px; background:transparent;margin-right: -3px; } .filter-element .state{ padding-top:50px; height: 10px; width: 50px; margin: 0 8px; position:absolute; opacity:1; z-index:100; } .filter-element .state.disabling{ z-index: 150; opacity:1;background-color: transparent; } .filter-element .state.enabling{ opacity:0; z-index:100;background-color: transparent; } .filter-element .state{ background-color: transparent; } .sidebar-arrow{ background: url(../assets/img/slidearrow.png) no-repeat; width: 35px; height: 80px; position:fixed; top:50%; z-index:20000; background-size: 16px 42px; } /* */ .item-toggles .grid_unit{ display: none; } .item-toggles .grid_unit.display{ display: inline-block; } .sidebar-filter-display{ text-shadow: 0 1px 0 #fff; } .item-toggle .enabled{ display:none; } .item-toggle.active-item .enabled{ display:block; } .item-toggle.active-item .disabled{ display:none; } @media all and ( min-width: 768px ){ .item-toggle.active-item .enabled,.item-toggle:hover .enabled{ display:block; } .item-toggle.active-item .disabled,.item-toggle:hover .disabled{ display:none; } } /** SIDEBAR - DM **/ #fb-icon.btn-blu{ margin-left:5px; margin-right:5px; min-width:0; } .sidebarcontent1 ul { margin: 0; padding: 0; width: 100%; display: table; table-layout: fixed;} .sidebarcontent1 ul li { text-align: center; display: inline-block; margin: 0 auto; padding:3px; } #titles { position: relative; left: 30px; color: #777; text-decoration: none; text-align: left; text-shadow: 0 1px 0 #fff; } .switches a { margin: 0px 2px 0px 2px; text-decoration: none; color: #fff; letter-spacing: 1px; font-size: 12px; } .switches a:hover { color: #222; } #app { position: relative; top: 52px; } /* - - - - - - selec grid_unit an item icons - - - - - - - - - */ .selec { margin: 5px -5px 0px;padding: 0; display: table;table-layout: fixed; } .selec {display: table-cell;padding: 10; } /* - - - - - - / Section 2 on sidebar - - - - - - */ select { font-family: "helvetica neue" helvetica, arial, san-serif; font-weight: 200; font-size: 18px; text-shadow: 0 1px 0 #fff; letter-spacing: 1px; text-rendering: optimizelegibility; text-decoration: none; margin: 2px 16px 16px 16px; padding: 10px 10px 10px; width: 100%; vertical-align: middle; cursor: pointer; color: #999; background-color: #e9e9e9; border: 1px solid #bbbbbb; border-color: #d0d0d0 #bbbbbb #a7a7a7 #bbbbbb; -webkit-border-radius: 0.4em; -moz-border-radius: 0.4em; border-radius: 0.4em; -webkit-box-shadow: inset 0 21px 0px rgba(255, 255, 255, 0.2), 0 3px 6px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0 21px 0px rgba(255, 255, 255, 0.2), 0 3px 6px rgba(0, 0, 0, 0.2); box-shadow: inset 0 21px 0px rgba(255, 255, 255, 0.2), 0 3px 6px rgba(0, 0, 0, 0.2); } select:hover { color: #777; background-color: #cfcfcf; border: 1px solid #b0b0b0; border-color: #b4b4b4 #b0b0b0 #898989 #b0b0b0;letter-spacing:1px; } .sidebarcontent1 { margin: -20px 0px 0px 0px; display:inline-block; min-width: 240px; width: 100% min-height: 200px; height: 100% background-color: #eee; text-align: center; } /** SIDEBAR APP ICONS **/ .share, .popular, .views, .hot { display: table-cell; width:50px; height:50px; background-size: 50px 50px; position: relative; padding-top: 0px; margin: -2px 5px -4px 5px; opacity: 1.0; background-repeat: no-repeat; } .share { background:url('../assets/img/9.png'); background-size:50px; } .share:hover { background:url('../assets/img/9o.png'); background-size:50px; } .popular { background:url('../assets/img/10.png'); background-size:50px; } .popular:hover { background:url('../assets/img/10o.png'); background-size:50px; } .views { background:url('../assets/img/11.png'); background-size:50px; } .views:hover { background:url('../assets/img/11o.png'); background-size:50px; } .hot { background:url('../assets/img/12.png'); background-size:50px; } .hot:hover { background:url('../assets/img/12o.png'); background-size:50px; } /** SWITCHES **/ .switches-black a { margin: 0px 2px 0px 2px; text-decoration: none; color: #777; letter-spacing: 1px; font-size: 12px; } .switches-black a:hover { color: #222; } #app { position: relative; top: 52px; } .from-black, .gender-black, .climate-black, .style-black { display: table-cell; width:50px; height:50px; background-size: 50px 50px; position: relative; padding: 0px; margin: -2px 5px -4px 5px; opacity: 1.0; background-repeat: no-repeat; } .switches-black > li > a{ display:inline-block; } .gender-black{ background:url(../img/icons-sprite-b.png) no-repeat; background-position: -50px 0px; background-size: 600px 400px; opacity:1;transition-duration:.2s;transition-property:opacity; } .gender-black.shift{ background:url(../img/icons-sprite-b.png) no-repeat; background-position: 0px 0px; background-size: 600px 400px; opacity:1;transition-duration:.2s;transition-property:opacity; } .gender-black.animate{ background:url(../img/icons-sprite-w.png) no-repeat; background-position: -50px 0px; background-size: 600px 400px; opacity:0;transition-duration:.2s;transition-property:opacity; } .gender-black.shift.animate{ background:url(../img/icons-sprite-w.png) no-repeat; background-position: 0px 0px; background-size: 600px 400px; opacity:0;transition-duration:.2s;transition-property:opacity; } .style-black{ background:url(../img/icons-sprite-b.png) no-repeat; background-position: -250px 0px; background-size: 600px 400px; opacity:1;transition-duration:.2s;transition-property:opacity; } .style-black.shift{ background:url(../img/icons-sprite-b.png) no-repeat; background-position: -200px 0px; background-size: 600px 400px; opacity:1;transition-duration:.2s;transition-property:opacity; } .style-black.animate{ background:url(../img/icons-sprite-w.png) no-repeat; background-position: -250px 0px; background-size: 600px 400px; opacity:0;transition-duration:.2s;transition-property:opacity; } .style-black.shift.animate{ background:url(../img/icons-sprite-w.png) no-repeat; background-position: -200px 0px; background-size: 600px 400px; opacity:0;transition-duration:.2s;transition-property:opacity; } .climate-black{ background:url(../img/icons-sprite-b.png) no-repeat; background-position: -150px 0px; background-size: 600px 400px; opacity:1;transition-duration:.2s;transition-property:opacity; } .climate-black.shift{ background:url(../img/icons-sprite-b.png) no-repeat; background-position: -100px 0px; background-size: 600px 400px; opacity:1;transition-duration:.2s;transition-property:opacity; } .climate-black.animate{ background:url(../img/icons-sprite-w.png) no-repeat; background-position: -150px 0px; background-size: 600px 400px; opacity:0;transition-duration:.2s;transition-property:opacity; } .climate-black.shift.animate{ background:url(../img/icons-sprite-w.png) no-repeat; background-position: -100px 0px; background-size: 600px 400px; opacity:0;transition-duration:.2s;transition-property:opacity; } .from-black{ background:url(../img/icons-sprite-b.png) no-repeat; background-position: -350px 0px; background-size: 600px 400px; opacity:1;transition-duration:.2s;transition-property:opacity; } .from-black.shift{ background:url(../img/icons-sprite-b.png) no-repeat; background-position: -300px 0px; background-size: 600px 400px; opacity:1;transition-duration:.2s;transition-property:opacity; } .from-black.animate{ background:url(../img/icons-sprite-w.png) no-repeat; background-position: -350px 0px; background-size: 600px 400px; opacity:0;transition-duration:.2s;transition-property:opacity; } .from-black.shift.animate{ background:url(../img/icons-sprite-w.png) no-repeat; background-position: -300px 0px; background-size: 600px 400px; opacity:0;transition-duration:.2s;transition-property:opacity; } /** UI ICONS **/ #library-icon{ background-image:url('../img/4.png'); background-size: 32px 32px; background-position: 10px 5px; background-repeat:no-repeat; padding-left: 43px; } #library-icon:hover { background-image:url('../img/4o.png'); } #postitem-icon { background-image:url('../img/1g.png'); background-size: 32px 32px; background-position: 10px 4px; background-repeat:no-repeat; padding-left: 43px; } #postitem-icon:hover { background-image:url('../img/1go.png'); } #arrow-icon { background-image:url('../img/1.png'); background-size: 32px 32px; background-position: 10px 4px; background-repeat:no-repeat; padding-left: 43px; } #arrow-icon:hover { background-image:url('../img/1o.png'); } #calaps-icon { background-image:url('../img/calaps.png'); background-size: 32px 32px; background-position: 10px 4px; background-repeat:no-repeat; padding-left: 43px; } #calaps-icon:hover { background-image:url('../img/calapso.png'); } .camera{ background-image:url('../img/camera2.png'); background-size: 125px 100px; background-repeat:no-repeat; width: 125px; height: 100px; } .camera:hover{ background-image:url('../img/camera4.png'); } #fb-icon { background-image:url('../img/fb.png'); background-size: 42px 42px; background-position: 2px 0px; background-repeat:no-repeat; padding-left: 46px; } #fb-icon:hover { background-image:url('../img/fbo.png'); } #pp-icon { background-image:url('../img/pp.png'); background-size: 36px 36px; background-position: 10px 2px; background-repeat:no-repeat; padding-left: 43px; } #pp-icon:hover { background-image:url('../img/ppo.png'); } #usps-icon { background-image:url('../img/usps.png'); background-size: 36px 36px; background-position: 6px 0px; background-repeat:no-repeat; padding-left: 46px; } #usps-icon:hover { background-image:url('../img/uspso.png'); } #location-icon{ background-image:url('../img/3.png'); background-size: 32px 32px; background-position: 10px 5px; background-repeat:no-repeat; padding-left: 43px; } #location-icon:hover { background-image:url('../img/3o.png'); } #twitter-icon { background-image:url('../img/t.png'); background-size: 36px 36px; background-position: 10px 3px; background-repeat:no-repeat; padding-left: 46px; } #twitter-icon:hover { background-image:url('../img/to.png'); } #pinterest-icon { background-image:url('../img/p.png'); background-size: 36px 36px; background-position: 10px 2px; background-repeat:no-repeat; padding-left: 46px; } #pinterest-icon:hover { background-image:url('../img/po.png'); } #instagram-icon { background-image:url('../img/i.png'); background-size: 36px 36px; background-position: 10px 2px; background-repeat:no-repeat; padding-left: 46px; } #instagram-icon:hover { background-image:url('../img/io.png'); } #play-icon { background-image:url('../img/play.png'); background-size: 36px 36px; background-position: 10px 2px; background-repeat:no-repeat; padding-left: 46px; } #play-icon:hover { background-image:url('../img/playo.png'); } #message-icon { background-image:url('../img/2.png'); background-size: 36px 36px; background-position: 10px 2px; background-repeat:no-repeat; padding-left: 46px; } #message-icon:hover { background-image:url('../img/2o.png'); } #outfit-icon { background-image:url('../img/outfit.png'); background-size: 36px 36px; background-position: 10px 2px; background-repeat:no-repeat; padding-left: 46px; } #buy-icon { background-image:url('../img/0g.png'); background-size: 32px 32px; background-position: 10px 4px; background-repeat:no-repeat; padding-left: 43px; } #buy-icon:hover { background-image:url('../img/0go.png'); } /** BUTTON MAIN STYLE **/ .btn-col, .btn-blu, .btn, .collapsible, .message-form{ transition:all 0.5s;-webkit-transition: all 0.5s; font-family: "helvetica neue" helvetica, arial, san-serif; text-align: center; font-weight: 200; font-size: 18px; text-shadow: 0 1px 0 #fff; letter-spacing: 1px; text-rendering: optimizelegibility; text-decoration: none; margin-bottom: 16px; padding: 10px 10px 10px; text-align: center; vertical-align: middle; cursor: pointer; min-width:170px; display:inline-block; color: #999; background-color: #e9e9e9; border: 1px solid #bbbbbb; border-color: #d0d0d0 #bbbbbb #a7a7a7 #bbbbbb; -webkit-border-radius: 0.4em; -moz-border-radius: 0.4em; border-radius: 0.4em; -webkit-box-shadow: inset 0 21px 0px rgba(255, 255, 255, 0.3), 0 3px 6px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0 21px 0px rgba(255, 255, 255, 0.3), 0 3px 6px rgba(0, 0, 0, 0.2); box-shadow: inset 0 21px 0px rgba(255, 255, 255, 0.3), 0 3px 6px rgba(0, 0, 0, 0.2); } input{transition:all 0.5s;-webkit-transition: all 0.5s; font-family: "helvetica neue" helvetica, arial, san-serif; text-align: center; font-weight: 200; font-size: 18px; text-shadow: 0 1px 0 #fff; letter-spacing: 0px; text-rendering: optimizelegibility; text-decoration: none; margin-bottom: 16px; padding: 10px 10px 10px; text-align: center; vertical-align: middle; cursor: pointer; min-width:150px; display:inline-block; color: #999; background-color: #e9e9e9; border: 1px solid #bbbbbb; border-color: #d0d0d0 #bbbbbb #a7a7a7 #bbbbbb; -webkit-border-radius: 0.4em; -moz-border-radius: 0.4em; border-radius: 0.4em; -webkit-box-shadow: inset 0 21px 0px rgba(255, 255, 255, 0.3), 0 3px 6px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0 21px 0px rgba(255, 255, 255, 0.3), 0 3px 6px rgba(0, 0, 0, 0.2); box-shadow: inset 0 21px 0px rgba(255, 255, 255, 0.3), 0 3px 6px rgba(0, 0, 0, 0.2); } select{-webkit-transition: all 0.5s; transition:all 0.5s; font-family: "helvetica neue" helvetica, arial, san-serif; text-align: center; font-weight: 200; font-size: 18px; text-shadow: 0 1px 0 #fff; letter-spacing: 1px; text-rendering: optimizelegibility; text-decoration: none; margin-bottom: 16px; padding: 10px 10px 10px; text-align: center; vertical-align: middle; cursor: pointer; display:inline-block; color: #999; background-color: #e9e9e9; border: 1px solid #bbbbbb; border-color: #d0d0d0 #bbbbbb #a7a7a7 #bbbbbb; -webkit-border-radius: 0.4em; -moz-border-radius: 0.4em; border-radius: 0.4em; -webkit-box-shadow: inset 0 21px 0px rgba(255, 255, 255, 0.3), 0 3px 6px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0 21px 0px rgba(255, 255, 255, 0.3), 0 3px 6px rgba(0, 0, 0, 0.2); box-shadow: inset 0 21px 0px rgba(255, 255, 255, 0.3), 0 3px 6px rgba(0, 0, 0, 0.2); } /** INFORMATION ICON POPUP **/ .popups { margin: 30px; opacity: .0; -webkit-transform: scale(.9, .9); -webkit-transition: all .18s ease-in-out; } .info:hover + .popup { opacity: 1; -webkit-transform: scale(1, 1); } .popup {transition:all 0.5s; position: relative; width: auto; max-width: 500px; margin: 20px auto; font-family: "helvetica neue" helvetica, arial, san-serif; text-align: center; font-weight: 200; font-size: 18px; text-shadow: 0 1px 0 #fff; letter-spacing: 0px; text-rendering: optimizelegibility; text-decoration: none; margin-bottom: 16px; padding: 10px 10px 10px; text-align: center; vertical-align: middle; cursor: pointer; min-width:200px; display:block; color: #999; background-color: #e9e9e9; border: 1px solid #bbbbbb; border-color: #d0d0d0 #bbbbbb #a7a7a7 #bbbbbb; -webkit-border-radius: 0.4em; -moz-border-radius: 0.4em; border-radius: 0.4em; -webkit-box-shadow: inset 0 21px 0px rgba(255, 255, 255, 0.3), 0 3px 6px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0 21px 0px rgba(255, 255, 255, 0.3), 0 3px 6px rgba(0, 0, 0, 0.2); box-shadow: inset 0 21px 0px rgba(255, 255, 255, 0.3), 0 3px 6px rgba(0, 0, 0, 0.2); } .mfp-content .popup{ opacity:1; } select:hover, .btn:hover, .collapsible:hover { transition:all 0.5s;color: #777; background-color: #cfcfcf; border: 1px solid #b0b0b0; border-color: #b4b4b4 #b0b0b0 #898989 #b0b0b0; } .action-btn .collapsible { background-color: #127797; color:#ccc; text-shadow:0 1px 0 #747474; } select:active, .btn:active, .collapsible:active { transition:all 0.5s;color: #555; background-color: #a7a7a7; border: 1px solid #909090; border-color: #a4a4a4 #909090 #717171 #909090; text-shadow: 0 1px 0 #e4e4e4; } /** BUTTON VERSIONS**/ .btn-small { letter-spacing: 0px; min-width:90px;} .btn-col { transition:all 0.5s; color: #666; background-color: #00bfbe; border: 1px solid #008280; border-color: #009e9c #008280 #007371 #008280; text-shadow: 0 1px 0 #00dedd; -webkit-box-shadow: inset 0 21px 0px rgba(225, 225, 225, 0.2), 0 3px 6px rgba(2, 115, 114, 0.5); -moz-box-shadow: inset 0 21px 0px rgba(225, 225, 225, 0.2), 0 3px 6px rgba(2, 115, 114, 0.5); box-shadow: inset 0 21px 0px rgba(225, 225, 225, 0.2), 0 3px 6px rgba(2, 115, 114, 0.5); } .btn-col:hover { transition:all 0.5s; color: #444; background-color: #009e9c; border: 1px solid #008280; border-color: #008280 #007371 #005352 #007371; text-shadow: 0 1px 0 #00dedd; } .btn-col:active { transition:all 0.5s; color: #222; background-color: #008280; border: 1px solid #007371; border-color: #007371 #005352 #00302f #005352; text-shadow: 0 1px 0 #00dedd; } .btn-blu { transition:all 0.5s; color: #314882; background-color: #4f74d5; border: 1px solid #38579e; border-color: #3c5daa #38579e #273d71 #38579e; text-shadow: 0 1px 0 #86a4ff; -webkit-box-shadow: inset 0 21px 0px rgba(225, 225, 225, 0.15), 0 3px 6px rgba(29, 59, 137, 0.5); -moz-box-shadow: inset 0 21px 0px rgba(225, 225, 225, 0.15), 0 3px 6px rgba(29, 59, 137, 0.5); box-shadow: inset 0 21px 0px rgba(225, 225, 225, 0.15), 0 3px 6px rgba(29, 59, 137, 0.5); } .btn-blu:hover { transition:all 0.5s; color: #21305b; background-color: #3153ba; border: 1px solid #2946a1; border-color: #2e51ba #2946a1 #1b306e #2946a1; text-shadow: 0 1px 0 #86a4ff; } .btn-blu:active { transition:all 0.5s; color: #020306; background-color: #243e8e; border: 1px solid #213b88; border-color: #2e51ba #2946a1 #1b306e #2946a1; text-shadow: 0 1px 0 #4d72cc; } /** BUTTON GROUP **/ .btn-group { display: inline-block; list-style: none; padding: 0; margin: 0;/* IE hacks */ zoom: 1; *display: inline; } .btn-group .btn { float: left; margin-left: -1px; box-shadow: inset 0 21px 0px rgba(255, 255, 255, 0.2), 1px 3px 4px rgba(0, 0, 0, 0.2); } .btn-group > .btn:not(:first-child):not(:last-child), .btn-group li:not(:first-child):not(:last-child) .btn { border-radius: 0; } .btn-group > .btn:first-child, .btn-group li:first-child .btn { margin-left: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group > .btn:last-child, .btn-group li:last-child > .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; } .btn.current2 { font-weight: 400; color: #555; } /** SELECTOR UNITS **/ select { text-align: center; width: 90%; height: 45px; } /** FORMS **/ .formless{ background:none; margin:0 auto; padding:0; border:none; width: 90%; box-shadow:none; } .formless input{ width:auto; margin:auto; min-width:0; } .content .card-input{ width:90%; } @media (max-width:500px){input.mobile-full-width-input{ width:85%; margin: 10px 0; } } input.search{font-family: "helvetica neue" helvetica, arial, san-serif;font-weight: 200;color: #111;font-size: 18px;text-shadow: 0 1px 0 #fff;text-align: left;text-decoration: none;vertical-align: middle; background-color: #f5f5f5;margin-bottom: 16px;padding: 5px 10px 5px;width: 92%;text-align: center;border: 1px solid #bbbbbb;border-color: #a7a7a7 #bbbbbb #d0d0d0 #bbbbbb;-webkit-border-radius: 0.7em;-moz-border-radius: 0.7em;border-radius: 0.7em;-webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(255, 255, 255, 0.4); -moz-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(255, 255, 255, 0.4);box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(255, 255, 255, 0.4); } textarea, form, .message-form { background-color: #f5f5f5; width: 80%; text-align: left; border: 1px solid #bbbbbb; border-color: #a7a7a7 #bbbbbb #d0d0d0 #bbbbbb; -webkit-border-radius: 0.4em; -moz-border-radius: 0.4em; border-radius: 0.4em; -webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(255, 255, 255, 0.9); -moz-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(255, 255, 255, 0.9); box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(255, 255, 255, 0.9); } input{ background-color: #f5f5f5; width: 85%; text-align: left; border: 1px solid #bbbbbb; border-color: #a7a7a7 #bbbbbb #d0d0d0 #bbbbbb; -webkit-border-radius: 0.4em; -moz-border-radius: 0.4em; border-radius: 0.4em; -webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(255, 255, 255, 0.9); -moz-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(255, 255, 255, 0.9); box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(255, 255, 255, 0.9); } /*.ng-dirty.ng-valid{ border:1px solid rgb( 70 , 136 , 71 ); box-shadow: 0px 0px 3px 3px rgba(70, 136, 71, .2); -webkit-box-shadow: 0px 0px 3px 3px rgba(70, 136, 71, .2); }*/ input.ng-dirty.ng-invalid{ border:1px solid rgb( 185 , 75 , 72 ); box-shadow: 0px 0px 3px 3px rgba(185, 75, 72, .2); -webkit-box-shadow: 0px 0px 3px 3px rgba(185, 75, 72, .2); } textarea, input { outline: none; } textarea:focus,input:focus{ outline-color: transparent; outline-style: none; border:1px solid rgb( 0 , 130 , 128 ); box-shadow: 0px 0px 3px 3px rgba( 0 , 130 , 128 , .2); -webkit-box-shadow: 0px 0px 3px 3px rgba( 0 , 130 , 128 , .2); } /** LISTS **/ ul{ margin:0; padding:0; list-style: none; } /** POPUPS **/ .tcontent .popup { opacity: 1; -webkit-transform: scale(1, 1); } .tclose{ height:10px; width: 10px;background:#000; } .zoom-popup.popup{ opacity:0; } .popup { opacity: .0; -webkit-transform: scale(.8, .8); -webkit-transition: all .18s ease-in-out; transition: all .18s ease-in-out; } .popup.loaded-popup { opacity: 1; -webkit-transform: scale(1, 1); -webkit-transition: all .18s ease-in-out; transition: all .18s ease-in-out; } /** COLLAPSIBLE UNIT **/ .collapsible{ padding: 0; width: 95%; } .collapsible-content{ cursor:default; background: #eaeded; border-radius:5px; padding: 0px; margin: 0px; } .collapsible-switch .collapsible-icon { background-image:url('../img/calaps.png'); background-size: 32px 32px; background-position: 10px 4px; background-repeat:no-repeat; padding-left: 43px; } .collapsible-switch .titles{ margin:0; padding: 0px; } .collapsed .collapsible-content{ display:none; } /** LISTVIEW **/ ul.listview { list-style-type: none; margin: 0px; padding: 0px; width: 100%; float: left; text-align:left; overflow: hidden; } ul.listview li { clear: both; height: 85px; overflow:hidden; position:relative; margin: 1px; padding: 0px; backgroud-color: #f6f6f6; background-image: -ms-linear-gradient(top, #f6f6f6, #e9e9e9); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f6f6f6), to(#e9e9e9)); background-image: -webkit-linear-gradient(top, #f6f6f6, #e9e9e9); background-image: -o-linear-gradient(top, #f6f6f6, #e9e9e9); background-image: linear-gradient(top, #f6f6f6, #e9e9e9); background-image: -moz-linear-gradient(top, #f6f6f6, ##e9e9e9); } ul.listview li:hover { backgroud-color: #e9e9e9; background-image: -ms-linear-gradient(top, #e9e9e9, #d3d3d3); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e9e9e9), to(#d3d3d3)); background-image: -webkit-linear-gradient(top, #e9e9e9, #d3d3d3); background-image: -o-linear-gradient(top, #e9e9e9, #d3d3d3); background-image: linear-gradient(top, #e9e9e9, #d3d3d3); background-image: -moz-linear-gradient(top, #e9e9e9, #d3d3d3); } ul.listview li:active { backgroud-color: #008280; background-image: -ms-linear-gradient(top, #2ab0ae, #008280); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2ab0ae), to(#008280)); background-image: -webkit-linear-gradient(top, #2ab0ae, #008280); background-image: -o-linear-gradient(top, #2ab0ae, #008280); background-image: linear-gradient(top, #2ab0ae, #008280); background-image: -moz-linear-gradient(top, #2ab0ae, #008280);} .grid_unit.item-image-small{ min-width: 115px; padding-right:10px; padding-left:0;} .listview .play-background{ position:absolute; top:32%;right:-10px; } .listview .play-background img{ max-width: 36px; max-height: 36px; float:right; padding-right: 10px; } .listview .item-content{ position:relative;padding-left:0px; vertical-align: middle;} /** UI ELEMENTS **/ /* - - - - item page heart and views icons - - - - */ /*#rater{ text-align: center; display: block; margin: 0 auto; margin-top: 0px; width: 100%; max-width: 300px; } #outfit, #eye, #heart { float: left; background: url('assets/icons/buttons/5.png'); background-size: 36px 36px; width:36px; height: 36px; cursor:pointer; } #eye { background: url('../img/6.png'); float: right; background-size:40px; } #eye:hover { background: url('../img/6o.png'); background-size:40px; } #heart { background: url('../img/5.png'); float: left; background-size:40px; } #heart:hover { background: url('../img/5o.png'); background-size:40px; } #outfit { background: url('../img/outfit.png'); float: right; margin-right: 85px; background-size:40px;} #outfit:hover { background: url('../img/outfito.png'); background-size:40px; } */ /** information icon**/ #ii { background: url('../img/ii.png') no-repeat; position: relative; float: right; background-size: 25px 25px; width:25px; height: 25px; cursor:pointer; } #ii:hover { background: url('../img/iio.png') no-repeat; background-size:25px; } #ii.ii1 { margin-right: 20px; margin-top: -96px; padding-right: 45px; padding-bottom: 33px; height: 0; width: 0; } /** sidebar**/ #ii.ii0 { right: -36px; top: -50px; } #ii.ii2 { right: 0px; top: -5px; } #ii.ii3 { right: 0px; top: -5px; } #ii.ii4 { right: 0px; top: -5px; } #ii.ii5 { right: 0px; top: -5px; } #ii.ii6 { right: 0px; top: 53px; } /** post item button**/ #ii.ii7 { right: 5px; top: 15px; } /** in colapsable**/ #ii.ii8 { right: 5px; top: 53px; } /** button in colapsable**/ #ii.ii9 { position: absolute; top: 285px; right: 68px; } .iiunderelement { margin-bottom: -5px;} .iiunderelement2 { margin-bottom: -5px; margin-left: 32px;} .dom-popup{ position:absolute; z-index:2500; margin:auto; } /** NEW UI ELEMENTS **/ /* - - - - item page heart and views icons - - - - */ .rater { text-align: center; display: block; margin: 0 auto; margin-top: 0px; width: 100%; } .outfit, .view, .heart, .share-item, .vs { display: inline-block; text-align: right; width:40px; height: 40px; cursor:pointer; } .inlineblock { display: inline-block; vertical-align: top; } .txt { padding: 6px 0px 0px 2px; margin-right: 7px; color: #fff; font-weight: 100; font-size: 13px; text-shadow: 0 0px 0px rgba(225, 225, 225, 0.4); } /* - - - - item page designer logo box - - - - */ .itemlogowhite { width: 100%; max-width:320px; height: 41px; text-align: center; margin: 0 auto; background-color: #fff; margin-bottom: 15px; position:relative; top:-6px; } .itemlogo { width: 250px; height: 41px; text-align: center; margin: 0 auto; } /** IMAGE SWIPE **/ #nav { position:relative; z-index:100; bottom:30px; width:50px; height:14px; margin: 0px auto; border-style:solid; border-width:0px; color: rgba(0,0,0,0.4); -webkit-border-radius:6px; -moz-border-radius:6px; -ms-border-radius:6px; -o-border-radius:6px; border-radius:6px; } #nav li { float:right; width:8px; height:8px; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; border-radius:4px; background:rgba(255,255,255,10); overflow:hidden; padding:0; margin:3px 3px 0 0; } #nav li.selected { background:rgba(0,0,0,0.7); } #swipeview-slider > div { margin-top:-19px; position:relative; display:-webkit-box; display:-moz-box; display:-ms-box;display:-o-box; display:box;-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-box-orient:vertical;-o-box-orient:vertical;box-orient:vertical;-webkit-box-pack:center;-moz-box-pack:center;-ms-box-pack:center;-o-box-pack:center;box-pack:center; -webkit-box-align:center; mox-box-align:center; -ms-box-align:center; -o-box-align:center; box-align:center; overflow:hidden; } #swipeview-slider img { display:block; border:1px solid #fff; -webkit-transition-duration:.4s; -moz-transition-duration:.4s; -ms-transition-duration:.4s; -o-transition-duration:.4s; transition-duration:.4s; -webkit-transition-property:opacity; -moz-transition-property:opacity; -ms-transition-property:opacity; -o-transition-property:opacity; transition-property:opacity; opacity:1; pointer-events:none; background-size: 0px 0px; } /* - - - - - - intagram slider size - - - - - - - */ #wrapper { width:100%; min-width:200px; height:280px; } /** ITEM PAGE ICONS**/ .heart{ background:url(../img/item-icons.png); background-position: -0px -0px; background-size: 200px 40px; } .heart:hover{ background:url(../img/item-iconso.png); background-position: -0px -0px; background-size: 200px 40px; } .outfit{ background:url(../img/item-icons.png); background-position: 160px -0px; background-size: 200px 40px; } .outfit:hover{ background:url(../img/item-iconso.png); background-position: 160px -0px; background-size: 200px 40px; } .vs{ background:url(../img/item-icons.png); background-position: -120px -0px; background-size: 200px 40px; } .vs:hover{ background:url(../img/item-iconso.png); background-position: -120px -0px; background-size: 200px 40px; } .share-item{ background:url(../img/item-icons.png); background-position: -80px -0px; background-size: 200px 40px; } .share-item:hover{ background:url(../img/item-iconso.png); background-position: -80px -0px; background-size: 200px 40px; } .view{ background:url(../img/item-icons.png); background-position: -160px -0px; background-size: 200px 40px; cursor:inherit; } /** SIDEBAR FILTER ICONS**/ .filter-element.gender .default.current{ background:url(../img/icons-sprite-b.png) no-repeat; background-position: 0px 0px; background-size: 600px 400px; } .filter-element.gender .default.enabling{ background:url(../img/icons-sprite-b.png) no-repeat; background-position: 0px 0px; background-size: 600px 400px; } .filter-element.gender .default.disabling{ background:url(../img/icons-sprite-b.png) no-repeat; background-position: 0px 0px; background-size: 600px 400px; } .filter-element.gender .male.current{ background:url(../img/icons-sprite-w.png) no-repeat; background-position: -50px 0px; background-size: 600px 400px; } .filter-element.gender .male.disabling{ background:url(../img/icons-sprite-b.png) no-repeat; background-position: -50px 0px; background-size: 600px 400px; } .filter-element.gender .male.enabling{ background:url(../img/icons-sprite-w.png) no-repeat; background-position: -50px 0px; background-size: 600px 400px; } .filter-element.gender .female.current{ background:url(../img/icons-sprite-w.png) no-repeat; background-position: 0px 0px; background-size: 600px 400px; } .filter-element.gender .female.disabling{ background:url(../img/icons-sprite-b.png) no-repeat; background-position: 0px 0px; background-size: 600px 400px; } .filter-element.gender .female.enabling{ background:url(../img/icons-sprite-w.png) no-repeat; background-position: 0px 0px; background-size: 600px 400px; } .filter-element.style .default.current{ background:url(../img/icons-sprite-b.png) no-repeat; background-position: -250px 0px; background-size: 600px 400px; } .filter-element.style .default.enabling{ background:url(../img/icons-sprite-b.png) no-repeat; background-position: -250px 0px; background-size: 600px 400px; } .filter-element.style .default.disabling{ background:url(../img/icons-sprite-b.png) no-repeat; background-position: -250px 0px; background-size: 600px 400px; } .filter-element.style .formal.current{ background:url(../img/icons-sprite-w.png) no-repeat; background-position: -200px 0px; background-size: 600px 400px; } .filter-element.style .formal.disabling{ background:url(../img/icons-sprite-b.png) no-repeat; background-position: -200px 0px; background-size: 600px 400px; } .filter-element.style .formal.enabling{ background:url(../img/icons-sprite-w.png) no-repeat; background-position: -200px 0px; background-size: 600px 400px; } .filter-element.style .casual.current{ background:url(../img/icons-sprite-w.png) no-repeat; background-position: -250px 0px; background-size: 600px 400px; } .filter-element.style .casual.disabling{ background:url(../img/icons-sprite-b.png) no-repeat; background-position: -250px 0px; background-size: 600px 400px; } .filter-element.style .casual.enabling{ background:url(../img/icons-sprite-w.png) no-repeat; background-position: -250px 0px; background-size: 600px 400px; } .filter-element.climate .default.current{ background:url(../img/icons-sprite-b.png) no-repeat; background-position: -150px 0px; background-size: 600px 400px; } .filter-element.climate .default.enabling{ background:url(../img/icons-sprite-b.png) no-repeat; background-position: -150px 0px; background-size: 600px 400px; } .filter-element.climate .default.disabling{ background:url(../img/icons-sprite-b.png) no-repeat; background-position: -150px 0px; background-size: 600px 400px; } .filter-element.climate .warm.current{ background:url(../img/icons-sprite-w.png) no-repeat; background-position: -100px 0px; background-size: 600px 400px; } .filter-element.climate .warm.disabling{ background:url(../img/icons-sprite-b.png) no-repeat; background-position: -100px 0px; background-size: 600px 400px; } .filter-element.climate .warm.enabling{ background:url(../img/icons-sprite-w.png) no-repeat; background-position: -100px 0px; background-size: 600px 400px; } .filter-element.climate .cold.current{ background:url(../img/icons-sprite-w.png) no-repeat; background-position: -150px 0px; background-size: 600px 400px; } .filter-element.climate .cold.disabling{ background:url(../img/icons-sprite-b.png) no-repeat; background-position: -150px 0px; background-size: 600px 400px; } .filter-element.climate .cold.enabling{ background:url(../img/icons-sprite-w.png) no-repeat; background-position: -150px 0px; background-size: 600px 400px; } .filter-element.from .default.current{ background:url(../img/icons-sprite-b.png) no-repeat; background-position: -350px 0px; background-size: 600px 400px; } .filter-element.from .default.enabling{ background:url(../img/icons-sprite-b.png) no-repeat; background-position: -350px 0px; background-size: 600px 400px; } .filter-element.from .default.disabling{ background:url(../img/icons-sprite-b.png) no-repeat; background-position: -350px 0px; background-size: 600px 400px; } .filter-element.from .local.current{ background:url(../img/icons-sprite-w.png) no-repeat; background-position: -300px 0px; background-size: 600px 400px; } .filter-element.from .local.disabling{ background:url(../img/icons-sprite-b.png) no-repeat; background-position: -300px 0px; background-size: 600px 400px; } .filter-element.from .local.enabling{ background:url(../img/icons-sprite-w.png) no-repeat; background-position: -300px 0px; background-size: 600px 400px; } .filter-element.from .global.current{ background:url(../img/icons-sprite-w.png) no-repeat; background-position: -350px 0px; background-size: 600px 400px; } .filter-element.from .global.disabling{ background:url(../img/icons-sprite-b.png) no-repeat; background-position: -350px 0px; background-size: 600px 400px; } .filter-element.from .global.enabling{ background:url(../img/icons-sprite-w.png) no-repeat; background-position: -350px 0px; background-size: 600px 400px; } .item-toggle .enabled,.item-toggle .disabled{ height:50px; width: 50px; position:absolute; opacity:1; z-index:100; } .item-toggles .item-toggle { height:50px; width:50px; } .item-toggle .state.disabling{ z-index: 150; opacity:1; } .item-toggle .state.enabling{ opacity:0; z-index:100;background-color: transparent; } /** SIDEBAR BOTTOM ICONS**/ .item-toggle.outfits-side .enabled{ background:url(../img/icons-sprite-b.png) no-repeat; background-position: -400px 0px; background-size: 600px 400px; } .item-toggle.outfits-side .disabled{ background:url(../img/icons-sprite-w.png) no-repeat; background-position: -400px 0px; background-size: 600px 400px; } .item-toggle.heart-side .enabled{ background:url(../img/icons-sprite-b.png) no-repeat; background-position: -450px 0px; background-size: 600px 400px; } .item-toggle.heart-side .disabled{ background:url(../img/icons-sprite-w.png) no-repeat; background-position: -450px 0px; background-size: 600px 400px; } .item-toggle.views-side .enabled{ background:url(../img/icons-sprite-b.png) no-repeat; background-position: -500px 0px; background-size: 600px 400px; } .item-toggle.views-side .disabled{ background:url(../img/icons-sprite-w.png) no-repeat; background-position: -500px 0px; background-size: 600px 400px; } .item-toggle.deals-side .enabled{ background:url(../img/icons-sprite-b.png) no-repeat; background-position: -550px 0px; background-size: 600px 400px; } .item-toggle.deals-side .disabled{ background:url(../img/icons-sprite-w.png) no-repeat; background-position: -550px 0px; background-size: 600px 400px; } /** SIDEBAR ITEM ICONS**/ .item-toggle.dresses .enabled{ background:url(../img/icons-sprite-b.png) no-repeat; background-position: 0px -50px; background-size: 600px 400px; } .item-toggle.dresses .disabled{ background:url(../img/icons-sprite-w.png) no-repeat; background-position: 0px -50px; background-size: 600px 400px; } .item-toggle.brasets .enabled{ background:url(../img/icons-sprite-b.png) no-repeat; background-position: -50px -50px; background-size: 600px 400px; } .item-toggle.brasets .disabled{ background:url(../img/icons-sprite-w.png) no-repeat; background-position: -50px -50px; background-size: 600px 400px; } .item-toggle.panties .enabled{ background:url(../img/icons-sprite-b.png) no-repeat; background-position: -100px -50px; background-size: 600px 400px; } .item-toggle.panties .disabled{ background:url(../img/icons-sprite-w.png) no-repeat; background-position: -100px -50px; background-size: 600px 400px; } .item-toggle.tights .enabled{ background:url(../img/icons-sprite-b.png) no-repeat; background-position: -150px -50px; background-size: 600px 400px; } .item-toggle.tights .disabled{ background:url(../img/icons-sprite-w.png) no-repeat; background-position: -150px -50px; background-size: 600px 400px; } .item-toggle.swimwear .enabled{ background:url(../img/icons-sprite-b.png) no-repeat; background-position: -200px -50px; background-size: 600px 400px; } .item-toggle.swimwear .disabled{ background:url(../img/icons-sprite-w.png) no-repeat; background-position: -200px -50px; background-size: 600px 400px; } .item-toggle.coats .enabled{ background:url(../img/icons-sprite-b.png) no-repeat; background-position: -250px -50px; background-size: 600px 400px; } .item-toggle.coats .disabled{ background:url(../img/icons-sprite-w.png) no-repeat; background-position: -250px -50px; background-size: 600px 400px; } .item-toggle.sweaters .enabled{ background:url(../img/icons-sprite-b.png) no-repeat; background-position: -300px -50px; background-size: 600px 400px; } .item-toggle.sweaters .disabled{ background:url(../img/icons-sprite-w.png) no-repeat; background-position: -300px -50px; background-size: 600px 400px; } .item-toggle.blouses .enabled{ background:url(../img/icons-sprite-b.png) no-repeat; background-position: -350px -50px; background-size: 600px 400px; } .item-toggle.blouses .disabled{ background:url(../img/icons-sprite-w.png) no-repeat; background-position: -350px -50px; background-size: 600px 400px; } .item-toggle.suits .enabled{ background:url(../img/icons-sprite-b.png) no-repeat; background-position: -400px -50px; background-size: 600px 400px; } .item-toggle.suits .disabled{ background:url(../img/icons-sprite-w.png) no-repeat; background-position: -400px -50px; background-size: 600px 400px; } .item-toggle.jeans .enabled{ background:url(../img/icons-sprite-b.png) no-repeat; background-position: -450px -50px; background-size: 600px 400px; } .item-toggle.jeans .disabled{ background:url(../img/icons-sprite-w.png) no-repeat; background-position: -450px -50px; background-size: 600px 400px; } .item-toggle.pants .enabled{ background:url(../img/icons-sprite-b.png) no-repeat; background-position: -500px -50px; background-size: 600px 400px; } .item-toggle.pants .disabled{ background:url(../img/icons-sprite-w.png) no-repeat; background-position: -500px -50px; background-size: 600px 400px; } .item-toggle.shorts .enabled{ background:url(../img/icons-sprite-b.png) no-repeat; background-position: -550px -50px; background-size: 600px 400px; } .item-toggle.shorts .disabled{ background:url(../img/icons-sprite-w.png) no-repeat; background-position: -550px -50px; background-size: 600px 400px; } .item-toggle.skirts .enabled{ background:url(../img/icons-sprite-b.png) no-repeat; background-position: 0px -100px; background-size: 600px 400px; } .item-toggle.skirts .disabled{ background:url(../img/icons-sprite-w.png) no-repeat; background-position: 0px -100px; background-size: 600px 400px; } .item-toggle.leggings .enabled{ background:url(../img/icons-sprite-b.png) no-repeat; background-position: -50px -100px; background-size: 600px 400px; } .item-toggle.leggings .disabled{ background:url(../img/icons-sprite-w.png) no-repeat; background-position: -50px -100px; background-size: 600px 400px; } .item-toggle.athletic .enabled{ background:url(../img/icons-sprite-b.png) no-repeat; background-position: -100px -100px; background-size: 600px 400px; } .item-toggle.athletic .disabled{ background:url(../img/icons-sprite-w.png) no-repeat; background-position: -100px -100px; background-size: 600px 400px; } .item-toggle.sweats .enabled{ background:url(../img/icons-sprite-b.png) no-repeat; background-position: -150px -100px; background-size: 600px 400px; } .item-toggle.sweats .disabled{ background:url(../img/icons-sprite-w.png) no-repeat; background-position: -150px -100px; background-size: 600px 400px; } .item-toggle.tshirts .enabled{ background:url(../img/icons-sprite-b.png) no-repeat; background-position: -200px -100px; background-size: 600px 400px; } .item-toggle.tshirts .disabled{ background:url(../img/icons-sprite-w.png) no-repeat; background-position: -200px -100px; background-size: 600px 400px; } .item-toggle.boots .enabled{ background:url(../img/icons-sprite-b.png) no-repeat; background-position: -250px -100px; background-size: 600px 400px; } .item-toggle.boots .disabled{ background:url(../img/icons-sprite-w.png) no-repeat; background-position: -250px -100px; background-size: 600px 400px; } .item-toggle.flats .enabled{ background:url(../img/icons-sprite-b.png) no-repeat; background-position: -300px -100px; background-size: 600px 400px; } .item-toggle.flats .disabled{ background:url(../img/icons-sprite-w.png) no-repeat; background-position: -300px -100px; background-size: 600px 400px; } .item-toggle.heels .enabled{ background:url(../img/icons-sprite-b.png) no-repeat; background-position: -350px -100px; background-size: 600px 400px; } .item-toggle.heels .disabled{ background:url(../img/icons-sprite-w.png) no-repeat; background-position: -350px -100px; background-size: 600px 400px; } .item-toggle.kicks .enabled{ background:url(../img/icons-sprite-b.png) no-repeat; background-position: -400px -100px; background-size: 600px 400px; } .item-toggle.kicks .disabled{ background:url(../img/icons-sprite-w.png) no-repeat; background-position: -400px -100px; background-size: 600px 400px; } .item-toggle.sandals .enabled{ background:url(../img/icons-sprite-b.png) no-repeat; background-position: -450px -100px; background-size: 600px 400px; } .item-toggle.sandals .disabled{ background:url(../img/icons-sprite-w.png) no-repeat; background-position: -450px -100px; background-size: 600px 400px; } .item-toggle.bizbag .enabled{ background:url(../img/icons-sprite-b.png) no-repeat; background-position: -500px -100px; background-size: 600px 400px; } .item-toggle.bizbag .disabled{ background:url(../img/icons-sprite-w.png) no-repeat; background-position: -500px -100px; background-size: 600px 400px; } .item-toggle.handbag .enabled{ background:url(../img/icons-sprite-b.png) no-repeat; background-position: -550px -100px; background-size: 600px 400px; } .item-toggle.handbag .disabled{ background:url(../img/icons-sprite-w.png) no-repeat; background-position: -550px -100px; background-size: 600px 400px; } .item-toggle.belts .enabled{ background:url(../img/icons-sprite-b.png) no-repeat; background-position: 0px -150px; background-size: 600px 400px; } .item-toggle.belts .disabled{ background:url(../img/icons-sprite-w.png) no-repeat; background-position: 0px -150px; background-size: 600px 400px; } .item-toggle.gloves .enabled{ background:url(../img/icons-sprite-b.png) no-repeat; background-position: -50px -150px; background-size: 600px 400px; } .item-toggle.gloves .disabled{ background:url(../img/icons-sprite-w.png) no-repeat; background-position: -50px -150px; background-size: 600px 400px; } .item-toggle.hats .enabled{ background:url(../img/icons-sprite-b.png) no-repeat; background-position: -100px -150px; background-size: 600px 400px; } .item-toggle.hats .disabled{ background:url(../img/icons-sprite-w.png) no-repeat; background-position: -100px -150px; background-size: 600px 400px; } .item-toggle.accessories .enabled{ background:url(../img/icons-sprite-b.png) no-repeat; background-position: -150px -150px; background-size: 600px 400px; } .item-toggle.accessories .disabled{ background:url(../img/icons-sprite-w.png) no-repeat; background-position: -150px -150px; background-size: 600px 400px; } .item-toggle.purses .enabled{ background:url(../img/icons-sprite-b.png) no-repeat; background-position: -200px -150px; background-size: 600px 400px; } .item-toggle.purses .disabled{ background:url(../img/icons-sprite-w.png) no-repeat; background-position: -200px -150px; background-size: 600px 400px; } .item-toggle.sunglasses .enabled{ background:url(../img/icons-sprite-b.png) no-repeat; background-position: -250px -150px; background-size: 600px 400px; } .item-toggle.sunglasses .disabled{ background:url(../img/icons-sprite-w.png) no-repeat; background-position: -250px -150px; background-size: 600px 400px; } .item-toggle.weddingdresses .enabled{ background:url(../img/icons-sprite-b.png) no-repeat; background-position: -300px -150px; background-size: 600px 400px; } .item-toggle.weddingdresses .disabled{ background:url(../img/icons-sprite-w.png) no-repeat; background-position: -300px -150px; background-size: 600px 400px; } .item-toggle.scarves .enabled{ background:url(../img/icons-sprite-b.png) no-repeat; background-position: -350px -150px; background-size: 600px 400px; } .item-toggle.scarves .disabled{ background:url(../img/icons-sprite-w.png) no-repeat; background-position: -350px -150px; background-size: 600px 400px; } .item-toggle.weddingshoes .enabled{ background:url(../img/icons-sprite-b.png) no-repeat; background-position: -400px -150px; background-size: 600px 400px; } .item-toggle.weddingshoes .disabled{ background:url(../img/icons-sprite-w.png) no-repeat; background-position: -400px -150px; background-size: 600px 400px; } .item-toggle.weddingaccessories .enabled{ background:url(../img/icons-sprite-b.png) no-repeat; background-position: -450px -150px; background-size: 600px 400px; } .item-toggle.weddingaccessories .disabled{ background:url(../img/icons-sprite-w.png) no-repeat; background-position: -450px -150px; background-size: 600px 400px; } .item-toggle.bridesmaiddresses .enabled{ background:url(../img/icons-sprite-b.png) no-repeat; background-position: -500px -150px; background-size: 600px 400px; } .item-toggle.bridesmaiddresses .disabled{ background:url(../img/icons-sprite-w.png) no-repeat; background-position: -500px -150px; background-size: 600px 400px; } .item-toggle.groom .enabled{ background:url(../img/icons-sprite-b.png) no-repeat; background-position: -550px -150px; background-size: 600px 400px; } .item-toggle.groom .disabled{ background:url(../img/icons-sprite-w.png) no-repeat; background-position: -550px -150px; background-size: 600px 400px; } .item-toggle.bridesmother .enabled{ background:url(../img/icons-sprite-b.png) no-repeat; background-position: 0px -200px; background-size: 600px 400px; } .item-toggle.bridesmother .disabled{ background:url(../img/icons-sprite-w.png) no-repeat; background-position: 0px -200px; background-size: 600px 400px; } .item-toggle.hats .enabled{ background:url(../img/icons-sprite-b.png) no-repeat; background-position: -50px -200px; background-size: 600px 400px; } .item-toggle.hats .disabled{ background:url(../img/icons-sprite-w.png) no-repeat; background-position: -50px -200px; background-size: 600px 400px; } .item-toggle.mens-coats .enabled{ background:url(../img/icons-sprite-b.png) no-repeat; background-position: -100px -200px; background-size: 600px 400px; } .item-toggle.mens-coats .disabled{ background:url(../img/icons-sprite-w.png) no-repeat; background-position: -100px -200px; background-size: 600px 400px; } .item-toggle.mens-sweaters .enabled{ background:url(../img/icons-sprite-b.png) no-repeat; background-position: -150px -200px; background-size: 600px 400px; } .item-toggle.mens-sweaters .disabled{ background:url(../img/icons-sprite-w.png) no-repeat; background-position: -150px -200px; background-size: 600px 400px; } .item-toggle.mens-jackets .enabled{ background:url(../img/icons-sprite-b.png) no-repeat; background-position: -200px -200px; background-size: 600px 400px; } .item-toggle.mens-jackets .disabled{ background:url(../img/icons-sprite-w.png) no-repeat; background-position: -200px -200px; background-size: 600px 400px; } .item-toggle.mens-jeans .enabled{ background:url(../img/icons-sprite-b.png) no-repeat; background-position: -250px -200px; background-size: 600px 400px; } .item-toggle.mens-jeans .disabled{ background:url(../img/icons-sprite-w.png) no-repeat; background-position: -250px -200px; background-size: 600px 400px; } .item-toggle.mens-pants .enabled{ background:url(../img/icons-sprite-b.png) no-repeat; background-position: -300px -200px; background-size: 600px 400px; } .item-toggle.mens-pants .disabled{ background:url(../img/icons-sprite-w.png) no-repeat; background-position: -300px -200px; background-size: 600px 400px; } .item-toggle.shirts .enabled{ background:url(../img/icons-sprite-b.png) no-repeat; background-position: -350px -200px; background-size: 600px 400px; } .item-toggle.shirts .disabled{ background:url(../img/icons-sprite-w.png) no-repeat; background-position: -350px -200px; background-size: 600px 400px; } .item-toggle.mens-polo .enabled{ background:url(../img/icons-sprite-b.png) no-repeat; background-position: -400px -200px; background-size: 600px 400px; } .item-toggle.mens-polo .disabled{ background:url(../img/icons-sprite-w.png) no-repeat; background-position: -400px -200px; background-size: 600px 400px; } .item-toggle.mens-tshirts .enabled{ background:url(../img/icons-sprite-b.png) no-repeat; background-position: -450px -200px; background-size: 600px 400px; } .item-toggle.mens-tshirts .disabled{ background:url(../img/icons-sprite-w.png) no-repeat; background-position: -450px -200px; background-size: 600px 400px; } .item-toggle.mens-shirts .enabled{ background:url(../img/icons-sprite-b.png) no-repeat; background-position: -350px -200px; background-size: 600px 400px; } .item-toggle.mens-shirts .disabled{ background:url(../img/icons-sprite-w.png) no-repeat; background-position: -350px -200px; background-size: 600px 400px; } .item-toggle.mens-suits .enabled{ background:url(../img/icons-sprite-b.png) no-repeat; background-position: -500px -200px; background-size: 600px 400px; } .item-toggle.mens-suits .disabled{ background:url(../img/icons-sprite-w.png) no-repeat; background-position: -500px -200px; background-size: 600px 400px; } .item-toggle.mens-shorts .enabled{ background:url(../img/icons-sprite-b.png) no-repeat; background-position: -550px -200px; background-size: 600px 400px; } .item-toggle.mens-shorts .disabled{ background:url(../img/icons-sprite-w.png) no-repeat; background-position: -550px -200px; background-size: 600px 400px; } .item-toggle.mens-swimwear .enabled{ background:url(../img/icons-sprite-b.png) no-repeat; background-position: 0px -250px; background-size: 600px 400px; } .item-toggle.mens-swimwear .disabled{ background:url(../img/icons-sprite-w.png) no-repeat; background-position: 0px -250px; background-size: 600px 400px; } .item-toggle.mens-athletic .enabled{ background:url(../img/icons-sprite-b.png) no-repeat; background-position: -50px -250px; background-size: 600px 400px; } .item-toggle.mens-athletic .disabled{ background:url(../img/icons-sprite-w.png) no-repeat; background-position: -50px -250px; background-size: 600px 400px; } .item-toggle.mens-sweats .enabled{ background:url(../img/icons-sprite-b.png) no-repeat; background-position: -100px -250px; background-size: 600px 400px; } .item-toggle.mens-sweats .disabled{ background:url(../img/icons-sprite-w.png) no-repeat; background-position: -100px -250px; background-size: 600px 400px; } .item-toggle.mens-shoes .enabled{ background:url(../img/icons-sprite-b.png) no-repeat; background-position: -150px -250px; background-size: 600px 400px; } .item-toggle.mens-shoes .disabled{ background:url(../img/icons-sprite-w.png) no-repeat; background-position: -150px -250px; background-size: 600px 400px; } .item-toggle.mens-kicks .enabled{ background:url(../img/icons-sprite-b.png) no-repeat; background-position: -200px -250px; background-size: 600px 400px; } .item-toggle.mens-kicks .disabled{ background:url(../img/icons-sprite-w.png) no-repeat; background-position: -200px -250px; background-size: 600px 400px; } .item-toggle.mens-sandals .enabled{ background:url(../img/icons-sprite-b.png) no-repeat; background-position: -250px -250px; background-size: 600px 400px; } .item-toggle.mens-sandals .disabled{ background:url(../img/icons-sprite-w.png) no-repeat; background-position: -250px -250px; background-size: 600px 400px; } .item-toggle.mens-boots .enabled{ background:url(../img/icons-sprite-b.png) no-repeat; background-position: -300px -250px; background-size: 600px 400px; } .item-toggle.mens-boots .disabled{ background:url(../img/icons-sprite-w.png) no-repeat; background-position: -300px -250px; background-size: 600px 400px; } .item-toggle.mens-backpacks .enabled{ background:url(../img/icons-sprite-b.png) no-repeat; background-position: -350px -250px; background-size: 600px 400px; } .item-toggle.mens-backpacks .disabled{ background:url(../img/icons-sprite-w.png) no-repeat; background-position: -350px -250px; background-size: 600px 400px; } .item-toggle.mens-bizbags .enabled{ background:url(../img/icons-sprite-b.png) no-repeat; background-position: -400px -250px; background-size: 600px 400px; } .item-toggle.mens-bizbags .disabled{ background:url(../img/icons-sprite-w.png) no-repeat; background-position: -400px -250px; background-size: 600px 400px; } .item-toggle.mens-wallets .enabled{ background:url(../img/icons-sprite-b.png) no-repeat; background-position: -450px -250px; background-size: 600px 400px; } .item-toggle.mens-wallets .disabled{ background:url(../img/icons-sprite-w.png) no-repeat; background-position: -450px -250px; background-size: 600px 400px; } .item-toggle.mens-belts .enabled{ background:url(../img/icons-sprite-b.png) no-repeat; background-position: -500px -250px; background-size: 600px 400px; } .item-toggle.mens-belts .disabled{ background:url(../img/icons-sprite-w.png) no-repeat; background-position: -500px -250px; background-size: 600px 400px; } .item-toggle.mens-gloves .enabled{ background:url(../img/icons-sprite-b.png) no-repeat; background-position: -550px -250px; background-size: 600px 400px; } .item-toggle.mens-gloves .disabled{ background:url(../img/icons-sprite-w.png) no-repeat; background-position: -550px -250px; background-size: 600px 400px; } .item-toggle.mens-nicnacs .enabled{ background:url(../img/icons-sprite-b.png) no-repeat; background-position: -250px -300px; background-size: 600px 400px; } .item-toggle.mens-nicnacs .disabled{ background:url(../img/icons-sprite-w.png) no-repeat; background-position: -250px -300px; background-size: 600px 400px; } .item-toggle.mens-hats .enabled{ background:url(../img/icons-sprite-b.png) no-repeat; background-position: 0px -300px; background-size: 600px 400px; } .item-toggle.mens-hats .disabled{ background:url(../img/icons-sprite-w.png) no-repeat; background-position: 0px -300px; background-size: 600px 400px; } .item-toggle.mens-accessories .enabled{ background:url(../img/icons-sprite-b.png) no-repeat; background-position: -50px -300px; background-size: 600px 400px; } .item-toggle.mens-accessories .disabled{ background:url(../img/icons-sprite-w.png) no-repeat; background-position: -50px -300px; background-size: 600px 400px; } .item-toggle.mens-sunglasses .enabled{ background:url(../img/icons-sprite-b.png) no-repeat; background-position: -100px -300px; background-size: 600px 400px; } .item-toggle.mens-sunglasses .disabled{ background:url(../img/icons-sprite-w.png) no-repeat; background-position: -100px -300px; background-size: 600px 400px; } .item-toggle.mens-scarves .enabled{ background:url(../img/icons-sprite-b.png) no-repeat; background-position: -150px -300px; background-size: 600px 400px; } .item-toggle.mens-scarves .disabled{ background:url(../img/icons-sprite-w.png) no-repeat; background-position: -150px -300px; background-size: 600px 400px; } .item-toggle.mens-ties .enabled{ background:url(../img/icons-sprite-b.png) no-repeat; background-position: -200px -300px; background-size: 600px 400px; } .item-toggle.mens-ties .disabled{ background:url(../img/icons-sprite-w.png) no-repeat; background-position: -200px -300px; background-size: 600px 400px; } .item-toggle.back .enabled{ background:url(../img/icons-sprite-b.png) no-repeat; background-position: -300px -300px; background-size: 600px 400px; } .item-toggle.back .disabled{ background:url(../img/icons-sprite-w.png) no-repeat; background-position: -300px -300px; background-size: 600px 400px; } .item-toggle.menu .enabled{ background:url(../img/icons-sprite-b.png) no-repeat; background-position: -350px -300px; background-size: 600px 400px; } .item-toggle.menu .disabled{ background:url(../img/icons-sprite-w.png) no-repeat; background-position: -350px -300px; background-size: 600px 400px; } .item-toggle.wallet .enabled{ background:url(../img/icons-sprite-b.png) no-repeat; background-position: -400px -300px; background-size: 600px 400px; } .item-toggle.wallet .disabled{ background:url(../img/icons-sprite-w.png) no-repeat; background-position: -400px -300px; background-size: 600px 400px; } .item-toggle.account .enabled{ background:url(../img/icons-sprite-b.png) no-repeat; background-position: -450px -300px; background-size: 600px 400px; } .item-toggle.account .disabled{ background:url(../img/icons-sprite-w.png) no-repeat; background-position: -450px -300px; background-size: 600px 400px; } .item-toggle.buy .enabled{ background:url(../img/icons-sprite-b.png) no-repeat; background-position: -500px -300px; background-size: 600px 400px; } .item-toggle.buy .disabled{ background:url(../img/icons-sprite-w.png) no-repeat; background-position: -500px -300px; background-size: 600px 400px; } .item-toggle.sell .enabled{ background:url(../img/icons-sprite-b.png) no-repeat; background-position: -550px -300px; background-size: 600px 400px; } .item-toggle.sell .disabled{ background:url(../img/icons-sprite-w.png) no-repeat; background-position: -550px -300px; background-size: 600px 400px; } .item-toggle.twitter .enabled{ background:url(../img/icons-sprite-b.png) no-repeat; background-position: 0px -350px; background-size: 600px 400px; } .item-toggle.twitter .disabled{ background:url(../img/icons-sprite-w.png) no-repeat; background-position: 0px -350px; background-size: 600px 400px; } .item-toggle.pinterest .enabled{ background:url(../img/icons-sprite-b.png) no-repeat; background-position: -50px -350px; background-size: 600px 400px; } .item-toggle.pinterest .disabled{ background:url(../img/icons-sprite-w.png) no-repeat; background-position: -50px -350px; background-size: 600px 400px; } .item-toggle.instagram .enabled{ background:url(../img/icons-sprite-b.png) no-repeat; background-position: -100px -350px; background-size: 600px 400px; } .item-toggle.instagram .disabled{ background:url(../img/icons-sprite-w.png) no-repeat; background-position: -100px -350px; background-size: 600px 400px; } .item-toggle.colaps .enabled{ background:url(../img/icons-sprite-b.png) no-repeat; background-position: -150px -350px; background-size: 600px 400px; } .item-toggle.colaps .disabled{ background:url(../img/icons-sprite-w.png) no-repeat; background-position: -150px -350px; background-size: 600px 400px; } .item-toggle.play .enabled{ background:url(../img/icons-sprite-b.png) no-repeat; background-position: -200px -350px; background-size: 600px 400px; } .item-toggle.play .disabled{ background:url(../img/icons-sprite-w.png) no-repeat; background-position: -200px -350px; background-size: 600px 400px; } .item-toggle.box .enabled{ background:url(../img/icons-sprite-b.png) no-repeat; background-position: -250px -350px; background-size: 600px 400px; } .item-toggle.box .disabled{ background:url(../img/icons-sprite-w.png) no-repeat; background-position: -250px -350px; background-size: 600px 400px; } .item-toggle.arrow .enabled{ background:url(../img/icons-sprite-b.png) no-repeat; background-position: -300px -350px; background-size: 600px 400px; } .item-toggle.arrow .disabled{ background:url(../img/icons-sprite-w.png) no-repeat; background-position: -300px -350px; background-size: 600px 400px; } .item-toggle.outfit .enabled{ background:url(../img/icons-sprite-b.png) no-repeat; background-position: -350px -350px; background-size: 600px 400px; } .item-toggle.outfit .disabled{ background:url(../img/icons-sprite-w.png) no-repeat; background-position: -350px -350px; background-size: 600px 400px; } .item-toggle.heart .enabled{ background:url(../img/icons-sprite-b.png) no-repeat; background-position: -400px -350px; background-size: 600px 400px; } .item-toggle.heart .disabled{ background:url(../img/icons-sprite-w.png) no-repeat; background-position: -400px -350px; background-size: 600px 400px; } .item-toggle.views .enabled{ background:url(../img/icons-sprite-b.png) no-repeat; background-position: -450px -350px; background-size: 600px 400px; } .item-toggle.views .disabled{ background:url(../img/icons-sprite-w.png) no-repeat; background-position: -450px -350px; background-size: 600px 400px; } /** DESIGNER LABEL LOGOS**/ .alexandermcqueen.enabled{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -0px -0px; background-size: 1250px 444px; } .aliceandolivia.enabled{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -250px -0px; background-size: 1250px 444px; } .balenciaga.enabled{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -500px -0px; background-size: 1250px 444px; } .brighton.enabled{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -0px -42px; background-size: 1250px 444px; } .brioni.enabled{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -250px -41px; background-size: 1250px 444px; } .burberry.enabled{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -500px -41px; background-size: 1250px 444px; } .bvlgari.enabled{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -750px -41px; background-size: 1250px 444px; } .catier.enabled{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -1000px -40px; background-size: 1250px 444px; } .chanel.enabled{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -0px -82px; background-size: 1250px 444px; } .chloe.enabled{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -250px -82px; background-size: 1250px 444px; } .christiandior.enabled{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -500px -81px; background-size: 1250px 444px; } .chistianlouboutin.enabled{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -730px -82px; background-size: 1250px 444px; } .coachandco.enabled{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -1000px -82px; background-size: 1250px 444px; } .commedesgarcon.enabled{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -0px -121px; background-size: 1250px 444px; } .dianevonfurstenber.enabled{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -250px -121px; background-size: 1250px 444px; } .dior.enabled{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -500px -121px; background-size: 1250px 444px; } .dolceandcabbana.enabled{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -750px -121px; background-size: 1250px 444px; } .dolcevita.enabled{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -1000px -121px; background-size: 1250px 444px; } .emiliopucci.enabled{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -0px -161px; background-size: 1250px 444px; } .escada.enabled{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -250px -161px; background-size: 1250px 444px; } .fendi.enabled{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -500px -161px; background-size: 1250px 444px; } .ferragamo.enabled{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -750px -161px; background-size: 1250px 444px; } .gucci.enabled{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -1000px -161px; background-size: 1250px 444px; } .helmutlang.enabled{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -0px -203px; background-size: 1250px 444px; } .hermes.enabled{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -250px -203px; background-size: 1250px 444px; } .isseymiyake.enabled{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -500px -202px; background-size: 1250px 444px; } .jeanpaulgaultier.enabled{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -750px -202px; background-size: 1250px 444px; } .jimmychoo.enabled{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -1000px -201px; background-size: 1250px 444px; } .katespade.enabled{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -0px -242px; background-size: 1250px 444px; } .lanvin.enabled{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -250px -243px; background-size: 1250px 444px; } .louisvuitton.enabled{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -500px -242px; background-size: 1250px 444px; } .manoloblahnik.enabled{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -750px -242px; background-size: 1250px 444px; } .marcjocobs.enabled{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -1000px -242px; background-size: 1250px 444px; } .michaelkors.enabled{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -0px -283px; background-size: 1250px 444px; } .missoni.enabled{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -250px -282px; background-size: 1250px 444px; } .miumiu.enabled{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -500px -282px; background-size: 1250px 444px; } .oliverpeoples.enabled{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -750px -281px; background-size: 1250px 444px; } .omega.enabled{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -1000px -281px; background-size: 1250px 444px; } .paulsmith.enabled{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -0px -324px; background-size: 1250px 444px; } .prada.enabled{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -250px -322px; background-size: 1250px 444px; } .robertocavalli.enabled{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -500px -322px; background-size: 1250px 444px; } .rolex.enabled{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -750px -322px; background-size: 1250px 444px; } .sellamccartney.enabled{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -1000px -322px; background-size: 1250px 444px; } .stjohn.enabled{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -0px -363px; background-size: 1250px 444px; } .stuartweitzman.enabled{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -250px -363px; background-size: 1250px 444px; } .tomford.enabled{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -500px -363px; background-size: 1250px 444px; } .toriburch.enabled{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -750px -363px; background-size: 1250px 444px; } .valentino.enabled{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -1000px -363px; background-size: 1250px 444px; } .verawang.enabled{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -0px -403px; background-size: 1250px 444px; } .versace.enabled{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -250px -403px; background-size: 1250px 444px; } .ysl.enabled{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -500px -403px; background-size: 1250px 444px; } .other.enabled{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -750px -403px; background-size: 1250px 444px; } .vintage.enabled{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -1000px -403px; background-size: 1250px 444px; } .alexandermcqueen.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -0px -0px; background-size: 500px 172px; } .aliceandolivia.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -94px -0px; background-size: 500px 172px; } .balenciaga.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -194px -0px; background-size: 500px 172px; } .brighton.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: 6px -16px; background-size: 500px 172px; } .brioni.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -101px -16px; background-size: 500px 172px; } .burberry.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -196px -16px; background-size: 500px 172px; } .bvlgari.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -294px -15px; background-size: 500px 172px; } .catier.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -397px -16px; background-size: 500px 172px; } .chanel.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: 6px -32px; background-size: 500px 172px; } .chloe.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -96px -32px; background-size: 500px 172px; } .christiandior.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -194px -32px; background-size: 500px 172px; } .chistianlouboutin.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -294px -32px; background-size: 500px 172px; } .coachandco.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -396px -32px; background-size: 500px 172px; } .commedesgarcon.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: 6px -47px; background-size: 500px 172px; } .dianevonfurstenber.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -94px -46px; background-size: 500px 172px; } .dior.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -195px -47px; background-size: 500px 172px; } .dolceandcabbana.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -294px -47px; background-size: 500px 172px; } .dolcevita.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -395px -48px; background-size: 500px 172px; } .emiliopucci.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: 6px -64px; background-size: 500px 172px; } .escada.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -94px -63px; background-size: 500px 172px; } .fendi.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -197px -62px; background-size: 500px 172px; } .ferragamo.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -293px -62px; background-size: 500px 172px; } .gucci.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -394px -61px; background-size: 500px 172px; } .helmutlang.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: 6px -79px; background-size: 500px 172px; } .hermes.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -98px -78px; background-size: 500px 172px; } .isseymiyake.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -195px -79px; background-size: 500px 172px; } .jeanpaulgaultier.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -296px -78px; background-size: 500px 172px; } .jimmychoo.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -395px -78px; background-size: 500px 172px; } .katespade.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position:5px -94px; background-size: 500px 172px; } .lanvin.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -96px -94px; background-size: 500px 172px; } .louisvuitton.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -194px -93px; background-size: 500px 172px; } .manoloblahnik.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position:-294px -94px; background-size: 500px 172px; } .marcjocobs.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -397px -94px; background-size: 500px 172px; } .michaelkors.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: 5px -110px; background-size: 500px 172px; } .missoni.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -95px -110px; background-size: 500px 172px; } .miumiu.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -196px -109px; background-size: 500px 172px; } .oliverpeoples.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -295px -109px; background-size: 500px 172px; } .omega.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -397px -108px; background-size: 500px 172px; } .paulsmith.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: 3px -126px; background-size: 500px 172px; } .prada.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -97px -125px; background-size: 500px 172px; } .robertocavalli.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -197px -125px; background-size: 500px 172px; } .rolex.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -293px -125px; background-size: 500px 172px; } .sellamccartney.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -397px -126px; background-size: 500px 172px; } .stjohn.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: 3px -141px; background-size: 500px 172px; } .stuartweitzman.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -95px -141px; background-size: 500px 172px; } .tomford.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -197px -140px; background-size: 500px 172px; } .toriburch.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -296px -140px; background-size: 500px 172px; } .valentino.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -397px -141px; background-size: 500px 172px; } .verawang.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: 5px -158px; background-size: 500px 172px; } .versace.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -96px -157px; background-size: 500px 172px; } .ysl.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -193px -157px; background-size: 500px 172px; } .other.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -297px -156px; background-size: 500px 172px; } .vintage.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -395px -157px; background-size: 500px 172px; } @media (min-width: 1600px){ .browse-brand{ height:28px; width:175px; } .alexandermcqueen.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: 0px -0px; background-size: 900px 310px; } .aliceandolivia.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -178px -0px; background-size: 900px 310px; } .balenciaga.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -362px -0px;background-size: 900px 310px; } .brighton.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: 0px -29px; background-size: 900px 310px; } .brioni.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -193px -28px; background-size: 900px 310px; } .burberry.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -361px -29px; background-size: 900px 310px; } .bvlgari.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -543px -28px; background-size: 900px 310px; } .catier.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -730px -28px; background-size: 900px 310px; } .chanel.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -0px -57px; background-size: 900px 310px; } .chloe.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -184px -58px; background-size: 900px 310px; } .christiandior.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -363px -57px; background-size: 900px 310px; } .chistianlouboutin.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -540px -58px; background-size: 900px 310px;} .coachandco.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -723px -56px; background-size: 900px 310px; } .commedesgarcon.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -0px -85px; background-size: 900px 310px; } .dianevonfurstenber.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -181px -85px; background-size: 900px 310px; } .dior.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -361px -84px; background-size: 900px 310px; } .dolceandcabbana.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -539px -85px; background-size: 900px 310px; } .dolcevita.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -723px -85px; background-size: 900px 310px; } .emiliopucci.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: 0px -113px; background-size: 900px 310px; } .escada.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -178px -114px; background-size: 900px 310px; } .fendi.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -368px -115px; background-size: 900px 310px; } .ferragamo.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -542px -113px; background-size: 900px 310px; } .gucci.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -723px -110px; background-size: 900px 310px; } .helmutlang.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -2px -141px; background-size: 900px 310px; } .hermes.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -181px -141px; background-size: 900px 310px; } .isseymiyake.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -360px -143px; background-size: 900px 310px; } .jeanpaulgaultier.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -542px -141px; background-size: 900px 310px; } .jimmychoo.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -722px -142px; background-size: 900px 310px; } .katespade.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -0px -168px; background-size: 900px 310px; } .lanvin.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -181px -169px; background-size: 900px 310px; } .louisvuitton.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -361px -169px; background-size: 900px 310px; } .manoloblahnik.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -541px -169px; background-size: 900px 310px; } .marcjocobs.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -722px -169px; background-size: 900px 310px; } .michaelkors.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -2px -197px; background-size: 900px 310px; } .missoni.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -180px -198px; background-size: 900px 310px; } .miumiu.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -362px -197px; background-size: 900px 310px; } .oliverpeoples.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -544px -196px; background-size: 900px 310px; } .omega.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -722px -196px;background-size: 900px 310px; } .paulsmith.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -2px -225px; background-size: 900px 310px; } .prada.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -182px -226px; background-size: 900px 310px; } .robertocavalli.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -362px -226px; background-size: 900px 310px; } .rolex.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -539px -226px; background-size: 900px 310px; } .sellamccartney.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -722px -227px; background-size: 900px 310px; } .stjohn.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -2px -253px; background-size: 900px 310px; } .stuartweitzman.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -185px -253px; background-size: 900px 310px; } .tomford.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -361px -254px; background-size: 900px 310px; } .toriburch.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -543px -253px; background-size: 900px 310px; } .valentino.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -723px -253px; background-size: 900px 310px; } .verawang.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: 0px -281px; background-size: 900px 310px; } .versace.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -182px -281px; background-size: 900px 310px; } .ysl.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -361px -281px; background-size: 900px 310px; } .other.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -542px -281px; background-size: 900px 310px; } .vintage.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -722px -281px; background-size: 900px 310px; } } @media (max-width: 400px){ .browse-original{ display:none; } .browse-brand{ margin: 0 auto; height:13px; width:83px; } .alexandermcqueen.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: 2px -0px; background-size: 425px 147px; } .aliceandolivia.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -85px 0px; background-size: 425px 147px; } .balenciaga.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -172px -0px; background-size: 425px 147px; } .brighton.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position:1px -14px; background-size: 425px 147px; } .brioni.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -89px -13px; background-size: 425px 147px; } .burberry.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -171px -14px; background-size: 425px 147px; } .bvlgari.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -258px -13px; background-size: 425px 147px; } .catier.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -342px -14px; background-size: 425px 147px; } .chanel.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position:2px -27px; background-size: 425px 147px; } .chloe.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -85px -27px; background-size: 425px 147px; } .christiandior.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -172px -27px; background-size: 425px 147px; } .chistianlouboutin.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -258px -27px; background-size: 425px 147px; } .coachandco.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -340px -27px; background-size: 425px 147px; } .commedesgarcon.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: 2px -40px; background-size: 425px 147px; } .dianevonfurstenber.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -85px -40px; background-size: 425px 147px; } .dior.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -170px -40px; background-size: 425px 147px; } .dolceandcabbana.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -255px -40px; background-size: 425px 147px; } .dolcevita.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -342px -40px; background-size: 425px 147px; } .emiliopucci.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: 0px -54px; background-size: 425px 147px; } .escada.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -85px -54px; background-size: 425px 147px; } .fendi.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -172px -54px; background-size: 425px 147px; } .ferragamo.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -256px -54px; background-size: 425px 147px; } .gucci.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -342px -54px; background-size: 425px 147px; } .helmutlang.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: 2px -68px; background-size: 425px 147px; } .hermes.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -85px -68px; background-size: 425px 147px; } .isseymiyake.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -172px -68px; background-size: 425px 147px; } .jeanpaulgaultier.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -258px -68px; background-size: 425px 147px; } .jimmychoo.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -342px -68px; background-size: 425px 147px; } .katespade.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position:0px -81px; background-size: 425px 147px; } .lanvin.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -85px -81px; background-size: 425px 147px; } .louisvuitton.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -172px -81px; background-size: 425px 147px; } .manoloblahnik.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position:-255px -81px; background-size: 425px 147px; } .marcjocobs.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -342px -81px; background-size: 425px 147px; } .michaelkors.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: 0px -94px; background-size: 425px 147px; } .missoni.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -85px -94px; background-size: 425px 147px; } .miumiu.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -172px -94px; background-size: 425px 147px; } .oliverpeoples.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -257px -94px; background-size: 425px 147px; } .omega.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -342px -94px; background-size: 425px 147px; } .paulsmith.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: 0px -107px; background-size: 425px 147px; } .prada.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -85px -107px; background-size: 425px 147px; } .robertocavalli.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -172px -107px; background-size: 425px 147px; } .rolex.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -258px -107px; background-size: 425px 147px; } .sellamccartney.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -341px -107px; background-size: 425px 147px; } .stjohn.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: 0px -121px; background-size: 425px 147px; } .stuartweitzman.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -85px -121px; background-size: 425px 147px; } .tomford.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -169px -121px; background-size: 425px 147px; } .toriburch.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -258px -121px; background-size: 425px 147px; } .valentino.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -342px -121px; background-size: 425px 147px; } .verawang.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: 2px -134px; background-size: 425px 147px; } .versace.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -85px -134px; background-size: 425px 147px; } .ysl.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -168px -134px; background-size: 425px 147px; } .other.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -258px -134px; background-size: 425px 147px; } .vintage.mini{ background:url(../img/sprite-designerlogos.gif) no-repeat; background-position: -342px -134px; background-size: 425px 147px; } } /* This CSS is just for presentational purposes. */ .transaction-section-container { font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; color: #666; width: 80%; margin: 0 auto; padding: 10px 10px 10px 10px; background-color: #eee; /*border-top-left-radius:4px; border-top-right-radius:4px; border-bottom-right-radius:4px; border-bottom-left-radius:4px;*/ max-width: 400px; border-top: 1px solid #bbb; border-bottom: 1px solid #bbb; } #past { font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: 100; font-size: 20%; color: #aaa; width: 82%; margin: 0 auto; padding: 5px 5px 5px 30px; background-color: none; border-top-left-radius:4px; border-top-right-radius:4px; border-bottom-right-radius:4px; border-bottom-left-radius:4px; max-width: 400px; border-top: 0px solid #bbb; border-bottom: 1px solid #ccc; } f1 { font-weight: 600; } f6 { font-size: 17px; } f1 { font-size: 25px; } /* This CSS is used for the Show/Hide functionality. */ .more { display: none; margin: 7px 0 4px 0; padding: 6px 0 0 0; border-top: 1px solid #bbb; } .hideLink { text-decoration: none; color: #999; padding-left: 8px; background: transparent url(../assets/img/arrow-right.png) no-repeat left; cursor: pointer; text-decoration: none; background: transparent url(../assets/img/arrow-right.png) no-repeat left; background-size: 12px 12px; height: 24px; width:45px; } #past .arrow-position { position:relative; right: 17px; top: 5px; background: transparent url(../assets/img/arrow-right-light.png) no-repeat left; background-size: 12px 12px; } #past f1 { font-weight: 100; font-size: 20px; } .transaction-section-container .left{ float:left; } #wrap .arrow-position { position:relative; position:absolute; } .right{ padding: 0px; } b { border: solid 1px #ddd; padding: 0px 5px 1px 5px; background-color: #eee; border-top-left-radius:4px; border-top-right-radius:4px; border-bottom-right-radius:4px; border-bottom-left-radius:4px; } .browse-favorites{ float: left; display: inline; } .heart-icon{ background: url(../img/5.png) no-repeat; width: 20px; display: inline-block; background-size: 16px; } .browse-original{ display: inline; text-decoration: line-through; } .browse-price{ display: inline; } .open .on-closed{ display:none; } .closed .on-open{ display:none; } .arrow-position{ margin-top:3px; } .transaction-memo.display{ display: block !important; } .transaction-memo{ display: none !important; }