RenzXVI

Show transparency of in-page images on hover

May 18th, 2016
56
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 0.72 KB | None | 0 0
  1. /*
  2.  Show transparency of in-page images on hover
  3.  http://userstyles.org/styles/4678
  4.  BEGIN
  5. */
  6.  
  7. /*
  8.  based on
  9.  http://userstyles.org/styles/4150
  10. */
  11.  
  12. @namespace
  13.  url(http://www.w3.org/1999/xhtml);
  14.  
  15. @-moz-document url-prefix("http://"), url-prefix("https://") {
  16. html > body:not(:first-child) img:hover
  17. { outline-width: 1px
  18. ; outline-color: invert
  19. ; outline-style: dotted
  20. ; background-color: #ddd
  21. ; background-image: url(data:image/gif;base64,R0lGODlhCgAKAIAAAAAAAP///yH5BAEAAAAALAAAAAAKAAoAAAIRhB2ZhxoM3GMSykqd1VltzxQAOw==);
  22. }
  23. }
  24.  
  25. @-moz-document domain("wikia.com") {
  26. html > body:not(:first-child) img:hover
  27. { background: transparent
  28. ; background-color: transparent
  29. ; background-image: none !important;
  30. }
  31. }
Add Comment
Please, Sign In to add comment