Display size of image on the thumbnails
/* ==UserStyle==
@name Google image - Show size
@namespace https://github.com/Procyon-b
@version 0.3.1
@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
==/UserStyle== */
@-moz-document regexp("https:\\/\\/www.google\\..*?\\/search\\?.*?tbm=isch.*") {
div[data-ow]::before {
display: none;
z-index: 9999;
padding: 6px;
color: #70757a;
font: normal 11px arial,sans-serif;
background-color: rgba(255, 255, 255, 0.9);
content: attr(data-ow) " × " attr(data-oh);
position: absolute;
border-radius: 0 6px 0 0;
bottom: 3.8em;
}
if top {
div[data-ow]::before {
border-radius: 0 0 6px 0;
bottom: initial;
}
}
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;
}
}
}