1
0
mirror of https://gitlab.com/brutaldon/brutaldon.git synced 2024-12-04 14:46:24 -05:00

Add Minimalist Dillo theme

Provides a simple theme that is compatible with the Dillo browser
This commit is contained in:
Rodrigo Arias Mallo 2024-11-02 14:56:35 +01:00
parent e690896ed3
commit 63f533b4c4
2 changed files with 51 additions and 0 deletions

View File

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

View File

@ -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; }