Google image - Show size

Display size of image on the thumbnails

目前为 2020-04-23 提交的版本。查看最新版本。

Wrap lines

/* ==UserStyle==
@name           Google image - Show size
@name:fr        Google image - Afficher la taille
@namespace      https://github.com/Procyon-b
@version        0.3.0
@description    Display size of image on the thumbnails
@description:fr Affiche la taille des images sur les miniatures
@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;
  }
}

}

欢迎访问Greasy Fork镜像