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