NEW DARK

by **APE** 25/08/18, 04:01 pm

NEW DARK THEME

Theme Name :
NEW DARK

SEE SCREENSHOT:

Hitskin address :
[You must be registered and logged in to see this link.]

CSS FILES:
 Updated 03.01.2019 - CSS file's : you must add this to your CSS files once installed on your forum

Code:: .post-footer { background-color: #8D8D8D; border-radius: 3px; border-top: 1px solid #030303; margin: auto -25px -16px; overflow: hidden; padding: 8px 25px; } .sceditor-container textarea { background-color: rgb(255, 255, 255); border: 0; color:#b3a3a3; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 13px; margin: 5px; padding: 0; resize: none; box-shadow: inset 0 0 49px 1px rgba(0,0,0,0.75); border-radius: 4px; } .btn-fixed { background-color: #090d0f; } /******* CHAT BOX BACKGROUND****/ div#cb_connect_option { background: #1d262c !important; } /****** All other widgets *******/ .box-body { background-color: #1D262C; border-radius: 3px; box-shadow: 0 2px 3px rgba(0,0,0,0.1),0 0 2px rgba(0,0,0,0.1); margin-top: 6px; padding: 10px; overflow: hidden; word-break: normal; }

Templates:
None

Mobile Friendly:
NO

JavaSripts:
Staff and members colour bars
Placement: Topic's only.
Name: Staff colour bars.
Code:

Code:: $(function() { groupMod('#C91C1C', 'adminGroup'); groupMod('#4AA31A', 'staffGroup'); groupMod('#787878', 'memberGroup'); function groupMod(color, classname) { $('.post-aside:has(span[style="color:'+color+'"] strong)').addClass(classname); } });

To change the colours to your forum change them in the javascript and in the CSS files
CSS files to look for is......

Code:: /*****************staff and members post bar colour*******/ .post-aside.adminGroup { border-right: 7px solid #C91C1C !important; border-radius: 3px; 3px; 0px; 0px; } .post-aside.memberGroup { border-right: 7px solid #787878 !important; border-radius: 3px; 3px; 0px; 0px; } .post-aside.staffGroup { border-right: 7px solid #4AA31A !important; border-radius: 3px; 3px; 0px; 0px; }