summaryrefslogtreecommitdiff
path: root/StoneIsland/platforms/android/assets/www/css/blogs.css
diff options
context:
space:
mode:
Diffstat (limited to 'StoneIsland/platforms/android/assets/www/css/blogs.css')
-rwxr-xr-xStoneIsland/platforms/android/assets/www/css/blogs.css427
1 files changed, 0 insertions, 427 deletions
diff --git a/StoneIsland/platforms/android/assets/www/css/blogs.css b/StoneIsland/platforms/android/assets/www/css/blogs.css
deleted file mode 100755
index ee54a31f..00000000
--- a/StoneIsland/platforms/android/assets/www/css/blogs.css
+++ /dev/null
@@ -1,427 +0,0 @@
-.story #story { display: block }
-#story {
- display: none;
-}
-#story .links {
- margin: 15px 0 0;
- text-align: center;
- text-transform:uppercase;
- display: flex;
- flex-direction: row;
- justify-content: center;
- align-items: center;
- flex-wrap: wrap;
-}
-#story .links li {
- display: block;
- list-style-type: none;
- font-size: 1rem;
-}
-#story .links li div {
- display: flex;
- justify-content: center;
- align-items: center;
- height: 48px;
- padding: 0 15px;
-}
-.accessible #story .links {
- flex-wrap: wrap;
-}
-.accessible #story .links li {
- border: 1px solid black;
- margin: 5px;
-}
-#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 }
-.account_terms #account_terms { 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: 1rem;
- width:calc(100vw - 40px);
- box-sizing:border-box;
- margin:10px auto 20px;
- clear:both
-}
-
-#hub .content .body:last-child {
- margin:20px 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: 1rem;
- text-transform:uppercase
-}
-
-.content-header .title {
- margin:0;
- padding:0;
- line-height:1.4em;
-}
-
-.content-header .subtitle {
- padding-bottom:10px
-}
-
-.content-share {
- border:1px solid black;
- padding: 0 12px;
- height: 48px;
- font-size: 1rem;
- display: flex;
- justify-content: center;
- align-items: center;
- float:right
-}
-
-.content-header span.date, .content-header span.store {
- font-size: 1rem;
-}
-
-/* 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:24px;
- height:48px;
- top:26vh;
- content:'';
- transform:translateY(-50%);
- transform-origin:top right;
- left:20px;
- font-size: 1.125rem;
- padding:3px 3px 3px 1px;
- z-index:2;
- position:absolute;
- display:block;
-}
-.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:24px;
- height:48px;
- top:26vh;
- content:'';
- transform:translateY(-50%);
- transform-origin:top right;
- right:20px;
- font-size: 1.125rem;
- padding:3px 1px 3px 3px;
- z-index:2;
- position:absolute;
- display:block;
-}
-.accessible .gallery-left,
-.accessible .gallery-right {
- width: 48px;
-}
-
-@-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
-}
-.vscroll .fade-cover {
- display: none;
-}
-
-/*
-.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: 1.063rem;
- 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: 1.625rem;
- border-bottom:0;
- margin-top: 8px;
- padding-bottom:0;
- line-height: 1;
-}
-
-.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: 1rem;
-}
-
-
-.archive h2 {
- font-size: 1.563rem;
- font-weight: normal;
-}
-.archive h2 b {
- font-size: 1.75rem;
-}
-.archive .body {
- font-size: 0.875rem;
- line-height: 1.4rem;
- font-weight: 100;
-}
-
-#archive .heading {
- position: absolute;
- top: 0; left: 0;
- width: 100%;
- pointer-events: none;
-}
-#archive .menu .items {
- position: absolute;
- top: 50%; left: 50%;
- transform-origin: 50% 50%;
- transform: translateZ(0) translateX(-50%) translateY(-50%);
-}
-#archive .row .image {
- position: absolute;
- top: 10%; left: 50%;
- transform-origin: 50% 50%;
- transform: translateZ(0) translateX(-50%) translateY(0%);
-}
-#archive .row .text {
- display: flex;
- justify-content: center;
- align-items: center;
- min-height: 80vh;
- padding: 16px 0;
-}
-#archive .menu {
- position: fixed;
- display: none;
-}
-#archive.menu .menu {
- display: block;
-}
-
-.accessible #archive .row .image,
-.accessible #archive .row .text {
- position: relative;
- top: auto;
- left: auto;
- transform: translateZ(0);
-}
-
-#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%;
- display: flex;
- justify-content: center;
- align-items: center;
- border-bottom: 1px solid black;
- background: white;
- padding:0;
- height: 48px;
- font-size: 1rem;
- 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%;
- max-height: 80vh;
- 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 > div {
- width: 80%;
-}
-.accessible #archive .row .image {
- display: block;
- height: 50vh;
- opacity: 1 !important;
-}
-.accessible #archive .row .text {
- display: block;
- margin: 0 auto;
- opacity: 1 !important;
- width: 90%;
-}
-
-.gallery-target {
- display: none;
-}
-.accessible .gallery-target {
- display: block;
- position: absolute;
- top: 0; left: 0;
- width: 100vw;
- height: 52vh;
-}
-.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
-}