Simplicity improvements

[guest3456]

i use the browser extension Stylus/Stylish to modify how the forums look. i've done this ever since the board was upgraded a few years ago, and i posted it then, but i just now tweaked it for the newest upgrade. some changes include alternating post colors, softer quotes, and more explicit code boxes.

here is the default Simplicity on the left, and my changes on the right





and here is the code in case anyone wants to use it with Stylus, or if the mods want to implement any of them:

Code: Select all

#qr_postform {
  margin-left: 160px;
}

.bg1 {
  background-color: #dee3e7;
  border: 1px dotted gray;
}

.bg2 {
  background-color: #ececec;
  border: 1px dotted gray;
}

.content {
  font-family: Verdana;
}

.codebox {
  background-color: #dfdfdf;
  margin: 15px;
}

.codebox_plus code {
  background-color: #fff;
}

.notice {
    border-top-color: #dbdbdb;
    font-size: 10px;
}

code {
  background-color: #f2f2f2;
}

blockquote {
  background-color: #dbdbdb;   /* was #fff */
  padding-bottom: 8px;
  padding-left: 8px;
  margin-top: 15px;
  margin-bottom: 15px;
  border: 1px inset;
  /*
  border-top-color: black;
  border-top-width: 1px;
  border-bottom-color: white;
  border-bottom-width: 1px;
  */
}

blockquote cite {
  font-size: 10px;      /* was 12px */
  margin-bottom: 5px;  /* previously undefined */
}

blockquote cite div {
  float: right;
}

blockquote .codebox {
  background-color: rgba(196, 196, 196, 0.3)
}

blockquote blockquote .codebox {
  background-color: rgba(196, 196, 196, 0.3)
}

blockquote blockquote {
  background-color: rgba(196, 196, 196, 0.5)   /* last param was previously 0.1 */
}

blockquote blockquote blockquote {
  background-color: #dbdbdb;
}

[joedf]

Thanks for sharing
As this is a matter of preference, I will leave it to others to be engaged if they want the change.