From 67286692dec47e144c581ff14f2aa73b797b4cb3 Mon Sep 17 00:00:00 2001
From: Jason McBrayer <jmcbray@carcosa.net>
Date: Mon, 27 Aug 2018 13:19:51 -0400
Subject: [PATCH] Add vt240don style by @enkiv2

---
 .../migrations/0007_auto_20180618_2115.py     |  3 +
 brutaldon/static/css/vt240don.css             | 89 +++++++++++++++++++
 2 files changed, 92 insertions(+)
 create mode 100644 brutaldon/static/css/vt240don.css

diff --git a/brutaldon/migrations/0007_auto_20180618_2115.py b/brutaldon/migrations/0007_auto_20180618_2115.py
index f1353f7..06870e0 100644
--- a/brutaldon/migrations/0007_auto_20180618_2115.py
+++ b/brutaldon/migrations/0007_auto_20180618_2115.py
@@ -18,6 +18,9 @@ def set_up_default_themes(apps, schema_editor):
                       main_css="css/fullbrutalism.css",
                       is_brutalist=True)
     brutalism.save()
+    vt240 = Theme(name="vt240", main_css="css/vt240don.css",
+                  is_brutalist=True)
+    vt240.save()
     minimal = Theme(name="No styling at all", main_css=None, is_brutalist=True)
     minimal.save()
 
diff --git a/brutaldon/static/css/vt240don.css b/brutaldon/static/css/vt240don.css
new file mode 100644
index 0000000..bc6d65c
--- /dev/null
+++ b/brutaldon/static/css/vt240don.css
@@ -0,0 +1,89 @@
+.reblog-icon {
+	position: relative;
+	top: -24px;
+	left: 40px;
+}
+
+img.fav-avatar {
+	display: inline;
+
+}
+
+
+div.card-header-title, div.card-header-icon {
+	color: #ff7700;
+	-webkit-text-stroke: 2px black;
+	-moz-text-stroke: 2px black;
+	text-stroke: 2px black;
+}
+
+.media {
+	background-color: black;
+	border-radius: 5px;
+	/*-webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
+	box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);*/
+	color: #4a4a00;
+	padding: 1.25rem;
+	margin-bottom: 0.75rem;
+	margin-top: 0.75rem;
+}
+
+.is-max-128 {
+	max-height: 128px;
+	max-width: 128px;
+}
+
+.is-max-256 {
+	max-height: 256px;
+	max-width: 256px;
+}
+
+figure.media-left p.image a img
+{
+	border-radius: 5px;
+}
+
+.active-context {
+	background-color: #000000;
+	border-color: #ffcc00;
+	outline: 1px solid #ffcc00;
+}
+
+@media screen and (max-width: 768px) {
+	.media {
+		display: block;
+	}
+}
+
+html, a, div, div.notification, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary, h1.title, h2.subtitle {
+	font-family: "monospace";
+	color: #ff7700;
+	background-color: #000000;
+}
+
+
+tr, td, ul, ol {
+	border-color: #ff7700;
+	outline: 1px solid #ff7700;
+	padding-top: 5px;
+	padding-bottom: 5px;
+	margin-top: 5px;
+	margin-bottom: 10px;
+}
+a.button, a.button.is-primary, input.button.is-primary, input, .input, .textarea, .footer, .label, a {
+	color: #ff7700;
+	border-color: #ff7700;
+	background-color: #000000;
+	font-weight: 900;
+	text-decoration-line: none;
+}
+	
+a:hover, a.button:hover, a.button.is-primary:hover, input.button.is-primary:hover {
+	color: #000000;
+	background-color: #ff7700;
+}
+
+img {
+	filter: grayscale(100%);
+	-webkit-filter: grayscale(100%);
+}