Stylish for AHK forums

Post a reply


In an effort to prevent automatic submissions, we require that you complete the following challenge.
Smilies
:D :) ;) :( :o :shock: :? 8-) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :!: :?: :idea: :| :mrgreen: :geek: :ugeek: :arrow: :angel: :clap: :crazy: :eh: :lolno: :problem: :shh: :shifty: :sick: :silent: :think: :thumbup: :thumbdown: :salute: :wave: :wtf: :yawn: :facepalm: :bravo: :dance: :beard: :morebeard: :xmas: :HeHe: :trollface: :cookie: :rainbow: :monkeysee: :monkeysay: :happybday: :headwall: :offtopic: :superhappy: :terms: :beer:
View more smilies
BBCode is ON
[img] is OFF
[flash] is OFF
[url] is ON
Smilies are ON
Topic review
   

Expand view Topic review: Stylish for AHK forums

Re: Stylish for AHK forums

Post by Masonjar13 » 14 Aug 2017, 16:26

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.

Re: Stylish for AHK forums

Post by guest3456 » 14 Aug 2017, 16:12

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

Stylish for AHK forums

Post by Masonjar13 » 13 Aug 2017, 14:23

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

Top