MyBB Community Forums

Hello ,

Does anyone here know how to edit thread icons folder..i tried to make my own icons folder with big size but doesn't fix like i want, meaning the icons not in position maybe should edit in html or css.

Here the pictures my thread icons folder and the thread icons i want look like;

First, that images are stored in your forum root -> images

That is exactly folders_sprite image. You need to change it firstly, and than you will need to change some html/css if images are not same size (and this 2nd one looks bigger)...

(2016-09-09, 04:13 PM)Ikerepc Wrote: [ -> ]First, that images are stored in your forum root -> images

That is exactly folders_sprite image. You need to change it firstly, and than you will need to change some html/css if images are not same size (and this 2nd one looks bigger)...

"change some html/css" can tell me how.

(2016-09-09, 06:09 PM)Luis Dirjan Wrote: [ -> ]

(2016-09-09, 04:13 PM)Ikerepc Wrote: [ -> ]First, that images are stored in your forum root -> images

That is exactly folders_sprite image. You need to change it firstly, and than you will need to change some html/css if images are not same size (and this 2nd one looks bigger)...

"change some html/css" can tell me how.

The icons make use of a sprite, in simple terms this means that all of those icons are in a single file to cut down on HTTP requests to static resources. I suggest you don't go through the hassle of editing the file and use a separate icon for each.

Can you tell me the URL of your forum? Do you have the icons you wish to use in standard image format? (as separate icons)

(2016-09-09, 08:46 PM)SentoWeb Wrote: [ -> ]

(2016-09-09, 06:09 PM)Luis Dirjan Wrote: [ -> ]

(2016-09-09, 04:13 PM)Ikerepc Wrote: [ -> ]First, that images are stored in your forum root -> images

That is exactly folders_sprite image. You need to change it firstly, and than you will need to change some html/css if images are not same size (and this 2nd one looks bigger)...

"change some html/css" can tell me how.

The icons make use of a sprite, in simple terms this means that all of those icons are in a single file to cut down on HTTP requests to static resources. I suggest you don't go through the hassle of editing the file and use a separate icon for each.

Can you tell me the URL of your forum? Do you have the icons you wish to use in standard image format? (as separate icons)

My website : HERE ! **Sry my website too slow #freehosting** 

Icons standard image ;

.thread_legend {
line-height: 32px;
}
.thread_status.newfolder {
    background-image: url('https://s16.postimg.org/4l1lrxa1h/newhotfolder.png');
    background-position: unset;
    width: 32px;
    height: 32px;
}

Add this to your theme's global.css.

You will have to repeat this for every icon type:
.thread_status.newhotfolder
.thread_status.hotfolder
.thread_status.folder
.thread_status.dot_folder
.thread_status.lockfolder

I recommend you host these icons on your server.

(2016-09-10, 12:08 PM)SentoWeb Wrote: [ -> ]

.thread_legend {
line-height: 32px;
}
.thread_status.newfolder {
    background-image: url('https://s16.postimg.org/4l1lrxa1h/newhotfolder.png');
    background-position: unset;
    width: 32px;
    height: 32px;
}

Add this to your theme's global.css.

You will have to repeat this for every icon type:
.thread_status.newhotfolder
.thread_status.hotfolder
.thread_status.folder
.thread_status.dot_folder
.thread_status.lockfolder

I recommend you host these icons on your server.

only dot icons showing d others not showing..



here my global.css, u can check maybe i make mistake on this.

body {
	background: #111 url(http://i.imgur.com/ODQUktq.png) top left repeat;
	color: #ccc;
	text-align: left;
	line-height: 1.4;
	margin: 0;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	overflow-y: scroll;
}

.thread_legend {
	line-height: 32px;
}

.thread_status.newfolder {
    background-image: url('images/newfolder.gif');
    background-position: unset;
    width: 32px;
    height: 32px;
}

.thread_status.newhotfolder {
	background-image: url('images/newhotfolder.gif');
    background-position: unset;
    width: 32px;
    height: 32px;
}

.thread_status.hotfolder {
background-image: url('images/newfolder.gif');
    background-position: unset;
    width: 32px;
    height: 32px;
}

.thread_status.folder {
background-image: url('images/folder.gif');
    background-position: unset;
    width: 32px;
    height: 32px;
}

.thread_status.dot_folder {
background-image: url('images/dot_folder.gif');
    background-position: unset;
    width: 32px;
    height: 32px;
}

.thread_status.lockfolder {
background-image: url('images/lockfolder.gif');
    background-position: unset;
    width: 32px;
    height: 32px;
}

.postbit-username {
	margin-left: 13px;
	padding-right: 14px;
}

.navigation li:first-child {
	padding-left: 10px;
}

.navigation li.active {
	padding: 10px;
    color: #a0a0a0;
}

.navigation li {
	color: #fff;
    text-decoration: none;
    padding: 10px 0 10px 0;
    margin-right: 50px;
    background: #1a1a1a;
    position: relative;
    display: block;
    float: left;
}

.navigation li:not(.active):before {
	content: " ";
    display: block;
    width: 0;
    border-top: 50px solid transparent;
    border-bottom: 50px solid transparent;
    border-left: 30px solid #303030;
    position: absolute;
    top: 50%;
    margin-top: -50px;
    margin-left: 1px;
    left: 100%;
    z-index: 1;
}

.navigation li:not(.active):after {
	content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 50px solid transparent;
    border-bottom: 50px solid transparent;
    border-left: 30px solid #1a1a1a;
    position: absolute;
    top: 50%;
    margin-top: -50px;
    left: 100%;
    z-index: 2;
}

.stat {
    background: url(images/thead_bg.gif) repeat-x top left;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    margin-left: 15px;
    padding: 7px 14px;
}

#forums {
  	float: left;
  	width: 75%;
}

.author_statistics {
	background: #202020;
    padding: 4px 8px;
    border-radius: 2px;
    border: 1px solid #1a1a1a;
    box-shadow: 0px 0px 1px #303030;
    margin-bottom: 2px;
    font-size: 13px;
}

#sidebar {
  	float: right;
  	width: 24%;
}

strong, bold, b {
font-weight: 500;
}

a:link, a:visited {
	color: #FFF;
	text-decoration: none;
}

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

.shadow {
	border: 1px solid #303030;
	border-top:0;
	box-shadow: 0 0 10px #000;
	border-radius: 0 0 4px 4px;
	margin-bottom: 40px;
}

.wrap {
	width: 92%;
	margin: 0 auto;
}

.container {
    text-align: left;
    line-height: 1.4;
    margin: 0;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
}

#content {
	background: #202020;
	padding: 15px 20px;
	border-bottom: 1px  solid #111;
	overflow: hidden;
	margin: 0 auto;
	margin-bottom: -2px;
}

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

#debug {
	float: right;
	text-align: right;
	margin-top: 20px;
	font-size: 11px;
}

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

.forum_status {
    font-size: 25px;
    text-align: center;
}

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

.forum_on {
    color: #009688;
}

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

.forum_offlock i:before {
    content: "\f023";
}

.forum_offlink i:before {
    content: "\f0c1";
}

.subforumicon {
height: 10px;
width: 10px;
display: inline-block;
  margin: 0 8px;
}

.subforum_minion {
color: #009688;
}

.subforum_minioff, .subforum_miniofflock, .subforum_miniofflink {
color: #444;
}

.subforum_miniofflock i:before {
content: "\f023";
}

.subforum_miniofflink i:before {
content: "\f0c1";
}

table {
	font-size: 14px;
	color: #aaa;
    text-shadow: 0 1px 0 rgba(0,0,0,.4);
}

.tborder {
    width: 100%;
    margin: auto auto;
    padding: 3px;
    background: #1a1a1a;
	border: 1px solid #2c2c2c;
}

.border-fix {
    padding: 3px;
    background: #1a1a1a;
    border: 1px solid #2c2c2c;
}

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

.shead {
	background: #009688;
	color: #ffffff;
	border-bottom: 2px solid #01544d;
	border-top: 1px solid #505050;
	padding: 10px;
}

.thead {
	background: #009688;
	color: #ffffff;
	border-bottom: 0px solid #000;
	padding: 10px;
	text-shadow: none;
}

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

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

.thead a:hover,
.thead a:active {
	color: #ccc;
	text-decoration: none;
}

.tcat {
	    background: #1a1a1a;
    border-top: 1px solid #303030;
    border-bottom: 1px solid #000;
    padding: 6px 10px;
    font-size: 12px;
}

.tcat a:link,
.tcat a:visited,
.tcat a:hover,
.tcat a:active {
	color: #979797;
}

.tbottom {
    height: 3px;
    padding: 0;
    background: #009688;
}

.trow1, .trow2 {
	background: #252525;
	border-top: 1px solid #303030;
	border-bottom: 1px solid #0f0f0f;
}

.trow3 {
    background: #252525;
    border-top: 1px solid #303030;
    border-bottom: 1px solid #0f0f0f;
}

.trow_shaded {
	background: #303030;
}

.trow_sep {
	background: #202020;
	border-top: 1px solid #303030;
	border-bottom: 1px solid #0f0f0f;
	font-size: 12px;
	font-weight: bold;
}

.no_bottom_border {
	border-bottom: 0;
}

.post.unapproved_post {
	background: #ffdde0;
}

.post.unapproved_post .post_author {
	border-bottom-color: #ffb8be;
}

.post.classic.unapproved_post .post_author {
	border-color: #ffb8be;
}

.post.unapproved_post .post_controls {
	border-top-color: #ffb8be;
}

.trow_deleted,
.post.deleted_post {
	background: #E8DEFF;
}

.trow_selected,
tr.trow_selected td {
	    background: rgba(255, 0, 0, 0.1);
    padding: 10px !important;
}

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

.tfoot {
	background: #009688;
	border-top: 1px solid #303030;
	border-bottom: 1px solid #000;
	padding: 8px;
	
	font-size: 12px;
}

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

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

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

.navigation {
    background: #1a1a1a;
    list-style: none;
    overflow: hidden;
    margin: auto;
    padding: 0;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webit-border-radius: 2px;
    -khtml-border-radius: 2px;
}

.navigation a:link,
.navigation a:visited,
.navigation a:hover,
.navigation a:active {
	text-decoration: none;
}

.navigation .active {
	color: #fff;
	font-size: small;
}

.smalltext {
	font-size: 12px;
}

.largetext {
	font-size: 16px;
	font-weight: bold;
}

fieldset {
	padding: 12px;
	border: 1px solid #404040;
	margin: 0;
}

fieldset.trow1,
fieldset.trow2 {
	border-color: #404040;
}

fieldset.align_right {
	text-align: right;
}

input.textbox {
	background: #292929;
	color: #A1A1A1;
	border: 1px solid #414141;
	padding: 5px;
	outline: 0;
	font-size: 13px;
	font-family: 'Roboto', sans-serif;
}

input.textbox:focus {
	border: 1px solid #01544d;
}

textarea {
	background: #292929;
    border: 1px solid #414141;
	color: #A1A1A1;
	padding: 2px;
	line-height: 1.4;
	outline: 0;
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
}

textarea:focus {
	border: 1px solid #01544d;
}

select {
	background: #292929;
    border: 1px solid #414141;
	padding: 5px;
    color: #A1A1A1;
	outline: 0;
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
}

select:focus {
    border: 1px solid #2F862C;
}

button,
input.button {
	padding: 6px 16px;
	cursor: pointer;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	background: #01544d;
	border: none;
	color: #FFF;
	outline: 0;
}

button:hover,
input.button:hover {
	background: #02776d;
	color: #fff;
}

form {
	margin: 0;
	padding: 0;
}

input.error, textarea.error, select.error {
	border: 1px solid #f30;
	color: #f30;
}

input.valid, textarea.valid, select.valid {
	border: 1px solid #01544d;
}

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

form #message {
    width: 500px;
}

.editor {
	background: #f1f1f1;
	border: 1px solid #ccc;
}

.editor_control_bar {
	background: #202020;
	border: 1px solid #303030;
}

.post .editor_control_bar {
	background: #f5f5f5;
}

.popup_menu {
	background: #fff;
	border: 1px solid #ccc;
}

.popup_menu .popup_item {
	background: #efefef;
	color: #333;
}

.popup_menu .popup_item:hover {
	background: #0072BC;
	color: #fff;
}

.trow_reputation_positive {
background: rgba(0, 128, 0, 0.25)
}

.trow_reputation_negative {
background: rgba(255, 0, 0, 0.25)
}

.reputation_positive{
color:green;
}

.reputation_neutral{
color:#999;
}

.reputation_negative{
color:red;
}

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

._neutral{
background-color:#999;color:white;border:1px solid #999;border-radius:2px;
}

._minus{
background-color:red;color:white;border:1px solid red;border-radius:2px;
}

._plus{
background-color:green;color:white;border:1px solid green;border-radius:2px;
}

img {
	border: none;
}

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

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

.clear {
	clear: both;
}

.float_left {
	float: left;
}

.float_right {
	float: right;
}

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

.hiddenrow {
	display: none;
}

.selectall {
	background: #FFFBD9;
	border-bottom: 1px solid #F7E86A;
	color: #333;
	text-align: center;
}

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

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

blockquote {
    background: #202020 none repeat scroll 0 0;
    border-left: 3px solid #009688;
	border-right: 1px solid #303030;
	border-top: 1px solid #303030;
	border-bottom: 1px solid #303030;
    margin: 0;
    padding: 10px;
}

.codeblock .title, blockquote cite {
    border-bottom: 1px solid #303030;
    margin: 0 0 10px;
}

blockquote cite {
    display: block;
    font-style: italic;
    font-weight: 500;
    padding-bottom: 5px;
}

blockquote cite span {
    color: #a0a0a0;
    float: right;
    font-size: 12px;
    font-weight: 400;
}

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

.codeblock {
    background: #202020 none repeat scroll 0 0;
    padding: 10px;
}

.codeblock .title {
    font-weight: 500;
    padding-bottom: 3px;
}

.codeblock code {
    display: block;
    font-family: Hack,"Open Sans",sans-serif;
    font-size: 13px;
    height: auto;
    max-height: 200px;
    overflow: auto;
}

.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: 4px;
	white-space: nowrap;
	text-decoration: none;
}

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

.subject_new {
	font-weight: bold;
}

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

.pm_alert {
	background:#2F862C;
	text-align:center;
	margin-bottom: 5px;
	padding:10px;
	font-size:12px;
	color:#fff
}

.pm_alert a {
	color:#fff
}

.red_alert {
	background:#921515;
	text-align: center;
    margin-bottom: 5px;
    word-wrap: break-word;
	padding:10px;
	font-size:12px;
	color:#fff!important
}

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

.high_warning {
	color: #CC0000;
}

.moderate_warning {
	color: #F3611B;
}

.low_warning {
	color: #AE5700;
}

.online {
	color: #15A018;
}

.offline {
	color: #C7C7C7;
}

div.error {
	padding: 5px 10px;
	border-top: 2px solid #FFD324;
	border-bottom: 2px solid #FFD324;
	background: #FFF6BF;
	font-size: 12px;
}

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

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

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

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

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

.pagination .pages {
	font-weight: 500;
}

.pagination .pagination_current, .pagination a {
	padding: 5px 10px;
  	margin-bottom: 3px;
}

.pagination a {
background:#444;color:#fff
}

.pagination .pagination_current {
background:#009688;color:#fff
}

.pagination a:hover{
background:#555;text-decoration:none
}

.drop_go_page {
	background: #444;
	padding: 4px;
}

.pagination_breadcrumb {
	background-color: #222;
	border: 1px solid #333;
	outline: 1px solid #ccc;
	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;
}

.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;
	margin-top: 7px;
}

.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;
}

#posts_container {
	padding: 0;
}

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

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

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

/* post shit */

.post {
	overflow: hidden;
}

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

.post .post_author {
	padding: 5px;
	overflow: hidden;
}

.post_author {
	float: left;
    margin: 0px 0 15px 0;
    border-left: 0;
    padding: 0 10px;
    text-align: center;
}

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

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

.post_author div.author_information {
	float: none;
	padding: 0;
	text-align: center;
}

.post_author div.author_statistics {
	margin: 6px 0 0 0;
    padding: 6px 0px 6px 0px;
    float: none;
    width: 160px;
	font-size: 12px;
    font-family: 'Roboto';
	 color: #aaa;
    line-height: 1.4;
}

.author_awards img {
	display: inline-block;
    float: left;
	width: 24px;
    height: 24px;
	margin:2px 4px;
}

.post .post_head {
	font-size: 11px;
	padding-bottom: 4px;
	margin-bottom: 4px;
}

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

.post .post_head span.edited_post {
	font-size: 10px;
	color: #ccc;
}

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

.post_body {
	font-size: 14px;
	padding: 12px 0;
}

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

.post_content {
}

.post_content .signature {
	margin-top: 5px;
	border-top: 1px solid #2f2f2f;
	padding: 10px 0 4px 0;
}

.post .post_meta {
	margin: 4px 0;
	font-size: 11px;
	color: #ccc;
}

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

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

.post_controls {
	clear: both;
	background: #202020;
    border-top: 1px solid #303030;
	padding: 8px;
	overflow: hidden;
}

.postbit_buttons > a:link,
.postbit_buttons > a:hover,
.postbit_buttons > a:visited,
.postbit_buttons > a:active {
	background: #009688;
	color: #fff;
	display: inline-block;
	padding: 4px 10px;
	margin: -10px 1px -3px 0px;
	text-transform: uppercase;
	text-shadow: none;
	
	font-size: 12px;
}

.postbit_buttons > a:hover {
	background: #01544d;
	color: #fff;
}

.postbit_buttons a span {
	display: inline-block;
	height: 16px;
	background-repeat: no-repeat;
}

.postbit_buttons a span {
	display: inline-block;
}

.postbit_buttons a.postbit_find:before, .postbit_buttons a.postbit_reputation_add:before, .postbit_buttons a.postbit_email:before, .postbit_buttons a.postbit_website:before, .postbit_buttons a.postbit_pm:before, .postbit_buttons a.postbit_quote:before, .postbit_buttons a.postbit_multiquote:before, .postbit_buttons a.postbit_edit:before, .postbit_buttons a.postbit_multiquote_on:before, .postbit_buttons a.postbit_edit:before, .postbit_buttons a.postbit_qdelete:before, .postbit_buttons a.postbit_qrestore:before, .postbit_buttons a.postbit_report:before, .postbit_buttons a.postbit_warn:before, .postbit_buttons a.postbit_purgespammer:before, .postbit_buttons a.postbit_reply_pm:before, .postbit_buttons a.postbit_reply_all:before, .postbit_buttons a.postbit_forward_pm:before, .postbit_buttons a.postbit_delete_pm:before {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    font-size: 11px;
    vertical-align: middle;
    padding-right: 0.5em;
    top: 10px;
    left: 0;
}

a.postbit_find:hover, .buddy_status {
  color: #FFF !important;
}

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

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

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

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

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

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

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

.postbit_buttons a.postbit_multiquote_on:before {
content: "\10d";
}

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

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

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

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

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

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

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

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

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

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

a.button:link,
a.button:visited,
a.button:active {
	background: #303030;
	color: #F62323;
	border: 0px;
	display: inline-block;
	padding: 10px 15px;
	margin: 2px 2px 6px 2px;
	
	font-size: 14px;
}

a.button:hover {
background: #F62323;
color: #FFF !important;
}

a.button.small_button {
	font-size: 13px;
	margin: 0;
	padding: 3px 6px;
}

a.button span {
	display: inline-block;
	    font-family: 'Roboto', Tahoma, Verdana, Arial, Sans-Serif;
}

a.button.new_thread_button:before, a.button.new_reply_button:before {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    font-size: 13px;
    vertical-align: middle;
    padding-right: 0.5em;
    top: 10px;
    left: 0;
}

a.button:link,
a.button:hover,
a.button:visited,
a.button:active {
	background: #009688;
	color: #fff;
	display: inline-block;
	padding: 8px 16px;
	margin: 2px -2px 6px 2px;
	font-size: 14px;
}

a.button:hover {
	background: #01544d;
	color: #fff;
}

a.button.small_button {
	font-size: 13px;
	margin: 0;
	padding: 3px 6px;
}

a.button span {
	display: inline-block;
	background-repeat: no-repeat;
}

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;
}

/* post shit */

.discussion-starter {
    background: #202020;
    border: 1px solid #303030;
    color: #009688;
    font-size: 12px;
    padding: 2px 6px;
    margin: -3px 10px 5px 10px;
	float:right;
}

.pollbar {
	background: #009688;
	height: 12px;
}

.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: #fff;
	font-size: 12px;
	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 **/

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

.jGrowl .jGrowl-notification,
.jGrowl .jGrowl-closer {
	background-color: #000;
	opacity: .85;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
	zoom: 1;
	width: 235px;
	padding: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 1em;
	text-align: left;
	display: none;
	border-radius: 5px;
}

.jGrowl .jGrowl-notification {
	min-height: 40px;
}

.jGrowl .jGrowl-notification,
.jGrowl .jGrowl-closer {
	margin: 10px;
}

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

.jGrowl .jGrowl-notification .jGrowl-close {
	z-index: 99;
	float: right;
	font-weight: bold;
	font-size: 1em;
	cursor: pointer;
}

.jGrowl .jGrowl-closer {
	padding-top: 4px;
	padding-bottom: 4px;
	cursor: pointer;
	font-size: .9em;
	font-weight: bold;
	text-align: center;
}

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


}

/** jGrowl End **/

/** Modal Start **/

.modal {
	display: none;
	width: 400px;
	text-align: left;
	background: #fff;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-o-border-radius: 8px;
	-ms-border-radius: 8px;
	border-radius: 8px;
	-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: 8px;
	-moz-border-radius: 8px;
	-o-border-radius: 8px;
	-ms-border-radius: 8px;
	border-radius: 8px;
}

/** Modal End **/

/** Impromptu Start **/

/*! jQuery-Impromptu - v5.2.4 - 2014-05-26
* http://trentrichardson.com/Impromptu
* Copyright (c) 2014 Trent Richardson; Licensed MIT */

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

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 .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;
}

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: 6px 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;
}

/* 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 */

		

.fbit-stat {
    font-size: 11px;
    text-transform: uppercase;
}

.fbit-statnum {
	    font-size: 16px;
		color: #009688;
	    text-shadow: 0px 1px 1px #080808;
    font-weight: 500;
}

.shit_1, .shit_5, .shit_7{
display: none;
}

#button-register {
        margin-right: 10px;
        background: #900000;
        -webkit-transition: background 0.5s ease;
        transition: background 0.5s ease;
        padding: 5px 12px;
        color: #fff;
        text-transform: uppercase;
   		font-size: 11px;
        border-radius: 2px;
}

#button-login {
        background: green;
        -webkit-transition: background 0.5s ease;
        transition: background 0.5s ease;
        padding: 5px 9px;
        color: #fff;
	    text-transform: uppercase;
   		font-size: 11px;
        margin-right: 5px;
        border-radius: 2px;
}

#button-login:hover, #button-register:hover {
background: #333;
}

Change:

background-position: unset; 

to

background-position: unset !important;

The files seem to have .gif extensions, can you verify that the icons in the /images/ directory also have gif extensions? Please note that file names are case sensitive.

(2016-09-10, 02:36 PM)SentoWeb Wrote: [ -> ]Change:

background-position: unset; 

to

background-position: unset !important;

The files seem to have .gif extensions, can you verify that the icons in the /images/ directory also have gif extensions? Please note that file names are case sensitive.

Yes. now all look fine. thanks u so much. i appreciate that.

I see you do not have A powerd by mybb In your footer.