Como colocar quem esta conectado organizado

Qual é minha questão:
Como colocar quem está conectado como deste fórum:
http://www.rb-forum.net/forum

Medidas que eu tomei para corrigir o problema:
.

Links e imagens do meu problema:
.

Endereço do meu fórum:
http://hightech.forumeiro.com

Versão do meu fórum:
PHPBB3

Tente adicionar este código em sua Folha de estilo CSS

Código:

.pun div, .pun td, .sig-line {
border-color: ##DDD;
color: ##DDD;
x-shadow: 1px 1px 9px;
}
.pun div, .pun td, .sig-line {
border-color: ##DDD;
color: ##DDD;
}
.conteneur-menu .onglets li {
float: left;
list-style: none;
}
.conteneur-menu .onglets li a.active {
background: #D0E1F7 url(IMAGEM-DO-BOTÃO-AQUI) repeat-x bottom;
border: 1px solid white;
color: #222;
}
.conteneur-menu .onglets li a {
-moz-text-shadow: 1px 1px 1px #fff;
-webkit-text-shadow: 1px 1px 1px #fff;
background: #E9E9E9 url(IMAGEM-DO-BOTÃO-AQUI) repeat-x bottom;
border-bottom: 1px solid #F3F5F7;
border: 1px solid #EEE;
color: #6B6B6B;
display: block;
font-family: Arial;
font-size: 12px;
font-weight: 700;
padding: 7px 0;
text-align: center;
text-decoration: none;
text-shadow: 1px 1px 1px white;
width: 150px;
}
.pun div, .pun td, .sig-line {
border-color: ##DDD;
color: ##DDD;
x-shadow: 1px 1px 9px;
}
.pun a:visited {
color: #4E6A97;
text-decoration: none;
}
.pun a:link {
color: #4E6A97;
text-decoration: none;
}

Olá, lamento, mas não será possivel para sua versão.

Cordialmente.

Olá
Estou produzinho um tema PunBB

Até mais

Olá, no caso, para o tema PUNBB aceda ao seu Painel de Controle Visualização Templates Geral index_body

substitua todo o código do templante index_body pelo código abaixo.

Código:

{JAVASCRIPT}
<!-- BEGIN switch_user_logged_in -->
<div id="pun-visit" class="clearfix">
  <ul>
        <li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a></li>
        <li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></li>
      <li><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a></li>
      <li><a href="{U_MARK_READ}">{L_MARK_FORUMS_READ}</a></li>
  </ul>
  <p>{LOGGED_AS}. {LAST_VISIT_DATE}</p>
</div>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_user_logged_out -->
<div id="pun-visit">
  <p>{L_NOT_CONNECTED} {L_LOGIN_REGISTER}</p>
</div>
<!-- END switch_user_logged_out -->

<!-- BEGIN message_admin_index -->
<div class="main">
  <!-- BEGIN message_admin_titre -->
  <div class="main-head">
      <h1 class="page-title">{message_admin_index.message_admin_titre.MES_TITRE}</h1>
  </div>
  <!-- END message_admin_titre -->

  <!-- BEGIN message_admin_txt -->
  <div id="pun-announcement">
      <p>{message_admin_index.message_admin_txt.MES_TXT}</p>
  </div>
  <!-- END message_admin_txt -->
</div>
<!-- END message_admin_index -->

<!-- BEGIN switch_user_login_form_header -->
<div class="main">
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
  <div class="user_login_form main-box center">
      <label><span class="genmed">{L_USERNAME} :</span> <input class="post" type="text" size="10" name="username" /></label> 
      <label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password" /></label> 
      <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label> 
      {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
      <!-- BEGIN switch_fb_connect -->
      <span class="fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
      <fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>
      <!-- END switch_fb_connect -->
  </div>
</form>
</div>
<!-- END switch_user_login_form_header -->

{CHATBOX_TOP}
{BOARD_INDEX}





<!-- BEGIN disable_viewonline -->






    <div *="">
<div id="menu_onglet">
      <div class="conteneur-menu">

  <div>
    <table width="100%" bordercolor="#4964FF" cellspacing="4" cellspanding="0">
      <tr>
        <td>
         
 

<ul class="onglets">
          <li>
            <a href="#" class="active">Grande Down</a>
          </li>
          <li>
            <a href="#" class="">Quem esteve aqui</a>
          </li>
          <li>
            <a href="#" class="">Aniversariantes</a>
          </li>
          <li>
            <a href="#" class="">Grupos</a>
          </li>
          <li>
            <a href="#" class="">Creditos</a>
          </li>
        </ul>


  </td>
      </tr>
      <tr>
      <td align="left">
        <table class="table1" width="100%" border="0" cellspacing="0" cellspanding="0">
          <tr>
            <td class="main-content" style="padding:5px;">


<div style="align: center">
  <script language="javascript" type="text/javascript" src="http://s3.archive-host.com/membres/up/1696114791/java/jquery-re_142.js"></script>
  <script language="javascript" type="text/javascript" src="http://s3.archive-host.com/membres/up/1696114791/menu_libre_service_1/a.js"></script>
 


      <!--menu original-->




        <div class="conteneur-ouvrir" style="display: block; ">
          <div class="ton_contenu">
         

            <!--Estatisticas-->

                  <span class="gensmall">
                   
                    <p>{TOTAL_POSTS}</p>                   
                    <p>{RECORD_USERS}</p>
                    <p>{TOTAL_USERS}</p>
                  </span>
                  <br />
      <!--Online-->

                 
                 
                        <!-- BEGIN switch_viewonline_link -->
                        <b><a href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></b>
                          <br />
                        <!-- END switch_viewonline_link -->
                          {LOGGED_IN_USER_LIST}
                 
                        <!-- BEGIN switch_viewonline_nolink -->
                          {L_WHO_IS_ONLINE}
                        <!-- END switch_viewonline_nolink -->
                   
                          {TOTAL_USERS_ONLINE}
                             
         
                    <!--Ultimo Usuario-->   

<span class="gensmall" style"color:#2f2f2f !important;">{NEWEST_USER}</span>
       


             
          </div>
        </div>
                     
        <div class="conteneur-ouvrir" style="display: none; ">
          <div class="ton_contenu">
            <table width="100%" border="0" cellspacing="2" cellpadding="2">
              <tbody>
                <tr>
                  <td class="cellule_1">                 
                   
                 
                             
        <!--24 horas-->
            <span class="gensmall">
                    {L_ONLINE_USERS}
                    {L_CONNECTED_MEMBERS}<br />
                    <div class="clear"></div>
                  </span>


                           
                 
                  </td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>
                     
        <div class="conteneur-ouvrir" style="display: none; ">
          <div class="ton_contenu">
            <table class="table_1" width="100%" border="0" cellspacing="2" cellpadding="2">
              <tbody>
                <tr>
                  <td class="cellule_1">
                                         

        <!--Aniversariantes-->
            <span class="gensmall">
                    {L_WHOSBIRTHDAY_TODAY}
                    {L_WHOSBIRTHDAY_WEEK}
                </span>
                   
                  </td>
                </tr>
              </tbody>
            </table>
          </div>
          </div>
                     
          <div class="conteneur-ouvrir" style="display: none; ">
            <div class="ton_contenu">
             


      <!--Grupos-->
                <span class="gensmall">
              <font color="#fff">{GROUP_LEGEND}</font>
          </span>
                   

            </div>
          </div>
           
          <div class="conteneur-ouvrir" style="display: none; ">
            <div class="ton_contenu">
              <table width="100%" border="0">
                <tbody>
                  <tr>
                    <td>
   
                     
                    <!--Créditos--> 
                     
                      Em construção...
                     
                     
                    </td>
                    </tr>
                  </tbody>
                  </table>
                </div>
                </div>
              </div>


 


 </td></tr></table></td></tr></table>
</div>

            </div>
         
  </div>
</div>


         
         
      <!-- BEGIN switch_chatbox_activate -->
      <div id="onlinechat">
        <p class="page-bottom">
        {TOTAL_CHATTERS_ONLINE} :
        {CHATTERS_LIST}<br />
        <!-- BEGIN switch_chatbox_popup -->
            <div id="chatbox_popup"></div>
            <script type="text/javascript">
              insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
            </script>
        <!-- END switch_chatbox_popup -->
        </p>
      </div>
      <!-- END switch_chatbox_activate -->
  </div>
</div>
<!-- END disable_viewonline -->



<!-- BEGIN switch_user_login_form_footer -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
  <div class="user_login_form main-box center">
      <label><span class="genmed">{L_USERNAME} :</span> <input class="post" type="text" size="10" name="username"/></label> 
      <label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password"/></label> 
      <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label> 
      {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
      <!-- BEGIN switch_fb_connect -->
      <span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
      <fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>
      <!-- END switch_fb_connect -->
  </div>
</form>
<!-- END switch_user_login_form_footer -->

{CHATBOX_BOTTOM}

<!-- BEGIN switch_legend -->
<ul id="pun-legend">
  <li>
      <img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /> {L_NEW_POSTS}
      <img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /> {L_NO_NEW_POSTS}
      <img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /> {L_FORUM_LOCKED}
  </li>
</ul>
<!-- END switch_legend -->

{AUTO_DST}

<!-- BEGIN switch_fb_index_login -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({
  appId: '{switch_fb_index_login.FACEBOOK_APP_ID}',
    status: true,
    cookie: true,
    xfbml: true,
  oauth: true
});
//]]>
</script>
<!-- END switch_fb_index_login -->

Agora vá até sua folha de estilos CSS, e cole o seguinte código...

Código:

div * {margin: 0;padding: 0;}
.conteneur-menu {font-family: Arial;}
.conteneur-menu .onglets li {float: left;list-style: none;}
li {display: list-item;
text-align: -webkit-match-parent;}
.conteneur-menu .onglets li a {
-moz-text-shadow: 1px 1px 1px #fff;
-webkit-text-shadow: 1px 1px 1px #fff;
background: #E9E9E9 url(IMAGEM-DO-BOTÃO-AQUI) repeat-x bottom;
border-bottom: 1px solid #F3F5F7;
border: 1px solid #EEE;
color: #6B6B6B;
display: block;
font-family: Arial;
font-size: 12px;
font-weight: 700;
padding: 7px 0;
text-align: center;
text-decoration: none;
text-shadow: 1px 1px 1px white;width: 150px;}
.conteneur-menu .onglets li a.active {
background: #D0E1F7 url(IMAGEM-DO-BOTÃO-AQUI) repeat-x bottom;
border: 1px solid white;color: #222;}
.texte_1 {color: #485470;font-family: Arial;font-size: 13px;font-style: italic;}
.titre_4 {color: #24478E;margin-bottom: 5px;
font-family: Arial;font-size: 14px;font-style: italic;font-weight: 700;}

Você poderá alterar os botões de seu menu, trocando onde esta escrito no CSS "IMAGEM-DO-BOTÃO-AQUI" por uma imagem de um botão de sua preferencia.

Cordialmente.

MateusV.
No template ficou normal, mas no css apareceu a seguinte mensagem

Erro detectado
Nós contamos um número diferente de "{" e de "}". Isto significa que o seu CSS pode não ser válido e não será exibido corretamente no seu fórum.

Lhe aconselhamos que releia o seu código.

Até mais

Troque o código por este

Código:

div * {margin: 0;padding: 0;}
.conteneur-menu {font-family: Arial;}
.conteneur-menu .onglets li {float: left;list-style: none;}
li {display: list-item;
text-align: -webkit-match-parent;}
.conteneur-menu .onglets li a {
-moz-text-shadow: 1px 1px 1px #fff;
-webkit-text-shadow: 1px 1px 1px #fff;
background: #E9E9E9 url(IMAGEM-DO-BOTÃO-AQUI) repeat-x bottom;
border-bottom: 1px solid #F3F5F7;
border: 1px solid #EEE;
color: #6B6B6B;
display: block;
font-family: Arial;
font-size: 12px;
font-weight: 700;
padding: 7px 0;
text-align: center;
text-decoration: none;
text-shadow: 1px 1px 1px white;width: 150px;}
.conteneur-menu .onglets li a.active {
background: #D0E1F7 url(IMAGEM-DO-BOTÃO-AQUI) repeat-x bottom;
border: 1px solid white;color: #222;}
.texte_1 {color: #485470;font-family: Arial;font-size: 13px;font-style: italic;}
.titre_4 {color: #24478E;margin-bottom: 5px;
font-family: Arial;font-size: 14px;font-style: italic;font-weight: 700;}

Ainda está a mesma coisa

Poderia me passar o seu CSS ?

Aqui está

Código:

/*Designed by LHJ Graphics.*/

* {
    margin: 0px;
    padding: 0px;
    }
* html {
   scrollbar-face-color: #;
   scrollbar-highlight-color: #;
   scrollbar-shadow-color: #;
   scrollbar-3dlight-color: #;
   scrollbar-arrow-color: #;
   scrollbar-track-color: #;
   scrollbar-darkshadow-color: #;
   }
*+ html {
   scrollbar-face-color: #;
   scrollbar-highlight-color: #;
   scrollbar-shadow-color: #;
   scrollbar-3dlight-color: #;
   scrollbar-arrow-color: #;
   scrollbar-track-color: #;
   scrollbar-darkshadow-color: #;
   }
body {
   background-color: #000000;
   background-image: url('http://i.imgur.com/Zkur4.jpg');
   background-attachment: scroll;
        background-repeat: no-repeat;
   color: #333333;
   font-size: 10px;
   font-family: Verdana,Arial,Helvetica,sans-serif;
background-position: top;
   }
.main-content {
        margin-bottom : 15px;
        }

/* Wrap .pun-------------------------------------------------------------*/
.pun {
   width: 880px;
   margin: 0 auto;
   padding: 5px;
   
/* Fix for RTL min-width bug, left here for consistency */
min-width: 768px;
   line-height: 130%;
   }
.pun div, .pun td, .sig-line {
   border-color: ##dddddd;
   color: ##dddddd;
   }
.pun img, .pun fieldset {
   border: none;
   }
.pun a:link {
   color: #0066ff;
        text-decoration: none;
   }
.pun a:visited {
   color: #076cac;
        text-decoration: none;
    }
.pun a:hover {
   color: black !important;
        text-decoration: underline;
    }
.pun a:active {
   color: #076cac;
        text-decoration: none;
    }
.pun a:focus {
   color: #076cac;
        text-decoration: none;
    }
.pun h2, .pun h3, .pun th, .pun input, .pun select {
   font: normal 1em Verdana, Arial, sans-serif;
   }

/* Main heading (Logo and description)-------------------------------------------------------------*/
#pun-intro {
   margin: 0;
   padding: 1.5em 1em 1em 1em;
   border-bottom: 0px solid #296fa5;
   background-color: transparent;
   background-image: url('http://i1135.photobucket.com/albums/m622/Mazeko1/Logovoficial.png');
        background-position: center;
   text-align: left;
   background-repeat: no-repeat;
        height: 252px;
        margin-top: -18px;
        margin-left: -34px;
        width: 928px;
   }
*+ html #pun-head {
   margin-top: -5px;
   }
* html #pun-head {
   margin-top: -5px;
   }
#pun-logo {
    float: left;
    }
#pun-title {
   padding-left: 5px;
   white-space: nowrap;
   color: #ffffff;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 20px;
   }
#pun-title h1 {
   font-size: inherit;
   font-weight: inherit;
   color: inherit;
   }
p#pun-desc {
   color:#DDDDDD;
   padding: 0.3em 0 0 5px;
   }

/* Main navigation (Menu, information and crumbs)-------------------------------------------------------------*/
#pun-head #pun-navlinks {
    background-color: transparent;
    border-color: #DDDDDD;
    color: #FFFFFF !important;
    margin-top: -51px;
    padding: 0.5em 1.1em 2.6em 0;
}
#pun-navlinks ul {
   list-style: none;
   text-align: center;
   }
#pun-navlinks li {
   display: inline;
   font-size: 1.15em;
   }
#pun-navlinks li a {
    color: black;
    margin: 0.5em 1em 0.65em 0;
    padding: 1.4em 0.5em 1.48em;
}

#pun-navlinks a, #pun-navlinks a:visited {
   
/*color: #fff;
   */
text-decoration: none;
   }

#pun-navlinks a:hover {
    background-image: url("http://i49.servimg.com/u/f49/14/89/34/10/hoverl10.png");
    background-position: center top;
    background-repeat: repeat-x;
    color: black !important;
    height: 100%;
    padding: 1.4em 0.5em 1.48em;
    text-align: center;
    text-shadow: 0 0 1px #7FDBFF !important;
    top: -10px;
    width: 100%;
}
#pun-navlinks a:active, #pun-navlinks a:focus {
text-decoration: none;
}
#pun-visit,.main-box {
   border-color: #dddddd;
   border-style: solid;
   border-width: 0px;
   padding: 0.6em 1em;
   background-color: transparent;
   margin: 0 0 1em 0;
   }
#pun-visit ul,.main-box ul {
   float: right;
   width: 70%;
   text-align: right;
   list-style-type: none;
   }
.main-box ul {
   float: left;
   width: auto;
   }
#pun-visit li,.main-box li {
   margin-left: 0.7em;
   white-space: nowrap;
   float: right;
   }
.pun-crumbs {
   padding: 0.2em 1em;
   margin: 0 1px 1em 1px;
   }
.pun-crumbs p {
   margin: 0;
   line-height: 1.5;
   font-size: 1.11em;
   color: #666;
   }
.pun-crumbs a {
    text-decoration: none;
    }
#content-container div#container {
   width: 100%;
   float: left;
   margin-right: -0px;
   }
#content-container div#content {
   margin-right: 0px;
   }
#content-container div#main {
   margin-bottom: 1em;
   overflow: hidden;
        }
*+ html #content-container div#main {
   margin-left: 0px;
   }
#content-container div#left {
   width: 0px;
   float: left;
   margin-right: 0px;
   overflow: hidden;
   }
#content-container div#right {
   width: 0px;
   float: right;
   overflow: hidden;
   }
* html #content-container #main-content {
   
/* FIX for IE6... For some reason, if we insert comment before this series, the star html hack don't work no more... ?? */
overflow: visible;
   margin-right: 0px;
   }
* html #content-container div#main {
   
/* FIX for IE6 */
margin-right: -99%;
   width: 100%;
   float: left;
   }
#page-body {
   margin: 4px 0;
   width: 100%;
   }

/* Announcement Box-------------------------------------------------------------*/
#pun-announcement {
   border-style: solid;
   border-width: 1px;
   padding: 1em;
   background-color: #fbfbfb;
        border-radius: 15px 15px 15px 15px;
   }
.pun .main .main-content.message {
    background-color: #fbfbfb;
    }
.pun .main .main-content p.message {
   margin: 1.7em;
   padding: 1em;
   background-color: #fff;
   border: 1px solid #dddddd;
   }

/* Main headings and Pagination-------------------------------------------------------------*/
.pun .main, .pun .main-category {
   margin: 1em 0;
   }
.main .main-head, .main .main-foot {
   padding: 0.8em 2em;
   font-weight: normal;
   color: #00000;
        text-shadow: 0 0 2px #C9FF90 !important;
   background-color: #fbfbfb;
   }
.main .main-head {
   background-image: url('http://i.imgur.com/qBdQM.png');
        background-repeat: repeat-x;
        background-position: center;
        -moz-border-radius-topleft: 5px;
        -moz-border-radius-topright: 5px;
        -webkit-border-top-left-radius: 5px;
        -webkit-border-top-right-radius: 5px;
   }
.main .main-head .page-title {
   font-size: 12px;
   font-weight: normal;
   }
.pun .main-content {
   border: 1px solid #dddddd;
   background-color: #fbfbfb;
   }
.pun .style1 {
   background-color: #fbfbfb;
   padding: 0.5em;
   }
.pun .style2 {
   background-color: #fbfbfb;
   padding: 0.5em;
   }
.pun .main-foot .h2, .pun .main-head .h2 {
   float: left;
   }
.pun .main .options {
   float: right;
   text-align: right;
   color: #000000;
   }
.pun .main .options a,.pun .main .options a:link,.pun .main .options a:visited {
   margin-left: 0.5em;
   color: #000000;
   text-decoration: none;
   }
.pun .main-foot .options a,.pun .main-foot .options a:link,.pun .main-foot .options a:visited {
   margin-left: 0.6em;
   color: #000000;
   text-decoration: underline;
   }

/* Table-------------------------------------------------------------*/
.pun table.table {
   width: 100%;
   table-layout: fixed;
   empty-cells: show;
   border-collapse: collapse;
   }
.pun .frm .frm-form table {
   border: 0px solid #dddddd;
   border-top: 0px solid #1F537B;
   border-color: #bbb;
   }
.pun table.table th {
   padding: 0.5em 0;
   border-style: none;
   border-color: #;
   background-color: #fbfbfb;
   color: #333333;
   }
.pun table.table td {
   padding: 0.6em 0 0.7em;
   border-bottom: 0px solid #dddddd;
        border-left: 0px solid #dddddd;
   line-height: 130%;
        border-right: 0px solid #dddddd;
   background-color: #fbfbfb;
   
  background-image: url('');
        background-repeat: repeat-x;
      background-position: bottom;
   }

.pun .main table td.tc2, .pun .main table td.tc3 {
   background-color: #fbfbfb;
   }
.pun table.table td table td {
   border: none;
   padding: 0px;
   }
.pun table .tcl {
   width: 50%;
   overflow: hidden;
   text-align: left;
   }
.pun table.table th.tcl {
   padding-left: 0.5em;
   }
.pun .frm .frm-form table .tc2 {
    text-align: left;
    padding-left: 0.5em;
   }
.pun .table .tc2, .pun .table .tc3 {
   width: 10%;
   text-align: center;
   }
.pun .frm .frm-form table .tc4 {
   text-align: center;
   width: 5%;
   }
.pun table .tcr {
   width: 30%;
   overflow: hidden;
   text-align: left;
   padding: 0 0 0 0.5em !important;
   }
.pun table th.tcl,.pun table th.tc2,.pun table th.tc3,.pun table th.tc4,.pun table th.tcr {
   overflow: hidden;
   }
.pun table .report {
    width: 9%;
    }
.pun .main table.table td.report {
    background-color: #fbfbfb;
    }
.pun table .tdtopics {
    padding-left: 42px;
    }
.pun table .tdtopics .status {
    margin-left: -32px;
    }
.pun table .tdtopics img, .pun .posthead img {
   vertical-align: middle;
   }
table .tcl.memberlist {
   width: 25%;
   }
.pun tbody.statused td.tcl {
   padding-left: 3.4em;
   }
.pun tbody.statused span.status {
   position: absolute;
   }
.pun table td.tcl {
   border-left-style: none;
   border-left-width: 0;
   vertical-align: top;
   height: 42px;
   padding-left: 0.5em;
   min-height: 24px;
   }
pun table td.tcl .height-giver {
   min-height: 42px;
   visibility: hidden;
   width: 0px;
   }
td.avatar-mini a {
   text-decoration: none;
   }
td.avatar-mini a span {
   text-decoration: underline;
   }
td.avatar-mini img {
   background-color: #fff;
   border: 0px solid #1f537b;
   vertical-align: middle;
   width: 38px;
   height: 38px;
   }
* html .pun table {
   position: relative;
   }
* html .pun table td.tcl {
   position: relative;
   }
.pun table td.tcl h2 {
   font-weight: bold;
   }
.pun .main table.table td.td-title {
   background-color: #f4f9fd;
   }
.pun .main table.table th.name {
   padding-left: 0.5em;
   }
.pun .sticky-separator {
   border-top: 5px double #dddddd !important;
   }
.mod-text {
   font-weight: bold;
   }
h2.topic-title {
   display: inline;
   }
.hierarchy {
   display: inline;
   text-transform: none;
   border: none;
   font-size: 10px;
   font-weight: bold !important;
   }

/* Stats-------------------------------------------------------------*/
#stats {
   padding: 0.6em 1em;
   line-height: 150%;
   background-color: #fbfbfb;
     
   }
td.stat-bar {
   padding: 0 10px !important;
   }
td.stat-bar div {
   white-space: nowrap;
   }
#onlinelist {
   border-top: 0px dashed #ccc;
   padding: 0.6em 1em;
   background-color: transparent;
          background-image: url('');
        background-position: bottom right;
        background-repeat: no-repeat;
   }
#onlinelist img {
   float: left;
   }
#onlinelist h3 {
   float: left;
   margin-right: 0.5em;
   line-height: 150%;
   }
#onlinelist p {
   line-height: 150%;
   }
#onlinechat {
   border-top: 0px dashed #ccc;
   padding: 0.6em 1em;
   background-color: #fbfbfb;
   }

/* Legend-------------------------------------------------------------*/
ul.pun-legend,ul#pun-legend{
   list-style-type: none;
   text-align: center;
   margin-bottom: 20px;
        background-color: transparent;
   }
ul.pun-legend li {
   display: inline;
   margin-right: 20px;
   }
ul.pun-legend li img {
   vertical-align: bottom;
   }

/* Faq-------------------------------------------------------------*/
.faq {
   padding: 1em;
   background-color: #fbfbfb;
   }
.faq a {
   text-decoration: none;
   }
.faq a:hover {
   text-decoration: underline;
   }
.faq dd {
   margin: 1em 1.7em;
   padding:1em;
   background-color:#f4f9fd;
   border:1px solid #E6E6E6;
   color:#666666;
   }
.faq p {
   margin: 0 0 1em 0;
   }
noscript div.message {
   background-color: #ffffe1;
   border: 1px solid #F0F0B4;
   }
noscript div.message p {
   padding: 0 1.3em 0;
   margin: 1em 0;
   }

/* bbCode */
.codebox {
   margin: 1em;
    background-color: #ffffe1;
    border: 1px dotted #dddddd;
   }
.codebox dt {
   padding: 0.25em;
    border-bottom: 1px dotted #dddddd;
   }
.codebox dd {
   margin: 0.5em;
    padding: 0.5em;
    background-color: #ffffe1;
   }
.faq dd ul {
   margin: 0 2em;
    }
.codebox + blockquote {
   margin: 0.5em 3em;
    padding: 0.5em;
    background-color: #fff;
    border: 1px dotted #dddddd;
   }

/* Forms-------------------------------------------------------------*/
.main .main-content.frm {
   background-color: #fbfbfb;
   }
.main .main-content.google {
   background-color: #F2F2F2;
   padding: 10px 10px 0px 10px;
   }
.main .frm-info {
   margin: 1.7em;
   padding: 1em 1em;
   background: #ffffe1;
   border: 1px solid #E6E6E6;
   }
.main ul.frm-info {
   list-style-type: none;
   }
.main .frm-info li {
   padding: 0 0 1em 2em;
   background: url('blue.png') no-repeat top left;
   }
fieldset.frm-set {
   margin: 1.7em;
   padding: 0 0 1em 0;
   border: none;
   }
fieldset.left {
   width: 35%;
   float: left;
   }
fieldset.right {
   width: 45%;
   float: right;
   }
.pun .set1 {
   border-top: none;
   padding-top: 0;
   margin: 0;
   }
fieldset.frm-set.multi {
   border-bottom: 1px dashed #dddddd;
   }
fieldset.frm-set.last {
   padding-bottom: 0;
   }
fieldset.frm-set dl:after {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
   }
* html fieldset.frm-set dl {
    height: 1%;
   }
*+ html fieldset.frm-set dl {
    height: 1%;
   }
fieldset.frm-set dl dt,fieldset.frm-set dl dd {
   padding: 0.5em;
   }
fieldset.frm-set dl dt {
   display: block;
   width: 16em;
   text-align: right;
   float: left;
   font-weight: bold;
   }
fieldset.frm-set dl dd {
   margin-left: 17em;
   }
*+ html fieldset.frm-set dl dt {
   height: 1%;
   }
fieldset.frm-set dl dd label {
   margin: 0 1em 0 0;
   }
fieldset.frm-set .required {
   margin: 0 0.25em;
   font-style: normal;
   color: #b42000}
* html fieldset.frm-set dl {
    height: 1%;
   }
.frm-buttons {
   padding: 0.7em 0 0 17.5em;
   border-top: 3px double #dddddd;
   margin-bottom: -0.7em;
   margin-top: 0.5em;
   }
.frm-buttons.full {
   padding: 0.7em 0 0 0em;
   }
dl.frm-buttons {
   padding: 0px;
   }
fieldset.frm-set .frm-buttons .button {
   overflow: visible;
   
/* IE hack for buttons */
padding: 1px 0.5em 2px 0.5em;
   font-size: 1em;
   vertical-align: middle;
   line-height: 1.2;
   margin-right: 1em;
   }
.frm-form fieldset.frm-set .inputbox {
   width: 40%;
   }
.frm-form fieldset.frm-set textarea.inputbox {
   width: 99%;
   }
.frm-form fieldset.frm-set .italic {
   font-size: 0.9em;
   }
.frm-form fieldset.frm-set input[type="radio"] {
   margin: 0 0.5em 0 0;
   }
.frm-form fieldset.frm-set input[type="checkbox"] {
   margin: 0 0.5em 0 0;
   }
.frm-form select option {
   padding: 0 2em 0 0;
   }
.sub-head {
   margin: 0.5em 1.7em;
   padding: 0 0 0.5em 0;
   border-bottom: 1px solid #dddddd;
   }
.sub-head h2 {
   display: inline;
   color: #0C4675;
   font-weight: bold;
   }
.sub-head span {
   color: #0C4675;
   font-weight: bold;
   }
.pun .frm .frm-buttons input {
   overflow: visible;
   padding: 1px 0.5em 2px 0.5em;
   font-size: 1em;
   vertical-align: middle;
   line-height: 1.2;
   margin-right: 1em;
   }
.pun .frm dd.frm-input, .pun .frm dd.frm-input input, .pun .frm dd.frm-textarea {
    width: 82%;
    }
*+ html dd.frm-input,*+ html .dd-textarea {
   display: inline;
    margin: 0 !important;
    }
*+ html dd.frm-input input {
   width: 60% !important;
    }
* html dd.frm-input,* html .dd-textarea {
   display: inline;
    margin: 0 !important;
    }
* html dd.frm-input input {
   width: 60% !important;
    }
dd.frm-textarea #text_editor_textarea, #textarea_content dd.frm-textarea iframe#text_editor_iframe {
    width: 100%;
    }
.pun .frm #textarea_content dd.frm-textarea iframe#text_editor_iframe {
   height: 250px;
   margin-top: -15px;
   }

/* Advanced profile-------------------------------------------------------------*/
div.nav-head {
   margin: -1px 0 0 0;
   padding: 0.7em 1.3em;
   font-weight: normal;
   color: #dedfdf;
   background: #1F537B;
   }
#tabs {
   min-width: 932px;
   }
* html #tabs {
   width: 100%;
   }
#tabs ul {
   list-style-position: outside;
   list-style-type: none;
   padding: 0 1.8em;
   white-space: nowrap;
   }
#tabs ul li {
   float: left;
   margin: 0;
   padding: 0 4px 0 0;
   }
#tabs ul li.activetab a {
   background-color: #1f537b;
   border-color:#1f537b;
   color: #f4f9fd;
   text-decoration:underline;
   }
#tabs ul li.activetab a:hover {
   background-color: #1f537b;
   }
#tabs ul li a {
   float: left;
   padding: 0 1em;
   background-color: #f4f9fd;
   border: 1px solid #dddddd;
   font-size:1.1em;
   font-weight:normal;
   line-height: 2em;
   text-decoration:none;
   }
#tabs ul li a:hover {
    background-color: #f4f4f4;
    }

/*Profile View*/
fieldset.profile-view dl dt {
   width: 8em;
   text-align: left;
   font-weight: normal;
   }
fieldset.profile-view dl dd {
   margin: 0;
   }
#profile-advanced-layout {
   float: left;
   margin-right: -302px;
   width: 100%;
   }
#profile-advanced-left {
   margin-right: 302px;
   }
#profile-advanced-left .main {
   margin-top: 0;
   }
#profile-advanced-avatar {
   float: left;
   width: 30%;
   }
#profile-advanced-points, #profile-advanced-reputation {
   float: left;
   }
#profile-advanced-avatar .module, #profile-advanced-points .module, #profile-advanced-reputation .module, #profile-advanced-details {
   margin-right: 4px;
   }
#profile-advanced-avatar .module, #profile-advanced-points .module, #profile-advanced-reputation .module, #profile-advanced-right .module {
   margin-bottom: 4px;
   }
#profile-advanced-details .main-content {
   padding: 4px;
   }
#profile-advanced-details .pagination {
   float: left;
   }
#profile-advanced-details ol {
   list-style: none;
   }
#profile-advanced-details ol li {
   display: block;
   margin-bottom: 4px;
   }
#profile-advanced-details .avatar {
   float: left;
   }
.avatar {
   width: 50px;
   border: 1px solid #1f537b;
   background-color: #fff;
   }
.avatar img {
   width: 50px;
   }
.friend-block .avatar {
   margin: 0 auto;
   cursor:pointer;
   }
.friend-block {
   float: left;
   width: 70px;
   margin: 1px;
   text-align: center;
   overflow: hidden;
   }
.friend_list_online_status {
   line-height: 11px;
   font-size: .7em;
   }
.friend_list_online_status img {
   vertical-align: middle;
   }
.friends-foes-list {
   float: left;
   width: 200px;
   height: 2em;
   }
#profile-advanced-details .message-block {
   margin-left: 57px;
   }
#profile-advanced-details .message-header {
   border-top: 1px solid #dddddd;
   background: #f4f4f4;
   padding: 4px;
   margin-bottom: 4px;
   }
#profile-advanced-details .message-date {
   float: right;
   }
#profile-advanced-details .message-body {
   margin-bottom: 4px;
   }
#profile-advanced-details .message-footer {
   text-align: right;
   }
#profile-advanced-details .message-footer li {
   display: inline;
   margin: 0 0.25em;
   
/* Spacing between generation dot */
}
#profile-advanced-details .message-footer li:after {
   content: ' .';
   
/* Beware of character: can create a whitepage in IE6 if char does not exist in lang. */
}
#profile-advanced-details .message-footer li a {
   margin-right: 0.25em;
   
/* Spacing between generation dot */
text-decoration: underline;
   }
#profile-advanced-details .message-footer li.last:after {
   content: normal;
   }
#profile-advanced-layout #new-message {
   position: relative;
   margin-top: 20px;
   }
#profile-advanced-layout #tabs {
   position: absolute;
   bottom: 0;
   }
#profile-advanced-layout #new-message-link {
   position: absolute;
   bottom: 0;
   right: 4px;
   padding-bottom: 4px;
   }
#profile-advanced-details .top {
   margin-bottom: 16px;
   }
#profile-advanced-details .bottom {
   margin-top: 16px;
   }
#profile-advanced-right {
   float: right;
   width:

    div * {margin: 0;padding: 0;}
    .conteneur-menu {font-family: Arial;}
    .conteneur-menu .onglets li {float: left;list-style: none;}
    li {display: list-item;
    text-align: -webkit-match-parent;}
    .conteneur-menu .onglets li a {
    -moz-text-shadow: 1px 1px 1px #fff;
    -webkit-text-shadow: 1px 1px 1px #fff;
    background: #E9E9E9 url(http://hitskin.com/themes/13/79/84/i_icon_mini_faq.png) repeat-x bottom;
    border-bottom: 1px solid #F3F5F7;
    border: 1px solid #EEE;
    color: #6B6B6B;
    display: block;
    font-family: Arial;
    font-size: 12px;
    font-weight: 700;
    padding: 7px 0;
    text-align: center;
    text-decoration: none;
    text-shadow: 1px 1px 1px white;width: 150px;}
    .conteneur-menu .onglets li a.active {
    background: #D0E1F7 url(http://hitskin.com/themes/13/79/84/i_icon_mini_faq.png) repeat-x bottom;
    border: 1px solid white;color: #222;}
    .texte_1 {color: #485470;font-family: Arial;font-size: 13px;font-style: italic;}
    .titre_4 {color: #24478E;margin-bottom: 5px;
    font-family: Arial;font-size: 14px;font-style: italic;font-weight: 700;}

Troque ele por este

Código:

/*Designed by LHJ Graphics.*/

* {
    margin: 0px;
    padding: 0px;
    }
* html {
  scrollbar-face-color: #;
  scrollbar-highlight-color: #;
  scrollbar-shadow-color: #;
  scrollbar-3dlight-color: #;
  scrollbar-arrow-color: #;
  scrollbar-track-color: #;
  scrollbar-darkshadow-color: #;
  }
*+ html {
  scrollbar-face-color: #;
  scrollbar-highlight-color: #;
  scrollbar-shadow-color: #;
  scrollbar-3dlight-color: #;
  scrollbar-arrow-color: #;
  scrollbar-track-color: #;
  scrollbar-darkshadow-color: #;
  }
body {
  background-color: #000000;
  background-image: url('http://i.imgur.com/Zkur4.jpg');
  background-attachment: scroll;
        background-repeat: no-repeat;
  color: #333333;
  font-size: 10px;
  font-family: Verdana,Arial,Helvetica,sans-serif;
background-position: top;
  }
.main-content {
        margin-bottom : 15px;
        }

/* Wrap .pun-------------------------------------------------------------*/
.pun {
  width: 880px;
  margin: 0 auto;
  padding: 5px;
   
/* Fix for RTL min-width bug, left here for consistency */
min-width: 768px;
  line-height: 130%;
  }
.pun div, .pun td, .sig-line {
  border-color: ##dddddd;
  color: ##dddddd;
  }
.pun img, .pun fieldset {
  border: none;
  }
.pun a:link {
  color: #0066ff;
        text-decoration: none;
  }
.pun a:visited {
  color: #076cac;
        text-decoration: none;
    }
.pun a:hover {
  color: black !important;
        text-decoration: underline;
    }
.pun a:active {
  color: #076cac;
        text-decoration: none;
    }
.pun a:focus {
  color: #076cac;
        text-decoration: none;
    }
.pun h2, .pun h3, .pun th, .pun input, .pun select {
  font: normal 1em Verdana, Arial, sans-serif;
  }

/* Main heading (Logo and description)-------------------------------------------------------------*/
#pun-intro {
  margin: 0;
  padding: 1.5em 1em 1em 1em;
  border-bottom: 0px solid #296fa5;
  background-color: transparent;
  background-image: url('http://i1135.photobucket.com/albums/m622/Mazeko1/Logovoficial.png');
        background-position: center;
  text-align: left;
  background-repeat: no-repeat;
        height: 252px;
        margin-top: -18px;
        margin-left: -34px;
        width: 928px;
  }
*+ html #pun-head {
  margin-top: -5px;
  }
* html #pun-head {
  margin-top: -5px;
  }
#pun-logo {
    float: left;
    }
#pun-title {
  padding-left: 5px;
  white-space: nowrap;
  color: #ffffff;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 20px;
  }
#pun-title h1 {
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
  }
p#pun-desc {
  color:#DDDDDD;
  padding: 0.3em 0 0 5px;
  }

/* Main navigation (Menu, information and crumbs)-------------------------------------------------------------*/
#pun-head #pun-navlinks {
    background-color: transparent;
    border-color: #DDDDDD;
    color: #FFFFFF !important;
    margin-top: -51px;
    padding: 0.5em 1.1em 2.6em 0;
}
#pun-navlinks ul {
  list-style: none;
  text-align: center;
  }
#pun-navlinks li {
  display: inline;
  font-size: 1.15em;
  }
#pun-navlinks li a {
    color: black;
    margin: 0.5em 1em 0.65em 0;
    padding: 1.4em 0.5em 1.48em;
}

#pun-navlinks a, #pun-navlinks a:visited {
 
/*color: #fff;
  */
text-decoration: none;
  }

#pun-navlinks a:hover {
    background-image: url("http://i49.servimg.com/u/f49/14/89/34/10/hoverl10.png");
    background-position: center top;
    background-repeat: repeat-x;
    color: black !important;
    height: 100%;
    padding: 1.4em 0.5em 1.48em;
    text-align: center;
    text-shadow: 0 0 1px #7FDBFF !important;
    top: -10px;
    width: 100%;
}
#pun-navlinks a:active, #pun-navlinks a:focus {
text-decoration: none;
}
#pun-visit,.main-box {
  border-color: #dddddd;
  border-style: solid;
  border-width: 0px;
  padding: 0.6em 1em;
  background-color: transparent;
  margin: 0 0 1em 0;
  }
#pun-visit ul,.main-box ul {
  float: right;
  width: 70%;
  text-align: right;
  list-style-type: none;
  }
.main-box ul {
  float: left;
  width: auto;
  }
#pun-visit li,.main-box li {
  margin-left: 0.7em;
  white-space: nowrap;
  float: right;
  }
.pun-crumbs {
  padding: 0.2em 1em;
  margin: 0 1px 1em 1px;
  }
.pun-crumbs p {
  margin: 0;
  line-height: 1.5;
  font-size: 1.11em;
  color: #666;
  }
.pun-crumbs a {
    text-decoration: none;
    }
#content-container div#container {
  width: 100%;
  float: left;
  margin-right: -0px;
  }
#content-container div#content {
  margin-right: 0px;
  }
#content-container div#main {
  margin-bottom: 1em;
  overflow: hidden;
        }
*+ html #content-container div#main {
  margin-left: 0px;
  }
#content-container div#left {
  width: 0px;
  float: left;
  margin-right: 0px;
  overflow: hidden;
  }
#content-container div#right {
  width: 0px;
  float: right;
  overflow: hidden;
  }
* html #content-container #main-content {
   
/* FIX for IE6... For some reason, if we insert comment before this series, the star html hack don't work no more... ?? */
overflow: visible;
  margin-right: 0px;
  }
* html #content-container div#main {
   
/* FIX for IE6 */
margin-right: -99%;
  width: 100%;
  float: left;
  }
#page-body {
  margin: 4px 0;
  width: 100%;
  }

/* Announcement Box-------------------------------------------------------------*/
#pun-announcement {
  border-style: solid;
  border-width: 1px;
  padding: 1em;
  background-color: #fbfbfb;
        border-radius: 15px 15px 15px 15px;
  }
.pun .main .main-content.message {
    background-color: #fbfbfb;
    }
.pun .main .main-content p.message {
  margin: 1.7em;
  padding: 1em;
  background-color: #fff;
  border: 1px solid #dddddd;
  }

/* Main headings and Pagination-------------------------------------------------------------*/
.pun .main, .pun .main-category {
  margin: 1em 0;
  }
.main .main-head, .main .main-foot {
  padding: 0.8em 2em;
  font-weight: normal;
  color: #00000;
        text-shadow: 0 0 2px #C9FF90 !important;
  background-color: #fbfbfb;
  }
.main .main-head {
  background-image: url('http://i.imgur.com/qBdQM.png');
        background-repeat: repeat-x;
        background-position: center;
        -moz-border-radius-topleft: 5px;
        -moz-border-radius-topright: 5px;
        -webkit-border-top-left-radius: 5px;
        -webkit-border-top-right-radius: 5px;
  }
.main .main-head .page-title {
  font-size: 12px;
  font-weight: normal;
  }
.pun .main-content {
  border: 1px solid #dddddd;
  background-color: #fbfbfb;
  }
.pun .style1 {
  background-color: #fbfbfb;
  padding: 0.5em;
  }
.pun .style2 {
  background-color: #fbfbfb;
  padding: 0.5em;
  }
.pun .main-foot .h2, .pun .main-head .h2 {
  float: left;
  }
.pun .main .options {
  float: right;
  text-align: right;
  color: #000000;
  }
.pun .main .options a,.pun .main .options a:link,.pun .main .options a:visited {
  margin-left: 0.5em;
  color: #000000;
  text-decoration: none;
  }
.pun .main-foot .options a,.pun .main-foot .options a:link,.pun .main-foot .options a:visited {
  margin-left: 0.6em;
  color: #000000;
  text-decoration: underline;
  }

/* Table-------------------------------------------------------------*/
.pun table.table {
  width: 100%;
  table-layout: fixed;
  empty-cells: show;
  border-collapse: collapse;
  }
.pun .frm .frm-form table {
  border: 0px solid #dddddd;
  border-top: 0px solid #1F537B;
  border-color: #bbb;
  }
.pun table.table th {
  padding: 0.5em 0;
  border-style: none;
  border-color: #;
  background-color: #fbfbfb;
  color: #333333;
  }
.pun table.table td {
  padding: 0.6em 0 0.7em;
  border-bottom: 0px solid #dddddd;
        border-left: 0px solid #dddddd;
  line-height: 130%;
        border-right: 0px solid #dddddd;
  background-color: #fbfbfb;
 
  background-image: url('');
        background-repeat: repeat-x;
      background-position: bottom;
  }

.pun .main table td.tc2, .pun .main table td.tc3 {
  background-color: #fbfbfb;
  }
.pun table.table td table td {
  border: none;
  padding: 0px;
  }
.pun table .tcl {
  width: 50%;
  overflow: hidden;
  text-align: left;
  }
.pun table.table th.tcl {
  padding-left: 0.5em;
  }
.pun .frm .frm-form table .tc2 {
    text-align: left;
    padding-left: 0.5em;
  }
.pun .table .tc2, .pun .table .tc3 {
  width: 10%;
  text-align: center;
  }
.pun .frm .frm-form table .tc4 {
  text-align: center;
  width: 5%;
  }
.pun table .tcr {
  width: 30%;
  overflow: hidden;
  text-align: left;
  padding: 0 0 0 0.5em !important;
  }
.pun table th.tcl,.pun table th.tc2,.pun table th.tc3,.pun table th.tc4,.pun table th.tcr {
  overflow: hidden;
  }
.pun table .report {
    width: 9%;
    }
.pun .main table.table td.report {
    background-color: #fbfbfb;
    }
.pun table .tdtopics {
    padding-left: 42px;
    }
.pun table .tdtopics .status {
    margin-left: -32px;
    }
.pun table .tdtopics img, .pun .posthead img {
  vertical-align: middle;
  }
table .tcl.memberlist {
  width: 25%;
  }
.pun tbody.statused td.tcl {
  padding-left: 3.4em;
  }
.pun tbody.statused span.status {
  position: absolute;
  }
.pun table td.tcl {
  border-left-style: none;
  border-left-width: 0;
  vertical-align: top;
  height: 42px;
  padding-left: 0.5em;
  min-height: 24px;
  }
pun table td.tcl .height-giver {
  min-height: 42px;
  visibility: hidden;
  width: 0px;
  }
td.avatar-mini a {
  text-decoration: none;
  }
td.avatar-mini a span {
  text-decoration: underline;
  }
td.avatar-mini img {
  background-color: #fff;
  border: 0px solid #1f537b;
  vertical-align: middle;
  width: 38px;
  height: 38px;
  }
* html .pun table {
  position: relative;
  }
* html .pun table td.tcl {
  position: relative;
  }
.pun table td.tcl h2 {
  font-weight: bold;
  }
.pun .main table.table td.td-title {
  background-color: #f4f9fd;
  }
.pun .main table.table th.name {
  padding-left: 0.5em;
  }
.pun .sticky-separator {
  border-top: 5px double #dddddd !important;
  }
.mod-text {
  font-weight: bold;
  }
h2.topic-title {
  display: inline;
  }
.hierarchy {
  display: inline;
  text-transform: none;
  border: none;
  font-size: 10px;
  font-weight: bold !important;
  }

/* Stats-------------------------------------------------------------*/
#stats {
  padding: 0.6em 1em;
  line-height: 150%;
  background-color: #fbfbfb;
     
  }
td.stat-bar {
  padding: 0 10px !important;
  }
td.stat-bar div {
  white-space: nowrap;
  }
#onlinelist {
  border-top: 0px dashed #ccc;
  padding: 0.6em 1em;
  background-color: transparent;
          background-image: url('');
        background-position: bottom right;
        background-repeat: no-repeat;
  }
#onlinelist img {
  float: left;
  }
#onlinelist h3 {
  float: left;
  margin-right: 0.5em;
  line-height: 150%;
  }
#onlinelist p {
  line-height: 150%;
  }
#onlinechat {
  border-top: 0px dashed #ccc;
  padding: 0.6em 1em;
  background-color: #fbfbfb;
  }

/* Legend-------------------------------------------------------------*/
ul.pun-legend,ul#pun-legend{
  list-style-type: none;
  text-align: center;
  margin-bottom: 20px;
        background-color: transparent;
  }
ul.pun-legend li {
  display: inline;
  margin-right: 20px;
  }
ul.pun-legend li img {
  vertical-align: bottom;
  }

/* Faq-------------------------------------------------------------*/
.faq {
  padding: 1em;
  background-color: #fbfbfb;
  }
.faq a {
  text-decoration: none;
  }
.faq a:hover {
  text-decoration: underline;
  }
.faq dd {
  margin: 1em 1.7em;
  padding:1em;
  background-color:#f4f9fd;
  border:1px solid #E6E6E6;
  color:#666666;
  }
.faq p {
  margin: 0 0 1em 0;
  }
noscript div.message {
  background-color: #ffffe1;
  border: 1px solid #F0F0B4;
  }
noscript div.message p {
  padding: 0 1.3em 0;
  margin: 1em 0;
  }

/* bbCode */
.codebox {
  margin: 1em;
    background-color: #ffffe1;
    border: 1px dotted #dddddd;
  }
.codebox dt {
  padding: 0.25em;
    border-bottom: 1px dotted #dddddd;
  }
.codebox dd {
  margin: 0.5em;
    padding: 0.5em;
    background-color: #ffffe1;
  }
.faq dd ul {
  margin: 0 2em;
    }
.codebox + blockquote {
  margin: 0.5em 3em;
    padding: 0.5em;
    background-color: #fff;
    border: 1px dotted #dddddd;
  }

/* Forms-------------------------------------------------------------*/
.main .main-content.frm {
  background-color: #fbfbfb;
  }
.main .main-content.google {
  background-color: #F2F2F2;
  padding: 10px 10px 0px 10px;
  }
.main .frm-info {
  margin: 1.7em;
  padding: 1em 1em;
  background: #ffffe1;
  border: 1px solid #E6E6E6;
  }
.main ul.frm-info {
  list-style-type: none;
  }
.main .frm-info li {
  padding: 0 0 1em 2em;
  background: url('blue.png') no-repeat top left;
  }
fieldset.frm-set {
  margin: 1.7em;
  padding: 0 0 1em 0;
  border: none;
  }
fieldset.left {
  width: 35%;
  float: left;
  }
fieldset.right {
  width: 45%;
  float: right;
  }
.pun .set1 {
  border-top: none;
  padding-top: 0;
  margin: 0;
  }
fieldset.frm-set.multi {
  border-bottom: 1px dashed #dddddd;
  }
fieldset.frm-set.last {
  padding-bottom: 0;
  }
fieldset.frm-set dl:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  }
* html fieldset.frm-set dl {
    height: 1%;
  }
*+ html fieldset.frm-set dl {
    height: 1%;
  }
fieldset.frm-set dl dt,fieldset.frm-set dl dd {
  padding: 0.5em;
  }
fieldset.frm-set dl dt {
  display: block;
  width: 16em;
  text-align: right;
  float: left;
  font-weight: bold;
  }
fieldset.frm-set dl dd {
  margin-left: 17em;
  }
*+ html fieldset.frm-set dl dt {
  height: 1%;
  }
fieldset.frm-set dl dd label {
  margin: 0 1em 0 0;
  }
fieldset.frm-set .required {
  margin: 0 0.25em;
  font-style: normal;
  color: #b42000}
* html fieldset.frm-set dl {
    height: 1%;
  }
.frm-buttons {
  padding: 0.7em 0 0 17.5em;
  border-top: 3px double #dddddd;
  margin-bottom: -0.7em;
  margin-top: 0.5em;
  }
.frm-buttons.full {
  padding: 0.7em 0 0 0em;
  }
dl.frm-buttons {
  padding: 0px;
  }
fieldset.frm-set .frm-buttons .button {
  overflow: visible;
   
/* IE hack for buttons */
padding: 1px 0.5em 2px 0.5em;
  font-size: 1em;
  vertical-align: middle;
  line-height: 1.2;
  margin-right: 1em;
  }
.frm-form fieldset.frm-set .inputbox {
  width: 40%;
  }
.frm-form fieldset.frm-set textarea.inputbox {
  width: 99%;
  }
.frm-form fieldset.frm-set .italic {
  font-size: 0.9em;
  }
.frm-form fieldset.frm-set input[type="radio"] {
  margin: 0 0.5em 0 0;
  }
.frm-form fieldset.frm-set input[type="checkbox"] {
  margin: 0 0.5em 0 0;
  }
.frm-form select option {
  padding: 0 2em 0 0;
  }
.sub-head {
  margin: 0.5em 1.7em;
  padding: 0 0 0.5em 0;
  border-bottom: 1px solid #dddddd;
  }
.sub-head h2 {
  display: inline;
  color: #0C4675;
  font-weight: bold;
  }
.sub-head span {
  color: #0C4675;
  font-weight: bold;
  }
.pun .frm .frm-buttons input {
  overflow: visible;
  padding: 1px 0.5em 2px 0.5em;
  font-size: 1em;
  vertical-align: middle;
  line-height: 1.2;
  margin-right: 1em;
  }
.pun .frm dd.frm-input, .pun .frm dd.frm-input input, .pun .frm dd.frm-textarea {
    width: 82%;
    }
*+ html dd.frm-input,*+ html .dd-textarea {
  display: inline;
    margin: 0 !important;
    }
*+ html dd.frm-input input {
  width: 60% !important;
    }
* html dd.frm-input,* html .dd-textarea {
  display: inline;
    margin: 0 !important;
    }
* html dd.frm-input input {
  width: 60% !important;
    }
dd.frm-textarea #text_editor_textarea, #textarea_content dd.frm-textarea iframe#text_editor_iframe {
    width: 100%;
    }
.pun .frm #textarea_content dd.frm-textarea iframe#text_editor_iframe {
  height: 250px;
  margin-top: -15px;
  }

/* Advanced profile-------------------------------------------------------------*/
div.nav-head {
  margin: -1px 0 0 0;
  padding: 0.7em 1.3em;
  font-weight: normal;
  color: #dedfdf;
  background: #1F537B;
  }
#tabs {
  min-width: 932px;
  }
* html #tabs {
  width: 100%;
  }
#tabs ul {
  list-style-position: outside;
  list-style-type: none;
  padding: 0 1.8em;
  white-space: nowrap;
  }
#tabs ul li {
  float: left;
  margin: 0;
  padding: 0 4px 0 0;
  }
#tabs ul li.activetab a {
  background-color: #1f537b;
  border-color:#1f537b;
  color: #f4f9fd;
  text-decoration:underline;
  }
#tabs ul li.activetab a:hover {
  background-color: #1f537b;
  }
#tabs ul li a {
  float: left;
  padding: 0 1em;
  background-color: #f4f9fd;
  border: 1px solid #dddddd;
  font-size:1.1em;
  font-weight:normal;
  line-height: 2em;
  text-decoration:none;
  }
#tabs ul li a:hover {
    background-color: #f4f4f4;
    }

/*Profile View*/
fieldset.profile-view dl dt {
  width: 8em;
  text-align: left;
  font-weight: normal;
  }
fieldset.profile-view dl dd {
  margin: 0;
  }
#profile-advanced-layout {
  float: left;
  margin-right: -302px;
  width: 100%;
  }
#profile-advanced-left {
  margin-right: 302px;
  }
#profile-advanced-left .main {
  margin-top: 0;
  }
#profile-advanced-avatar {
  float: left;
  width: 30%;
  }
#profile-advanced-points, #profile-advanced-reputation {
  float: left;
  }
#profile-advanced-avatar .module, #profile-advanced-points .module, #profile-advanced-reputation .module, #profile-advanced-details {
  margin-right: 4px;
  }
#profile-advanced-avatar .module, #profile-advanced-points .module, #profile-advanced-reputation .module, #profile-advanced-right .module {
  margin-bottom: 4px;
  }
#profile-advanced-details .main-content {
  padding: 4px;
  }
#profile-advanced-details .pagination {
  float: left;
  }
#profile-advanced-details ol {
  list-style: none;
  }
#profile-advanced-details ol li {
  display: block;
  margin-bottom: 4px;
  }
#profile-advanced-details .avatar {
  float: left;
  }
.avatar {
  width: 50px;
  border: 1px solid #1f537b;
  background-color: #fff;
  }
.avatar img {
  width: 50px;
  }
.friend-block .avatar {
  margin: 0 auto;
  cursor:pointer;
  }
.friend-block {
  float: left;
  width: 70px;
  margin: 1px;
  text-align: center;
  overflow: hidden;
  }
.friend_list_online_status {
  line-height: 11px;
  font-size: .7em;
  }
.friend_list_online_status img {
  vertical-align: middle;
  }
.friends-foes-list {
  float: left;
  width: 200px;
  height: 2em;
  }
#profile-advanced-details .message-block {
  margin-left: 57px;
  }
#profile-advanced-details .message-header {
  border-top: 1px solid #dddddd;
  background: #f4f4f4;
  padding: 4px;
  margin-bottom: 4px;
  }
#profile-advanced-details .message-date {
  float: right;
  }
#profile-advanced-details .message-body {
  margin-bottom: 4px;
  }
#profile-advanced-details .message-footer {
  text-align: right;
  }
#profile-advanced-details .message-footer li {
  display: inline;
  margin: 0 0.25em;
   
/* Spacing between generation dot */
}
#profile-advanced-details .message-footer li:after {
  content: ' .';
   
/* Beware of character: can create a whitepage in IE6 if char does not exist in lang. */
}
#profile-advanced-details .message-footer li a {
  margin-right: 0.25em;
   
/* Spacing between generation dot */
text-decoration: underline;
  }
#profile-advanced-details .message-footer li.last:after {
  content: normal;
  }
#profile-advanced-layout #new-message {
  position: relative;
  margin-top: 20px;
  }
#profile-advanced-layout #tabs {
  position: absolute;
  bottom: 0;
  }
#profile-advanced-layout #new-message-link {
  position: absolute;
  bottom: 0;
  right: 4px;
  padding-bottom: 4px;
  }
#profile-advanced-details .top {
  margin-bottom: 16px;
  }
#profile-advanced-details .bottom {
  margin-top: 16px;
  }
#profile-advanced-right {
  float: right;
  width:
}

    div * {margin: 0;padding: 0;}
    .conteneur-menu {font-family: Arial;}
    .conteneur-menu .onglets li {float: left;list-style: none;}
    li {display: list-item;
    text-align: -webkit-match-parent;}
    .conteneur-menu .onglets li a {
    -moz-text-shadow: 1px 1px 1px #fff;
    -webkit-text-shadow: 1px 1px 1px #fff;
    background: #E9E9E9 url(http://hitskin.com/themes/13/79/84/i_icon_mini_faq.png) repeat-x bottom;
    border-bottom: 1px solid #F3F5F7;
    border: 1px solid #EEE;
    color: #6B6B6B;
    display: block;
    font-family: Arial;
    font-size: 12px;
    font-weight: 700;
    padding: 7px 0;
    text-align: center;
    text-decoration: none;
    text-shadow: 1px 1px 1px white;width: 150px;}
    .conteneur-menu .onglets li a.active {
    background: #D0E1F7 url(http://hitskin.com/themes/13/79/84/i_icon_mini_faq.png) repeat-x bottom;
    border: 1px solid white;color: #222;}
    .texte_1 {color: #485470;font-family: Arial;font-size: 13px;font-style: italic;}
    .titre_4 {color: #24478E;margin-bottom: 5px;
    font-family: Arial;font-size: 14px;font-style: italic;font-weight: 700;}

Olá
Duvida Esclarecida

Até mais

Olá,

Gostaria de aproveitar o tópico antes que finalizem, o código que mandou é compatível com a versão invision?

Até mais.

Sim o código e compatível com a versão invision

Olá
Não é compativel, pois é preciso editar o template

Até mais

Olá, como eu disse, apenas é possivel para as versões PHPBB2 e PUNBB.

Cordialmente.