style.css: Minor fixes and warning for IE11 users
I only noticed this issue because my work computer has IE11 installed. I will not be supporting it. Edge works just fine and IE is just about extinct, finally. Of couse, I recomend using a free/libre browser.master
parent
828ed8a7c2
commit
3ac7ca77e3
19
style.css
19
style.css
|
@ -221,6 +221,7 @@ a.box.eff-privacy {
|
|||
|
||||
main {
|
||||
position: relative;
|
||||
display: block; /* for older browsers that default to inline */
|
||||
}
|
||||
|
||||
|
||||
|
@ -822,3 +823,21 @@ code.sourceCode span.al { color: #ef2929 } /* Generic.Error */
|
|||
code.sourceCode span.fu { color: #000000 } /* Name.Function */
|
||||
code.sourceCode span.re { }
|
||||
code.sourceCode span.er { color: #a40000; border: 1px solid #ef2929 } /* Error */
|
||||
|
||||
|
||||
/* Finally, the perpetual pain in my ass as a web developer: IE. IE11 is
|
||||
* the only version I attempt here, enough to make it presentable and warn
|
||||
* the user. */
|
||||
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
|
||||
main {
|
||||
max-width: 50em;
|
||||
}
|
||||
article {
|
||||
max-width: 35em;
|
||||
}
|
||||
main::before {
|
||||
display: block;
|
||||
content: 'Warning: Your browser is unsupported and will not display this website correctly.';
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue