Move less important CSS(IE: less used) to own stylesheet
Similar to last commit.
steve0greatness,
created on Friday, 31 May 2024, 18:16:28 (1717179388),
received on Wednesday, 5 June 2024, 18:14:09 (1717611249)
Author identity: Steve0Greatness <steve0greatnessiscool@gmail.com>
709ce51bfe275f529d1621867ae153f61879f4a3
static/src/global.css
@@ -119,40 +119,6 @@ abbr :any-link {
text-decoration-color: currentColor;
}
abbr:has(:any-link) {
text-decoration: none;
}
kbd {
white-space: pre-wrap;
font-family: "mononoki", monospace;
display: inline-block;
font-size: .85rem;
}
:not(samp) kbd:not(:has(kbd)) {
background-color: #222728;
color: currentColor;
border: currentColor 1px solid;
border-radius: 10px;
padding: 5px;
margin: 1px 0;
}
samp kbd {
display: block;
}
samp {
background-color: #282722;
color: #fff;
font-family: "mononoki", monospace;
padding: 10px;
display: block;
font-size: .85rem;
white-space: pre-wrap;
}
.button-hotlink {
display: block;
margin-top: 3px;
@@ -166,17 +132,3 @@ textarea {
border: 1px solid white;
}
input[type=checkbox],
input[type=radio] {
width: 1em;
height: 1em;
}
input[type=radio] {
border-radius: 100%;
}
input:is([type=radio], [type=checkbox]):checked {
background-color: #f00;
}
static/src/nonimp.css
@@ -0,0 +1,48 @@
abbr:has(:any-link) {
text-decoration: none;
}
kbd {
white-space: pre-wrap;
font-family: "mononoki", monospace;
display: inline-block;
font-size: .85rem;
}
:not(samp) kbd:not(:has(kbd)) {
background-color: #222728;
color: currentColor;
border: currentColor 1px solid;
border-radius: 10px;
padding: 5px;
margin: 1px 0;
}
samp kbd {
display: block;
}
samp {
background-color: #282722;
color: #fff;
font-family: "mononoki", monospace;
padding: 10px;
display: block;
font-size: .85rem;
white-space: pre-wrap;
}
input[type=checkbox],
input[type=radio] {
width: 1em;
height: 1em;
}
input[type=radio] {
border-radius: 100%;
}
input:is([type=radio], [type=checkbox]):checked {
background-color: #f00;
}
views/_layout.html
@@ -17,6 +17,7 @@
</style>
<link rel="stylesheet" href="/src/global.css" />
<link rel="stylesheet" href="/src/marquee.css" defer="defer" />
<link rel="stylesheet" href="/src/nonimp.css" defer="defer" />
<meta property="og:locale" content="en_US" />
<meta property="og:site_name" content="Steve0Greatness" />
<meta property="og:image" content="/OG-Image.png" />