From 2fb2e09bb24340a7cc33ae30037f45125791131c Mon Sep 17 00:00:00 2001 From: Jules Laplace Date: Thu, 10 May 2018 17:15:14 +0200 Subject: androidz --- .../platforms/android/assets/www/css/account.css | 534 +++++ .../platforms/android/assets/www/css/blogs.css | 352 +++ .../platforms/android/assets/www/css/cart.css | 362 ++++ .../android/assets/www/css/fonts/andale_mono.ttf | Bin 0 -> 109700 bytes .../android/assets/www/css/fonts/andale_mono.woff | Bin 0 -> 53751 bytes .../android/assets/www/css/fonts/fonts.css | 37 + .../android/assets/www/css/fonts/ionicons.css | 1480 +++++++++++++ .../android/assets/www/css/fonts/ionicons.eot | Bin 0 -> 120724 bytes .../android/assets/www/css/fonts/ionicons.svg | 2230 ++++++++++++++++++++ .../android/assets/www/css/fonts/ionicons.ttf | Bin 0 -> 188508 bytes .../android/assets/www/css/fonts/ionicons.woff | Bin 0 -> 67904 bytes .../www/css/fonts/pfdintextpro-bold-webfont.woff | Bin 0 -> 25068 bytes .../www/css/fonts/pfdintextpro-italic-webfont.woff | Bin 0 -> 30160 bytes .../www/css/fonts/pfdintextpro-light-webfont.woff | Bin 0 -> 28824 bytes .../www/css/fonts/pfdintextpro-medium-webfont.woff | Bin 0 -> 26668 bytes .../css/fonts/pfdintextpro-regular-webfont.woff | Bin 0 -> 25352 bytes .../platforms/android/assets/www/css/index.css | 62 + .../platforms/android/assets/www/css/nav.css | 442 ++++ .../platforms/android/assets/www/css/products.css | 266 +++ .../android/assets/www/css/vendor/flickity.css | 141 ++ .../android/assets/www/css/vendor/imageviewer.css | 227 ++ 21 files changed, 6133 insertions(+) create mode 100755 StoneIsland/platforms/android/assets/www/css/account.css create mode 100755 StoneIsland/platforms/android/assets/www/css/blogs.css create mode 100755 StoneIsland/platforms/android/assets/www/css/cart.css create mode 100755 StoneIsland/platforms/android/assets/www/css/fonts/andale_mono.ttf create mode 100755 StoneIsland/platforms/android/assets/www/css/fonts/andale_mono.woff create mode 100755 StoneIsland/platforms/android/assets/www/css/fonts/fonts.css create mode 100755 StoneIsland/platforms/android/assets/www/css/fonts/ionicons.css create mode 100755 StoneIsland/platforms/android/assets/www/css/fonts/ionicons.eot create mode 100755 StoneIsland/platforms/android/assets/www/css/fonts/ionicons.svg create mode 100755 StoneIsland/platforms/android/assets/www/css/fonts/ionicons.ttf create mode 100755 StoneIsland/platforms/android/assets/www/css/fonts/ionicons.woff create mode 100755 StoneIsland/platforms/android/assets/www/css/fonts/pfdintextpro-bold-webfont.woff create mode 100755 StoneIsland/platforms/android/assets/www/css/fonts/pfdintextpro-italic-webfont.woff create mode 100755 StoneIsland/platforms/android/assets/www/css/fonts/pfdintextpro-light-webfont.woff create mode 100755 StoneIsland/platforms/android/assets/www/css/fonts/pfdintextpro-medium-webfont.woff create mode 100755 StoneIsland/platforms/android/assets/www/css/fonts/pfdintextpro-regular-webfont.woff create mode 100755 StoneIsland/platforms/android/assets/www/css/index.css create mode 100755 StoneIsland/platforms/android/assets/www/css/nav.css create mode 100755 StoneIsland/platforms/android/assets/www/css/products.css create mode 100755 StoneIsland/platforms/android/assets/www/css/vendor/flickity.css create mode 100644 StoneIsland/platforms/android/assets/www/css/vendor/imageviewer.css (limited to 'StoneIsland/platforms/android/assets/www/css') diff --git a/StoneIsland/platforms/android/assets/www/css/account.css b/StoneIsland/platforms/android/assets/www/css/account.css new file mode 100755 index 00000000..da710fd7 --- /dev/null +++ b/StoneIsland/platforms/android/assets/www/css/account.css @@ -0,0 +1,534 @@ +.login #login { display: block } +#login { + display: none; +} + + +.logout #logout { display: block } +#logout { + display: none; +} + + +.signup #signup { display: block } +#signup { + display: none; +} + + +.profile #profile { display: block } +#profile { + display: none; +} + + +.payment #payment { display: block } +#payment { + display: none; +} + + +.shipping #shipping { display: block } +#shipping { + display: none; +} + + +.orders #orders { display: block } +#orders { + display: none; +} +#orders #order_list { + display: block; +} +#orders #single_order { + display: none; +} +#orders.single #order_list { + display: none; +} +#orders.single #single_order { + display: block; +} + +#order_list { + width: calc(100vw - 40px); + position:relative; + margin:0 auto; + box-sizing:border-box; +} + +#order_list .list { + padding:15px 0; + position:relative; +} + +.images:after { + content:''; + width:calc(100% + 100px); + height:1px; + background:#bbb; + position:absolute; + bottom:0; + left:-50px; +} + +.details-container { + position:relative; + font-weight:bold; + letter-spacing:0.2px; + font-size:11px; + margin-bottom:10px; + width:100%; + box-sizing:border-box; +} + +.details-container .details { + position:absolute; + display:block; + bottom:0; + right:0; + box-sizing:border-box; +} + +.details-container .txt { + position:relative; + display:block; + bottom:0; + left:0; + box-sizing:border-box; +} + +.details-container .txt span { + display:block; + box-sizing:border-box; +} + +#orders .item img { + max-width:120px; + box-sizing:border-box; +} + +.settings #settings { display: block } +#settings { + display: none; +} + + + + + +.form h2 { + text-align: center; + margin: 0; + padding: 20px 10px 8px 10px; + font-size: 14px; + color: #000; + letter-spacing: 1px; + font-weight: bold; +} + +input[type=text], input[type=password], input[type=number], input[type=date], input[type=email] { + font-family:pfd, sans-serif; + font-size:14px; + outline:none!important; + color:#000; + letter-spacing:1px; + text-transform:uppercase; + height:35px; + text-align:center; + margin: 0px auto; + display:block; + margin-top:4px; + width: calc(100vw - 10px); + border:1px solid #a9a9a9; + padding: 0; + border-radius: 0; +} + +input[type=text], input[type=password], input[type=number], input[type=email] { + -webkit-appearance: none; +} + +.half-input { + margin: 0px auto; + display: block; + margin-top: 4px; + width: calc(100vw - 10px); + border: 1px solid #a9a9a9; + overflow: auto; +} + +.half-input input, .half-input select { + position: relative; + margin: 0; + border:none; + box-sizing: border-box; + float: left; + width: 50%; +} + +.half-input > input:first-child { + border-right: 1px solid #a9a9a9; +} + +#signup .toggle-container, #profile .toggle-container { + margin: 0px auto; + display: table; + margin-top: 0px; + width: calc(100vw - 10px); + box-sizing: border-box; + padding:0px 18px 2px; + font-size:14px; +} + +#settings .toggle-container { + margin: 0px auto; + display: table; + margin-top: 10px; + width: calc(100vw - 10px); + box-sizing: border-box; + padding:10px 18px 2px; + font-size:14px; +} + +.toggle-row { + display:block; + padding-bottom:16px; +} + +.toggle-container .caption { + display:table-cell; + vertical-align:middle; + width:100%; +} + +.toggle-container .toggle { + display: table-cell; + vertical-align: middle; + text-align: right; + position: relative; + right: 12px; +} + +.toggle-container h3 { + margin:0; +} + +input.switch { + height: 50px; + width: 50px; + opacity: 0; + z-index: 9999999; + position: relative; +} + +input.switch + label { + display: inline-block; + box-shadow: inset 0 0 0px 1px rgba(0,0,0,.7); + text-indent: -5000px; + height: 30px; + width: 50px; + border-radius: 15px; + position: absolute; + top: 50%; + left: 25px; + transform: translateX(-50%) translateY(-50%); +} + +input.switch + label:before { + content: ""; + position: absolute; + display: block; + height: 30px; + width: 30px; + top: 0; + left: 0; + border-radius: 15px; + background: rgba(19, 191, 17, 0); + -moz-transition: .25s ease-in-out; + -webkit-transition: .25s ease-in-out; + transition: .25s ease-in-out; +} + +input.switch + label:after { + content: ""; + position: absolute; + display: block; + height: 30px; + width: 30px; + top: 0; + left: 0px; + border-radius: 15px; + background: white; + box-shadow: inset 0 0 0 1px rgba(0,0,0,.7); + -moz-transition: .25s ease-in-out; + -webkit-transition: .25s ease-in-out; + transition: .25s ease-in-out; +} + +input.switch:checked + label:before { + width: 50px; + background: #136f11; +} + +input.switch:checked + label:after { + left: 20px; + box-shadow: inset 0 0 0 1px rgba(0,0,0,.7); +} + +.container { + position:relative; + min-height:calc(100vh - 154px); + width:100vw; + box-sizing:border-box; + display: flex; + flex-direction: column; + margin:0; + left:0; + right:0; + top: 0; +} + +.container-row { + box-sizing:border-box; +} + +.container-fill { + min-height:80px; + flex: 1; + align-items: center; + justify-content: center; + position:relative; +} + +.container-fill-condensed { + min-height:38px!important; +} + +.container-row .container-message { + color:#000; + text-align:center; + width:calc(100vw - 10px); + box-sizing:border-box; + margin:10px auto 0; + position:relative +} + +.container-row .container-message-condensed { + margin: 2px auto!important +} +.container-fill .container-message { + font-size:12px; + letter-spacing:0.5px; + text-align:center; + position:absolute; + top:50%; + left:50%; + width:100%; + -webkit-transform: translateX(-50%) translateY(-50%); + transform: translateX(-50%) translateY(-50%); + color:#000; +} + + + +.premessage { + top:calc(50% - 20px)!important; +} + +.submessage { + top:75%!important; +} + +.alert-notice { + color:red!important +} + +.checkbox-container { + font-size:11px; + width:calc(100vw - 10px); + display:table; + box-sizing:border-box; + margin:0 auto; +} + +#signup .checkbox-container { + margin-top:12px!important +} + +.checkbox-toggle { + display:table-cell; + box-sizing:border-box; + padding-right:0px; + position:relative; +} + +.checkbox-toggle input { + width: 45px; + height: 35px; + opacity: 0; + z-index: 99999; + position: relative; +} + +.checkbox-caption { + vertical-align:middle; + display:table-cell; + box-sizing:border-box; +} + +.checkbox-row { + margin:6px 0 0; + box-sizing:border-box; +} + +.checkbox-row:first-child { + margin:0; +} + + +.checkbox-toggle label { + position:absolute; + top:50%; + transform:translateY(-50%); + cursor: pointer; + width: 36px; + height: 36px; + left: 0; + background: #fff; + border:1px solid #000; + box-sizing:border-box; +} + +.checkbox-toggle label:after { + opacity: 0; + content: ""; + top:50%; + position:absolute; + left:50%; + transform:translateX(-50%) translateY(-50%) rotate(45deg); + width:2px; + height:36px; + background:black; + transition: opacity .2s; +} + +.checkbox-toggle label:before { + opacity: 0; + content: ""; + top:50%; + position:absolute; + left:50%; + transform:translateX(-50%) translateY(-50%) rotate(-45deg); + width:2px; + height:36px; + background:black; + transition: opacity .2s; +} + +.checkbox-toggle input[type=checkbox]:checked + label:after, .checkbox-toggle input[type=checkbox]:checked + label:before, +.checkbox-toggle input[type=radio]:checked + label:after, .checkbox-toggle input[type=radio]:checked + label:before { + opacity: 1; +} + +.privacy-msg { + left: 50%; + display: inline-block; + position: relative; + transform: translateX(-50%); + padding-top: 15px; + padding-bottom: 80px; +} + +.select-wrapper { + position: relative; + text-align: center; + + overflow: hidden; + font-size: 14px; + outline: none !important; + color: #000; + letter-spacing: 1px; + text-transform: uppercase; + height: 35px; + text-align: center; + margin: 0px auto; + display: block; + margin-top: 4px; + width: calc(100vw - 10px); + border: 1px solid #a9a9a9; +} +.date-wrapper span { + display: block; +} +.half-input .select-wrapper { + width: 50%; + border: 0; + margin-top: -1px; + float: left; +} +.half-input .select-wrapper span { + top: 9px; + color: #aaa; +} +.select-wrapper [type=date] { + opacity: 0; + width: 100%; + height: 35px; + line-height: 35px; + position: absolute; + top: -5px; + left: -1px; + width: 1px; height: 1px; +} +.select-wrapper select { + opacity: 0; + width: 100%; + height: 35px; + line-height: 35px; + position: absolute; + top: 0; left: 0; + box-sizing: border-box; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + border: 10px solid; +} +.select-wrapper span { + position: relative; + top: 8px; + color: #888; +} +.select-wrapper.picked span { + color: #000; +} + +.country-wrapper-static { + text-align: center; + color: #a9a9a9; + padding-top: 9px; + font-size: 14px; +} + +.container-row input:first-child { +margin-top:10px +} + +.container-row .half-input input { +margin-top:0px +} + +#login .container-row input:first-child { +margin-bottom:9px!important +} + +.newuser { + display:inline-block; + padding:14px; + text-decoration:underline +} + +.forgotpassword { + padding:14px; + text-decoration:underline +} \ No newline at end of file diff --git a/StoneIsland/platforms/android/assets/www/css/blogs.css b/StoneIsland/platforms/android/assets/www/css/blogs.css new file mode 100755 index 00000000..4823fbef --- /dev/null +++ b/StoneIsland/platforms/android/assets/www/css/blogs.css @@ -0,0 +1,352 @@ +.story #story { display: block } +#story { + display: none; +} +#story .links { + margin: 15px 0 0; + text-align: center; + text-transform:uppercase; +} +#story .links li { + padding: 10px; + list-style-type: none; + display: inline-block; +} +#story .links li:before { + content: ' | ', +} +#story .links li:first-child:before { + content: '', +} +#story .links li.active { + font-weight: bold; + text-decoration: underline; +} +#story .content > div { +display:none; +} +#story .content div.active { +display:block; +animation: mfadein 0.6s; +} + +.hub #hub { display: block } +#hub { + display: none; +} + +.archive #archive { display: block } +#archive { + display: none; +} + +/* FAQ */ + +.privacy #privacy { display: block } +.terms #terms { display: block } +.returns #returns { display: block } +.care #care { display: block } +.page { + display: none; +} + +.page .content { + padding: 10px; +} + +#hub .content .body, #story .content .body { + letter-spacing:0.35px; + font-size:12px; + width:calc(100vw - 40px); + box-sizing:border-box; + margin:10px auto 20px; + clear:both +} + +#hub .content .body:last-child { + margin:10px auto 100px; +} + +#story .content .body:last-child { + margin:10px auto 50px; +} + +.hub_item { + position: relative; +} + +.content-header { + width:calc(100vw - 40px); + box-sizing:border-box; + margin:20px auto 0px; +} + +.content-header .title, .content-header .subtitle { + display:block; + font-weight:bold; + font-size:14px; + text-transform:uppercase +} + +.content-header .title { + margin:0; + padding:0; + line-height:13px; +} + +.content-header .subtitle { + padding-bottom:10px +} + +.content-share { + border:1px solid black; + padding:4px 8px 2px; + float:right +} + +.content-header span.date, .content-header span.store { + font-size:10px; +} + +/* NOTE: optional arrows */ + +.gallery-left { + border:1px solid black; + background:rgba(255,255,255,1); + background-image:url(../img/left-arrow.png); + background-size:5px 10px; + background-repeat:no-repeat; + background-position:center; + width:15px; + height:30px; + top:26vh; + content:''; + transform:translateY(-50%); + transform-origin:top right; + left:20px; + font-size:18px; + padding:3px 3px 3px 1px; + z-index:2; + position:absolute; + display:block; + animation: gallery-fade 4s forwards; +} +.gallery-right { + border:1px solid black; + background:rgba(255,255,255,1); + background-image:url(../img/right-arrow.png); + background-size:5px 10px; + background-repeat:no-repeat; + background-position:center; + width:15px; + height:30px; + top:26vh; + content:''; + transform:translateY(-50%); + transform-origin:top right; + right:20px; + font-size:18px; + padding:3px 1px 3px 3px; + z-index:2; + position:absolute; + display:block; + animation: gallery-fade 4s forwards; +} + +@-webkit-keyframes gallery-fade { + 0%{opacity:0} + 20%{opacity:1} + 78% {opacity:1} + 100% {opacity:0} +} +/* NOTE: not sure if this down arrow is necessary.. the fade + might do..? what do you think? it can be removed + with javascript when the body hits the bottom of + the page */ + +.fade-cover { + background: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1)); + position:fixed; + bottom:0; + width:100vw; + height:100px; + box-sizing:border-box +} + +/* +.fade-cover::before { + border:1px solid black; + top:50%; + left:50%; + margin-left:-24px; + transform:scale(1,.5) translateY(-50%); + transform-origin:bottom right; + content:'\25BC'; + font-size:17px; + padding:9px 11px; + z-index:999; + position:absolute; + display:block; + background:rgba(255,255,255,1); +} +*/ + +#story img { + box-sizing:border-box; + width:calc(100vw + 150px); + max-height:100vw; + position:relative; + left:-75px; +} + +ul.links { + -webkit-padding-start: 0px!important +} + +.archive h1 { + font-size:26px; + border-bottom:0; + margin-top:8px; + padding-bottom:0; + line-height:24px; +} + +.archive .subtitle { + box-sizing:border-box; + width:calc(100vw - 10px); + position:relative; + text-align:center; + margin:0 0 12px; + padding:0; + font-weight:bold; + font-size:14px; +} + + +.archive h2 { + font-size: 25px; + font-weight: normal; +} +.archive h2 b { + font-size: 28px; +} +.archive .body { + font-size: 14px; + line-height: 1.2em; + font-weight: 100; +} + +#archive .heading { + position: absolute; + top: 0; left: 0; + width: 100%; + pointer-events: none; +} +#archive .menu .items, +#archive .row .image, +#archive .row .text { + position: absolute; + top: 50%; left: 50%; + transform-origin: 50% 50%; + transform: translateZ(0) translateX(-50%) translateY(-50%); +} + +#archive .menu .items { + border-top: 1px solid transparent; +} + +#archive.menu .menu { + opacity: 1; + pointer-events: auto; +} +#archive .menu { + background: rgba(255,255,255,0.8); + position: absolute; + top: 0; left: 0; + height: 100%; + width: 100%; + opacity: 0; + pointer-events: none; + transition: opacity 0.2s; +} +#archive .menu .items { + width: 100%; +} +#archive .menu .item:first-of-type { + border-top: 1px solid black; +} +#archive .menu .item { + width: 100%; + text-align: center; + border-bottom: 1px solid black; + background: white; + padding:12px 0; + font-size:14px; + letter-spacing:0.7px +} + +#archive .scroll { + top: 0; left: 0; + height: calc(100% - 125px); +} +#archive .row:first-of-type { + margin-top: 7em; +} +#archive .row:last-of-type { + margin-bottom: 150px; +} +#archive .row { + position: relative; + min-height: 80vh; + -webkit-perspective: 500px; + perspective: 500px; + margin-bottom: 5em; +} +#archive .row .image { + width: 100%; height: 100%; + background-repeat: no-repeat; + background-size: contain; + background-position: center center; +} +#archive .row.loading .image { + background-repeat: no-repeat; + background-size: auto auto; + background-position: center center; + background-image: url('../img/spinner.gif') !important; +} +#archive .row .text { + width: 80%; +} + +.gallery-video-post { + position:relative; +} + +.gallery-video-post .play { + width:60px; + height:60px; + border-radius:100px; + background:white; + box-shadow:0px 0px 2px #000; + position:absolute; + transform:translateY(-50%) translateX(-50%); + top:50%; + left:50%; +} + +.gallery-video-post .play:before { + content:''; + width: 0; + height: 0; + border-top: 8px solid transparent; + border-bottom: 8px solid transparent; + border-left: 8px solid black; + position:absolute; + top:50%; + left:50%; + transform:translateY(-50%) translateX(-50%); +} + +#archive { + box-sizing:border-box +} diff --git a/StoneIsland/platforms/android/assets/www/css/cart.css b/StoneIsland/platforms/android/assets/www/css/cart.css new file mode 100755 index 00000000..58e712b0 --- /dev/null +++ b/StoneIsland/platforms/android/assets/www/css/cart.css @@ -0,0 +1,362 @@ + +.cart #cart { display: block; } +#cart { + display: none; +} + +#cart .steps { + width: 100%; + border-bottom: 1px solid #bbb; + font-size: 0; +} +#cart .steps span { + display: inline-block; + font-size: 13px; + text-align: center; + padding: 11px 0 10px; + color: #bbb; + width: 33%; + position:relative; +} +.summary_step, .shipping_step { + border-right: 1px solid #bbb +} + +#cart.summary .summary_step, +#cart.payment .payment_step, +#cart.shipping .shipping_step { + color: #000; +} + +#cart_summary, +#cart_shipping, +#cart_payment, +#cart_confirm, +#cart_thanks, +#cart_error { + height: calc(100vh - 187px); + overflow: hidden; + position: relative; +} + +#cart.summary #cart_summary { display: block } +#cart_summary { + display: none; +} + +.full .cart_body { display: block; } +.empty .cart_empty { display: block; } +#cart h1 .full_msg, +#cart h1 .empty_msg { display: none } +.cart_body { + display: none; +} +.cart_empty { + display: none; + text-align: center; + margin: 0; +} + +#cart.payment #cart_payment { display: block } +#cart_payment { + display: none; +} + +#cart.shipping #cart_shipping { display: block } +#cart_shipping { + display: none; +} + +#cart.confirm #cart_confirm { display: block } +#cart_confirm { + display: none; +} + +#cart_thanks { + display: none; +} +#cart_error { + display: none; +} +#cart.thanks #cart_thanks, +#cart.error #cart_error { + display: flex; + align-items: center; + justify-content: center; +} +#cart .copy { + min-height:50px; + max-width: 50%; + text-align: center; + font-size: 18px; +} + +.summary-container { + top:0px; +} + +.billing-container { + min-height:calc(100vh - 210px); + top:16px; +} + +#cart h3 { + padding-left: 5px; + font-size:12px; +} + +.cart_item_row { +display:table; +position:relative; +width:calc(100vw - 30px); +margin:0 auto; +box-sizing:border-box; +padding-top:20px; +} + +.cart_item_info, .cart_item_price { +display:table-cell; +vertical-align:bottom; +box-sizing:border-box +} + +.cart_item_image { +display:table-cell; +vertical-align:middle; +box-sizing:border-box +} + +.cart_item_image img { +max-width:calc(33vw - 25px); +padding-right:30px; +} + +.cart_item_info { +padding-bottom:5px; +position:relative; +width:100% +} + +.cart_item_price { +text-align:right; +position:relative; +padding-bottom:5px; +padding-left:5px; +} + +.cart_item_price .remove { +display:block; +width:20px; +height:20px; +border:1px solid #d2d2d2; +float:right; +margin-bottom:10px; +position:relative; +} + +.cart_item_price .remove:after { +content:''; +width:1px; +height:22px; +background:#bbb; +position:absolute; +top:50%; +left:50%; +z-index:3; +transform-origin:top left; +transform:rotate(45deg) translateX(-50%) translateY(-50%) +} + +.cart_item_price .remove:before { + content:''; + width:1px; + height:22px; + background:#bbb; + position:absolute; + top:50%; + left:50%; + z-index:3; + transform-origin:top left; + transform:rotate(-45deg) translateX(-50%) translateY(-50%) +} + +.cart_item_price .price { + font-size:11px; + font-weight:bold; + display:block +} + +.cart_item_info .sku { + font-size:10px; + font-weight:bold; + display:block +} + +.cart_item_info .title { + font-size:10px; + font-weight:bold; + display:block; + line-height:12px; + text-transform:uppercase; +} + +.cart_item_info .type { + font-size:10px; + font-weight:bold; + display:block; + text-transform:capitalize; +} + +.cart_item_info .meta { + padding-top:5px; + letter-spacing:.75px; + font-size:8px; +} + +.order_section .rows { + width:calc(100vw - 30px); + margin:0 auto; +} + +.order_section h2 { + width:calc(100vw - 30px); + margin:15px auto; + text-decoration:underline; + font-size:11px; +} + +.order_section_container { + width:calc(100vw - 30px); + margin:15px auto 2px; +} + +.cart-summary { + width:calc(100vw - 30px); + margin:0 auto; + display:table; + color:#bbb; + font-size:11px; +} + +.cart-summary-row { + display:table-row; +} + +.cart-summary span { + display:table-cell; + padding-top:20px; + vertical-align:bottom; +} + +.order_section .cart-summary-row span { + padding-top:1px; +} + +.order_section .cart-summary { + padding-top:15px; +} + +.order_section .cart-summary-row:last-child > span { + padding-top:15px!important; + font-weight:bold!important; +} + +.order_section .cart-summary .cart-summary-row span:nth-of-type(2) { + color:#000; +} + +#orders .order_section { + padding-bottom: 16px; + border-bottom: 1px solid #bbb; +} + + +.cart-summary-row span:not(.label) { +text-align:right +} + +.cart-summary-row .label { +font-weight:bold +} + +.cart-summary-row:last-child { +color:#000; +} + +.dropdown-wrapper { + position:relative; + text-align:right; + width:calc(100vw - 10px); + margin:0 auto; + box-sizing:border-box; + +} + +.dropdown-wrapper .add_edit { + padding:10px; + letter-spacing:0.5px; + font-size:12px; + color:#a9a9a9; + box-sizing:border-box; +} + +.dropdown-wrapper .dropdown { + font-size:14px; + box-sizing:border-box; + align-items: center; + text-align: center; + padding:10px 0; + border:1px solid #a9a9a9; + position:relative; +} + +.dropdown-wrapper .dropdown::before { + content:''; + box-sizing:border-box; + right:25px; + width:1px; + top:50%; + transform:translateY(-50%) rotate(45deg); + height:12px; + background:#a9a9a9; + position:absolute; + z-index:999; + transform-origin:bottom left; +} + +.dropdown-wrapper .dropdown::after { + content:''; + box-sizing:border-box; + right:25px; + width:1px; + top:50%; + transform:translateY(-50%) rotate(-45deg); + transform-origin:bottom right; + height:12px; + background:#a9a9a9; + position:absolute; + z-index:999; +} +#cart_shipping .address { + display: none; +} +.address .save_as_default { + display: none; +} + +#cart_shipping h3 { + margin-left:5px; + margin-bottom:6px; +} + +#cart_shipping input:first-child { + margin-top:10px +} + +#cart_shipping .half-input input { + margin-top:0px +} + +#cart .scroll, #payment .scroll, #shipping .scroll, #signup .scroll { + min-height:calc(100% + 250px) +} \ No newline at end of file diff --git a/StoneIsland/platforms/android/assets/www/css/fonts/andale_mono.ttf b/StoneIsland/platforms/android/assets/www/css/fonts/andale_mono.ttf new file mode 100755 index 00000000..e766a6e1 Binary files /dev/null and b/StoneIsland/platforms/android/assets/www/css/fonts/andale_mono.ttf differ diff --git a/StoneIsland/platforms/android/assets/www/css/fonts/andale_mono.woff b/StoneIsland/platforms/android/assets/www/css/fonts/andale_mono.woff new file mode 100755 index 00000000..9b0372de Binary files /dev/null and b/StoneIsland/platforms/android/assets/www/css/fonts/andale_mono.woff differ diff --git a/StoneIsland/platforms/android/assets/www/css/fonts/fonts.css b/StoneIsland/platforms/android/assets/www/css/fonts/fonts.css new file mode 100755 index 00000000..8ddce654 --- /dev/null +++ b/StoneIsland/platforms/android/assets/www/css/fonts/fonts.css @@ -0,0 +1,37 @@ +@font-face { + font-family: andale; + src: url(andale_mono.woff); + font-style: normal; + font-weight: normal; +} + +@font-face { + font-family: pfd; + src: url(pfdintextpro-regular-webfont.woff); + font-style: normal; + font-weight: normal; +} +@font-face { + font-family: pfd; + src: url(pfdintextpro-bold-webfont.woff); + font-style: normal; + font-weight: bold; +} +@font-face { + font-family: pfd; + src: url(pfdintextpro-medium-webfont.woff); + font-style: normal; + font-weight: 300; +} +@font-face { + font-family: pfd; + src: url(pfdintextpro-light-webfont.woff); + font-style: normal; + font-weight: 100; +} +@font-face { + font-family: pfd; + src: url(pfdintextpro-italic-webfont.woff); + font-style: italic; + font-weight: normal; +} diff --git a/StoneIsland/platforms/android/assets/www/css/fonts/ionicons.css b/StoneIsland/platforms/android/assets/www/css/fonts/ionicons.css new file mode 100755 index 00000000..885aa6bd --- /dev/null +++ b/StoneIsland/platforms/android/assets/www/css/fonts/ionicons.css @@ -0,0 +1,1480 @@ +@charset "UTF-8"; +/*! + Ionicons, v2.0.0 + Created by Ben Sperry for the Ionic Framework, http://ionicons.com/ + https://twitter.com/benjsperry https://twitter.com/ionicframework + MIT License: https://github.com/driftyco/ionicons + + Android-style icons originally built by Google’s + Material Design Icons: https://github.com/google/material-design-icons + used under CC BY http://creativecommons.org/licenses/by/4.0/ + Modified icons to fit ionicon’s grid from original. +*/ +@font-face { font-family: "Ionicons"; src: url("../fonts/ionicons.eot?v=2.0.0"); src: url("../fonts/ionicons.eot?v=2.0.0#iefix") format("embedded-opentype"), url("../fonts/ionicons.ttf?v=2.0.0") format("truetype"), url("../fonts/ionicons.woff?v=2.0.0") format("woff"), url("../fonts/ionicons.svg?v=2.0.0#Ionicons") format("svg"); font-weight: normal; font-style: normal; } +.ion, .ionicons, .ion-alert:before, .ion-alert-circled:before, .ion-android-add:before, .ion-android-add-circle:before, .ion-android-alarm-clock:before, .ion-android-alert:before, .ion-android-apps:before, .ion-android-archive:before, .ion-android-arrow-back:before, .ion-android-arrow-down:before, .ion-android-arrow-dropdown:before, .ion-android-arrow-dropdown-circle:before, .ion-android-arrow-dropleft:before, .ion-android-arrow-dropleft-circle:before, .ion-android-arrow-dropright:before, .ion-android-arrow-dropright-circle:before, .ion-android-arrow-dropup:before, .ion-android-arrow-dropup-circle:before, .ion-android-arrow-forward:before, .ion-android-arrow-up:before, .ion-android-attach:before, .ion-android-bar:before, .ion-android-bicycle:before, .ion-android-boat:before, .ion-android-bookmark:before, .ion-android-bulb:before, .ion-android-bus:before, .ion-android-calendar:before, .ion-android-call:before, .ion-android-camera:before, .ion-android-cancel:before, .ion-android-car:before, .ion-android-cart:before, .ion-android-chat:before, .ion-android-checkbox:before, .ion-android-checkbox-blank:before, .ion-android-checkbox-outline:before, .ion-android-checkbox-outline-blank:before, .ion-android-checkmark-circle:before, .ion-android-clipboard:before, .ion-android-close:before, .ion-android-cloud:before, .ion-android-cloud-circle:before, .ion-android-cloud-done:before, .ion-android-cloud-outline:before, .ion-android-color-palette:before, .ion-android-compass:before, .ion-android-contact:before, .ion-android-contacts:before, .ion-android-contract:before, .ion-android-create:before, .ion-android-delete:before, .ion-android-desktop:before, .ion-android-document:before, .ion-android-done:before, .ion-android-done-all:before, .ion-android-download:before, .ion-android-drafts:before, .ion-android-exit:before, .ion-android-expand:before, .ion-android-favorite:before, .ion-android-favorite-outline:before, .ion-android-film:before, .ion-android-folder:before, .ion-android-folder-open:before, .ion-android-funnel:before, .ion-android-globe:before, .ion-android-hand:before, .ion-android-hangout:before, .ion-android-happy:before, .ion-android-home:before, .ion-android-image:before, .ion-android-laptop:before, .ion-android-list:before, .ion-android-locate:before, .ion-android-lock:before, .ion-android-mail:before, .ion-android-map:before, .ion-android-menu:before, .ion-android-microphone:before, .ion-android-microphone-off:before, .ion-android-more-horizontal:before, .ion-android-more-vertical:before, .ion-android-navigate:before, .ion-android-notifications:before, .ion-android-notifications-none:before, .ion-android-notifications-off:before, .ion-android-open:before, .ion-android-options:before, .ion-android-people:before, .ion-android-person:before, .ion-android-person-add:before, .ion-android-phone-landscape:before, .ion-android-phone-portrait:before, .ion-android-pin:before, .ion-android-plane:before, .ion-android-playstore:before, .ion-android-print:before, .ion-android-radio-button-off:before, .ion-android-radio-button-on:before, .ion-android-refresh:before, .ion-android-remove:before, .ion-android-remove-circle:before, .ion-android-restaurant:before, .ion-android-sad:before, .ion-android-search:before, .ion-android-send:before, .ion-android-settings:before, .ion-android-share:before, .ion-android-share-alt:before, .ion-android-star:before, .ion-android-star-half:before, .ion-android-star-outline:before, .ion-android-stopwatch:before, .ion-android-subway:before, .ion-android-sunny:before, .ion-android-sync:before, .ion-android-textsms:before, .ion-android-time:before, .ion-android-train:before, .ion-android-unlock:before, .ion-android-upload:before, .ion-android-volume-down:before, .ion-android-volume-mute:before, .ion-android-volume-off:before, .ion-android-volume-up:before, .ion-android-walk:before, .ion-android-warning:before, .ion-android-watch:before, .ion-android-wifi:before, .ion-aperture:before, .ion-archive:before, .ion-arrow-down-a:before, .ion-arrow-down-b:before, .ion-arrow-down-c:before, .ion-arrow-expand:before, .ion-arrow-graph-down-left:before, .ion-arrow-graph-down-right:before, .ion-arrow-graph-up-left:before, .ion-arrow-graph-up-right:before, .ion-arrow-left-a:before, .ion-arrow-left-b:before, .ion-arrow-left-c:before, .ion-arrow-move:before, .ion-arrow-resize:before, .ion-arrow-return-left:before, .ion-arrow-return-right:before, .ion-arrow-right-a:before, .ion-arrow-right-b:before, .ion-arrow-right-c:before, .ion-arrow-shrink:before, .ion-arrow-swap:before, .ion-arrow-up-a:before, .ion-arrow-up-b:before, .ion-arrow-up-c:before, .ion-asterisk:before, .ion-at:before, .ion-backspace:before, .ion-backspace-outline:before, .ion-bag:before, .ion-battery-charging:before, .ion-battery-empty:before, .ion-battery-full:before, .ion-battery-half:before, .ion-battery-low:before, .ion-beaker:before, .ion-beer:before, .ion-bluetooth:before, .ion-bonfire:before, .ion-bookmark:before, .ion-bowtie:before, .ion-briefcase:before, .ion-bug:before, .ion-calculator:before, .ion-calendar:before, .ion-camera:before, .ion-card:before, .ion-cash:before, .ion-chatbox:before, .ion-chatbox-working:before, .ion-chatboxes:before, .ion-chatbubble:before, .ion-chatbubble-working:before, .ion-chatbubbles:before, .ion-checkmark:before, .ion-checkmark-circled:before, .ion-checkmark-round:before, .ion-chevron-down:before, .ion-chevron-left:before, .ion-chevron-right:before, .ion-chevron-up:before, .ion-clipboard:before, .ion-clock:before, .ion-close:before, .ion-close-circled:before, .ion-close-round:before, .ion-closed-captioning:before, .ion-cloud:before, .ion-code:before, .ion-code-download:before, .ion-code-working:before, .ion-coffee:before, .ion-compass:before, .ion-compose:before, .ion-connection-bars:before, .ion-contrast:before, .ion-crop:before, .ion-cube:before, .ion-disc:before, .ion-document:before, .ion-document-text:before, .ion-drag:before, .ion-earth:before, .ion-easel:before, .ion-edit:before, .ion-egg:before, .ion-eject:before, .ion-email:before, .ion-email-unread:before, .ion-erlenmeyer-flask:before, .ion-erlenmeyer-flask-bubbles:before, .ion-eye:before, .ion-eye-disabled:before, .ion-female:before, .ion-filing:before, .ion-film-marker:before, .ion-fireball:before, .ion-flag:before, .ion-flame:before, .ion-flash:before, .ion-flash-off:before, .ion-folder:before, .ion-fork:before, .ion-fork-repo:before, .ion-forward:before, .ion-funnel:before, .ion-gear-a:before, .ion-gear-b:before, .ion-grid:before, .ion-hammer:before, .ion-happy:before, .ion-happy-outline:before, .ion-headphone:before, .ion-heart:before, .ion-heart-broken:before, .ion-help:before, .ion-help-buoy:before, .ion-help-circled:before, .ion-home:before, .ion-icecream:before, .ion-image:before, .ion-images:before, .ion-information:before, .ion-information-circled:before, .ion-ionic:before, .ion-ios-alarm:before, .ion-ios-alarm-outline:before, .ion-ios-albums:before, .ion-ios-albums-outline:before, .ion-ios-americanfootball:before, .ion-ios-americanfootball-outline:before, .ion-ios-analytics:before, .ion-ios-analytics-outline:before, .ion-ios-arrow-back:before, .ion-ios-arrow-down:before, .ion-ios-arrow-forward:before, .ion-ios-arrow-left:before, .ion-ios-arrow-right:before, .ion-ios-arrow-thin-down:before, .ion-ios-arrow-thin-left:before, .ion-ios-arrow-thin-right:before, .ion-ios-arrow-thin-up:before, .ion-ios-arrow-up:before, .ion-ios-at:before, .ion-ios-at-outline:before, .ion-ios-barcode:before, .ion-ios-barcode-outline:before, .ion-ios-baseball:before, .ion-ios-baseball-outline:before, .ion-ios-basketball:before, .ion-ios-basketball-outline:before, .ion-ios-bell:before, .ion-ios-bell-outline:before, .ion-ios-body:before, .ion-ios-body-outline:before, .ion-ios-bolt:before, .ion-ios-bolt-outline:before, .ion-ios-book:before, .ion-ios-book-outline:before, .ion-ios-bookmarks:before, .ion-ios-bookmarks-outline:before, .ion-ios-box:before, .ion-ios-box-outline:before, .ion-ios-briefcase:before, .ion-ios-briefcase-outline:before, .ion-ios-browsers:before, .ion-ios-browsers-outline:before, .ion-ios-calculator:before, .ion-ios-calculator-outline:before, .ion-ios-calendar:before, .ion-ios-calendar-outline:before, .ion-ios-camera:before, .ion-ios-camera-outline:before, .ion-ios-cart:before, .ion-ios-cart-outline:before, .ion-ios-chatboxes:before, .ion-ios-chatboxes-outline:before, .ion-ios-chatbubble:before, .ion-ios-chatbubble-outline:before, .ion-ios-checkmark:before, .ion-ios-checkmark-empty:before, .ion-ios-checkmark-outline:before, .ion-ios-circle-filled:before, .ion-ios-circle-outline:before, .ion-ios-clock:before, .ion-ios-clock-outline:before, .ion-ios-close:before, .ion-ios-close-empty:before, .ion-ios-close-outline:before, .ion-ios-cloud:before, .ion-ios-cloud-download:before, .ion-ios-cloud-download-outline:before, .ion-ios-cloud-outline:before, .ion-ios-cloud-upload:before, .ion-ios-cloud-upload-outline:before, .ion-ios-cloudy:before, .ion-ios-cloudy-night:before, .ion-ios-cloudy-night-outline:before, .ion-ios-cloudy-outline:before, .ion-ios-cog:before, .ion-ios-cog-outline:before, .ion-ios-color-filter:before, .ion-ios-color-filter-outline:before, .ion-ios-color-wand:before, .ion-ios-color-wand-outline:before, .ion-ios-compose:before, .ion-ios-compose-outline:before, .ion-ios-contact:before, .ion-ios-contact-outline:before, .ion-ios-copy:before, .ion-ios-copy-outline:before, .ion-ios-crop:before, .ion-ios-crop-strong:before, .ion-ios-download:before, .ion-ios-download-outline:before, .ion-ios-drag:before, .ion-ios-email:before, .ion-ios-email-outline:before, .ion-ios-eye:before, .ion-ios-eye-outline:before, .ion-ios-fastforward:before, .ion-ios-fastforward-outline:before, .ion-ios-filing:before, .ion-ios-filing-outline:before, .ion-ios-film:before, .ion-ios-film-outline:before, .ion-ios-flag:before, .ion-ios-flag-outline:before, .ion-ios-flame:before, .ion-ios-flame-outline:before, .ion-ios-flask:before, .ion-ios-flask-outline:before, .ion-ios-flower:before, .ion-ios-flower-outline:before, .ion-ios-folder:before, .ion-ios-folder-outline:before, .ion-ios-football:before, .ion-ios-football-outline:before, .ion-ios-game-controller-a:before, .ion-ios-game-controller-a-outline:before, .ion-ios-game-controller-b:before, .ion-ios-game-controller-b-outline:before, .ion-ios-gear:before, .ion-ios-gear-outline:before, .ion-ios-glasses:before, .ion-ios-glasses-outline:before, .ion-ios-grid-view:before, .ion-ios-grid-view-outline:before, .ion-ios-heart:before, .ion-ios-heart-outline:before, .ion-ios-help:before, .ion-ios-help-empty:before, .ion-ios-help-outline:before, .ion-ios-home:before, .ion-ios-home-outline:before, .ion-ios-infinite:before, .ion-ios-infinite-outline:before, .ion-ios-information:before, .ion-ios-information-empty:before, .ion-ios-information-outline:before, .ion-ios-ionic-outline:before, .ion-ios-keypad:before, .ion-ios-keypad-outline:before, .ion-ios-lightbulb:before, .ion-ios-lightbulb-outline:before, .ion-ios-list:before, .ion-ios-list-outline:before, .ion-ios-location:before, .ion-ios-location-outline:before, .ion-ios-locked:before, .ion-ios-locked-outline:before, .ion-ios-loop:before, .ion-ios-loop-strong:before, .ion-ios-medical:before, .ion-ios-medical-outline:before, .ion-ios-medkit:before, .ion-ios-medkit-outline:before, .ion-ios-mic:before, .ion-ios-mic-off:before, .ion-ios-mic-outline:before, .ion-ios-minus:before, .ion-ios-minus-empty:before, .ion-ios-minus-outline:before, .ion-ios-monitor:before, .ion-ios-monitor-outline:before, .ion-ios-moon:before, .ion-ios-moon-outline:before, .ion-ios-more:before, .ion-ios-more-outline:before, .ion-ios-musical-note:before, .ion-ios-musical-notes:before, .ion-ios-navigate:before, .ion-ios-navigate-outline:before, .ion-ios-nutrition:before, .ion-ios-nutrition-outline:before, .ion-ios-paper:before, .ion-ios-paper-outline:before, .ion-ios-paperplane:before, .ion-ios-paperplane-outline:before, .ion-ios-partlysunny:before, .ion-ios-partlysunny-outline:before, .ion-ios-pause:before, .ion-ios-pause-outline:before, .ion-ios-paw:before, .ion-ios-paw-outline:before, .ion-ios-people:before, .ion-ios-people-outline:before, .ion-ios-person:before, .ion-ios-person-outline:before, .ion-ios-personadd:before, .ion-ios-personadd-outline:before, .ion-ios-photos:before, .ion-ios-photos-outline:before, .ion-ios-pie:before, .ion-ios-pie-outline:before, .ion-ios-pint:before, .ion-ios-pint-outline:before, .ion-ios-play:before, .ion-ios-play-outline:before, .ion-ios-plus:before, .ion-ios-plus-empty:before, .ion-ios-plus-outline:before, .ion-ios-pricetag:before, .ion-ios-pricetag-outline:before, .ion-ios-pricetags:before, .ion-ios-pricetags-outline:before, .ion-ios-printer:before, .ion-ios-printer-outline:before, .ion-ios-pulse:before, .ion-ios-pulse-strong:before, .ion-ios-rainy:before, .ion-ios-rainy-outline:before, .ion-ios-recording:before, .ion-ios-recording-outline:before, .ion-ios-redo:before, .ion-ios-redo-outline:before, .ion-ios-refresh:before, .ion-ios-refresh-empty:before, .ion-ios-refresh-outline:before, .ion-ios-reload:before, .ion-ios-reverse-camera:before, .ion-ios-reverse-camera-outline:before, .ion-ios-rewind:before, .ion-ios-rewind-outline:before, .ion-ios-rose:before, .ion-ios-rose-outline:before, .ion-ios-search:before, .ion-ios-search-strong:before, .ion-ios-settings:before, .ion-ios-settings-strong:before, .ion-ios-shuffle:before, .ion-ios-shuffle-strong:before, .ion-ios-skipbackward:before, .ion-ios-skipbackward-outline:before, .ion-ios-skipforward:before, .ion-ios-skipforward-outline:before, .ion-ios-snowy:before, .ion-ios-speedometer:before, .ion-ios-speedometer-outline:before, .ion-ios-star:before, .ion-ios-star-half:before, .ion-ios-star-outline:before, .ion-ios-stopwatch:before, .ion-ios-stopwatch-outline:before, .ion-ios-sunny:before, .ion-ios-sunny-outline:before, .ion-ios-telephone:before, .ion-ios-telephone-outline:before, .ion-ios-tennisball:before, .ion-ios-tennisball-outline:before, .ion-ios-thunderstorm:before, .ion-ios-thunderstorm-outline:before, .ion-ios-time:before, .ion-ios-time-outline:before, .ion-ios-timer:before, .ion-ios-timer-outline:before, .ion-ios-toggle:before, .ion-ios-toggle-outline:before, .ion-ios-trash:before, .ion-ios-trash-outline:before, .ion-ios-undo:before, .ion-ios-undo-outline:before, .ion-ios-unlocked:before, .ion-ios-unlocked-outline:before, .ion-ios-upload:before, .ion-ios-upload-outline:before, .ion-ios-videocam:before, .ion-ios-videocam-outline:before, .ion-ios-volume-high:before, .ion-ios-volume-low:before, .ion-ios-wineglass:before, .ion-ios-wineglass-outline:before, .ion-ios-world:before, .ion-ios-world-outline:before, .ion-ipad:before, .ion-iphone:before, .ion-ipod:before, .ion-jet:before, .ion-key:before, .ion-knife:before, .ion-laptop:before, .ion-leaf:before, .ion-levels:before, .ion-lightbulb:before, .ion-link:before, .ion-load-a:before, .ion-load-b:before, .ion-load-c:before, .ion-load-d:before, .ion-location:before, .ion-lock-combination:before, .ion-locked:before, .ion-log-in:before, .ion-log-out:before, .ion-loop:before, .ion-magnet:before, .ion-male:before, .ion-man:before, .ion-map:before, .ion-medkit:before, .ion-merge:before, .ion-mic-a:before, .ion-mic-b:before, .ion-mic-c:before, .ion-minus:before, .ion-minus-circled:before, .ion-minus-round:before, .ion-model-s:before, .ion-monitor:before, .ion-more:before, .ion-mouse:before, .ion-music-note:before, .ion-navicon:before, .ion-navicon-round:before, .ion-navigate:before, .ion-network:before, .ion-no-smoking:before, .ion-nuclear:before, .ion-outlet:before, .ion-paintbrush:before, .ion-paintbucket:before, .ion-paper-airplane:before, .ion-paperclip:before, .ion-pause:before, .ion-person:before, .ion-person-add:before, .ion-person-stalker:before, .ion-pie-graph:before, .ion-pin:before, .ion-pinpoint:before, .ion-pizza:before, .ion-plane:before, .ion-planet:before, .ion-play:before, .ion-playstation:before, .ion-plus:before, .ion-plus-circled:before, .ion-plus-round:before, .ion-podium:before, .ion-pound:before, .ion-power:before, .ion-pricetag:before, .ion-pricetags:before, .ion-printer:before, .ion-pull-request:before, .ion-qr-scanner:before, .ion-quote:before, .ion-radio-waves:before, .ion-record:before, .ion-refresh:before, .ion-reply:before, .ion-reply-all:before, .ion-ribbon-a:before, .ion-ribbon-b:before, .ion-sad:before, .ion-sad-outline:before, .ion-scissors:before, .ion-search:before, .ion-settings:before, .ion-share:before, .ion-shuffle:before, .ion-skip-backward:before, .ion-skip-forward:before, .ion-social-android:before, .ion-social-android-outline:before, .ion-social-angular:before, .ion-social-angular-outline:before, .ion-social-apple:before, .ion-social-apple-outline:before, .ion-social-bitcoin:before, .ion-social-bitcoin-outline:before, .ion-social-buffer:before, .ion-social-buffer-outline:before, .ion-social-chrome:before, .ion-social-chrome-outline:before, .ion-social-codepen:before, .ion-social-codepen-outline:before, .ion-social-css3:before, .ion-social-css3-outline:before, .ion-social-designernews:before, .ion-social-designernews-outline:before, .ion-social-dribbble:before, .ion-social-dribbble-outline:before, .ion-social-dropbox:before, .ion-social-dropbox-outline:before, .ion-social-euro:before, .ion-social-euro-outline:before, .ion-social-facebook:before, .ion-social-facebook-outline:before, .ion-social-foursquare:before, .ion-social-foursquare-outline:before, .ion-social-freebsd-devil:before, .ion-social-github:before, .ion-social-github-outline:before, .ion-social-google:before, .ion-social-google-outline:before, .ion-social-googleplus:before, .ion-social-googleplus-outline:before, .ion-social-hackernews:before, .ion-social-hackernews-outline:before, .ion-social-html5:before, .ion-social-html5-outline:before, .ion-social-instagram:before, .ion-social-instagram-outline:before, .ion-social-javascript:before, .ion-social-javascript-outline:before, .ion-social-linkedin:before, .ion-social-linkedin-outline:before, .ion-social-markdown:before, .ion-social-nodejs:before, .ion-social-octocat:before, .ion-social-pinterest:before, .ion-social-pinterest-outline:before, .ion-social-python:before, .ion-social-reddit:before, .ion-social-reddit-outline:before, .ion-social-rss:before, .ion-social-rss-outline:before, .ion-social-sass:before, .ion-social-skype:before, .ion-social-skype-outline:before, .ion-social-snapchat:before, .ion-social-snapchat-outline:before, .ion-social-tumblr:before, .ion-social-tumblr-outline:before, .ion-social-tux:before, .ion-social-twitch:before, .ion-social-twitch-outline:before, .ion-social-twitter:before, .ion-social-twitter-outline:before, .ion-social-usd:before, .ion-social-usd-outline:before, .ion-social-vimeo:before, .ion-social-vimeo-outline:before, .ion-social-whatsapp:before, .ion-social-whatsapp-outline:before, .ion-social-windows:before, .ion-social-windows-outline:before, .ion-social-wordpress:before, .ion-social-wordpress-outline:before, .ion-social-yahoo:before, .ion-social-yahoo-outline:before, .ion-social-yen:before, .ion-social-yen-outline:before, .ion-social-youtube:before, .ion-social-youtube-outline:before, .ion-soup-can:before, .ion-soup-can-outline:before, .ion-speakerphone:before, .ion-speedometer:before, .ion-spoon:before, .ion-star:before, .ion-stats-bars:before, .ion-steam:before, .ion-stop:before, .ion-thermometer:before, .ion-thumbsdown:before, .ion-thumbsup:before, .ion-toggle:before, .ion-toggle-filled:before, .ion-transgender:before, .ion-trash-a:before, .ion-trash-b:before, .ion-trophy:before, .ion-tshirt:before, .ion-tshirt-outline:before, .ion-umbrella:before, .ion-university:before, .ion-unlocked:before, .ion-upload:before, .ion-usb:before, .ion-videocamera:before, .ion-volume-high:before, .ion-volume-low:before, .ion-volume-medium:before, .ion-volume-mute:before, .ion-wand:before, .ion-waterdrop:before, .ion-wifi:before, .ion-wineglass:before, .ion-woman:before, .ion-wrench:before, .ion-xbox:before { display: inline-block; font-family: "Ionicons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-rendering: auto; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } + +.ion-alert:before { content: "\f101"; } + +.ion-alert-circled:before { content: "\f100"; } + +.ion-android-add:before { content: "\f2c7"; } + +.ion-android-add-circle:before { content: "\f359"; } + +.ion-android-alarm-clock:before { content: "\f35a"; } + +.ion-android-alert:before { content: "\f35b"; } + +.ion-android-apps:before { content: "\f35c"; } + +.ion-android-archive:before { content: "\f2c9"; } + +.ion-android-arrow-back:before { content: "\f2ca"; } + +.ion-android-arrow-down:before { content: "\f35d"; } + +.ion-android-arrow-dropdown:before { content: "\f35f"; } + +.ion-android-arrow-dropdown-circle:before { content: "\f35e"; } + +.ion-android-arrow-dropleft:before { content: "\f361"; } + +.ion-android-arrow-dropleft-circle:before { content: "\f360"; } + +.ion-android-arrow-dropright:before { content: "\f363"; } + +.ion-android-arrow-dropright-circle:before { content: "\f362"; } + +.ion-android-arrow-dropup:before { content: "\f365"; } + +.ion-android-arrow-dropup-circle:before { content: "\f364"; } + +.ion-android-arrow-forward:before { content: "\f30f"; } + +.ion-android-arrow-up:before { content: "\f366"; } + +.ion-android-attach:before { content: "\f367"; } + +.ion-android-bar:before { content: "\f368"; } + +.ion-android-bicycle:before { content: "\f369"; } + +.ion-android-boat:before { content: "\f36a"; } + +.ion-android-bookmark:before { content: "\f36b"; } + +.ion-android-bulb:before { content: "\f36c"; } + +.ion-android-bus:before { content: "\f36d"; } + +.ion-android-calendar:before { content: "\f2d1"; } + +.ion-android-call:before { content: "\f2d2"; } + +.ion-android-camera:before { content: "\f2d3"; } + +.ion-android-cancel:before { content: "\f36e"; } + +.ion-android-car:before { content: "\f36f"; } + +.ion-android-cart:before { content: "\f370"; } + +.ion-android-chat:before { content: "\f2d4"; } + +.ion-android-checkbox:before { content: "\f374"; } + +.ion-android-checkbox-blank:before { content: "\f371"; } + +.ion-android-checkbox-outline:before { content: "\f373"; } + +.ion-android-checkbox-outline-blank:before { content: "\f372"; } + +.ion-android-checkmark-circle:before { content: "\f375"; } + +.ion-android-clipboard:before { content: "\f376"; } + +.ion-android-close:before { content: "\f2d7"; } + +.ion-android-cloud:before { content: "\f37a"; } + +.ion-android-cloud-circle:before { content: "\f377"; } + +.ion-android-cloud-done:before { content: "\f378"; } + +.ion-android-cloud-outline:before { content: "\f379"; } + +.ion-android-color-palette:before { content: "\f37b"; } + +.ion-android-compass:before { content: "\f37c"; } + +.ion-android-contact:before { content: "\f2d8"; } + +.ion-android-contacts:before { content: "\f2d9"; } + +.ion-android-contract:before { content: "\f37d"; } + +.ion-android-create:before { content: "\f37e"; } + +.ion-android-delete:before { content: "\f37f"; } + +.ion-android-desktop:before { content: "\f380"; } + +.ion-android-document:before { content: "\f381"; } + +.ion-android-done:before { content: "\f383"; } + +.ion-android-done-all:before { content: "\f382"; } + +.ion-android-download:before { content: "\f2dd"; } + +.ion-android-drafts:before { content: "\f384"; } + +.ion-android-exit:before { content: "\f385"; } + +.ion-android-expand:before { content: "\f386"; } + +.ion-android-favorite:before { content: "\f388"; } + +.ion-android-favorite-outline:before { content: "\f387"; } + +.ion-android-film:before { content: "\f389"; } + +.ion-android-folder:before { content: "\f2e0"; } + +.ion-android-folder-open:before { content: "\f38a"; } + +.ion-android-funnel:before { content: "\f38b"; } + +.ion-android-globe:before { content: "\f38c"; } + +.ion-android-hand:before { content: "\f2e3"; } + +.ion-android-hangout:before { content: "\f38d"; } + +.ion-android-happy:before { content: "\f38e"; } + +.ion-android-home:before { content: "\f38f"; } + +.ion-android-image:before { content: "\f2e4"; } + +.ion-android-laptop:before { content: "\f390"; } + +.ion-android-list:before { content: "\f391"; } + +.ion-android-locate:before { content: "\f2e9"; } + +.ion-android-lock:before { content: "\f392"; } + +.ion-android-mail:before { content: "\f2eb"; } + +.ion-android-map:before { content: "\f393"; } + +.ion-android-menu:before { content: "\f394"; } + +.ion-android-microphone:before { content: "\f2ec"; } + +.ion-android-microphone-off:before { content: "\f395"; } + +.ion-android-more-horizontal:before { content: "\f396"; } + +.ion-android-more-vertical:before { content: "\f397"; } + +.ion-android-navigate:before { content: "\f398"; } + +.ion-android-notifications:before { content: "\f39b"; } + +.ion-android-notifications-none:before { content: "\f399"; } + +.ion-android-notifications-off:before { content: "\f39a"; } + +.ion-android-open:before { content: "\f39c"; } + +.ion-android-options:before { content: "\f39d"; } + +.ion-android-people:before { content: "\f39e"; } + +.ion-android-person:before { content: "\f3a0"; } + +.ion-android-person-add:before { content: "\f39f"; } + +.ion-android-phone-landscape:before { content: "\f3a1"; } + +.ion-android-phone-portrait:before { content: "\f3a2"; } + +.ion-android-pin:before { content: "\f3a3"; } + +.ion-android-plane:before { content: "\f3a4"; } + +.ion-android-playstore:before { content: "\f2f0"; } + +.ion-android-print:before { content: "\f3a5"; } + +.ion-android-radio-button-off:before { content: "\f3a6"; } + +.ion-android-radio-button-on:before { content: "\f3a7"; } + +.ion-android-refresh:before { content: "\f3a8"; } + +.ion-android-remove:before { content: "\f2f4"; } + +.ion-android-remove-circle:before { content: "\f3a9"; } + +.ion-android-restaurant:before { content: "\f3aa"; } + +.ion-android-sad:before { content: "\f3ab"; } + +.ion-android-search:before { content: "\f2f5"; } + +.ion-android-send:before { content: "\f2f6"; } + +.ion-android-settings:before { content: "\f2f7"; } + +.ion-android-share:before { content: "\f2f8"; } + +.ion-android-share-alt:before { content: "\f3ac"; } + +.ion-android-star:before { content: "\f2fc"; } + +.ion-android-star-half:before { content: "\f3ad"; } + +.ion-android-star-outline:before { content: "\f3ae"; } + +.ion-android-stopwatch:before { content: "\f2fd"; } + +.ion-android-subway:before { content: "\f3af"; } + +.ion-android-sunny:before { content: "\f3b0"; } + +.ion-android-sync:before { content: "\f3b1"; } + +.ion-android-textsms:before { content: "\f3b2"; } + +.ion-android-time:before { content: "\f3b3"; } + +.ion-android-train:before { content: "\f3b4"; } + +.ion-android-unlock:before { content: "\f3b5"; } + +.ion-android-upload:before { content: "\f3b6"; } + +.ion-android-volume-down:before { content: "\f3b7"; } + +.ion-android-volume-mute:before { content: "\f3b8"; } + +.ion-android-volume-off:before { content: "\f3b9"; } + +.ion-android-volume-up:before { content: "\f3ba"; } + +.ion-android-walk:before { content: "\f3bb"; } + +.ion-android-warning:before { content: "\f3bc"; } + +.ion-android-watch:before { content: "\f3bd"; } + +.ion-android-wifi:before { content: "\f305"; } + +.ion-aperture:before { content: "\f313"; } + +.ion-archive:before { content: "\f102"; } + +.ion-arrow-down-a:before { content: "\f103"; } + +.ion-arrow-down-b:before { content: "\f104"; } + +.ion-arrow-down-c:before { content: "\f105"; } + +.ion-arrow-expand:before { content: "\f25e"; } + +.ion-arrow-graph-down-left:before { content: "\f25f"; } + +.ion-arrow-graph-down-right:before { content: "\f260"; } + +.ion-arrow-graph-up-left:before { content: "\f261"; } + +.ion-arrow-graph-up-right:before { content: "\f262"; } + +.ion-arrow-left-a:before { content: "\f106"; } + +.ion-arrow-left-b:before { content: "\f107"; } + +.ion-arrow-left-c:before { content: "\f108"; } + +.ion-arrow-move:before { content: "\f263"; } + +.ion-arrow-resize:before { content: "\f264"; } + +.ion-arrow-return-left:before { content: "\f265"; } + +.ion-arrow-return-right:before { content: "\f266"; } + +.ion-arrow-right-a:before { content: "\f109"; } + +.ion-arrow-right-b:before { content: "\f10a"; } + +.ion-arrow-right-c:before { content: "\f10b"; } + +.ion-arrow-shrink:before { content: "\f267"; } + +.ion-arrow-swap:before { content: "\f268"; } + +.ion-arrow-up-a:before { content: "\f10c"; } + +.ion-arrow-up-b:before { content: "\f10d"; } + +.ion-arrow-up-c:before { content: "\f10e"; } + +.ion-asterisk:before { content: "\f314"; } + +.ion-at:before { content: "\f10f"; } + +.ion-backspace:before { content: "\f3bf"; } + +.ion-backspace-outline:before { content: "\f3be"; } + +.ion-bag:before { content: "\f110"; } + +.ion-battery-charging:before { content: "\f111"; } + +.ion-battery-empty:before { content: "\f112"; } + +.ion-battery-full:before { content: "\f113"; } + +.ion-battery-half:before { content: "\f114"; } + +.ion-battery-low:before { content: "\f115"; } + +.ion-beaker:before { content: "\f269"; } + +.ion-beer:before { content: "\f26a"; } + +.ion-bluetooth:before { content: "\f116"; } + +.ion-bonfire:before { content: "\f315"; } + +.ion-bookmark:before { content: "\f26b"; } + +.ion-bowtie:before { content: "\f3c0"; } + +.ion-briefcase:before { content: "\f26c"; } + +.ion-bug:before { content: "\f2be"; } + +.ion-calculator:before { content: "\f26d"; } + +.ion-calendar:before { content: "\f117"; } + +.ion-camera:before { content: "\f118"; } + +.ion-card:before { content: "\f119"; } + +.ion-cash:before { content: "\f316"; } + +.ion-chatbox:before { content: "\f11b"; } + +.ion-chatbox-working:before { content: "\f11a"; } + +.ion-chatboxes:before { content: "\f11c"; } + +.ion-chatbubble:before { content: "\f11e"; } + +.ion-chatbubble-working:before { content: "\f11d"; } + +.ion-chatbubbles:before { content: "\f11f"; } + +.ion-checkmark:before { content: "\f122"; } + +.ion-checkmark-circled:before { content: "\f120"; } + +.ion-checkmark-round:before { content: "\f121"; } + +.ion-chevron-down:before { content: "\f123"; } + +.ion-chevron-left:before { content: "\f124"; } + +.ion-chevron-right:before { content: "\f125"; } + +.ion-chevron-up:before { content: "\f126"; } + +.ion-clipboard:before { content: "\f127"; } + +.ion-clock:before { content: "\f26e"; } + +.ion-close:before { content: "\f12a"; } + +.ion-close-circled:before { content: "\f128"; } + +.ion-close-round:before { content: "\f129"; } + +.ion-closed-captioning:before { content: "\f317"; } + +.ion-cloud:before { content: "\f12b"; } + +.ion-code:before { content: "\f271"; } + +.ion-code-download:before { content: "\f26f"; } + +.ion-code-working:before { content: "\f270"; } + +.ion-coffee:before { content: "\f272"; } + +.ion-compass:before { content: "\f273"; } + +.ion-compose:before { content: "\f12c"; } + +.ion-connection-bars:before { content: "\f274"; } + +.ion-contrast:before { content: "\f275"; } + +.ion-crop:before { content: "\f3c1"; } + +.ion-cube:before { content: "\f318"; } + +.ion-disc:before { content: "\f12d"; } + +.ion-document:before { content: "\f12f"; } + +.ion-document-text:before { content: "\f12e"; } + +.ion-drag:before { content: "\f130"; } + +.ion-earth:before { content: "\f276"; } + +.ion-easel:before { content: "\f3c2"; } + +.ion-edit:before { content: "\f2bf"; } + +.ion-egg:before { content: "\f277"; } + +.ion-eject:before { content: "\f131"; } + +.ion-email:before { content: "\f132"; } + +.ion-email-unread:before { content: "\f3c3"; } + +.ion-erlenmeyer-flask:before { content: "\f3c5"; } + +.ion-erlenmeyer-flask-bubbles:before { content: "\f3c4"; } + +.ion-eye:before { content: "\f133"; } + +.ion-eye-disabled:before { content: "\f306"; } + +.ion-female:before { content: "\f278"; } + +.ion-filing:before { content: "\f134"; } + +.ion-film-marker:before { content: "\f135"; } + +.ion-fireball:before { content: "\f319"; } + +.ion-flag:before { content: "\f279"; } + +.ion-flame:before { content: "\f31a"; } + +.ion-flash:before { content: "\f137"; } + +.ion-flash-off:before { content: "\f136"; } + +.ion-folder:before { content: "\f139"; } + +.ion-fork:before { content: "\f27a"; } + +.ion-fork-repo:before { content: "\f2c0"; } + +.ion-forward:before { content: "\f13a"; } + +.ion-funnel:before { content: "\f31b"; } + +.ion-gear-a:before { content: "\f13d"; } + +.ion-gear-b:before { content: "\f13e"; } + +.ion-grid:before { content: "\f13f"; } + +.ion-hammer:before { content: "\f27b"; } + +.ion-happy:before { content: "\f31c"; } + +.ion-happy-outline:before { content: "\f3c6"; } + +.ion-headphone:before { content: "\f140"; } + +.ion-heart:before { content: "\f141"; } + +.ion-heart-broken:before { content: "\f31d"; } + +.ion-help:before { content: "\f143"; } + +.ion-help-buoy:before { content: "\f27c"; } + +.ion-help-circled:before { content: "\f142"; } + +.ion-home:before { content: "\f144"; } + +.ion-icecream:before { content: "\f27d"; } + +.ion-image:before { content: "\f147"; } + +.ion-images:before { content: "\f148"; } + +.ion-information:before { content: "\f14a"; } + +.ion-information-circled:before { content: "\f149"; } + +.ion-ionic:before { content: "\f14b"; } + +.ion-ios-alarm:before { content: "\f3c8"; } + +.ion-ios-alarm-outline:before { content: "\f3c7"; } + +.ion-ios-albums:before { content: "\f3ca"; } + +.ion-ios-albums-outline:before { content: "\f3c9"; } + +.ion-ios-americanfootball:before { content: "\f3cc"; } + +.ion-ios-americanfootball-outline:before { content: "\f3cb"; } + +.ion-ios-analytics:before { content: "\f3ce"; } + +.ion-ios-analytics-outline:before { content: "\f3cd"; } + +.ion-ios-arrow-back:before { content: "\f3cf"; } + +.ion-ios-arrow-down:before { content: "\f3d0"; } + +.ion-ios-arrow-forward:before { content: "\f3d1"; } + +.ion-ios-arrow-left:before { content: "\f3d2"; } + +.ion-ios-arrow-right:before { content: "\f3d3"; } + +.ion-ios-arrow-thin-down:before { content: "\f3d4"; } + +.ion-ios-arrow-thin-left:before { content: "\f3d5"; } + +.ion-ios-arrow-thin-right:before { content: "\f3d6"; } + +.ion-ios-arrow-thin-up:before { content: "\f3d7"; } + +.ion-ios-arrow-up:before { content: "\f3d8"; } + +.ion-ios-at:before { content: "\f3da"; } + +.ion-ios-at-outline:before { content: "\f3d9"; } + +.ion-ios-barcode:before { content: "\f3dc"; } + +.ion-ios-barcode-outline:before { content: "\f3db"; } + +.ion-ios-baseball:before { content: "\f3de"; } + +.ion-ios-baseball-outline:before { content: "\f3dd"; } + +.ion-ios-basketball:before { content: "\f3e0"; } + +.ion-ios-basketball-outline:before { content: "\f3df"; } + +.ion-ios-bell:before { content: "\f3e2"; } + +.ion-ios-bell-outline:before { content: "\f3e1"; } + +.ion-ios-body:before { content: "\f3e4"; } + +.ion-ios-body-outline:before { content: "\f3e3"; } + +.ion-ios-bolt:before { content: "\f3e6"; } + +.ion-ios-bolt-outline:before { content: "\f3e5"; } + +.ion-ios-book:before { content: "\f3e8"; } + +.ion-ios-book-outline:before { content: "\f3e7"; } + +.ion-ios-bookmarks:before { content: "\f3ea"; } + +.ion-ios-bookmarks-outline:before { content: "\f3e9"; } + +.ion-ios-box:before { content: "\f3ec"; } + +.ion-ios-box-outline:before { content: "\f3eb"; } + +.ion-ios-briefcase:before { content: "\f3ee"; } + +.ion-ios-briefcase-outline:before { content: "\f3ed"; } + +.ion-ios-browsers:before { content: "\f3f0"; } + +.ion-ios-browsers-outline:before { content: "\f3ef"; } + +.ion-ios-calculator:before { content: "\f3f2"; } + +.ion-ios-calculator-outline:before { content: "\f3f1"; } + +.ion-ios-calendar:before { content: "\f3f4"; } + +.ion-ios-calendar-outline:before { content: "\f3f3"; } + +.ion-ios-camera:before { content: "\f3f6"; } + +.ion-ios-camera-outline:before { content: "\f3f5"; } + +.ion-ios-cart:before { content: "\f3f8"; } + +.ion-ios-cart-outline:before { content: "\f3f7"; } + +.ion-ios-chatboxes:before { content: "\f3fa"; } + +.ion-ios-chatboxes-outline:before { content: "\f3f9"; } + +.ion-ios-chatbubble:before { content: "\f3fc"; } + +.ion-ios-chatbubble-outline:before { content: "\f3fb"; } + +.ion-ios-checkmark:before { content: "\f3ff"; } + +.ion-ios-checkmark-empty:before { content: "\f3fd"; } + +.ion-ios-checkmark-outline:before { content: "\f3fe"; } + +.ion-ios-circle-filled:before { content: "\f400"; } + +.ion-ios-circle-outline:before { content: "\f401"; } + +.ion-ios-clock:before { content: "\f403"; } + +.ion-ios-clock-outline:before { content: "\f402"; } + +.ion-ios-close:before { content: "\f406"; } + +.ion-ios-close-empty:before { content: "\f404"; } + +.ion-ios-close-outline:before { content: "\f405"; } + +.ion-ios-cloud:before { content: "\f40c"; } + +.ion-ios-cloud-download:before { content: "\f408"; } + +.ion-ios-cloud-download-outline:before { content: "\f407"; } + +.ion-ios-cloud-outline:before { content: "\f409"; } + +.ion-ios-cloud-upload:before { content: "\f40b"; } + +.ion-ios-cloud-upload-outline:before { content: "\f40a"; } + +.ion-ios-cloudy:before { content: "\f410"; } + +.ion-ios-cloudy-night:before { content: "\f40e"; } + +.ion-ios-cloudy-night-outline:before { content: "\f40d"; } + +.ion-ios-cloudy-outline:before { content: "\f40f"; } + +.ion-ios-cog:before { content: "\f412"; } + +.ion-ios-cog-outline:before { content: "\f411"; } + +.ion-ios-color-filter:before { content: "\f414"; } + +.ion-ios-color-filter-outline:before { content: "\f413"; } + +.ion-ios-color-wand:before { content: "\f416"; } + +.ion-ios-color-wand-outline:before { content: "\f415"; } + +.ion-ios-compose:before { content: "\f418"; } + +.ion-ios-compose-outline:before { content: "\f417"; } + +.ion-ios-contact:before { content: "\f41a"; } + +.ion-ios-contact-outline:before { content: "\f419"; } + +.ion-ios-copy:before { content: "\f41c"; } + +.ion-ios-copy-outline:before { content: "\f41b"; } + +.ion-ios-crop:before { content: "\f41e"; } + +.ion-ios-crop-strong:before { content: "\f41d"; } + +.ion-ios-download:before { content: "\f420"; } + +.ion-ios-download-outline:before { content: "\f41f"; } + +.ion-ios-drag:before { content: "\f421"; } + +.ion-ios-email:before { content: "\f423"; } + +.ion-ios-email-outline:before { content: "\f422"; } + +.ion-ios-eye:before { content: "\f425"; } + +.ion-ios-eye-outline:before { content: "\f424"; } + +.ion-ios-fastforward:before { content: "\f427"; } + +.ion-ios-fastforward-outline:before { content: "\f426"; } + +.ion-ios-filing:before { content: "\f429"; } + +.ion-ios-filing-outline:before { content: "\f428"; } + +.ion-ios-film:before { content: "\f42b"; } + +.ion-ios-film-outline:before { content: "\f42a"; } + +.ion-ios-flag:before { content: "\f42d"; } + +.ion-ios-flag-outline:before { content: "\f42c"; } + +.ion-ios-flame:before { content: "\f42f"; } + +.ion-ios-flame-outline:before { content: "\f42e"; } + +.ion-ios-flask:before { content: "\f431"; } + +.ion-ios-flask-outline:before { content: "\f430"; } + +.ion-ios-flower:before { content: "\f433"; } + +.ion-ios-flower-outline:before { content: "\f432"; } + +.ion-ios-folder:before { content: "\f435"; } + +.ion-ios-folder-outline:before { content: "\f434"; } + +.ion-ios-football:before { content: "\f437"; } + +.ion-ios-football-outline:before { content: "\f436"; } + +.ion-ios-game-controller-a:before { content: "\f439"; } + +.ion-ios-game-controller-a-outline:before { content: "\f438"; } + +.ion-ios-game-controller-b:before { content: "\f43b"; } + +.ion-ios-game-controller-b-outline:before { content: "\f43a"; } + +.ion-ios-gear:before { content: "\f43d"; } + +.ion-ios-gear-outline:before { content: "\f43c"; } + +.ion-ios-glasses:before { content: "\f43f"; } + +.ion-ios-glasses-outline:before { content: "\f43e"; } + +.ion-ios-grid-view:before { content: "\f441"; } + +.ion-ios-grid-view-outline:before { content: "\f440"; } + +.ion-ios-heart:before { content: "\f443"; } + +.ion-ios-heart-outline:before { content: "\f442"; } + +.ion-ios-help:before { content: "\f446"; } + +.ion-ios-help-empty:before { content: "\f444"; } + +.ion-ios-help-outline:before { content: "\f445"; } + +.ion-ios-home:before { content: "\f448"; } + +.ion-ios-home-outline:before { content: "\f447"; } + +.ion-ios-infinite:before { content: "\f44a"; } + +.ion-ios-infinite-outline:before { content: "\f449"; } + +.ion-ios-information:before { content: "\f44d"; } + +.ion-ios-information-empty:before { content: "\f44b"; } + +.ion-ios-information-outline:before { content: "\f44c"; } + +.ion-ios-ionic-outline:before { content: "\f44e"; } + +.ion-ios-keypad:before { content: "\f450"; } + +.ion-ios-keypad-outline:before { content: "\f44f"; } + +.ion-ios-lightbulb:before { content: "\f452"; } + +.ion-ios-lightbulb-outline:before { content: "\f451"; } + +.ion-ios-list:before { content: "\f454"; } + +.ion-ios-list-outline:before { content: "\f453"; } + +.ion-ios-location:before { content: "\f456"; } + +.ion-ios-location-outline:before { content: "\f455"; } + +.ion-ios-locked:before { content: "\f458"; } + +.ion-ios-locked-outline:before { content: "\f457"; } + +.ion-ios-loop:before { content: "\f45a"; } + +.ion-ios-loop-strong:before { content: "\f459"; } + +.ion-ios-medical:before { content: "\f45c"; } + +.ion-ios-medical-outline:before { content: "\f45b"; } + +.ion-ios-medkit:before { content: "\f45e"; } + +.ion-ios-medkit-outline:before { content: "\f45d"; } + +.ion-ios-mic:before { content: "\f461"; } + +.ion-ios-mic-off:before { content: "\f45f"; } + +.ion-ios-mic-outline:before { content: "\f460"; } + +.ion-ios-minus:before { content: "\f464"; } + +.ion-ios-minus-empty:before { content: "\f462"; } + +.ion-ios-minus-outline:before { content: "\f463"; } + +.ion-ios-monitor:before { content: "\f466"; } + +.ion-ios-monitor-outline:before { content: "\f465"; } + +.ion-ios-moon:before { content: "\f468"; } + +.ion-ios-moon-outline:before { content: "\f467"; } + +.ion-ios-more:before { content: "\f46a"; } + +.ion-ios-more-outline:before { content: "\f469"; } + +.ion-ios-musical-note:before { content: "\f46b"; } + +.ion-ios-musical-notes:before { content: "\f46c"; } + +.ion-ios-navigate:before { content: "\f46e"; } + +.ion-ios-navigate-outline:before { content: "\f46d"; } + +.ion-ios-nutrition:before { content: "\f470"; } + +.ion-ios-nutrition-outline:before { content: "\f46f"; } + +.ion-ios-paper:before { content: "\f472"; } + +.ion-ios-paper-outline:before { content: "\f471"; } + +.ion-ios-paperplane:before { content: "\f474"; } + +.ion-ios-paperplane-outline:before { content: "\f473"; } + +.ion-ios-partlysunny:before { content: "\f476"; } + +.ion-ios-partlysunny-outline:before { content: "\f475"; } + +.ion-ios-pause:before { content: "\f478"; } + +.ion-ios-pause-outline:before { content: "\f477"; } + +.ion-ios-paw:before { content: "\f47a"; } + +.ion-ios-paw-outline:before { content: "\f479"; } + +.ion-ios-people:before { content: "\f47c"; } + +.ion-ios-people-outline:before { content: "\f47b"; } + +.ion-ios-person:before { content: "\f47e"; } + +.ion-ios-person-outline:before { content: "\f47d"; } + +.ion-ios-personadd:before { content: "\f480"; } + +.ion-ios-personadd-outline:before { content: "\f47f"; } + +.ion-ios-photos:before { content: "\f482"; } + +.ion-ios-photos-outline:before { content: "\f481"; } + +.ion-ios-pie:before { content: "\f484"; } + +.ion-ios-pie-outline:before { content: "\f483"; } + +.ion-ios-pint:before { content: "\f486"; } + +.ion-ios-pint-outline:before { content: "\f485"; } + +.ion-ios-play:before { content: "\f488"; } + +.ion-ios-play-outline:before { content: "\f487"; } + +.ion-ios-plus:before { content: "\f48b"; } + +.ion-ios-plus-empty:before { content: "\f489"; } + +.ion-ios-plus-outline:before { content: "\f48a"; } + +.ion-ios-pricetag:before { content: "\f48d"; } + +.ion-ios-pricetag-outline:before { content: "\f48c"; } + +.ion-ios-pricetags:before { content: "\f48f"; } + +.ion-ios-pricetags-outline:before { content: "\f48e"; } + +.ion-ios-printer:before { content: "\f491"; } + +.ion-ios-printer-outline:before { content: "\f490"; } + +.ion-ios-pulse:before { content: "\f493"; } + +.ion-ios-pulse-strong:before { content: "\f492"; } + +.ion-ios-rainy:before { content: "\f495"; } + +.ion-ios-rainy-outline:before { content: "\f494"; } + +.ion-ios-recording:before { content: "\f497"; } + +.ion-ios-recording-outline:before { content: "\f496"; } + +.ion-ios-redo:before { content: "\f499"; } + +.ion-ios-redo-outline:before { content: "\f498"; } + +.ion-ios-refresh:before { content: "\f49c"; } + +.ion-ios-refresh-empty:before { content: "\f49a"; } + +.ion-ios-refresh-outline:before { content: "\f49b"; } + +.ion-ios-reload:before { content: "\f49d"; } + +.ion-ios-reverse-camera:before { content: "\f49f"; } + +.ion-ios-reverse-camera-outline:before { content: "\f49e"; } + +.ion-ios-rewind:before { content: "\f4a1"; } + +.ion-ios-rewind-outline:before { content: "\f4a0"; } + +.ion-ios-rose:before { content: "\f4a3"; } + +.ion-ios-rose-outline:before { content: "\f4a2"; } + +.ion-ios-search:before { content: "\f4a5"; } + +.ion-ios-search-strong:before { content: "\f4a4"; } + +.ion-ios-settings:before { content: "\f4a7"; } + +.ion-ios-settings-strong:before { content: "\f4a6"; } + +.ion-ios-shuffle:before { content: "\f4a9"; } + +.ion-ios-shuffle-strong:before { content: "\f4a8"; } + +.ion-ios-skipbackward:before { content: "\f4ab"; } + +.ion-ios-skipbackward-outline:before { content: "\f4aa"; } + +.ion-ios-skipforward:before { content: "\f4ad"; } + +.ion-ios-skipforward-outline:before { content: "\f4ac"; } + +.ion-ios-snowy:before { content: "\f4ae"; } + +.ion-ios-speedometer:before { content: "\f4b0"; } + +.ion-ios-speedometer-outline:before { content: "\f4af"; } + +.ion-ios-star:before { content: "\f4b3"; } + +.ion-ios-star-half:before { content: "\f4b1"; } + +.ion-ios-star-outline:before { content: "\f4b2"; } + +.ion-ios-stopwatch:before { content: "\f4b5"; } + +.ion-ios-stopwatch-outline:before { content: "\f4b4"; } + +.ion-ios-sunny:before { content: "\f4b7"; } + +.ion-ios-sunny-outline:before { content: "\f4b6"; } + +.ion-ios-telephone:before { content: "\f4b9"; } + +.ion-ios-telephone-outline:before { content: "\f4b8"; } + +.ion-ios-tennisball:before { content: "\f4bb"; } + +.ion-ios-tennisball-outline:before { content: "\f4ba"; } + +.ion-ios-thunderstorm:before { content: "\f4bd"; } + +.ion-ios-thunderstorm-outline:before { content: "\f4bc"; } + +.ion-ios-time:before { content: "\f4bf"; } + +.ion-ios-time-outline:before { content: "\f4be"; } + +.ion-ios-timer:before { content: "\f4c1"; } + +.ion-ios-timer-outline:before { content: "\f4c0"; } + +.ion-ios-toggle:before { content: "\f4c3"; } + +.ion-ios-toggle-outline:before { content: "\f4c2"; } + +.ion-ios-trash:before { content: "\f4c5"; } + +.ion-ios-trash-outline:before { content: "\f4c4"; } + +.ion-ios-undo:before { content: "\f4c7"; } + +.ion-ios-undo-outline:before { content: "\f4c6"; } + +.ion-ios-unlocked:before { content: "\f4c9"; } + +.ion-ios-unlocked-outline:before { content: "\f4c8"; } + +.ion-ios-upload:before { content: "\f4cb"; } + +.ion-ios-upload-outline:before { content: "\f4ca"; } + +.ion-ios-videocam:before { content: "\f4cd"; } + +.ion-ios-videocam-outline:before { content: "\f4cc"; } + +.ion-ios-volume-high:before { content: "\f4ce"; } + +.ion-ios-volume-low:before { content: "\f4cf"; } + +.ion-ios-wineglass:before { content: "\f4d1"; } + +.ion-ios-wineglass-outline:before { content: "\f4d0"; } + +.ion-ios-world:before { content: "\f4d3"; } + +.ion-ios-world-outline:before { content: "\f4d2"; } + +.ion-ipad:before { content: "\f1f9"; } + +.ion-iphone:before { content: "\f1fa"; } + +.ion-ipod:before { content: "\f1fb"; } + +.ion-jet:before { content: "\f295"; } + +.ion-key:before { content: "\f296"; } + +.ion-knife:before { content: "\f297"; } + +.ion-laptop:before { content: "\f1fc"; } + +.ion-leaf:before { content: "\f1fd"; } + +.ion-levels:before { content: "\f298"; } + +.ion-lightbulb:before { content: "\f299"; } + +.ion-link:before { content: "\f1fe"; } + +.ion-load-a:before { content: "\f29a"; } + +.ion-load-b:before { content: "\f29b"; } + +.ion-load-c:before { content: "\f29c"; } + +.ion-load-d:before { content: "\f29d"; } + +.ion-location:before { content: "\f1ff"; } + +.ion-lock-combination:before { content: "\f4d4"; } + +.ion-locked:before { content: "\f200"; } + +.ion-log-in:before { content: "\f29e"; } + +.ion-log-out:before { content: "\f29f"; } + +.ion-loop:before { content: "\f201"; } + +.ion-magnet:before { content: "\f2a0"; } + +.ion-male:before { content: "\f2a1"; } + +.ion-man:before { content: "\f202"; } + +.ion-map:before { content: "\f203"; } + +.ion-medkit:before { content: "\f2a2"; } + +.ion-merge:before { content: "\f33f"; } + +.ion-mic-a:before { content: "\f204"; } + +.ion-mic-b:before { content: "\f205"; } + +.ion-mic-c:before { content: "\f206"; } + +.ion-minus:before { content: "\f209"; } + +.ion-minus-circled:before { content: "\f207"; } + +.ion-minus-round:before { content: "\f208"; } + +.ion-model-s:before { content: "\f2c1"; } + +.ion-monitor:before { content: "\f20a"; } + +.ion-more:before { content: "\f20b"; } + +.ion-mouse:before { content: "\f340"; } + +.ion-music-note:before { content: "\f20c"; } + +.ion-navicon:before { content: "\f20e"; } + +.ion-navicon-round:before { content: "\f20d"; } + +.ion-navigate:before { content: "\f2a3"; } + +.ion-network:before { content: "\f341"; } + +.ion-no-smoking:before { content: "\f2c2"; } + +.ion-nuclear:before { content: "\f2a4"; } + +.ion-outlet:before { content: "\f342"; } + +.ion-paintbrush:before { content: "\f4d5"; } + +.ion-paintbucket:before { content: "\f4d6"; } + +.ion-paper-airplane:before { content: "\f2c3"; } + +.ion-paperclip:before { content: "\f20f"; } + +.ion-pause:before { content: "\f210"; } + +.ion-person:before { content: "\f213"; } + +.ion-person-add:before { content: "\f211"; } + +.ion-person-stalker:before { content: "\f212"; } + +.ion-pie-graph:before { content: "\f2a5"; } + +.ion-pin:before { content: "\f2a6"; } + +.ion-pinpoint:before { content: "\f2a7"; } + +.ion-pizza:before { content: "\f2a8"; } + +.ion-plane:before { content: "\f214"; } + +.ion-planet:before { content: "\f343"; } + +.ion-play:before { content: "\f215"; } + +.ion-playstation:before { content: "\f30a"; } + +.ion-plus:before { content: "\f218"; } + +.ion-plus-circled:before { content: "\f216"; } + +.ion-plus-round:before { content: "\f217"; } + +.ion-podium:before { content: "\f344"; } + +.ion-pound:before { content: "\f219"; } + +.ion-power:before { content: "\f2a9"; } + +.ion-pricetag:before { content: "\f2aa"; } + +.ion-pricetags:before { content: "\f2ab"; } + +.ion-printer:before { content: "\f21a"; } + +.ion-pull-request:before { content: "\f345"; } + +.ion-qr-scanner:before { content: "\f346"; } + +.ion-quote:before { content: "\f347"; } + +.ion-radio-waves:before { content: "\f2ac"; } + +.ion-record:before { content: "\f21b"; } + +.ion-refresh:before { content: "\f21c"; } + +.ion-reply:before { content: "\f21e"; } + +.ion-reply-all:before { content: "\f21d"; } + +.ion-ribbon-a:before { content: "\f348"; } + +.ion-ribbon-b:before { content: "\f349"; } + +.ion-sad:before { content: "\f34a"; } + +.ion-sad-outline:before { content: "\f4d7"; } + +.ion-scissors:before { content: "\f34b"; } + +.ion-search:before { content: "\f21f"; } + +.ion-settings:before { content: "\f2ad"; } + +.ion-share:before { content: "\f220"; } + +.ion-shuffle:before { content: "\f221"; } + +.ion-skip-backward:before { content: "\f222"; } + +.ion-skip-forward:before { content: "\f223"; } + +.ion-social-android:before { content: "\f225"; } + +.ion-social-android-outline:before { content: "\f224"; } + +.ion-social-angular:before { content: "\f4d9"; } + +.ion-social-angular-outline:before { content: "\f4d8"; } + +.ion-social-apple:before { content: "\f227"; } + +.ion-social-apple-outline:before { content: "\f226"; } + +.ion-social-bitcoin:before { content: "\f2af"; } + +.ion-social-bitcoin-outline:before { content: "\f2ae"; } + +.ion-social-buffer:before { content: "\f229"; } + +.ion-social-buffer-outline:before { content: "\f228"; } + +.ion-social-chrome:before { content: "\f4db"; } + +.ion-social-chrome-outline:before { content: "\f4da"; } + +.ion-social-codepen:before { content: "\f4dd"; } + +.ion-social-codepen-outline:before { content: "\f4dc"; } + +.ion-social-css3:before { content: "\f4df"; } + +.ion-social-css3-outline:before { content: "\f4de"; } + +.ion-social-designernews:before { content: "\f22b"; } + +.ion-social-designernews-outline:before { content: "\f22a"; } + +.ion-social-dribbble:before { content: "\f22d"; } + +.ion-social-dribbble-outline:before { content: "\f22c"; } + +.ion-social-dropbox:before { content: "\f22f"; } + +.ion-social-dropbox-outline:before { content: "\f22e"; } + +.ion-social-euro:before { content: "\f4e1"; } + +.ion-social-euro-outline:before { content: "\f4e0"; } + +.ion-social-facebook:before { content: "\f231"; } + +.ion-social-facebook-outline:before { content: "\f230"; } + +.ion-social-foursquare:before { content: "\f34d"; } + +.ion-social-foursquare-outline:before { content: "\f34c"; } + +.ion-social-freebsd-devil:before { content: "\f2c4"; } + +.ion-social-github:before { content: "\f233"; } + +.ion-social-github-outline:before { content: "\f232"; } + +.ion-social-google:before { content: "\f34f"; } + +.ion-social-google-outline:before { content: "\f34e"; } + +.ion-social-googleplus:before { content: "\f235"; } + +.ion-social-googleplus-outline:before { content: "\f234"; } + +.ion-social-hackernews:before { content: "\f237"; } + +.ion-social-hackernews-outline:before { content: "\f236"; } + +.ion-social-html5:before { content: "\f4e3"; } + +.ion-social-html5-outline:before { content: "\f4e2"; } + +.ion-social-instagram:before { content: "\f351"; } + +.ion-social-instagram-outline:before { content: "\f350"; } + +.ion-social-javascript:before { content: "\f4e5"; } + +.ion-social-javascript-outline:before { content: "\f4e4"; } + +.ion-social-linkedin:before { content: "\f239"; } + +.ion-social-linkedin-outline:before { content: "\f238"; } + +.ion-social-markdown:before { content: "\f4e6"; } + +.ion-social-nodejs:before { content: "\f4e7"; } + +.ion-social-octocat:before { content: "\f4e8"; } + +.ion-social-pinterest:before { content: "\f2b1"; } + +.ion-social-pinterest-outline:before { content: "\f2b0"; } + +.ion-social-python:before { content: "\f4e9"; } + +.ion-social-reddit:before { content: "\f23b"; } + +.ion-social-reddit-outline:before { content: "\f23a"; } + +.ion-social-rss:before { content: "\f23d"; } + +.ion-social-rss-outline:before { content: "\f23c"; } + +.ion-social-sass:before { content: "\f4ea"; } + +.ion-social-skype:before { content: "\f23f"; } + +.ion-social-skype-outline:before { content: "\f23e"; } + +.ion-social-snapchat:before { content: "\f4ec"; } + +.ion-social-snapchat-outline:before { content: "\f4eb"; } + +.ion-social-tumblr:before { content: "\f241"; } + +.ion-social-tumblr-outline:before { content: "\f240"; } + +.ion-social-tux:before { content: "\f2c5"; } + +.ion-social-twitch:before { content: "\f4ee"; } + +.ion-social-twitch-outline:before { content: "\f4ed"; } + +.ion-social-twitter:before { content: "\f243"; } + +.ion-social-twitter-outline:before { content: "\f242"; } + +.ion-social-usd:before { content: "\f353"; } + +.ion-social-usd-outline:before { content: "\f352"; } + +.ion-social-vimeo:before { content: "\f245"; } + +.ion-social-vimeo-outline:before { content: "\f244"; } + +.ion-social-whatsapp:before { content: "\f4f0"; } + +.ion-social-whatsapp-outline:before { content: "\f4ef"; } + +.ion-social-windows:before { content: "\f247"; } + +.ion-social-windows-outline:before { content: "\f246"; } + +.ion-social-wordpress:before { content: "\f249"; } + +.ion-social-wordpress-outline:before { content: "\f248"; } + +.ion-social-yahoo:before { content: "\f24b"; } + +.ion-social-yahoo-outline:before { content: "\f24a"; } + +.ion-social-yen:before { content: "\f4f2"; } + +.ion-social-yen-outline:before { content: "\f4f1"; } + +.ion-social-youtube:before { content: "\f24d"; } + +.ion-social-youtube-outline:before { content: "\f24c"; } + +.ion-soup-can:before { content: "\f4f4"; } + +.ion-soup-can-outline:before { content: "\f4f3"; } + +.ion-speakerphone:before { content: "\f2b2"; } + +.ion-speedometer:before { content: "\f2b3"; } + +.ion-spoon:before { content: "\f2b4"; } + +.ion-star:before { content: "\f24e"; } + +.ion-stats-bars:before { content: "\f2b5"; } + +.ion-steam:before { content: "\f30b"; } + +.ion-stop:before { content: "\f24f"; } + +.ion-thermometer:before { content: "\f2b6"; } + +.ion-thumbsdown:before { content: "\f250"; } + +.ion-thumbsup:before { content: "\f251"; } + +.ion-toggle:before { content: "\f355"; } + +.ion-toggle-filled:before { content: "\f354"; } + +.ion-transgender:before { content: "\f4f5"; } + +.ion-trash-a:before { content: "\f252"; } + +.ion-trash-b:before { content: "\f253"; } + +.ion-trophy:before { content: "\f356"; } + +.ion-tshirt:before { content: "\f4f7"; } + +.ion-tshirt-outline:before { content: "\f4f6"; } + +.ion-umbrella:before { content: "\f2b7"; } + +.ion-university:before { content: "\f357"; } + +.ion-unlocked:before { content: "\f254"; } + +.ion-upload:before { content: "\f255"; } + +.ion-usb:before { content: "\f2b8"; } + +.ion-videocamera:before { content: "\f256"; } + +.ion-volume-high:before { content: "\f257"; } + +.ion-volume-low:before { content: "\f258"; } + +.ion-volume-medium:before { content: "\f259"; } + +.ion-volume-mute:before { content: "\f25a"; } + +.ion-wand:before { content: "\f358"; } + +.ion-waterdrop:before { content: "\f25b"; } + +.ion-wifi:before { content: "\f25c"; } + +.ion-wineglass:before { content: "\f2b9"; } + +.ion-woman:before { content: "\f25d"; } + +.ion-wrench:before { content: "\f2ba"; } + +.ion-xbox:before { content: "\f30c"; } diff --git a/StoneIsland/platforms/android/assets/www/css/fonts/ionicons.eot b/StoneIsland/platforms/android/assets/www/css/fonts/ionicons.eot new file mode 100755 index 00000000..92a3f20a Binary files /dev/null and b/StoneIsland/platforms/android/assets/www/css/fonts/ionicons.eot differ diff --git a/StoneIsland/platforms/android/assets/www/css/fonts/ionicons.svg b/StoneIsland/platforms/android/assets/www/css/fonts/ionicons.svg new file mode 100755 index 00000000..49fc8f36 --- /dev/null +++ b/StoneIsland/platforms/android/assets/www/css/fonts/ionicons.svg @@ -0,0 +1,2230 @@ + + + + + +Created by FontForge 20120731 at Thu Dec 4 09:51:48 2014 + By Adam Bradley +Created by Adam Bradley with FontForge 2.0 (http://fontforge.sf.net) + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/StoneIsland/platforms/android/assets/www/css/fonts/ionicons.ttf b/StoneIsland/platforms/android/assets/www/css/fonts/ionicons.ttf new file mode 100755 index 00000000..c4e46324 Binary files /dev/null and b/StoneIsland/platforms/android/assets/www/css/fonts/ionicons.ttf differ diff --git a/StoneIsland/platforms/android/assets/www/css/fonts/ionicons.woff b/StoneIsland/platforms/android/assets/www/css/fonts/ionicons.woff new file mode 100755 index 00000000..5f3a14e0 Binary files /dev/null and b/StoneIsland/platforms/android/assets/www/css/fonts/ionicons.woff differ diff --git a/StoneIsland/platforms/android/assets/www/css/fonts/pfdintextpro-bold-webfont.woff b/StoneIsland/platforms/android/assets/www/css/fonts/pfdintextpro-bold-webfont.woff new file mode 100755 index 00000000..97aa9ea6 Binary files /dev/null and b/StoneIsland/platforms/android/assets/www/css/fonts/pfdintextpro-bold-webfont.woff differ diff --git a/StoneIsland/platforms/android/assets/www/css/fonts/pfdintextpro-italic-webfont.woff b/StoneIsland/platforms/android/assets/www/css/fonts/pfdintextpro-italic-webfont.woff new file mode 100755 index 00000000..787d47cb Binary files /dev/null and b/StoneIsland/platforms/android/assets/www/css/fonts/pfdintextpro-italic-webfont.woff differ diff --git a/StoneIsland/platforms/android/assets/www/css/fonts/pfdintextpro-light-webfont.woff b/StoneIsland/platforms/android/assets/www/css/fonts/pfdintextpro-light-webfont.woff new file mode 100755 index 00000000..45f21c23 Binary files /dev/null and b/StoneIsland/platforms/android/assets/www/css/fonts/pfdintextpro-light-webfont.woff differ diff --git a/StoneIsland/platforms/android/assets/www/css/fonts/pfdintextpro-medium-webfont.woff b/StoneIsland/platforms/android/assets/www/css/fonts/pfdintextpro-medium-webfont.woff new file mode 100755 index 00000000..4fb708fd Binary files /dev/null and b/StoneIsland/platforms/android/assets/www/css/fonts/pfdintextpro-medium-webfont.woff differ diff --git a/StoneIsland/platforms/android/assets/www/css/fonts/pfdintextpro-regular-webfont.woff b/StoneIsland/platforms/android/assets/www/css/fonts/pfdintextpro-regular-webfont.woff new file mode 100755 index 00000000..b51127f3 Binary files /dev/null and b/StoneIsland/platforms/android/assets/www/css/fonts/pfdintextpro-regular-webfont.woff differ diff --git a/StoneIsland/platforms/android/assets/www/css/index.css b/StoneIsland/platforms/android/assets/www/css/index.css new file mode 100755 index 00000000..4d8e5514 --- /dev/null +++ b/StoneIsland/platforms/android/assets/www/css/index.css @@ -0,0 +1,62 @@ +* { + -webkit-tap-highlight-color: rgba(0,0,0,0); +} +body, html { + height: 100%; + width: 100%; + margin: 0px; + padding: 0px; + overflow: hidden; +} +body.loading { + opacity: 0; +} +body { + -webkit-touch-callout: none; /* prevent callout to copy image, etc when tap to hold */ + -webkit-text-size-adjust: none; /* prevent webkit from resizing text to fit */ + -webkit-user-select: none; /* prevent copy paste, to allow, change 'none' to 'text' */ + background: #fff; + font-family: pfd, sans-serif; + font-size: 12px; + padding-top: constant(safe-area-inset-top); +} + +.loader { + z-index: 2; + width: 80px; + height: 80px; + position: absolute; + top: 50vh; + left: 50%; + margin-top: -60px; + margin-left: -40px; + display: none; +} +.loader:before { + content: ''; + border-radius: 50%; + border-top: 3px solid #999; + border-right: 3px solid transparent; + animation: loading .5s linear infinite; + -webkit-animation: loading .5s linear infinite; + width: 80px; + height: 80px; + display: block; +} +.loading .loader { display: block; } +@keyframes loading { + to {transform: rotate(360deg)} +} +@-webkit-keyframes loading { + to {-webkit-transform: rotate(360deg)} +} + +.scroll { + position: absolute; + width: 100%; +} + +.error_hilite { + color: red !important; + border-color: red !important; +} diff --git a/StoneIsland/platforms/android/assets/www/css/nav.css b/StoneIsland/platforms/android/assets/www/css/nav.css new file mode 100755 index 00000000..a2448b0e --- /dev/null +++ b/StoneIsland/platforms/android/assets/www/css/nav.css @@ -0,0 +1,442 @@ + +/* NAV BAR */ + +#nav { + position: absolute; + top: 0; left: 0; + width: 249px; + -webkit-transform: translateZ(0) translateX(-249px); + -webkit-transition: -webkit-transform 0.1s; + background: #fff; +} +#content { + position: absolute; + top: 0; left: 0; + width: 100%; height: 100%; + overflow: hidden; + -webkit-transform: translateZ(0) translateX(0px); + -webkit-transition: -webkit-transform 0.1s; +} +.nav #nav { + -webkit-transform: translateZ(0) translateX(0); +} +.nav #content { + -webkit-transform: translateZ(0) translateX(249px); +} +#nav .logo { + background-image: url(../img/small-logo.png); + background-repeat: no-repeat; + background-position: center center; + background-size: contain; + width: 120px; + height: 80px; + margin-left: 20px; + display: block !important; +} +#nav .menu span { + display: block; + font-size: 14px; + letter-spacing:1.25px; + text-shadow:0px 0px 1px rgba(0,0,0,.2); + color: #000; +} + +#nav .main_menu span { + padding: 30px 0 10px 20px; +} + +#nav .account_menu span, #nav .faq_menu span { + padding: 20px 0 0px 20px; +} +#nav .account_menu span.menu-emphasis, +#nav .faq_menu span.menu-emphasis { + padding-top: 28px; +} + +#nav .faq_menu span:last-child { + padding-bottom:45px!important; +} + +#nav .main_menu { display: block; animation: mfadein 0.3s; } +#nav .account_menu { display: none; } +#nav .faq_menu { display: none; } +#nav.faq .main_menu, +#nav.account .main_menu { display: none; } +#nav.account .account_menu { display: block; } +#nav.faq .faq_menu { display: block; animation: mfadein 0.3s; } + +@keyframes mfadein { 0% { display: none; opacity: 0; } 1% { display:block; opacity: 0; } 100% { opacity: 1; } } + +#nav .submenu { + position: absolute; + width: 100%; + padding: 20px 0; + top:0; + border-top: 1px solid #ddd; +} + +#nav .submenu span { + display: block; + font-size: 14px; + letter-spacing:1.25px; + color: #bbb; + padding: 4px 0 12px 20px +} + +#nav .social { + position: absolute; + bottom: 0; + left: 0; + border-top: 1px solid #ddd; +} +#nav .social span { + display: block; + float: left; + width: 61px; + border-left: 1px solid #ddd; + color: #bbb; + font-size: 18px; + padding: 5px 0; + text-align: center; +} + +#nav-container { + display:flex; + height:calc(100vh - 40px); + width:100%; + position:absolute; + flex-direction: column; +} + +#nav-row { + box-sizing:border-box; + padding-bottom:30px; +} + +#nav-fill { + flex: 1; + position:relative; +} + +.menu-emphasis { +font-weight:bold; +padding-bottom:0px; +} + +/* INTRO PAGE WITH SPINNING COMPASS */ + +#intro { + display: none; +} +.intro #intro { + display: block; +} +.intro #header, +.intro #footer { + display: none; +} +#intro div { + position: absolute; + top: 50%; left: 50%; + width: 200px; + padding: 50px; + text-align: center; + font-size: 17px; +} +#intro #compass { + pointer-events: none; + background-image: url(../img/compass-logo.png); + background-repeat: no-repeat; + background-position: center center; + background-size: 230px 230px; + width: 230px; + height: 230px; + padding: 0px; + border-radius: 50%; +} +#intro .store { + -webkit-transform: translateX(-50%) translateY(-50%) translateY(145px) rotateZ(0deg); +} +#intro .hub { + -webkit-transform: translateX(-50%) translateY(-50%) translateX(140px) rotateZ(90deg); +} +#intro .story { + -webkit-transform: translateX(-50%) translateY(-50%) translateY(-145px) rotateZ(0deg); +} +#intro .archive { + -webkit-transform: translateX(-50%) translateY(-50%) translateX(-140px) rotateZ(270deg); +} +#intro .latlng { + position: absolute; + bottom: 5%; left: 0; width: 100%; + text-align: center; + z-index: 2 +} + +#intro .alert { + box-sizing: border-box; + width: calc(100vw); + text-align: center; + font-size: 14pt; + font-weight: bold; + line-height: 0; + text-transform: uppercase; + color: #3E6616; + position: absolute; + height: 0; + left: 0; + top: auto; + bottom: calc(25vh - 58px); + margin: auto 0; + padding: 0; +} + + +/* HEADER AND FOOTER ON MOST PAGES */ + +#header { + display: block; + position: absolute; + top: 0; left: 0; width: 100%; + height: 42px; + border-bottom: 1px solid black; +} +#header .logo { + background-image: url(../img/small-logo.png); + background-repeat: no-repeat; + background-position: center center; + position: absolute; + background-size: contain; + width: 100px; height: 40px; + left: 50%; top: -4px; + margin-left: -50px; + top:0px; +} +#header .burger { + display: inline-block; + font-size: 24px; + padding: 9px 10px 5px; +} + +#header .cart_rapper { + display: inline-block; + position: relative; + float: right; + width: 40px; height: 40px; +} +#header .cart { + position: relative; + float: right; + width: 18px; + top: 15px; + height: 18px; + margin-right: 18px; + background: #fff; + background-image:url(../img/cart-box.png); + background-size:100%; + background-repeat:no-repeat; +} + +.cart .cart_count { + position: absolute; + top: 50%; + left: 50%; + transform: translateY(-50%) translateX(-50%); + color: #bbb; + font-size:12.35px; +} + +#header .cart::before { + position: absolute; + content: ''; + left: 50%; + transform: translateX(-50%); + color: #a9a9a9; + background-image: url(../img/small-cart-handle.png); + font-size: 20px; + background-size: 16px 8px; + background-repeat: no-repeat; + background-position: center; + width: 16px; + height: 8px; + top: calc(-50%); + opacity: 0.3; +} + +#footer { + display: block; + position: absolute; + bottom: 0; left: 0; width: 100%; + background: #fff; + border-top: 1px solid #ddd; + z-index: 1; +} +#footer div { + width: 50%; + text-align: center; + padding: 10px 0; + color: #000; + float: left; + font-size:14px; + font-weight:bold; +} +#footer .ok { + color: #000; +} +#footer .ok.wide { + width: 100%; +} +#footer .ok.disabled { + color: #bbb; +} + + +/* CURTAIN FOR LOGIN AND SELECTOR VIEWS */ + +#curtain { + pointer-events: none; + position: absolute; + top: 0; left: 0; + width: 100%; height: 100%; + background: rgba(255,255,255,0.8); + opacity: 0; + -webkit-transition: opacity 0.2s; + transition: opacity 0.2s; +} +#curtain.visible { + pointer-events: auto; + opacity: 1; + z-index: 2; +} +#curtain.white { + background: rgba(255,255,255,0.8); +} +#curtain.dark { + background: rgba(72,72,72,0.8); +} +#curtain.loading .loader { + display: block; +} + + +/* SELECTOR */ + +#selector { + display: none; + position: absolute; + z-index: 2; + box-sizing:border-box; + min-width:100px; + animation: selector-spring .15s forwards; + animation-timing-function: cubic-bezier(.43,1,.89,.95) +} + +@keyframes selector-spring { + 0% { + margin-top: 15px + } + 100% { + margin-top: 0 + } +} + +#selector:not(.selector-outer-wrap) .options div { + background: white; + text-align: center; + padding: 7px 12px; + box-sizing:border-box; + font-size: 14px; + border-left:1px solid black; + border-right:1px solid black; + border-top:1px solid black; +} + +#selector:not(.selector-outer-wrap) .options div:last-of-type { + border-bottom:1px solid black +} + +.selector-full { + width: 100% !important; + box-sizing:border-box +} + +.selector-full > div > div { + padding: 12px 0 !important; +} + +.selector-outer-wrap { + max-width:250px!important; + min-width:250px!important; + box-sizing:border-box!important; + font-size: 0!important; +} + +.selector-outer-wrap .options div { + width:120px!important; + border-bottom:1px solid black!important; + display:inline-block!important; + box-sizing:border-box!important; + margin:0!important; + background: white; + text-align: center; + padding: 7px 12px; + font-size:14px!important; +} + +.selector-outer-wrap .options div:nth-of-type(odd){ + border-left:1px solid black!important; + border-right:1px solid black!important; +} + +.selector-outer-wrap .options div:nth-of-type(even){ + border-right:1px solid black!important; +} + +.selector-outer-wrap .options div:nth-of-type(-n+2){ + border-top:1px solid black!important; +} + + +/* CONTENT */ + +#story, #hub, #archive, .page, +#collection, #product, #search, #closed, +#login, #logout, #signup, +#cart, +#profile, #shipping, #payment, #settings, #orders { + position: absolute; + top: 43px; + height: -webkit-calc(100% - 43px - 39px); + height: calc(100% - 43px - 39px); + width: 100%; + overflow: hidden; +} +#collection.single { + height: -webkit-calc(100% - 43px); + height: calc(100% - 43px); +} +#story, #hub, #archive, .page, #closed { + /* these things do not have a footer */ + height: -webkit-calc(100% - 43px); + height: calc(100% - 43px); +} + +h1 { + text-align: center; + margin: 0; + padding: 16px 10px 12px 10px; + border-bottom: 1px solid #000; + font-size: 14px; + color: #000; + letter-spacing: 1px; + font-weight: bold; +} + +.msg { + margin: 20px 10px; + display: inline-block; +} + +.msg-condensed { + margin:6px!important; +} diff --git a/StoneIsland/platforms/android/assets/www/css/products.css b/StoneIsland/platforms/android/assets/www/css/products.css new file mode 100755 index 00000000..59bb403f --- /dev/null +++ b/StoneIsland/platforms/android/assets/www/css/products.css @@ -0,0 +1,266 @@ +.collection #collection { display: block } +#collection { + display: none; + text-align: center; +} +#collection .item { + text-align: center; + display: inline-block; + max-width: 49vw; +} +#collection .item img { + width: 49vw; + height: 63vw; +} +#collection.gray { + background: rgba(245,245,245,1.0); +} + +#collection.single .item { + max-width: 98vw; +} +#collection.single .item img { + width: 98vw; + height: 126vw; +} + +#collection .item .product-title { + padding-bottom: 18px; + display: inline-block; +} + +.product #product { display: block } +#product { + display: none; +} +#product .style { + text-transform: uppercase; + box-sizing:border-box +} + +#product.loading #gallery, +#product.loading .content { + display: none; +} +#product.loading .loader { + display: block; +} + +.gallery { + width: 100vw; + height: 52vh; +} +.gallery.gray { + background: rgba(245,245,245,1.0); +} + +.gallery .item { + width: 100vw; + height: 52vh; + background-size: contain; + background-position: center center; + background-repeat: no-repeat; +} + +.gallery .item iframe { + width: 100%; + height: 100%; + border: 0; + padding: 0; + margin: 0; +} + +.search #search { display: block } +#search { + display: none; +} + +.closed #closed { display: block } +#closed { + display: none; + background-size: cover; + background-position: center; + background-repeat: no-repeat; + background-color: #eee; + transition: background 0.5s ease-in; +} +#closed .closed_store_msg { + position: absolute; + bottom: 20vh; + background: rgba(255,255,255,0.9); + padding-top: 20px; + padding-bottom: 10px; + text-align: center; + width: 100%; +} + +.product .content { + box-sizing:border-box; + width:calc(100vw - 50px); + position:relative; + margin:0 auto 40px; + padding:0; +} + +.product .product-header { + font-size:14px; + margin:18px 0 0; + max-width:60%; + position:relative; + font-weight:bold; +} +.product .product-header.wide { + max-width:100%; +} + +.product-group { + margin-top: 28px; + margin-bottom: 18px; + font-weight: bold; + text-align: center; + font-size: 17px; +} +.product-group:first-child { + margin-top: 0; +} + +#product::before { + content:''; + width:100%; + background: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1)); + height:40px; + z-index:2; + position:absolute; + bottom:0px; + left:0 +} + +.product .style { + padding:4px 9px; + border:1px solid black; + float:left +} + +.product .share { + float:right; + padding:4px 9px; + border:1px solid black; +} + +.product .type { + display:table-cell; + font-size:14px; +} + +.product .size { + padding-right:16px; + position:relative; + box-sizing:border-box +} + +.product .price { + display:table-cell; + font-size:14px; + text-align:right; + vertical-align:bottom +} + +.product .price, .product .type { + font-weight:bold; + margin:0; + padding: 0 0 7px; +} + +.type-price { + display:table; + position:relative; + width:100% +} + +.style-share { + letter-spacing:0.5px; + font-size:12.35px +} + +.size-color { + position:relative; + font-size:12.35px +} + +.type-price, .style-share { + clear:both; + position:relative; + box-sizing:border-box +} + + +.size::after { + content: ''; + display: inline-block; + width: 1px; + height: calc(100% + 4px); + transform: translateY(-2px); + position: absolute; + top: 0; + right:5px; + background: #999; +} + + +.product .fit, +.product .notAvailableInCanada { + clear:both; + font-size:9px; + letter-spacing:0.5px; + text-decoration:underline; + text-transform:uppercase; + padding:12px 0 0; +} +.product .fitHeader { + clear:both; + font-size:9px; + letter-spacing:0.5px; + text-decoration: none; + text-transform:uppercase; + padding: 12px 0 0; +} + +#product .gallery-prev, +#product .gallery-next { + top: 26vh; +} + +#product .content .body { + letter-spacing:0.35px; + font-size:12px; + box-sizing:border-box; + margin:0px auto 20px; + clear:both; + padding:13px 0; +} + +#collection .content { + position:relative; + padding-top:45px; + padding-bottom:45px; +} + +#collection h1 { + background-color: white; +} + +#collection h1.single-dept { + background-image: url(../img/angle-down.png); + background-size: contain; + background-position: top right; + background-repeat: no-repeat; +} + +#selector { + z-index:9 +} + +.red { + color: red; +} + diff --git a/StoneIsland/platforms/android/assets/www/css/vendor/flickity.css b/StoneIsland/platforms/android/assets/www/css/vendor/flickity.css new file mode 100755 index 00000000..b8eca4e4 --- /dev/null +++ b/StoneIsland/platforms/android/assets/www/css/vendor/flickity.css @@ -0,0 +1,141 @@ +/*! Flickity v1.0.2 +http://flickity.metafizzy.co +---------------------------------------------- */ + +.flickity-enabled { + position: relative; +} + +.flickity-enabled:focus { outline: none; } + +.flickity-viewport { + overflow: hidden; + position: relative; + height: 100%; +} + +.flickity-slider { + position: absolute; + width: 100%; + height: 100%; +} + +/* draggable */ + +.flickity-enabled.is-draggable { + -webkit-tap-highlight-color: transparent; + tap-highlight-color: transparent; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.flickity-enabled.is-draggable .flickity-viewport { + cursor: move; + cursor: -webkit-grab; + cursor: grab; +} + +.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down { + cursor: -webkit-grabbing; + cursor: grabbing; +} + +/* ---- previous/next buttons ---- */ + +.flickity-prev-next-button { + position: absolute; + top: 50%; + width: 44px; + height: 44px; + border: none; + border-radius: 50%; + background: white; + background: hsla(0, 0%, 100%, 0.75); + cursor: pointer; + /* vertically center */ + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); +} + +.flickity-prev-next-button:hover { background: white; } + +.flickity-prev-next-button:focus { + outline: none; + box-shadow: 0 0 0 5px #09F; +} + +.flickity-prev-next-button:active { + filter: alpha(opacity=60); /* IE8 */ + opacity: 0.6; +} + +.flickity-prev-next-button.previous { left: 10px; } +.flickity-prev-next-button.next { right: 10px; } +/* right to left */ +.flickity-rtl .flickity-prev-next-button.previous { + left: auto; + right: 10px; +} +.flickity-rtl .flickity-prev-next-button.next { + right: auto; + left: 10px; +} + +.flickity-prev-next-button:disabled { + filter: alpha(opacity=30); /* IE8 */ + opacity: 0.3; + cursor: auto; +} + +.flickity-prev-next-button svg { + position: absolute; + left: 20%; + top: 20%; + width: 60%; + height: 60%; +} + +.flickity-prev-next-button .arrow { + fill: #333; +} + +/* color & size if no SVG - IE8 and Android 2.3 */ +.flickity-prev-next-button.no-svg { + color: #333; + font-size: 26px; +} + +/* ---- page dots ---- */ + +.flickity-page-dots { + position: absolute; + width: 100%; + bottom: -25px; + padding: 0; + margin: 0; + list-style: none; + text-align: center; + line-height: 1; +} + +.flickity-rtl .flickity-page-dots { direction: rtl; } + +.flickity-page-dots .dot { + display: inline-block; + width: 10px; + height: 10px; + margin: 0 8px; + background: #333; + border-radius: 50%; + filter: alpha(opacity=25); /* IE8 */ + opacity: 0.25; + cursor: pointer; +} + +.flickity-page-dots .dot.is-selected { + filter: alpha(opacity=100); /* IE8 */ + opacity: 1; +} diff --git a/StoneIsland/platforms/android/assets/www/css/vendor/imageviewer.css b/StoneIsland/platforms/android/assets/www/css/vendor/imageviewer.css new file mode 100644 index 00000000..af346f08 --- /dev/null +++ b/StoneIsland/platforms/android/assets/www/css/vendor/imageviewer.css @@ -0,0 +1,227 @@ +/* + ImageViewer v 1.1.0 + Author: Sudhanshu Yadav + Copyright (c) 2015 to Sudhanshu Yadav - ignitersworld.com , released under the MIT license. + Demo on: http://ignitersworld.com/lab/imageViewer.html +*/ + +/***** image viewer css *****/ +#iv-container { + position: fixed; + background: #ffffff; + width: 100%; + height: 100%; + top: 0; + left: 0; + display: none; + z-index: 1000; +} + +.iv-container { + overflow: hidden; +} + +.iv-close { + width: 32px; + height: 32px; + position: fixed; + right: 20px; + top: 20px; + cursor: pointer; + text-align: center; + overflow: hidden; + text-shadow: 0px 0px 3px #6d6d6d; + -webkit-transition: all ease 200ms; + -moz-transition: all ease 200ms; + -o-transition: all ease 200ms; + transition: all ease 200ms; +} +.iv-close:after, +.iv-close:before { + content: ""; + height: 4px; + width: 32px; + background: #000; + position: absolute; + left: 0; + top: 50%; + margin-top: -2px; +} +.iv-close:before { + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); + transform: rotate(45deg); +} +.iv-close:after { + -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + -o-transform: rotate(-45deg); + transform: rotate(-45deg); +} +/*.iv-close:hover { + -webkit-transform: rotate(90deg); + -moz-transform: rotate(90deg); + -ms-transform: rotate(90deg); + -o-transform: rotate(90deg); + transform: rotate(90deg); +} +*//***** snap view css *****/ +.iv-snap-view { + width: 150px; + height: 150px; + position: absolute; + top: 20px; + left: 20px; + border: 1px solid #666; + background: black; + z-index: 100; + -webkit-box-sizing: content-box; + -moz-box-sizing: content-box; + box-sizing: content-box; + -webkit-transition: all ease 400ms; + -moz-transition: all ease 400ms; + -o-transition: all ease 400ms; + transition: all ease 400ms; + opacity: 0 !important; + pointer-events: none; +} + +.iv-snap-image-wrap { + display: inline-block; + position: absolute; + max-width: 150px; + max-height: 150px; + top: 50%; + left: 50%; + -webkit-transform: translate(-50%, -50%); + -moz-transform: translate(-50%, -50%); + -ms-transform: translate(-50%, -50%); + -o-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + overflow: hidden; +} + +.iv-snap-image { + position: relative; +} + +.iv-snap-handle { + position: absolute; + border: 1px solid #ccc; + -webkit-transform: translate3d(0, 0, 0); + -moz-transform: translate3d(0, 0, 0); + -ms-transform: translate3d(0, 0, 0); + -o-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + -webkit-box-shadow: 0px 0px 0px 200px rgba(0, 0, 0, 0.5); + -moz-box-shadow: 0px 0px 0px 200px rgba(0, 0, 0, 0.5); + box-shadow: 0px 0px 0px 200px rgba(0, 0, 0, 0.5); +} + +/*** zoom slider ***/ +.iv-zoom-slider { + width: 100%; + -webkit-box-sizing: content-box; + -moz-box-sizing: content-box; + box-sizing: content-box; + border: 1px solid #666; + border-top: 0; + background: rgba(204, 204, 204, 0.1); + height: 15px; + position: absolute; + top: 150px; + left: -1px; +} + +.iv-zoom-handle { + width: 20px; + height: 15px; + background: #ccc; + position: absolute; +} + +/**** snap view css end *****/ +.iv-image-view { + position: absolute; + height: 100%; + width: 100%; +} + +.iv-image-wrap { + display: inline-block; +} + +.iv-image-wrap:active { + cursor: move; +} + +.iv-large-image { + max-width: 100%; + max-height: 100%; + position: absolute; + -webkit-transform: translate3d(0, 0, 0); + -moz-transform: translate3d(0, 0, 0); + -ms-transform: translate3d(0, 0, 0); + -o-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} + +/****** CSS loader by http://projects.lukehaas.me/css-loaders/ *****/ +.iv-loader { + top: 50%; + left: 50%; + border-radius: 50%; + width: 32px; + height: 32px; + z-index: 100; + margin-top: -16px; + margin-left: -16px; + font-size: 5px; + position: absolute; + text-indent: -9999em; + border-top: 1.1em solid rgba(255, 255, 255, 0.2); + border-right: 1.1em solid rgba(255, 255, 255, 0.2); + border-bottom: 1.1em solid rgba(255, 255, 255, 0.2); + border-left: 1.1em solid #ffffff; + -webkit-transform: translateZ(0); + -ms-transform: translateZ(0); + transform: translateZ(0); + -webkit-animation: load8 1.1s infinite linear; + animation: load8 1.1s infinite linear; +} +.iv-loader:after { + width: 10em; + height: 10em; + border-radius: 50%; +} +@-webkit-keyframes load8 { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} +@keyframes load8 { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} + + +@media screen and (max-width: 767px) { + .iv-snap-view { + z-index: -1; + visibility: hidden; + } +} -- cgit v1.2.3-70-g09d2