Stylish for AHK forums

[Masonjar13]

Hey guys! I made a not-very-good Stylish style for the forums, for the sake of my eyes more than anything. If anyone would like to make and/or post their own, or make mine less terrible, please do so!

Code: Select all

@-moz-document regexp('https?://autohotkey\\.com/boards.*') {
  :root {
    --borderColorR: 0;
    --borderColorB: 170;
    --borderColorG: 170;
    --postBG: #A0A0A0;
  }
  
  body {
    background-color: #202020;
    background-image:
      linear-gradient(to bottom, rgba(var(--borderColorR),var(--borderColorB),var(--borderColorG),1), rgba(0,0,0,0) 90%),       /* top */
      linear-gradient(to right, rgba(var(--borderColorR),var(--borderColorB),var(--borderColorG),1), rgba(0,0,0,0) 90%),        /* left */
      linear-gradient(to left, rgba(var(--borderColorR),var(--borderColorB),var(--borderColorG),1), rgba(0,0,0,0) 90%),         /* right */
      linear-gradient(to top, rgba(var(--borderColorR),var(--borderColorB),var(--borderColorG),1), rgba(0,0,0,0) 90%);          /* bottom */
    
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
    background-size:
      auto 25px,
      25px auto,
      25px auto,
      auto 25px;
    background-position: top, left, right, bottom;
  }
  
  hr {
    border-color: #505050;
  }
  
  div.post, div.panel, div.navbar, .navbar .nav-tabs .tab.selected, tbody .bg1, tbody .bg2 {
    background-color: var(--postBG);
  }
  
  .forabg ul.topiclist li.row, .forumbg ul.topiclist li.row {
    background: var(--postBG);
  }
  
  .forum_unread .forumtitle, .forum_unread_locked .forumtitle, .forum_unread_subforum .forumtitle, .icon_topic_newest + a.forumtitle, .icon_topic_newest + a.topictitle, .pm_read .topictitle, a.subforum.unread {
    color: #FF5400;
  }
}

[guest3456]

here's mine:

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: 20px;
}

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

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

code {
  background-color: white;
}

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 blockquote {
  background-color: rgba(196, 196, 196, 0.5)   /* last param was previously 0.1 */
}

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

alternates the bgcolors of each post, better handling of quoted posts and codeboxes, and some other misc

the default style on here is pretty bad imo

[Masonjar13]

Nice! Very subtle, easy to look at. I changed the dotted border though, my eyes never liked those for some reason.

Edit: just noticed you also moved the quick-reply box over. Weird at first, but makes a lot of sense; keeps it in-line with the actual posts.