[ Index ]

PHP Cross Reference of WordPress Trunk (Updated Daily)

Search

title

Body

[close]

/wp-includes/blocks/gallery/ -> style.css (source)

   1  .blocks-gallery-grid:not(.has-nested-images),.wp-block-gallery:not(.has-nested-images){
   2    display:flex;
   3    flex-wrap:wrap;
   4    list-style-type:none;
   5    margin:0;
   6    padding:0;
   7  }
   8  .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item{
   9    display:flex;
  10    flex-direction:column;
  11    flex-grow:1;
  12    justify-content:center;
  13    margin:0 1em 1em 0;
  14    position:relative;
  15    width:calc(50% - 1em);
  16  }
  17  .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image:nth-of-type(2n),.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item:nth-of-type(2n),.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image:nth-of-type(2n),.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item:nth-of-type(2n){
  18    margin-right:0;
  19  }
  20  .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figure,.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figure,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figure,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figure{
  21    align-items:flex-end;
  22    display:flex;
  23    height:100%;
  24    justify-content:flex-start;
  25    margin:0;
  26  }
  27  .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image img,.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item img,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image img,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item img{
  28    display:block;
  29    height:auto;
  30    max-width:100%;
  31    width:auto;
  32  }
  33  .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figcaption,.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figcaption,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figcaption,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figcaption{
  34    background:linear-gradient(0deg, #000000b3, #0000004d 70%, #0000);
  35    bottom:0;
  36    box-sizing:border-box;
  37    color:#fff;
  38    font-size:.8em;
  39    margin:0;
  40    max-height:100%;
  41    overflow:auto;
  42    padding:3em .77em .7em;
  43    position:absolute;
  44    text-align:center;
  45    width:100%;
  46    z-index:2;
  47  }
  48  .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figcaption img,.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figcaption img,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figcaption img,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figcaption img{
  49    display:inline;
  50  }
  51  .blocks-gallery-grid:not(.has-nested-images) figcaption,.wp-block-gallery:not(.has-nested-images) figcaption{
  52    flex-grow:1;
  53  }
  54  .blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-image a,.blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-image img,.blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-item a,.blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-item img,.wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-image a,.wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-image img,.wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-item a,.wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-item img{
  55    flex:1;
  56    height:100%;
  57    object-fit:cover;
  58    width:100%;
  59  }
  60  .blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-item{
  61    margin-right:0;
  62    width:100%;
  63  }
  64  @media (min-width:600px){
  65    .blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-item{
  66      margin-right:1em;
  67      width:calc(33.33333% - .66667em);
  68    }
  69    .blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-item{
  70      margin-right:1em;
  71      width:calc(25% - .75em);
  72    }
  73    .blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-item{
  74      margin-right:1em;
  75      width:calc(20% - .8em);
  76    }
  77    .blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-item{
  78      margin-right:1em;
  79      width:calc(16.66667% - .83333em);
  80    }
  81    .blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-item{
  82      margin-right:1em;
  83      width:calc(14.28571% - .85714em);
  84    }
  85    .blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-item{
  86      margin-right:1em;
  87      width:calc(12.5% - .875em);
  88    }
  89    .blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-image:nth-of-type(1n),.blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-item:nth-of-type(1n),.blocks-gallery-grid:not(.has-nested-images).columns-2 .blocks-gallery-image:nth-of-type(2n),.blocks-gallery-grid:not(.has-nested-images).columns-2 .blocks-gallery-item:nth-of-type(2n),.blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-image:nth-of-type(3n),.blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-item:nth-of-type(3n),.blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-image:nth-of-type(4n),.blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-item:nth-of-type(4n),.blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-image:nth-of-type(5n),.blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-item:nth-of-type(5n),.blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-image:nth-of-type(6n),.blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-item:nth-of-type(6n),.blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-image:nth-of-type(7n),.blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-item:nth-of-type(7n),.blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-image:nth-of-type(8n),.blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-item:nth-of-type(8n),.wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-image:nth-of-type(1n),.wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-item:nth-of-type(1n),.wp-block-gallery:not(.has-nested-images).columns-2 .blocks-gallery-image:nth-of-type(2n),.wp-block-gallery:not(.has-nested-images).columns-2 .blocks-gallery-item:nth-of-type(2n),.wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-image:nth-of-type(3n),.wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-item:nth-of-type(3n),.wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-image:nth-of-type(4n),.wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-item:nth-of-type(4n),.wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-image:nth-of-type(5n),.wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-item:nth-of-type(5n),.wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-image:nth-of-type(6n),.wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-item:nth-of-type(6n),.wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-image:nth-of-type(7n),.wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-item:nth-of-type(7n),.wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-image:nth-of-type(8n),.wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-item:nth-of-type(8n){
  90      margin-right:0;
  91    }
  92  }
  93  .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image:last-child,.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item:last-child,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image:last-child,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item:last-child{
  94    margin-right:0;
  95  }
  96  .blocks-gallery-grid:not(.has-nested-images).alignleft,.blocks-gallery-grid:not(.has-nested-images).alignright,.wp-block-gallery:not(.has-nested-images).alignleft,.wp-block-gallery:not(.has-nested-images).alignright{
  97    max-width:420px;
  98    width:100%;
  99  }
 100  .blocks-gallery-grid:not(.has-nested-images).aligncenter .blocks-gallery-item figure,.wp-block-gallery:not(.has-nested-images).aligncenter .blocks-gallery-item figure{
 101    justify-content:center;
 102  }
 103  
 104  .wp-block-gallery:not(.is-cropped) .blocks-gallery-item{
 105    align-self:flex-start;
 106  }
 107  
 108  figure.wp-block-gallery.has-nested-images{
 109    align-items:normal;
 110  }
 111  
 112  .wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image){
 113    margin:0;
 114    width:calc(50% - var(--wp--style--unstable-gallery-gap, 16px)/2);
 115  }
 116  .wp-block-gallery.has-nested-images figure.wp-block-image{
 117    box-sizing:border-box;
 118    display:flex;
 119    flex-direction:column;
 120    flex-grow:1;
 121    justify-content:center;
 122    max-width:100%;
 123    position:relative;
 124  }
 125  .wp-block-gallery.has-nested-images figure.wp-block-image>a,.wp-block-gallery.has-nested-images figure.wp-block-image>div{
 126    flex-direction:column;
 127    flex-grow:1;
 128    margin:0;
 129  }
 130  .wp-block-gallery.has-nested-images figure.wp-block-image img{
 131    display:block;
 132    height:auto;
 133    max-width:100% !important;
 134    width:auto;
 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    backdrop-filter:blur(3px);
 145    content:"";
 146    height:100%;
 147    -webkit-mask-image:linear-gradient(0deg, #000 20%, #0000);
 148            mask-image:linear-gradient(0deg, #000 20%, #0000);
 149    max-height:40%;
 150    pointer-events:none;
 151  }
 152  .wp-block-gallery.has-nested-images figure.wp-block-image figcaption{
 153    box-sizing:border-box;
 154    color:#fff;
 155    font-size:13px;
 156    margin:0;
 157    overflow:auto;
 158    padding:1em;
 159    text-align:center;
 160    text-shadow:0 0 1.5px #000;
 161  }
 162  .wp-block-gallery.has-nested-images figure.wp-block-image figcaption::-webkit-scrollbar{
 163    height:12px;
 164    width:12px;
 165  }
 166  .wp-block-gallery.has-nested-images figure.wp-block-image figcaption::-webkit-scrollbar-track{
 167    background-color:initial;
 168  }
 169  .wp-block-gallery.has-nested-images figure.wp-block-image figcaption::-webkit-scrollbar-thumb{
 170    background-clip:padding-box;
 171    background-color:initial;
 172    border:3px solid #0000;
 173    border-radius:8px;
 174  }
 175  .wp-block-gallery.has-nested-images figure.wp-block-image figcaption:focus-within::-webkit-scrollbar-thumb,.wp-block-gallery.has-nested-images figure.wp-block-image figcaption:focus::-webkit-scrollbar-thumb,.wp-block-gallery.has-nested-images figure.wp-block-image figcaption:hover::-webkit-scrollbar-thumb{
 176    background-color:#fffc;
 177  }
 178  .wp-block-gallery.has-nested-images figure.wp-block-image figcaption{
 179    scrollbar-color:#0000 #0000;
 180    scrollbar-gutter:stable both-edges;
 181    scrollbar-width:thin;
 182  }
 183  .wp-block-gallery.has-nested-images figure.wp-block-image figcaption:focus,.wp-block-gallery.has-nested-images figure.wp-block-image figcaption:focus-within,.wp-block-gallery.has-nested-images figure.wp-block-image figcaption:hover{
 184    scrollbar-color:#fffc #0000;
 185  }
 186  .wp-block-gallery.has-nested-images figure.wp-block-image figcaption{
 187    will-change:transform;
 188  }
 189  @media (hover:none){
 190    .wp-block-gallery.has-nested-images figure.wp-block-image figcaption{
 191      scrollbar-color:#fffc #0000;
 192    }
 193  }
 194  .wp-block-gallery.has-nested-images figure.wp-block-image figcaption{
 195    background:linear-gradient(0deg, #0006, #0000);
 196  }
 197  .wp-block-gallery.has-nested-images figure.wp-block-image figcaption img{
 198    display:inline;
 199  }
 200  .wp-block-gallery.has-nested-images figure.wp-block-image figcaption a{
 201    color:inherit;
 202  }
 203  .wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border img{
 204    box-sizing:border-box;
 205  }
 206  .wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border>a,.wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border>div,.wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded>a,.wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded>div{
 207    flex:1 1 auto;
 208  }
 209  .wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border figcaption,.wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded figcaption{
 210    background:none;
 211    color:inherit;
 212    flex:initial;
 213    margin:0;
 214    padding:10px 10px 9px;
 215    position:relative;
 216    text-shadow:none;
 217  }
 218  .wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border:before,.wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded:before{
 219    content:none;
 220  }
 221  .wp-block-gallery.has-nested-images figcaption{
 222    flex-basis:100%;
 223    flex-grow:1;
 224    text-align:center;
 225  }
 226  .wp-block-gallery.has-nested-images:not(.is-cropped) figure.wp-block-image:not(#individual-image){
 227    margin-bottom:auto;
 228    margin-top:0;
 229  }
 230  .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image){
 231    align-self:inherit;
 232  }
 233  .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image)>a,.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image)>div:not(.components-drop-zone){
 234    display:flex;
 235  }
 236  .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) a,.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) img{
 237    flex:1 0 0%;
 238    height:100%;
 239    object-fit:cover;
 240    width:100%;
 241  }
 242  .wp-block-gallery.has-nested-images.columns-1 figure.wp-block-image:not(#individual-image){
 243    width:100%;
 244  }
 245  @media (min-width:600px){
 246    .wp-block-gallery.has-nested-images.columns-3 figure.wp-block-image:not(#individual-image){
 247      width:calc(33.33333% - var(--wp--style--unstable-gallery-gap, 16px)*.66667);
 248    }
 249    .wp-block-gallery.has-nested-images.columns-4 figure.wp-block-image:not(#individual-image){
 250      width:calc(25% - var(--wp--style--unstable-gallery-gap, 16px)*.75);
 251    }
 252    .wp-block-gallery.has-nested-images.columns-5 figure.wp-block-image:not(#individual-image){
 253      width:calc(20% - var(--wp--style--unstable-gallery-gap, 16px)*.8);
 254    }
 255    .wp-block-gallery.has-nested-images.columns-6 figure.wp-block-image:not(#individual-image){
 256      width:calc(16.66667% - var(--wp--style--unstable-gallery-gap, 16px)*.83333);
 257    }
 258    .wp-block-gallery.has-nested-images.columns-7 figure.wp-block-image:not(#individual-image){
 259      width:calc(14.28571% - var(--wp--style--unstable-gallery-gap, 16px)*.85714);
 260    }
 261    .wp-block-gallery.has-nested-images.columns-8 figure.wp-block-image:not(#individual-image){
 262      width:calc(12.5% - var(--wp--style--unstable-gallery-gap, 16px)*.875);
 263    }
 264    .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image){
 265      width:calc(33.33% - var(--wp--style--unstable-gallery-gap, 16px)*.66667);
 266    }
 267    .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(2),.wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(2)~figure.wp-block-image:not(#individual-image){
 268      width:calc(50% - var(--wp--style--unstable-gallery-gap, 16px)*.5);
 269    }
 270    .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:last-child{
 271      width:100%;
 272    }
 273  }
 274  .wp-block-gallery.has-nested-images.alignleft,.wp-block-gallery.has-nested-images.alignright{
 275    max-width:420px;
 276    width:100%;
 277  }
 278  .wp-block-gallery.has-nested-images.aligncenter{
 279    justify-content:center;
 280  }


Generated : Thu Oct 23 08:20:05 2025 Cross-referenced by PHPXref