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;
} */