summaryrefslogtreecommitdiff
path: root/StoneIsland/www/css
diff options
context:
space:
mode:
Diffstat (limited to 'StoneIsland/www/css')
-rwxr-xr-xStoneIsland/www/css/account.css8
-rwxr-xr-xStoneIsland/www/css/blogs.css36
-rwxr-xr-xStoneIsland/www/css/index.css13
-rwxr-xr-xStoneIsland/www/css/nav.css80
-rw-r--r--StoneIsland/www/css/vendor/imageviewer.css4
5 files changed, 119 insertions, 22 deletions
diff --git a/StoneIsland/www/css/account.css b/StoneIsland/www/css/account.css
index 12adb2d9..998b6eac 100755
--- a/StoneIsland/www/css/account.css
+++ b/StoneIsland/www/css/account.css
@@ -557,16 +557,20 @@ input.switch:checked + label:after {
}
.container-row .half-input input {
-margin-top:0px
+ margin-top:0px;
}
.newuser {
display:inline-block;
padding:18px;
text-decoration:underline
+ border: 1px solid black;
+ margin: 0 8px 0 0;
}
.forgotpassword {
padding:18px;
text-decoration:underline
-} \ No newline at end of file
+ border: 1px solid black;
+ margin: 0 0 0 8px;
+}
diff --git a/StoneIsland/www/css/blogs.css b/StoneIsland/www/css/blogs.css
index c4b74c19..ee54a31f 100755
--- a/StoneIsland/www/css/blogs.css
+++ b/StoneIsland/www/css/blogs.css
@@ -6,20 +6,23 @@
margin: 15px 0 0;
text-align: center;
text-transform:uppercase;
- display:flex;
+ 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;
- list-style-type: none;
- font-size: 1rem;
}
.accessible #story .links {
flex-wrap: wrap;
@@ -166,6 +169,10 @@
position:absolute;
display:block;
}
+.accessible .gallery-left,
+.accessible .gallery-right {
+ width: 48px;
+}
@-webkit-keyframes gallery-fade {
0%{opacity:0}
@@ -259,14 +266,25 @@ ul.links {
width: 100%;
pointer-events: none;
}
-#archive .menu .items,
-#archive .row .image,
-#archive .row .text {
+#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;
@@ -278,7 +296,8 @@ ul.links {
.accessible #archive .row .image,
.accessible #archive .row .text {
position: relative;
- top: auto; left: auto;
+ top: auto;
+ left: auto;
transform: translateZ(0);
}
@@ -338,6 +357,7 @@ ul.links {
}
#archive .row .image {
width: 100%; height: 100%;
+ max-height: 80vh;
background-repeat: no-repeat;
background-size: contain;
background-position: center center;
@@ -348,7 +368,7 @@ ul.links {
background-position: center center;
background-image: url('../img/spinner.gif') !important;
}
-#archive .row .text {
+#archive .row .text > div {
width: 80%;
}
.accessible #archive .row .image {
diff --git a/StoneIsland/www/css/index.css b/StoneIsland/www/css/index.css
index 83b3353a..2130c675 100755
--- a/StoneIsland/www/css/index.css
+++ b/StoneIsland/www/css/index.css
@@ -102,6 +102,19 @@ html.vscroll {
.error_hilite ~ span.err {
display: flex;
}
+.err_heading {
+ display: none;
+}
+.err_heading.error_visible {
+ display: flex;
+ text-align: center;
+ justify-content: center;
+ align-items: center;
+ font-size: 0.875rem;
+ height: 64px;
+ padding: 12px;
+ color: red !important;
+}
span.err {
display: none;
text-align: center;
diff --git a/StoneIsland/www/css/nav.css b/StoneIsland/www/css/nav.css
index f555ce99..705c0824 100755
--- a/StoneIsland/www/css/nav.css
+++ b/StoneIsland/www/css/nav.css
@@ -2,7 +2,7 @@
/* NAV BAR */
#nav {
- position: absolute;
+ position: fixed;
top: 0; left: 0;
width: 249px;
-webkit-transform: translateZ(0) translateX(-249px);
@@ -10,7 +10,7 @@
background: #fff;
}
#content {
- position: absolute;
+ position: fixed;
top: 0; left: 0;
width: 100%; height: 100%;
overflow: hidden;
@@ -23,6 +23,10 @@
.nav #content {
-webkit-transform: translateZ(0) translateX(249px);
}
+.accessible #nav,
+.accessible #content {
+ position: absolute;
+}
#nav .logo {
background-image: url(../img/small-logo.png);
background-repeat: no-repeat;
@@ -85,19 +89,62 @@
#nav .social {
position: absolute;
- bottom: 0;
+ top: calc(100vh - 48px);
left: 0;
border-top: 1px solid #ddd;
+ display: flex;
+ flex-direction: row;
}
#nav .social span {
display: block;
- float: left;
width: 61px;
border-left: 1px solid #ddd;
color: #666;
font-size: 1.125rem;
- padding: 5px 0;
+ height: 48px;
text-align: center;
+ justify-content: center;
+ align-items: center;
+ display: flex;
+}
+
+#nav .close {
+ position: absolute;
+ top: 0;
+ right: 0;
+ width: 48px;
+ height: 48px;
+ cursor: pointer;
+ text-align: center;
+ overflow: hidden;
+ -webkit-transition: all ease 200ms;
+ -moz-transition: all ease 200ms;
+ -o-transition: all ease 200ms;
+ transition: all ease 200ms;
+}
+#nav .close:after,
+#nav .close:before {
+ content: "";
+ height: 1px;
+ width: 24px;
+ background: #888;
+ position: absolute;
+ left: 25%;
+ top: 50%;
+}
+#nav .close:before {
+ -webkit-transform: rotate(45deg);
+ -moz-transform: rotate(45deg);
+ -ms-transform: rotate(45deg);
+ -o-transform: rotate(45deg);
+ transform: rotate(45deg);
+}
+#nav .close:after {
+ -webkit-transform: rotate(-45deg);
+ -moz-transform: rotate(-45deg);
+ -ms-transform: rotate(-45deg);
+ -o-transform: rotate(-45deg);
+ transform: rotate(-45deg);
}
#nav-container {
@@ -198,7 +245,8 @@ padding-bottom:0px;
/* HEADER AND FOOTER ON MOST PAGES */
#header {
- display: block;
+ display: flex;
+ justify-content: space-between;
position: absolute;
top: 0; left: 0; width: 100%;
height: 48px;
@@ -216,9 +264,15 @@ padding-bottom:0px;
top:0px;
}
#header .burger {
- display: inline-block;
+ display: flex;
font-size: 24px;
- padding: 12px 13px 7px;
+ width: 48px;
+ height: 48px;
+ padding-top: 4px;
+ box-sizing: border-box;
+ align-items: center;
+ flex-direction: row;
+ justify-content: center;
}
#header .cart_rapper {
@@ -268,7 +322,7 @@ padding-bottom:0px;
#footer {
display: block;
- position: absolute;
+ position: fixed;
bottom: 0; left: 0; width: 100%;
background: #fff;
border-top: 1px solid #ddd;
@@ -296,13 +350,16 @@ padding-bottom:0px;
#footer .ok.disabled {
color: #666;
}
+.accessible #footer {
+ position: absolute;
+}
/* CURTAIN FOR LOGIN AND SELECTOR VIEWS */
#curtain {
pointer-events: none;
- position: absolute;
+ position: fixed;
top: 0; left: 0;
width: 100%; height: 100%;
background: rgba(255,255,255,0.8);
@@ -312,6 +369,9 @@ padding-bottom:0px;
-webkit-transform: translateZ(0) translateX(0);
transform: translateZ(0) translateX(0);
}
+.accessible #curtain {
+ position: absolute;
+}
#curtain.visible {
pointer-events: auto;
opacity: 1;
diff --git a/StoneIsland/www/css/vendor/imageviewer.css b/StoneIsland/www/css/vendor/imageviewer.css
index af346f08..739c37a1 100644
--- a/StoneIsland/www/css/vendor/imageviewer.css
+++ b/StoneIsland/www/css/vendor/imageviewer.css
@@ -22,8 +22,8 @@
}
.iv-close {
- width: 32px;
- height: 32px;
+ width: 48px;
+ height: 48px;
position: fixed;
right: 20px;
top: 20px;
generated by cgit v1.2.3-70-g09d2 (git 2.51.0) at 2025-12-17 12:47:59 +0000