MediaWiki:Vector.css

From Da Nerd Mage Wiki
Revision as of 05:01, 3 January 2022 by Tinker (talk | contribs) (Created page with "→‎All CSS here will be loaded for 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('/i...")
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to navigation Jump to search

Note: After publishing, 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 / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/* All CSS here will be loaded for 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;
}