remove extra css
This commit is contained in:
parent
83bc61c1a4
commit
da3b51b619
449
src/main.tsx
449
src/main.tsx
@ -156,11 +156,10 @@ fastify.get<{ Params: { id: string } }>('/match/:id', async (req, res) => {
|
||||
fastify.get('/style.css', async (req, res) => {
|
||||
res.header('Content-Type', 'text/css');
|
||||
return `
|
||||
* {
|
||||
|
||||
* {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
body {
|
||||
}
|
||||
body {
|
||||
font-family: Open Sans, Arial;
|
||||
color: #454545;
|
||||
font-size: 16px;
|
||||
@ -173,194 +172,6 @@ fastify.get('/style.css', async (req, res) => {
|
||||
hyphens: auto
|
||||
}
|
||||
|
||||
html.contrast body {
|
||||
color: #050505
|
||||
}
|
||||
|
||||
html.contrast blockquote {
|
||||
color: #11151a
|
||||
}
|
||||
|
||||
html.contrast blockquote:before {
|
||||
color: #262626
|
||||
}
|
||||
|
||||
html.contrast a {
|
||||
color: #03f
|
||||
}
|
||||
|
||||
html.contrast a:visited {
|
||||
color: #7d013e
|
||||
}
|
||||
|
||||
html.contrast span.wr {
|
||||
color: #800
|
||||
}
|
||||
|
||||
html.contrast span.mfw {
|
||||
color: #4d0000
|
||||
}
|
||||
|
||||
@media screen and (prefers-color-scheme:light) {
|
||||
html.inverted {
|
||||
background-color: #000
|
||||
}
|
||||
|
||||
html.inverted body {
|
||||
color: #d9d9d9
|
||||
}
|
||||
|
||||
html.inverted #contrast,
|
||||
html.inverted #invmode {
|
||||
color: #fff;
|
||||
background-color: #000
|
||||
}
|
||||
|
||||
html.inverted blockquote {
|
||||
color: #d3c9be
|
||||
}
|
||||
|
||||
html.inverted blockquote:before {
|
||||
color: #b8b8b8
|
||||
}
|
||||
|
||||
html.inverted a {
|
||||
color: #00a2e7
|
||||
}
|
||||
|
||||
html.inverted a:visited {
|
||||
color: #ca1a70
|
||||
}
|
||||
|
||||
html.inverted span.wr {
|
||||
color: #d24637
|
||||
}
|
||||
|
||||
html.inverted span.mfw {
|
||||
color: #b00000
|
||||
}
|
||||
|
||||
html.inverted.contrast {
|
||||
background-color: #000
|
||||
}
|
||||
|
||||
html.inverted.contrast body {
|
||||
color: #fff
|
||||
}
|
||||
|
||||
html.inverted.contrast #contrast,
|
||||
html.inverted.contrast #invmode {
|
||||
color: #fff;
|
||||
background-color: #000
|
||||
}
|
||||
|
||||
html.inverted.contrast blockquote {
|
||||
color: #f8f6f5
|
||||
}
|
||||
|
||||
html.inverted.contrast blockquote:before {
|
||||
color: #e5e5e5
|
||||
}
|
||||
|
||||
html.inverted.contrast a {
|
||||
color: #44c7ff
|
||||
}
|
||||
|
||||
html.inverted.contrast a:visited {
|
||||
color: #e9579e
|
||||
}
|
||||
|
||||
html.inverted.contrast span.wr {
|
||||
color: #db695d
|
||||
}
|
||||
|
||||
html.inverted.contrast span.mfw {
|
||||
color: #ff0d0d
|
||||
}
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme:dark) {
|
||||
html:not(.inverted) {
|
||||
background-color: #000
|
||||
}
|
||||
|
||||
html:not(.inverted) body {
|
||||
color: #d9d9d9
|
||||
}
|
||||
|
||||
html:not(.inverted) #contrast,
|
||||
html:not(.inverted) #invmode {
|
||||
color: #fff;
|
||||
background-color: #000
|
||||
}
|
||||
|
||||
html:not(.inverted) blockquote {
|
||||
color: #d3c9be
|
||||
}
|
||||
|
||||
html:not(.inverted) blockquote:before {
|
||||
color: #b8b8b8
|
||||
}
|
||||
|
||||
html:not(.inverted) a {
|
||||
color: #00a2e7
|
||||
}
|
||||
|
||||
html:not(.inverted) a:visited {
|
||||
color: #ca1a70
|
||||
}
|
||||
|
||||
html:not(.inverted) span.wr {
|
||||
color: #d24637
|
||||
}
|
||||
|
||||
html:not(.inverted) span.mfw {
|
||||
color: #b00000
|
||||
}
|
||||
|
||||
html:not(.inverted).contrast {
|
||||
background-color: #000
|
||||
}
|
||||
|
||||
html:not(.inverted).contrast body {
|
||||
color: #fff
|
||||
}
|
||||
|
||||
html:not(.inverted).contrast #contrast,
|
||||
html:not(.inverted).contrast #invmode {
|
||||
color: #fff;
|
||||
background-color: #000
|
||||
}
|
||||
|
||||
html:not(.inverted).contrast blockquote {
|
||||
color: #f8f6f5
|
||||
}
|
||||
|
||||
html:not(.inverted).contrast blockquote:before {
|
||||
color: #e5e5e5
|
||||
}
|
||||
|
||||
html:not(.inverted).contrast a {
|
||||
color: #44c7ff
|
||||
}
|
||||
|
||||
html:not(.inverted).contrast a:visited {
|
||||
color: #e9579e
|
||||
}
|
||||
|
||||
html:not(.inverted).contrast span.wr {
|
||||
color: #db695d
|
||||
}
|
||||
|
||||
html:not(.inverted).contrast span.mfw {
|
||||
color: #ff0d0d
|
||||
}
|
||||
|
||||
html.inverted html {
|
||||
background-color: #fefefe
|
||||
}
|
||||
}
|
||||
|
||||
a {
|
||||
color: #07a
|
||||
}
|
||||
@ -368,260 +179,6 @@ a {
|
||||
a:visited {
|
||||
color: #941352
|
||||
}
|
||||
|
||||
.noselect {
|
||||
-webkit-touch-callout: none;
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none
|
||||
}
|
||||
|
||||
span.citneed {
|
||||
vertical-align: top;
|
||||
font-size: .7em;
|
||||
padding-left: .3em
|
||||
}
|
||||
|
||||
small {
|
||||
font-size: .4em
|
||||
}
|
||||
|
||||
p.st {
|
||||
margin-top: -1em
|
||||
}
|
||||
|
||||
div.fancyPositioning div.picture-left {
|
||||
float: left;
|
||||
width: 40%;
|
||||
overflow: hidden;
|
||||
margin-right: 1em
|
||||
}
|
||||
|
||||
div.fancyPositioning div.picture-left img {
|
||||
width: 100%
|
||||
}
|
||||
|
||||
div.fancyPositioning div.picture-left figure {
|
||||
margin: 10px
|
||||
}
|
||||
|
||||
div.fancyPositioning div.picture-left figure figcaption {
|
||||
font-size: .7em
|
||||
}
|
||||
|
||||
div.fancyPositioning div.tleft {
|
||||
float: left;
|
||||
width: 55%
|
||||
}
|
||||
|
||||
div.fancyPositioning div.tleft p:first-child {
|
||||
margin-top: 0
|
||||
}
|
||||
|
||||
div.fancyPositioning:after {
|
||||
display: block;
|
||||
content: "";
|
||||
clear: both
|
||||
}
|
||||
|
||||
ul li img {
|
||||
height: 1em
|
||||
}
|
||||
|
||||
blockquote {
|
||||
color: #456;
|
||||
margin-left: 0;
|
||||
margin-top: 2em;
|
||||
margin-bottom: 2em
|
||||
}
|
||||
|
||||
blockquote span {
|
||||
float: left;
|
||||
margin-left: 1rem;
|
||||
padding-top: 1rem
|
||||
}
|
||||
|
||||
blockquote author {
|
||||
display: block;
|
||||
clear: both;
|
||||
font-size: .6em;
|
||||
margin-left: 2.4rem;
|
||||
font-style: oblique
|
||||
}
|
||||
|
||||
blockquote author:before {
|
||||
content: "- ";
|
||||
margin-right: 1em
|
||||
}
|
||||
|
||||
blockquote:before {
|
||||
font-family: Times New Roman, Times, Arial;
|
||||
color: #666;
|
||||
content: open-quote;
|
||||
font-size: 2.2em;
|
||||
font-weight: 600;
|
||||
float: left;
|
||||
margin-top: 0;
|
||||
margin-right: .2rem;
|
||||
width: 1.2rem
|
||||
}
|
||||
|
||||
blockquote:after {
|
||||
content: "";
|
||||
display: block;
|
||||
clear: both
|
||||
}
|
||||
|
||||
@media screen and (max-width:500px) {
|
||||
body {
|
||||
text-align: left
|
||||
}
|
||||
|
||||
div.fancyPositioning div.picture-left,
|
||||
div.fancyPositioning div.tleft {
|
||||
float: none;
|
||||
width: inherit
|
||||
}
|
||||
|
||||
blockquote span {
|
||||
width: 80%
|
||||
}
|
||||
|
||||
blockquote author {
|
||||
padding-top: 1em;
|
||||
width: 80%;
|
||||
margin-left: 15%
|
||||
}
|
||||
|
||||
blockquote author:before {
|
||||
content: "";
|
||||
margin-right: inherit
|
||||
}
|
||||
}
|
||||
|
||||
span.visited {
|
||||
color: #941352
|
||||
}
|
||||
|
||||
span.visited-maroon {
|
||||
color: #85144b
|
||||
}
|
||||
|
||||
span.wr {
|
||||
color: #c0392b;
|
||||
font-weight: 600
|
||||
}
|
||||
|
||||
button.cont-inv,
|
||||
span.wr {
|
||||
text-decoration: underline
|
||||
}
|
||||
|
||||
button.cont-inv {
|
||||
cursor: pointer;
|
||||
border-radius: 2px;
|
||||
position: fixed;
|
||||
right: 10px;
|
||||
font-size: .8em;
|
||||
border: 0;
|
||||
padding: 2px 5px
|
||||
}
|
||||
|
||||
#contrast {
|
||||
color: #000;
|
||||
top: 10px
|
||||
}
|
||||
|
||||
#contrast,
|
||||
#invmode {
|
||||
-webkit-touch-callout: none;
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none
|
||||
}
|
||||
|
||||
#invmode {
|
||||
color: #fff;
|
||||
background-color: #000;
|
||||
position: fixed;
|
||||
top: 34px;
|
||||
text-decoration: underline
|
||||
}
|
||||
|
||||
@media screen and (max-width:1080px) {
|
||||
|
||||
#contrast,
|
||||
#invmode {
|
||||
position: absolute
|
||||
}
|
||||
}
|
||||
|
||||
span.sb {
|
||||
color: #00e
|
||||
}
|
||||
|
||||
span.sb,
|
||||
span.sv {
|
||||
cursor: not-allowed
|
||||
}
|
||||
|
||||
span.sv {
|
||||
color: #551a8b
|
||||
}
|
||||
|
||||
span.foufoufou {
|
||||
color: #444;
|
||||
font-weight: 700
|
||||
}
|
||||
|
||||
span.foufoufou:before {
|
||||
content: "";
|
||||
display: inline-block;
|
||||
width: 1em;
|
||||
height: 1em;
|
||||
margin-left: .2em;
|
||||
margin-right: .2em;
|
||||
background-color: #444
|
||||
}
|
||||
|
||||
span.foufivfoufivfoufiv {
|
||||
color: #454545;
|
||||
font-weight: 700
|
||||
}
|
||||
|
||||
span.foufivfoufivfoufiv:before {
|
||||
content: "";
|
||||
display: inline-block;
|
||||
width: 1em;
|
||||
height: 1em;
|
||||
margin-left: .2em;
|
||||
margin-right: .2em;
|
||||
background-color: #454545
|
||||
}
|
||||
|
||||
span.mfw {
|
||||
color: #730000
|
||||
}
|
||||
|
||||
a.kopimi,
|
||||
a.kopimi img.kopimi {
|
||||
display: block;
|
||||
margin-left: auto;
|
||||
margin-right: auto
|
||||
}
|
||||
|
||||
a.kopimi img.kopimi {
|
||||
height: 2em
|
||||
}
|
||||
|
||||
p.fakepre {
|
||||
font-family: monospace;
|
||||
font-size: .9em
|
||||
}
|
||||
`;
|
||||
});
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user