MyBB Community Forums

Full Version: Need help with theme customization
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Hello again people,

I am a complete noob when it is about myBB. Recently I have set up a forum on myBB and using a theme on it. Now I am facing some small problems that I do not know how to tweak and get over with it. So if you could please have a look at the following details and help me get it done, I would hugely appreciate your help.

Link to my forum: www.khunshuti.com/forum

Theme used: NeonGlow.


Problems:

http://prntscr.com/18wu0y

As you can see from the above screenshot link or the forum itself, It has a green message/notice box. Next to it on the right there are three sideboxes. Now I want to get rid of them both. But I do not have the exact knowledge on how to do so. If I remove them from the CSS completely, the whole theme kind of breaks down. So It gets all messed up. I am sharing the CSS below. If you could, please help me out with this silly problem.

@media all and (max-width: 1280px) {
  .index_forums {
    width:70%;
  }  
  .index_sidebar {
    width:29%;
  }
}
::-webkit-scrollbar {
    width: 12px;
}
::-webkit-scrollbar-track {
    border-left: 1px solid #fff;
 
}
::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.85); 
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.27); 
}
::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, 0.93); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(0,0,0,0.6); 
}
@-webkit-keyframes headershine {
	0%		{ opacity: 0.4; }
	50%		{ opacity: 1; }
	100% 	{ opacity: 0.4; }
}

textarea:focus {outline: none;border: 1px solid rgb(31, 31, 31);background: #0A0A0A;box-shadow: inset 0px 0px 15px black;}
body {
background: url(images/neonglow/bg.jpg) top center no-repeat fixed;
color: #333;
font-family: Arial, tahoma, Sans-Serif;
font-size: 13px;
text-align: center;
line-height: 1.4;
padding: 0px;
margin: 0px;
padding-bottom: 15px;
}

a:link {
	color: #FFFFFF;
	text-decoration: none;
}

a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

a:hover, a:active {
	color: #8BDDEC;
	text-decoration: none;
}

.logo {
	-webkit-transition:0.3s;
	transition:0.3s;
	-o-transition:0.3s;
	-ms-transition:0.3s;
	-moz-transition:0.3s;
	display:inline-block;
	position:absolute;
	z-index:2;
	top: 0px;
	opacity:1;
left: 0px;
}
.logo:hover {
opacity:0.7;
left: 20px;
}
#container {
	width: 95%;
	color: #FFF;
	min-width:1000px;
	max-width:1600px;
	margin: auto auto;
	text-align: left; /* IE 5 fix */
}
#header {
background: url(images/neonglow/headerbg.png);
height: 65px;
border-right: 1px solid #161616;
border-left: 1px solid #161616;
position: relative;
box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.21);
}
#header:hover .headershine {opacity:1;}
.headershine,.footershine {
background: url(images/neonglow/shine2.png) 0px -1px;
z-index: 1;
-webkit-transition:0.3s,background-position-x 0s;
transition:0.3s,background-position-x 0s;
	-o-transition:0.3s,background-position-x 0s;
	-ms-transition:0.3s,background-position-x 0s;
	-moz-transition:0.3s,background-position-x 0s;
width: 100%;
height: 65px;
position: absolute;
-webkit-animtion:headershine 2.3s infinite;
background-position: 0px -1px;
}
.headercontent {
position:absolute;
z-index:2;
}
#content {
	/* FIX: Make internet explorer wrap correctly */
	width: auto !important;
	padding: 10px;
	padding-top:0px;
	background: url(images/neonglow/contentbg.png);
	border-radius: 0 0 2px 2px;
	position: relative;
	margin-bottom: 15px;
}

ul.menu {
	color: #ccc;
	z-index:2;
	position:absolute;
	top: 23px;
	right: 15px;
	font-size: 12px;
}
ul.menu li:first-child a{
	border-radius: 10px 0 0 0;
}
ul.menu li:last-child a{
	border-radius: 0 0 10px 0;
	margin-right: -4px;
}
ul.menu a .activemenulink {color: #9CE9D0;
text-decoration: none;
padding: 10px 15px;
text-shadow: 0px 0px 10px #24B89E;
background: url(images/neonglow/menuactivebg.png);
border-radius: 5px;
box-shadow: 0px 0px 1px rgba(255, 255, 255, 0.22), inset 0px 0px 10px black,0px 1px 1px rgba(255, 255, 255, 0.24);
}
ul.menu a:link,ul.menu a:visited,ul.menu a  {
	color: #CFCFCF;
	-webkit-transition:0.3s;
		transition:0.3s;
	-o-transition:0.3s;
	-ms-transition:0.3s;
	-moz-transition:0.3s;
	text-decoration: none;
	text-transform: uppercase;
	padding: 10px 10px;
	margin: 0;
	font-family: droid sans,tahoma;
	font-size: 13px;
}

ul.menu a:hover, ul.menu a:active {
	color: rgb(156, 233, 208);
	text-decoration: none;
	padding: 10px 10px;
	text-shadow: 0px 0px 10px #24B89E;
}
/*///////////////// USER PANEL //////////////////*/
#userpanel {
	background: #efefef;
	color: #000000;
	font-size: 11px;
	border: 1px solid #D4D4D4;
}
.pms_unread, .pms_unread_no {position: absolute;z-index: 99;background: rgb(204, 63, 63);font-family: arial;font-size: 11px;font-weight: bold;display: block;padding: 0px 4px;border-radius: 2px;top: -5px;right: -3px;color: white !important;}
.pms_unread_no {display:none}
#userpanel .remember_me input {
	vertical-align: middle;
	margin-top: -1px;
}

#userpanel a:link,#userpanel a:visited{
	display:inline-block;
	height: 35px;
	line-height: 35px;
	background: #fafafa;
	margin-right: -3px;
	border-right: 1px solid #ddd;
	padding: 0px 10px;
}

#userpanel a:hover {
	background-color: #eee;
}
.user_pm_link {
display: inline-block;
height: 19px;
position: relative;
width: 29px;
background: url(images/neonglow/message_icon.png);
top: 2px;
margin-right: 3px;
left: -5px;
}
/*///////////////// USER PANEL //////////////////*/
table {
	color: #FFF;
	font-family: Arial, tahoma, Sans-Serif;
	font-size: 13px;
}

.tborder {
	width: 100%;
	margin: auto auto;
	border: 1px solid #0E0E0E;
	border-top: 0;
	border-radius: 3px;
}


.tborder_2 {
	border: 1px solid #0E0E0E;
	margin-top: 10px;
}

.thead {
	color: #ffffff;
	padding: 0px 10px;  
	border: 1px solid #0F0F0F;
	background: #111 url(images/neonglow/thead.png) 0px -3px;
	border-radius: 3px;
	height: 45px;
	box-shadow: inset 0px 0px 20px rgba(0, 0, 0, 0.6);
}
.thead_2 {
	color: #ffffff;
	padding: 0px 10px;  
	border: 1px solid #0F0F0F;
	background: #111 url(images/neonglow/thead2.png) 0px 0px;
	border-radius: 3px !important;
	height: 44px;
	line-height: 44px;
	box-shadow: inset 0px 0px 1px rgba(255, 255, 255, 0.23);
	border-bottom: 1px solid #0E0E0E;
	border:1px solid rgba(15, 15, 15, 0.76);
	border-bottom:1px solid rgba(15, 15, 15, 0.76);
}
.thead_2 .expcolimage img {
}
.thead_2 .expcolimage {
    margin-top: 8px;
    -webkit-transition: 0.3s;
		transition:0.3s;
	-o-transition:0.3s;
	-ms-transition:0.3s;
	-moz-transition:0.3s;
    margin-right: 4px;
}
.thead_2:hover .expcolimage {
    opacity:1;
    cursor:pointer;
    }
.thead a:link {
	color: #ffffff;
	text-decoration: none;
}

.thead a:visited {
	color: #ffffff;
	text-decoration: none;
}

.thead a:hover, .thead a:active {
	color: #ffffff;
	text-decoration: underline;
}



.tcat a:link {
	color: #BBB;
	font-size: 10px;
}

.tcat a:visited {
	color: #D1D1D1;
}

.tcat a:hover, .tcat a:active {
	color: #FFF;
}
.tborder tr:hover .trow1, .tborder tr:hover .trow2 {


}
.trow1,.userprofile_trow {
background: rgba(0, 0, 0, 0.3)
-webkit-transition:0.3s;
	transition:0.3s;
	-o-transition:0.3s;
	-ms-transition:0.3s;
	-moz-transition:0.3s;
border-top: 1px solid rgba(160, 160, 160, 0.06);
    
border-bottom: none;
    padding: 10px;
    
vertical-align: middle;
background: -moz1-linear-gradient(top,  rgba(0,0,0,0.35) 0%, rgba(0,0,0,0.5) 100%); /* FF3.6+ */ /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.35) 0%,rgba(0,0,0,0.5) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0.35) 0%,rgba(0,0,0,0.5) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0.35) 0%,rgba(0,0,0,0.5) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0.35) 0%,rgba(0,0,0,0.5) 100%); /* W3C */ /* IE6-9 */

}
.userprofile_trow {
background: rgba(0, 0, 0, 0.3) !important;}
.trow1, .trow2 {
	border-top: 1px solid #2E2E2E;  
	border-bottom: 1px solid #0F0F0F;
	border-top: 1px solid rgba(255, 255, 255, 0.05);  
	border-bottom: 1px solid rgba(0, 0, 0, 0.35);
	padding: 10px;
	vertical-align: middle;
	background: rgba(0, 0, 0, 0.32);
background: -moz1-linear-gradient(top,  rgba(0,0,0,0.35) 0%, rgba(0,0,0,0.5) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.35)), color-stop(100%,rgba(0,0,0,0.5))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.35) 0%,rgba(0,0,0,0.5) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0.35) 0%,rgba(0,0,0,0.5) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0.35) 0%,rgba(0,0,0,0.5) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0.35) 0%,rgba(0,0,0,0.5) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59000000', endColorstr='#80000000',GradientType=0 ); /* IE6-9 */

;
	border-left: 0;
	border-right: 0;
}


.tborder tr:last-child .trow1, .tborder tr:last-child .trow1 {
border-bottom:0;
}

.trow_shaded {
	background: #CE7C46;
}


.trow_selected td .posttime {
    border: 1px solid rgb(235, 232, 215);
    background-color: #837D5F;
    color: #fff;
    box-shadow: inset 0px 0px 6px rgb(54, 50, 38);
}
.forumdesc {
	font-size:11px;
	background: #0C0C0C;
	border-radius:3px;
	padding: 5px 10px;
	color: #FFF;
	opacity:0;
	-webkit-transition:0.3s;
	transition:0.3s;
	-o-transition:0.3s;
	-ms-transition:0.3s;
	-moz-transition:0.3s;
	box-shadow: 1px 1px 1px #242424, inset 0px 0px 5px black;
	margin-left: 10px;
}
.thead_2:hover .forumdesc {
	opacity:1;
}
.thead_2 a:link {
	color:#fff;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
}
.trow_sep {
background: black;
color: white;
font-size: 11px;
font-weight: bold;
padding: 8px;
border-top: 1px solid #181818;
}

.tfoot {
    background:#0F1110 url(images/neonglow/highlight_3.png) repeat-x top;
	background: rgba(0, 0, 0, 0.56) url(images/neonglow/highlight_3.png) repeat-x top;

	color: #BEBEBE;

vertical-align: middle;
	padding: 10px;
	border-bottom: 1px solid rgb(9, 9, 9);
}

.tfoot a:link {
	color: #999;
	text-decoration: none;
	vertical-align:middle;
}

.tfoot a:visited {
	color: #9B9B9B;
	text-decoration: none;
}

.tfoot a:hover, .tfoot a:active {
	color: #FFF;
	text-decoration: none;
}

.bottommenu {
	background: #efefef;
	color: #000000;
	border: 1px solid #4874a3;
	padding: 10px;
}
.button:hover {
    background-color: #50B3AF;
		
	
	
	
    cursor: pointer;
    border: 0;
    box-shadow: 0px 0px 9px #184635;
}
.button {
border: 0;
border-radius: 1px;
padding: 6px;
font-size: 11px;
color: #2A2E2E;
border-radius: 3px;
text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.32);
-webkit-transition: 0.3s;  transition: 0.3s;  -o-transition: 0.3s;  -ms-transition: 0.3s;  -moz-transition: 0.3s;
background: #688583 url(images/neonglow/highlight.png) repeat-x top;
}
.navigation {
	color: #555;
	font-size: 11px;
}

.navigation a:link {
        color: #777;
	text-decoration: none;
}

.navigation a:visited {
        color:#777;
	text-decoration: none;
}

.navigation a:hover, .navigation a:active {
        color: #333;
	text-decoration: none;
}

.navigation .active {
	color: #333;
	font-size: 11px;
	font-weight: bold;
}

.smalltext {
	font-size: 11px;
	color: #ccc;
}

.largetext {
	font-size: 16px;
	font-weight: bold;
}
input.textbox:focus,select:focus,select:hover {
    outline: none;
    box-shadow: inset 0px 0px 10px #000;
    border-radius: 4px;
}
input.textbox {
	background: #0B0C0C;  
	border: 1px solid #2E2E2E;  
	border-radius: 2px;  font-size: 11px;  outline: none;
	color: #B1B1B1;
	padding: 6px 4px;
	-webkit-transition: 0.3s;transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
-moz-transition: 0.4s;
	border-top: 1px solid #292929;
	box-shadow: inset 0px 0px 8px rgba(0, 0, 0, 0.77);
}
textarea {
background: #0B0C0C;
color: #555;
padding: 2px;
font-family: Arial, tahoma, Sans-Serif;
line-height: 1.4;
font-size: 13px;
border-radius: 3px;
border: 1px solid #1F1F1F;
background: rgba(9, 9, 9, 0.67);
border: 1px solid rgba(65, 65, 65, 0.34);
-webkit-transition: 0.3s;transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
-moz-transition: 0.4s;
box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.21);
}

select {
	background: #0B0C0C;
	border: 1px solid #313131;
	padding: 5px;
	border-radius: 2px;
	font-size: 11px;
	outline: none;
	color: #FFF;
	text-shadow: none;
	box-shadow: inset 0px 0px 8px rgba(0, 0, 0, 0.77);
}

.editor {
	background: #f1f1f1;
	border: 1px solid #ccc;
}
.editor_control_bar .button {
    box-shadow: none;
    border: 0;
    background-color: rgb(108, 139, 156);
    border-radius: 3px;
}
.editor_control_bar {
    background: rgb(10, 10, 10);
    color: white;
    bottom: 0px;
    left: 0px;
    z-index: 15;
    padding: 15px 4px !important;
    text-align: center !important;
    font-weight: bold;
    box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.66);
    top: 3px;
    position: relative;
}
.editor_control_bar a {
    display: inline-block;

    background: #61B2DF;
    color: white;
    padding: 3px 10px;
    border-radius: 3px;
    -webkit-transition: 0.3s;
		transition:0.3s;
	-o-transition:0.3s;
	-ms-transition:0.3s;
	-moz-transition:0.3s;
    font-weight: bold;
}
.editor_control_bar a:hover {
background-color: #79A5B6;
}
.autocomplete {
	background: #fff;
	border: 1px solid #000;
	color: black;
}

.autocomplete_selected {
	background: #adcee7;
	color: #000;
}

.popup_menu {
        margin-top:5px;
        font-size:11px;
	border: 1px solid #aaa;
	background:white;
}

.popup_menu .popup_item {
	background: #fff;
	color: #666;
	padding:5px !important;
	margin:-1px;
}

.popup_menu .popup_item_container:first-child .popup_item {border-bottom:1px solid #ccc}
.popup_menu .popup_item:hover {
	background: #eee;
	color: #333;
}

.trow_reputation_positive {
	background: #B7C77A;
	color: #3A4B0E;
	border-bottom:1px solid #fff;
}
.trow_reputation_positive .smalltext {color: #283D1C;}
.trow_reputation_positive a {color: #1E250D;font-weight: bold;}
.trow_reputation_negative .smalltext {color: #270D0D;}
.trow_reputation_negative a {color: #250D0D;font-weight: bold;}

.trow_reputation_negative {
	background: #A52A2A;
	border-bottom:1px solid #fff;
	color: rgb(56, 6, 6);
}

.reputation_positive {
	color: green;
}

.reputation_neutral {
	color: #FFF;
}

.reputation_negative {
	color: red;
}

.valid_field,.invalid_field {  border-radius: 2px;  font-size: 11px;  outline: none;  color: #B1B1B1;  padding: 6px 4px;  -webkit-transition: 0.3s;  transition: 0.4s;  -ms-transition: 0.4s;  -o-transition: 0.4s;  -moz-transition: 0.4s;  border-top: 1px solid #292929;  box-shadow: none;
}
.invalid_field {
	border: 1px solid #F59999;
	color: #1B0000;
	background: rgb(230, 121, 94);
}

.valid_field {
	border: 1px solid #BDF378;
	background: #9AD54F;
	color: #263C00;
}

.validation_error {
	background: url(images/invalid.gif) no-repeat center left;
	color: #FF4747;
	margin: 5px 0;
	padding: 5px;
	font-weight: bold;
	font-size: 11px;
	padding-left: 22px;
}

.validation_success {
	background: url(images/valid.gif) no-repeat center left;
	color: #72B200;
	margin: 5px 0;
	padding: 5px;
	font-weight: bold;
	font-size: 11px;
	padding-left: 22px;
}

.validation_loading {
	background: url(images/spinner.gif) no-repeat center left;
	color: #555;
	margin: 5px 0;
	padding: 5px;
	font-weight: bold;
	font-size: 11px;
	padding-left: 22px;
}

/* Additional CSS (Master) */
img {
	border: none;
}

.clear {
	clear: both;
}

.hidden {
	display: none;
	float: none;
	width: 1%;
}

.hiddenrow {
	display: none;
}

.selectall {
	background-color: #FFFBD9;
	font-weight: bold;
	text-align: center;
}

.float_left {
	float: left;
}

.float_right {
	float: right;
}

ul.menu {
	list-style: none;
	margin: 0;
}

.menu li {
	display: inline;
	margin: 0;
	margin-left: -3px;
	float: left;
}

.menu img {
	padding-right: 5px;
	vertical-align: top;
}


.expcolimage {
float: right;
width: auto;
vertical-align: middle;
margin-top: -5px;
display: inline-block;
height: 10px;
width: 20px;
margin-right: 10px;
}

img.attachment {
	border: 1px solid #E9E5D7;
	padding: 2px;
}

hr {
	background-color: #000000;
	color: #000000;
	height: 1px;
	border: 0px;
}

#copyright {
	font: 11px Arial, tahoma, Sans-Serif;
	margin: 0;
	padding: 10px 0 0 0;
}

#debug {
	float: right;
	text-align: right;
	margin-top: 0;
}

blockquote {
border: 1px solid   #161616;
margin: 0;
background: #030303 url(images/neonglow/quoter.png) no-repeat 99% 42px;
padding: 8px;
font-size: 11px;
color: #D5D5D5;
border-radius: 3px 3px 0 0;
min-height: 60px;
vertical-align: middle;
}

blockquote cite {
	font-weight: bold;  
	border-bottom: 1px solid   #2E2E2E;  font-style: normal;  display: block;  margin: -8px;  
	padding: 10px;  margin-bottom: 8px;  
	background: #2E2E2E url(images/neonglow/highlight_faint.png) repeat-x top;  
	color: #D8D8D8;
	border-radius: 2px 2px 0 0;
	text-shadow: 1px 1px 1px #050505;
}

blockquote cite span {
	float: right;
	font-weight: normal;
}

blockquote cite span.highlight {
	float: none;
	font-weight: bold;
	padding-bottom: 0;
}

.codeblock {
background: #181818 url(images/neonglow/highlight_3.png) repeat-x 0px -1px;
border: 1px solid   #292929;
display: inline-block;
margin-top: 10px;
border-radius: 2px 2px 0 0;
min-width: 400px;
}

.codeblock .body {
    padding:5px;
    background: #050505;
    }
.codeblock .title {
        background: url(images/neonglow/code2.png) 4px no-repeat;
	
        border-bottom: 1px solid #333;
	font-weight: bold;
	
        padding: 8px 10px;
	padding-left:25px;
	color:#666;
	font-size:11px
}

.codeblock code {
	overflow: auto;
	height: auto;
	max-height: 200px;
	display: block;
	font-family: Monaco, Consolas, Courier, monospace;
	font-size: 13px;
}

.subforumicon {
	border: 0;
	vertical-align: middle;
}

.separator {
	margin: 5px;
	padding: 0;
	height: 0px;
	font-size: 1px;
	list-style-type: none;
}

form {
	margin: 0;
	padding: 0;
}

.popup_menu .popup_item_container {
	margin: 1px;
	text-align: left;
}

.popup_menu .popup_item {
	display: block;
	padding: 3px;
	text-decoration: none;
	white-space: nowrap;
}

.popup_menu a.popup_item:hover {
	text-decoration: none;
}

.autocomplete {
	text-align: left;
}

.subject_new {
	font-weight: bold;
}

.highlight {
	background: #FFFFCC;
	padding-top: 3px;
	padding-bottom: 3px;
}

.pm_alert {
	background: #FFF6BF;
	border: 1px solid #FFD324;
	text-align: center;
	padding: 5px 20px;
	margin-bottom: 15px;
	font-size: 11px;
}

.red_alert {
	background: #D8565B url(images/neonglow/highlight.png) repeat-x top;
	border: 0;
	color: #A5161A;
	text-align: center;
	padding: 10px 20px;
	margin-bottom: 0px;
	font-size: 11px;
	position: relative;
	top: 15px;
	border-radius: 2px;
}

.high_warning {
	color: #CC0000;
}

.moderate_warning {
	color: #F3611B;
}

.low_warning {
	color: #AE5700;
	position: relative !important;
	text-shadow: none;
}

div.error {
	padding: 5px 10px;
	border: 1px solid #DB1B13;
	background: #FA6052 url(images/neonglow/highlight.png) repeat-x top;
	font-size: 12px;
	border-radius: 5px;
	box-shadow: inset 0px 0px 2px #F5A996;
	color: white;
}

div.error ul {margin-top:0px;color: #5A0000;text-shadow: 1px 1px 1px rgb(231, 159, 159);}

div.error p {
	margin: 0;
	color: rgb(136, 0, 0);
	display:inline-block;
	font-weight: normal;
}

div.error p em {
	font-style: normal;
	font-weight: bold;
	padding-left: 24px;
	display: block;
	padding-top:10px;
	text-indent:5px;
	color: #7E0000;
	background: url(images/neonglow/icons/error.png) no-repeat 0;
	text-shadow: 1px 1px 1px rgb(255, 150, 150);
	min-height: 25px;
	vertical-align: middle;
}

div.error.ul {
	margin-left: 24px;
}

.online {
color: 
white;
background: 
#A2CE46;
padding: 1px 2px;
text-shadow: 1px 1px 1px 
#A5B492;
border-radius: 3px;
font-size: 11px;
}

.offline {
color: 
white;
background: 
silver;
padding: 2px 5px;
text-shadow: 1px 1px 1px 
#A5A5A5;
border-radius: 3px;
}

.pagination {
	font-size: 11px;
	padding-top: 10px;
	margin-bottom: 5px;
}

.tfoot .pagination, .tcat .pagination {
	padding-top: 0;
}
.pagination .pages {
	font-weight: bold;
	color: #FFF;
	margin-right: 5px;
}

.pagination .pagination_current, .pagination a {
	padding: 2px 6px;
	margin-bottom: 3px;
}

.pagination a {
	color: rgb(231, 231, 231);
	padding: 5px 7px;
	border-radius: 2px;
	margin-right: 2px;
	background: rgb(16, 17, 17) url(images/neonglow/highlight_3.png) repeat-x 0px -1px;
	box-shadow: inset 0px 0px 5px rgb(13, 14, 14);
}

.pagination .pagination_current {  
	
  	  
	color: black;  padding: 5px 7px;  border-radius: 2px;  margin-right: 2px;  
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.2);
	
  	background: rgb(103, 153, 145) url(images/neonglow/highlight.png) repeat-x top;
}

.pagination a:hover {
	background-color: #0E0E0E;
	text-decoration: none;
}

.thread_legend, .thread_legend dd {
	margin: 0;
	padding: 0;
}

.thread_legend dd {
	padding-bottom: 4px;
	margin-right: 15px;
}

.thread_legend img {
	margin-right: 4px;
	vertical-align: bottom;
}

.forum_legend, .forum_legend dt, .forum_legend dd {
	margin: 0;
	padding: 0;
}

.forum_legend dd {
	float: left;
	margin-right: 10px;
}

.forum_legend dt {
	margin-right: 10px;
	float: left;
}

.success_message {
	color: #00b200;
	font-weight: bold;
	font-size: 10px;
	margin-bottom: 10px;
}

.error_message {
	color: #C00;
	font-weight: bold;
	font-size: 10px;
	margin-bottom: 10px;
}

.post_body {
	padding: 5px;
	min-height: 40px;
	color: rgb(235, 235, 235);
	font-family: arial,tahoma;
	font-size: 13px;
	letter-spacing: 0px;
	line-height: 1.4;
}

.post_content {
	padding: 5px 10px;
}

.quick_jump {
	background: url(images/neonglow/icons/arrow.png) no-repeat 0;
	width: 13px;
	height: 13px;
	padding-left: 13px; /* amount of padding needed for image to fully show */
	vertical-align: middle;
	border: none;
}

.repbox {
	font-size:16px;
	font-weight: bold;
	padding:5px 7px 5px 7px;
}

._neutral {
	background-color:#FAFAFA;
	color: #999999;
	border:1px solid #CCCCCC;
}

._minus {
	background-color: #DA423E;
	color: #4D0100;
	border: 0;
	border-radius: 2px;
}

._plus {
	background-color: #98CE55;
	color: #3A6D12;
	border: 0;
	border-radius: 2px;
}

.pagination_breadcrumb {
	background-color: #f5f5f5;
	border: 1px solid #fff;
	outline: 1px solid #ccc;
	padding: 5px;
	margin-top: 5px;
	font-weight: normal;
	white-space: nowrap;
}

.pagination_breadcrumb_link {
	vertical-align: middle;
	cursor: pointer;
}
		
/* ================ PRIVATE MESSAGE PAGE ================== */
.pm_mainbar {
background-color: #111;
border: 1px solid #2C2C2C;
height: 40px;
border-radius: 3px;
display: inline-block;
box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.8);
background-color:rgba(0,0,0,0.5);
}

.pm_mainbar a:link, .pm_mainbar a:visited {
    height: 40px;
    line-height:40px;
    display:block;
    color: #C4C4C4;
    float:left;
    padding:0px 10px;
    font-size:11px;
    border-right: 1px solid #353535;
    border-left: none;
    text-shadow: none;
}
.pm_mainbar a:hover {
background-color:#050505;
background-color:rgba(0,0,0,0.7);
}
.pm_mainbar a:last-child {
    border-right:0;
}
.thead_2 a {color:#fff;}
.tleft {text-align:left;}
.tright {text-align:right;}
.left {float:left;}
.right {float:right;}
.bigbutton {display: inline-block;
padding: 9px 15px;
background: #5A5A5A url(images/neonglow/highlight.png) repeat-x top;
color: white !important;
margin-bottom: 12px;
font-weight: bold;
border: 1px solid #000;
border-radius: 3px;
text-transform: uppercase;
font-size: 12px;
text-shadow: 1px 1px 1px #2E2E2E;
margin-top: -4px;-webkit-transition: 0.3s;transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
-moz-transition: 0.4s;}
.bigbutton:hover {background-color: #468F7D;border-color: #043619;box-shadow: 0px 0px 9px #155840;}
.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0;}
.ui-tabs .ui-tabs-nav li { list-style: none; position: relative; top: 2px; margin: -4px -5px 0 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; font-weight: bold; right: -1px;}
.ui-tabs .ui-tabs-nav li a { padding: 10px; text-decoration: none; -webkit-transition: 0.2s;	transition:0.3s;
	-o-transition:0.2s;
	-ms-transition:0.2s;
	-moz-transition:0.2s;}
.ui-tabs .ui-tabs-nav li a:hover {background: rgb(19, 20, 20);cursor:pointer !important;}
.ui-state-active a {background: rgb(14, 14, 14) !important;color: rgb(238, 238, 238) !important;margin-right: -3px !important;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; color: #333;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }
.userprofile_table {width:100%;}
.userprofile_table td {
    vertical-align: top;
    color: #9B9B9B;
    font-size: 11px;
}
.userprofile_table td strong {
    color: rgb(236, 236, 236);
}
.userprofile_tabcontent {
    background: #0E0F0F;
    border: 1px solid #353535 !important;
    border-left: 0 !important;
    border-radius: 0px 10px 10px 0;
    position: relative;
}
.userprofile_tabs {vertical-align: top;position: relative;border-right: 1px solid #2C2C2C;width: 200px;}
.userprofile_tabs ul li a {
    padding: 10px;
    height: 20px;
    display: block;
    background: #131414;
    border: 1px solid #2E2E2E;
    color: #8A8A8A;
    font-size: 11px;
    vertical-align: middle;
    line-height: 20px;
    position: relative;
    border-right: 0;
    right: 3px;
}
.ui-state-active a{border-right:0 !important;padding: 20px 10px !important;font-size: 15px !important;}
.userprofile_info {
    padding: 10px;
    background: #0D0F0F;
    border: 1px solid #2B2B2B;
    background: rgba(0,0,0,.6);
}
.userprofile_info img{max-width:70px;max-height:70px}
.greenmessage {background: rgb(213,234,164); /* Old browsers */
background: -moz1-linear-gradient(top,  rgba(213,234,164,1) 0%, rgba(205,235,139,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(213,234,164,1)), color-stop(100%,rgba(205,235,139,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(213,234,164,1) 0%,rgba(205,235,139,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(213,234,164,1) 0%,rgba(205,235,139,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(213,234,164,1) 0%,rgba(205,235,139,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(213,234,164,1) 0%,rgba(205,235,139,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5eaa4', endColorstr='#cdeb8b',GradientType=0 ); /* IE6-9 */
;font-size: 11px;font-family: tahoma;color: #557A26;text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.24);padding: 15px 10px;border: 0;border-radius: 3px;}
.messagetitle {
    font-size: 15px;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.41);
}
.redmessage{background: rgb(255,140,130); /* Old browsers */
background: -moz1-linear-gradient(top,  rgba(255,140,130,1) 0%, rgba(242,141,123,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,140,130,1)), color-stop(100%,rgba(242,141,123,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,140,130,1) 0%,rgba(242,141,123,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,140,130,1) 0%,rgba(242,141,123,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,140,130,1) 0%,rgba(242,141,123,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,140,130,1) 0%,rgba(242,141,123,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8c82', endColorstr='#f28d7b',GradientType=0 ); /* IE6-9 */

font-size: 11px;font-family: tahoma;color: #961B1B;text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.24);padding: 15px 10px;border: 1px solid #D57070;border-radius: 3px;}

table tbody tr:last-child td {}
.tborder tr:first-child td {}
.tborder tr:first-child .tfoot {border-top: 1px solid #050505;}
.footernav {
    background: rgba(0, 0, 0, 0.56);
    height: 40px;
    border: 1px solid #333333;
    border-radius: 0;
    position: relative;
    margin: 0px -10px -10px -10px;
    border-right: 0;
    border-left: 0;
    border-bottom: 1px solid #000;
}
#footer {
    width: 100% !important;
    height: 30px !important;
    position: absolute !important;
    padding: 0 !important;
    margin: 0 !important;
    height: 50px !important;
    bottom: -60px !important;
    left: 0px !important;
}
ul.footermenu {
    margin: 0;
    padding: 0;
    list-style-type: none;
    float: left;
    position: relative;
    left: 10px;
    font-weight: normal;
}
ul.footermenu li {
    float: left;
    font-size: 11px;
    padding: 0px;
    margin: 0;
}
ul.footermenu li a {
    height: 40px;
    line-height: 40px;
    display: inline-block;
    margin: 0;
    padding: 0px 10px;
    border-left: 1px solid #222;
}
ul.footermenu li:last-child {border-right:0;}
ul.footermenu li a:hover {}
.fmtitle {
    float: left;
    font-size: 14px;
    font-weight: bold;
    color: white;
    text-shadow: 1px 1px 1px rgb(0, 0, 0);
    margin-top: 10px;
    margin-left: 10px;
}
.mybblink {
}
.toplink {
z-index: 3;
background: url(images/neonglow/top.png);
width: 41px;
height: 41px;
top: 0px;
left: 39%;
display: inline-block;
opacity: 0.7;
-webkit-transition:0.3s;
	transition:0.3s;
	-o-transition:0.3s;
	-ms-transition:0.3s;
	-moz-transition:0.3s;
position: relative;
}
.toplink:hover {opacity:1;}
.pixelmonkeylink {
    position: absolute;
    top: 13px;
    right: 10px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 11px;
}
.postcountgrid {
    text-align: right;
    font-weight: bolder;
    font-size: 12px;
}
.lastpostgrid, .lastpostgrid div{
    text-align: left !important;
    width: 15%;
		transition:0.3s;
	-o-transition:0.3s;
	-ms-transition:0.3s;
	-moz-transition:0.3s;
    -webkit-transition: 0.3s;
}
.posttime {
    color: #000000;
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1);
}

.orangeprefix,.redprefix,.blueprefix,.greenprefix{
color: black !important;
text-shadow: none !important;
height: 18px !important;
line-height: 18px !important;
padding: 0px 4px !important;
border-radius:2px !important;
top: 9px !important;
position: relative !important;
margin-right: 5px !important;
float: left !important;
font-size: 11px !important;
}
.greenprefix {
background: #A7CC4A !important;
}
.redprefix {
background: #CC544A !important;}
.orangeprefix {
background: #EB8F2B !important;}
.blueprefix {
background: #54A4E2 !important;}
.indexspacefix {
    margin-top: -18px;
}
.nav_rightlinks {
    margin-right: 10px;
    color: #818181 !important;
    font-weight: bold;
    font-size: 11px !important;
    font-family: arial;
}
.tborder_2 tr:hover td {-webkit-transition:0.3s;
	transition:0.3s;
	-o-transition:0.3s;
	-ms-transition:0.3s;
	-moz-transition:0.3s;}
.author {color:#999}
.userbrowsing a {color:white;font-weight:bold;}
.userbrowsing {
    display: inline-block;
    background: #ADCE48;
    margin-bottom: 10px;
    color: #fff !important;
    padding: 1px 5px;
    border: 1px solid #87BD42;
    border-radius: 2px;
    font-size: 11px;
}
.userpanel {
position: absolute;
z-index: 3;
right: 0px;
top: 26px;
display: none;
}
.user_logout_link {
display: inline-block;
background: #383838 url(images/neonglow/highlight.png) repeat-x 0px -1px;
padding: 4px 8px;
color: white !important;
font-family: arial,tahoma;
font-size: 11px;
border: 1px solid #333;
border-radius: 2px;
box-shadow: inset 0px 0px 1px rgba(255, 255, 255, 0.31);
margin-right: 10px;
position: relative;
top: -3px;
}
.user_logout_link:hover {
background-color: #1D1D1D;
}
.user_panel_link {
display: inline-block;
background: #313131;
padding: 4px 8px;
color: white !important;
font-family: arial,tahoma;
font-size: 11px;
border-radius: 2px 2px 3px 3px;
margin-right: 10px;
position: relative;
top: -3px;
background: rgba(12, 12, 12, 0.65);
border: 1px solid rgba(0, 0, 0, 0.41);
box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.59);
border-bottom: 1px solid rgba(255, 255, 255, 0.51);
}
.user_panel_link:hover {background-color: #1a1a1a;}
.pms_unread_no {background: #646464 !important;} 
.user_panel_box {display:none;position: absolute;background: #FFF;top: 18px;width: 240px;height: 79px;border-radius: 0 8px 8px 8px;box-shadow: 0px 3px 10px #333;z-index: 5;border: 6px solid white;padding: 10px;left: 0px;}
.user_panel_link {cursor:pointer;}
.user_panel_wrapper {position:relative;}
.user_panel_link_active {
background: white;
border: 1px solid white;
color: #555 !important;
border-radius: 3px 3px 0 0;
z-index: 8;
box-shadow: none;
}
.user_panel_link_active:hover {background-color:white;}
.dropdown_icon {background:url(images/neonglow/dropdown_arrow.png);height: 5px;width: 8px;display: inline-block;}
.dropdown_icon_active {background:url(images/neonglow/dropdown_arrow.png);background-position-x: 9px;background-position-y: 0px;}
.usercpmenu_leftblock {
    width: 40%;
    padding-right: 10px;
}
.usercpmenu_rightblock {
    width: 49%;
    border-left: 1px solid #ccc;
    padding-left: 10px;
}
.usercpmenu_leftblock a, .usercpmenu_rightblock a{
    display: block;
    padding: 2px 5px;
    color: #555;
    font-size: 11px;
	-webkit-transition:0.2s;
		transition:0.2s;
	-o-transition:0.2s;
	-ms-transition:0.2s;
	-moz-transition:0.2s;
}
.usercpmenu_leftblock a:hover,.usercpmenu_rightblock a:hover {
	text-indent:10px;
}
.thead .button {box-shadow:none;background-color: #ccc;color: #3D4D52;}
.thead input.textbox {border: 1px solid #242424;}
.loginlink {
    color: white !important;
    font-size: 12px;
    margin-right: 5px;
}
.registerlink {display: inline-block;
background: #A5CA44 url(images/neonglow/highlight.png) repeat-x 0px -1px;
padding: 4px 8px;
color: white !important;
font-family: arial,tahoma;
font-size: 12px;
border: 1px solid #6B8545;
border-radius: 3px;
box-shadow: inset 0px 0px 1px rgba(255, 255, 255, 0.31);
-webkit-transition:0.3s;
	transition:0.3s;
	-o-transition:0.3s;
	-ms-transition:0.3s;
	-moz-transition:0.3s;
margin-right: 10px;
position: relative;text-shadow: 1px 1px 1px #94A077;}
.registerlink:hover {background-color: #73BEDB;border: 1px solid #26748D;}
.statusinfo a {color:#6C772F;font-weight:bold;}
.statusinfo {background: #D9E697;
border: 1px solid #B8C77B;
padding: 2px;
font-size: 11px;
border-radius: 3px;
margin-left: 4px;
color: #6C772F;}
.49 {width:49%;}
.userprofile_table .tcat {border-top: 1px solid #464646 !important;}
.userprofile_table .tborder {border-radius:0px;border: 1px solid #1F1F1F;border-top: 0;}
.userprofile_table .thead {background: #272727 url(images/neonglow/highlight_3.png) repeat-x 0px -1px;
color: #FFF;
font-size: 11px;


padding: 10px;border-radius: 0px;  height: 15px;  line-height: 15px;  border: none;  border-bottom: 1px solid #3A3A3A !important;border-right: 0 !important;border-left: 0 !important;box-shadow: none;border-top: 1px solid #505050;}








/* TipTip CSS -Version 1.2 */
#tiptip_holder {
	display:none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99999;
}

#tiptip_holder.tip_top {
	padding-bottom: 5px;
}

#tiptip_holder.tip_bottom {
	padding-top: 5px;
}

#tiptip_holder.tip_right {
	padding-left: 5px;
}

#tiptip_holder.tip_left {
	padding-right: 5px;
}

#tiptip_content {
	font-size: 11px;
	color: #fff;
	text-shadow: 0 0 2px rgb(54, 54, 54);
	padding: 4px 8px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
background: #666;background: rgba(0, 0, 0, 0.58);
	background: -moz1-linear-gradient(top,  rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.9) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.85)), color-stop(100%,rgba(0,0,0,0.9))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.85) 0%,rgba(0,0,0,0.9) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0.85) 0%,rgba(0,0,0,0.9) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0.85) 0%,rgba(0,0,0,0.9) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0.85) 0%,rgba(0,0,0,0.9) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9000000', endColorstr='#e6000000',GradientType=0 ); /* IE6-9 */
}

#tiptip_arrow,#tiptip_arrow_inner {
	position: absolute;
	border-color: transparent;
	border-style: solid;
	border-width: 5px;
	height: 0;
	width: 0;
}

#tiptip_holder.tip_top #tiptip_arrow {
	border-top-color: #fff;
	border-top-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_bottom #tiptip_arrow {
	border-bottom-color: #fff;
	border-bottom-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_right #tiptip_arrow {
	border-right-color: #fff;
	border-right-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_left #tiptip_arrow {
	border-left-color: #fff;
	border-left-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
	margin-top: -5px;
	margin-left: -5px;  
	border-top-color: #0E0E0E;
	border-top-color: rgba(0, 0, 0, 0.9);
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
	margin-top: -5px;
	margin-left: -6px;
	border-bottom-color: rgb(25,25,25);
	border-bottom-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -5px;
	border-right-color: rgb(25,25,25);
	border-right-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -7px;
	border-left-color: rgb(25,25,25);
	border-left-color: rgba(25,25,25,0.92);
}

.boxyyy {width:100%;}
.userprofile_statsbutton a{color: white !important;}
.userprofile_statsbutton  span {z-index:2;position: absolute;top: 1px;width: 100%;}
.userprofile_statsbutton img {
    position: absolute;
	z-index:1;
    right: 20px;
    top: 14px;
		transition:0.3s;
	-o-transition:0.3s;
	-ms-transition:0.3s;
	-moz-transition:0.3s;
    -webkit-transition: 0.3s;
}.userprofile_statsbutton:hover {
    cursor: pointer;
    background-color: #ACACAC;
    border: 0;
}
.userprofile_statsbutton:hover img {right:40px;}
.userprofile_statsbutton {
    display: inline-block;
    background: url(images/neonglow/highlight.png) repeat-x top;
    width: 100%;
    margin-bottom: 10px;
    border-radius: 3px;
    text-indent: 15%;
    vertical-align: middle;
    height: 60px;
    line-height: 60px;
    color: white !important;
    position: relative;
		transition:0.3s;
	-o-transition:0.3s;
	-ms-transition:0.3s;
	-moz-transition:0.3s;
    -webkit-transition: 0.3s;
    font-size: 11px;
    font-weight: bold;
    text-shadow: 0 -1px 0 #AAA;
}
.userprofile_reputation {background-color: #98C554;border: 0;}
.userprofile_referrals {
    background-color: #9BC9DF;
    border: 0;
}
.userprofile_warninglevel {
	background-color: #EBA874;
	border: 0;
}
.horizontalpb .postbit_replevel {
    margin-left: 2px;
}
.horizontalpb .postbit_warninglevel {
    margin-left: 2px;
}
.post_content hr {background-color:#888}


.wollink a {line-height: 36px;}

/* login box */
#mask {
	position: fixed;
	top:0px;
	left:0px;
	z-index: 9000;
	background:url(images/neonglow/contentbg.png);
	display: none;
}

#boxes .window {
	position: absolute;
	width: 600px;
	height: 220px;
	display: none;
	z-index: 9999;
	padding: 10px;
}

.loginbox_content {
	background: #141414;
	height: 100%;
	width: 100%;
}

.loginbox_content label {
	font-size: 13px;
	font-weight: bold;
	color: #FFF;
}

.loginbox_head {
	background: rgb(49, 49, 49) url(images/neonglow/highlight_3.png) repeat-x 0 0;
	display: inline-block;
	height: 35px;
	vertical-align: middle;
	line-height: 35px;
	border-bottom: 1px solid #505050;
	width: 100%;
	color: #000;
	text-shadow: 0px 1px 0px white;
}

.loginbox_head strong {
	float: left;
	margin-left: 10px;
	font-size: 14px;
	color: rgb(240, 240, 240);
	text-shadow: 0px 1px 0px black;
	text-transform: uppercase;
	font-weight: bold !important;
	font-family: arial;
}

.loginbox_head span {
	float: right;
	color: white;
	margin-right: 10px;
}

.loginbox_head span a {
	color: #fff;
	background: rgb(26, 26, 26);
	width: 16px;
	display: inline-block;
	height: 16px;
	line-height: 14px;
	text-align: center;
	border: 1px solid #414141;

	-webkit-border-radius: 4px;
	border-radius: 2px;
	font-weight: bolder;
	position: relative;
	top: 8px;
	outline: none;
	text-shadow: none;
}

.loginbox_head span a:hover {
	color: white;
	background: #0C0C0C;
}

#loginbox input[type="text"]:focus,#loginbutton_menu input[type="password"]:focus,#quick_login_password:focus {
	background: white;
	border: 1px solid #FFF;
}

#loginbox input[type="text"],#loginbutton_menu input[type="password"],#quick_login_password {
	border: 1px solid #000;
	font-size: 13px;
	margin: 0 0 5px;
	background: #F9F9F9;
	padding: 5px;

	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-o-transition: 0.4s;
	-ms-transition: 0.4s;
	transition: 0.4s;
	margin-top: 5px;
	width: 260px;

	-webkit-box-shadow: inset 0px 2px 5px #f0f0f0;
	box-shadow: inset 0px 2px 5px #f0f0f0;
	outline: none;
}

.loginbox_submit {
	padding-left: 16px;
	position: relative;
	top: 72px;
	left: -273px;
}
.loginbox_submit input {position: relative;}
.loginbox_submit label {position: absolute;
margin-left: 5px;
top: 0px;}
.loginbox_submit_button {
	float: right;
	margin-top: -20px;
	margin-right: 16px;
}

.loginbox_submit_button input {
	background: #777 url(images/neonglow/highlight.png) repeat-x;
	color: white;
	padding: 10px 50px;
	border: 0;
cursor:pointer;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	box-shadow: inset 0px 0px 1px #CCC;
	-moz-transition: 0.5s,box-shadow 0s;
	-o-transition: 0.5s,box-shadow 0s;
	-ms-transition: 0.5s,box-shadow 0s;
	transition: 0.5s,box-shadow 0s;
	color: rgb(26, 26, 26);
	text-transform: uppercase;
	font-size: 11px;
	letter-spacing: 0px;
	font-weight: bold;
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.25);
}

.loginbox_submit_button input:hover {
	background: #555 url(images/neonglow/highlight.png) repeat-x;
}

.loginbox_submit_button input:active {
	-webkit-box-shadow: inset 1px 1px 9px #111 !important;
	box-shadow: inset 1px 1px 9px #111 !important;
}

.loginbox_username {
	width: 250px;
	float: left;
	margin-top: 10px;
	padding: 10px 20px;
}

.loginbox_password {
	float: right;
	width: 250px;
	margin-top: 10px;
	padding: 10px 40px 10px 0px;
}

#boxes #loginbox {
	width: 600px;
	height: 180px;
	position: fixed;
	background: url(images/neonglow/trans.png) repeat;

	-webkit-border-radius: 5px;
	-moz1-border-radius: 5px;
	border-radius: 5px;
	top: 50% !important;
	margin: auto;
	left: 50% !important;
	margin-top:-200px !important;
	margin-left:-300px !important;
}
.forgot a {font-size: 11px;
color: #666;
top: 2px;
position: relative;
right: -25px;
width: 120px;
display: inline-block;}
#container #nav_community {background: url(images/neonglow/menuactivebg.png);
border-radius: 5px;
box-shadow:0px 0px 1px rgba(255, 255, 255, 0.25),inset 0px 0px 10px black,0px 1px 0px rgba(255, 255, 255, 0.28);
color: #9CE9D0;
text-decoration: none;
text-shadow: 0px 0px 10px #24B89E;padding: 10px 15px;}
.graymessage {
;font-size: 11px;font-family: tahoma;

 color: #606160;text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.24);padding: 15px 10px;
 

 border: 1px solid #B9B9B9;border-radius: 3px;background: rgb(238,238,238); /* Old browsers */  background: -moz1-linear-gradient(top,  rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%); /* FF3.6+ */  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(204,204,204,1))); /* Chrome,Safari4+ */  background: -webkit-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Chrome10+,Safari5.1+ */  background: -o-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Opera 11.10+ */  background: -ms-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* IE10+ */  background: linear-gradient(to bottom,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* W3C */  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */;
}
.subforumicon {margin:0px !important;}
.forumdisplay_thread_multipage a,.forumdisplay_thread_multipagelast a{color: #272727;
padding: 3px 5px;
border-radius: 2px;
margin-right: 2px;
background: #B3B3B3 url(images/neonglow/highlight_3.png) repeat-x 0px -1px;
border: none;font-size: 10px;}
.forumdisplay_thread_multipage a:hover,.forumdisplay_thread_multipagelast a:hover {
background-color: rgb(240, 240, 240);
text-decoration: none;}
.warn_user_link {top: 13px !important;
left: -1px;}
.forumdisplay_thread_multipagelast a {
    background-color: #84A5AF !important;
    color: white;
    text-shadow: none;
    border: none;
}
.forumdisplay_thread_multipagelast a:hover {
    background-color: #729099 !important;
}
.bar2 {margin-top: 15px;
margin-bottom: -8px;}
.searchbox img{position:relative;top:3px}
.searchbox input.textbox {background: white url(images/neonglow/searchbg.png) no-repeat 2px 4px;
width: 150px;
box-shadow: none;
margin-top: -1px;
-webkit-transition: 0.4s;transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
-moz-transition: 0.4s;
border: 1px solid dimGray;
padding: 6px;
border-radius: 3px;

color: #555;padding-left: 25px;}
.searchbox input.textbox:hover {box-shadow:none}
.searchbox input.textbox:focus {width:200px;}

.trow_selected td a{color:#333 !important;}
.expcol_open {display:none;}
.nospacings {margin:0;padding:0;}
.tfoot select,.tfoot input.textbox,.tcat select,.tcat input.textbox {border: 1px solid #161616;background: #080908;}
.forumtitle_d2 {
    position: relative;
}
.forumtitle_d2  a{}
.forumdesc_d2 {
font-size:11px;
color:#666;
}
.breadcrumbs {
	background:url(images/neonglow/bread_bg.png);
    list-style-type: none;
	display: block;
	height: 37px;
	line-height: 37px;
	padding: 0;
	margin: 0;
	border: 1px solid #111;border-bottom: 1px solid #2A3130;
	border-radius: 3px 3px 0 0;
}
.breadcrumbs li {
    float: left;
    padding: 0;
    margin: 0;
}
.breadcrumbs li:first-child a {background: none;
padding-left: 9px;}
.breadcrumbs li:first-child a span{padding-left: 14px;}
.breadcrumbs li a{
	background: url(images/neonglow/bc.png) no-repeat 0 0;
	color: white;
	font-size: 11px;
	font-family: arial;
	padding-left: 12px;
	margin-left: -9px;
display: block;
outline: none;
text-decoration: none;

background-position:0px 0px;
}
.breadcrumbs li a span{
	background: url(images/neonglow/bc.png) no-repeat 100% 0px;
display: block;
padding-right: 17px;
padding-left: 4px;
background-position:100% 0px;
}
.breadcrumbs li:hover {
}
.breadcrumbs li a:hover{
    background-position:0px -43px;
}
.breadcrumbs li a:hover span{
    
    background-position:100% -43px;
}
.breadcrumbs li:active {
    
}
.breadcrumbs li a:active{
     
    background-position:0px -86px;
}
.breadcrumbs li a:active span{
     
    background-position:100% -86px;
}

.bcfirst {
}
.bchome img {
    position: relative;
    top: 9px;
    left: -1px;
}
.bchome {
    text-indent: 0px !important;
    height: 37px;
    background-position:100% -86px !important;
}
#posts table:first-child tr:first-child .tcat {border-top:1px solid #111 !important;}
.tcat {
background: #2B2B2B url(images/neonglow/highlight_3.png) repeat-x 0px -1px;
color: #C7C7C7;
font-size: 11px;
padding: 10px;
background: rgba(0, 0, 0, 0.6) url(images/neonglow/highlight_3.png) repeat-x 0px -1px;
border-top: 1px solid rgb(56, 56, 56);
background-color:  #2B2B2B;
background-color: rgba(0, 0, 0, 0.75);
border-bottom: 1px solid #333333;
}
#posts .tcat {
   background-color: #2B2B2B;
background-color: rgba(0, 0, 0, 0.77);

   border-top: 1px solid #464646;
}
.trow_selected td {
	background-color: #F5E7BB !important;
	border-top: 1px solid black !important;
	border-bottom: 1px solid #030303 !important;
	border-bottom: 0;
	color: #333;
}
.trow_selected td .smalltext {
    color: #222 !important;
}
.post_signature {
    border-top: 1px solid #222222;
    margin: 0px -11px;
    padding: 10px;
	color:#aaa;font-size:11px;
}
.post_buttons {padding: 8px !important;border-top: 1px solid #222;display:none;}
table:hover .post_buttons {display:table-cell;}
.p_classic_table .post_signature {margin: 0px -15px;
padding: 10px 20px;}
.index_forums {
    width: 79%;
    padding-left: 2px;
}
.index_sidebar {
    width: 20%;
    float: right;
    padding-right: 2px;
}
.sidebox_close{background: url(images/neonglow/close_small.png) no-repeat;
border: 0;
width: 25px;
height: 20px;
outline:none;
margin-top: 5px;
cursor: pointer;}
.sidebox_open{background: url(images/neonglow/open_small.png) no-repeat !important;
border: 0;
outline:none;
width: 25px;
height: 20px;
margin-top: 6px;
cursor: pointer;}
.sidebar_box_header {
    background:url(images/neonglow/highlight_3.png) repeat-x 0px -1px;
    background-color: #161A1A;
	background-color: rgba(32, 37, 37, 0.57);
display: block;
height: 33px;
cursor:move;
    margin: -10px -10px 0px -10px !important;
line-height: 33px;

    border-bottom: 1px solid #292929;
color: white;
text-indent: 9px;
padding: 0;
font-weight: bold;
font-size: 11px;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.99);
    top: 0px !important;
    position: relative;
}
.sidebar_box_header span {display: block;
height: 34px;
cursor: default;}
.sidebar_box_content {
    margin-top: 5px !important;
border-top: 0;
font-size:11px;
color: #AAA;
}
.sortable {margin-top:-10px !important;}
.sidebar_box {padding: 10px !important;    background: #101111;
background: rgba(0, 0, 0, 0.51);
border: 1px solid #303030;position: relative;top: 10px !important;margin: 0px !important;}
.pml1 {
    color: rgb(143, 168, 162) !important;
}
.pml2{
    color: #78C5DD !important;
}
.sortable li.ui-state-default {padding-bottom: 10px !important;display: block;margin: 0px !important;}
.sortable li:last-child {margin-bottom:10px !important;}

.ui-sortable-placeholder {padding: 10px !important;
background: #101111;
border: 1px solid #303030;
position: relative;
top: 5px !important;
bottom: 5px !important;
margin: 0px !important;margin-bottom:10px !important;visibility:visible !important;height:50px !important;}
	.ui-sortable-placeholder * { visibility: hidden; }
	.poweredby {
    color: black;
    font-size: 12px;
    font-weight: bold;
}
	.copyright {
    color: #000;
    font-weight: bold;
    font-size: 12px;
} 
td .greenprefix,td .orangeprefix,td .blueprefix,td .redprefix {margin-top: -9px;padding: 0px 5px !important;height: 16px !important;font-size: 10px !important;line-height: 16px !important;}
.sidebar_collapse {display: block;
width: 30px;
height: 23px;
background: none;
position: relative;
top: 5px;
right: 5px;
cursor: pointer;display:none;}
.sidebar_expand {display: block;
width: 30px;
height: 23px;
background: none;
position: relative;
top: 5px;
right: 5px;
cursor: pointer;display:none;}
.postcontent  fieldset, #posts fieldset{border: 1px solid #202020;
margin-bottom: 10px;
background: rgba(0, 0, 0, 0.36);}

.sidebar_collapse {display: block;
width: 30px;
height: 23px;
background: url(images/neonglow/sidebar_collapse.png);
position: relative;
top: 5px;
right: 5px;
cursor: pointer;display:none;}
.sidebar_expand {display: block;
width: 30px;
height: 23px;
background: url(images/neonglow/sidebar_expand.png);
position: relative;
top: 5px;
right: 5px;
cursor: pointer;display:none;}
.postcontent  fieldset, #posts fieldset{border: 1px solid #202020;
margin-bottom: 10px;
background: rgba(0, 0, 0, 0.36);}


		
		



Also, could you please tell me how to set up a rules page and a donation page which I can then connect to the header on their respective links?

Thanks a lot in advance.
1. You have to edit mainly templates not CSS. http://docs.mybb.com/Admin_CP_Templates.html

To remove the message, get rid of whole <div class="greenmessage"> in index template of your theme.

To remove the sideboxes, get rid of whole <div class="index_sidebar left">. It may also be necessary to edit CSS of <div class="index_forums left" id="index_forums"> and remove the clearing <br /> below it.

2. Donation page: use this http://mods.mybb.com/view/naoar-donation or this http://mods.mybb.com/view/donation-page

Rules page: you can use this http://mods.mybb.com/view/page-manager then create your rules page with simple HTML/PHP or download a ready-made page here http://www.mybbstyles.com/thread-plugin-...rules-page
(2013-06-08, 06:08 PM)Destroy666 Wrote: [ -> ]1. You have to edit mainly templates not CSS. http://docs.mybb.com/Admin_CP_Templates.html

To remove the message, get rid of whole <div class="greenmessage"> in index template of your theme.

To remove the sideboxes, get rid of whole <div class="index_sidebar left">. It may also be necessary to edit CSS of <div class="index_forums left" id="index_forums"> and remove the clearing <br /> below it.

2. Donation page: use this http://mods.mybb.com/view/naoar-donation or this http://mods.mybb.com/view/donation-page

Rules page: you can use this http://mods.mybb.com/view/page-manager then create your rules page with simple HTML/PHP or download a ready-made page here http://www.mybbstyles.com/thread-plugin-...rules-page


Hey Destroyer666,

Thank you for your kind reply. I have removed both greenmessage and the sidebar from the index template. And both of them have disappeared . Thanks a ton mate. [ http://prntscr.com/18wytu ]

I was wondering if you could tell me which line and what to change in the css to make the whole forum go wide, I'd really really be grateful Big Grin
Change width in:
.index_forums {
    width:70%;
  }  
To for example 100% (in this case removing the whole mentioned code should work too).
Thank you again mate. Took me a little longer but did fix all of them Big Grin THanks a lot