/* TARGETING BROWSERS by CSS
----updated medio jul.2021------
This is a reduced and simplified version for:
Full version:
Relevant article and link to original (old) stylesheet is found at:
NOTE: THE FOLLOWING BROWSER-TARGETING IS FOR TESTING-PURPOSES ONLY - NOT FOR SERIOUS USE.
++++++ ONE SHOULD ONLY HACK THE DEAD! ++++++
*/
/* Initial ----- */
img#shtarget {background: url(../imagedepot/cat-dunno.png) no-repeat 0 100%; background-size: 100% 100%;}
/* IE11 ? ----- */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
_:-ms-fullscreen, :root body img#shtarget { background: url(../imagedepot/cat-ie110.png) no-repeat 0 100%!important;}
}
/* EdgeHTML ----- */
@supports (-ms-ime-align:auto) and (-webkit-text-stroke:initial) {
_:-ms-lang(en), :root body img#shtarget { background: url(../imagedepot/cat-msedge15+.png) no-repeat 0 100%!important;}
}
/* Edge(Chromium) ----- doesn't work */
@supports (scroll-behavior: smooth) {
_:lang(en)::-ms-, :root body div#base main * * img#shtarget {background: url(../imagedepot/cat-msedgechr.png) no-repeat 0 100%!important;}
}
/* Chromium - Blink ----- */
@supports (scroll-behavior: smooth) {
:root>body div#base main * img#shtarget, x:-webkit-any-link {background: url(../imagedepot/cat-blink-53++.png) no-repeat 0 100%!important;}
}
/* Safari? ----- */
@media screen and (-webkit-min-device-pixel-ratio:0) {
_:lang(en)+_:-webkit-full-screen-document,
:root>body div#base main * img#shtarget {background: url(../imagedepot/cat-safari-gen6.png) no-repeat 0 100%!important;}
}
/* Gecko? ----- */
@supports (scroll-behavior: smooth) {
_:lang(x)::-moz-placeholder, :root>body div#base * img#shtarget {background: url(../imagedepot/cat-fx57++.png) no-repeat 0 100%!important;}
}
/* let older versions recover from various rules they don't understand */
.dummy {list-style: inside;}
/* CONTROL: all browsers back on line? ----- */
img#shtarget {border-bottom: solid 1px #ddd!important; filter: drop-shadow(1px 1px 2px rgba(0,0,0,0.75))!important;}