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/Logo-rebuild_horizontal3.png), url(images/satellite.png), url(images/DFObanner2.png);
background-color: #333333;
background-attachment: fixed;
text-indent:-9999px;
background-size: 400px, 100px, 100% 200px;
background-position: 20px 20px, calc(100% - 50px) 20px, 0% -0.5em;
background-repeat: no-repeat;
background-origin: content-box;
height:200px;
}
/*#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:200px;
}*/
/*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;
}
/* Make it possible to click on logo upper left corner, using fake text in Mediawiki:Secondary-menu */
/*#text-logo{
height:30px;
width: 100%;
// background-color:#dddddd;
filter:alpha(opacity=60);
opacity:0.6;
} */