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;
}
}
}