MediaWiki:Vector.css

From The TinkerNet Wiki
Revision as of 19:47, 6 December 2022 by Tinker (talk | contribs) (Created page with "→‎CSS placed here will affect users of the Vector skin: →‎Make clickable text on links invisible.: #n-hi { color:#f6f6f6; visibility: visible; font-size:0; } #n-hi:ho...")
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to navigation Jump to search

Note: After saving, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/* CSS placed here will affect users of the Vector skin */


/* Make clickable text on links invisible. */
#n-hi {
color:#f6f6f6;
visibility: visible;
font-size:0;
}

#n-hi:hover ::after, #n-hi ::after {
content: '';
display:inline-block;
width: 96px;
height: 96px;

background: url('/images/0/05/Tip-jar.png');
}

/* Every image need to have its own rule defined. */

#n-hi::after{
background: url('/images/0/05/Tip-jar.png');
}

#n-hi:hover ::after {
background: url('/images/0/05/Tip-jar.png');
}
#n-hi:hover ::after, #n-hi ::after{
background-repeat: no-repeat;
background-size: contain;
}


#mw-panel .portal .body #n-hi {
font-size:0;
padding:10px;
}