neon.css

/* 

Neonette v2

Original stylesheet by Nanom. Modified, rebranded and extended by Nicole Aoki.

Nv2 uses SPCSS as its stylesheet for images, captions, codeblocks, quotes and tables.

Licensed under the MIT license (crediting @susam and @bradleytaunt; for SPCSS and VanillaCSS respectively).

*/

/* Nanom's Original Code, with some code removed so that stuff works. - Do not touch any code here, It's Nanom's work. */
body {
  max-width: 720px;
  background-color: #27293A;
  font-family: monospace;, serif;
  display: grid;
  margin: auto;
  margin-top: 2em;
  margin-bottom: 2em;
  grid-template-areas:
    "main"
    "footer";
}

main {
  border: 2px solid #272330;
  border-radius: 4px;
  padding: 1em;
  background-color: #b1b3cd;
  color: #272330;
}

footer {
  margin-top: .5em;
  text-align: center;
  border: 2px solid #272330;
  border-radius: 2px;
  padding: 1em;
  background-color: #b1b3cd;
  color: #272330;
  font-size: 12px;
}

small {
  font-size: 12px;
}

.external {
  min-width: 200px;
  max-width: 350px;
  border: 1px solid #272330;
  border-radius: 4px;
  padding: .5em;
  margin: auto;
  margin-top: 1.5em;
  margin-bottom: 1.5em;
}

dl {
  margin: 1em; 
}

dt {
  font-size: 20px;
  font-weight: bold;
}

dt:before {
  color: #ff1a8c;
  content: "⟡ ";
}

p {
  text-align: justify;
  margin-left: 1em;
  margin-right: 1em;
}

h1, h2, h3, h4, h5 {
  text-align: center;
}

h1 {
  font-size: 32px;
  margin-top: .25em;
  margin-bottom: .25em;
}

h2 {
  font-size: 22px;
}

h6 {
  font-size: 12px;
  margin-top: 8px;
  margin-bottom: 8px;
  margin-left: 1em;
  margin-right: 1em;
}

a:link img, a:visited img, a:hover img {
  border: none;    
}

a:link, a:visited {
  color: #3d3d5c;
  transition: .3s;
  text-decoration: none;
  padding-bottom: 2px;
  border-bottom: 1px dotted;
}

a:visited{
  color: #3d3d5c;
}

a:hover {
  color: #ff1a8c;
  transition: .3s;
}

.readthis {
  cursor: pointer;
  color: #3d3d5c;
  transition: .3s;
  padding-bottom: 2px;
  border-bottom: 1px dotted;
}

.readthis:hover {
  color: #ff1a8c;
  transition: .3s;
}

.sep:before {
  color: #ff1a66;
  content: "⟡"; 
}

img {
  border: 1px solid #272330;
  vertical-align: middle;
}

.noborder {
  border: none;
}

.icon {
  border: none;
  width: 24px;
  height: 24px;
}

ul {
  list-style: none;
  padding: 1em;
  padding-top: 0;
  padding-bottom: 0;
}

li:before {
  color: #ff1a66;
  content: "⟡ "; 
}

.nobullet li:before {
  content: "";
}

.notriangle > summary {
  list-style: none;
}

hr {
  border: none;
  border-bottom: 1px solid #272330;
  margin-left: 1em;
  margin-right: 1em;
}

/* SPCSS (for images, codeblocks, quotes, etc) - Do not touch any code here, unless it's to change colours and fix shit. */
img {
  max-width: 100%;
}

figure {
  margin: 1em 0;
  text-align: center;
}

figcaption {
  font-size: small;
}

pre, code, samp, kbd {
  color: #f8f8f2;
  font-family: monospace, monospace;
}

pre kbd {
  color: black;
}

pre, blockquote {
  color: black;
  background: #f8f8f2;
  padding: 0.5em;
}

pre {
  color: black;
  overflow: auto;
}
blockquote :first-child {
  margin-top: 0;
}

blockquote :last-child {
  margin-bottom: 0;
}

table {
  border-collapse: collapse;
}

th, td {
  border: thin solid #999;
  padding: 0.3em 0.4em;
  text-align: left;
}

/* Additional Modifications by Nikki (to override both Nanom's CSS and SPCSS) - Touch all the code here. */
nav {
  text-align: center;
}

p {
  font-size: 1.3em;
}

nav {
  font-size: 1.4em;
}

h6 {
  text-align: center;
}

tt, var {
  color: #f8f8f2;
  font-family: monospace, monospace;
}

/* Use the User's Font-Stack font for Monospace, saves bandwidth and overall not as toxic - Touch all code here. */
* {
  font-family: Terminus, "Cascadia Code", SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}