💾 Archived View for nytpu.com › main.css captured on 2022-06-11 at 20:33:14.
⬅️ Previous capture (2022-01-08)
-=-=-=-=-=-=-
/* A Lagrange-like CSS stylesheet, designed to target proxied content from
* Kineto, but should be generic enough to work on most content.
* All you should need to change is the colors to what you want
*
* Adapted from the embedded style in:
* https://gmi.skyjake.fi/
* which is licensed under the BSD 2-clause License:
* Copyright 2020 Jaakko Keränen (jaakko.keranen@iki.fi)
* Redistribution and use in source and binary forms, with or without
* modification, are permitted provided that the following conditions are met:
*
* - Redistributions of source code must retain the above copyright notice,
* this list of conditions and the following disclaimer.
*
* - Redistributions in binary form must reproduce the above copyright notice,
* this list of conditions and the following disclaimer in the documentation
* and/or other materials provided with the distribution.
*
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
* AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
* IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
* ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE
* LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
* CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
* SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
* INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
* CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
* ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
* POSSIBILITY OF SUCH DAMAGE.
*
* Changes:
* - Put the CSS in its own file so the browser can cache it and speed things
* up.
* - Fonts removed to keep page size down (why are the loaded fonts over 4000
* times the size of the entire webpage?)
* - Colors modified to match what Lagrange generates for my capsule
* - Changed links to not use icons
* - Changed link colors to change when visited, and have hover be !important
* - Remove responsivity so it doesn't change text margins and padding to
* 0px on mobile devices nor make text intolerably small
* - Remove top & bottom blockquote margins so they "merge" into one on-screen
*/
/* Colors, change these */
body { background: #17140f; color: #fff682; }
p, ul, li { color: #ffd682; }
blockquote { color: #aaffff; }
pre { color: #aaffff; }
h1 { color: #c8fcfc; }
h2 { color: #a8fafa; }
h3 { color: #87f9f9; }
a { color: #fff1d5; } /* regular orange-white */
a:visited { color: #d6f5ff; } /* lighter-colored gemini blue */
a:hover { color: #00c0ff !important; } /* gemini blue */
/* Shouldn't need to change this */
body {
/* use Nunito even though it's not externally loaded, just in case the user
* has it on their system
*/
font-family: Nunito, sans-serif;
font-weight: 400;
padding-left: 1em;
padding-right: 1em;
margin: auto;
max-width: 50em;
}
header {
margin-top: 1em;
font-size: 90%;
}
h1 {
font-size: 200%;
}
h2 {
font-size: 167%;
}
h3 {
font-size: 133%;
font-weight: normal;
}
a {
text-decoration: none;
font-weight: 600;
}
article a {
left: 1.25rem;
}
article a:before {
content: '⇒ ';
text-decoration: none;
font-weight: bold;
position: relative;
}
p, ul {
margin-left: 1.5em;
font-size: 120%;
}
p {
margin-left: 1.25em;
}
ul {
list-style: none;
margin-left: 0;
padding-left: 3em;
}
ul li {
margin-top: 5pt;
margin-bottom: 5pt;
}
ul li::before {
content: "•";
color: #aaffff;
font-weight: bold;
display: inline-block;
width: 1.1em;
margin-left: -1.1em;
}
blockquote {
margin-left: 2.25em;
margin-top: 0;
margin-bottom: 0;
font-style: italic;
font-weight: 300;
padding-left: 0.75em;
border-left: 1px solid #597f7d;
}
pre {
font-family: "Fira Mono", monospace;
font-size: 90%;
margin-left: 2em;
max-width: 100%;
overflow: auto;
}
img {
max-width: 100%;
}
summary {
margin-bottom: 1em;
}