Post: Dark Theme (Redefined) + Removed side bar content
03-05-2017, 02:15 PM #1
Default Avatar
Bygone
Guest
(adsbygoogle = window.adsbygoogle || []).push({}); Today I am releasing a Redefined version of a pre existing dark theme made by the fellow known as Dacoco
Original thread here: (You must login or register to view this content.)

Credits to the user Frosty as well for his thread showcasing how to develop custom theme's for NGU. OP here:(You must login or register to view this content.)

This theme contains what I personally felt could be revised and implemented so this is just my take on a ideal dark theme vs the abrasive default white theme. To use this you will need to install the extension called "Stylish" It enables user's to use custom theme's or develop themes for site's you visit/browse.

This theme's revision as stated above was derived from a preexisting theme from Dacoco after looking over the original theme's post/thread it seem's to be well supported and without to many known bug's/issue's so this should work just fine. How ever I have tested and reviewed the theme myself so should you stumble upon any thing that needs touched on or come across any bugs please do specify the page/element needing fixed/worked on.

Release: 3/5/17
Original theme's design ✔
Rounded forum container ✔
Redesigned scrollbar ✔
forum body margin/spacing ✔
Removed pesky page side content/advertisements ✔
Re colored thread title's ✔
body background-color changed ✔
forum container background-color changed ✔
revised postbit color ✔
header/navbar/navagation border color ✔
colored sub forums indicator ✔
Re colored forum section titles ✔
Plus more ✔

Forgot to add screenshot of post bit will add in at a later time...

Credits:
Dacoco: original base dark theme
Frosty: resource thread on how to develop, install, use theme's for any site you wish

Screenshot's:

Shoutbox
You must login or register to view this content.

Forums Take notice of removed side content
You must login or register to view this content.

Footer
You must login or register to view this content.

Sub forums
You must login or register to view this content.

Thread titles
You must login or register to view this content.

User profile
You must login or register to view this content.


css/code for theme

/* Author Name: Riftulus
Date: 3/5/17
Title: Dark Theme (Redfined Edition)
Notes: Free-to-use, free-to-modify, free-to-share
Credit's To Dacoco for original base dark theme. Frosty for providing the resources and tutorial on how to develop custom theme's
*/

body {
background: #2a2a2a;
color: #9a9a9a;
}
.container {
background-color: #2F2F2F;

}
.shoutbox_tabs_cont {
padding-top: 2px;
margin-top: 3px;
border-radius: 3px !important;
}
#desktop_postbit {
background-color: #2A2A2A !important;
}

.forumhome_subforum_indicator {
position: absolute;
display: block;
height: 28px;
width: 28px;
line-height: 28px;
-moz-border-radius: 50%;
border-radius: 50%;
background-color: #03b3f9;
color: white;
text-align: center;
font-size: 12px;
font-family: 'Open Sans',sans-serif;
}
#nguheader .container-fluid.shoutbox_head {
/*Top SB Background*/
background: #2F2F2F !important;
height: 44px;
padding-left: 10px;
padding-right: 10px;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
-webkit-border-top-left-radius: 2px;
-webkit-border-top-right-radius: 2px;
}
#nguheader .divide-nav {
height: 40px;
background-color: #404040;
min-width: 1000px;
border-bottom: solid 2px #03b3f9;
}
.body_wrapper {
/*SB Backing*/
margin-top: 20px;
padding: 10px 20px 10px 20px;
background: #2F2F2F !important;
-moz-border-bottom-left-radius: 2px;
-moz-border-bottom-right-radius: 2px;
-webkit-border-bottom-left-radius: 2px;
-webkit-border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
border-radius: 5px;
}
#nguheader .form-control {
/*Border to Forums*/

display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #9A9A9A !important;
background-color: #404040 !important;
background-image: none;
border: 1px solid #2f2f2f !important;
border-radius: 4px !important;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.forumhome_forum_block {
/*Border to Forums*/

border: 2px solid #292929;
border-top: none;
}
.forumhome_left {
/*subforums*/

float: left;
font-family: 'Open Sans', sans-serif;
background-color: #2F2F2F;
min-width: 400px;
max-width: calc(100%);
display: block;
padding-top: 20px;
overflow: auto;
width: 100%;
}
.forumhome_lastpost_thread {
color: #9a9a9a;
font-family: 'Open Sans', sans-serif;
font-weight: 600;
}
.forumhome_forum_bit {
/*subforums*/

border-bottom: 2px solid #454545;
margin-left: 28px;
margin-right: 28px;
padding-top: 10px;
padding-bottom: 10px;
overflow: auto;
}
.forumhome_forum_block_title {
color: #2BA5F3;
float: left;
font-size: 14pt;
margin-top: -14px;
padding-left: 15px;
padding-right: 15px;
margin-left: 54px;
background-color: #2F2F2F;
position: absolute;
text-transform: uppercase;
display: table;
}
.shoutbox_body {
min-height: 280px;
border: 2px solid #03b3f9 !important;
border-radius: 4px;
border-top: none;
color: #3e3e3e;
font-size: 13px;
overflow: hidden;
margin-top: 5px;
}
.forumhome_forum_text {
padding-left: 12px;
color: #9a9a9a;
font-size: 15px;
vertical-align: middle;
font-family: 'Open Sans', sans-serif;
margin-top: 9px;
}
font {
color: #c3c3c3;
}
font {
color: #FFFFFF;
}
font {
color: #2d4dff;
}
font {
color: #2d4dff;
}
font {
color: #ff3333;
}
font {
color: #ff3333;
}
font {
color: #DC143C;
}
font {
color: #993399;
}
font {
color: #339933;
}
font {
color: #B75555;
}
font {
color: #A367D3;
}
font {
color: #FF6060;
}
font {
color: #c3c3c3;
}
.time {
/*subforums*/

color: #9a9a9a;
}
/* sectionals */

span[style="font-weight:bold;color:#3C86B8"] {
color: rgba(255, 255, 255, 0.Cool Man (aka Tustin) !important;
background-color: #3C86B8;
border-radius: 4px 4px 4px 4px;
padding-left: 4px;
padding-right: 4px;
}
/* mods */

span[style="font-weight: bold; color: #264971"] {
color: rgba(255, 255, 255, 0.Cool Man (aka Tustin) !important;
background-color: #264971;
border-radius: 4px 4px 4px 4px;
padding-left: 4px;
padding-right: 4px;
}
/* cm */

span[style="font-weight: bold; color:#182735;"] {
color: rgba(255, 255, 255, 0.Cool Man (aka Tustin) !important;
background-color: #182735;
border-radius: 4px 4px 4px 4px;
padding-left: 4px;
padding-right: 4px;
}
/* admin */

span[style="font-weight: bold; color:#FF4136;"] {
color: rgba(255, 255, 255, 0.Cool Man (aka Tustin) !important;
background-color: #FF4136;
border-radius: 4px 4px 4px 4px;
padding-left: 4px;
padding-right: 4px;
}
/* sal */

span[style="font-weight: bold; color:red;"] {
color: rgba(255, 255, 255, 0.Cool Man (aka Tustin) !important;
background-color: rgba(255, 0, 0, 0.Cool Man (aka Tustin);
border-radius: 4px 4px 4px 4px;
padding-left: 4px;
padding-right: 4px;
text-shadow: inherit !important;
}
/* gsquad */

span[style="font-weight: bold; color:#68C5E7;"] {
padding-left: 4px;
padding-right: 4px;
}
/* gobble */

span[style="color:#696969;"] {
color: rgba(169, 169, 169, 0.7) !important;
border: solid 1px rgba(169, 169, 169, 0.3);
border-radius: 4px 4px 4px 4px;
padding-left: 4px;
padding-right: 4px;
}
/* blue elites */

font {
color: #2B37DB !important;
}
/* pink elites */

font {
color: #FF00FF !important;
}
/* green1 elites */

font {
color: #488B46 !important;
}
/* green2 elites */

font {
color: #9F5179 !important;
}
/* purple elites */

font {
color: #8C25D7;
}
/* grey elites */

font {
color: #d3d3d3;
}
/*banned users */

span[style="color: Gainsboro;"] {
color: #000000 !important;
text-decoration: line-through !important;
}
span[style="color: Gainsboro;"]:after {
content: url(You must login or register to view this content.
}
/* scrollbars */

.shoutbox_body_cont::-webkit-scrollbar {
height: 12px !important;
width: 8px !important;
background: #404040 !important;
/* for vertical scrollbars */
/* for horizontal scrollbars */
}
.shoutbox_body_cont::-webkit-scrollbar-track {
background: rgba(0, 0, 0, 0.1) !important;
}
.shoutbox_body_cont::-webkit-scrollbar-thumb {
border-radius: 10px !important;
}
.shoutbox_body_cont::-webkit-scrollbar-thumb:hover {
border: 1px solid rgba(255, 255, 255, 0.5) !important;
}
#nguheader .btn-default {
color: #9a9a9a !important;
background-color: #383838 !important;
border-color: #292929 !important;
}
.jb_footer_col_header {
position: absolute;
color: #2ba5f3;
background-color: #2F2F2F !important;
padding-left: 15px;
padding-right: 15px;
margin-left: 27px;
margin-top: -14px;
text-transform: uppercase;
font-family: 'Open Sans';
font-size: 14pt;
}
.jb_footer_col_body {
height: 100%;
border: 2px solid #454545;
border-top: none;
overflow-y: hidden;
}
.jb_footer_hot_forum_box {
margin: 0px 20px 4px 20px;
color: #2ba5f3;
font-family: 'Open Sans';
border-bottom: 2px solid #454545;
padding-top: 4px;
padding-bottom: 8px;
}
.jb_footer_staffuser_box {
margin: 0px 20px 4px 20px;
color: #2ba5f3;
font-family: 'Open Sans';
border-bottom: 2px solid #454545;
padding-top: 4px;
padding-bottom: 8px;
}
.forumhome_forum_text {
color: #03b3f9 !important;
}
#nguheader a>.threadbit_thread_title {
margin-bottom: 2px;
font-size: 15px;
color: #03b3f9;
}
div [style="background: #104F6B; border-bottom: 0px;"] {
background: #292929 !important;
}
div [style="background: #0b3c52;"] {
background: #454545 !important;
}
body a {
color: #9a9a9a;
text-decoration: none;
}
.forum_info {
margin-bottom: 5px;
margin-top: 15px;
float: left;
width: 100%;
clear: both;
position: relative;
top: -10px;
color: #9a9a9a;
font: 12px;
}
.blockhead {
background: no-repeat scroll 10px center #292929!important;
height: 48px;
font-size: 17px!important;
border: 1px solid #454545!important;
color: #9A9A9A!important;
text-transform: uppercase;
text-align: center;
text-shadow: 1px 0 #292929;
font-family: arial;
line-height: 48px;
box-shadow: 0 0 0 0!important;
font-weight: bold;
}
div [style="margin: 0; border-bottom: 2px solid rgb(242, 242, 242); background: #ffffff;"] {
background: #404040 !important;
}
div [style="background: #104F6B; border-bottom: 0px;"] {
background: #292929 !important;
}
div [style="background: #0b3c52;"] {
background: #404040 !important;
}
div [style="font-weight: bold; color:#182735;"] {
color: #9a9a9a !important;
}
div [style="font-weight: bold; color: #264971"] {
color: #1574FF !important;
}
div [style="font-weight: bold; color: #264971"] {
color: #1574FF !important;
}
div [style="font-size: 16px;font-weight: 600; color: #4e4f5c;"] {
color: #6BB5FF !important;
}
div [style="margin-bottom: 20px; border: 2px solid #d6d9dc; padding: 16px; font-family: 'Open Sans', sans-serif; padding-bottom: 2px; "] {
border: 2px solid #6BB5FF !important;
}
div [style="color: #2BA5F3; position: relative; float: left;font-size: 14pt;font-family: Open Sans;margin-top: -14px;padding-left: 15px;padding-right: 15px;margin-left: 54px;background-color: white;display: inline-block;"] {
background-color: #292929 !important;
}
div [style="background-color: white; min-height: 394px; border-bottom-left-radius: 1px; border-right: 1px solid rgb(242, 242, 242); font-family: 'Open Sans', sans-serif; float: left;"] {
background-color: #292929 !important;
}
div [style="height: 100%; border-right: 2px solid #d6d9dc;font-size: 14px;font-family: 'Open Sans', sans-serif;position: relative;text-transform:uppercase;color:#777777;padding-top: 12px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;"] {
color: #9a9a9a !important;
}
div [style="float: right;right: 0;margin-top: -18px; background: #ffffff;"] {
background: #292929 !important;
}
div [style="text-align: center; font-size: 15px; position: absolute; bottom: 5px; right: 8px; background: rgb(36, 36, 36) none repeat scroll 0% 0%; padding-left: 20px;"] {
background: #292929 !important;
}
div [style="width: 100%; color: #4e4f5c; font-family: 'Open Sans',sans-serif; margin-top: 5.5px;"] {
color: #9a9a9a !important;
}
div [style="color: #4e4f5c; font-family: 'Open Sans',sans-serif; text-align: right;"] {
color: #9a9a9a !important;
}
div [style="background-color: #****e6;"] {
color: #292929 !important;
}
#nguheader .thread_listing_separator {
border-top: 8px solid #454545;
display: block;
margin-top: 0px;
margin-bottom: 0px;
}
dl.stats dt,
#sidebar_container dl.stats,
#sidebar_container .blockbody.userprof_content,
#sidebar_container .userprof_content .time,
.userprof_content .time {
color: #9A9A9A;
background-color: #292929;
background-image: none;
}
#sidebar_container .userprof_content .blockrow {
color: #9a9a9a;
background-color: #292929;
background-image: none;
background-repeat: repeat;
border-color: rgb(41, 41, 41);
}
#sidebar_container.member_summary {
background-color: #292929;
background-image: none;
background-repeat: repeat;
width: 240px;
clear: right;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
-moz-box-shadow: -2px 2px 2px #c8c8c8;
-webkit-box-shadow: -2px 2px 2px #c8c8c8;
box-shadow: -1px 1px 1px #383838;
border: 1px solid #383838;
display: inline-block;
margin-bottom: 10px;
padding: 0;
}
.userprof_content_border {
border-color: rgb(64, 64, 64);
border-style: solid;
border-width: 1px;
}
#sidebar_container .blocksubhead {
color: #9a9a9a;
border-color: #9E785C;
}
li.activitybit {
overflow: hidden;
color: #9a9a9a;
font-weight: normal;
font-family: inherit;
font-size: 11px;
margin: 0px 0px 10px 0px;
border: 1px solid #383838;
padding: 10px;
background: #292929 none no-repeat;
}
#activity_tab_container>div {
overflow: hidden;
background-color: #292929;
}
.member_summary .friends_mini .friends_list li .image_friend_link {
padding: 3px;
border: 1px solid #404040;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
width: 50px;
height: 50px;
overflow: hidden;
display: inline-block;
}
.member_summary dd.avatar img {
height: auto;
padding: 3px;
border: 1px solid #292929;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
#sidebar_container a {
color: #2c85c5;
}
.reputation p span {
color: #9a9a9a;
}
#rate_btn {
float: left;
width: 86px;
margin-left: 37px;
height: 21px;
padding-left: 2px;
background-color: #292929;
border-radius: 5px;
border: solid 1px;
border-top-color: #404040;
border-left-color: #404040;
border-bottom-color: #404040;
border-right-color: #404040;
}
.threadbit {
padding: 0;
width: 100%;
display: block;
clear: both;
color: #9a9a9a;
float: left;
position: relative;
-moz-box-shadow: -2px 2px 2px #c8c8c8;
-webkit-box-shadow: -2px 2px 2px #404040;
box-shadow: -2px 2px 2px #404040;
}
.pagination span a {
font: normal 13px Tahoma, Calibri, Verdana, Geneva, sans-serif;
border: 1px solid #404040;
height: 15.99px;
padding: 2px 4px;
margin-left: 1px;
background: #292929 none;
text-decoration: none;
color: #9a9a9a;
}
h2.searchlisthead {
font: bold 12px Tahoma, Calibri, Verdana, Geneva, sans-serif;
border: 1px solid #404040;
_background-image: none;
color: #9a9a9a;
float: left;
display: block;
width: 100%;
position: relative;
clear: both;
-moz-border-radius-topright: 0px;
-moz-border-radius-topleft: 0px;
-webkit-border-top-right-radius: 0px;
-webkit-border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-left-radius: 0px;
-moz-box-shadow: -2px 2px 2px #c8c8c8;
-webkit-box-shadow: -2px 2px 2px #404040;
box-shadow: -2px 2px 2px #404040;
}
.pagination span a.popupctrl {
height: 15.99px;
background: #292929;
padding-right: 4px;
padding-left: 18px;
}
.threadbit .alt {
background: #292929;
}
.threadbit .nonsticky,
.threadbit .discussionrow {
background: #292929;
}
.threadbit .nonsticky,
.threadbit .deleted,
.threadbit .discussionrow,
.threadbit .ignored {
border: 1px solid #404040;
border-top: 0;
width: 100%;
float: left;
display: block;
clear: both;
position: relative;
margin-top: 0;
}
.threadbit .sticky {
background: #292929;
border: 1px solid #404040;
border-top: 0;
width: 100%;
float: left;
display: block;
clear: both;
position: relative;
}
#searchtypeswitcher {
border-bottom: 4px solid #292929;
}
.blocksubhead {
font: normal 12px;
color: #9a9a9a;
background: #292929 none repeat-x;
padding: 4px 10px 4px 10px;
border-top: 1px solid #404040;
}
.formcontrols .blockrow {
background: #292929 none repeat-x center bottom;
border-top: solid 1px #404040;
padding: 10px 5px;
}
.blockfoot,
.blocksubfoot {
display: block;
clear: both;
background: #292929 none;
padding: 5px 0px 5px 0px;
border: 0 none #404040;
}
.formcontrols .section {
padding: 0 0;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.actionbuttons .group .button {
cursor: pointer;
padding: 2.5px 5px;
font: bold 11px Tahoma, Calibri, Verdana, Geneva, sans-serif;
border: 1px solid #404040;
color: #424242;
background: #FFFFFF;
}
.shoutbox_body {
min-height: 280px;
border: 2px solid #454545 !important;
border-top: none;
color: #9a9a9a !important;
font-size: 13px;
overflow: hidden;

}
#memberlist_table tr td {
border-bottom: 1px solid #404040;
}
#memberlist_table td.alt1 {
background: #292929 none repeat-x center bottom;
}
#charnav {
border: 1px solid #404040;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
padding: 7px;
margin-bottom: 1em;
margin-left: auto;
margin-right: auto;
width: auto;
}
#charnav dd a {
font-size: 11px;
padding: 2px 4px;
border: 1px solid #404040;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
text-decoration: none;
display: block;
text-align: center;
margin-left: 2px;
}
.reputation {
background: #292929;
float: right;
width: 144px;
margin-right: 0px;
}
.joindate {
padding: 0px 0px 0px 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.joindate,
.post,
.membership {
color: #3BA7D2;
font-size: 11px;
line-height: 16px;
float: left;
margin: 0;
border-left: 1px solid #404040;
}
#usercp_nav .blockrow * a:hover {
background-color: #FFEB90;
color: #9a9a9a;
text-decoration: none;
}
.forumhome_forum_block {
border: 2px solid #404040;
border-top: none;
}
.postbitlegacy .postbody,
.eventbit .eventdetails .eventbody {
background: #292929 none repeat scroll 0% 0%
}
.postbitlegacy .postrow,
.eventbit .eventrow,
.postbitdeleted .postrow,
.postbitignored .postrow {
color: #9a9a9a;
}
.postbit .postbody {
color: #FFF;
background: #292929;
}
.jb_quote_container {
border: 1px solid #404040;
background-color: #404040;
}
.intro_block .text {
display: block;
padding: 4px 0;
background: rgb(41, 41, 41);
border: 1px solid #404040;
}
.blockbody {
background: rgb(41, 41, 41) none no-repeat;
padding-left: 0px;
padding-right: 0px;
}
#usercp_nav .blocksubhead {
font: normal 12px;
color: #9a9a9a;
background: #292929 none repeat-x;
padding: 4px 10px 4px 10px;
border-top: none;
}
#usercp_nav .blocksubhead {
color: #FFFFFF;
background: #292929;
}
#usercp_nav .blockrow {
background: #292929;
}
.pmlist .blockrow {
border-top: solid 1px #404040;
background: #292929 none repeat-x center bottom;
clear: both;
position: relative;
}
.glyphicon {
color: #9A9A9A !important;
}
div.legacypost div div {
background: #292929 !important;
border-left: 1px solid rgb(64, 64, 64) !important;
}
div [style="width: 100%; border-bottom: 2px solid rgb(242, 242, 242); padding-top: 10px; padding-bottom: 10px; padding-left: 10px;"] {
border-bottom: 2px solid #404040 !important;
}
div [style="float: left; width: 50%; text-align: center; border-right: 1px solid rgb(242, 242, 242); border-top: 2px solid rgb(242, 242, 242); border-bottom: 2px solid rgb(242, 242, 242); padding-top: 10px; padding-bottom: 10px; margin-top: 10px;"] {
border-right: 1px solid #404040 !important;
border-top: 2px solid #404040 !important;
border-bottom: 2px solid #404040 !important;
}
div [style="float: left; width: 50%; text-align: center; border-left: 1px solid rgb(242, 242, 242); border-top: 2px solid rgb(242, 242, 242); border-bottom: 2px solid rgb(242, 242, 242); padding-top: 10px; padding-bottom: 10px; margin-top: 10px;"] {
border-left: 1px solid #404040 !important;
border-top: 2px solid #404040 !important;
border-bottom: 2px solid #404040 !important;
}
.userprof_content {
color: #9a9a9a;
background-color: #ffffff;
background-image: none;
background-repeat: repeat;
}
.postbit,
.postbitlegacy,
.eventbit {
margin-bottom: 10px;
display: block;
width: 100%;
clear: both;
position: relative;
float: left;
color: #3e3e3e;
border: 1px solid #404040;
}
.userprof_title {
color: #9a9a9a;
}
.userprof_content {
color: #9a9a9a;
background-color: #292929;
background-image: none;
background-repeat: repeat;
}
.userprof_headers_border {
border-color: #404040;
}
.userprof_headers {
color: #9a9a9a;
background-color: #292929;
background-image: none;
background-repeat: repeat;
}
.userprof .postbit .postdate .time {
color: #9a9a9a;
}
li.userprof_content_border {
border-color: rgb(64, 64, 64);
}
li.userprof_content {
margin-bottom: .5em;
color: #9a9a9a;
background-color: #292929;
background-image: none;
background-repeat: repeat;
}
.profile_content .infractions_block .inflisthead {
width: 100%;
border-bottom: 1px solid #404040;
height: 26px;
font-weight: bold;
font-size: 13px;
float: left;
}
.profile_content #infractionslist li {
width: 100%;
height: auto;
display: block;
float: left;
clear: both;
border-bottom: 1px solid #404040;
}
.userprof_content .shade {
color: #9a9a9a;
}
.replisthead {
width: 100%;
border-bottom: 1px solid #404040;
height: 26px;
font-weight: bold;
font-size: 13px;
float: left;
}
#mprlist li {
width: 100%;
height: auto;
display: block;
float: left;
clear: both;
border-bottom: 1px solid #404040;
}
div.blockrow.editor {
background-color: #292929;
}
div.actionbuttons.transparent {
background-color: #292929;
}
#visitormessageseditor {
background: #292929;
}
.texteditor.content .cke_skin_kama textarea.cke_source,
.texteditor textarea {
color: #9a9a9a;
font: 13px Tahoma, Calibri, Verdana, Geneva, sans-serif;
white-space: pre-wrap;
background: #292929 none;
}
.cke_skin_kama .cke_wrapper.cke_ltr,
.cke_skin_kama .cke_wrapper.cke_rtl {
background: #292929;
}
.jb_quote_head {
font-weight: bold;
padding: 8px;
border-bottom: 1px solid #2A2A2A !important;
}
.texteditor.forum .cke_skin_kama textarea.cke_source, .texteditor.forum textarea {
color: #9A9A9A !important;
font: 13px Verdana, Arial, Tahoma, Calibri, Geneva, sans-serif;
white-space: pre-wrap;
background: #303030 none !important;
}
#nguheader .form-control {
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #9a9a9a;
background-color: #383838;
background-image: none;
border: 1px solid #2f2f2f;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
::-webkit-scrollbar {
height: 12px;
width: 4px;
background: #2F2F2F;
}
::-webkit-scrollbar-thumb {
background: #03b3f9;
-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);
}
::-webkit-scrollbar-corner {
background: #03b3f9;
}
#nguheader .nav-tabs {
border-bottom: 1px solid #292929 !important;
}
#nguheader .navbar-static-top {
margin-bottom: 0px;
min-width: 1000px;
border-bottom: 1px solid #292929;
background: #485a64;
background: -moz-linear-gradient(top, #485a64 0%, #0d3d51 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2C6B8E), color-stop(100%, #0d3d51));
background: -webkit-linear-gradient(top, #113A50 0%, #0d3d51 100%);
background: -o-linear-gradient(top, #485a64 0%, #0d3d51 100%);
background: -ms-linear-gradient(top, #485a64 0%, #0d3d51 100%);
background: linear-gradient(to bottom, #292929 0%, #292929 100%);
}
.content {
background-color: #292929;
}
#nguheader .divide-nav {
height: 40px;
background-color: #404040;
min-width: 1000px;
}
.introduction {
color: #9a9a9a;
margin-bottom: 20px;
font-size: 15px;
}
.Home_inner_content {
background-color: #404040;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
font-family: 'OpenSans';
padding: 21px 18px 0 19px;
margin: 0 auto;
border-radius: 7px;
width: 970px;
margin-top: 10px;
}
span.cke_skin_kama {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px solid #404040;
padding: 5px;
}
.newactivity a,
.newactivity>span,
.moreactivity a,
.moreactivity span {
color: #9a9a9a;
}
.postbitlegacy .postbody,
.eventbit .eventdetails .eventbody {
margin-left: 200px;
border-left: 1px solid #404040;
_background-image: none;
padding-bottom: 1em;
}
.signature {
padding-top: 1em;
border-top: 1px solid #404040;
margin-top: 2em;
}
.postbit .posttitle,
.postbitlegacy .title {
border-bottom: 1px solid #404040;
padding-bottom: 5px;
margin-bottom: 5px;
}
#nguheader hr {
margin-top: 20px;
margin-bottom: 20px;
border: 0;
border-top: 1px solid #404040;
}
#nguheader a.forumdisplay_navbar_link {
border-right: 2px solid #404040;
height: 100%;
font-size: 14px;
color: #9a9a9a;
text-align: center;
padding-top: 12px;
font-family: 'Open Sans', sans-serif;
}
#nguheader a.forumdisplay_navbar_link:hover {
border-right: 2px solid #404040;
height: 100%;
font-size: 14px;
color: #9a9a9a;
text-align: center;
padding-top: 12px;
font-family: 'Open Sans', sans-serif;
}
.legacypost {
border-left: 1px solid rgb(64, 64, 64) !important;
padding-bottom: 0px;
}
.legacyuserinfo {
border-right: 1px solid rgb(64, 64, 64) !important;
}
#nguheader .divide-nav>.container>.nav>li>a {
padding-left: 0px;
text-decoration: none;
color: #9a9a9a;
font-size: 12px;
padding-right: 21px;
}
#nguheader .dropdown-menu {
/*Edited*/

position: absolute;
top: 100%;
left: 7;
z-index: 1000;
display: none;
float: left;
min-width: 160px;
padding: 5px 0;
margin: 2px 0 0;
list-style: none;
font-size: 14px;
text-align: left;
background-color: #292929 !important;
border: 1px solid #454545 !important;
border: 1px solid rgb(64, 64, 64);
border-radius: 4px;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175) !important;
box-shadow: 0 6px 12px rgb(64, 64, 64) !important;
background-clip: padding-box;
}
#nguheader .dropdown-menu>li>a {
display: block;
padding: 3px 20px;
clear: both;
font-weight: normal;
line-height: 1.42857143;
color: #9A9A9A !important;
white-space: nowrap;
}
.divider {
display: none;
}
.texteditor.forum .cke_skin_kama textarea.cke_source,
.texteditor.forum textarea {
color: #9A9A9A !important;
font: 13px Verdana, Arial, Tahoma, Calibri, Geneva, sans-serif;
white-space: pre-wrap;
background: #1B1B1B none;
}
.jb_quote_head {
font-weight: bold;
padding: 8px;
border-bottom: 1px solid #404040;
}
.summaryinfo {
border-bottom: solid 1px #404040;
}
#referrallink {
border: 1px solid #404040;
padding: 0px 0px 6px 6px;
}
div #enzobar {
border: 2px solid #404040 !important;
}
#nguheader div.forumdisplay_dropdown_cont > a {
height: 100%;
font-size: 14px;
color: #9a9a9a;
text-align: center;
padding-top: 12px;
font-family: 'Open Sans', sans-serif;
text-decoration: none;
}
div [style="height: 100%; border-right: 2px solid #d6d9dc;font-size: 14px;font-family: 'Open Sans', sans-serif;position: relative;text-transform:uppercase;color:#777777;padding-top: 12px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;"] {
border-right: 2px solid #404040 !important;
}
.content p {
color: #9a9a9a;
font-family: 'Open Sans', sans-serif;
font-size: 18px;
font-weight: 300;
margin: 0;
padding-top: 14px;
text-align: justify;
}
.bootstrap .modal {
position: fixed;
top: 50%;
left: 50%;
z-index: 1050;
overflow: auto;
width: 560px;
margin: -250px 0 0 -280px;
background-color: #454545;
border: 1px solid #999;
border: 1px solid rgba(0, 0, 0, 0.3);
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
-webkit-background-clip: padding-box;
-moz-background-clip: padding-box;
background-clip: padding-box;
}
.bootstrap .modal-footer {
padding: 14px 15px 15px;
margin-bottom: 0;
text-align: right;
background-color: #454545;
border-top: 1px solid #292929;
-webkit-border-radius: 0 0 6px 6px;
-moz-border-radius: 0 0 6px 6px;
border-radius: 0 0 6px 6px;
-webkit-box-shadow: inset 0 1px 0 #454545;
-moz-box-shadow: inset 0 1px 0 #ffffff;
box-shadow: inset 0 1px 0 #454545;
}
.bootstrap a {
color: #9a9a9a;
text-decoration: none;
}
.bootstrap .nav-tabs > .active > a,
.bootstrap .nav-tabs > .active > a:hover {
color: #555555;
background-color: #EDEDED;
border: 1px solid #292929;
border-bottom-color: transparent;
cursor: default;
}
.bootstrap .nav-tabs {
border-bottom: 1px solid #292929;
}
.bootstrap .modal-header {
padding: 9px 15px;
border-bottom: 1px solid #292929;
}
.bootstrap .nav-tabs > .active > a,
.bootstrap .nav-tabs > .active > a:hover {
color: #9a9a9a;
background-color: #454545;
border: 1px solid #292929;
border-bottom-color: transparent;
cursor: default;
}
div [style="margin-bottom: 20px; border: 2px solid #d6d9dc; padding: 16px; font-family: 'Open Sans', sans-serif; padding-bottom: 2px; "] {
border: 2px solid #454545 !important;
}
div.shoutbox_body {
background-color: #292929 !important;
}
.activitystream_block dd,
dd.userprof_moduleinactive {
color: #000000;
background-color: #2c85c5;
border-color: #404040;
background-image: none;
background-repeat: repeat;
}
.fhsidebar_popular_forums_block {
display: none;
}
.bbcode_code {
width: 100% !important;
/*makes code block fill up width in a post*/
}

#pollinfo {
padding-bottom: 0;
margin: 10px 50px 0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
clear: both;
border: 1px solid #404040;
padding-right: 10px;
}
.polloptionsblock {
padding-left: 120px;
background: #292929;
}
#pollinfo .polltitle {
color: #9a9a9a;
}
.pollresultsblock {
padding-left: 10px;
background: #292929;
}
#pollresults {
border: 1px solid #404040;
padding: 10px;
background: #f3f3f3;
margin: 0 auto;
margin-top: 10px;
clear: both;
float: left;
width: 98%;
}
#pollinfo .blockhead .totalvotes {
color: #999999;
font-size: 13px;
display: inline-block;
margin-top: 6.5px;
font-weight: bold;
}
.postbit .posthead {
background: #292929 none repeat-x;
border: 1px solid #404040;
color: #9a9a9a;
}
.postbit .userinfo,
.postbit .userinfo_noavatar {
background: #292929 none;
_background-image: none;
clear: both;
height: auto !important;
border-bottom: 1px solid #404040;
padding: 0.5em 0;
width: 100%;
float: left;
}
.postbit,
.postbitlegacy,
.eventbit {
margin-bottom: 10px;
display: block;
width: 100%;
clear: both;
position: relative;
float: left;
color: #9a9a9a;
border: 1px solid #404040;
}
.postbit .postdate .time {
color: #9a9a9a;
}
.postbit .postbody {
color: #9a9a9a;
background: #292929;
}
h2.searchlisthead {
color: #FFFFFF;
}
div [style="margin-bottom: 20px; border: 2px solid rgb(214, 217, 220); padding: 16px 16px 2px; font-family: 'Open Sans', sans-serif; display: block;"] {
border: 2px solid rgb(69, 69, 69) !important;
}
.e3_sidebar {
margin-bottom: 20px;
border: 2px solid rgb(64, 64, 64) !important;
padding: 16px 16px 2px;
font-family: "Open Sans", sans-serif;
}
.fhsidebar_popular_forums_block {
display: none !important;
}
.wysibb {
border: 1px solid #404040 !important;
position: relative;
background: #383838 !important;
font-size: 12px;
}
.wysibb .wysibb-toolbar .wysibb-toolbar-container {
margin: 0;
border-right: 1px solid #404040 !important;
padding: 0;
display: inline-block;
}
.wysibb .wysibb-toolbar {
border-bottom: 1px solid #404040 !important;
position: relative;
padding: 0 60px 0 0;
height: auto;
}
.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn .fonticon {
color: #9a9a9a !important;
font-family: 'WysiBBiconFont';
font-size: 18px;
line-height: 28px;
text-shadow: 0px 1px 0px #404040 !important;
text-align: center;
speak: none;
}
.popupbody {
font: normal 11px Tahoma, Calibri, Verdana, Geneva, sans-serif;
color: #9a9a9a;
padding: 2px;
background: #292929 none;
border: 1px solid #404040;
position: absolute;
z-index: 1000;
top: 1.5em;
left: 0;
display: none;
min-width: 200px;
box-shadow: 0 6px 12px rgb(64, 64, 64) !important;
}
.popupbody li {
border-top: solid 1px #404040;
}
.skinbox_user_bar .popupbody li a,
.popupbody li label {
color: #9a9a9a!important;
font-weight: normal!important;
}
.popupbody li a,
.popupbody li label {
display: block;
color: #3E3E3E;
background: #292929 none;
padding: 6.235px 10px;
text-decoration: none;
text-align: left;
white-space: nowrap;
}
.jb_quote_body {
background-color: #292929;
padding: 8px;
max-height: 400px;
overflow-y: scroll;
}
.intro_block {
display: block;
width: 100%;
-webkit-border-top-right-radius: 2px;
-webkit-border-top-left-radius: 2px;
-moz-box-shadow: -2px 2px 2px #c8c8c8;
-webkit-box-shadow: -2px 2px 2px #292929;
margin-bottom: 20px;
}
.errorblock ul.blockrow.error>li {
border-bottom: solid 1px #404040;
padding-bottom: 10px;
margin-bottom: 10px;
}
.texteditor.forum .cke_skin_kama textarea.cke_source,
.texteditor.forum textarea {
color: #9A9A9A !important;
font: 13px Verdana, Arial, Tahoma, Calibri, Geneva, sans-serif;
white-space: pre-wrap;
background: #383838 none !important;
}
.textbox,
textarea,
select {
font: normal 11px Tahoma, Calibri, Verdana, Geneva, sans-serif;
color: #9A9A9A;
background: #383838 none !important;
border: 1px solid #404040;
padding: 4px;
outline: 0;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.jb_pagination_prevnext {
text-align: center;
padding: 3px 8px 3px 8px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
background-color: #383838 !important;
color: #9A9A9A !important;
}
#nguheader .dropdown-menu>li>a:hover {
background: #404040 none;
}
.jb_pagination_pagelink:hover {
background: #404040 none;
color: #9a9a9a;
}
#nguheader .container-fluid.shoutbox_editshout_area {
height: 44px;
margin-left: 9px;
margin-right: 9px;
padding-left: 0;
padding-right: 0;
border-bottom: 1px solid #292929;
}
.notification-container {
width: 328px;
padding: 16px;
background: #383838 !important;
border-top: 4px solid #2ba5f3 !important;
position: fixed;
z-index: 1001;
top: 16px;
left: 16px;
-moz-box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.095);
-webkit-box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.095);
/*box-shadow: 0 0px 12px rgb(43, 165, 243) !important;*/
}
.notification-info {
font-size: 14px;
font-weight: 400;
color: #9a9a9a !important;
}
.notification-title {
font-size: 16px;
font-weight: bold;
color: #2ba5f3;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.forumhome_sidebar {
display: none;
}
#dave > img {
display: block;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: url(You must login or register to view this content.) no-repeat;
width: 870px;
height: 25px;
padding-left: 870px;
}
dl.stats dt,
#sidebar_container dl.stats,
#sidebar_container .blockbody.userprof_content,
#sidebar_container .userprof_content .time,
.userprof_content .time {
color: #9A9A9A;
background-color: #292929;
background-image: none;
border: 0px solid #292929;
}
dd.userprof_moduleinactive {
background-color: #292929!important;
}
.activitystream_block dd.selected,
dd.userprof_module {
color: #ffffff;
background-color: #2c85c5!important;
border-color: #2c85c5;
background-image: none;
background-repeat: repeat;
}
.memberprofiletabunder {
background-color: #2c85c5!important;
}
li.activitybit a {
font-weight: bold;
color: #2c85c5;
}
label {
color: #2c85c5;
margin: 0 0 0 6px;
}
.userprof_content a {
color: #2c85c5;
background-color: transparent;
}
#sidebar_container.member_summary .textcontrol {
color: #2c85c5;
}
.formcontrols .blockrow {
background: #292929 none repeat-x center bottom;
border-top: solid 1px #2c85c5;
padding: 10px 5px;
}
.activitystream_block dd,
dd.userprof_moduleinactive {
color: #ffffff;
background-color: #292929;
border-color: #404040;
background-image: none;
background-repeat: repeat;
}
.userprof_editor {
border-width: 1px 0px 0px 0px;
border-style: solid;
border-color: #2c85c5;
}
.as-tabs dd,
.as-tabs dd.userprof_moduleinactive {
border: 1px solid #404040;
}
dl.as-tabs dd a {
color: #ffffff;
}
li.activitybit {
overflow: hidden;
color: #9a9a9a;
font-weight: normal;
font-family: inherit;
font-size: 11px;
margin: 0px 0px 10px 0px;
box-shadow: 0px 0px 11px -1px rgba(44, 133, 197, 1);
padding: 10px;
background: #292929 none no-repeat;
}
.userprof_headers_border {
box-shadow: 0px 0px 11px -1px rgba(44, 133, 197, 1);
border-bottom: none;
}
.userprof blockquote {
padding: 5px 10px 5px 10px;
box-shadow: 0px 1px 11px -1px rgba(44, 133, 197, 1);
border-top: none;
}
.profile_content .blockbody {
box-shadow: 0px 1px 11px -1px rgba(44, 133, 197, 1);
}
.profile_content .friends_list li {
clear: both;
box-shadow: 0px 1px 11px -1px rgba(44, 133, 197, 1);
position: relative;
padding-left: 80px;
padding-top: 10px;
height: 80px;
}
.intro_block .text {
display: block;
padding: 4px 0;
background: rgb(41, 41, 41);
box-shadow: 0px 0px 11px -1px rgba(44, 133, 197, 1);
border: 1px solid #404040;
}
#view-vbshop .member_content .subsection {
clear: both;
border-top: 1px solid #2c85c5;
padding-top: 10px;
}
#nguheader .input-group-addon:first-child {
display: none !important;
}
.actionbuttons .group .button {
background-color: #383838;
}
.actionbuttons .group .button:hover {
background: #383838;
}
.popupbody li>a:hover,
.popupbody li>label:hover {
color: #3E3E3E;
background: #292929 none;
}
.itemwrapper {
border: 1px solid #2ba5f3;
}
.button {
border: 1px solid #404040;
color: #424242;
background: #292929;
}
#desktop_postbit container-fluid {
background: #292929;
}
div [style="margin: 0; border-bottom: 2px solid rgb(242, 242, 242); background: #ffffff;"] {
border-bottom: 2px solid rgb(64, 64, 64) !important;
background: #292929 !important;
}
div [style="height: 80px; border-right: 2px solid rgb(242, 242, 242); padding-top: 12px; padding-bottom: 12px; overflow: hidden; font-family: 'Open Sans', sans-serif;"] {
border-right: 2px solid rgb(64, 64, 64) !important;
}
div [style="height: 80px; border-right: 2px solid rgb(242, 242, 242); text-align: center;"] {
border-right: 2px solid rgb(64, 64, 64) !important;
}
div [style="height: 80px; border-right: 2px solid rgb(242, 242, 242); text-align: center; padding-left: 2px; padding-right: 2px;"] {
border-right: 2px solid rgb(64, 64, 64) !important;
}
div [style="height: 80px; border-right: 2px solid rgb(242, 242, 242); padding-left: 5px; padding-right: 5px;"] {
border-right: 2px solid rgb(64, 64, 64) !important;
}
div [style="height: 80px; padding-left: 5px; padding-right: 5px; border-left: 2px solid rgb(242, 242, 242);"] {
border-left: 2px solid rgb(64, 64, 64) !important;
}


Any suggestions feel free to leave them below enjoy!
Last edited by Bygone ; 03-05-2017 at 02:24 PM.

Copyright © 2024, NextGenUpdate.
All Rights Reserved.

Gray NextGenUpdate Logo