131 display:block; |
131 display:block; |
132 height:auto; |
132 height:auto; |
133 max-width:100% !important; |
133 max-width:100% !important; |
134 width:auto; |
134 width:auto; |
135 } |
135 } |
|
136 .wp-block-gallery.has-nested-images figure.wp-block-image figcaption,.wp-block-gallery.has-nested-images figure.wp-block-image:has(figcaption):before{ |
|
137 bottom:0; |
|
138 left:0; |
|
139 max-height:100%; |
|
140 position:absolute; |
|
141 right:0; |
|
142 } |
|
143 .wp-block-gallery.has-nested-images figure.wp-block-image:has(figcaption):before{ |
|
144 -webkit-backdrop-filter:blur(3px); |
|
145 backdrop-filter:blur(3px); |
|
146 content:""; |
|
147 height:100%; |
|
148 -webkit-mask-image:linear-gradient(0deg, #000 20%, #0000); |
|
149 mask-image:linear-gradient(0deg, #000 20%, #0000); |
|
150 max-height:40%; |
|
151 } |
136 .wp-block-gallery.has-nested-images figure.wp-block-image figcaption{ |
152 .wp-block-gallery.has-nested-images figure.wp-block-image figcaption{ |
137 background:linear-gradient(0deg, #000000b3, #0000004d 70%, #0000); |
153 background:linear-gradient(0deg, #0006, #0000); |
138 bottom:0; |
|
139 box-sizing:border-box; |
154 box-sizing:border-box; |
140 color:#fff; |
155 color:#fff; |
141 font-size:13px; |
156 font-size:13px; |
142 margin-bottom:0; |
157 margin:0; |
143 max-height:60%; |
|
144 overflow:auto; |
158 overflow:auto; |
145 padding:0 8px 8px; |
159 padding:1em; |
146 position:absolute; |
|
147 right:0; |
|
148 scrollbar-color:#0000 #0000; |
160 scrollbar-color:#0000 #0000; |
149 scrollbar-gutter:stable both-edges; |
161 scrollbar-gutter:stable both-edges; |
150 scrollbar-width:thin; |
162 scrollbar-width:thin; |
151 text-align:center; |
163 text-align:center; |
152 width:100%; |
164 text-shadow:0 0 1.5px #000; |
153 will-change:transform; |
165 will-change:transform; |
154 } |
166 } |
155 .wp-block-gallery.has-nested-images figure.wp-block-image figcaption::-webkit-scrollbar{ |
167 .wp-block-gallery.has-nested-images figure.wp-block-image figcaption::-webkit-scrollbar{ |
156 height:12px; |
168 height:12px; |
157 width:12px; |
169 width:12px; |