Conversão de código para ModernBB

Detalhes da questão

Endereço do fórum: http://narutoexiled.forumeiros.com/
Versão do fórum: ModernBB

Descrição

Alguém por gentileza poderia converter esse código para a versão modernbb? Tentei utilizá-lo assim e não funciona.

Código:

$(function() {
 $('head').append(
 '<style type="text/css">' +
 '.recentTopics .main-content {' +
 '  font-family: helvetica, arial, sans-serif !important;' +
 '  line-height: 15px;' +
 '  padding: 0;' +
 '}' +
 '.recentTopics ul {' +
 '  padding-left: 0 !important;' +
 '}' +
 '.mini_photo {' +
 '  margin-right: 5px;' +
 '}' +
 'li.recentPost {' +
 '  min-height: 50px;' +
 '  padding: 1em 1em 0.5em 1em;' +
 '  list-style-type: none;' +
 '  border-bottom: 1px solid #f3f3f3;' +
 '}' +
 '.recentPost a[href^="/t"] {' +
 '  font-size: 14px;' +
 '  text-decoration: none;' +
 '  font-weight: bold;' +
 '}' +
 '.recentInline {' +
 '  min-width: 30%;' +
 '  font-size: 12px;' +
 '  float: right;' +
 '}' +
 '.small_links {' +
 '  display: table;' +
 '  margin-top: 10px;' +
 '}' +
 '.local {' +
 '  font-size: 0;' +
 '}' +
 '.local a:after {' +
 '  content: " → ";' +
 '}' +
 '.local a:last-child:after {' +
 '  content: "";' +
 '}' +
 '.small_links, .small_links a {' +
 '  color: #a4a4a4 !important;' +
 '  font-size: 12px !important;' +
 '  text-decoration: none !important;' +
 '}' +
 '.creator_post:before {' +
 '  content: "Tópico iniciado por ";' +
 '}' +
 '.creator_post:after {' +
 '  content: ", Em: ";' +
 '}' +
 '.recentTopics {' +
 '  margin: 15px 0;' +
 '}' +
 '</style>'
 );
 
 var jModuleRecentPosts = $('.module:contains("Últimos assuntos")');
 
 jModuleRecentPosts
 .clone() // Clonando widget de últimos assuntos
 .prependTo('#main-content') // Inserindo no main-content
 .addClass('recentTopics') // Adicionando nova classe
 .removeClass('module'); // Removendo classe existente
 
 $('.recentTopics').each(function() {
      $(this).html(
              $(this).html()
                .replace(/\»/g, '')
                .replace(/\<a href="\/t(.*?)\-/g,'<li class="recentPost"><a href="/t$1-')
                .replace(/\<\/a\><br\>/g, '</a><div class="recentInline">')
                .replace(/\<a href="\/u([0-9])"\>(.*?)<\/a\>/g, '<a href="/u$1">$2</a><br>')
      ).find('li').wrapAll('<ul></ul>');
      $('a[href^="/u"]', this).each(function() {
          var jLinkUser = $(this).attr('href');
          $(this).before(
          '<a href="' + jLinkUser + '" class="user_photo lastpost-avatar">' +
          '    <img src="http://r26.imgfast.net/users/2617/31/90/74/avatars/1-40.png" alt="no_photo" class="mini_photo" />' +
          '</a>'
          );
          var jImg = $(this).prev().find('img'),
                jUser = sessionStorage.getItem(jLinkUser);
          if(jUser) {
              jImg.attr('src', jUser);
          } else {
          $.ajax({
                  url: jLinkUser + "?change_version=punbb",
                  type: 'GET',
                  success: function(data) {
                    var jImage = $('#profile-advanced-right .module:first img:first', data).attr('src');
                          jImg.attr('src', jImage);
                          sessionStorage.setItem(jLinkUser, jImage);
                  },
                  error: function(err)
                  {
                    alert("AJAX error in request (Last posts)");
                  }
          });
          }
      });
      $('a[href^="/t"]', this).each(function() {
          var jThis = $(this),
                jLinkTpc = jThis.attr('href').split('#')[0];
          $.ajax({
                  url: jLinkTpc + "?change_version=punbb",
                  type: 'GET',
                  success: function(recent) {
                  var jCreator = '',
                        jLocal = $('.crumbs:first a.nav', recent).wrapAll('<div></div>').parent().html(),
                        jPaging = $('.paging', recent)[0];
                  jThis.parents('.recentPost').append(
                  '<div class="small_links">' +
                  '    <span class="creator_post">Carregando...</span>' +
                  '    <span class="local">' + jLocal + '</span>' +
                  '</div>'
                  ).find('a[href*="change_version"]').each(function() {
                    var jHref = $(this).attr('href').split('?')[0];
                    $(this).attr('href', jHref);
                  });
                  if(jPaging) {
                      jCreator = $('a:contains("1")', jPaging).attr('href');
                      jThis.parents('.recentPost').find('.creator_post').load(jCreator + ' .username:first', function() {
                            $(this).text($(this).text());
                      });
                  } else {
                      jCreator = $('.username:first', recent).text();
                      jThis.parents('.recentPost').find('.creator_post').text(jCreator);
                  }
                  },
                  error: function(err)
                  {
                    alert("AJAX error in request (Last posts)");
                  }
          });
      });
 });
});

Link de onde peguei: https://ajuda.forumeiros.com/t100061-addon-ultimos-assuntos-personalizado

Olá,

Eu testei num fórum ModernBB e funcionou perfeitamente. Para melhores resultados, gostaria de solicitar uma conta de teste com acesso ao Painel de Administração.

Fico no aguardo.
o/

O código funciona, o que está desabilitado é a parte onde você insere as últimas mensagens. Sugiro que você passe sua folha de estilo CSS para encontrar o causador do problema.

Chanp escreveu:Olá,

Eu testei num fórum ModernBB e funcionou perfeitamente. Para melhores resultados, gostaria de solicitar uma conta de teste com acesso ao Painel de Administração.

Fico no aguardo.
o/

Enviei os detalhes da conta por MP.

Key of Destiny escreveu:O código funciona, o que está desabilitado é a parte onde você insere as últimas mensagens. Sugiro que você passe sua folha de estilo CSS para encontrar o causador do problema.

Código:

ul.topiclist li.header dl dd {
    margin-top: 39px;
}
li.header dl.icon dd.dterm, li.header dl.icon dt {
    margin-top: 39px;
}

#comments_scroll_div > .marquee {
  overflow-y: scroll !important;
  margin: -10px;
  padding: 10px;
  height: 220px !important;
}
 
#comments_scroll_div > .marquee > .js-marquee-wrapper {
  animation: none !important;
  margin-top: 0 !important;
}

.module:nth-child(n+1) .h3 {
    background-color:#000000 !important;
}

#main, #main a {
    color: ##3E464C;
}
 
.forumbg a, .forabg a {
    color: #3E464C!important;
}


div#page-header {
    background-image: url(https://i.imgur.com/SFQo6i1.png);
    background-position: center;
}

.mainmenu {
  background-color: #000;
  color: #fff;
}
 
.mainmenu > img {
  filter: invert(100%) !important;
}
 
#site-title h1,
#site-title + p {
  color: #fff;
}
 
#site-title h1::before,
#site-title h1::after {
  background-color: #000 !important;
}
 
.panel.introduction {
  display: none;
}

.body, html {
    background-color: #000!important;
    color: #444;
    background-position: no-repeat;
    font-family: Roboto, sans-serif;
    font-size: 10px;
    height: 100%;
    line-height: 1.526;
    text-rendering: optimizeLegibility;
}
.headerbar {
    background-color: transparent!important;
    background-image: none!important;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 350px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
}

/*table*/

div[class*='post--'] .postbody table,div[class*='post--'] .postbody td,#preview .postbody  table,#preview .postbody td{
   border: 1px solid #444!important;
   }

/* HEADER_MOD - begin */
#site-desc {
    text-align: center !important;
    position: sticky !important;
    margin-top: 75px !important;
}

div#site-title h1 {
   text-transform: uppercase;
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -moz-transition: -moz-transform 0.5s ease, opacity 0.5s ease;
    -webkit-transition: -webkit-transform 0.5s ease, opacity 0.5s ease;
    -ms-transition: -ms-transform 0.5s ease, opacity 0.5s ease;
    transition: transform 0.5s ease, opacity 0.5s ease;
    display: inline-block;
    font-size: 1.75em;
    opacity: 1;
    padding: 0.35em 0em;
    position: relative;
    z-index: 1;
}

div#site-title h1:after, div#site-title h1:before {
    -moz-transition: width 0.85s ease;
    -webkit-transition: width 0.85s ease;
    -ms-transition: width 0.85s ease;
    transition: width 0.85s ease;
    -moz-transition-delay: 0.25s;
    -webkit-transition-delay: 0.25s;
    -ms-transition-delay: 0.25s;
    transition-delay: 0.25s;
    background: #fff;
    content: '';
    display: block;
    height: 2px;
    position: absolute;
    width: 100%;
}

div#site-desc > p {
    letter-spacing: 0.225em;
    text-transform: uppercase;
}

.is-sticky#headerbar-top {
    background-color: #424242 !important;
}

/* HEADER_MOD end */
/* WRAP_BODY begin */
.module .h3 {
    background-color: #424242 !important;
}
/* WRAP_BODY end */

.postprofile-avatar,
.postprofile-avatar * {
  box-sizing: content-box;
}
 
.postprofile-avatar img {
  max-width: initial;
  max-height: initial;
  height: initial;
  width: initial;
  border-radius: 0px !important;
}

.mod-login-avatar img {
   border-radius: 0px;
   border: 3px solid #FFF;
   box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), 0 0 1px rgba(0, 0, 0, 0.3);
   width: 150px;
   height: 300px;
    }

/*ranks*/
.rank {
    background: url(http://i.imgur.com/nmBh3WZ.png);
    border-radius: 3px;
    box-shadow: 1px 2px 11px rgba(0,0,0,0.29);
    color: #fff;
    font-family: 'Roboto Condensed'!important;
    font-size: 13px;
    font-weight: 400;
    height: 25px;
    line-height: 25px;
    margin: 10px auto 0;
    max-width: 120px;
    padding: 0;
    position: relative;
    text-shadow: 1px -1px rgba(0,0,0,0.29);
    text-transform: uppercase;
}
div.rank.kir {
            background-color: #276BD1!important;
            text-align:center;
 
  }
div.rank.kon {
            background-color: #f92a3b!important;
            text-align:center;
 
  }
div.rank.sun {
            background-color: #6FB569!important;
            text-align:center;
 
}
.rank:before {
    border-right: 1px solid rgba(255,255,255,0.55);
    content: "NE";
    float: left;
    margin-top: -5px;
    padding: 5px 5px 0;
}


/*spoiler*/
.codebox
{
  background: #FCFCFC;
  border: 1px solid #E3E3E3;
  font-size: 11px;
  line-height: 170%;
  overflow: auto;
  padding: 5px;
}
.codebox dd
{
  background-color: transparent;
  margin: .3em;
  padding: .3em;
}
.codebox dt
{
  border-bottom: 0;
}
.codebox.spoiler dt
{
  background: #ECECEC url(http://i.imgur.com/psvFIEG.png) repeat-x 0 0;
  border: 1px solid #D0D0D0;
  border-radius: 2px;
  box-shadow: 0 1px 2px rgba(0,0,0,0.1), inset rgba(255,255,255,0.7) 0 1px 0;
  color: #616161;
  cursor: pointer;
  display: inline-block;
  font-size: 11px;
  height: 24px;
  line-height: 24px;
  margin: 0 0 0 5px;
  moz-border-radius: 2px;
  moz-box-shadow: 0 1px 2px rgba(0,0,0,0.1), inset rgba(255,255,255,0.7) 0 1px 0;
  padding: 0 10px;
  text-shadow: #fff 0 1px 0;
  webkit-border-radius: 2px;
  webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1), inset rgba(255,255,255,0.7) 0 1px 0;
  white-space: nowrap;
}
.codebox.spoiler dt:hover
{
  background-color: #F8F8F8;
  color: #4C4C4C;
}
.codebox.spoiler
{
  background: transparent;
  border: 0;
}
.codebox.spoiler dd
{
  background: transparent;
}
.spoiler_content.hidden
{
  background: #FCFCFC;
  border: 1px dashed #E3E3E3;
  padding: 5px;
}
.postmain blockquote
{
  background: #FCFCFC;
  border: 1px solid #E3E3E3;
  color: #9F9F9F;
  font-size: 12px;
  margin-bottom: 5px;
  padding: 10px;
}

/*quotes*/
blockquote {
font-size: 12px;
border: 1px solid #E3E3E3;
background: #FCFCFC;
color: #000;
margin-bottom: 5px;
}
blockquote, .postmain blockquote {padding: 10px;}
blockquote cite {
font-size: 12px;
padding: 8px 10px;
text-indent: 25px;
border: 1px solid #E3E3E3;
border-top: 0px;
border-bottom: 1px solid #E8E8E8;
background-color: #F2F2F2;
background-image: url(http://i34.servimg.com/u/f34/16/49/10/98/snapba10.png), url(http://i.imgur.com/iPXDkuF.png);
background-position: 10px center, 0 0;
background-repeat: no-repeat, repeat-x;
color: #535353;
text-shadow: rgba(255, 255, 255, 1) 0px 1px 0px;
font-weight: bold;
}
blockquote cite, .postmain cite {margin: -10px -11px 8px -11px;}

/*moderar topicos*/

#moderation_tool {margin: 0 0 8px 0;}
#moderation_tool.act_mod p {
-moz-border-radius: 3px;
-moz-box-shadow: 0 1px 0 rgba(255,255,255,1) inset, 0 1px 0 rgba(0,0,0,0.3);
-moz-transition: all .2s ease-in-out;
-webkit-border-radius: 3px;
-webkit-box-shadow: 0 1px 0 rgba(255,255,255,1) inset, 0 1px 0 rgba(0,0,0,0.3);
-webkit-transition: all .2s ease-in-out;
cursor: pointer;
webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background: -moz-linear-gradient(#f6f8fa,#edeeef);
background-image: -webkit-linear-gradient(#f6f8fa,#edeeef);
border: 1px solid #D9DBDD;
border-radius: 3px;
box-shadow: 0 1px 0 rgba(255,255,255,1) inset, 0 1px 0 rgba(0,0,0,0.3);
color: #616161;
display: inline-block;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f8fa',endColorstr='#edeeef',GradientType=0);
font-size: 12px;
height: 22px;
line-height: 22px;
padding: 0 10px;
white-space: nowrap;
}
#popw {
background-color: #464646;
background-color: rgba(70,70,70,0.6);
padding: 4px;
-webkit-box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.7);
-moz-box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.7);
box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.7 );
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
display: none;
z-index: 999;
margin-top: 16px;
position: absolute;
}
#popw .mod_hover {
background-image: url(http://i38.servimg.com/u/f38/18/24/85/15/bottom10.png);
width: 31px;
height: 16px;
top: -16px;
left: 5px;
z-index: 999;
position: absolute;
}
#popw .popwinner {
background: #fff;
max-height: 465px;
width: 190px;
overflow: auto;
-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.4);
box-shadow: 0px 0px 3px rgba(0,0,0,0.4);
overflow-x: hidden;
}
#popw .popwinner li {
  background: rgb(248, 248, 248);
  list-style-type: none;
  border-bottom: 1px solid rgb(234, 234, 234);
  text-align: center;
  padding: 3px 4px;
}
#popw .popwinner li a {
  color: #333!important;
}


.Mikae3 {
  background-color: #DFECE6;
  height: 280px;
  opacity: 0.9;
  padding: 20px;
  width: 420px;
  margin-top: -18px;
}
.Mikae4 {
  height:280px;
  padding-right:2px;
  overflow:auto;
  margin-top: -5px;
  color:#35B4B6;
  font-family:arial;
  font-size:12px;
  text-align:justify;
  line-height:100%;
  letter-spacing: 1px;
}

.Mikae1 {
  background-color: #A7D4CC;
  border-bottom: 40px solid #35B4B6;
  width: 482px;
  padding: 10px;
  height: 600px;
  font: 8px Voltaire;
  color:#DFB8B5;
  letter-spacing: 3px;
  padding:6px;
}
.MikaeImage {
  width: 450px;
  height: 200px;
  border-top: 10px solid #A7D4CC;
  border-bottom: 10px solid #A7D4CC;
}
.MikaeTitu{
  background-image: url(http://i.imgur.com/VN2O2pF.png);
  font-family: arial,cursive;
  font-size: 25px;
  padding-top: 20px;
  height:60px;
  text-align:center;
  width: 600px;
  color:#DFECE6;
  text-shadow: 1px 1px 0px #ddd;
  line-height: 19px;
  position: relative;
  left: 10px;
  margin-top: 0px;
  margin-left: -65px;
}

.module:first-child. h3 {
    background-color: #000000!important;
}

Troque por essa

Código:

ul.topiclist li.header dl dd {
    margin-top: 39px;
}
li.header dl.icon dd.dterm, li.header dl.icon dt {
    margin-top: 39px;
}
 
#comments_scroll_div > .marquee {
  overflow-y: scroll !important;
  margin: -10px;
  padding: 10px;
  height: 220px !important;
}
 
#comments_scroll_div > .marquee > .js-marquee-wrapper {
  animation: none !important;
  margin-top: 0 !important;
}
 
.module:nth-child(n+1) .h3 {
    background-color:#000000 !important;
}
 
#main, #main a {
    color: ##3E464C;
}
 
.forumbg a, .forabg a {
    color: #3E464C!important;
}
 
 
div#page-header {
    background-image: url(https://i.imgur.com/SFQo6i1.png);
    background-position: center;
}
 
.mainmenu {
  background-color: #000;
  color: #fff;
}
 
.mainmenu > img {
  filter: invert(100%) !important;
}
 
#site-title h1,
#site-title + p {
  color: #fff;
}
 
#site-title h1::before,
#site-title h1::after {
  background-color: #000 !important;
}
 
.body, html {
    background-color: #000!important;
    color: #444;
    background-position: no-repeat;
    font-family: Roboto, sans-serif;
    font-size: 10px;
    height: 100%;
    line-height: 1.526;
    text-rendering: optimizeLegibility;
}
.headerbar {
    background-color: transparent!important;
    background-image: none!important;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 350px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
}
 
/*table*/
 
div[class*='post--'] .postbody table,div[class*='post--'] .postbody td,#preview .postbody  table,#preview .postbody td{
  border: 1px solid #444!important;
  }
 
/* HEADER_MOD - begin */
#site-desc {
    text-align: center !important;
    position: sticky !important;
    margin-top: 75px !important;
}
 
div#site-title h1 {
  text-transform: uppercase;
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -moz-transition: -moz-transform 0.5s ease, opacity 0.5s ease;
    -webkit-transition: -webkit-transform 0.5s ease, opacity 0.5s ease;
    -ms-transition: -ms-transform 0.5s ease, opacity 0.5s ease;
    transition: transform 0.5s ease, opacity 0.5s ease;
    display: inline-block;
    font-size: 1.75em;
    opacity: 1;
    padding: 0.35em 0em;
    position: relative;
    z-index: 1;
}
 
div#site-title h1:after, div#site-title h1:before {
    -moz-transition: width 0.85s ease;
    -webkit-transition: width 0.85s ease;
    -ms-transition: width 0.85s ease;
    transition: width 0.85s ease;
    -moz-transition-delay: 0.25s;
    -webkit-transition-delay: 0.25s;
    -ms-transition-delay: 0.25s;
    transition-delay: 0.25s;
    background: #fff;
    content: '';
    display: block;
    height: 2px;
    position: absolute;
    width: 100%;
}
 
div#site-desc > p {
    letter-spacing: 0.225em;
    text-transform: uppercase;
}
 
.is-sticky#headerbar-top {
    background-color: #424242 !important;
}
 
/* HEADER_MOD end */
/* WRAP_BODY begin */
.module .h3 {
    background-color: #424242 !important;
}
/* WRAP_BODY end */
 
.postprofile-avatar,
.postprofile-avatar * {
  box-sizing: content-box;
}
 
.postprofile-avatar img {
  max-width: initial;
  max-height: initial;
  height: initial;
  width: initial;
  border-radius: 0px !important;
}
 
.mod-login-avatar img {
  border-radius: 0px;
  border: 3px solid #FFF;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), 0 0 1px rgba(0, 0, 0, 0.3);
  width: 150px;
  height: 300px;
    }
 
/*ranks*/
.rank {
    background: url(http://i.imgur.com/nmBh3WZ.png);
    border-radius: 3px;
    box-shadow: 1px 2px 11px rgba(0,0,0,0.29);
    color: #fff;
    font-family: 'Roboto Condensed'!important;
    font-size: 13px;
    font-weight: 400;
    height: 25px;
    line-height: 25px;
    margin: 10px auto 0;
    max-width: 120px;
    padding: 0;
    position: relative;
    text-shadow: 1px -1px rgba(0,0,0,0.29);
    text-transform: uppercase;
}
div.rank.kir {
            background-color: #276BD1!important;
            text-align:center;
 
  }
div.rank.kon {
            background-color: #f92a3b!important;
            text-align:center;
 
  }
div.rank.sun {
            background-color: #6FB569!important;
            text-align:center;
 
}
.rank:before {
    border-right: 1px solid rgba(255,255,255,0.55);
    content: "NE";
    float: left;
    margin-top: -5px;
    padding: 5px 5px 0;
}
 
 
/*spoiler*/
.codebox
{
  background: #FCFCFC;
  border: 1px solid #E3E3E3;
  font-size: 11px;
  line-height: 170%;
  overflow: auto;
  padding: 5px;
}
.codebox dd
{
  background-color: transparent;
  margin: .3em;
  padding: .3em;
}
.codebox dt
{
  border-bottom: 0;
}
.codebox.spoiler dt
{
  background: #ECECEC url(http://i.imgur.com/psvFIEG.png) repeat-x 0 0;
  border: 1px solid #D0D0D0;
  border-radius: 2px;
  box-shadow: 0 1px 2px rgba(0,0,0,0.1), inset rgba(255,255,255,0.7) 0 1px 0;
  color: #616161;
  cursor: pointer;
  display: inline-block;
  font-size: 11px;
  height: 24px;
  line-height: 24px;
  margin: 0 0 0 5px;
  moz-border-radius: 2px;
  moz-box-shadow: 0 1px 2px rgba(0,0,0,0.1), inset rgba(255,255,255,0.7) 0 1px 0;
  padding: 0 10px;
  text-shadow: #fff 0 1px 0;
  webkit-border-radius: 2px;
  webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1), inset rgba(255,255,255,0.7) 0 1px 0;
  white-space: nowrap;
}
.codebox.spoiler dt:hover
{
  background-color: #F8F8F8;
  color: #4C4C4C;
}
.codebox.spoiler
{
  background: transparent;
  border: 0;
}
.codebox.spoiler dd
{
  background: transparent;
}
.spoiler_content.hidden
{
  background: #FCFCFC;
  border: 1px dashed #E3E3E3;
  padding: 5px;
}
.postmain blockquote
{
  background: #FCFCFC;
  border: 1px solid #E3E3E3;
  color: #9F9F9F;
  font-size: 12px;
  margin-bottom: 5px;
  padding: 10px;
}
 
/*quotes*/
blockquote {
font-size: 12px;
border: 1px solid #E3E3E3;
background: #FCFCFC;
color: #000;
margin-bottom: 5px;
}
blockquote, .postmain blockquote {padding: 10px;}
blockquote cite {
font-size: 12px;
padding: 8px 10px;
text-indent: 25px;
border: 1px solid #E3E3E3;
border-top: 0px;
border-bottom: 1px solid #E8E8E8;
background-color: #F2F2F2;
background-image: url(http://i34.servimg.com/u/f34/16/49/10/98/snapba10.png), url(http://i.imgur.com/iPXDkuF.png);
background-position: 10px center, 0 0;
background-repeat: no-repeat, repeat-x;
color: #535353;
text-shadow: rgba(255, 255, 255, 1) 0px 1px 0px;
font-weight: bold;
}
blockquote cite, .postmain cite {margin: -10px -11px 8px -11px;}
 
/*moderar topicos*/
 
#moderation_tool {margin: 0 0 8px 0;}
#moderation_tool.act_mod p {
-moz-border-radius: 3px;
-moz-box-shadow: 0 1px 0 rgba(255,255,255,1) inset, 0 1px 0 rgba(0,0,0,0.3);
-moz-transition: all .2s ease-in-out;
-webkit-border-radius: 3px;
-webkit-box-shadow: 0 1px 0 rgba(255,255,255,1) inset, 0 1px 0 rgba(0,0,0,0.3);
-webkit-transition: all .2s ease-in-out;
cursor: pointer;
webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background: -moz-linear-gradient(#f6f8fa,#edeeef);
background-image: -webkit-linear-gradient(#f6f8fa,#edeeef);
border: 1px solid #D9DBDD;
border-radius: 3px;
box-shadow: 0 1px 0 rgba(255,255,255,1) inset, 0 1px 0 rgba(0,0,0,0.3);
color: #616161;
display: inline-block;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f8fa',endColorstr='#edeeef',GradientType=0);
font-size: 12px;
height: 22px;
line-height: 22px;
padding: 0 10px;
white-space: nowrap;
}
#popw {
background-color: #464646;
background-color: rgba(70,70,70,0.6);
padding: 4px;
-webkit-box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.7);
-moz-box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.7);
box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.7 );
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
display: none;
z-index: 999;
margin-top: 16px;
position: absolute;
}
#popw .mod_hover {
background-image: url(http://i38.servimg.com/u/f38/18/24/85/15/bottom10.png);
width: 31px;
height: 16px;
top: -16px;
left: 5px;
z-index: 999;
position: absolute;
}
#popw .popwinner {
background: #fff;
max-height: 465px;
width: 190px;
overflow: auto;
-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.4);
box-shadow: 0px 0px 3px rgba(0,0,0,0.4);
overflow-x: hidden;
}
#popw .popwinner li {
  background: rgb(248, 248, 248);
  list-style-type: none;
  border-bottom: 1px solid rgb(234, 234, 234);
  text-align: center;
  padding: 3px 4px;
}
#popw .popwinner li a {
  color: #333!important;
}
 
 
.Mikae3 {
  background-color: #DFECE6;
  height: 280px;
  opacity: 0.9;
  padding: 20px;
  width: 420px;
  margin-top: -18px;
}
.Mikae4 {
  height:280px;
  padding-right:2px;
  overflow:auto;
  margin-top: -5px;
  color:#35B4B6;
  font-family:arial;
  font-size:12px;
  text-align:justify;
  line-height:100%;
  letter-spacing: 1px;
}
 
.Mikae1 {
  background-color: #A7D4CC;
  border-bottom: 40px solid #35B4B6;
  width: 482px;
  padding: 10px;
  height: 600px;
  font: 8px Voltaire;
  color:#DFB8B5;
  letter-spacing: 3px;
  padding:6px;
}
.MikaeImage {
  width: 450px;
  height: 200px;
  border-top: 10px solid #A7D4CC;
  border-bottom: 10px solid #A7D4CC;
}
.MikaeTitu{
  background-image: url(http://i.imgur.com/VN2O2pF.png);
  font-family: arial,cursive;
  font-size: 25px;
  padding-top: 20px;
  height:60px;
  text-align:center;
  width: 600px;
  color:#DFECE6;
  text-shadow: 1px 1px 0px #ddd;
  line-height: 19px;
  position: relative;
  left: 10px;
  margin-top: 0px;
  margin-left: -65px;
}
 
.module:first-child. h3 {
    background-color: #000000!important;
}

Resolveu meu problema. Podem trancar.