Post: NGU Dark Theme (Beta) (Updated)
Options
02-14-2015, 12:41 AM
#1
04jberry
whoo piece of candy!!!
NGU Dark Theme
Download Stylish for your browser install the them using this link: You must login or register to view this content.
Also for the black shoutbox You must login or register to view this content.
You must login or register to view this content.
If anyone knows could help fill in the blanks i would be very gratefull
CSS (so far)
Download Stylish for your browser install the them using this link: You must login or register to view this content.
Also for the black shoutbox You must login or register to view this content.
You must login or register to view this content.
If anyone knows could help fill in the blanks i would be very gratefull
CSS (so far)
@namespace url(https://www.w3.org/1999/xhtml);
@-moz-document domain("www.nextgenupdate.com"){
body{
margin-top:0px;
background-color:#232323;
}
#container_ns {
background-color: #323232;
width: 980px !important;
margin: 5px auto 0px;
padding: 16px 0px 30px;
border-radius: 6px;
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
}
.content_b h2 a {
font-size: 14px;
color: #adadad;
text-decoration: none;
}
.folder_bar_b {
background: url("https://www.nextgenupdate.comhttps://www.nextgenupdate.com/forums/images/folder.png") no-repeat scroll 22px center #5C5C5C;
border-top: 1px solid #E7E9EF;
float: left;
height: 47px;
width: 100%;
}
.folder_bar_b h2 {
float: left;
font-size: 14px;
color: #D1D1D1;
margin: 16px 0px 0px 67px;
text-transform: uppercase;
}
#nguheader .divide-nav {
height: 40px;
background-color: #414141;
min-width: 1000px;
}
#nguheader .navbar-static-top {
margin-bottom: 0px;
min-width: 1000px;
border-bottom: 1px solid #393939;
background: linear-gradient(to bottom, #29698D 0%, #393939 100%) repeat scroll 0% 0% transparent;
}
.akordeon-icon {
cursor: pointer;
float: left;
height: 23px;
width: 23px;
background: url(https://i.imgur.com/c6qIsvL.png) no-repeat !important;
}
.body_wrapper {
padding: 10px 20px;
background: none repeat scroll 0% 0% #3F3F3F;
border-radius: 5px;
}
body a {
color: #BDBDBD;
}
.formcontrols .blockrow {
background: none repeat-x scroll center bottom #606060;
border-top: 1px solid #535353;
padding: 10px 5px;
}
.blockhead {
height: 48px;
font-size: 25px !important;
color: #4****E !important;
text-transform: uppercase;
text-shadow: 0px 0px #fff;
font-family: Sans-Serif;
font:normal normal normal 100% Sans-Serif;
line-height: 48px;
text-align: center;
box-shadow: 0px 0px 0px 0px !important;
font-weight: bold;
background: url("https://www.nextgenupdate.com/forums/images/connect.png") no-repeat scroll 10px center #3f3f3f !important;
border: 1px solid #3f3f3f !important;
}
.wysiwyg_block .blockrow:first-child {
background: url("https://i.imgur.com/eoR4iqz.png") repeat-x scroll left top ;
}
.texteditor.forum .cke_skin_kama textarea.cke_source, .texteditor.forum textarea {
color: #FFF;
font: 13px Verdana,Arial,Tahoma,Calibri,Geneva,sans-serif;
white-space: pre-wrap;
background: none repeat scroll 0% 0% #808080;
}
span.cke_skin_kama {
border-radius: 5px;
border: 1px solid #38ABFF;
padding: 5px;
}
.member_bar {
background-color: #4****E;
border-top: 1px solid #008AFF;
height: 55px;
margin: 0px auto;
}
.membership {
border-right: 1px solid #171717;
padding: 14px 21px 6px 8px;
}
.joindate, .post, .membership {
color: #69B3DC;
font-size: 11px;
line-height: 16px;
float: left;
margin: 0px;
border-left: 1px solid #000;
}
.postbit .postrow {
padding: 5px 10px 3em;
font: 13px Verdana,Arial,Tahoma,Calibri,Geneva,sans-serif;
background-color: #4****E;
}
.postbit .postbody {
color: #C5C5C5;
}
.postbitlegacy .postfoot .textcontrols a.post_thanks_button, .postbit .postfoot .textcontrols a.post_thanks_button {
background: url("https://i.imgur.com/j0pQWaT.png") no-repeat scroll left center transparent;
padding-left: 20px;
}
.postbit, .postbitlegacy, .eventbit {
margin-bottom: 10px;
display: block;
width: 100%;
clear: both;
position: relative;
float: left;
color: #3****E;
border: 1px solid #484848;
}
.threadbit .nonsticky, .threadbit .discussionrow {
background: url("https://www.nextgenupdate.com/forums/images/gradients/grey-up.png") repeat-x scroll left bottom #4D4D4D;
}
.threadbit {
color: #BABABA;
}
.threadbit .alt {
background: url("https://www.nextgenupdate.com/forums/images/gradients/grey-up.png") repeat-x scroll left bottom #383838;
}
.threadbit .threadinfo {
width: 62%;
min-width: 350px;
border: 1px solid #484848;
}
.threadbit {
padding: 0px;
width: 100%;
display: block;
clear: both;
float: left;
position: relative;
box-shadow: -2px 2px 2px #505050;
color: #535353;
}
.threadbit .threadlastpost {
width: 23%;
padding: 8.74px 0px 8.74px 2%;
float: left;
clear: right;
display: block;
height: 29.52px;
font-size: 11px;
color: #535353;
}
.forum_det h2 a {
font-weight: normal;
font-family: "opensansbold";
font-size: 14px;
color: #ADADAD;
text-decoration: none;
min-width: 300px;
}
.postbitlegacy .postfoot .textcontrols a.post_groans_button, .postbit .postfoot .textcontrols a.post_groans_button {
background: url("https://i.imgur.com/KBOyrRY.png") no-repeat scroll left center transparent;
padding-left: 20px;
}
.postbitlegacy .postfoot .textcontrols a.post_groans_button:hover,.postbit .postfoot .textcontrols a.post_groans_button:hover{
background:url(https://i.imgur.com/1q0yKdD.png) no-repeat transparent left;
}
.postbitlegacy .postfoot .textcontrols a.post_thanks_button:hover,.postbit .postfoot .textcontrols a.post_thanks_button:hover{
background:url(https://i.imgur.com/Y1l85rR.png) no-repeat transparent left;
}
.postbitlegacy .postfoot .textcontrols a.reputation, .postbit .postfoot .textcontrols a.reputations {
background: url("https://i.imgur.com/PBT3Tgt.png") no-repeat scroll left center;
padding: 0px 0px 0px 20px;
border: 0px solid #A8A8A8;
}
.postbitlegacy .postfoot .textcontrols a, .postbit .postfoot .textcontrols a, .eventbit .eventfoot .eventcontrols a, .postbitlegacy .postfoot .textcontrols span.mobile, .postbit .postfoot .textcontrols span.mobile {
border-radius: 0px;
padding: 0px 0px 0px 23px;
border: 0px solid #****E6;
color: #D7D7D7;
font: bold 11px Tahoma,Calibri,Verdana,Geneva,sans-serif;
display: inline-block;
margin-left: 5px;
background: none repeat scroll 0% 0% #****E9;
}
.postbitlegacy .postfoot .textcontrols a.report, .postbit .postfoot .textcontrols a.report {
background: url("https://i.imgur.com/enh7YpO.png") no-repeat scroll left center;
padding: 0px 0px 0px 20px;
border: 0px solid #A8A8A8;
}
.postbitlegacy .postfoot .textcontrols a.quickreply, .postbit .postfoot .textcontrols a.quickreply, .postbitlegacy .postfoot .textcontrols a.forwardpost, .postbit .postfoot .textcontrols a.forwardpost {
background: url("https://www.nextgenupdate.com/forums/images/buttons/reply_40b.png") no-repeat scroll left center;
padding: 0px 0px 0px 20px;
border: 0px solid #A8A8A8;
}
.navlinks {
border-top: 1px solid #DBDBDB;
border-bottom: 1px solid #DBDBDB;
font-family: arial;
padding-top: 9px;
padding-bottom: 10px;
background: url("/EE/images/site/overlay.png") no-repeat scroll center top transparent !important;
}
.postbit .postfoot .textcontrols, .postbitlegacy .postfoot .textcontrols, .eventbit .eventfoot .eventcontrols {
padding: 6px 0px 4px;
display: block;
background: none repeat scroll 0% 0% #666;
font: bold 11px Tahoma,Calibri,Verdana,Geneva,sans-serif;
width: 100%;
margin-right: 10px;
}
.blockfoot, .blocksubfoot {
padding: 5px 5px;
background-color: #3f3f3f;
}
.formcontrols > :first-child, .formcontrols .blocksubhead + .blockrow, .formcontrols .section .blockrow:first-child {
border-top: medium none;
padding: 5px 5px;
background-color: #3f3f3f;
}
.threadbit .sticky {
background: url("https://www.nextgenupdate.com/forums/images/gradients/grey-up.png") repeat-x scroll left bottom ;
border-right: 1px solid #C4C4C4;
border-width: 0px 1px 1px;
border-style: none solid solid;
border-color: -moz-use-text-color #C4C4C4 #C4C4C4;
-moz-border-top-colors: none;
-moz-border-right-colors: none;
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
border-image: none;
width: 100%;
float: left;
display: block;
clear: both;
position: relative;
}
.threadbit .threadtitle {
font-size: 13px;
}
.threadbit {
color: #8f8f8f;
}
.threadlisthead span.threadinfo {
width: 62%;
background-color: #3f3f3f;
}
.threadlisthead div {
margin-left: 3px;
margin-right: 3px;
border-top-right-radius: 0px;
border-top-left-radius: 0px;
background-color: #3f3f3f;
}
.threadlisthead {
font: bold 12px Tahoma,Calibri,Verdana,Geneva,sans-serif;
margin: 2px;
width: 100%;
border: 1px solid #3f3f3f;
background: url("./boxoshouts/images/boxoshouts-bg.png") repeat-x scroll 0% 0% ;
color: #FFF;
float: left;
display: block;
border-top-right-radius: 0px;
border-top-left-radius: 0px;
box-shadow: -2px 2px 2px #C8C8C8;
position: relative;
}
.contentnew h2 a {
margin: 0px;
font-size: 14px;
color: #BFBFBF;
font-weight: bold;
}
.cke_skin_kama .cke_browser_gecko .cke_toolbar, .cke_skin_kama .cke_browser_gecko .cke_button a, .cke_skin_kama .cke_browser_gecko .cke_button a.cke_off, .cke_skin_kama .cke_browser_gecko .cke_button .cke_icon, .cke_skin_kama .cke_browser_gecko .cke_button .cke_buttonarrow, .cke_skin_kama .cke_browser_gecko .cke_separator, .cke_skin_kama .cke_browser_gecko .cke_toolbar_start {
display: block;
float: left;
color: #000000 !important;
}
.cke_skin_kama *, .cke_skin_kama a:hover, .cke_skin_kama a:link, .cke_skin_kama a:visited, .cke_skin_kama a:active {
margin: 0px;
padding: 0px;
border: 0px none;
background: none repeat scroll 0% 0% transparent;
text-decoration: none;
font: 12px Arial,Helvetica,Tahoma,Verdana,sans-serif;
width: auto;
height: auto;
border-collapse: collapse;
text-align: left;
vertical-align: baseline;
white-space: nowrap;
cursor: auto;
color: #fff;
float: none;
}
html .cke_skin_kama {
visibility: inherit;
color: #fff;
}
.cke_skin_kama {
visibility: hidden;
color: #fff;
}
body {
font-size: 13px;
color: #ababab;
line-height: 1.23;
}
.bbcode_quote div.quote_container {
border-radius: 5px;
padding: 5px 10px;
background: none repeat scroll 0% 0% transparent;
}
.reputation p span {
color: #21A9FF;
}
.reputation p {
color: #48CBFF;
font-size: 11px;
}
.bbcode_container div.bbcode_quote {
margin: 0px 10px 10px;
background: none repeat scroll 0% 0% #4D4D4D;
border-radius: 5px;
border: 1px solid #009AFF;
font: italic 13px Tahoma,Calibri,Verdana,Geneva,sans-serif;
position: relative;
top: 0px;
}
.lastedited {
font-style: italic;
padding-top: 1em;
color: #DBDBDB;
font-size: 11px;
}
.time {
color: #dbdbdb;
}
.lastedited a {
color: #D8D8D8;
}
.postbitlegacy .postfoot .textcontrols a.newreply, .postbit .postfoot .textcontrols a.newreply {
background: url("https://www.nextgenupdate.com/forums/images/buttons/quote_40b.png") no-repeat scroll left center #6B6B6B;
padding: 0px 0px 0px 20px;
border: 0px solid #A8A8A8;
}
.formcontrols {
border-right: 0px none;
background: url("https://i.imgur.com/NVWJWM8.png") no-repeat scroll left center;
border-left: 0px none;
border-bottom: 0px none;
}
.wysiwyg_block .formcontrols .blockrow {
border-top: 0px none;
background: url("https://i.imgur.com/NVWJWM8.png") no-repeat scroll left center;
}
form#quick_reply textarea {
height: 100px;
background-color: #a1a1a1;
}
#forumrules {
margin-bottom: 10px;
border-width: 0px;
border-style: none;
border-color: -moz-use-text-color;
background: none repeat scroll 0% 0% #3****e;
}
.bbcode_container div.bbcode_code, .bbcode_container pre.bbcode_code {
width: 780px;
}
.bbcode_container div.bbcode_code, .bbcode_container pre.bbcode_code {
margin: 0px;
padding: 6px;
border: 1px inset;
text-align: left;
overflow: scroll;
direction: ltr;
background: none repeat-x scroll 0% 0% #3****e;
font-size: 15px;
width: 800px;
}
#postlist :first-child {
color: #D8D8D8;
}
.postbitlegacy .postfoot .textcontrols a.multiquote, .postbit .postfoot .textcontrols a.multiquote {
background: url("https://i.imgur.com/TRCS5bE.png") no-repeat scroll left center;
padding: 0px 0px 1px 20px;
border: 0px solid #A8A8A8;
}
.postbitlegacy .postfoot .textcontrols a.quickreply, .postbit .postfoot .textcontrols a.quickreply, .postbitlegacy .postfoot .textcontrols a.forwardpost, .postbit .postfoot .textcontrols a.forwardpost {
background: url("https://i.imgur.com/ck2mHyy.png") no-repeat scroll left center;
padding: 0px 0px 0px 20px;
border: 0px solid #A8A8A8;
}
.postbitlegacy .postfoot .textcontrols a.newreply, .postbit .postfoot .textcontrols a.newreply {
background: url("https://i.imgur.com/sUi3XPJ.png") no-repeat scroll left center;
padding: 0px 0px 0px 20px;
border: 0px solid #A8A8A8;
}
.threadbit .threadlastpost {
font-size: 11px;
color: #b0b0b0
}
.game_search_bar_b {
width: 502px;
background-color: #4d4d4d;
display: inline-block;
float: left;
padding: 20px 16px 14px;
font-family: "opensansregular";
font-size: 14px;
line-height: 18px;
color: #aaa;
border: 1px solid #000;
border-radius: 6px;
box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.05) inset;
}
.akordeon-item-content > ul > li {
padding-bottom: 10px;
padding-left: 20px;
float: left;
width: 100%;
background: url("https://www.nextgenupdate.com/EE/images/post_comnt.png") no-repeat scroll 0px 2px;
}
.akordeon-item-content ul, .akordeon-item-content p {
border: 1px solid #009cff;
background-color: #303030;
padding: 10px 7px 2px 10px;
color: #000;
width: 236px;
float: left;
}
img[src*="/EE/images/plus.png"]{
width:0;
height:0;
padding-right:250px;
background:transparent url(https://i.imgur.com/sUi3XPJ.png) top left no-repeat;
}
img[src*="/EE/images/minus.png"]{
width:0;
height:0;
padding-right:0px;
background: url(https://i.imgur.com/51xCtPA.png) no-repeat scroll 0px 2px;
}
#nguheader .navbar-static-top {
margin-bottom: 0px;
min-width: 1000px;
border-bottom: 0px solid #174253;
background: linear-gradient(to bottom, #485A64 0%, #414141 100%) repeat scroll 0% 0% transparent;
}
}
The following 2 users say thank you to 04jberry for this useful post:
The following user thanked xNIGHTMAREM0DZx for this useful post:
The following user thanked One for this useful post:
The following user thanked Cryptic for this useful post:
02-15-2015, 01:40 AM
#5
04jberry
whoo piece of candy!!!
Originally posted by One
Nice, but it really is unfinished, my SB doesn't look like yours either. It will look great when it's finished though.
for the shout box you need the black shoutbox which i have added the link at the top, i did not make it so i hadn't added it to the list also i have now update it so should look a bit better aswell
Copyright © 2026, NextGenUpdate.
All Rights Reserved.
