[ Index ] |
PHP Cross Reference of WordPress Trunk (Updated Daily) |
[Summary view] [Print] [Text view]
1 .wp-block-image img{ 2 box-sizing:border-box; 3 height:auto; 4 max-width:100%; 5 vertical-align:bottom; 6 } 7 .wp-block-image[style*=border-radius] img,.wp-block-image[style*=border-radius]>a{ 8 border-radius:inherit; 9 } 10 .wp-block-image.has-custom-border img{ 11 box-sizing:border-box; 12 } 13 .wp-block-image.aligncenter{ 14 text-align:center; 15 } 16 .wp-block-image.alignfull img,.wp-block-image.alignwide img{ 17 height:auto; 18 width:100%; 19 } 20 .wp-block-image .aligncenter,.wp-block-image .alignleft,.wp-block-image .alignright,.wp-block-image.aligncenter,.wp-block-image.alignleft,.wp-block-image.alignright{ 21 display:table; 22 } 23 .wp-block-image .aligncenter>figcaption,.wp-block-image .alignleft>figcaption,.wp-block-image .alignright>figcaption,.wp-block-image.aligncenter>figcaption,.wp-block-image.alignleft>figcaption,.wp-block-image.alignright>figcaption{ 24 caption-side:bottom; 25 display:table-caption; 26 } 27 .wp-block-image .alignleft{ 28 float:left; 29 margin:.5em 1em .5em 0; 30 } 31 .wp-block-image .alignright{ 32 float:right; 33 margin:.5em 0 .5em 1em; 34 } 35 .wp-block-image .aligncenter{ 36 margin-left:auto; 37 margin-right:auto; 38 } 39 .wp-block-image figcaption{ 40 margin-bottom:1em; 41 margin-top:.5em; 42 } 43 .wp-block-image .is-style-rounded img,.wp-block-image.is-style-circle-mask img,.wp-block-image.is-style-rounded img{ 44 border-radius:9999px; 45 } 46 @supports ((-webkit-mask-image:none) or (mask-image:none)) or (-webkit-mask-image:none){ 47 .wp-block-image.is-style-circle-mask img{ 48 border-radius:0; 49 -webkit-mask-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>'); 50 mask-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>'); 51 mask-mode:alpha; 52 -webkit-mask-position:center; 53 mask-position:center; 54 -webkit-mask-repeat:no-repeat; 55 mask-repeat:no-repeat; 56 -webkit-mask-size:contain; 57 mask-size:contain; 58 } 59 } 60 .wp-block-image :where(.has-border-color){ 61 border-style:solid; 62 } 63 .wp-block-image :where([style*=border-top-color]){ 64 border-top-style:solid; 65 } 66 .wp-block-image :where([style*=border-right-color]){ 67 border-right-style:solid; 68 } 69 .wp-block-image :where([style*=border-bottom-color]){ 70 border-bottom-style:solid; 71 } 72 .wp-block-image :where([style*=border-left-color]){ 73 border-left-style:solid; 74 } 75 .wp-block-image :where([style*=border-width]){ 76 border-style:solid; 77 } 78 .wp-block-image :where([style*=border-top-width]){ 79 border-top-style:solid; 80 } 81 .wp-block-image :where([style*=border-right-width]){ 82 border-right-style:solid; 83 } 84 .wp-block-image :where([style*=border-bottom-width]){ 85 border-bottom-style:solid; 86 } 87 .wp-block-image :where([style*=border-left-width]){ 88 border-left-style:solid; 89 } 90 91 .wp-block-image figure{ 92 margin:0; 93 } 94 95 .wp-lightbox-container{ 96 display:flex; 97 flex-direction:column; 98 position:relative; 99 } 100 .wp-lightbox-container img{ 101 cursor:zoom-in; 102 } 103 .wp-lightbox-container img:hover+button{ 104 opacity:1; 105 } 106 .wp-lightbox-container button{ 107 align-items:center; 108 -webkit-backdrop-filter:blur(16px) saturate(180%); 109 backdrop-filter:blur(16px) saturate(180%); 110 background-color:#5a5a5a40; 111 border:none; 112 border-radius:4px; 113 cursor:zoom-in; 114 display:flex; 115 height:20px; 116 justify-content:center; 117 opacity:0; 118 padding:0; 119 position:absolute; 120 right:16px; 121 text-align:center; 122 top:16px; 123 transition:opacity .2s ease; 124 width:20px; 125 z-index:100; 126 } 127 .wp-lightbox-container button:focus-visible{ 128 outline:3px auto #5a5a5a40; 129 outline:3px auto -webkit-focus-ring-color; 130 outline-offset:3px; 131 } 132 .wp-lightbox-container button:hover{ 133 cursor:pointer; 134 opacity:1; 135 } 136 .wp-lightbox-container button:focus{ 137 opacity:1; 138 } 139 .wp-lightbox-container button:focus,.wp-lightbox-container button:hover,.wp-lightbox-container button:not(:hover):not(:active):not(.has-background){ 140 background-color:#5a5a5a40; 141 border:none; 142 } 143 144 .wp-lightbox-overlay{ 145 box-sizing:border-box; 146 cursor:zoom-out; 147 height:100vh; 148 left:0; 149 overflow:hidden; 150 position:fixed; 151 top:0; 152 visibility:hidden; 153 width:100%; 154 z-index:100000; 155 } 156 .wp-lightbox-overlay .close-button{ 157 align-items:center; 158 cursor:pointer; 159 display:flex; 160 justify-content:center; 161 min-height:40px; 162 min-width:40px; 163 padding:0; 164 position:absolute; 165 right:calc(env(safe-area-inset-right) + 16px); 166 top:calc(env(safe-area-inset-top) + 16px); 167 z-index:5000000; 168 } 169 .wp-lightbox-overlay .close-button:focus,.wp-lightbox-overlay .close-button:hover,.wp-lightbox-overlay .close-button:not(:hover):not(:active):not(.has-background){ 170 background:none; 171 border:none; 172 } 173 .wp-lightbox-overlay .lightbox-image-container{ 174 height:var(--wp--lightbox-container-height); 175 left:50%; 176 overflow:hidden; 177 position:absolute; 178 top:50%; 179 transform:translate(-50%, -50%); 180 transform-origin:top left; 181 width:var(--wp--lightbox-container-width); 182 z-index:9999999999; 183 } 184 .wp-lightbox-overlay .wp-block-image{ 185 align-items:center; 186 box-sizing:border-box; 187 display:flex; 188 height:100%; 189 justify-content:center; 190 margin:0; 191 position:relative; 192 transform-origin:0 0; 193 width:100%; 194 z-index:3000000; 195 } 196 .wp-lightbox-overlay .wp-block-image img{ 197 height:var(--wp--lightbox-image-height); 198 min-height:var(--wp--lightbox-image-height); 199 min-width:var(--wp--lightbox-image-width); 200 width:var(--wp--lightbox-image-width); 201 } 202 .wp-lightbox-overlay .wp-block-image figcaption{ 203 display:none; 204 } 205 .wp-lightbox-overlay button{ 206 background:none; 207 border:none; 208 } 209 .wp-lightbox-overlay .scrim{ 210 background-color:#fff; 211 height:100%; 212 opacity:.9; 213 position:absolute; 214 width:100%; 215 z-index:2000000; 216 } 217 .wp-lightbox-overlay.active{ 218 animation:turn-on-visibility .25s both; 219 visibility:visible; 220 } 221 .wp-lightbox-overlay.active img{ 222 animation:turn-on-visibility .35s both; 223 } 224 .wp-lightbox-overlay.show-closing-animation:not(.active){ 225 animation:turn-off-visibility .35s both; 226 } 227 .wp-lightbox-overlay.show-closing-animation:not(.active) img{ 228 animation:turn-off-visibility .25s both; 229 } 230 @media (prefers-reduced-motion:no-preference){ 231 .wp-lightbox-overlay.zoom.active{ 232 animation:none; 233 opacity:1; 234 visibility:visible; 235 } 236 .wp-lightbox-overlay.zoom.active .lightbox-image-container{ 237 animation:lightbox-zoom-in .4s; 238 } 239 .wp-lightbox-overlay.zoom.active .lightbox-image-container img{ 240 animation:none; 241 } 242 .wp-lightbox-overlay.zoom.active .scrim{ 243 animation:turn-on-visibility .4s forwards; 244 } 245 .wp-lightbox-overlay.zoom.show-closing-animation:not(.active){ 246 animation:none; 247 } 248 .wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .lightbox-image-container{ 249 animation:lightbox-zoom-out .4s; 250 } 251 .wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .lightbox-image-container img{ 252 animation:none; 253 } 254 .wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .scrim{ 255 animation:turn-off-visibility .4s forwards; 256 } 257 } 258 259 @keyframes turn-on-visibility{ 260 0%{ 261 opacity:0; 262 } 263 to{ 264 opacity:1; 265 } 266 } 267 @keyframes turn-off-visibility{ 268 0%{ 269 opacity:1; 270 visibility:visible; 271 } 272 99%{ 273 opacity:0; 274 visibility:visible; 275 } 276 to{ 277 opacity:0; 278 visibility:hidden; 279 } 280 } 281 @keyframes lightbox-zoom-in{ 282 0%{ 283 transform:translate(calc((-100vw + var(--wp--lightbox-scrollbar-width))/2 + var(--wp--lightbox-initial-left-position)), calc(-50vh + var(--wp--lightbox-initial-top-position))) scale(var(--wp--lightbox-scale)); 284 } 285 to{ 286 transform:translate(-50%, -50%) scale(1); 287 } 288 } 289 @keyframes lightbox-zoom-out{ 290 0%{ 291 transform:translate(-50%, -50%) scale(1); 292 visibility:visible; 293 } 294 99%{ 295 visibility:visible; 296 } 297 to{ 298 transform:translate(calc((-100vw + var(--wp--lightbox-scrollbar-width))/2 + var(--wp--lightbox-initial-left-position)), calc(-50vh + var(--wp--lightbox-initial-top-position))) scale(var(--wp--lightbox-scale)); 299 visibility:hidden; 300 } 301 }
title
Description
Body
title
Description
Body
title
Description
Body
title
Body
Generated : Thu May 2 08:20:01 2024 | Cross-referenced by PHPXref |