MyBB Community Forums

Hello to all! I am new to mybb 1.8 version! and most of templates has been changed from 1.6.

[Image: gl6QsUz.png]
So how can i make those links with button background?

Thanks in advance.
All buttons have the same class, you can add background with css.
do you have any style? and how to do it? no idea...
What theme are you using? These should already be styled.
This is my global.css
@import url(http://fonts.googleapis.com/css?family=Oxygen:400,700);

img[src*="icons"] {
display:none !Important;
}

body {
 padding:0;
 margin:0;
 background-color:#191919;
 background-attachment: fixed;
 color:#c0c0c0;
 font-size:13px;
 text-align:left;
 font-family: 'Oxygen', sans-serif;
 animation: animatedBackground 10s linear infinite;
}

.theme_bg_color {
 background-color:#4973a3;
}

.theme_text {
 color:#4973a3;
}

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

a:hover, a:active {
 color:#4973a3;
}

a:hover .theme_text {
 color:#f5f5f5;
}

.top_panel > div, .header > div, .container, .footer{
 width:85%;
 margin:0 auto;
}

.top_panel {
 background-color:#202020;
 top:0;
 left:0;
 right:0;
 border-bottom:2px solid #4973a3;
 z-index:999;
}

.top_panel > div {
 padding:7px 0px;
}

.welcomeblock_avatar {
 display:inline-block;
 vertical-align:middle;
 margin-right:4px;
 height:22px;
 width:22px;
}

.welcomeblock_avatar + .welcomeblock_message {
 display:inline-block;
 vertical-align:middle;
}

.welcomeblock_right {
 position:relative;
 top:2px;
}

.welcomeblock_colorpicker {
 margin-left:4px;
}

.welcomeblock_colorpicker > a{
 padding:3px 5px;
 border-radius:2px;
 background-color:#333333;
}

.welcomeblock_right > a {
 margin-left:4px;
}

.header {
 padding:20px 0px;
}

.logo {
 display:inline-block;
}

.logo .smalltext{
 text-align:right;
 color:#f5f5f5;
}

.logo * {
 line-height:1;
}

.logo .logo_text {
 text-transform:uppercase;
 font-size:42px;
 color:#4973a3;
}

.navigation_menu {
 list-style:none;
 padding:0;
 margin:0;
 background-color:#1a1a1a;
}

.navigation_menu > li:not(.float_right) {
 float:left;
}

.navigation_menu > li > a {
 display:block;
 padding:14px 12px;
 text-transform:uppercase;
 font-size:11px;
}

.navigation_menu > li > a > i, .subnavigation_menu > li > a > i {
 margin-right:4px;
 vertical-align:middle;
 font-size:12px;
 display:inline-block;
 color:#4973a3;
}

.navigation_menu > li > a > i + span, .subnavigation_menu > li > a > i + span {
 display:inline-block;
 vertical-align:middle;
}

li.search_option_0 {
 display:none;
}

.subnavigation_menu {
 top:40px;
 left:0;
 opacity:0;
 list-style:none;
 padding:0;
 margin:0;
 border-radius:2px;
 z-index:-999;
 width:160px;
}

.subnavigation_menu, .popup_menu, .select2-drop {
  
 position:absolute;
 background-color: #1A1A1A;
 border: 2px solid rgba(240, 240, 240, 0.102);
 -webkit-transition: opacity .25s ease .1s;
 -moz-transition: opacity .25s ease .1s;
 -o-transition: opacity .25s ease .1s;
 -ms-transition: opacity .25s ease .1s;
 transition: opacity .25s ease .1s;
}

.navigation_menu > ul > li:hover .subnavigation_menu {
 opacity: 1;
 z-index:99;
}

.subnavigation_menu  > li > a, .popup_menu .popup_item_container a {
 display:block;
 text-transform:uppercase;
 padding:10px 7px;
 font-size:11px;
}

.subnavigation_menu > li:first-child, .popup_menu .popup_item_container:first-child{
 border-radius:1px 1px 0px 0px;
}

.subnavigation_menu > li:last-child, .popup_menu .popup_item_container:last-child, .select2-results .select2-highlighted:last-child{
 border-radius:0px 0px 1px 1px;
}

.subnavigation_menu > li > a > i {
 margin-right:4px;
 width:18px;
 text-align:center;
}

.subnavigation_menu  > li > a:hover, .popup_menu .popup_item_container a:hover, .select2-results .select2-highlighted {
 background-color:rgba(0, 0, 0, 0.200);
}

.index_page .breadcrumb {
 display:none;
}

.breadcrumb {
 margin:8px 0px;
}

.breadcrumb_sep:before {
 content: "\f105";
 font-family: "FontAwesome";
 margin: 0px 3px;
 vertical-align: middle;
}

.container, .footer{
 background-color:#202020;
 border: 4px solid #292929;
}

.container {
	width: 90%;
	border-bottom: none;
}

.container > div:not(.navigation_menu) {
 padding:10px 8px 0px 8px;
}

.lower_menu {
 margin-top:4px;
}

.footer {
	width: 90%;
	margin-bottom: 15px;
	border-top: none;
	padding-top: 14px;
	border-radius: 0px 0px 2px 2px;
}

.footer .column {
 float:left;
 box-sizing:border-box;
 vertical-align:top;
}

.footer .column {
 width:20%;
}

.footer .column:first-child {
 padding-left:8px;
}

.footer .column:first-child .column_title{
 position:relative;
}

.footer .column:first-child .column_title span {
 position:absolute;
 content:"";
 height:4px;
 width:8px;
 left:-8px;
 bottom:-4px;
 display:block;
 background-color:#4973a3;
}

.footer .column > .column_title {
 font-size:15px;
 text-transform:uppercase;
 padding-bottom:5px;
 margin-bottom:8px;
 color:#4973a3;
 border-bottom:4px solid #4973a3;
}

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

.footer .column ul > li {
 padding:4px 0px;
}

.footer .column:not(#uid_0) ul.user_guest {
 display:none;
}

.footer .column:not(#uid_0) ul.user_registered {
 display:block;
}

.footer .column[id="uid_0"] ul.user_guest {
 display:block;
}

.footer .column[id="uid_0"] ul.user_registered {
 display:none;
}

.footer .column ul > li > a > i {
 width:26px;
 text-align:center;
 margin-right:4px;
 display:inline-block;
 vertical-align:middle;
}

.footer .column ul > li > a > span {
 display:inline-block;
 vertical-align:middle;
}

.copyright {
 padding:10px;
 margin-top:10px;
 background-color:#1a1a1a;
 border-radius:0px 0px 1px 1px;
}

.tborder {
 border:8px solid #1A1A1A;
 border-radius:2px;
}

.thead {
 background-color:#4973a3;
 border-radius:1px 1px 0px 0px;
 color:#f5f5f5;
}

.thead a:link, .thead a:visited {
 color:#f5f5f5;
}

.thead a:hover, .thead a:active {
 color:rgba(0, 0, 0, 0.500);
}

.thead strong:first-child {
 text-transform:uppercase;
 font-size:12px;
}

.trow1, .trow2 {
 border-bottom: 1px solid #1A1A1A;
 border-top: 1px solid #2F2F2F;
}

*[class*="trow_reputation"] {
 position:relative;
 padding-left:10px !important;
}

*[class*="trow_reputation"]:after {
 height:100%;
 width:2px;
 content:"";
 top:0;
 left:0;
 position:absolute;
}

.trow_reputation_negative:after {
 background-color:#D03838;
}

.trow_reputation_positive:after {
 background-color:#196A24;
}

.trow_shaded {
 background-color: #323300;
}

.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: rgba(255, 0, 0, 0.100);
}

.trow_selected,
tr.trow_selected td {
 background: #2A2A2A;
}

.tcat, .trow_sep {
 background-color:#1A1A1A;
 border-bottom: 1px solid #1A1A1A;
 text-transform:uppercase;
}

.tfoot {
 padding:7px 4px;
 border-radius:0px 0px 1px 1px;
 background-color:#1A1A1A;
}

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

.hiddenrow {
 display: none;
}

.selectall {
 text-align: center;
}

table td[class*="trow"] {
 
  padding:9px 5px;
}

.tcat {
 padding:7px;
}

.tfoot, .thead {
 padding:8px 6px;
}

.largetext {
 font-size:15px;
}

.mediumtext {
 font-size:13px;
}

.smalltext, .tcat .smalltext, .trow_sep, .tcat {
 font-size:12px;
}

.expcolimage {
 float:right;
 position:relative;
 right:4px;
}

.forum_status {
 background-color: #1A1A1A;
 border: 1px solid currentColor;
 border-radius: 2px;
 font-size: 14px;
 padding: 4px 0px;
 width:24px;
 display:inline-block;
}

.forum_status:before {
 font-family:"FontAwesome";
 content: "\f15a";
}

.forum_status.forum_on {
 color: #4973a3;
}

.forum_status[id*="_2"]:before {
 content: "\f0fc";
}

.forumbit_stats .theme_text {
 float:left;
}

.subforumicon {
 height: 10px;
 width: 10px;
 position:relative;
 top:1px;
 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;
}

.boardstats_icon {
 font-size:20px !important;
}

.expcolimage i:before {
 font-family:"FontAwesome";
 content: "\f276";
 font-style:normal;
}

.expcolimage i {
 display:inline-block;
 transform: rotate(90deg);
 cursor:pointer;
}

.expcolimage i[title="+"] {
 transform: rotate(180deg);
}

.red_alert {
 padding:10px 6px;
 border-radius:2px;
 margin-bottom:14px;
 text-align:center;
 background-color:#D03838;
}

.pm_alert {
 text-align:center;
 border-radius:2px;
 padding:10px 6px;
 background-color:#202020;
 border: 1px solid #FFFFFF;
}

div.error {
 padding:4px 6px;
 background-color:#D03838;
 border-radius:2px;
 color:#f5f5f5;
}

.highlight {
 background: none repeat scroll 0 0 #ffffcc;
 border-radius: 3px;
 margin: 1px;
 padding: 2px;
}

.high_warning {
 color: #D03838;
}

.moderate_warning {
 color: #D17838;
}

.low_warning {
 color: #D1BF38;
}

form input.error, ._minus {
 border-color:#D03838;
 background-color: rgba(209, 56, 56, 0.200);
}

form input.valid,  ._plus {
 border-color:#196A24;
 background-color: rgba(56, 209, 77, 0.200);
}

form label.error, form label.valid{
 padding-top:6px;
 display:block;
 font-size:11px;
}

form label.valid, .reputation_positive, .online, ._plus {
 color:#196A24;
}

form label.error, .reputation_negative, ._minus {
 color:#D03838;
}

.repbox {
 padding:4px 6px;
 border-radius:2px;
}

._neutral {
 border:1px solid #c0c0c0;
 color:#c0c0c0;
 background-color:#262626;
}

blockquote {
 padding:8px;
 margin-left:0px;
}

blockquote, .codeblock{
 border:1px solid #3C3C3C;
 border-radius:2px;
 background:#2a2a2a;
 word-break: break-all;
}

blockquote cite{
 border-bottom:1px solid #3C3C3C;
 font-style:normal;
 display:block;
 padding-bottom:4px;
 margin:0 0 10px 0;
 text-transform:uppercase;
}

blockquote cite:before{
 content:"\f10d"
}

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

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

.codeblock .title:before, blockquote cite:before{
 font-family:"FontAwesome";
 vertical-align:middle;
 display:inline-block;
 margin-right:4px;
}

.codeblock .title:before{
 content:"\f121"
}

.phpcodeblock .title:before{
 content:"\f126"
}

.codeblock .title{
 border-bottom:1px solid #3C3C3C;
 padding-bottom:3px;
 padding:10px;
 text-transform:uppercase;
}

.codeblock .body{
 padding:8px;
}

.codeblock code{
 overflow:auto;
 height:auto;
 max-height:200px;
 display:block;
}

.quick_jump {
 display: inline-block;
 margin-left: 4px;
 vertical-align: middle;
}

.quick_jump:before {
 content:"\f08e";
 font-family: FontAwesome;
}

.postbit_body form textarea[id*="quickedit_"] {
 margin: 3px 0;
}

.postbit_body form textarea[id*="quickedit_"] ~ button {
 margin: 3px 5px 3px 0;
}

select {
 font:inherit;
}

.subject_editable form input {
 display:inline-block;
 width:auto !important;
 height:auto !important;
}

.subject_editable form {
 display:inline-block;
}

body[contenteditable] {
/*Sceditor iframe workround*/
 background-color: #232323;
 background-image:none !Important;
}

.textbox .textbox {
 border-width:0px;
 background:none !Important;
}

.select2-container.textarea, textarea, select, input[type="text"], input[type="password"], .textbox, .sceditor-container iframe, .sceditor-container textarea, .subject_editable form input {
 background-color: #232323;
 background-image: none;
 border: 1px solid #383838;
 border-radius: 2px;
 box-sizing: border-box;
 color:#f5f5f5;
 font: inherit;
 padding: 3px;
}

textarea:focus, select:focus, input[type="text"]:focus, input[type="password"]:focus, .textbox:focus, .subject_editable form input:focus {
 border-color:#4973a3;
}

.pagination > *:not(script) {
 margin-right:2px;
 border-radius:2px;
 display: inline-block;
 padding: 0px 8px;
 height:22px;
 line-height:22px;
}

.pagination > .pagination_current {
 color:#f5f5f5 !important;
}

.drop_go_page {
 padding:4px 6px !important;
 border-radius:2px;
 height:auto !important;
 line-height:normal !important;
}

.pagination > * > i {
 line-height:inherit;
}

.postbit_button {
	display: inline-block;
padding: 2px 5px;
margin: 2px;
font-size: 11px;
background: url("images/buttons_bg.png") repeat-x scroll 0% 0% #EEE;
   border: 1px solid #CCC;
color: #555;
}

a.button, .button, input[type="submit"]:not(.label), .postbit_body form textarea[id*="quickedit_"] ~ button, .jqibuttons button {
	color: #8a8a8a;
	padding: 5px 5px;
	background-image: none;
	background-color: #2e2e2e;
	border-radius: 2px;
	border: 1px solid #272727;
}

.sceditor-group {
 font-size:13px;
}

.sceditor-group, .pagination > *:not(script):not(.pages), .threadbit_pagination > a, a.button, .button, input[type="submit"]:not(.label), .postbit_body form textarea[id*="quickedit_"] ~ button, .jqibuttons button, .postbit_button {
 background-image:none;
 background-color:#2e2e2e;
 border-radius:2px;
 border:1px solid #272727;
 color:#8a8a8a;
}

.pagination > *:hover:not(script):not(.pages), .threadbit_pagination > a:hover, a.button:hover, .button:hover, input[type="submit"]:hover:not(.label), .postbit_body form textarea[id*="quickedit_"] ~ button:hover, .jqibuttons button:hover, .postbit_button:hover {
 background-color:#181818;
 cursor:pointer;
}

.sceditor-container {
 background-color: #1A1A1A;
 border: 2px solid #272727;
 border-radius: 2px;
 padding:8px;
}

fieldset, fieldset[class*="trow"] {
 border-radius:2px;
 border:1px solid #2a2a2a;
 background-color:#1E1E1E;
}

fieldset legend strong, fieldset legend {
 font-weight:400;
}

fieldset legend {
 padding:4px 6px;
 border-radius:2px;
 border:1px solid #2a2a2a;
 background-color:#1E1E1E;
}

#posts *[class*="trow"] {
 padding:4px 6px;
}

.post .rowbit {
 padding:4px 6px;
 border-radius:2px;
 margin-bottom:6px;
 background-color: #1A1A1A;
}

.post .rowbit table td {
 padding:0;
}

.postbit_footer {
	padding: 4px 0px;
}

.postbit .postbit_avatar img{
 padding-right:8px;
 display:inline-block;
}

.postbit_classic .postbit_title {
 padding-bottom: 4px;
}

.postbit_classic .postbit_avatar {
 text-align: center;
 margin:3px 0px;
}

.postbit_classic .postbit_author {
 background-color: #1A1A1A;
 border-radius: 2px;
 box-sizing: border-box;
 padding: 6px 8px;
 width: 185px;
}

.postbit_classic .postbit_content {
 padding-left:205px;
}

.postbit_author_details {
 margin: 10px auto;
 text-align: left;
 width: 146px;
}

.postbit_author_details > span {
 display: block;
 padding: 3px 0;
}

.edited_post {
 text-align:right;
 font-size:11px;
 padding:8px 2px;
 display:block;
}

.block {
 display:block;
}

.inline-block {
 display:inline-block;
}

.none, .hide {
 display:none;
}

.relative_position {
 position:relative;
}

hr {
 margin:10px auto;
 background-color:#313131;
 color:#313131;
 width:33%;
}

img {
 vertical-align:middle;
}

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

.modal .tborder {
 background: #202020;
}

.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.gif) #111 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;
 width:400px;
 background: #000;
}

div.jqi {
 background: #202020;
}

div.jqi .jqimessage {
 padding: 20px;
}

div.jqi .jqibuttons {
 text-align:right;  
 padding:6px 8px;
}

div.jqi .jqibuttons > button {
 margin-left:6px;
}

.jqi form {
 position:relative;
}

div.jqi:before {
 background-color:#f1f1f1;
 display:block;
 padding:4px 6px;
 width:100%;
 color:inherit;
 box-sizing:border-box;
 content:"Confirm your action";
}

div.jqi .jqiclose {
 position:absolute;
 top:6px;
 right:6px;
 z-index:555;
 cursor:pointer;
 font-size:0px;
}

div.jqi .jqiclose {
 display: inline-block;
 float: right;
 font-size:0px;
 position:relative;
 top:-20px;
 right:8px;
}

div.jqi .jqiclose:before {
 content:"\f00d";
 font-size:13px;
 display: inline-block;
 font-family: 'FontAwesome';
}

.pollbar {
 background-color:#2a2a2a;
 padding:4px;
 border-radius:2px;
}

.pollbar .percent {
 font-size:0px;
 display:block;
 margin:2px 0px;
 border-radius:2px;
 background-color:#4973a3;
}

.modal input.textbox {
 background-color:#1C1C1C;
}

.profile_header {
 height:80px;
 background-image:url(images/crypto/body_bg_4.png);
 background-color:#161616;
 border-bottom:2px solid #4973a3;
}

.profile_sidebar {
 float:left;
 width:180px;
 padding:12px 8px;
 border-radius:2px 2px 0px 0px;
 text-align:center;
 box-sizing:border-box;
 background-color:#202020;
 position:relative;
 top:-26px;
 left:12px;
}

.profile_sidebar .inner_box {
 position:absolute;
 top:0;
 left:0;
 right:0;
 display:block;
 border-radius:2px 2px 0px 0px;
 height:24px;
 border:2px solid #4973a3;
 border-bottom:none;
}

.profile_sidebar > *:not(.inner_box) {
 padding:5px 0px;
}

.profile_tabs > a.active_tab {
 color:#4973a3;
}

.profile_tabs > a {
 display:block;
 margin:5px 0px;
 padding:4px 6px;
 border-radius:2px;
 text-align:left;
 text-transform:uppercase;
 font-size:11px;
 background-color:#1a1a1a;
}

.profile_tabs > a > i {
 width:22px;
 margin-right:6px;
 text-align:center;
 vertical-align:middle;
}

.profile_tabs > a > span {
 vertical-align:middle;
 display:inline-block;
}

.profile_container {
 margin-left:194px;
 margin-top:10px;
}

.profile_stats {
 list-style:none;
 padding:0;
 margin-bottom:10px;
}

.profile_stats > li {
 float:left;
 width:19%;
 margin-right:0.5%;
 margin-left:0.5%;
 border-radius:2px;
 background-color:#1a1a1a;
 text-align:center;
 box-sizing:border-box;
 padding:10px 0px;
}

.profile_stats > li > span {
 font-size:14px;
 margin-bottom:3px;
 display:block;
}

.profile_container div[id*="tab_"]:not(#tab_profile-1) {
 display:none;
}

.profile_quick_links {
 float:right;
 padding:6px 8px;
 border-radius:2px;
 background-color:#202020;
 top:18px;
 right:10px;
 position:relative;
}

.profile_quick_links > a {
 margin:0px 2px;
 text-align:center;
 padding:6px 0px;
 width:34px;
 display:inline-block;
 background-color:#1a1a1a;
 border-radius:2px;
 font-size:14px;
 vertical-align:middle;
}

.profile_overview {
 display: inline-block;
 font-size: 18px;
 left: 10px;
 margin: 0px auto;
 position: relative;
 text-align: center;
 top: 20px;
 width: 188px;
}

.sceditor-insertvideo, .sceditor-dropdown {
position:absolute;
}


}

.sceditor-dropdown > * > * {
display:block;
}


}

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

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

display-inline-block;
}
Can you provide a link to your forums please.
Please anyone can help me on this issue?
Nasyr asked for a link to your forum as he was trying to help, if we have this we can see why they're not currently styled, because they should be.
i have the same issue -> www.linguisten.de
Zakendavi

chack1172

Zakendavi

Matt

Zakendavi

Nasyr

Zakendavi

Matt

linguist
