summaryrefslogtreecommitdiff
path: root/StoneIsland/platforms/ios/www/css/blogs.css
diff options
context:
space:
mode:
Diffstat (limited to 'StoneIsland/platforms/ios/www/css/blogs.css')
-rw-r--r--StoneIsland/platforms/ios/www/css/blogs.css24
1 files changed, 15 insertions, 9 deletions
diff --git a/StoneIsland/platforms/ios/www/css/blogs.css b/StoneIsland/platforms/ios/www/css/blogs.css
index 0b9f8eed..f18b27f8 100644
--- a/StoneIsland/platforms/ios/www/css/blogs.css
+++ b/StoneIsland/platforms/ios/www/css/blogs.css
@@ -105,7 +105,7 @@
/* NOTE: optional arrows */
-.gallery-multiple-images::before {
+.gallery-left {
border:1px solid black;
background:rgba(255,255,255,1);
background-image:url(../img/left-arrow.png);
@@ -114,7 +114,7 @@
background-position:center;
width:15px;
height:30px;
- top:50%;
+ top:26vh;
content:'';
transform:translateY(-50%);
transform-origin:top right;
@@ -126,7 +126,7 @@
display:block;
}
-.gallery-multiple-images::after {
+.gallery-right {
border:1px solid black;
background:rgba(255,255,255,1);
background-image:url(../img/right-arrow.png);
@@ -135,7 +135,7 @@
background-position:center;
width:15px;
height:30px;
- top:50%;
+ top:26vh;
content:'';
transform:translateY(-50%);
transform-origin:top right;
@@ -246,7 +246,6 @@ ul.links {
}
#archive .menu .items {
width: 100%;
-
}
#archive .menu .item:first-of-type {
border-top: 1px solid black;
@@ -256,9 +255,9 @@ ul.links {
text-align: center;
border-bottom: 1px solid black;
background: white;
- padding:12px 0;
- font-size:14px;
- letter-spacing:0.7px
+ padding:12px 0;
+ font-size:14px;
+ letter-spacing:0.7px
}
#archive .scroll {
@@ -268,7 +267,8 @@ ul.links {
#archive .row {
position: relative;
min-height: 80vh;
- perspective: 500;
+ -webkit-perspective: 500px;
+ perspective: 500px;
}
#archive .row .image {
width: 100%; height: 100%;
@@ -276,6 +276,12 @@ ul.links {
background-size: 80% auto;
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%;
}