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:
parent
db7ab52818
commit
b756a2cc44
|
@ -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",
|
||||||
|
|
|
@ -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;
|
|
||||||
}
|
|
||||||
|
|
|
@ -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 {
|
||||||
|
|
Loading…
Reference in New Issue