Google images - Show size

Display size of image on the thumbnails

  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.1
  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. .ECgenc:not(.eLNT1d) {
  48. z-index: 5;
  49. }
  50.  
  51. if top {
  52. div[data-ow]::before {
  53. border-radius: 0 0 rad 0;
  54. bottom: initial;
  55. if right {border-radius: 0 0 0 rad;}
  56. }
  57. }
  58.  
  59. if Always {
  60. div[data-ow]::before {
  61. display: inline-block;
  62. }
  63. if hover {
  64. div[data-ow]:hover::before {
  65. display: none;
  66. }
  67. }
  68. }
  69. if Always == 0 {
  70. div[data-ow]:hover::before {
  71. display: inline-block;
  72. }
  73. }
  74.  
  75. }

QingJ © 2025

镜像随时可能失效,请加Q群300939539或关注我们的公众号极客氢云获取最新地址