Add vt240don style by @enkiv2

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()
 

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%);
+}