SQLite Forum

a css to improve readability of this forum
Login
Personally, I not only don't mind this forum but also like it in many respects, specially the ability to embed code with styling, and to be able to edit mistakes. I do have a couple of small questions:

1. Can the email mailing be turned off/on by a setting?

2. Every time I edit an existing post, I get mailed a copy. I love the ability to edit mistakes in an already committed post, but I would not like to spam everyone with my edits. They can always see the latest version on the web anyway.

That said, I am not a great typographer/designer but have opinions (like everyone else). I have created the following little css that (imo) greatly improves the look and readability of this forum (see below for the css). But first, I would request the forum designer to consider the following three requests:

1. prefix all the css with a namespace, for example, `FOSSIL` or `SQLITE` would do. It would greatly help in making a custom css.

2. to not use inline css to style the replies in the hierarchical tree. Instead, use classnames (with the above suggested prefix, of course). This too would allow styling the custom css.

3. And finally, the forum is serving about 1100 lines of css (give or take a few) but really seems to use only a handful of lines (the stuff up until line 275). Why not get rid of the fossil-specific css that has little use on this forum website?

Now, my mods (also available at [https://gist.github.com/punkish/309666d1a001061a521048869edc73cd](https://gist.github.com/punkish/309666d1a001061a521048869edc73cd) in case someone else wants to imrove it further)

```css
body {
    font-family: serif;
    font-size:18pt;
}

input[type=text] {
  height: 40px;
}
input[type=submit] {
    background-color: lightblue;
    border: 1px solid darkblue;
    padding: 10px;
  height: 40px;
    font-size: 12px;
    border-radius: 10px;
}

a {
    color: #0000ff;
    text-decoration: underline;
}

.title {
    text-align: center;
    float: unset;
    line-height: 1rem;
}
.title h1 {
    display:block;
    color: darkblue;
}
.title h1:after {
    content: " ";
    color: #777;
    font-weight: normal;
}
.status {
    font-family: sans-serif;
    position: absolute;
    top: 0;
    right: 25px;
}
.mainmenu {
    border: none;
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-radius: 0;
    background: unset !important;
}
.content p {
  line-height: 2rem;
}
.forumHierRoot {
  padding: 2rem;
}
div.forumHier, div.forumTime {
  border: none;
  border-left: 1px solid grey;
  border-bottom: 1px solid grey;
  border-radius: 0 10px;
  padding: 10px;
  background-color: #f5f5f5;
}
pre {
  padding: 1rem;
    background-color: lightgrey;
  font-family: menlo, consolas, monospace;
  font-size: 12px;
}
@media screen and (max-width: 600px) {
  /* Spacing for mobile */

}
@media screen and (min-width: 750px) {
  /* Spacing for desktop */
  body {
      width: 50%;
  }
}
@media screen and (max-width: 1200px) {
  /* Special declarations for narrow desktop or wide mobile */

}
```

Hope this helps others