diff --git a/brutaldon/migrations/0007_auto_20180618_2115.py b/brutaldon/migrations/0007_auto_20180618_2115.py index f26aa07..ffe4b52 100644 --- a/brutaldon/migrations/0007_auto_20180618_2115.py +++ b/brutaldon/migrations/0007_auto_20180618_2115.py @@ -63,6 +63,10 @@ def set_up_default_themes(apps, schema_editor): name="Minimalist Dark", main_css="css/minimal-dark.css", is_brutalist=True ) dark2.save() + dillo = Theme( + name="Minimalist Dillo", main_css="css/minimal-dillo.css", is_brutalist=True + ) + dillo.save() vt240 = Theme( name="vt240 amber", main_css="css/vt240don-amber.css", is_brutalist=True ) diff --git a/brutaldon/static/css/minimal-dillo.css b/brutaldon/static/css/minimal-dillo.css new file mode 100644 index 0000000..d1ace78 --- /dev/null +++ b/brutaldon/static/css/minimal-dillo.css @@ -0,0 +1,47 @@ +/* Minimal CSS compatible with the Dillo browser */ +body { font-family: sans-serif; margin: 1em; font-size: 16px; line-height: 1.4; } +input[text], textarea { margin: 0 auto; position: relative; width: 100%; max-width: 120em; } +a { color: darkblue; text-decoration: underline; } +a:active { color: red; text-decoration: underline; } +a:visited { color: #401934; text-decoration: underline; } +img.is-32x32 { float: left; max-width: 512px; max-height: auto; margin: 4px; } +.container { margin: 0px; position: relative; max-width: 700px; } +nav.pagination, div.around-pagination { text-align: center; margin: 1em; } +div.columns p.column { display: inline-block; margin: 1px; } +.level { clear: both; color: #aaa; font-size: small; } +.level-left { float: left; } +.level-right { float: right; } +.level > div > a.level-item { color: #aaa; margin: 1px; display: inline-block; } +p.is-hidden { display: none; } +.media-left { float: left; margin: 0; margin-right: 5px; } +.title { font-size: 20px; margin-top: 1em; margin-bottom: 0.25em; } +div.field > div.control > a.image > img { height: 32px; width: 32px; } +.subtitle { font-size: 1.5ex; font-weight: bold; margin-top: 0.25ex; margin-bottom: 0.25ex; } +.toot { clear: both; } +.image.is-32x32, .is-32x32 img, img.is-32x32 { width: 32px; height: 32px; } +.image.is-48x48, .is-48x48 img, img.is-48x48 { width: 48px; height: 48px; } +.image.is-64x64, .is-64x64 img, img.is-64x64 { width: 64px; height: 64px; } +.image.is-96x96, .is-96x96 img, img.is-96x96 { width: 96px; height: 96px; } +.is-max-128 { max-height: 128px; max-width: 128px; } +.is-max-256 { max-height: 256px; max-width: 256px; } +.media { padding: 1ex; margin: 4px; overflow: auto; } +.media.active-context { background-color: #DDD; } +label { font-weight: bold; } +.control, .select { margin-top: 0.5ex; margin-bottom: 0.5ex; } +.account-avatar { display: inline-block; } +.image.account-avatar, .account-avatar img { width: 32px; height: 32px; } +.reblog-icon { display: inline-block; width: auto; height: auto; } +.reblog-icon img { width: 24px; height: 24px; } +.textarea { max-width: 100%; } +.errorlist { color: #FF0000; } +.card { padding: 1em; font-size: small; background: #f5f5f5; } +.card-content img { display: none; } +div.media-content > div.content > p > strong { display: block; } +div.media-content > div.content > p > a > small { float: right; color: #aaa; } +.user-card { padding-bottom: 2em; } +img.emoji { display: inline; max-height: 1rem; max-width: 1rem; vertical-align: text-bottom; } +hr { border: 1px solid #eee; margin-top: 0.5em; margin-bottom: 0.5em; } +figure { margin: 0px; } +figure.media-left { padding-top: 5px; padding-right: 5px; } +figure.attachment-image { display: inline; margin: 5px; } +figure.attachment-image img, video img.image { max-width: 128px; max-height: 128px; }