/* Set grayscale filter on the homepage (except the brand logo) when using modern browsers Prerequisite: Replaced the brand logo images with a specailly customized grayscale images which the colour of Emblem are kept in colorful Copy below block of styles into the style section of or a external css file linked in the homepage Please include tailer-grayscale.css as well for IE11 browser */ /* Rule 1 */ .modal-dialog, h1, h2, h3, footer, .section--new, #topCarousel, #tools-dt a, #navbar-dt { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; } /* Rule 2 - Hide the portrait from the homepage */ .home-portrait { visibility: hidden; display: none; } .fixed-width-left { padding-left: 0; } /* Hide the color logo first */ #logo-box img, #mobile-logo { display: none; } body { background-color: #D6D6D6; }