Skip to content

Better reading on solar.lowtechmagazine.com by maxmoon

Screenshot of Better reading on solar.lowtechmagazine.com

Details

Authormaxmoon

LicenseCC BY-SA - Creative Commons Attribution-ShareAlike

Categorysolar.lowtechmagazine.com

Created

Updated

Size1.2 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

The website solar.lowtechmagazine.com, which is powered with solar energy is very minimalistic, which is a good thing, but at the same time, it's ugly and some things are just annoying while reading.

  • The different colors from the battery status as a background are annoying for reading and scrolling. It has changed to white
  • Images are way too big. They are smaller know
  • Main text is using only a little space on the screen. Text is using now most of the width.
  • And a few smaller changes were made to have a better flow in reading

Notes

Userstyle doesn't have notes.

Source code

/* ==UserStyle==
@name         Better reading on solar.lowtechmagazine.com
@version      20220313.22.18
@namespace    userstyles.world/user/maxmoon
@description  The website solar.lowtechmagazine.com, which is powered with solar energy is very minimalistic, which is a good thing, but at the same time, it's ugly and some things are just annoying while reading.

- The different colors from the battery status as a background are annoying for reading and scrolling. It has changed to white
- Images are way too big. They are smaller know
- Main text is using only a little space on the screen. Text is using now most of the width.
- And a few smaller changes were made to have a better flow in reading
@author       maxmoon
@license      CC BY-SA - Creative Commons Attribution-ShareAlike
==/UserStyle== */

@-moz-document domain("solar.lowtechmagazine.com") {
body {
    background: #ffffff;
}

#battery {
    background: #ffffff;
}

.entry-content p.img {
    width: 70%;
}

.entry-content .caption {
    width: 70%;
    text-align: center;
    margin: 0 auto
}

.entry-content p,
.entry-content #comment-list {
    max-width: 70rem;
    width: 90%;
}

.entry-content h2 {
    text-align: center;
}
}

Reviews

No reviews yet.