From da3b51b619aae438e3882b08d0a609087f871dd8 Mon Sep 17 00:00:00 2001 From: Adam Burgess Date: Thu, 26 Dec 2024 18:23:02 +1100 Subject: [PATCH] remove extra css --- src/main.tsx | 449 +-------------------------------------------------- 1 file changed, 3 insertions(+), 446 deletions(-) diff --git a/src/main.tsx b/src/main.tsx index 1614715..24b251c 100644 --- a/src/main.tsx +++ b/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 -} `; });