☰

Google images - Show size

Display size of image on the thumbnails

当前为 2020-11-15 提交的版本，查看 最新版本。

  1. /* ==UserStyle==
  2. @name:fr        Google images - Afficher la taille
  3. @name           Google images - Show size
  4. @namespace      https://github.com/Procyon-b
  5. @version        0.5.0
  6. @description:fr Affiche la taille des images sur les miniatures
  7. @description    Display size of image on the thumbnails
  8. @author         Achernar
  9. @preprocessor stylus
  10.  
  11. @var checkbox Always  'Show: always / on mouse over' 1
  12. @var checkbox hover   '  hide on mouse (if always show)' 1
  13. @var checkbox top     'Display at the top' 0
  14. @var checkbox right   'Display on the right' 0
  15. @var color    bgc     'Background color' rgba(255, 255, 255, 0.9)
  16. @var color    cl      'Text color' #70757a
  17. @var range    rad     'Radius' [6,0,40,'px']
  18. @var range    pad     'Padding' [6,0,20,'px']
  19. @var range    padL    '  left  ("-1px" = ignore)' [-1,-1,20,'px']
  20. @var range    padR    '  right' [-1,-1,20,'px']
  21. @var range    padT    '  top' [-1,-1,20,'px']
  22. @var range    padB    '  bottom' [-1,-1,20,'px']
  23. ==/UserStyle== */
  24. @-moz-document regexp("https:\\/\\/www.google\\..*?\\/search\\?.*?tbm=isch.*") {
  25.  
  26. div[data-ow]::before {
  27.   display: none;
  28.   z-index: 1;
  29.   padding: pad;
  30.   color: cl;
  31.   font: normal 11px arial,sans-serif;
  32.   background-color: bgc;
  33.   content: attr(data-ow) " × " attr(data-oh);
  34.   position: absolute;
  35.   border-radius: 0 rad 0 0;
  36.   bottom: 3.8em;
  37.   if right {
  38.     right: 0;
  39.     border-radius: rad 0 0 0;
  40.     }
  41.   if padL != -1px {padding-left: padL;}
  42.   if padR != -1px {padding-right: padR;}
  43.   if padT != -1px {padding-top: padT;}
  44.   if padB != -1px {padding-bottom: padB;}
  45. }
  46.  
  47. if top {
  48.   div[data-ow]::before {
  49.     border-radius: 0 0 rad 0;
  50.     bottom: initial;
  51.     if right {border-radius: 0 0 0 rad;}
  52.   }
  53. }
  54.  
  55. if Always {
  56.   div[data-ow]::before {
  57.     display: inline-block;
  58.   }
  59.   if hover {
  60.     div[data-ow]:hover::before {
  61.       display: none;
  62.     }
  63.   }
  64. }
  65. if Always == 0 {
  66.   div[data-ow]:hover::before {
  67.     display: inline-block;
  68.   }
  69. }
  70.  
  71. }