MyBB Community Forums

MyBB Community Forums > 1.8 Support > General Support > How do you edit the width of the Get More Smilies Pop-Up?
Full Version: How do you edit the width of the Get More Smilies Pop-Up?
You're currently viewing a stripped down version of our content. View the full version with proper formatting.

Ryofu

2019-12-15, 07:11 AM
Hi, I have an issue where the the size of my smilies creates a horizontal scroll bar in the Get More Smilies Pop-Up. It looks like this:

[attachment=42395]

I would like to be able to edit the width to make it wider to get rid of the scroll bar.  I tried looking for a previous support thread, but the advice in the older threads does not appear to be up to date with the latest version of MyBB.  If someone could tell me where to edit the width of this pop-up, I would be very appreciative.  Thank you for any help!

Ashley1

2019-12-15, 09:12 AM
The popup is a modal, the width of them is set in global css line 1620. If you change the width there you will be changing the width for all modals.

Ryofu

2019-12-15, 10:50 AM
(2019-12-15, 09:12 AM)Ashley1 Wrote: [ -> ]The popup is a modal, the width of them is set in global css line 1620. If you change the width there you will be changing the width for all modals.

Okay, thank you for the quick response.  This worked with my Default theme, but editing the modal didn't change the pop-up for the theme I want to use to build my forum, iGame:

https://community.mybb.com/mods.php?action=view&pid=357

I guess this theme was last updated in 07-31-2018.  Is there a way this popup was done differently in a previous version that would be reflected in that theme's CSS and templates, because trying to add width to the modal in that skin's Global CSS did not actually change the pop-up in anyway like it did in the Default MyBB theme.  This is what this theme's modal looks like. I added the width to it and it produced no change and reverted it to the original code before pasting it here:

/** Modal Start **/

.modal {
	background: #000;
	display: none;
	text-align: left;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	border: 6px solid #2e2e2e;
}

.modal a.close-modal {
	position: absolute;
	top: -12.5px;
	right: -12.5px;
	display: block;
	width: 30px;
	height: 30px;
	text-indent: -9999px;
	background: url(images/close.png) no-repeat 0 0;
}

.modal-spinner {
	display: none;
	width: 64px;
	height: 64px;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-right: -32px;
	margin-top: -32px;
	background: url(images/spinner_big.gif) no-repeat center center;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-o-border-radius: 8px;
	-ms-border-radius: 8px;
	border-radius: 8px;
}

/** Modal End **/


Thanks again for any help.  I really appreciate it.

Ashley1

2019-12-15, 11:09 AM
It's not recommended to use outdated themes, you will be asking support questions here forever.
For this issue, how does the smilies look when you select them from the editor button ? If it looks acceptable there, then you can consider removing the smileinserter from all templates that have them. It's a better solution than changing the modal width and more mobile friendly.

Ryofu

2019-12-15, 11:57 AM
I just tested deleting all the code for modal from the iGame skin.  It had zero affect on the pop-up, and loaded the same with the longer horizontal scroll bar as it did when the modal code was there.  Can anyone give me a hint of where to look for width values instead?  I saw in support for an early version this code was included in editor.js, but that was phased out before this skin was released as far as I can tell.

Quote:For this issue, how does the smilies look when you select them from the editor button ? If it looks acceptable there, then you can consider removing the smileinserter from all templates that have them. It's a better solution than changing the modal width and more mobile friendly.

I'm sorry,  don't know what you mean by editor button.  Do you mean the panel on the side of the post box?  That is fine and looks like this:


[attachment=42396]


But I currently have about 150 smilies installed and wanted to install even more.  I'm trying to migrate to MyBB with a previous community that had a lot of smilies and liked using them, so the panel on the left won't be adequate for our needs without the pop-up.


Quote:It's not recommended to use outdated themes, you will be asking support questions here forever.


Understood, and I apologize.  I tried some other skins, and they did not work with DVZ shoutbox like this one did.  I've been working on creating variants of this skin for about a month now.  This is the first serious issue I've ran into.  Would like to not lose that work, but I guess I'll see how this turns out.  I assumed the skin would be okay since it was updated last year.

kuttysoft

2019-12-15, 02:46 PM
(2019-12-15, 11:57 AM)Ryofu Wrote: [ -> ]I just tested deleting all the code for modal from the iGame skin.  It had zero affect on the pop-up, and loaded the same with the longer horizontal scroll bar as it did when the modal code was there.  Can anyone give me a hint of where to look for width values instead?  I saw in support for an early version this code was included in editor.js, but that was phased out before this skin was released as far as I can tell.

Quote:For this issue, how does the smilies look when you select them from the editor button ? If it looks acceptable there, then you can consider removing the smileinserter from all templates that have them. It's a better solution than changing the modal width and more mobile friendly.

I'm sorry,  don't know what you mean by editor button.  Do you mean the panel on the side of the post box?  That is fine and looks like this:





But I currently have about 150 smilies installed and wanted to install even more.  I'm trying to migrate to MyBB with a previous community that had a lot of smilies and liked using them, so the panel on the left won't be adequate for our needs without the pop-up.


Quote:It's not recommended to use outdated themes, you will be asking support questions here forever.


Understood, and I apologize.  I tried some other skins, and they did not work with DVZ shoutbox like this one did.  I've been working on creating variants of this skin for about a month now.  This is the first serious issue I've ran into.  Would like to not lose that work, but I guess I'll see how this turns out.  I assumed the skin would be okay since it was updated last year.

how u change default smileys & whats ur forum link ?

Ashley1

2019-12-15, 04:05 PM
[Image: Screenshot-from-2019-12-15-18-02-52-min.png]

replace your headerinclude template with this for the igame theme:

<link rel="alternate" type="application/rss+xml" title="{$lang->latest_threads} (RSS 2.0)" href="{$mybb->settings['bburl']}/syndication.php" />
<link rel="alternate" type="application/atom+xml" title="{$lang->latest_threads} (Atom 1.0)" href="{$mybb->settings['bburl']}/syndication.php?type=atom1.0" />

<link href='http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic' rel='stylesheet' type='text/css' />
<link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:300italic,400italic,700italic,400,300,700' rel='stylesheet' type='text/css' />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.4.0/animate.min.css"> 
<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,200italic,400italic,600italic' rel='stylesheet' type='text/css' />

<meta http-equiv="Content-Type" content="text/html; charset={$charset}" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<script type="text/javascript" src="{$mybb->asset_url}/jscripts/jquery.js?ver=1821"></script>
<script type="text/javascript" src="{$mybb->asset_url}/jscripts/jquery.plugins.min.js?ver=1821"></script>
<script type="text/javascript" src="{$mybb->asset_url}/jscripts/general.js?ver=1821"></script>

<script type="text/javascript" src="images/igame/bootstrap.min.js"></script>
<script src="https://use.fontawesome.com/d4e09fbff1.js"></script>
<script type="text/javascript" src="images/igame/jquery.tipsy.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/wow/1.1.2/wow.min.js">
</script>
<script> new WOW().init(); </script>

<script type='text/javascript'> 
jQuery(function() {
jQuery("a").tipsy({gravity: jQuery.fn.tipsy.autoNS});
jQuery("title").tipsy({gravity: jQuery.fn.tipsy.autoNS});
jQuery("img").tipsy({gravity: jQuery.fn.tipsy.autoNS});
jQuery("i").tipsy({gravity: jQuery.fn.tipsy.autoNS});
jQuery("span").tipsy({gravity: jQuery.fn.tipsy.autoNS});
jQuery("div").tipsy({gravity: jQuery.fn.tipsy.autoNS});
});
</script>

<script type="text/javascript">
jQuery(document).ready(function() {
    var offset = 100;
    var duration = 250;
    jQuery(window).scroll(function() {
        if (jQuery(this).scrollTop() > offset) {
            jQuery(".topforum").fadeIn(duration);
        } else {
            jQuery(".topforum").fadeOut(duration);
        	}
    });
    
    jQuery('.topforum').click(function(event) {
        event.preventDefault();
        jQuery('html, body').animate({scrollTop: 0}, 600);
        	return false;
    	})
});
</script>

{$stylesheets}
<script type="text/javascript">
<!--
	lang.unknown_error = "{$lang->unknown_error}";

	lang.select2_match = "{$lang->select2_match}";
	lang.select2_matches = "{$lang->select2_matches}";
	lang.select2_nomatches = "{$lang->select2_nomatches}";
	lang.select2_inputtooshort_single = "{$lang->select2_inputtooshort_single}";
	lang.select2_inputtooshort_plural = "{$lang->select2_inputtooshort_plural}";
	lang.select2_inputtoolong_single = "{$lang->select2_inputtoolong_single}";
	lang.select2_inputtoolong_plural = "{$lang->select2_inputtoolong_plural}";
	lang.select2_selectiontoobig_single = "{$lang->select2_selectiontoobig_single}";
	lang.select2_selectiontoobig_plural = "{$lang->select2_selectiontoobig_plural}";
	lang.select2_loadmore = "{$lang->select2_loadmore}";
	lang.select2_searching = "{$lang->select2_searching}";

	var templates = {
		modal: '{$jsTemplates['modal']}',
		modal_button: '{$jsTemplates['modal_button']}'
	};

	var cookieDomain = "{$mybb->settings['cookiedomain']}";
	var cookiePath = "{$mybb->settings['cookiepath']}";
	var cookiePrefix = "{$mybb->settings['cookieprefix']}";
	var cookieSecureFlag = "{$mybb->settings['cookiesecureflag']}";
	var deleteevent_confirm = "{$lang->deleteevent_confirm}";
	var removeattach_confirm = "{$lang->removeattach_confirm}";
	var loading_text = '{$lang->ajax_loading}';
	var saving_changes = '{$lang->saving_changes}';
	var use_xmlhttprequest = "{$mybb->settings['use_xmlhttprequest']}";
	var my_post_key = "{$mybb->post_code}";
	var rootpath = "{$mybb->settings['bburl']}";
	var imagepath = "{$theme['imgdir']}";
  	var yes_confirm = "{$lang->yes}";
	var no_confirm = "{$lang->no}";
	var MyBBEditor = null;
	var spinner_image = "{$theme['imgdir']}/spinner.gif";
	var spinner = "<img src='" + spinner_image +"' alt='' />";
	var modal_zindex = 9999;
// -->
</script>

Ryofu

2019-12-16, 12:23 AM
Quote:replace your headerinclude template with this for the igame theme:

Okay, I tested replacing headerinclude with that code for the iGame theme.  There's been no perceptible change in the Get More pop-up box from what I can tell.  Also tried adding width to the modal with the headerinclude's new code installed and deleting the modal in CSS with that new code as well.  No change either.  I wonder where the code is being pulled from.  Does javascript need to be changed somewhere?

I found the editor drop-down for the smilies.  Never clicked on it before, oops.  It loads fine, but is very messy.  I'd still prefer to have the Get More pop-up for a cleaner option that tells you what the smiley codes are.

Thank you for your help so far.

Quote:how u change default smileys & whats ur forum link ?

I uploaded them through admin panel.  My forum link is in my profile, but it's not open right now now as I'm only trying to build it with MyBB.

Ashley1

2019-12-16, 12:36 AM
iGame's modal CSS is on line 2305 of global.css

Ryofu

2019-12-16, 01:38 AM
Okay, I solved the problem.  iGame's Global CSS had Modal twice (Modal Start and Modal End both occur two times with differnet modal code).  So edits to the first modal were being over-ridden by the second modal which was at the end of the skin.  Here's the Global CSS:

body {
	background: url(images/igame/2.jpg) no-repeat center center fixed;
	color: #f1f1f1;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	text-align: center;
	line-height: 1.4;
	margin: 0;
	font: normal 13px tahoma,helvetica,arial,sans-serif;
	overflow-y: scroll;
	overflow-x: hidden;
}

.select2-results,
.select2-no-results,
.select2-container{
    text-shadow:none;
}

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

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

a:hover,
a:active {
	color: #f1f1f1;
	text-decoration: none;
	-webkit-transition: background-color 600ms linear, color 600ms linear;
	-moz-transition: background-color 600ms linear, color 600ms linear;
	-o-transition: background-color 600ms linear, color 600ms linear;
	-ms-transition: background-color 600ms linear, color 600ms linear;
	transition: background-color 600ms linear, color 600ms linear;
}

#container {
	color: #eeeeee;
	text-align: left;
	line-height: 1.4;
	margin: 0;
	color: #f1f1f1;	
	font-family: Tahoma, Verdana, Arial, Sans-Serif;
	font-size: 13px;
}

.wrapper {
	color: #f1f1f1;
	margin: auto auto;
}

#logo {
	padding: 10px 0;
}

#content {
	background: rgba(255,255,255,0.4);
	color: #f1f1f1;
	padding: 10px 10px;
	text-align: left;
	line-height: 1.4;
	margin: auto auto;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	border: 1px solid #ccc;
	-webkit-box-shadow: rgba(0,0,0,0.4) 0px 1px 5px;
	-moz-box-shadow: rgba(0,0,0,0.4) 0px 1px 5px;
	box-shadow: rgba(0,0,0,0.4) 0px 1px 5px;
	margin-bottom: 20px;
	margin-top: -10px;
}

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

#header ul.menu li {
	margin: 0 7px;
	display: inline;
}

#header ul.menu li a {
	padding-left: 20px;
	background-image: url(images/headerlinks_sprite.png);
	background-repeat: no-repeat;
	display: inline-block;
	line-height: 16px;
}

#logo ul.top_links {
	font-weight: bold;
	text-align: right;
	margin: -10px 5px 0 0;
}

#logo ul.top_links a.search {
	background-position: 0 0;
}

#logo ul.top_links a.memberlist {
	background-position: 0 -20px;
}

#logo ul.top_links a.calendar {
	background-position: 0 -40px;
}

#logo ul.top_links a.help {
	background-position: 0 -60px;
}

#logo ul.top_links a.portal {
	background-position: 0 -180px;
}

#panel .upper a.logout {
	font-weight: bold;
	background: url(images/headerlinks_sprite.png) right -80px no-repeat;
	padding-right: 20px;
	margin-left: 10px;
}

#panel .upper a.login,
#panel .upper a.lost_password {
	background: url(images/headerlinks_sprite.png) 0 -100px no-repeat;
	padding-left: 20px;
	margin-left: 10px;
	font-weight: bold;
}

#panel .upper a.register {
	background: url(images/headerlinks_sprite.png) right -80px no-repeat;
	padding-right: 20px;
	margin-left: 10px;
	font-weight: bold;
}

#panel .lower ul.panel_links {
	float: left;
}

#panel .lower ul.panel_links a.usercp {
	background-position: 0 -120px;
}

#panel .lower ul.panel_links a.modcp {
	background-position: 0 -140px;
}

#panel .lower ul.panel_links a.admincp {
	background-position: 0 -160px;
}

#panel .lower ul.user_links {
	float: right;
}

#panel .lower ul.user_links li a {
	padding: 0;
	background-image: none;
}

#panel .upper {
	background: #0f0f0f url(images/tcat.png) repeat-x;
	color: #fff;
	border-top: 1px solid #444;
	border-bottom: 1px solid #000;
	padding: 7px;
	clear: both;
}

#panel .upper a:link,
#panel .upper a:visited,
#panel .upper a:hover,
#panel .upper a:active {
	color: #fff;
}

#panel .lower {
	background: #efefef;
	color: #999;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #ccc;
	padding: 5px;
}

#panel .lower a:link,
#panel .lower a:visited,
#panel .lower a:hover,
#panel .lower a:active {
	color: #666;
}

#search {
	border: 0;
	padding: 0;
	margin: 0;
	float: right;
	vertical-align: middle;
}

#search input.button,
#search input.textbox {
	border-color: #000;
}

#search input.button {
	background: #0066a2 url(images/thead.png) top left repeat-x;
	color: #fff;
}

#search input {
	margin: -3px 0;
}

#quick_login .remember_me input {
	vertical-align: middle;
	margin: -3px 0 0 5px;
}

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

#footer ul.menu li {
	margin: 0 2px;
	display: inline;
}

#footer .upper {
    font: normal 13px tahoma,helvetica,arial,sans-serif;
	font-style: normal;
     color: #f1f1f1;
     text-shadow: 0px 1px 1px #181818;
     padding: 6px;
     overflow: hidden;
    margin-left: 5px;
    margin-right: 5px;
      margin-top: -25px;
}

#footer .upper  a:link,
#footer .upper  a:visited,
#footer .upper  a:hover,
#footer .upper  a:active {
       color: #f1f1f1;
       text-shadow: 0px 1px 1px #181818;
}

#footer .upper .language {
	float: left;
	margin: -1px;
	margin-left: 2px;
       color: #f1f1f1;
     text-shadow: 1px 1px 0px #181818;
}

#footer .upper .language select {
	border-color: #383838;
       color: #f1f1f1;
     text-shadow: 1px 1px 0px #181818;
}

#footer .upper .theme {
	float: left;
	margin: -1px;
	margin-left: 2px;
       color: #f1f1f1;
     text-shadow: 1px 1px 0px #181818;
}

#footer .upper .theme select {
	border-color: #383838;
       color: #f1f1f1;
     text-shadow: 1px 1px 0px #181818;
}

#footer .upper ul.bottom_links {
	float: left;
	margin: 4px 0 0 0;
       color: #f1f1f1;
     text-shadow: 1px 1px 0px #181818;
}

#footer .lower {
    color: #f1f1f1;
    text-shadow: 1px 1px 0px #181818;
	padding: 10px;
	padding: 6px 6px 12px 6px;
	overflow: hidden;
    font: normal 13px tahoma,helvetica,arial,sans-serif;
	font-style: normal;
}

#footer .lower a:link,
#footer .lower a:visited {
    color: #f1f1f1;
    text-shadow: 1px 1px 0px #181818;
}

#footer .lower a:hover,
#footer .lower a:active {
    color: #f1f1f1;
    text-shadow: 1px 1px 0px #181818;
	text-decoration: none;
}

#footer .lower #current_time {
	float: right;
    color: #f1f1f1;
    text-shadow: 1px 1px 0px #181818;
}

#debug {
	color: #fff;
	float: center;
	text-align: center;
	font: normal 13px tahoma,helvetica,arial,sans-serif;
	text-shadow: rgba(0,0,0,0.7) 0px 1px 1px;
	
	font-style: normal;
}

#debug a:link,
#debug a:visited,
#debug a:hover,
#debug a:active {
	color: #fff;
}

.scaleimages img {
	max-width: 100%;
}

.forum_status {
height: 50px;
width: 50px;
text-align: center;
padding: 1px 2px;
font-size: 25px;
}

.forum_status i {
display: inline-block;
line-height: 50px;
}

.forum_on {
     color: #3f9889;
}

.forum_off, .forum_offlock, .forum_offlink {
color: #646464;
}

.forum_off i {
	color: #646464;
}

.forum_offlock i:before {
content: "\f05e";
  color: #646464;
}

.forum_offlink i:before {
content: "\f079";
    color: #646464;
}

.subforumicon {
	height: 10px;
	width: 10px;
	display: inline-block;
	margin: 0 5px;
	background: url(images/mini_status_sprite.png) no-repeat 0 0;
}

.subforum_minion {
	background-position: 0 0;
}

.subforum_minioff {
	background-position: 0 -10px;
}

.subforum_miniofflock {
	background-position: 0 -20px;
}

.subforum_miniofflink {
	background-position: 0 -30px;
}

table {
	color: #f1f1f1;
	font-size: 13px;
}

.tborder {
	background: transparent;
	width: 100%;
	margin: auto auto;
	padding: 1px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

.tfixed {
	table-layout: fixed;
	word-wrap: break-word;
}

.thead {
	background: rgba(15,15,15,0.95);
	color: #fff;
	-webkit-box-shadow: rgba(0,0,0,0.7) 0px 1px 8px, inset rgba(0,0,0,0.4) 0px 0px 0px 1px;
	-moz-box-shadow: rgba(0,0,0,0.7) 0px 1px 8px, inset rgba(0,0,0,0.4) 0px 0px 0px 1px;
	box-shadow: rgba(0,0,0,0.7) 0px 1px 8px, inset rgba(0,0,0,0.4) 0px 0px 0px 1px;
	text-shadow: 0px 1px 1px #000;
	padding: 10px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border-bottom: 6px solid #3f9889;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 17px;
}

.thead a:link {
	color: #ffffff;
	text-shadow: 0px 1px 1px #000;
	
	text-decoration: none;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 17px;
}

.thead a:visited {
	color: #ffffff;
	text-shadow: 0px 1px 1px #000;
	
	text-decoration: none;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 17px;
}

.thead a:hover,
.thead a:active {
	color: #ffffff;
	text-shadow: 0px 1px 1px #000;
	-webkit-transition: background-color 600ms linear, color 600ms linear;
	-moz-transition: background-color 600ms linear, color 600ms linear;
	-o-transition: background-color 600ms linear, color 600ms linear;
	-ms-transition: background-color 600ms linear, color 600ms linear;
	transition: background-color 600ms linear, color 600ms linear;
	
	text-decoration: none;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 17px;
}

.tcat {
	background: rgba(15,15,15,0.95);
	color: #ccc;
	border-top: 1px solid #2e2e2e;
	border-bottom: 1px solid #000;
	text-shadow: 0px 1px 1px #000;
	padding: 6px;
	font: normal 13px tahoma,helvetica,arial,sans-serif;
	font-size: 12px;
}

.tcat a:link {
	color: #ccc;
}

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

.tcat a:hover,
.tcat a:active {
	color: #3f9889;
	-webkit-transition: background-color 600ms linear, color 600ms linear;
	-moz-transition: background-color 600ms linear, color 600ms linear;
	-o-transition: background-color 600ms linear, color 600ms linear;
	-ms-transition: background-color 600ms linear, color 600ms linear;
	transition: background-color 600ms linear, color 600ms linear;
}

.trow1 {
	background: rgba(15,15,15,0.95);
	color: #f1f1f1;
	border-top: 1px solid #2e2e2e;
	border-bottom: 1px solid #000;
	padding: 10px;
	text-shadow: 0px 1px 1px #000;
}

.trow2 {
	background: rgba(15,15,15,0.95);
	color: #f1f1f1;
	border-top: 1px solid #2e2e2e;
	border-bottom: 1px solid #000;
	padding: 10px;
	text-shadow: 0px 1px 1px #000;
}

.trow_shaded {
	background: #212121;
	border-bottom: 1px solid #171717;
  	border-top: 1px solid #383838;
  	padding: 10px;
  	color: #f1f1f1;
    text-shadow: 0px 1px 1px #000;
}

.no_bottom_border {
	border-bottom: 0;
}

.post.unapproved_post {
	background: #ffdde0;
}

.post.unapproved_post .post_author {
}

.post.classic.unapproved_post .post_author {
}

.post.unapproved_post .post_controls {
background: #212121;
border-top: 1px solid #383838;
text-shadow: 0px 1px 1px #000;
clear: both;
padding: 5px;
}

.trow_deleted,
.post.deleted_post {
	background: #0e0e0e;
	color: #fff;
	text-shadow: 0px 1px 1px #000;
	
	
	font-style: normal;
}

.trow_selected,
tr.trow_selected td {
	background: #0f0f0f;
	border-bottom: 1px solid #000;
	border-top: 1px solid #232323;
	padding: 10px;
	text-shadow: 0px 1px 1px #000;
	-webkit-transition: background-color 600ms linear, color 600ms linear;
	-moz-transition: background-color 600ms linear, color 600ms linear;
	-o-transition: background-color 600ms linear, color 600ms linear;
	-ms-transition: background-color 600ms linear, color 600ms linear;
	transition: background-color 600ms linear, color 600ms linear;
	
	color: #f1f1f1;
}

.trow_selected a:link,
.trow_selected a:visited,
.trow_selected a:hover,
.trow_selected a:active {
	color: #f1f1f1;
}

.trow_sep {
	background: rgba(15,15,15,0.95);
	text-shadow: 0px 1px 1px #000;
	border-top: 6px solid #3f9889;
	border-bottom: 6px solid #3f9889;
	padding: 10px;
	
	color: #fff;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 17px;
	font-weight: bold;
}

.tfoot {
	background: rgba(15,15,15,0.95);
	color: #fff;
	border-top: 1px solid #2e2e2e;
	border-bottom: 1px solid #000;
	padding: 8px;
	text-shadow: 0px 1px 1px #000;
	border-top: 6px solid #3f9889;
	
	-webkit-box-shadow: rgba(0,0,0,0.7) 0px 1px 8px, inset rgba(0,0,0,0.4) 0px 0px 0px 1px;
	-moz-box-shadow: rgba(0,0,0,0.7) 0px 1px 8px, inset rgba(0,0,0,0.4) 0px 0px 0px 1px;
	box-shadow: rgba(0,0,0,0.7) 0px 1px 8px, inset rgba(0,0,0,0.4) 0px 0px 0px 1px;
	text-shadow: 0px 1px 1px #000;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	font-style: normal;
}

.tfoot a:link {
	color: #fff;
	text-decoration: none;
}

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

.tfoot a:hover,
.tfoot a:active {
	color: #fff;
	text-decoration: none;
  	-webkit-transition: background-color 600ms linear, color 600ms linear;
	-moz-transition: background-color 600ms linear, color 600ms linear;
	-o-transition: background-color 600ms linear, color 600ms linear;
	-ms-transition: background-color 600ms linear, color 600ms linear;
	transition: background-color 600ms linear, color 600ms linear;
}

.thead input.textbox,
.thead select {
	border: 1px solid #263c30;
}

.bottommenu {
	background: #efefef;
	color: #333;
	border: 1px solid #4874a3;
	padding: 10px;
}

.navigation {
	background: rgba(15,15,15,0.95);
	border: 1px solid #000;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	color: #ccc;
	padding: 10px;
	text-shadow: 0px 1px 1px #000;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	-webkit-box-shadow: rgba(0,0,0,0.3) 0px 1px 4px, inset rgba(255,255,255,0.13) 0px 1px 0px;
	-moz-box-shadow: rgba(0,0,0,0.3) 0px 1px 4px, inset rgba(255,255,255,0.13) 0px 1px 0px;
	box-shadow: rgba(0,0,0,0.3) 0px 1px 4px, inset rgba(255,255,255,0.13) 0px 1px 0px;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
}

.navigation a:link {
	text-decoration: none;
  	color: #ccc;
    text-shadow: 0px 1px 1px #000;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
}

.navigation a:visited {
	text-decoration: none;
  	color: #ccc;
    text-shadow: 0px 1px 1px #000;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
}

.navigation a:hover,
.navigation a:active {
	text-decoration: none;
  	color: #fff;
    text-shadow: 0px 1px 1px #000;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
}

.navigation .active {
	color: #ccc;
    text-shadow: 0px 1px 1px #000;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
}

.smalltext {
   font-family: 'Roboto Condensed', sans-serif;
   font-size: 14px;
   font-style: normal;
}

.largetext {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight: bold;
}

fieldset {
	background: rgba(15,15,15,0.95);
	color: #fff;
	padding: 12px;
	border: 1px dashed #222222;
	margin: 0;
}

fieldset.trow1,
fieldset.trow2 {
	background: rgba(15,15,15,0.95);
	color: #fff;
	border: 1px dashed #222222;
}

fieldset.align_right {
	background: rgba(15,15,15,0.95);
	color: #fff;
	text-align: right;
}

input.textbox {
	background: #181818;
	color: #fff;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	border: 1px solid #2e2e2e;
	padding: 4px 6px;
	line-height: 1.4;
	outline: 0;
	-webkit-box-shadow: 0 0 0px 1000px #181818 inset !important;
	-webkit-text-fill-color: white !important;
	
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 13px;
	font-style: normal;
}

textarea {
	background: #181818;
	color: #fff;
	-webkit-box-shadow: inset rgba(0,0,0,0.4) 0px 0px 0px 1px;
	-moz-box-shadow: inset rgba(0,0,0,0.4) 0px 0px 0px 1px;
	box-shadow: inset rgba(0,0,0,0.4) 0px 0px 0px 1px;
	padding: 5px;
	line-height: 1.4;
	outline: 0;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: 0 0 0px 1000px #181818 inset !important;
	-webkit-text-fill-color: white !important;
	border: 1px solid #2e2e2e;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 13px;
	font-style: normal;
}

select {
  	background: rgba(15,15,15,0.95);
	-webkit-box-shadow: inset rgba(0,0,0,0.4) 0px 0px 0px 1px;
	-moz-box-shadow: inset rgba(0,0,0,0.4) 0px 0px 0px 1px;
	box-shadow: inset rgba(0,0,0,0.4) 0px 0px 0px 1px;
	color: #f1f1f1;
	border: 1px solid #222222;
	padding: 3px;
	line-height: 1.4;
	outline: 0;
    -moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 13px;
    font-style: normal;
}

button,
input.button {
  	 background-image: linear-gradient(#272727, #212121);
      color: #ffffff;
      border: 1px solid #000;
      text-shadow: 1px 1px 0px #161617;
      -webkit-border-radius: 2px;
      -moz-border-radius: 2px;
       border-radius: 2px;
      -webkit-box-shadow: rgba(0,0,0,0.3) 0px 1px 4px, inset rgba(255,255,255,0.13) 0px 1px 0px;
      -moz-box-shadow: rgba(0,0,0,0.3) 0px 1px 4px, inset rgba(255,255,255,0.13) 0px 1px 0px;
      box-shadow: rgba(0,0,0,0.3) 0px 1px 4px, inset rgba(255,255,255,0.13) 0px 1px 0px;
     -moz-background-clip: padding;
     -webkit-background-clip: padding-box;
     background-clip: padding-box; 
  	font-family: Source Sans Pro,Tahoma,Helvetica Neue,Arial,sans-serif;
	font-size: 12px;
	font-style: normal;  
    padding: 4px 9px;
	cursor: pointer;
	outline: 0;
}

button:hover,
input.button:hover {
	color: #ddd;
	-moz-transition: all 0ms ease 0s;
	-webkit-transition: all 0ms ease 0s;
	-o-transition: all 0ms ease 0s;
	-ms-transition: all 0ms ease 0s;
}

form {
	margin: 0;
	padding: 0;
}

form input.error {
	background: rgba(15,15,15,0.95);
border: 1px solid #232323;
text-shadow: 0px 1px 1px #171717;
  	color: #fff;
	padding: 3px;
	outline: 0;
	font-family: Source Sans Pro,Tahoma,Helvetica Neue,Arial,sans-serif;
	font-size: 14px;
	font-style: normal;
}

form input.valid {
	background: rgba(15,15,15,0.95);
border: 1px solid #232323;
text-shadow: 0px 1px 1px #171717;
  	color: #fff;
	padding: 3px;
	outline: 0;
}

form label.error {
	color: #f30;
	margin: 5px;
	padding: 0px;
	display: block;
	font-weight: bold;
}

form #message {
    width: 500px;
}

.editor {
	background: rgba(15,15,15,0.95);
border: 1px solid #232323;
text-shadow: 0px 1px 1px #171717;
  	color: #fff;
}

.editor_control_bar {
	background: rgba(15,15,15,0.95);
border: 1px solid #232323;
text-shadow: 0px 1px 1px #171717;
  	color: #fff;
}

.post .editor_control_bar {
	background: rgba(15,15,15,0.95);
border: 1px solid #232323;
text-shadow: 0px 1px 1px #171717;
  	color: #fff;
}

.popup_menu {
	background: rgba(15,15,15,0.95);
	text-shadow: 1px 1px 0px #000;
	padding: 6px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 5px 15px 15px rgba(0, 0, 0, 0.7);
	-moz-box-shadow: 5px 15px 15px rgba(0, 0, 0, 0.7);
	box-shadow: 5px 15px 15px rgba(0, 0, 0, 0.7 );
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	z-index: 999999;
	
	text-decoration: none;
	font-family: Source Sans Pro,Tahoma,Helvetica Neue,Arial,sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
}

.popup_menu .popup_item {
	color: #ccc;
	text-shadow: 1px 1px 0px #000;
	
	font-style: normal;
	font-weight: normal;
}

.popup_menu .popup_item:hover {
	background: 3f9889;
	color: #fff;
	text-shadow: rgba(0,0,0,0.25) 0px 1px 1px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.trow_reputation_positive {
		background: rgba(15,15,15,0.95);
border: 1px solid #232323;
text-shadow: 0px 1px 1px #171717;
  	color: #fff;
}

.trow_reputation_negative {
		background: rgba(15,15,15,0.95);
border: 1px solid #232323;
text-shadow: 0px 1px 1px #171717;
  	color: #fff;
}

.reputation_positive {
	color: green;
}

.reputation_neutral {
	color: #444;
}

.reputation_negative {
	color: red;
}

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

._neutral {
	background: rgba(15,15,15,0.95);
border: 1px solid #232323;
text-shadow: 0px 1px 1px #171717;
  	color: #ccc;
}

._minus {
  	background: rgba(15,15,15,0.95);
border: 1px solid #232323;
text-shadow: 0px 1px 1px #171717;
  	color: #ccc;
}

._plus {
	background: rgba(15,15,15,0.95);
border: 1px solid #232323;
text-shadow: 0px 1px 1px #171717;
  	color: #ccc;
}

img {
	border: none;
}

img.attachment {
		background: rgba(15,15,15,0.95);
border: 1px solid #232323;
text-shadow: 0px 1px 1px #171717;
  	color: #ccc;
	padding: 2px;
}

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

.clear {
	clear: both;
}

.float_left {
	float: left;
}

.float_right {
	float: right;
}

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

.hiddenrow {
	display: none;
}

.selectall {
		background: rgba(15,15,15,0.95);
border-bottom: 1px solid #232323;
text-shadow: 0px 1px 1px #171717;
  	color: #ccc;
	text-align: center;
}

.expcolimage {
	float: right;
	width: auto;
	vertical-align: middle;
	margin-top: 3px;
}

.tcat_menu > .expcolimage {
	margin-top: 0;
}

blockquote {
	background: #232323;
	color: #a1a1a1;
	text-shadow: 0px 1px 1px #181818;
	border-left: 6px solid #3f9889;
	margin: 0;
	padding: 20px;
	-moz-border-top-left-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	border-top-left-radius: 3px;
	font: normal 13px tahoma,helvetica,arial,sans-serif;
	
	font-style: normal;
}

blockquote cite {
	text-shadow: 0px 1px 1px #181818;
	display: block;
	margin: -15px -15px 5px -15px;
	padding: 10px;
	-moz-border-top-left-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	border-top-left-radius: 3px;
	-moz-border-top-right-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	border-top-right-radius: 3px;
	border-bottom: 1px dashed #383838;
	
	color: #a1a1a1;
    font: normal 13px tahoma,helvetica,arial,sans-serif;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
}

blockquote cite span {
	color: #a1a1a1;
	float: right;
	text-shadow: 0px 1px 1px #181818;
    font: normal 13px tahoma,helvetica,arial,sans-serif;
	font-style: normal;
}

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

.codeblock {
	background: #232323;
	color: #a1a1a1;
	text-shadow: 0px 1px 1px #181818;
	border-left: 6px solid #b4b3b3;
	-moz-border-top-left-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	border-top-left-radius: 3px;
	padding: 20px;
	font: normal 13px tahoma,helvetica,arial,sans-serif;
	-moz-border-top-left-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	border-top-left-radius: 3px;
	
	font-style: normal;
}

.codeblock .title {
	color: #a1a1a1;
	border-bottom: 1px dashed #383838;
	text-shadow: 1px 1px 0px #181818;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	font-weight: bold;
	margin: -15px -15px 5px -15px;
	padding: 10px;
	-moz-border-top-left-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	border-top-left-radius: 3px;
	padding-bottom: 3px;
	-moz-border-top-right-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	border-top-right-radius: 3px;
    font: normal 13px tahoma,helvetica,arial,sans-serif;
	font-style: normal;
}

.codeblock code {
	overflow: auto;
	height: auto;
	max-height: 200px;
	display: block;
    font: normal 13px tahoma,helvetica,arial,sans-serif;
	font-style: normal;
}

.smilie {
	vertical-align: middle;
}

.smilie_pointer {
	cursor: pointer;
}

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

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

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

.popup_menu a.popup_item:hover {
	background: #3f9889;
	color: #fff;
	text-shadow: rgba(0,0,0,0.25) 0px 1px 1px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	
	text-decoration: none;
}

.subject_new {
	font-weight: bold;
}

.highlight {
		background: rgba(15,15,15,0.95);
border: 1px solid #232323;
text-shadow: 0px 1px 1px #171717;
  	color: #fff;
	padding-top: 3px;
	padding-bottom: 3px;
}

.pm_alert {
	background: #3f9889;
  	border: 1px solid #286d61;
	text-shadow: rgba(0,0,0,0.4) 0px 1px 1px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	text-align: center;
	padding: 6px 10px;
	color: #fff;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 13px;
	font-style: normal;
	font-weight: normal;
        -webkit-box-shadow: rgba(0,0,0,0.3) 0px 1px 4px, inset rgba(255,255,255,0.13) 0px 1px 0px;
      -moz-box-shadow: rgba(0,0,0,0.3) 0px 1px 4px, inset rgba(255,255,255,0.13) 0px 1px 0px;
      box-shadow: rgba(0,0,0,0.3) 0px 1px 4px, inset rgba(255,255,255,0.13) 0px 1px 0px;
}

.pm_alert a:link,
.pm_alert a:visited,
.pm_alert a:hover,
.pm_alert  a:active {
	color: #fff;
}

.red_alert {
	background: #646464;
    border: 1px solid #323131;
	text-shadow: rgba(0,0,0,0.4) 0px 1px 1px;
        -webkit-box-shadow: rgba(0,0,0,0.3) 0px 1px 4px, inset rgba(255,255,255,0.13) 0px 1px 0px;
      -moz-box-shadow: rgba(0,0,0,0.3) 0px 1px 4px, inset rgba(255,255,255,0.13) 0px 1px 0px;
      box-shadow: rgba(0,0,0,0.3) 0px 1px 4px, inset rgba(255,255,255,0.13) 0px 1px 0px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	text-align: center;
	padding: 6px 10px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;	
	color: #fff;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 13px;
	font-style: normal;
	font-weight: normal;
}

.red_alert a:link,
.red_alert a:visited,
.red_alert a:hover,
.red_alert  a:active {
	color: #fff;
}

.high_warning {
	color: #ffffff;
}

.moderate_warning {
	color: #ffffff;
}

.low_warning {
	color: #ffffff;
}

.online {
	color: #15A018;
}

.offline {
	color: #C7C7C7;
}

div.error {
	padding: 5px 10px;
		background: rgba(15,15,15,0.95);
border-bottom: 2px solid #232323;
  border-top: 2px solid #232323;
text-shadow: 0px 1px 1px #171717;
  	color: #ccc;
	font-family: Source Sans Pro,Tahoma,Helvetica Neue,Arial,sans-serif;
	font-size: 14px;
	font-style: normal;
}

div.error p {
	margin: 0;
	color: #ccc;
	font-weight: normal;
}

div.error p em {
	font-style: normal;
	font-weight: bold;
	padding-left: 24px;
	display: block;
	color: #ccc;
	background: url(images/error.png) no-repeat 0;
}

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

.pagination {
	font-family: Source Sans Pro,Tahoma,Helvetica Neue,Arial,sans-serif;
	font-size: 13px;
	font-style: normal;
	padding-top: 10px;
	margin-bottom: 5px;
}

.tfoot .pagination,
.tcat .pagination {
	padding-top: 0;
}

.pagination .pages {
	color: #000;
}

.pagination .pagination_current,
.pagination a {
    background: rgba(15,15,15,0.95);
	color: #f1f1f1;
	text-shadow: rgba(0,0,0,0.4) 0px 1px 1px;
	-moz-box-shadow: rgba(0,0,0,0.15) 0px 1px 3px;
	-webkit-box-shadow: rgba(0,0,0,0.15) 0px 1px 3px;
	box-shadow: rgba(0,0,0,0.15) 0px 1px 3px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	padding: 3px 6px;
}

.pagination a {
  	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

.pagination .pagination_current {
  background: #3f9889;
  text-shadow: rgba(0,0,0,0.4) 0px 1px 1px;
  -moz-box-shadow: rgba(0,0,0,0.15) 0px 1px 3px;
  -webkit-box-shadow: rgba(0,0,0,0.15) 0px 1px 3px;
  box-shadow: rgba(0,0,0,0.15) 0px 1px 3px;
	color: #fff;
	padding: 3px 6px;
  	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

.pagination a:hover {
	padding: 3px 6px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	
	color: #fff;
	text-decoration: none;
}

.pagination .go_page img {
	margin-bottom: -4px;
}

.drop_go_page {
border-bottom: 2px solid #232323;
	padding: 4px;
}

.pagination_breadcrumb {
		background: rgba(15,15,15,0.95);
border: 2px solid #232323;
text-shadow: 0px 1px 1px #171717;
  	color: #ccc;
	outline: 1px solid #232323;
	padding: 5px;
	margin-top: 5px;
	font-weight: normal;
}

.pagination_breadcrumb_link {
	vertical-align: middle;
	cursor: pointer;
}

.thread_legend,
.thread_legend dd {
	margin: 0;
	padding: 0;
    	margin-top: -10px;
}

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

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

.forum_legend,
.forum_legend dt,
.forum_legend dd {
	margin: 0;
	padding: 0;
  	color: #ccc;
  	margin-top: 10px;
}

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

.forum_legend dt {
	margin-right: 10px;
	float: left;
    	color: #ccc;
  	margin-top: -5px;
}

.success_message {
	color: #00b200;
	font-weight: bold;
    font: normal 13px tahoma,helvetica,arial,sans-serif;
	font-style: normal;
	margin-bottom: 10px;
}

.error_message {
	color: #C00;
	font-weight: bold;
    font: normal 13px tahoma,helvetica,arial,sans-serif;
	font-style: normal;
	margin-bottom: 10px;
}

#posts_container {
	padding: 0;
}

.ignored_post {
	border-top: 3px solid #232323;
	padding: 15px;
}

.ignored_post .show_ignored_post {
	margin-top: -15px;
}

.ignored_post .show_ignored_post a.button span {
	background-position: 0 -400px;
}

.post {
	overflow: hidden;
}

.post.classic {
	padding-top: 15px;
}

.post .post_author {
	color: #f1f1f1;
	padding: 5px;
	overflow: hidden;
	font: normal 13px tahoma,helvetica,arial,sans-serif;
	text-shadow: 0px 1px 1px #171717;
	
	font-style: normal;
}

.post.classic .post_author {
	width: 15%;
	float: left;
	margin: 0 1% 15px 0;
	padding: 5px 1%;
	margin-top
    font: normal 13px tahoma,helvetica,arial,sans-serif;
	font-style: normal;
  	text-shadow: 0px 1px 1px #171717;
}

.post .post_author .buddy_status {
	vertical-align: middle;
	margin-top: -4px;
}

.post .post_author div.author_avatar {
	float: left;
	margin-right: 3px;
}

.post.classic .post_author div.author_avatar {
	float: none;
	text-align: center;
	margin-bottom: 8px;
}

.post .post_author div.author_avatar img {
    padding: 3px; 
   border: 1px solid #232323;
  background: rgba(15,15,15,0.95);
  -moz-border-radius: 5px; 
  -webkit-border-radius: 5px; 
  border-radius: 5px; 
  position: relative;
}

.post .post_author div.author_information {
	color: #f1f1f1;
	float: left;
	padding: 6px 8px;
	font: normal 13px tahoma,helvetica,arial,sans-serif;
	text-shadow: 0px 1px 1px #171717;
	
	font-style: normal;
}

.post.classic .post_author div.author_information {
	color: #f1f1f1;
	float: none;
	padding: 0;
	text-align: center;
	font: normal 13px tahoma,helvetica,arial,sans-serif;
	
	font-style: normal;
}

.post .post_author div.author_statistics {
	color: #f1f1f1;
	float: right;
	padding: 3px 10px 3px 5px;
	line-height: 1.3;
	font: normal 13px tahoma,helvetica,arial,sans-serif;
	text-shadow: 0px 1px 1px #171717;
	
	font-style: normal;
}

.post.classic .post_author div.author_statistics {
	color: #f1f1f1;
	margin: 6px 0 0 0;
	padding: 6px 6px 3px 6px;
	float: left;
	font: normal 13px tahoma,helvetica,arial,sans-serif;
	text-shadow: 0px 1px 1px #171717;
	
	font-style: normal;
}

.post .post_head {
	padding-bottom: 4px;
	border-bottom: 1px dashed #383838;
	margin-bottom: 4px;
}

.post .post_head span.post_date {
	color: #a1a1a1;
}

.post .post_head span.edited_post {
	color: #a1a1a1;
}

.post .post_head span.edited_post a {
	color: #a1a1a1;
}

.post_body {
	padding: 12px 0;
}

.post.classic .post_content {
	float: left;
	width: 79%;
	padding: 0 1% 5px 1%;
}

.post_content {
	padding: 9px 10px 5px 10px;
}

.post_content .signature {
	color: #fff;
	margin-top: 5px;
	border-top: 1px dashed #383838;
	padding: 10px 0 4px 0;
}

.post .post_meta {
	color: #f1f1f1;
	margin: 4px 0;
}

.post .post_meta a:link,
.post .post_meta a:visited {
	color: #a1a1a1;
}

.post .post_meta a:hover,
.post .post_meta a:active {
	color: #f1f1f1;
}

.post_controls {
	background: #0f0f0f;
	border-top: 1px solid #232323;
	text-shadow: 0px 1px 1px #171717;
	clear: both;
	padding: 5px;
	overflow: hidden;
	
	color: #f1f1f1;
    font: normal 13px tahoma,helvetica,arial,sans-serif;
	font-style: normal;
}

.postbit_buttons > a:link,
.postbit_buttons > a:hover,
.postbit_buttons > a:visited,
.postbit_buttons > a:active {
	background: #3f9889;
	text-shadow: rgba(0,0,0,0.4) 0px 1px 1px;
	-moz-box-shadow: rgba(0,0,0,0.15) 0px 1px 3px;
	-webkit-box-shadow: rgba(0,0,0,0.15) 0px 1px 3px;
	box-shadow: rgba(0,0,0,0.15) 0px 1px 3px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	display: inline-block;
	padding: 4px 7px;
	margin: 2px;
	
	color: #f1f1f1;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 13px;
	font-style: normal;
}

.postbit_buttons > a:hover {
	background: #646464;
	color: #fff;
	text-shadow: rgba(0,0,0,0.4) 0px 1px 1px;
	
	
	transition: all 0.3s linear 0s;
	-moz-transition: all 0.3s linear 0s;
	-webkit-transition: all 0.3s linear 0s;
}

.postbit_buttons a span:before {
   content: "";
   display: inline-block;
   font-family: FontAwesome;
   font-weight: normal;
   font-size: inherit;
   text-rendering: auto;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   margin-right: 5px;
   font-size: 13px;
}

.postbit_buttons a.postbit_find span:before {
content: "\f002";
}

.postbit_buttons a.postbit_reputation_add span:before {
content: "\f067";
}

.postbit_buttons a.postbit_email span:before {
content: "\f0e0";
}

.postbit_buttons a.postbit_website span:before {
content: "\f0ac";
}

.postbit_buttons a.postbit_pm span:before {
content: "\f199";
}

.postbit_buttons a.postbit_quote span:before {
content: "\f10e";
}

.postbit_buttons a.postbit_multiquote span:before {
content: "\f055";
}

.postbit_buttons a.postbit_multiquote_on span:before {
content: "\f056";
   color: #DB1304;
}

.postbit_buttons a.postbit_edit span:before {
content: "\f044";
}

.postbit_buttons a.postbit_qdelete span:before {
content: "\f00d";
}

.postbit_buttons a.postbit_qrestore span:before {
content: "\f067";
}

.postbit_buttons a.postbit_report span:before {
content: "\f0a1";
}

.postbit_buttons a.postbit_warn span:before {
content: "\f0e3";
}

.postbit_buttons a.postbit_purgespammer span:before {
content: "\f071";
}

.postbit_buttons a.postbit_reply_pm span:before {
content: "\f112";
}

.postbit_buttons a.postbit_reply_all span:before {
content: "\f122";
}

.postbit_buttons a.postbit_forward_pm span:before {
content: "\f064";
}

.postbit_buttons a.postbit_delete_pm span:before {
content: "\f00d";
}

a.button:link,
a.button:visited,
a.button:active {
	background: #646464;
	color: #fff;
	text-shadow: rgba(0,0,0,0.4) 0px 1px 1px;
	-moz-box-shadow: rgba(0,0,0,0.15) 0px 1px 3px;
	-webkit-box-shadow: rgba(0,0,0,0.15) 0px 1px 3px;
	box-shadow: rgba(0,0,0,0.15) 0px 1px 3px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	display: inline-block;
	padding: 6px 8px;
	margin: 2px 2px 6px 2px;
	transition: text-shadow 3s;
	-moz-transition: text-shadow 3s;
	-webkit-transition: text-shadow 3s;
	-o-transition: text-shadow 3s;
	
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 14px;
}

a.button:hover {
	background: #3f9889;
	color: #fff;
	text-shadow: #82241f 0px 1px 1px;
	-moz-box-shadow: rgba(0,0,0,0.15) 0px 1px 3px;
	-webkit-box-shadow: rgba(0,0,0,0.15) 0px 1px 3px;
	box-shadow: rgba(0,0,0,0.15) 0px 1px 3px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	transition: all 0.3s linear 0s;
	-moz-transition: all 0.3s linear 0s;
	-webkit-transition: all 0.3s linear 0s;
}

a.button:link,
a.button:hover,
a.button:visited,
a.button:active {
	text-shadow: 0 0 40px #fff;
	
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 14px;
}

a.button.small_button {
	margin: 0;
	padding: 3px 6px;
}

a.button span {
	padding: 1px;
	display: inline-block;
}

a.button.new_thread_button span {
	background-position: 0 -340px;
}

a.button.new_reply_button span {
	background-position: 0 -360px;
}

a.button.closed_button span {
	background-position: 0 -380px;
}

a.button.rate_user_button span {
	background-position: 0 -400px;
}

a.button.add_buddy_button span {
	background-position: 0 -440px;
}

a.button.remove_buddy_button span {
	background-position: 0 -480px;
}

a.button.add_ignore_button span {
	background-position: 0 -460px;
}

a.button.remove_ignore_button span {
	background-position: 0 -500px;
}

a.button.report_user_button span {
	background-position: 0 -520px;
}

.quick_jump {
	background: url(images/jump.png) no-repeat 0;
	width: 13px;
	height: 13px;
	padding-left: 13px; /* amount of padding needed for image to fully show */
	margin-top: -3px;
	border: none;
}

.pollbar {
	background: url(images/pollbar.png) top left repeat-x;
	border: 1px solid #3f3f3f;
	height: 10px;
}

.pollbar .percent {
	display: none;
}

.posticons_label {
	white-space: nowrap;
}

/** jGrowl Start **/

/** Special IE6 Style Positioning **/
.ie6 {
	position: absolute;
}

.ie6.top-right {
	right: auto;
	bottom: auto;
	left: expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

.ie6.top-left {
	left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

.ie6.bottom-right {
	left: expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

.ie6.bottom-left {
	left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

.ie6.center {
	left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
	width: 100%;
}

/** jGrowl Styling **/
.jGrowl {
  z-index: 9999;
  color: #ffffff;
  font-size: 12px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  position: fixed;
}

.jGrowl.top-left {
  left: 0px;
  top: 0px;
}

.jGrowl.top-right {
  right: 0px;
  top: 0px;
}

.jGrowl.bottom-left {
  left: 0px;
  bottom: 0px;
}

.jGrowl.bottom-right {
  right: 0px;
  bottom: 0px;
}

.jGrowl.center {
  top: 0px;
  width: 50%;
  left: 25%;
}

/** Cross Browser Styling **/

.jGrowl.center .jGrowl-notification,
.jGrowl.center .jGrowl-closer {
  margin-left: auto;
  margin-right: auto;
}

.jGrowl-notification {
  background-color: #000000;
  opacity: 0.9;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100));
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100));
  zoom: 1;
  width: 250px;
  padding: 10px;
  margin: 10px;
  text-align: left;
  display: none;
  border-radius: 5px;
  word-break: break-all;
  min-height: 40px;
}

.jGrowl-notification .ui-state-highlight,
.jGrowl-notification .ui-widget-content .ui-state-highlight,
.jGrowl-notification .ui-widget-header .ui-state-highlight {
  border: 1px solid #000;
  background: #000;
  color: #fff;
}

.jGrowl-notification .jGrowl-header {
  font-weight: bold;
  font-size: .85em;
}

.jGrowl-notification .jGrowl-close {
  background-color: transparent;
  color: inherit;
  border: none;
  z-index: 99;
  float: right;
  font-weight: bold;
  font-size: 1em;
  cursor: pointer;
}

.jGrowl-closer {
  background-color: #000000;
  opacity: 0.9;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100));
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100));
  zoom: 1;
  width: 250px;
  padding: 10px;
  margin: 10px;
  text-align: left;
  display: none;
  border-radius: 5px;
  word-break: break-all;
  padding-top: 4px;
  padding-bottom: 4px;
  cursor: pointer;
  font-size: .9em;
  font-weight: bold;
  text-align: center;
}

.jGrowl-closer .ui-state-highlight,
.jGrowl-closer .ui-widget-content .ui-state-highlight,
.jGrowl-closer .ui-widget-header .ui-state-highlight {
  border: 1px solid #000;
  background: #000;
  color: #fff;
}

/** Hide jGrowl when printing **/
@media print {
	.jGrowl {
		display: none;
}


}

/** jGrowl End **/

/** Modal Start **/

.modal {
	background: #000;
	display: none;
	text-align: left;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	border: 6px solid #2e2e2e;
}

.modal a.close-modal {
	position: absolute;
	top: -12.5px;
	right: -12.5px;
	display: block;
	width: 30px;
	height: 30px;
	text-indent: -9999px;
	background: url(images/close.png) no-repeat 0 0;
}

.modal-spinner {
	display: none;
	width: 64px;
	height: 64px;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-right: -32px;
	margin-top: -32px;
	background: url(images/spinner_big.gif) no-repeat center center;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-o-border-radius: 8px;
	-ms-border-radius: 8px;
	border-radius: 8px;
}

/** Modal End **/

/** Impromptu Start **/

/*! jQuery-Impromptu - v6.2.1 - 2015-05-10
* http://trentrichardson.com/Impromptu
* Copyright (c) 2015 Trent Richardson; Licensed MIT */

.jqifade{
	position: absolute; 
	background-color: #777777;
}

iframe.jqifade{
	display:block;
	z-index:-1;
}

div.jqi{
 
	width: 400px; 
	max-width:90%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	position: absolute; 
	background-color: #ffffff; 
	font-size: 11px; 
	text-align: left; 
	border: solid 1px #eeeeee;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	padding: 7px;
}

div.jqi .jqicontainer{
}

div.jqi .jqiclose{
 
	position: absolute;
	top: 4px; right: -2px; 
	width: 18px; 
	cursor: default; 
	color: #bbbbbb; 
	font-weight: bold;
}

div.jqi .jqistate{
	background-color: #fff;
}

div.jqi .jqititle{
	padding: 5px 10px;
	font-size: 16px; 
	line-height: 20px; 
	border-bottom: solid 1px #eeeeee;
}

div.jqi .jqimessage{
 
	padding: 10px; 
	line-height: 20px; 
	color: #444444; 
	overflow: auto;
}

div.jqi .jqibuttonshide{
	display: none;
}

div.jqi .jqibuttons{
 
	text-align: right; 
	margin: 0 -7px -7px -7px;
	border-top: solid 1px #e4e4e4; 
	background-color: #f4f4f4;
	border-radius: 0 0 6px 6px;
	-moz-border-radius: 0 0 6px 6px;
	-webkit-border-radius: 0 0 6px 6px;
}

div.jqi .jqibuttons button{
 
	margin: 0;
	padding: 15px 20px;
	background-color: transparent;
	font-weight: normal; 
	border: none;
	border-left: solid 1px #e4e4e4; 
	color: #777; 
	font-weight: bold; 
	font-size: 12px;
}

div.jqi .jqibuttons button.jqidefaultbutton{
	color: #489afe;
}

div.jqi .jqibuttons button:hover,
div.jqi .jqibuttons button:focus{
	color: #287ade;
	outline: none;
}

div.jqi .jqibuttons button[disabled]{
	color: #aaa;
}

.jqiwarning .jqi .jqibuttons{
 
	background-color: #b95656;
}

/* sub states */
div.jqi .jqiparentstate::after{
 
	background-color: #777;
	opacity: 0.6;
	filter: alpha(opacity=60);
	content: '';
	position: absolute;
	top:0;left:0;bottom:0;right:0;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

div.jqi .jqisubstate{
	position: absolute;
	top:0;
	left: 20%;
	width: 60%;
	padding: 7px;
	border: solid 1px #eeeeee;
	border-top: none;
	border-radius: 0 0 6px 6px;
	-moz-border-radius: 0 0 6px 6px;
	-webkit-border-radius: 0 0 6px 6px;
}

div.jqi .jqisubstate .jqibuttons button{
	padding: 10px 18px;
}

/* arrows for tooltips/tours */
.jqi .jqiarrow{
 position: absolute; height: 0; width:0; line-height: 0; font-size: 0; border: solid 10px transparent;
}

.jqi .jqiarrowtl{
 left: 10px; top: -20px; border-bottom-color: #ffffff;
}

.jqi .jqiarrowtc{
 left: 50%; top: -20px; border-bottom-color: #ffffff; margin-left: -10px;
}

.jqi .jqiarrowtr{
 right: 10px; top: -20px; border-bottom-color: #ffffff;
}

.jqi .jqiarrowbl{
 left: 10px; bottom: -20px; border-top-color: #ffffff;
}

.jqi .jqiarrowbc{
 left: 50%; bottom: -20px; border-top-color: #ffffff; margin-left: -10px;
}

.jqi .jqiarrowbr{
 right: 10px; bottom: -20px; border-top-color: #ffffff;
}

.jqi .jqiarrowlt{
 left: -20px; top: 10px; border-right-color: #ffffff;
}

.jqi .jqiarrowlm{
 left: -20px; top: 50%; border-right-color: #ffffff; margin-top: -10px;
}

.jqi .jqiarrowlb{
 left: -20px; bottom: 10px; border-right-color: #ffffff;
}

.jqi .jqiarrowrt{
 right: -20px; top: 10px; border-left-color: #ffffff;
}

.jqi .jqiarrowrm{
 right: -20px; top: 50%; border-left-color: #ffffff; margin-top: -10px;
}

.jqi .jqiarrowrb{
 right: -20px; bottom: 10px; border-left-color: #ffffff;
}

/** Impromptu End */

/** Modal Start **/

.blocker {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	z-index: 9999;
	padding: 20px;
	box-sizing: border-box;
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0,0.75);
	text-align: center;
}

.blocker:before{
	content: "";
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -0.05em;
}

.blocker.behind {
	background-color: transparent;
}

.modal {
	width: 800px;
	text-align: left;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	z-index: 2;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 0 10px #000;
	-moz-box-shadow: 0 0 10px #000;
	-o-box-shadow: 0 0 10px #000;
	-ms-box-shadow: 0 0 10px #000;
	box-shadow: 0 0 10px #000;
}

.modal a.close-modal {
	position: absolute;
	top: -12.5px;
	right: -12.5px;
	display: block;
	width: 30px;
	height: 30px;
	text-indent: -9999px;
	background: url(images/close.png) no-repeat 0 0;
}

.modal-spinner {
	display: none;
	width: 64px;
	height: 64px;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-right: -32px;
	margin-top: -32px;
	background: url(images/spinner_big.gif) no-repeat center center;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
}

/** Modal End **/

This explains why edits to the first modal were not being reflected in the skin. I only searched for Modal Start once and tried to make edits to that instead of the second one.

So I guess this problem is solved now.  iGame works with the current version of MyBB, it just has modal twice for some reason in the Global CSS.

Thank you for all the help.
MyBB Community Forums > 1.8 Support > General Support > How do you edit the width of the Get More Smilies Pop-Up?