diff options
Diffstat (limited to 'StoneIsland/platforms/ios/www/css/blogs.css')
| -rw-r--r-- | StoneIsland/platforms/ios/www/css/blogs.css | 24 |
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%; } |
