Google images - Show size

Display size of image on the thumbnails

/* ==UserStyle==
@name:fr        Google images - Afficher la taille
@name           Google images - Show size
@namespace      https://github.com/Procyon-b
@version        0.5.1
@description:fr Affiche la taille des images sur les miniatures
@description    Display size of image on the thumbnails
@author         Achernar
@preprocessor stylus

@var checkbox Always  'Show: always / on mouse over' 1
@var checkbox hover   '  hide on mouse (if always show)' 1
@var checkbox top     'Display at the top' 0
@var checkbox right   'Display on the right' 0
@var color    bgc     'Background color' rgba(255, 255, 255, 0.9)
@var color    cl      'Text color' #70757a
@var range    rad     'Radius' [6,0,40,'px']
@var range    pad     'Padding' [6,0,20,'px']
@var range    padL    '  left  ("-1px" = ignore)' [-1,-1,20,'px']
@var range    padR    '  right' [-1,-1,20,'px']
@var range    padT    '  top' [-1,-1,20,'px']
@var range    padB    '  bottom' [-1,-1,20,'px']
==/UserStyle== */
@-moz-document regexp("https:\\/\\/www.google\\..*?\\/search\\?.*?tbm=isch.*") {

div[data-ow]::before {
  display: none;
  z-index: 1;
  padding: pad;
  color: cl;
  font: normal 11px arial,sans-serif;
  background-color: bgc;
  content: attr(data-ow) " × " attr(data-oh);
  position: absolute;
  border-radius: 0 rad 0 0;
  bottom: 3.8em;
  if right {
    right: 0;
    border-radius: rad 0 0 0;
    }
  if padL != -1px {padding-left: padL;}
  if padR != -1px {padding-right: padR;}
  if padT != -1px {padding-top: padT;}
  if padB != -1px {padding-bottom: padB;}
}

.ECgenc:not(.eLNT1d) {
  z-index: 5;
}

if top {
  div[data-ow]::before {
    border-radius: 0 0 rad 0;
    bottom: initial;
    if right {border-radius: 0 0 0 rad;}
  }
}

if Always {
  div[data-ow]::before {
    display: inline-block;
  }
  if hover {
    div[data-ow]:hover::before {
      display: none;
    }
  }
}
if Always == 0 {
  div[data-ow]:hover::before {
    display: inline-block;
  }
}

}