6 files changed, 276 insertions, 0 deletions
diff --git a/stylesheets/chan.css b/stylesheets/chan.css
new file mode 100644
index 0000000..5e0422e
--- /dev/null
+++ b/stylesheets/chan.css
@@ -0,0 +1,103 @@
+body {
+	background: #ffe;
+	color: #800000;
+	font-family: serif;
+	font-size: 16px;
+}
+div.title h1 {
+	font-size: 24px;
+}
+div.title p {
+	font-size: 10px;
+}
+a:link, a:visited, .intro a.email span.name {
+	color: #0000ff;
+}
+a:link:hover {
+	color: #d00;
+}
+a.post_no {
+	color: #800000;
+}
+div.post.reply {
+	background: #f0e0d6;
+	border-color: #d9bfb7;
+}
+div.post.reply.highlighted {
+	background: #f0c0b0;
+	border-color: #d9bfb7;
+}
+div.post.reply div.body a {
+	color: navy;
+}
+.intro span.subject {
+	color: #d00;
+}
+form table tr th {
+	background: #EA8;
+}
+div.ban h2 {
+	background: #FCA;
+	color: inherit;
+}
+div.ban {
+	border-color: #800;
+}
+div.ban p {
+	color: black;
+}
+div.pages {
+	padding: 7px 5px;
+	color: maroon;
+	font-size: 12pt;
+	
+	background: none;
+	border-width: 1px;
+	border-style: inset;
+
+}
+div.pages a.selected {
+	color: #800;
+}
+hr {
+	border-width: 1px;
+	border-style: inset;
+}
+div.boardlist {
+	color: #B86;
+}
+div.boardlist a {
+	color: #800;
+}
+unimportant, .unimportant * {
+	font-size: 13px;
+}
+table.modlog tr th {
+	background: #EA8;
+}
+
+.desktop-style div.boardlist:nth-child(1) {
+  text-shadow: #fff 1px 1px 1px, #fff -1px -1px 1px;
+}
+
+
+.desktop-style div.boardlist:nth-child(1):hover, .desktop-style div.boardlist:nth-child(1).cb-menu {
+  background-color: rgba(90%, 90%, 90%, 0.55);
+}
+
+/* options.js */
+#options_div, #alert_div {
+  background: rgb(240, 224, 214);
+}
+.options_tab_icon {
+  border: 1px solid transparent;
+  border-width: 0px 1px 1px 0px;
+}
+.options_tab_icon:hover {
+  border-color: #d9bfb7;
+  border-width: 0px 1px 1px 0px;
+}
+.options_tab_icon.active {
+  border-color: #d9bfb7;
+  border-width: 1px 0px 0px 1px;
+}
+\ No newline at end of file
diff --git a/stylesheets/etc.css b/stylesheets/etc.css
new file mode 100644
index 0000000..768f657
--- /dev/null
+++ b/stylesheets/etc.css
@@ -0,0 +1,32 @@
+span.quote {
+  color: #789922;
+}
+
+@keyframes rainbow {
+  0% {color: red}
+  33% {color: lime}
+  66% {color: blue}
+  100% {color: red}
+}
+
+.visual {
+  background: linear-gradient(120deg, red, orange, yellow, green, blue, indigo, violet);
+  background-clip: text;
+  color: transparent;
+  /* animation: rainbow 1s linear infinite; */
+}
+
+img {
+	max-width: 100%;
+	height: auto;
+}
+
+#stylechooser {
+	float: right;
+}
+
+li p {
+	margin: 0;
+  padding-top: 2px;
+  padding-bottom: 2px;
+}
diff --git a/stylesheets/moe.css b/stylesheets/moe.css
new file mode 100644
index 0000000..054866a
--- /dev/null
+++ b/stylesheets/moe.css
@@ -0,0 +1,25 @@
+
+body {
+  max-width: 960px;
+  margin-left: auto;
+  margin-right: auto;
+  background-image: url(media/moetile.png);
+  background-color: #ffb5cd;
+  color: purple;
+  font-family: "MS PGothic", "Mona", "Monapo", "IPAMonaPGothic", "IPAPGothic", "saitamaar_light", "submona", "times";
+}
+
+main {
+  background: linear-gradient(120deg, #ffb5cd, #ff74a0);
+  border: 1px purple solid;
+  padding: 10px;
+}
+
+
+html::after {
+        position: fixed  !important;
+        content: url(media/nano.webp);
+        bottom: -5px !important;
+        right: 10px !important;
+        z-index: -1;
+}
diff --git a/stylesheets/simple.css b/stylesheets/simple.css
new file mode 100644
index 0000000..88902a8
--- /dev/null
+++ b/stylesheets/simple.css
@@ -0,0 +1,9 @@
+html {
+    color-scheme: light dark;
+}
+
+body {    
+  max-width: 960px;
+  margin-left: auto;
+  margin-right: auto;
+}
+\ No newline at end of file
diff --git a/stylesheets/style.css b/stylesheets/style.css
new file mode 100644
index 0000000..a57bb72
--- /dev/null
+++ b/stylesheets/style.css
@@ -0,0 +1,56 @@
+body
+{
+  background: black;
+  color: #fc6c8e;
+  max-width: 960px;
+  margin-left: auto;
+  margin-right: auto;
+  font-family: "noto sans mono", monospace;
+  font-size: 16px;
+}
+
+a {
+  color: #fc6c8e;
+  font-weight: bold;
+}
+
+a:hover {
+  color: purple;
+}
+
+figcaption {
+	display: none;
+}
+
+.box {
+  display: inline-block;
+}
+
+.boxes {
+  display: flex;
+}
+
+hr {
+  border: #202020 solid 1px;
+}
+
+table
+{
+  border-collapse: collapse;
+}
+
+table td, th
+{
+  border: 1px solid #202020;
+  padding: 4px;
+}
+
+/* 
+body::after {
+        position: fixed !important;
+        content: url();
+        top: 0px !important;
+        right: 0 !important;
+        z-index:-1;
+
+} */
diff --git a/stylesheets/style2.css b/stylesheets/style2.css
new file mode 100644
index 0000000..fbed7ef
--- /dev/null
+++ b/stylesheets/style2.css
@@ -0,0 +1,51 @@
+body
+{    
+  overflow-x: hidden;
+  max-width: 960px;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+li p {
+	margin: 0;
+}
+
+img {
+	max-width: 100%;
+	height: auto;
+}
+@keyframes rainbow {
+  0% {color: red}
+  33% {color: lime}
+  66% {color: blue}
+  100% {color: red}
+}
+.visual {
+  background: linear-gradient(120deg, red, orange, yellow, green, blue, indigo, violet);
+  background-clip: text;
+  color: transparent;
+  /* animation: rainbow 1s linear infinite; */
+}
+
+.content {
+  /* padding-left: 3%; */
+}
+
+.box {
+  display: inline-block;
+}
+
+.boxes {
+  display: flex;
+}
+
+
+/* 
+body::after {
+        position: fixed !important;
+        content: url();
+        top: 0px !important;
+        right: 0 !important;
+        z-index:-1;
+
+} */