Improve styling of noscript to be less intrusive

Also slightly improves a bit of code organisation, but nothing significant there.
This commit is contained in:
Florine W. Dekker 2021-05-17 16:08:26 +02:00
parent db7ab52818
commit b756a2cc44
Signed by: FWDekker
GPG Key ID: 78B3EAF58145AF25
3 changed files with 28 additions and 19 deletions

View File

@ -1,6 +1,6 @@
{ {
"name": "@fwdekker/template", "name": "@fwdekker/template",
"version": "2.4.0", "version": "2.4.1",
"description": "The base template for pages on fwdekker.com.", "description": "The base template for pages on fwdekker.com.",
"author": "Felix W. Dekker", "author": "Felix W. Dekker",
"license": "MIT", "license": "MIT",

View File

@ -23,11 +23,19 @@ main {
margin-bottom: 5rem; margin-bottom: 5rem;
} }
noscript p {
color: red; /* Noscript */
font-weight: bold; noscript img {
position: absolute;
} }
noscript p {
font-weight: bold;
text-align: center;
}
/* Generic classes */
.hidden { .hidden {
display: none !important; display: none !important;
} }
@ -47,11 +55,3 @@ footer {
#footerVersion { #footerVersion {
float: right; float: right;
} }
/* Make arrow next to dropdown visible */
select {
-webkit-appearance: menulist;
-moz-appearance: menulist;
appearance: auto;
}

View File

@ -1,5 +1,14 @@
/* Override Milligram color scheme */ /* Make arrow next to dropdown visible */
/* Replaces #9b4dca with #0033cc */ select {
-webkit-appearance: menulist;
-moz-appearance: menulist;
appearance: auto;
}
/* Override Milligram color scheme, based on v1.4.1. */
/* Replaces #9b4dca with `--fwdekker-theme-color`. */
/* Simply look at latest unminimized Milligram release and Ctrl+F where #9b4dca occurs. */
.button, .button,
button, button,
input[type='button'], input[type='button'],
@ -66,19 +75,19 @@ pre {
border-left: 0.3rem solid var(--fwdekker-theme-color); border-left: 0.3rem solid var(--fwdekker-theme-color);
} }
input[type='color']:focus,
input[type='date']:focus,
input[type='datetime']:focus,
input[type='datetime-local']:focus,
input[type='email']:focus, input[type='email']:focus,
input[type='month']:focus,
input[type='number']:focus, input[type='number']:focus,
input[type='password']:focus, input[type='password']:focus,
input[type='search']:focus, input[type='search']:focus,
input[type='tel']:focus, input[type='tel']:focus,
input[type='text']:focus, input[type='text']:focus,
input[type='url']:focus, input[type='url']:focus,
input[type='color']:focus,
input[type='date']:focus,
input[type='month']:focus,
input[type='week']:focus, input[type='week']:focus,
input[type='datetime']:focus,
input[type='datetime-local']:focus,
input:not([type]):focus, input:not([type]):focus,
textarea:focus, textarea:focus,
select:focus { select:focus {