MediaWiki:Chameleon.css
From DFO – Flood Observatory
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)
- Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/*Add top banner*/
#mw-navigation {
background-image: url(images/DFObanner.png);
background-color: #333333;
background-attachment: fixed;
text-indent:-9999px;
background-size: 80% 20%;
background-position: 0% 0%, 0% -0.5em;
background-repeat: no-repeat;
background-origin: content-box;
height:140px;
}
#mw-navigation:hover {
background-image: url(images/DFObanner.png), url(skins/common/CSDMSbanner3.png);
background-color: #333333;
background-attachment: fixed;
text-indent:-9999px;
background-size: 241px 75px, 100%;
background-position: 0% 0%, 0% -0.5em;
background-repeat: no-repeat;
background-origin: content-box;
height:70px;
}
/*Import home symbol to navigation bar*/
#p-logo {
background-position: 0.1em -0.1em;
background-repeat: no-repeat;
background-image: url(images/Home_icon2.png);
background-size: 35px 32px;
}
#p-logo:hover {
background-position: 0.1em -0.1em;
background-repeat: no-repeat;
background-image: url(images/Home_icon3.png);
background-size: 35px 32px;
}