Estilo categoria igual estilo dos Widgets

Diogo Ferreira  • Qui 13 Fev 2014 - 11:46

Diogo Ferreira  • Sex 14 Fev 2014 - 16:11

Target  • Sex 14 Fev 2014 - 19:01

Re: Estilo categoria igual estilo dos Widgets Sex 14 Fev 2014 - 19:01

Olá!
Não entendi muito bem o que deseja, mas aqui na BS os widgets utilizados tem este CSS:

Código:


#siteinfo,.main .main-content,.main .main-head,.pun .posthead,.title-overview {
background:#00752A url(http://i57.servimg.com/u/f57/18/12/37/46/main-b10.png) repeat-x
}

.main .main-content {
border:0;
border-radius:0 0 3px 3px;
box-shadow:rgba(0,0,0,0.3) 0 1px 4px;
padding:6px
}

.main .main-head,.title-overview {
-moz-border-radius:3px 3px 0 0;
-moz-box-shadow:rgba(0,0,0,0.3) 0 -1px 4px;
-webkit-border-radius:3px 3px 0 0;
-webkit-box-shadow:rgba(0,0,0,0.3) 0 -1px 4px;
border-radius:3px 3px 0 0;
box-shadow:rgba(0,0,0,0.3) 0 -1px 4px;
color:#fff;
padding:13px;
text-shadow:1px 1px 1px #333
}

#right {
  -moz-border-radius:5px;
  -moz-box-shadow:-2px 2px 2px none;
  -webkit-border-radius:5px;
  -webkit-box-shadow:-2px 2px 2px none;
  background:#ebedef;
  border:1px solid #dce2ec;
  border-radius:5px;
  box-shadow:-2px 2px 2px none;
  padding: 5px
/* Caso bug entrar em contacto comigo ! */
}

.module .main-head,.title-overview {
  margin-top:0
}

.module .main-content{
  background:#fff;
  border:1px solid #dedede;
  padding:.8em
}

.module .main-content table[style="table-layout:fixed"]{
  -moz-border-radius:4px;
  -moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);
  -webkit-border-radius:4px;
  -webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);
  background-color:#f7f7f7;
  background-image:linear-gradient(tobottom,#f5f5f5,#f9f9f9);
  background-repeat:repeat-x;
  border-radius:4px;
  box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5',endColorstr='#fff9f9f9',GradientType=0)
}


.module .main-content table[style="table-layout:fixed"] {
-moz-border-radius:4px;
-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);
-webkit-border-radius:4px;
-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);
background-color:#f7f7f7;
background-image:linear-gradient(tobottom,#f5f5f5,#f9f9f9);
background-repeat:repeat-x;
border-radius:4px;
box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5',endColorstr='#fff9f9f9',GradientType=0)
}

#content-container div#content {
margin-right: 260px
}

#content-container div#container {
margin-right: -290px !important
}

#content-container div#right {
float: right !important;
width: 235px !important
}


Para alterar a cor é só modificar:
#00752A para a cor desejada em hexadecimal ! ^-^

Edit:

Adicione também:

Código:


#content {
margin-right: 270px !important
}


Até +!

Diogo Ferreira  • Sex 14 Fev 2014 - 19:19

Target  • Sex 14 Fev 2014 - 19:38

Re: Estilo categoria igual estilo dos Widgets Sex 14 Fev 2014 - 19:38

Olá,
Troque o CSS por este:

Código:


#content {
margin-right: 270px !important
}


.tcr .ipsUserPhoto {
    float: left;
    margin: 8px;
}

html, body {
font: normal 13px helvetica, arial, sans-serif;
color: #5a5a5a;
background-image: url("http://i.imgur.com/Lzq2mdm.png") !important;
background-repeat: repeat !important;
}
.pun {
background: #fff;
padding: 10px 10px;
line-height: 120%;
-webkit-box-shadow: 0px 5px 9px rgba(0, 0, 0, 0.1), 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 5px 9px rgba(0, 0, 0, 0.1), 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
box-shadow: 0px 5px 9px rgba(0, 0, 0, 0.1), 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
border-radius: 0 0 3px 3px;
}
.pun, .main_width {
margin: 0 auto;
width: 85%;
min-width: 960px;
}
img, .input_check, .input_radio {
vertical-align: middle;
}
.pun a:visited {color: #028999;}
a:link {text-decoration: none;}
.pun a:link {
text-decoration: none !important;
color: #028999;
}
.pun a:hover {
color: #158f57;
}
pun a:active {
color: #028999;
}
#pun-visit, .main-box, #pun-about, .pun .paged-foot, .pun .paged-head {
background-color: transparent;
border: 0px;
}
#pun-about {font-size: 0.8em;}
#pun-intro, #pun-navlinks, #pun-about form {display: none;}
/*header*/
#header_bar {
background: #323232 url(http://i78.servimg.com/u/f78/17/31/71/58/user_n10.png) repeat-x bottom;
padding: 0;
text-align: right;
}
#branding, #header_bar, #primary_nav {
min-width: 980px;
}
#user_navigation {
color: #9f9f9f;
font-size: 11px;
}
#user_link {
font-size: 12px;
color: white;
padding: 0 12px;
height: 36px;
line-height: 36px;
display: inline-block;
margin-right: 15px;
outline: 0;
}
#user_navigation {
overflow: visible;
}
#user_navigation .ipsList_inline li {
margin: 0;
}
.ipsList_inline > li:first-child {
margin-left: 0;
}
#user_navigation a {
color: #fff;
}
#user_navigation.not_logged_in {
height: 26px;
padding: 6px 0 4px;
}
#user_navigation #register_link {
background: #7BA60D;
color: white;
display: inline-block;
padding: 3px 8px;
border: 1px solid #7BA60D;
-webkit-box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.2), 0px 1px 4px rgba(0, 0, 0, 0.4);
-moz-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2), 0px 1px 4px rgba(0,0,0,0.4);
box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.2), 0px 1px 4px rgba(0, 0, 0, 0.4);
text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
}
#user_link:hover, #notify_link:hover, #inbox_link:hover {
background-color: #323232;
}
#user_navigation #sign_in {
  margin-right: 8px;
}
#notify_link {
background: url(http://i78.servimg.com/u/f78/17/31/71/58/icon_n11.png) no-repeat top;
}
#inbox_link {
background: url(http://i78.servimg.com/u/f78/17/31/71/58/icon_i11.png) no-repeat top;
}
#notify_link, #inbox_link {
vertical-align: middle;
width: 18px;
height: 15px;
padding: 11px 24px 8px 12px;
position: relative;
}
.ipsList_inline > li {
display: inline-block;
margin: 0 3px;
}
ol, ul {
list-style: none;
}
.attach {float: right;}
/*branding*/
#branding {
    background: url("http://i.imgur.com/f982kBi.png") repeat-x scroll center 70% rgb(27, 55, 89);
    border-bottom: 1px solid rgb(27, 55, 89);
    min-height: 64px;
    height: 1px;
    transition: all 1.0s linear 0s;
}

.clickable {
  cursor: pointer;
}
#search {
margin: 20px 0;
}
#search_wrap {
position: relative;
background: #fff;
display: block;
padding: 0 26px 0 4px;
height: 26px;
line-height: 25px;
-moz-border-radius: 3px 4px 4px 3px;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 3px;
border-radius: 3px 4px 4px 3px;
-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
min-width: 230px;
}
#main_search {
margin-top: 5px;
font-size: 12px;
border: 0;
padding: 0;
color: #b0b0b0;
background: transparent;
width: 130px;
outline: 0;
}
#main_search:focus {
color: #5a5a5a;
}
input, select {
font: normal 13px helvetica,arial,sans-serif;
}
#search_options {
font-size: 10px;
height: 20px;
line-height: 20px;
margin: 3px 3px 3px 0;
padding: 0 6px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
background: #EAEAEA;
display: inline-block;
float: right;
max-width: 80px;
text-overflow: ellipsis;
overflow: hidden;
}
#search .submit_input {
background: #7BA60D url(http://i81.servimg.com/u/f81/17/45/75/97/search10.png) no-repeat 50%;
text-indent: -3000em;
padding: 0;
border: 0;
border: 1px solid #7BA60D;
display: block;
width: 26px;
height: 26px;
position: absolute;
right: 0;
top: 0;
bottom: 0;
-moz-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
-webkit-box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.2);
-moz-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2);
box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.2);
}
#adv_search {
width: 16px;
height: 16px;
background: url(http://i81.servimg.com/u/f81/17/45/75/97/advanc10.png) no-repeat right 50%;
text-indent: -3000em;
display: inline-block;
margin: 4px 0 4px 4px;
}
fieldset {
border: 0px groove threedface;
}
/*navegação*/
#primary_nav {
    background: none repeat scroll 0% 0% rgba(0, 25, 230, 0.1);
    font-size: 13px;
    padding: 10px;
    margin-bottom: 0px;
    box-shadow: 0px -0.6px 4px -2px inset;
}
#community_app_menu > li {
margin: 0px 3px 0 0;
}
#community_app_menu > li > a {
    background: none repeat scroll 0px 0px rgba(0, 0, 0, 0.4);
    border-radius: 2px 2px 2px 2px;
    box-shadow: 0px 0px 1px rgba(255, 255, 255, 0.6);
    color: rgb(255, 255, 255);
    display: block;
    padding: 6px 15px 8px;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
    transition: all 0.3s ease-in 0s !important;
}
#community_app_menu > li > a.menu_active, #community_app_menu > li > a:hover {
    background: none repeat scroll 0px 0px rgba(15, 20, 150, 0.57);
    box-shadow: 0px 0px 1px rgba(255, 255, 255, 0.6), 0px 0px 3px rgba(0, 0, 0, 0.2) inset;
    color: rgb(255, 255, 255);
}
/* Menu FORUM INATIVO
#community_app_menu > li.active > a {
    background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.4);
    color: rgba(255,255,255,1);
    font-weight: bold;
    margin-top: 0px;
    text-shadow: 1px 1px rgba(0,0,0,0.2);
    border-radius: 2px;
}
*/
#primary_nav #quickNavLaunch {
padding: 6px 8px 8px;
}
#quickNavLaunch span {
background: url(http://i78.servimg.com/u/f78/17/31/71/58/icon_q10.png) no-repeat top;
width: 13px;
height: 13px;
display: inline-block;
}
/*table*/
.collapsed {
opacity: 0.8;
}
.main .main-head.collapsed {
border-radius: 4px 4px 4px 4px;
opacity: 0.2;
}
.main .main-head, .main .main-foot {
    color: rgb(255, 255, 255);
    padding: 10px 10px 11px;
    border-radius: 4px 4px 0px 0px;
    border-width: 1px 1px 0px;
    border-style: solid;
    margin-top: 15px;
    background: #4F4F4F url("") repeat-x scroll center 45%;
    box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2) inset, 0px 0px 100px 0px rgba(0, 0, 0, 0.42) inset;
    border-color: rgba(0, 0, 0, 0.6);
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}
.main .main-foot {
margin-top: 0px;
-moz-border-radius: 0 0 4px 4px;
-webkit-border-bottom-left-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
border-radius: 0 0 4px 4px;
}
.main .main-head .page-title h2 {
font-size: 16px;
font-weight: 300;
}
.pun .main-content {
  background: #ebf0f3;
  padding: 9px;
}
.pun table.table {
background: #fff;
border: 1px solid #dbe4ef;
}
.table .tc_icon {
padding: 10px 5px!important;
vertical-align: middle;
width: 30px;
}
.pun table.table .tc_forum {
height: 42px;
min-height: 24px;
}
.pun tbody.statused span.stats {
margin-right: 10px;
margin-left: -25px;
}
.pun tbody.statused span.status {
position: relative!important;
}
.pun .main table td.tc2, .pun .main table td.tc3 {
background-color: white;
}
.pun table.table td {
background: white;
padding: 10px;
border: 0px;
border-bottom: 1px solid rgba(0, 0, 0,0.1);
}
.hierarchy {
font-size: 15px!important;
font-weight: 400!important;
}
/*lastpost*/
.mini_ava {
float: left;
}
.mini_ava img {
width: 30px;
height: 30px;
margin: 8px 5px;
padding: 1px;
border: 1px solid #D5D5D5;
background: white;
-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
}
.mini_ava img:hover {
border-color: #a1a1a1;
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
}
/*stats*/
#onlinelist {background: white;border-top: 3px solid #d8d8d8;}
#onlinechat {background: white;border-top: 0px;}
#statistics {
margin: 0 auto !important;
text-align: center !important;
display: table;
background: none;
}
.statHide{display:none !important;}
.statsPers li span a {
text-decoration: none !important;
}
.statsPers li > span {
background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.1);
color: rgb(34, 34, 34);
text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.6);
padding: 3px 7px;
font-weight: bold;
border-radius: 3px 3px 3px 3px;
margin-right: 3px;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3) inset, 0px 1px 0px rgb(255, 255, 255);
}
.statsPers li {
float: left;
color:#4a4a4a;
margin: 2px 10px;
}
.statsPers {
list-style: none;
display: block;
margin: 0px auto;
width: 100%;
}
/*footer*/
#footer_utilities {
padding: 10px;
font-size: 11px;
position: relative;
}
#footer_utilities .ipsList_inline>li>a {
margin-right: 0px;
padding: 4px 10px;
}
#footer_utilities .ipsList_inline > li > a.rss_feed {padding: 0px;}
#footer_utilities a {color: #225985;}
#footer_utilities a:hover {color: #328586;}
#footer_utilities .ipsList_inline > li > a {
margin-right: 0px;
padding: 4px 10px;
}
#backtotop {
width: 24px;
height: 24px;
line-height: 20px;
left: 50%;
margin-left: -12px;
position: absolute;
display: inline-block;
background: #bdbdbd;
text-align: center;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
border-radius: 16px;
opacity: 0.4;
outline: 0;
}
#backtotop img {margin-top: 5px;}
#backtotop:hover{background:#af286d;color:#fff;opacity:1;}
#copyright {
color: #848484;
text-align: right;
text-shadow: 0px 1px 0px #fff;
}
#copyright a {
color: #848484;
}
/*post*/
.post h3 {
background: #D8DDE8;
padding: 0 10px;
height: 36px;
line-height: 36px;
font-weight: normal;
font-size: 16px;
}
span.post_id {
margin-left: 4px;
}
.post_date {
padding: 0 0 10px 0;
font-size: 12px;
color: #a4a4a4;
}
.desc.blend_links a {
font: normal 12px helvetica, arial, sans-serif;
color: #777777;
}
.post_id a img.small {
max-height: 12px;
margin-left: 3px;
margin-top: -2px;
opacity: 0.5;
}
.post_online {display: inline-block;}
.pun .post .user {
margin-left: -16em;
margin-top: -0.9em;
}
.pun .post {background: white;}
.pun .postmain {
    background-color: white;
    margin-left: 14em;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
}
.pun .post .user {
width: 155px;
font-size: 12px;
text-align: center;
line-height: 150%;
margin-left: -170px;
margin-top: -0.6em;
}
.pun .user .user-ident .user-basic-info {
  font-size: 11px;
  color: #a4a4a4;
  text-align: center;
  font-weight: normal;
}
.postfoot {
border-top: 0px;
margin-left: -14em;
}
/*user img*/
.user-basic-info a img {
max-height: 290px;
max-width: 150px;
padding: 1px;
border: 1px solid #D5D5D5;
background: white;
-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
}
.user-basic-info a img:hover {
border-color: #A1A1A1;
-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
}

/*quick reply*/
#pun-qpost {
  background: #ebf0f3;
  padding: 9px;
  padding-top: 1px;
}
#pun-qpost .main-head {
font: 300 26px/1.3 Helvetica, Arial, sans-serif;
color: #323232;
font-size: 18px;
background: white;
border-top: 1px solid #dbe4ef;
border-left: 1px solid #dbe4ef;
border-right: 1px solid #dbe4ef;
border-radius: 0px;
-webkit-box-shadow: inset 0px 0px 0;
-moz-box-shadow: inset 0px 0px 0;
box-shadow: inset 0px 0px 0;
}
#pun-qpost a.exthelp {display: none;}
.pun .frm-form, .main .main-content.frm {
background-color: white;
}
.pun .post {
  border: 1px solid #dbe4ef;
}
.pun .main-content {
  border: 1px solid #dbe4ef;
  border-top: 0px;
}
#pun-qpost .frm-buttons {
border-top: 0px;
text-align: center;
}
/*chatbox*/
#chatbox_header.main-head {
background: #2c5687 url(http://i78.servimg.com/u/f78/17/31/71/58/mainti10.png) repeat-x top;
padding: 6px 8px 6px;
-moz-border-radius: 4px 4px 0 0;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
border-radius: 4px 4px 0 0;
-webkit-box-shadow: inset 0px 1px 0 #528cbc;
-moz-box-shadow: inset 0px 1px 0 #528cbc;
box-shadow: inset 0px 1px 0 #528cbc;
border-width: 1px 1px 0 1px;
border-color: #316897;
border-style: solid;
}
.chatbox-title, .chatbox-title a.chat-title {
color: #fff;
font-size: 13px;
font-weight: 300;
}
.chatbox-options {margin: .3em .3em .5em;}
.chatbox-options li, .chatbox-options li a, .chatbox-options li label {
color: #fff;
}
#chatbox_members {
  top: 40px;
  border-right: 1px solid #ccc;
}
#chatbox p:first-child {
border-top: 1px solid #d5dde5;
}
#chatbox p {
background: #f1f6f9;
border-right: 1px solid #d5dde5;
border-left: 1px solid #d5dde5;
border-bottom: 1px solid #d5dde5;
line-height: 1.2em;
}
#chatbox_footer {
  padding-bottom: 6px;
  border-top: 1px solid #d5dde5;
  background: #f1f6f9;
}
#chatbox_footer .right {
  /*display: none !important;*/
  float: left;
}
#chatbox_messenger_form .right {margin-left: 8px;font-size:0}
input#message.post {
color: #5a5a5a;
border-width: 1px;
border-style: solid;
border-color: #848484 #c1c1c1 #e1e1e1 #c1c1c1;
background: #fff;
padding: 4px;
min-width: 395px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
}
#message, #submit_button {
margin-left: 15px;
}
.fontbutton {
background: #EFF1F3;
border-color: #DEE0E2;
color: #464646;
-moz-box-shadow: inset 0 1px 0 0 #eff3f8, 0px 2px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: inset 0 1px 0 0 #eff3f8, 0px 2px 3px rgba(0,0,0,0.2);
box-shadow: inset 0 1px 0 0 #eff3f8, 0px 2px 3px rgba(0,0,0,0.2);
}
#divsmilies img + img{visibility:visible!important}
#chatbox_messenger_form div.right img{visibility:hidden}
#simple-wrap {
  background:white;
}
#divbold, #divcolor, #divitalic, #divsmilies, #divstrike, #divunderline {
background-position: center;
background-repeat: no-repeat;
}
#divbold {
background-image: url(http://cdn2.iconfinder.com/data/icons/oxygen/16x16/actions/format-text-bold.png);
}
#divitalic {
background-image: url(http://cdn2.iconfinder.com/data/icons/oxygen/16x16/actions/format-text-italic.png);
}
#divunderline {
background-image: url(http://cdn2.iconfinder.com/data/icons/oxygen/16x16/actions/format-text-underline.png);
}
#divstrike {
background-image: url(http://cdn1.iconfinder.com/data/icons/bnw/16x16/actions/text_strike.png);
}
#divcolor {
background-image: url(http://2img.net/i/fa/wysiwyg/color_swatch.png);
}
#divsmilies {
background-image: url(http://i26.servimg.com/u/f26/12/56/56/12/emotic10.png);
}
.main-content.chatbox {padding: 0px;}
#chatbox{
  margin: 10px 0 10px 0;
  border: 1px solid #DCE2EC;
  border-bottom: 6px solid #DCE2EC;
  background: #ebf0f3;
  padding: 8px;
}
input[type="submit"] {
text-decoration: none;
border-width: 1px;
border-style: solid;
padding: 4px 10px;
cursor: pointer;
}
input[type="submit"] {
background: #212121 url(http://i78.servimg.com/u/f78/17/31/71/58/topic_10.png) repeat-x top;
color: #fff;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: inset 0 1px 0 0 #5c5c5c, 0px 2px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: inset 0 1px 0 0 #5c5c5c, 0px 2px 3px rgba(0,0,0,0.2);
box-shadow: inset 0 1px 0 0 #5c5c5c, 0px 2px 3px rgba(0,0,0,0.2);
border-color: #212121;
}
/*crumbs*/
.pun-crumbs {
    background: none repeat scroll 0% 0% rgb(239, 241, 243);
    border: 1px solid rgb(217, 219, 221);
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0px 0px 3px rgba(109, 119, 237, 0.2);
    clear: both;
    font-size: 11px;
    overflow: hidden;
    margin: 0px 1px 1em;
    padding: 0.2em 1em;
}
.pun-crumbs p {
    color: rgb(102, 102, 102);
    font-size: 1.11em;
    line-height: 1.5;
}
p.crumbs a {
    background: url("http://i57.servimg.com/u/f57/14/89/34/10/second10.png") no-repeat scroll 100% center transparent;
    color: rgb(117,117,117) !important;
    line-height: 30px;
    padding: 10px 20px 10px 12px;
    margin-left: -12px;
    text-shadow: 0px 1px 0px rgb(255, 255, 255);
}
p.crumbs a:hover {
    background-position: 100% -1px;
    border-radius: 3px 0px 0px 3px;
    color: rgb(34, 34, 34);
    text-shadow: 0px 1px 0px rgb(255, 255, 255);
}
p.crumbs a:active {
    background-position: 100% -86px;
    border-radius: 3px 0px 0px 3px;
    color: rgb(34, 34, 34);
    text-shadow: 0px 1px 0px rgb(255, 255, 255);
}


.desc.lighter, .desc.lighter.blend_links a {
    color: #A4A4A4;
}

/* Moderar Tópicos */
    .act_mod {margin: 0 0 8px 0;}
    .act_mod p {
      background: rgb(248, 248, 248) url("http://i38.servimg.com/u/f38/18/24/85/15/shine10.png") repeat-x 0 50%;
      border: 1px solid rgb(219,219,219);
      -moz-box-shadow: 0px 1px 0px rgba(255,255,255,1) inset, 0px 1px 0px rgba(0,0,0,0.3);
      -webkit-box-shadow: 0px 1px 0px rgba(255, 255, 255, 1) inset, 0px 1px 0px rgba(0, 0, 0, 0.3);
      box-shadow: 0px 1px 0px rgba(255, 255, 255, 1) inset, 0px 1px 0px rgba(0, 0, 0, 0.3);
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      border-radius: 3px;
      color: #616161;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      font-size: 12px;
      height: 22px;
      line-height: 22px;
      padding: 3px 10px;
      white-space: nowrap;
      cursor: pointer;
      display: inline-block;
    }
    #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;
    }
    .mod_hover {
    background-image: url(http://i38.servimg.com/u/f38/18/24/85/15/bottom10.png);
    width: 31px;
    height: 16px;
    position: absolute;
    }
    .popupInner {
    background: #fff;
    width: 500px;
    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;
    }
    .action_mod li {
      background: rgb(248, 248, 248);
      border-bottom: 1px solid rgb(234, 234, 234);
      text-align: center;
      padding: 3px 4px;
    }
    .action_mod li a {
      color: #333!important;
    }
/* fim moderar tópicos */
/* Novas Mensagens etc */
#pun-visit, .main-box, #pun-about, .pun .paged-foot, .pun .paged-head {
    background-color: transparent;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px 5px 5px 5px;
}
/* fim novas msgs */
/* logo */
#logo {
    opacity: 0.9;
    display: inline;
    margin-left: -45px;
}
#logo:hover {
    opacity: 1;
    text-decoration: none;
}
/* fim logo */
/* curtir */
    /*like*/
    .LGlike {
    background: url(http://i11.servimg.com/u/f11/18/07/42/17/ok12.png) no-repeat left;
    background-color: #326A94;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 2px 2px 2px 2px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1),0 1px 0 rgba(255, 255, 255, 0.3) inset;
    color: white;
    cursor: pointer;
    display: inline-block;
    font-size: 11px;
    height: 22px;
    line-height: 22px;
    padding: 0 18px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    white-space: nowrap;
    margin-right: 5px;
    margin-top: 30px;
    }
    .LGvote { margin: 0 5px; }
    .LGnovote {
      filter:Alpha(opacity=50);
      opacity: 0.5;
      cursor: default;
      box-shadow: none;
      text-shadow: none;
    }
/* fim curtir post */
/*POPUP TOPICO NÃO LIDO */
#popupnew {
    min-height: 20px;
    min-width: 150px;
    position: fixed;
    bottom: 30px;
    margin-left: 40px;
    padding: 5px;
    z-index: 999;
    border: 1px solid rgba(0, 0, 0, 0.8);
    text-shadow: 1px 1px rgba(255, 255, 255, 0.2);
    background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.8);
    box-shadow: 0px 15px rgba(255, 255, 255, 0.05) inset, 0px 0px 0px 1px rgba(255, 255, 255, 0.2) inset;
    border-radius: 4px 4px 4px 4px;
    color: rgb(255, 255, 255);
    font-family: verdana,arial;
    font-size: 10pt;
    text-align: left;
    display: none;
    background-image: url("http://r20.imgfast.net/users/2011/11/04/42/smiles/2376561594.gif");
    background-repeat: no-repeat;
    background-position: 1% 45%;
    padding-left: 1.5%;
}

/* fim popup n lido */
/* widgets no indice */
   
   
/* fim widgets indice */
#pun-announcement {
    border-radius: 5px 5px 5px 5px;
    clear: both;
    font-size: 11px;
    margin: 0px 1px 1em;
    overflow: hidden;
    background: none repeat scroll 0% 0% rgba(255, 162, 0, 0.3);
    border: 1px solid rgba(255, 162, 0, 0.2);
    box-shadow: 1px 1px rgba(255, 255, 255, 0.6) inset;
    color: rgb(74, 74, 74);
    text-shadow: 1px 1px rgba(255, 255, 255, 0.6);
}
/* seletor de página */
.paging > b {
    background: none repeat scroll 0px 0px rgb(123, 166, 13);
    border-radius: 2px 2px 2px 2px;
    color: rgb(255, 255, 255);
    font-weight: 700;
    margin: 0px 1px;
    padding: 4px;
}
.paging > a {
    background: rgba(0,0,0,0.1);
    padding: 5px;
    border-radius: 2px;
    margin: 0 1px;
    color: #8D8D8D !important;
}
.paging > a:hover {
    background: none repeat scroll 0px 0px rgba(0, 0, 0, 0.1);
    border-radius: 2px 2px 2px 2px;
    padding: 5px;
    margin: 0px 1px;
    color: #505050 !important;
}
.sprite-arrow_prosilver_right {
    background: url("http://i34.servimg.com/u/f34/18/17/62/92/next10.png") no-repeat scroll 0px 0px transparent;
    height: 20px;
    width: 39px;
}
/* avatar ultimos topicos widget*/
.ipsType_smaller, .ipsType_smaller a {
    margin-bottom: 5%;
}
/* resposta rápida */
#quick_reply #textarea_content {
    background: none repeat scroll 0px 0px rgb(235, 240, 243);
    border: 2px solid rgb(211, 211, 211);
    clear: both;
    height: auto !important;
    margin-left: -10px !important;
    margin-right: -10px !important;
    min-width: 950px;
    padding: 9px 4px;
    width: 100% !important;
}
/* assinatura */
.pun .sig-content {
    clear: both;
    margin-bottom: 4px !important;
    margin-top: 6px !important;
    padding: 0px 0px 10px !important;
    position: relative;
}
/* post foot */
.postfoot {
    border-top: 0px none;
    margin-left: -185px !important;
    opacity: 0.3;
    transition: all 0.5s ease 0s;
}
.postfoot:hover {
    opacity: 1;
}
/* PAGINA MEMBROS */
.pun table.table th {
    background-color: rgba(120, 10, 120, 0.8);
    padding: 0.5em 0px;
    box-shadow: 0px 0px 100px 0px rgba(0, 0, 0, 0.1) inset;
    border: 1px solid rgba(0, 0, 0, 0.2);
    color: white;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}
.pun .frm .frm-form table {
    border: 1px solid rgba(0, 0, 0, 0.2);
}
.pun table.table td.tc3 {
text-align: center;
width: 15%;
}
/* pagina calendario */
.pun .main table.calendar thead th {
    background: rgba(120, 10, 120, 0.8);
    font-weight: 700;
    padding: 0.5em;
    box-shadow: 0px 0px 100px 0px rgba(0, 0, 0, 0.1) inset;
}
.pun .main table.calendar .row3 {
    background-color: rgba(20, 50, 50, 0.1);
    padding: 0.25em;
}
.pun .main table.calendar td.row2:hover {
    background-color: rgba(110, 160, 190,0.2);
    transition: 0.3s;
}
/* pagination dos topicos */
strong.pagination {
    font-weight: 400;
    background: none repeat scroll 0% 0% rgb(123, 166, 13);
    padding: 2px;
    border-radius: 2px 2px 2px 2px;
    color: white;
    margin: 0 1px;
}
strong.pagination a {
    color: white !important;
    font-size: 12px;
}
/* codigos bbcode */
.codebox {
    background-color: rgb(255, 255, 225);
    border: 1px solid rgba(0,0,0,0.14);
    margin: 1em;
    box-shadow: 0 0 7px rgba(0,0,0,0.12);
    border-left: 2px solid rgba(120,10,100,1);
}
.codebox dt {
    border-bottom: 1px dashed rgba(0, 0, 0, 0.2);
    padding: 0.25em;
    color: rgba(0, 0, 0, 0.7);
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    margin-left: 5px;
    font-weight: bold;
}
.codebox dd {
    background-color: rgb(255, 255, 225);
    margin: 5px;
    padding: 1px;
}
.codebox dd.cont_code {
    max-height: 80%;
    overflow: auto;
}
.postmain blockquote {
    background-color: rgb(255, 255, 225);
    border-width: 1px 1px 1px 2px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.14) rgba(0, 0, 0, 0.14) rgba(0, 0, 0, 0.14) rgb(120, 10, 10);
    margin: 1em;
    box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.12);
}
.postmain cite {
    display: block;
    font-style: normal;
    font-weight: 700;
    margin: 0px 0px 1em;
    border-bottom: 1px dashed rgba(0,0,0,0.2);
    padding: 1px;
}
.donate, .quotebox {
    background-color: rgb(255, 255, 225);
    border: 1px solid rgba(0,0,0,0.14);
    margin: 1em;
    box-shadow: 0 0 7px rgba(0,0,0,0.12);
    border-left: 2px solid rgba(120,10,100,1);
}
/* perfil menus */
#tabs ul li.activetab a {
    border-color: rgba(0,0,0,0.2);
    color: rgba(255,255,255,1);
    text-decoration: none;
    background: none repeat scroll 0% 0% rgba(10, 40, 130, 0.6);
    box-shadow: 0px 0px 1px rgba(255, 255, 255, 1);
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    border-radius: 3px;
}
#tabs ul li.activetab a:hover {
    background-color: rgba(100,33, 123,0.7);
    transition: 0.4s;
}
#tabs ul li a {
    border: 1px solid;
    float: left;
    font-size: 1.1em;
    font-weight: 400;
    line-height: 2em;
    padding: 0px 1em;
    border-color: rgba(0,0,0,0.2);
    color: rgba(255,255,255,0.8);
    text-decoration: none;
    background: none repeat scroll 0% 0% rgba(10, 40, 130, 0.4);
    box-shadow: 0px 0px 1px rgba(255, 255, 255, 1);
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    border-radius: 3px;
}
#tabs ul li a:hover {
    background-color: rgba(100,33, 123,0.7);
    color: rgba(255,255,255,1);
    transition: 0.4s;
}
.main .frm-info {
    background: rgba(0,144,69,0.8);
    border: 1px solid rgba(0,120,60,0.9);
    margin: 1.7em;
    padding: 1em;
    box-shadow: 1px 1px rgba(255,255,255,0.3) inset;
    color: white;
    font-size: 13px;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    font-weight: bold;
}
/* mensagens informativas */
.pun .main .main-content p.message {
    background-color: rgba(20,10,190,0.4);
    border: 1px solid rgba(0,0,0,0.4);
    margin: 1.7em;
    padding: 1em;
    box-shadow: 1px 1px 0 rgba(255,255,255,0.4) inset;
    color: rgba(255,255,255,1);
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
}
/* corpo da mensagem */
.pun .postfoot .user-contact {
    float: left;
    text-align: center;
    width: 12em;
}
/* codigos de alerta e tal */

/* INICIO SELETOR DE TEMA CODE */
/* Panda Syntax Highlighter - https://github.com/AvacWeb/Panda */
.panda-code {
  padding: 5px 10px;
  font-size: 12px;
  font-family: monospace;
  background: #EFEFEF;
  color: #0D700D;
  border: 1px solid #CCC;
  overflow: auto;
  max-height: 300px;
  text-shadow: 0 1px white;
  text-align: left;
  display: block;
}
.panda-code ol { padding-left: 15px; }
.panda-code ol li {
    padding: 1px 10px;
    margin: 4px 0;
    border-left: 2px solid green;
    list-style-type: decimal-leading-zero;
}
.panda-code ol li:hover { background: #DEDEDE; }

.panda-string, .panda-multiLineString { color: #C03; } /* string literals */
.panda-special { color: #09F; } /* words defined as special */
.panda-keyword, .panda-extra { color: #009; } /* keywords. .panda-extra = square braces, parentheses and curly braces. */
.panda-operators { font-weight: bold; color : #000; } /* > < & = == === !== != ! && * % + / || */
.panda-comment1, .panda-comment2, .panda-comment3 { color: #666!important; font-style: italic; } /* comments */
.panda-int { color: #f00; }
/* FIM SELETOR DE TEMA CODE */
/* mensagem privada nova */
[data-counter]:after {
background-color: #00ba3b;
background-image: -webkit-linear-gradient(#FF6969 0%, #ff0000 100%);
background-image: -moz-linear-gradient(#FF6969 0%, #ff0000 100%);
background-image: -o-linear-gradient(#FF6969 0%, #ff0000 100%);
background-image: -ms-linear-gradient(#FF6969 0%, #ff0000 100%);
background-image: linear-gradient(#FF6969 0%, #ff0000 100%);
content: attr(data-counter);
position: absolute;
padding: 2px 6px;
border: 2px solid white;
border-radius:100px;
box-shadow: 0 1px 2px rgba(0,0,0,.5), 0 1px 4px rgba(0,0,0,.4), 0 0 1px rgba(0,0,0,.7) inset, 0 10px 0px rgba(255,255,255,.11) inset;
background-clip: padding-box;
font:bold 10px "Helvetica Neue", sans-serif;
color: white;
text-decoration: none;
text-shadow: 0 -1px 0 rgba(0,0,0,.6);
margin-left: -10px;
margin-top: 10px;
}​
/* fim mensagem privada */

/* expandir imagem */
.resizebox, .resizebox a.enlarge, .resizebox.enlarged a.resize{
    display: block;
    padding: 2% 2% 1% 2%;
    border-radius: 5px 5px 0px 0px;
    background: none repeat scroll 0% 0% rgba(255, 162, 0, 0.3);
    border: 1px solid rgba(255, 162, 0, 0.2);
    box-shadow: 1px 1px rgba(255, 255, 255, 0.6) inset;
    color: rgb(74, 74, 74) !important;
    text-shadow: 1px 1px rgba(255, 255, 255, 0.6);
    margin-bottom: -15px;
    text-align: right;
}
.resizebox a.fullsize {
  text-align: right;
  color: rgb(74, 74, 74) !important;
  text-shadow: 1px 1px rgba(255, 255, 255, 0.6);
  margin-left: 10px;
  top: -4px;
  position: relative;
}

/* categoria retratil */

/* post infos */
.post_field:hover {
    background: none repeat scroll 0% 0% rgb(238, 238, 238);
    border-left-width: 3px !important;
    border-right-width: 3px !important;
    color: rgb(78, 78, 78);
    text-shadow: 1px 1px rgb(185, 185, 185);
    transition: all 0.3s linear 0s;
}
.post_field {
    background: none repeat scroll 0% 0% rgb(255, 255, 255);
    border-left-style: solid;
    border-left-color: rgb(109, 109, 109);
    border-left-width: 0px !important;
    border-right-style: solid;
    border-right-color: rgb(109, 109, 109);
    border-right-width: 0px !important;
    margin-bottom: 0.5px;
    padding: 0px;
    transition: all 0.1s linear 0s;
}
/* Multi - quote */
    .FloatingAction {
    background: #fdfdfd;
    position: fixed;
    right: 10px;
    bottom: 10px;
    padding: 10px;
    z-index: 999;
    border: 4px solid #464646;
    border: 4px solid rgba(0,0,0,0.75);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0px 3px 6px rgba(0,0,0,0.4);
    -webkit-box-shadow: 0px 3px 6px rgba(0,0,0,0.4);
    box-shadow: 0px 3px 6px rgba(0,0,0,0.4);
    }

#ajax_loading {background: #000;color: #fff;text-align: center;padding: 5px 0 8px;width: 8%;top: 0px;left: 46%;-moz-border-radius: 0 0 5px 5px;-webkit-border-bottom-right-radius: 5px;-webkit-border-bottom-left-radius: 5px;border-radius: 0 0 5px 5px;z-index: 999;position: fixed;-moz-box-shadow: 0px 3px 5px rgba(0,0,0,0.2);-webkit-box-shadow: 0px 3px 5px rgba(0,0,0,0.2);box-shadow: 0px 3px 5px rgba(0,0,0,0.2);opacity: 0.6;}

.main-box.clearfix {display: none;}

#pun-visit {
display: none !important;
}

.nPost {color: #a2a2a2;}
.nPost:after {content: ' posts';}


.ipsUserPhoto_mini {
-moz-box-shadow:0 2px 2px rgba(0,0,0,0.1);
-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.1);
background:#fff;
border:2px solid #4F4F4F;
box-shadow:0 2px 2px rgba(0,0,0,0.1);
height:36px;
margin:0 5px;
padding:1px;
width:36px;
border-radius: 1px!important;
}

.ipsUserPhoto_mini:hover {
-moz-box-shadow:0 2px 2px rgba(0,0,0,0.2);
-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.2);
border-color:#333;
box-shadow:0 2px 2px rgba(0,0,0,0.2)
}

.pun .postbody {font-size: 14px; font-family: Arial; line-height: 1.6}


#siteinfo,.main .main-content,.main .main-head,.pun .posthead,.title-overview {
background:#4F4F4F url(http://i57.servimg.com/u/f57/18/12/37/46/main-b10.png) repeat-x
}

.main .main-content {
border:0;
border-radius:0 0 3px 3px;
box-shadow:rgba(0,0,0,0.3) 0 1px 4px;
padding:6px
}

.main .main-head,.title-overview {
-moz-border-radius:3px 3px 0 0;
-moz-box-shadow:rgba(0,0,0,0.3) 0 -1px 4px;
-webkit-border-radius:3px 3px 0 0;
-webkit-box-shadow:rgba(0,0,0,0.3) 0 -1px 4px;
border-radius:3px 3px 0 0;
box-shadow:rgba(0,0,0,0.3) 0 -1px 4px;
color:#fff;
padding:13px;
text-shadow:1px 1px 1px #333
}

#right {
  -moz-border-radius:5px;
  -moz-box-shadow:-2px 2px 2px none;
  -webkit-border-radius:5px;
  -webkit-box-shadow:-2px 2px 2px none;
  background:#ebedef;
  border:1px solid #dce2ec;
  border-radius:5px;
  box-shadow:-2px 2px 2px none;
  padding: 5px
/* Caso bug entrar em contacto comigo ! */
}

.module .main-head,.title-overview {
  margin-top:0
}

.module .main-content{
  background:#fff;
  border:1px solid #dedede;
  padding:.8em
}

.module .main-content table[style="table-layout:fixed"]{
  -moz-border-radius:4px;
  -moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);
  -webkit-border-radius:4px;
  -webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);
  background-color:#f7f7f7;
  background-image:linear-gradient(tobottom,#f5f5f5,#f9f9f9);
  background-repeat:repeat-x;
  border-radius:4px;
  box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5',endColorstr='#fff9f9f9',GradientType=0)
}


.module .main-content table[style="table-layout:fixed"] {
-moz-border-radius:4px;
-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);
-webkit-border-radius:4px;
-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);
background-color:#f7f7f7;
background-image:linear-gradient(tobottom,#f5f5f5,#f9f9f9);
background-repeat:repeat-x;
border-radius:4px;
box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5',endColorstr='#fff9f9f9',GradientType=0)
}

#content-container div#content {
margin-right: 260px
}

#content-container div#container {
margin-right: -290px !important
}

#content-container div#right {
float: right !important;
width: 235px !important
}


Veja o tópico:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]


Passe-me também o portal_body;

Até +!

Diogo Ferreira  • Sex 14 Fev 2014 - 19:42

Target  • Sex 14 Fev 2014 - 19:55

Re: Estilo categoria igual estilo dos Widgets Sex 14 Fev 2014 - 19:55

Olá,
Troque o template por este:

Código:


<style type="text/css">
#content {
margin-right: 0 !important
}
</style>

<!-- BEGIN out_giefmod0 -->
<table width="100%" cellspacing="0" cellpadding="0" border="0" align="center"><tr><td colspan="3" width="100%">
<!-- BEGIN saut -->
<table width="100%" border="0" cellpadding="0" cellspacing="0"><tr><td height="{SPACE_ROW}"></td></tr></table>
<!-- END saut -->
{out_giefmod0.MODVAR}</td></tr></table>
<!-- END out_giefmod0 -->
<!-- BEGIN simple_header -->
<table width="100%" class="bodyline"><tr><td>
<!-- END simple_header -->
<table width="100%" cellspacing="1" cellpadding="{SPACE_COL}" border="0" align="center"><tr><td height="1" width="{C1SIZE}" class="column"></td><td width="{C2SIZE}"></td><td width="{C3SIZE}" class="column"></td></tr><tr><td colspan="3" width="100%">
<!-- BEGIN giefmod0 --> 
<!-- BEGIN saut -->
<table width="100%" border="0" cellpadding="0" cellspacing="0"><tr><td height="{SPACE_ROW}"></td></tr></table>
<!-- END saut -->
{giefmod0.MODVAR}
<!-- END giefmod0 --> 
</td></tr></table><table width="100%" cellspacing="{SPACE_COL}" border="0" align="center" class="portal"><tr><td valign="top" width="{C1SIZE}" class="column">
<!-- BEGIN giefmod1 -->
{giefmod1.MODVAR}
<!-- BEGIN saut -->
<table width="100%" border="0" cellpadding="0" cellspacing="0"><tr><td height="{SPACE_ROW}"></td></tr></table> 
<!-- END saut -->
<!-- END giefmod1 --> 
</td><td valign="top" width="{C2SIZE}">
<!-- BEGIN giefmod2 -->
{giefmod2.MODVAR}
<!-- BEGIN saut -->
<table width="100%" border="0" cellpadding="0" cellspacing="0"><tr><td height="{SPACE_ROW}"></td></tr></table> 
<!-- END saut -->
<!-- END giefmod2 --> 
</td><td valign="top" width="{C3SIZE}" class="column">
<!-- BEGIN giefmod3 -->
{giefmod3.MODVAR}
<!-- BEGIN saut --> 
<table width="100%" border="0" cellpadding="0" cellspacing="0"><tr><td height="{SPACE_ROW}"></td></tr></table> 
<!-- END saut -->
<!-- END giefmod3 --> 
</td></tr></table><table width="100%" cellspacing="1" cellpadding="{SPACE_COL}" border="0" align="center"><tr><td height="1" width="{C1SIZE}" class="column"></td><td width="{C2SIZE}"></td><td width="{C3SIZE}" class="column"></td></tr><tr><td colspan="3" width="100%">
<!-- BEGIN giefmod4 --> 
<!-- BEGIN saut -->
<table width="100%" border="0" cellpadding="0" cellspacing="0"><tr><td height="{SPACE_ROW}"></td></tr></table>
<!-- END saut -->
{giefmod4.MODVAR}
<!-- END giefmod4 --> 
</td></tr></table>
<!-- BEGIN simple_header -->
</td></tr></table>
<!-- END simple_header -->
<!-- BEGIN out_giefmod4 -->
<table width="100%" cellspacing="0" cellpadding="0" border="0" align="center"><tr><td colspan="3" width="100%">
<!-- BEGIN saut -->
<table width="100%" border="0" cellpadding="0" cellspacing="0"><tr><td height="{SPACE_ROW}"></td></tr></table>
<!-- END saut -->
{out_giefmod4.MODVAR}</td></tr></table>
<!-- END out_giefmod4 -->
<!-- BEGIN simple_footer -->
<br />{ADMIN_LINK}<br />
<!-- END simple_footer -->


E o CSS por este:

Código:


.tcr .ipsUserPhoto {
    float: left;
    margin: 8px;
}

html, body {
font: normal 13px helvetica, arial, sans-serif;
color: #5a5a5a;
background-image: url("http://i.imgur.com/Lzq2mdm.png") !important;
background-repeat: repeat !important;
}
.pun {
background: #fff;
padding: 10px 10px;
line-height: 120%;
-webkit-box-shadow: 0px 5px 9px rgba(0, 0, 0, 0.1), 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 5px 9px rgba(0, 0, 0, 0.1), 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
box-shadow: 0px 5px 9px rgba(0, 0, 0, 0.1), 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
border-radius: 0 0 3px 3px;
}
.pun, .main_width {
margin: 0 auto;
width: 85%;
min-width: 960px;
}
img, .input_check, .input_radio {
vertical-align: middle;
}
.pun a:visited {color: #028999;}
a:link {text-decoration: none;}
.pun a:link {
text-decoration: none !important;
color: #028999;
}
.pun a:hover {
color: #158f57;
}
pun a:active {
color: #028999;
}
#pun-visit, .main-box, #pun-about, .pun .paged-foot, .pun .paged-head {
background-color: transparent;
border: 0px;
}
#pun-about {font-size: 0.8em;}
#pun-intro, #pun-navlinks, #pun-about form {display: none;}
/*header*/
#header_bar {
background: #323232 url(http://i78.servimg.com/u/f78/17/31/71/58/user_n10.png) repeat-x bottom;
padding: 0;
text-align: right;
}
#branding, #header_bar, #primary_nav {
min-width: 980px;
}
#user_navigation {
color: #9f9f9f;
font-size: 11px;
}
#user_link {
font-size: 12px;
color: white;
padding: 0 12px;
height: 36px;
line-height: 36px;
display: inline-block;
margin-right: 15px;
outline: 0;
}
#user_navigation {
overflow: visible;
}
#user_navigation .ipsList_inline li {
margin: 0;
}
.ipsList_inline > li:first-child {
margin-left: 0;
}
#user_navigation a {
color: #fff;
}
#user_navigation.not_logged_in {
height: 26px;
padding: 6px 0 4px;
}
#user_navigation #register_link {
background: #7BA60D;
color: white;
display: inline-block;
padding: 3px 8px;
border: 1px solid #7BA60D;
-webkit-box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.2), 0px 1px 4px rgba(0, 0, 0, 0.4);
-moz-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2), 0px 1px 4px rgba(0,0,0,0.4);
box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.2), 0px 1px 4px rgba(0, 0, 0, 0.4);
text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
}
#user_link:hover, #notify_link:hover, #inbox_link:hover {
background-color: #323232;
}
#user_navigation #sign_in {
  margin-right: 8px;
}
#notify_link {
background: url(http://i78.servimg.com/u/f78/17/31/71/58/icon_n11.png) no-repeat top;
}
#inbox_link {
background: url(http://i78.servimg.com/u/f78/17/31/71/58/icon_i11.png) no-repeat top;
}
#notify_link, #inbox_link {
vertical-align: middle;
width: 18px;
height: 15px;
padding: 11px 24px 8px 12px;
position: relative;
}
.ipsList_inline > li {
display: inline-block;
margin: 0 3px;
}
ol, ul {
list-style: none;
}
.attach {float: right;}
/*branding*/
#branding {
    background: url("http://i.imgur.com/f982kBi.png") repeat-x scroll center 70% rgb(27, 55, 89);
    border-bottom: 1px solid rgb(27, 55, 89);
    min-height: 64px;
    height: 1px;
    transition: all 1.0s linear 0s;
}

.clickable {
  cursor: pointer;
}
#search {
margin: 20px 0;
}
#search_wrap {
position: relative;
background: #fff;
display: block;
padding: 0 26px 0 4px;
height: 26px;
line-height: 25px;
-moz-border-radius: 3px 4px 4px 3px;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 3px;
border-radius: 3px 4px 4px 3px;
-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
min-width: 230px;
}
#main_search {
margin-top: 5px;
font-size: 12px;
border: 0;
padding: 0;
color: #b0b0b0;
background: transparent;
width: 130px;
outline: 0;
}
#main_search:focus {
color: #5a5a5a;
}
input, select {
font: normal 13px helvetica,arial,sans-serif;
}
#search_options {
font-size: 10px;
height: 20px;
line-height: 20px;
margin: 3px 3px 3px 0;
padding: 0 6px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
background: #EAEAEA;
display: inline-block;
float: right;
max-width: 80px;
text-overflow: ellipsis;
overflow: hidden;
}
#search .submit_input {
background: #7BA60D url(http://i81.servimg.com/u/f81/17/45/75/97/search10.png) no-repeat 50%;
text-indent: -3000em;
padding: 0;
border: 0;
border: 1px solid #7BA60D;
display: block;
width: 26px;
height: 26px;
position: absolute;
right: 0;
top: 0;
bottom: 0;
-moz-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
-webkit-box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.2);
-moz-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2);
box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.2);
}
#adv_search {
width: 16px;
height: 16px;
background: url(http://i81.servimg.com/u/f81/17/45/75/97/advanc10.png) no-repeat right 50%;
text-indent: -3000em;
display: inline-block;
margin: 4px 0 4px 4px;
}
fieldset {
border: 0px groove threedface;
}
/*navegação*/
#primary_nav {
    background: none repeat scroll 0% 0% rgba(0, 25, 230, 0.1);
    font-size: 13px;
    padding: 10px;
    margin-bottom: 0px;
    box-shadow: 0px -0.6px 4px -2px inset;
}
#community_app_menu > li {
margin: 0px 3px 0 0;
}
#community_app_menu > li > a {
    background: none repeat scroll 0px 0px rgba(0, 0, 0, 0.4);
    border-radius: 2px 2px 2px 2px;
    box-shadow: 0px 0px 1px rgba(255, 255, 255, 0.6);
    color: rgb(255, 255, 255);
    display: block;
    padding: 6px 15px 8px;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
    transition: all 0.3s ease-in 0s !important;
}
#community_app_menu > li > a.menu_active, #community_app_menu > li > a:hover {
    background: none repeat scroll 0px 0px rgba(15, 20, 150, 0.57);
    box-shadow: 0px 0px 1px rgba(255, 255, 255, 0.6), 0px 0px 3px rgba(0, 0, 0, 0.2) inset;
    color: rgb(255, 255, 255);
}
/* Menu FORUM INATIVO
#community_app_menu > li.active > a {
    background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.4);
    color: rgba(255,255,255,1);
    font-weight: bold;
    margin-top: 0px;
    text-shadow: 1px 1px rgba(0,0,0,0.2);
    border-radius: 2px;
}
*/
#primary_nav #quickNavLaunch {
padding: 6px 8px 8px;
}
#quickNavLaunch span {
background: url(http://i78.servimg.com/u/f78/17/31/71/58/icon_q10.png) no-repeat top;
width: 13px;
height: 13px;
display: inline-block;
}
/*table*/
.collapsed {
opacity: 0.8;
}
.main .main-head.collapsed {
border-radius: 4px 4px 4px 4px;
opacity: 0.2;
}
.main .main-head, .main .main-foot {
    color: rgb(255, 255, 255);
    padding: 10px 10px 11px;
    border-radius: 4px 4px 0px 0px;
    border-width: 1px 1px 0px;
    border-style: solid;
    margin-top: 15px;
    background: #4F4F4F url("") repeat-x scroll center 45%;
    box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2) inset, 0px 0px 100px 0px rgba(0, 0, 0, 0.42) inset;
    border-color: rgba(0, 0, 0, 0.6);
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}
.main .main-foot {
margin-top: 0px;
-moz-border-radius: 0 0 4px 4px;
-webkit-border-bottom-left-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
border-radius: 0 0 4px 4px;
}
.main .main-head .page-title h2 {
font-size: 16px;
font-weight: 300;
}
.pun .main-content {
  background: #ebf0f3;
  padding: 9px;
}
.pun table.table {
background: #fff;
border: 1px solid #dbe4ef;
}
.table .tc_icon {
padding: 10px 5px!important;
vertical-align: middle;
width: 30px;
}
.pun table.table .tc_forum {
height: 42px;
min-height: 24px;
}
.pun tbody.statused span.stats {
margin-right: 10px;
margin-left: -25px;
}
.pun tbody.statused span.status {
position: relative!important;
}
.pun .main table td.tc2, .pun .main table td.tc3 {
background-color: white;
}
.pun table.table td {
background: white;
padding: 10px;
border: 0px;
border-bottom: 1px solid rgba(0, 0, 0,0.1);
}
.hierarchy {
font-size: 15px!important;
font-weight: 400!important;
}
/*lastpost*/
.mini_ava {
float: left;
}
.mini_ava img {
width: 30px;
height: 30px;
margin: 8px 5px;
padding: 1px;
border: 1px solid #D5D5D5;
background: white;
-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
}
.mini_ava img:hover {
border-color: #a1a1a1;
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
}
/*stats*/
#onlinelist {background: white;border-top: 3px solid #d8d8d8;}
#onlinechat {background: white;border-top: 0px;}
#statistics {
margin: 0 auto !important;
text-align: center !important;
display: table;
background: none;
}
.statHide{display:none !important;}
.statsPers li span a {
text-decoration: none !important;
}
.statsPers li > span {
background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.1);
color: rgb(34, 34, 34);
text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.6);
padding: 3px 7px;
font-weight: bold;
border-radius: 3px 3px 3px 3px;
margin-right: 3px;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3) inset, 0px 1px 0px rgb(255, 255, 255);
}
.statsPers li {
float: left;
color:#4a4a4a;
margin: 2px 10px;
}
.statsPers {
list-style: none;
display: block;
margin: 0px auto;
width: 100%;
}
/*footer*/
#footer_utilities {
padding: 10px;
font-size: 11px;
position: relative;
}
#footer_utilities .ipsList_inline>li>a {
margin-right: 0px;
padding: 4px 10px;
}
#footer_utilities .ipsList_inline > li > a.rss_feed {padding: 0px;}
#footer_utilities a {color: #225985;}
#footer_utilities a:hover {color: #328586;}
#footer_utilities .ipsList_inline > li > a {
margin-right: 0px;
padding: 4px 10px;
}
#backtotop {
width: 24px;
height: 24px;
line-height: 20px;
left: 50%;
margin-left: -12px;
position: absolute;
display: inline-block;
background: #bdbdbd;
text-align: center;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
border-radius: 16px;
opacity: 0.4;
outline: 0;
}
#backtotop img {margin-top: 5px;}
#backtotop:hover{background:#af286d;color:#fff;opacity:1;}
#copyright {
color: #848484;
text-align: right;
text-shadow: 0px 1px 0px #fff;
}
#copyright a {
color: #848484;
}
/*post*/
.post h3 {
background: #D8DDE8;
padding: 0 10px;
height: 36px;
line-height: 36px;
font-weight: normal;
font-size: 16px;
}
span.post_id {
margin-left: 4px;
}
.post_date {
padding: 0 0 10px 0;
font-size: 12px;
color: #a4a4a4;
}
.desc.blend_links a {
font: normal 12px helvetica, arial, sans-serif;
color: #777777;
}
.post_id a img.small {
max-height: 12px;
margin-left: 3px;
margin-top: -2px;
opacity: 0.5;
}
.post_online {display: inline-block;}
.pun .post .user {
margin-left: -16em;
margin-top: -0.9em;
}
.pun .post {background: white;}
.pun .postmain {
    background-color: white;
    margin-left: 14em;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
}
.pun .post .user {
width: 155px;
font-size: 12px;
text-align: center;
line-height: 150%;
margin-left: -170px;
margin-top: -0.6em;
}
.pun .user .user-ident .user-basic-info {
  font-size: 11px;
  color: #a4a4a4;
  text-align: center;
  font-weight: normal;
}
.postfoot {
border-top: 0px;
margin-left: -14em;
}
/*user img*/
.user-basic-info a img {
max-height: 290px;
max-width: 150px;
padding: 1px;
border: 1px solid #D5D5D5;
background: white;
-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
}
.user-basic-info a img:hover {
border-color: #A1A1A1;
-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
}

/*quick reply*/
#pun-qpost {
  background: #ebf0f3;
  padding: 9px;
  padding-top: 1px;
}
#pun-qpost .main-head {
font: 300 26px/1.3 Helvetica, Arial, sans-serif;
color: #323232;
font-size: 18px;
background: white;
border-top: 1px solid #dbe4ef;
border-left: 1px solid #dbe4ef;
border-right: 1px solid #dbe4ef;
border-radius: 0px;
-webkit-box-shadow: inset 0px 0px 0;
-moz-box-shadow: inset 0px 0px 0;
box-shadow: inset 0px 0px 0;
}
#pun-qpost a.exthelp {display: none;}
.pun .frm-form, .main .main-content.frm {
background-color: white;
}
.pun .post {
  border: 1px solid #dbe4ef;
}
.pun .main-content {
  border: 1px solid #dbe4ef;
  border-top: 0px;
}
#pun-qpost .frm-buttons {
border-top: 0px;
text-align: center;
}
/*chatbox*/
#chatbox_header.main-head {
background: #2c5687 url(http://i78.servimg.com/u/f78/17/31/71/58/mainti10.png) repeat-x top;
padding: 6px 8px 6px;
-moz-border-radius: 4px 4px 0 0;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
border-radius: 4px 4px 0 0;
-webkit-box-shadow: inset 0px 1px 0 #528cbc;
-moz-box-shadow: inset 0px 1px 0 #528cbc;
box-shadow: inset 0px 1px 0 #528cbc;
border-width: 1px 1px 0 1px;
border-color: #316897;
border-style: solid;
}
.chatbox-title, .chatbox-title a.chat-title {
color: #fff;
font-size: 13px;
font-weight: 300;
}
.chatbox-options {margin: .3em .3em .5em;}
.chatbox-options li, .chatbox-options li a, .chatbox-options li label {
color: #fff;
}
#chatbox_members {
  top: 40px;
  border-right: 1px solid #ccc;
}
#chatbox p:first-child {
border-top: 1px solid #d5dde5;
}
#chatbox p {
background: #f1f6f9;
border-right: 1px solid #d5dde5;
border-left: 1px solid #d5dde5;
border-bottom: 1px solid #d5dde5;
line-height: 1.2em;
}
#chatbox_footer {
  padding-bottom: 6px;
  border-top: 1px solid #d5dde5;
  background: #f1f6f9;
}
#chatbox_footer .right {
  /*display: none !important;*/
  float: left;
}
#chatbox_messenger_form .right {margin-left: 8px;font-size:0}
input#message.post {
color: #5a5a5a;
border-width: 1px;
border-style: solid;
border-color: #848484 #c1c1c1 #e1e1e1 #c1c1c1;
background: #fff;
padding: 4px;
min-width: 395px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
}
#message, #submit_button {
margin-left: 15px;
}
.fontbutton {
background: #EFF1F3;
border-color: #DEE0E2;
color: #464646;
-moz-box-shadow: inset 0 1px 0 0 #eff3f8, 0px 2px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: inset 0 1px 0 0 #eff3f8, 0px 2px 3px rgba(0,0,0,0.2);
box-shadow: inset 0 1px 0 0 #eff3f8, 0px 2px 3px rgba(0,0,0,0.2);
}
#divsmilies img + img{visibility:visible!important}
#chatbox_messenger_form div.right img{visibility:hidden}
#simple-wrap {
  background:white;
}
#divbold, #divcolor, #divitalic, #divsmilies, #divstrike, #divunderline {
background-position: center;
background-repeat: no-repeat;
}
#divbold {
background-image: url(http://cdn2.iconfinder.com/data/icons/oxygen/16x16/actions/format-text-bold.png);
}
#divitalic {
background-image: url(http://cdn2.iconfinder.com/data/icons/oxygen/16x16/actions/format-text-italic.png);
}
#divunderline {
background-image: url(http://cdn2.iconfinder.com/data/icons/oxygen/16x16/actions/format-text-underline.png);
}
#divstrike {
background-image: url(http://cdn1.iconfinder.com/data/icons/bnw/16x16/actions/text_strike.png);
}
#divcolor {
background-image: url(http://2img.net/i/fa/wysiwyg/color_swatch.png);
}
#divsmilies {
background-image: url(http://i26.servimg.com/u/f26/12/56/56/12/emotic10.png);
}
.main-content.chatbox {padding: 0px;}
#chatbox{
  margin: 10px 0 10px 0;
  border: 1px solid #DCE2EC;
  border-bottom: 6px solid #DCE2EC;
  background: #ebf0f3;
  padding: 8px;
}
input[type="submit"] {
text-decoration: none;
border-width: 1px;
border-style: solid;
padding: 4px 10px;
cursor: pointer;
}
input[type="submit"] {
background: #212121 url(http://i78.servimg.com/u/f78/17/31/71/58/topic_10.png) repeat-x top;
color: #fff;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: inset 0 1px 0 0 #5c5c5c, 0px 2px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: inset 0 1px 0 0 #5c5c5c, 0px 2px 3px rgba(0,0,0,0.2);
box-shadow: inset 0 1px 0 0 #5c5c5c, 0px 2px 3px rgba(0,0,0,0.2);
border-color: #212121;
}
/*crumbs*/
.pun-crumbs {
    background: none repeat scroll 0% 0% rgb(239, 241, 243);
    border: 1px solid rgb(217, 219, 221);
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0px 0px 3px rgba(109, 119, 237, 0.2);
    clear: both;
    font-size: 11px;
    overflow: hidden;
    margin: 0px 1px 1em;
    padding: 0.2em 1em;
}
.pun-crumbs p {
    color: rgb(102, 102, 102);
    font-size: 1.11em;
    line-height: 1.5;
}
p.crumbs a {
    background: url("http://i57.servimg.com/u/f57/14/89/34/10/second10.png") no-repeat scroll 100% center transparent;
    color: rgb(117,117,117) !important;
    line-height: 30px;
    padding: 10px 20px 10px 12px;
    margin-left: -12px;
    text-shadow: 0px 1px 0px rgb(255, 255, 255);
}
p.crumbs a:hover {
    background-position: 100% -1px;
    border-radius: 3px 0px 0px 3px;
    color: rgb(34, 34, 34);
    text-shadow: 0px 1px 0px rgb(255, 255, 255);
}
p.crumbs a:active {
    background-position: 100% -86px;
    border-radius: 3px 0px 0px 3px;
    color: rgb(34, 34, 34);
    text-shadow: 0px 1px 0px rgb(255, 255, 255);
}


.desc.lighter, .desc.lighter.blend_links a {
    color: #A4A4A4;
}

/* Moderar Tópicos */
    .act_mod {margin: 0 0 8px 0;}
    .act_mod p {
      background: rgb(248, 248, 248) url("http://i38.servimg.com/u/f38/18/24/85/15/shine10.png") repeat-x 0 50%;
      border: 1px solid rgb(219,219,219);
      -moz-box-shadow: 0px 1px 0px rgba(255,255,255,1) inset, 0px 1px 0px rgba(0,0,0,0.3);
      -webkit-box-shadow: 0px 1px 0px rgba(255, 255, 255, 1) inset, 0px 1px 0px rgba(0, 0, 0, 0.3);
      box-shadow: 0px 1px 0px rgba(255, 255, 255, 1) inset, 0px 1px 0px rgba(0, 0, 0, 0.3);
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      border-radius: 3px;
      color: #616161;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      font-size: 12px;
      height: 22px;
      line-height: 22px;
      padding: 3px 10px;
      white-space: nowrap;
      cursor: pointer;
      display: inline-block;
    }
    #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;
    }
    .mod_hover {
    background-image: url(http://i38.servimg.com/u/f38/18/24/85/15/bottom10.png);
    width: 31px;
    height: 16px;
    position: absolute;
    }
    .popupInner {
    background: #fff;
    width: 500px;
    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;
    }
    .action_mod li {
      background: rgb(248, 248, 248);
      border-bottom: 1px solid rgb(234, 234, 234);
      text-align: center;
      padding: 3px 4px;
    }
    .action_mod li a {
      color: #333!important;
    }
/* fim moderar tópicos */
/* Novas Mensagens etc */
#pun-visit, .main-box, #pun-about, .pun .paged-foot, .pun .paged-head {
    background-color: transparent;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px 5px 5px 5px;
}
/* fim novas msgs */
/* logo */
#logo {
    opacity: 0.9;
    display: inline;
    margin-left: -45px;
}
#logo:hover {
    opacity: 1;
    text-decoration: none;
}
/* fim logo */
/* curtir */
    /*like*/
    .LGlike {
    background: url(http://i11.servimg.com/u/f11/18/07/42/17/ok12.png) no-repeat left;
    background-color: #326A94;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 2px 2px 2px 2px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1),0 1px 0 rgba(255, 255, 255, 0.3) inset;
    color: white;
    cursor: pointer;
    display: inline-block;
    font-size: 11px;
    height: 22px;
    line-height: 22px;
    padding: 0 18px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    white-space: nowrap;
    margin-right: 5px;
    margin-top: 30px;
    }
    .LGvote { margin: 0 5px; }
    .LGnovote {
      filter:Alpha(opacity=50);
      opacity: 0.5;
      cursor: default;
      box-shadow: none;
      text-shadow: none;
    }
/* fim curtir post */
/*POPUP TOPICO NÃO LIDO */
#popupnew {
    min-height: 20px;
    min-width: 150px;
    position: fixed;
    bottom: 30px;
    margin-left: 40px;
    padding: 5px;
    z-index: 999;
    border: 1px solid rgba(0, 0, 0, 0.8);
    text-shadow: 1px 1px rgba(255, 255, 255, 0.2);
    background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.8);
    box-shadow: 0px 15px rgba(255, 255, 255, 0.05) inset, 0px 0px 0px 1px rgba(255, 255, 255, 0.2) inset;
    border-radius: 4px 4px 4px 4px;
    color: rgb(255, 255, 255);
    font-family: verdana,arial;
    font-size: 10pt;
    text-align: left;
    display: none;
    background-image: url("http://r20.imgfast.net/users/2011/11/04/42/smiles/2376561594.gif");
    background-repeat: no-repeat;
    background-position: 1% 45%;
    padding-left: 1.5%;
}

/* fim popup n lido */
/* widgets no indice */
   
   
/* fim widgets indice */
#pun-announcement {
    border-radius: 5px 5px 5px 5px;
    clear: both;
    font-size: 11px;
    margin: 0px 1px 1em;
    overflow: hidden;
    background: none repeat scroll 0% 0% rgba(255, 162, 0, 0.3);
    border: 1px solid rgba(255, 162, 0, 0.2);
    box-shadow: 1px 1px rgba(255, 255, 255, 0.6) inset;
    color: rgb(74, 74, 74);
    text-shadow: 1px 1px rgba(255, 255, 255, 0.6);
}
/* seletor de página */
.paging > b {
    background: none repeat scroll 0px 0px rgb(123, 166, 13);
    border-radius: 2px 2px 2px 2px;
    color: rgb(255, 255, 255);
    font-weight: 700;
    margin: 0px 1px;
    padding: 4px;
}
.paging > a {
    background: rgba(0,0,0,0.1);
    padding: 5px;
    border-radius: 2px;
    margin: 0 1px;
    color: #8D8D8D !important;
}
.paging > a:hover {
    background: none repeat scroll 0px 0px rgba(0, 0, 0, 0.1);
    border-radius: 2px 2px 2px 2px;
    padding: 5px;
    margin: 0px 1px;
    color: #505050 !important;
}
.sprite-arrow_prosilver_right {
    background: url("http://i34.servimg.com/u/f34/18/17/62/92/next10.png") no-repeat scroll 0px 0px transparent;
    height: 20px;
    width: 39px;
}
/* avatar ultimos topicos widget*/
.ipsType_smaller, .ipsType_smaller a {
    margin-bottom: 5%;
}
/* resposta rápida */
#quick_reply #textarea_content {
    background: none repeat scroll 0px 0px rgb(235, 240, 243);
    border: 2px solid rgb(211, 211, 211);
    clear: both;
    height: auto !important;
    margin-left: -10px !important;
    margin-right: -10px !important;
    min-width: 950px;
    padding: 9px 4px;
    width: 100% !important;
}
/* assinatura */
.pun .sig-content {
    clear: both;
    margin-bottom: 4px !important;
    margin-top: 6px !important;
    padding: 0px 0px 10px !important;
    position: relative;
}
/* post foot */
.postfoot {
    border-top: 0px none;
    margin-left: -185px !important;
    opacity: 0.3;
    transition: all 0.5s ease 0s;
}
.postfoot:hover {
    opacity: 1;
}
/* PAGINA MEMBROS */
.pun table.table th {
    background-color: rgba(120, 10, 120, 0.8);
    padding: 0.5em 0px;
    box-shadow: 0px 0px 100px 0px rgba(0, 0, 0, 0.1) inset;
    border: 1px solid rgba(0, 0, 0, 0.2);
    color: white;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}
.pun .frm .frm-form table {
    border: 1px solid rgba(0, 0, 0, 0.2);
}
.pun table.table td.tc3 {
text-align: center;
width: 15%;
}
/* pagina calendario */
.pun .main table.calendar thead th {
    background: rgba(120, 10, 120, 0.8);
    font-weight: 700;
    padding: 0.5em;
    box-shadow: 0px 0px 100px 0px rgba(0, 0, 0, 0.1) inset;
}
.pun .main table.calendar .row3 {
    background-color: rgba(20, 50, 50, 0.1);
    padding: 0.25em;
}
.pun .main table.calendar td.row2:hover {
    background-color: rgba(110, 160, 190,0.2);
    transition: 0.3s;
}
/* pagination dos topicos */
strong.pagination {
    font-weight: 400;
    background: none repeat scroll 0% 0% rgb(123, 166, 13);
    padding: 2px;
    border-radius: 2px 2px 2px 2px;
    color: white;
    margin: 0 1px;
}
strong.pagination a {
    color: white !important;
    font-size: 12px;
}
/* codigos bbcode */
.codebox {
    background-color: rgb(255, 255, 225);
    border: 1px solid rgba(0,0,0,0.14);
    margin: 1em;
    box-shadow: 0 0 7px rgba(0,0,0,0.12);
    border-left: 2px solid rgba(120,10,100,1);
}
.codebox dt {
    border-bottom: 1px dashed rgba(0, 0, 0, 0.2);
    padding: 0.25em;
    color: rgba(0, 0, 0, 0.7);
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    margin-left: 5px;
    font-weight: bold;
}
.codebox dd {
    background-color: rgb(255, 255, 225);
    margin: 5px;
    padding: 1px;
}
.codebox dd.cont_code {
    max-height: 80%;
    overflow: auto;
}
.postmain blockquote {
    background-color: rgb(255, 255, 225);
    border-width: 1px 1px 1px 2px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.14) rgba(0, 0, 0, 0.14) rgba(0, 0, 0, 0.14) rgb(120, 10, 10);
    margin: 1em;
    box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.12);
}
.postmain cite {
    display: block;
    font-style: normal;
    font-weight: 700;
    margin: 0px 0px 1em;
    border-bottom: 1px dashed rgba(0,0,0,0.2);
    padding: 1px;
}
.donate, .quotebox {
    background-color: rgb(255, 255, 225);
    border: 1px solid rgba(0,0,0,0.14);
    margin: 1em;
    box-shadow: 0 0 7px rgba(0,0,0,0.12);
    border-left: 2px solid rgba(120,10,100,1);
}
/* perfil menus */
#tabs ul li.activetab a {
    border-color: rgba(0,0,0,0.2);
    color: rgba(255,255,255,1);
    text-decoration: none;
    background: none repeat scroll 0% 0% rgba(10, 40, 130, 0.6);
    box-shadow: 0px 0px 1px rgba(255, 255, 255, 1);
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    border-radius: 3px;
}
#tabs ul li.activetab a:hover {
    background-color: rgba(100,33, 123,0.7);
    transition: 0.4s;
}
#tabs ul li a {
    border: 1px solid;
    float: left;
    font-size: 1.1em;
    font-weight: 400;
    line-height: 2em;
    padding: 0px 1em;
    border-color: rgba(0,0,0,0.2);
    color: rgba(255,255,255,0.8);
    text-decoration: none;
    background: none repeat scroll 0% 0% rgba(10, 40, 130, 0.4);
    box-shadow: 0px 0px 1px rgba(255, 255, 255, 1);
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    border-radius: 3px;
}
#tabs ul li a:hover {
    background-color: rgba(100,33, 123,0.7);
    color: rgba(255,255,255,1);
    transition: 0.4s;
}
.main .frm-info {
    background: rgba(0,144,69,0.8);
    border: 1px solid rgba(0,120,60,0.9);
    margin: 1.7em;
    padding: 1em;
    box-shadow: 1px 1px rgba(255,255,255,0.3) inset;
    color: white;
    font-size: 13px;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    font-weight: bold;
}
/* mensagens informativas */
.pun .main .main-content p.message {
    background-color: rgba(20,10,190,0.4);
    border: 1px solid rgba(0,0,0,0.4);
    margin: 1.7em;
    padding: 1em;
    box-shadow: 1px 1px 0 rgba(255,255,255,0.4) inset;
    color: rgba(255,255,255,1);
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
}
/* corpo da mensagem */
.pun .postfoot .user-contact {
    float: left;
    text-align: center;
    width: 12em;
}
/* codigos de alerta e tal */

/* INICIO SELETOR DE TEMA CODE */
/* Panda Syntax Highlighter - https://github.com/AvacWeb/Panda */
.panda-code {
  padding: 5px 10px;
  font-size: 12px;
  font-family: monospace;
  background: #EFEFEF;
  color: #0D700D;
  border: 1px solid #CCC;
  overflow: auto;
  max-height: 300px;
  text-shadow: 0 1px white;
  text-align: left;
  display: block;
}
.panda-code ol { padding-left: 15px; }
.panda-code ol li {
    padding: 1px 10px;
    margin: 4px 0;
    border-left: 2px solid green;
    list-style-type: decimal-leading-zero;
}
.panda-code ol li:hover { background: #DEDEDE; }

.panda-string, .panda-multiLineString { color: #C03; } /* string literals */
.panda-special { color: #09F; } /* words defined as special */
.panda-keyword, .panda-extra { color: #009; } /* keywords. .panda-extra = square braces, parentheses and curly braces. */
.panda-operators { font-weight: bold; color : #000; } /* > < & = == === !== != ! && * % + / || */
.panda-comment1, .panda-comment2, .panda-comment3 { color: #666!important; font-style: italic; } /* comments */
.panda-int { color: #f00; }
/* FIM SELETOR DE TEMA CODE */
/* mensagem privada nova */
[data-counter]:after {
background-color: #00ba3b;
background-image: -webkit-linear-gradient(#FF6969 0%, #ff0000 100%);
background-image: -moz-linear-gradient(#FF6969 0%, #ff0000 100%);
background-image: -o-linear-gradient(#FF6969 0%, #ff0000 100%);
background-image: -ms-linear-gradient(#FF6969 0%, #ff0000 100%);
background-image: linear-gradient(#FF6969 0%, #ff0000 100%);
content: attr(data-counter);
position: absolute;
padding: 2px 6px;
border: 2px solid white;
border-radius:100px;
box-shadow: 0 1px 2px rgba(0,0,0,.5), 0 1px 4px rgba(0,0,0,.4), 0 0 1px rgba(0,0,0,.7) inset, 0 10px 0px rgba(255,255,255,.11) inset;
background-clip: padding-box;
font:bold 10px "Helvetica Neue", sans-serif;
color: white;
text-decoration: none;
text-shadow: 0 -1px 0 rgba(0,0,0,.6);
margin-left: -10px;
margin-top: 10px;
}​
/* fim mensagem privada */

/* expandir imagem */
.resizebox, .resizebox a.enlarge, .resizebox.enlarged a.resize{
    display: block;
    padding: 2% 2% 1% 2%;
    border-radius: 5px 5px 0px 0px;
    background: none repeat scroll 0% 0% rgba(255, 162, 0, 0.3);
    border: 1px solid rgba(255, 162, 0, 0.2);
    box-shadow: 1px 1px rgba(255, 255, 255, 0.6) inset;
    color: rgb(74, 74, 74) !important;
    text-shadow: 1px 1px rgba(255, 255, 255, 0.6);
    margin-bottom: -15px;
    text-align: right;
}
.resizebox a.fullsize {
  text-align: right;
  color: rgb(74, 74, 74) !important;
  text-shadow: 1px 1px rgba(255, 255, 255, 0.6);
  margin-left: 10px;
  top: -4px;
  position: relative;
}

/* categoria retratil */

/* post infos */
.post_field:hover {
    background: none repeat scroll 0% 0% rgb(238, 238, 238);
    border-left-width: 3px !important;
    border-right-width: 3px !important;
    color: rgb(78, 78, 78);
    text-shadow: 1px 1px rgb(185, 185, 185);
    transition: all 0.3s linear 0s;
}
.post_field {
    background: none repeat scroll 0% 0% rgb(255, 255, 255);
    border-left-style: solid;
    border-left-color: rgb(109, 109, 109);
    border-left-width: 0px !important;
    border-right-style: solid;
    border-right-color: rgb(109, 109, 109);
    border-right-width: 0px !important;
    margin-bottom: 0.5px;
    padding: 0px;
    transition: all 0.1s linear 0s;
}
/* Multi - quote */
    .FloatingAction {
    background: #fdfdfd;
    position: fixed;
    right: 10px;
    bottom: 10px;
    padding: 10px;
    z-index: 999;
    border: 4px solid #464646;
    border: 4px solid rgba(0,0,0,0.75);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0px 3px 6px rgba(0,0,0,0.4);
    -webkit-box-shadow: 0px 3px 6px rgba(0,0,0,0.4);
    box-shadow: 0px 3px 6px rgba(0,0,0,0.4);
    }

#ajax_loading {background: #000;color: #fff;text-align: center;padding: 5px 0 8px;width: 8%;top: 0px;left: 46%;-moz-border-radius: 0 0 5px 5px;-webkit-border-bottom-right-radius: 5px;-webkit-border-bottom-left-radius: 5px;border-radius: 0 0 5px 5px;z-index: 999;position: fixed;-moz-box-shadow: 0px 3px 5px rgba(0,0,0,0.2);-webkit-box-shadow: 0px 3px 5px rgba(0,0,0,0.2);box-shadow: 0px 3px 5px rgba(0,0,0,0.2);opacity: 0.6;}

.main-box.clearfix {display: none;}

#pun-visit {
display: none !important;
}

.nPost {color: #a2a2a2;}
.nPost:after {content: ' posts';}


.ipsUserPhoto_mini {
-moz-box-shadow:0 2px 2px rgba(0,0,0,0.1);
-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.1);
background:#fff;
border:2px solid #4F4F4F;
box-shadow:0 2px 2px rgba(0,0,0,0.1);
height:36px;
margin:0 5px;
padding:1px;
width:36px;
border-radius: 1px!important;
}

.ipsUserPhoto_mini:hover {
-moz-box-shadow:0 2px 2px rgba(0,0,0,0.2);
-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.2);
border-color:#333;
box-shadow:0 2px 2px rgba(0,0,0,0.2)
}

.pun .postbody {font-size: 14px; font-family: Arial; line-height: 1.6}


#siteinfo,.main .main-content,.main .main-head,.pun .posthead,.title-overview {
background:#4F4F4F url(http://i57.servimg.com/u/f57/18/12/37/46/main-b10.png) repeat-x
}

.main .main-content {
border:0;
border-radius:0 0 3px 3px;
box-shadow:rgba(0,0,0,0.3) 0 1px 4px;
padding:6px
}

.main .main-head,.title-overview {
-moz-border-radius:3px 3px 0 0;
-moz-box-shadow:rgba(0,0,0,0.3) 0 -1px 4px;
-webkit-border-radius:3px 3px 0 0;
-webkit-box-shadow:rgba(0,0,0,0.3) 0 -1px 4px;
border-radius:3px 3px 0 0;
box-shadow:rgba(0,0,0,0.3) 0 -1px 4px;
color:#fff;
padding:13px;
text-shadow:1px 1px 1px #333
}

#right {
  -moz-border-radius:5px;
  -moz-box-shadow:-2px 2px 2px none;
  -webkit-border-radius:5px;
  -webkit-box-shadow:-2px 2px 2px none;
  background:#ebedef;
  border:1px solid #dce2ec;
  border-radius:5px;
  box-shadow:-2px 2px 2px none;
  padding: 5px
/* Caso bug entrar em contacto comigo ! */
}

.module .main-head,.title-overview {
  margin-top:0
}

.module .main-content{
  background:#fff;
  border:1px solid #dedede;
  padding:.8em
}

.module .main-content table[style="table-layout:fixed"]{
  -moz-border-radius:4px;
  -moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);
  -webkit-border-radius:4px;
  -webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);
  background-color:#f7f7f7;
  background-image:linear-gradient(tobottom,#f5f5f5,#f9f9f9);
  background-repeat:repeat-x;
  border-radius:4px;
  box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5',endColorstr='#fff9f9f9',GradientType=0)
}


.module .main-content table[style="table-layout:fixed"] {
-moz-border-radius:4px;
-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);
-webkit-border-radius:4px;
-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);
background-color:#f7f7f7;
background-image:linear-gradient(tobottom,#f5f5f5,#f9f9f9);
background-repeat:repeat-x;
border-radius:4px;
box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5',endColorstr='#fff9f9f9',GradientType=0)
}

#content-container div#content {
margin-right: 260px
}

#content-container div#container {
width: 95% !important
}

#content-container div#container {
margin-right: -290px !important
}

#content-container div#right {
float: right !important;
width: 235px !important
}


Até +!

Diogo Ferreira  • Sex 14 Fev 2014 - 20:05

Target  • Sex 14 Fev 2014 - 20:22

Re: Estilo categoria igual estilo dos Widgets Sex 14 Fev 2014 - 20:22

#content-container div#right

Olá!

Troque o viewtopic_body por este:

Código:


<script type="text/javascript">//<![CDATA[
var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" };
$(function(){
  _atc.cwait = 0;
  $('.addthis_button').mouseup(function(){
      if ($('#at15s').css('display') == 'block') {
        addthis_close();
        addthis_close();
      }
  });
});
//]]>
</script>

<!-- BEGIN switch_user_logged_in -->
<div id="pun-visit" class="clearfix">
  <ul>
      <!-- BEGIN switch_plus_menu -->
      <li>
        <script type="text/javascript">//<![CDATA[
            var url_favourite = '{switch_user_logged_in.U_FAVOURITE_JS_PLUS_MENU}';
            var url_newposts = '{U_NEWPOSTS_JS_PLUS_MENU}';
            var url_egosearch = '{U_EGOSEARCH_JS_PLUS_MENU}';
            var url_unanswered = '{U_UNANSWERED_JS_PLUS_MENU}';
            var url_watchsearch = '{U_WATCHSEARCH_JS_PLUS_MENU}';
            var url_tellfriend = '{U_TELLFRIEND_JS_PLUS_MENU}';
            insert_plus_menu_new('f{FORUM_ID}&t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
        //]]>
        </script>
      </li>
      <!-- END switch_plus_menu -->
      <li><a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&pub=forumotion">{L_SHARE}</a></li>
      <li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a></li>
      <li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></li>
      <!-- BEGIN watchtopic -->
      <li>{S_WATCH_TOPIC}</li>
      <!-- END watchtopic -->
  </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 -->
      <div class="pun-crumbs noprint">
  <p class="crumbs">
      <a href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC} »
      <strong><a href="{TOPIC_URL}">{TOPIC_TITLE}</a></strong>
      <!-- BEGIN switch_twitter_btn -->
      <span id="twitter_btn" style="margin-left: 6px; ">
        <a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal">Tweet</a>
        <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
      </span>
      <!-- END switch_twitter_btn -->
      <!-- BEGIN switch_fb_likebtn -->
      <span id="fb_likebtn" style="margin-left: 6px; ">
        <iframe src="http://www.facebook.com/plugins/like.php?href={FORUM_URL}{TOPIC_URL}&layout=button_count&show_faces=false&width=450&action=like&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:auto; height:21px;" allowTransparency="true"></iframe>
      </span>
      <!-- END switch_fb_likebtn -->
  </p>
</div>
<div class="main paged">
  <div class="paged-head clearfix">
      <!-- BEGIN topicpagination -->
      <p class="paging">{PAGINATION}</p>
      <!-- END topicpagination -->
      <p class="posting">
        <!-- BEGIN switch_user_authpost -->
        <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" class="{POST_IMG_CLASS}" alt="{L_POST_NEW_TOPIC}" /></a> 
        <!-- END switch_user_authpost -->

        <!-- BEGIN switch_user_authreply -->
        <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" class="i_reply" alt="{L_POST_REPLY_TOPIC}" /></a>
                        <!-- END switch_user_authreply -->
      </p>
  </div>
  {POLL_DISPLAY}
  <div class="main-head clearfix">
      <p class="h2">
        <a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#bottom">{L_GOTO_DOWN}</a> 
        {L_MESSAGE} [{PAGE_NUMBER}]
      </p>
  </div>

  <div class="main-content topic">
      <!-- BEGIN postrow -->
          <!-- BEGIN hidden -->
            <p class="p-hidden">{postrow.hidden.MESSAGE}</p>
        <!-- END hidden -->
        <!-- BEGIN displayed -->
                          <div class="post post--{postrow.displayed.U_POST_ID}"{postrow.displayed.THANK_BGCOLOR} style="{postrow.displayed.DISPLAYABLE_STATE}">
            <a name="{postrow.displayed.U_POST_ID}"></a>
                          <h3>
            <span class="post_id right ipsType_small desc blend_links">
                        <a itemprop="replyToUrl" data-entry-pid="424042" href="{postrow.displayed.POST_URL}" rel="bookmark" title="{postrow.displayed.POST_SUBJECT}: post #{postrow.displayed.COUNT_POSTS}">
                    #{postrow.displayed.COUNT_POSTS}
                          <img src="http://i78.servimg.com/u/f78/17/31/71/58/icon_s10.png" class="small" title="{postrow.displayed.POST_SUBJECT}: post #{postrow.displayed.COUNT_POSTS}" />
                    </a>
                </span>
            <div class="post_username">
                                  <div class="post_online">{postrow.displayed.ONLINE_IMG}</div>
              <span itemprop="creator name" class="author vcard">
                                          <span hovercard-ref="member" hovercard-id="35095" class="url fn name  ___hover___member _hoversetup" title="" id="anonymous_element_2">
                                            <span itemprop="name">{postrow.displayed.POSTER_NAME}</span>
                                          </span>
                                        </span>
            </div>
        </h3>
            <div class="postmain">
                <div class="postbody">
                  <div class="user">
                    <div class="user-ident">
                                                          <div class="user-basic-info">
                          {postrow.displayed.POSTER_AVATAR}<br />
                          {postrow.displayed.POSTER_RANK_NEW}{postrow.displayed.RANK_IMAGE}
                        </div>
                    </div>
                    <div class="user-info">
                        <!-- BEGIN profile_field -->
                                            <div class="post_field">{postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}</div>
                        <!-- END profile_field -->
                        {postrow.displayed.POSTER_RPG}
                    </div>
                  </div>

                  <div class="post-entry">
            <div class="post_date">
              Postado <abbr class="published" itemprop="commentTime" title="{postrow.displayed.POST_DATE_NEW}">{postrow.displayed.POST_DATE_NEW}</abbr>
            </div>
                    <div class="entry-content">
                        <!-- BEGIN switch_vote_active -->
                        <div class="vote gensmall">
                          <!-- BEGIN switch_vote -->
                          <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
                          <!-- END switch_vote -->

                          <!-- BEGIN switch_bar -->
                          <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
                              <!-- BEGIN switch_vote_plus -->
                              <div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>
                              <!-- END switch_vote_plus -->

                              <!-- BEGIN switch_vote_minus -->
                              <div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
                              <!-- END switch_vote_minus -->
                          </div>
                          <!-- END switch_bar -->

                          <!-- BEGIN switch_no_bar -->
                          <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>
                          <!-- END switch_no_bar -->

                          <!-- BEGIN switch_vote -->
                          <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>
                          <!-- END switch_vote -->
                        </div>
                        <!-- END switch_vote_active -->
                        <div>
                          <div>{postrow.displayed.MESSAGE}</div>
                          <!-- BEGIN switch_attachments -->
                          <dl class="attachbox">
                              <dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
                              <dd>
                                <!-- BEGIN switch_post_attachments -->
                                <dl class="file">
                                    <dt>
                                      <img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" />

                                      <!-- BEGIN switch_dl_att -->
                                      <a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}
                                      <!-- END switch_dl_att -->

                                      <!-- BEGIN switch_no_dl_att -->
                                      {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}
                                      <!-- END switch_no_dl_att -->
                                    </dt>

                                    <!-- BEGIN switch_no_comment -->
                                    <dd>
                                      <em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em>
                                    </dd>
                                    <!-- END switch_no_comment -->

                                    <!-- BEGIN switch_no_dl_att -->
                                    <dd>
                                      <em><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em>
                                    </dd>
                                    <!-- END switch_no_dl_att -->

                                    <dd>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</dd>
                                </dl>
                                <!-- END switch_post_attachments -->
                              </dd>
                          </dl>
                          <!-- END switch_attachments -->
                          <div class="clear"></div>
                        </div>
                        <p>
                          {postrow.displayed.EDITED_MESSAGE}
                        </p>
                    </div>
                  </div>
              </div>

              <!-- BEGIN switch_signature -->
              <div class="sig-content">
                  {postrow.displayed.SIGNATURE_NEW}
              </div>
              <!-- END switch_signature -->

              <div class="postfoot">
                                                  <div class="user-contact profile_{postrow.displayed.PROFILE_POSITION}">
                    {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field -->
                  </div>
                  <div class="post-options profile_{postrow.displayed.PROFILE_POSITION}">
                    {postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}
                  </div>
                  <div style="clear:both;"></div>
                                          </div>
            </div>
        </div>
        <!-- BEGIN first_post_br -->
      </div>
      <hr id="first-post-br" />
      <div class="main-content topic">
        <!-- END first_post_br -->
        <!-- END displayed -->
        <!-- BEGIN hidden -->
            <p class="p-hidden">{postrow.hidden.MESSAGE}</p>
        <!-- END hidden -->
      <!-- END postrow -->
  </div>

  <div class="main-foot clearfix">
      <p class="h2">
        <a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#top">{L_BACK_TO_TOP}</a> 
        {L_MESSAGE} [{PAGE_NUMBER}]
      </p>
      <p class="options">
        <input type="hidden" name="t" value="{TOPIC_ID}" />

        <!-- <input type="hidden" name="sid" value="{S_SID}" /> -->
        <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />

        <!-- BEGIN viewtopic_bottom -->
        {S_TOPIC_ADMIN}
        <!-- END viewtopic_bottom -->
      </p>
  </div>
<a name="bottomtitle"></a>

  <div class="paged-foot clearfix">
      <!-- BEGIN topicpagination -->
      <p class="paging">{PAGINATION}</p>
      <!-- END topicpagination -->
      <p class="posting">
        <!-- BEGIN switch_user_authpost -->
        <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" class="{POST_IMG_CLASS}" alt="{L_POST_NEW_TOPIC}" /></a> 
        <!-- END switch_user_authpost -->

        <!-- BEGIN switch_user_authreply -->
        <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" class="i_reply" alt="{L_POST_REPLY_TOPIC}" /></a>
        <!-- END switch_user_authreply -->
      </p>
  </div>
</div>
<br />
<!-- BEGIN promot_trafic -->
<div class="main" id="ptrafic_close" style="display:none">
  <div class="main-head clearfix">
      <p class="h2">{PROMOT_TRAFIC_TITLE}</p>
      <p class="options"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_MORE_IMG}" alt="+" align="" border="0" /></a></p>
  </div>
</div>
<div class="main" id="ptrafic_open" style="display:''">
  <div class="main-head clearfix">
      <p class="h2">{PROMOT_TRAFIC_TITLE}</p>
      <p class="options"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_LESS_IMG}" alt="-" align="" border="0" /></a></p>
  </div>
  <div class="main-content clearfix">
      <!-- BEGIN link -->
      » <a href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}">{promot_trafic.link.TITLE}</a><br />
      <!-- END link -->
  </div>
</div>
<!-- END promot_trafic -->

<!-- BEGIN switch_forum_rules -->
<div class="main" id="forum_rules">
  <div class="main-head clearfix">
      <p class="h2">{L_FORUM_RULES}</p>
  </div>
  <table class="main-content frm">
      <tr>
        <!-- BEGIN switch_forum_rule_image -->
        <td class="logo">
            <img src="{RULE_IMG_URL}" />
        </td>
        <!-- END switch_forum_rule_image -->
        <td class="rules entry-content">
            {RULE_MSG}
        </td>
      </tr>
  </table>
</div>
<!-- END switch_forum_rules -->

<!-- BEGIN switch_user_logged_in -->
<a name="quickreply"></a> 
{QUICK_REPLY_FORM}
<!-- END switch_user_logged_in -->
    <div id="pun-info" class="main">
    <div id="stats">
      {L_TABS_PERMISSIONS} <br />{S_AUTH_LIST}
    </div>
  <!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.post-entry .entry-content', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>
<!-- END switch_image_resize -->

<script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script>

<style type="text/css">
#content-container div#right {
display: none;
}

#content {
margin-right: -60px !important
}
</style>



E o CSS por este:

Código:



.tcr .ipsUserPhoto {
    float: left;
    margin: 8px;
}

html, body {
font: normal 13px helvetica, arial, sans-serif;
color: #5a5a5a;
background-image: url("http://i.imgur.com/Lzq2mdm.png") !important;
background-repeat: repeat !important;
}
.pun {
background: #fff;
padding: 10px 10px;
line-height: 120%;
-webkit-box-shadow: 0px 5px 9px rgba(0, 0, 0, 0.1), 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 5px 9px rgba(0, 0, 0, 0.1), 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
box-shadow: 0px 5px 9px rgba(0, 0, 0, 0.1), 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
border-radius: 0 0 3px 3px;
}
.pun, .main_width {
margin: 0 auto;
width: 85%;
min-width: 960px;
}
img, .input_check, .input_radio {
vertical-align: middle;
}
.pun a:visited {color: #028999;}
a:link {text-decoration: none;}
.pun a:link {
text-decoration: none !important;
color: #028999;
}
.pun a:hover {
color: #158f57;
}
pun a:active {
color: #028999;
}
#pun-visit, .main-box, #pun-about, .pun .paged-foot, .pun .paged-head {
background-color: transparent;
border: 0px;
}
#pun-about {font-size: 0.8em;}
#pun-intro, #pun-navlinks, #pun-about form {display: none;}
/*header*/
#header_bar {
background: #323232 url(http://i78.servimg.com/u/f78/17/31/71/58/user_n10.png) repeat-x bottom;
padding: 0;
text-align: right;
}
#branding, #header_bar, #primary_nav {
min-width: 980px;
}
#user_navigation {
color: #9f9f9f;
font-size: 11px;
}
#user_link {
font-size: 12px;
color: white;
padding: 0 12px;
height: 36px;
line-height: 36px;
display: inline-block;
margin-right: 15px;
outline: 0;
}
#user_navigation {
overflow: visible;
}
#user_navigation .ipsList_inline li {
margin: 0;
}
.ipsList_inline > li:first-child {
margin-left: 0;
}
#user_navigation a {
color: #fff;
}
#user_navigation.not_logged_in {
height: 26px;
padding: 6px 0 4px;
}
#user_navigation #register_link {
background: #7BA60D;
color: white;
display: inline-block;
padding: 3px 8px;
border: 1px solid #7BA60D;
-webkit-box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.2), 0px 1px 4px rgba(0, 0, 0, 0.4);
-moz-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2), 0px 1px 4px rgba(0,0,0,0.4);
box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.2), 0px 1px 4px rgba(0, 0, 0, 0.4);
text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
}
#user_link:hover, #notify_link:hover, #inbox_link:hover {
background-color: #323232;
}
#user_navigation #sign_in {
  margin-right: 8px;
}
#notify_link {
background: url(http://i78.servimg.com/u/f78/17/31/71/58/icon_n11.png) no-repeat top;
}
#inbox_link {
background: url(http://i78.servimg.com/u/f78/17/31/71/58/icon_i11.png) no-repeat top;
}
#notify_link, #inbox_link {
vertical-align: middle;
width: 18px;
height: 15px;
padding: 11px 24px 8px 12px;
position: relative;
}
.ipsList_inline > li {
display: inline-block;
margin: 0 3px;
}
ol, ul {
list-style: none;
}
.attach {float: right;}
/*branding*/
#branding {
    background: url("http://i.imgur.com/f982kBi.png") repeat-x scroll center 70% rgb(27, 55, 89);
    border-bottom: 1px solid rgb(27, 55, 89);
    min-height: 64px;
    height: 1px;
    transition: all 1.0s linear 0s;
}

.clickable {
  cursor: pointer;
}
#search {
margin: 20px 0;
}
#search_wrap {
position: relative;
background: #fff;
display: block;
padding: 0 26px 0 4px;
height: 26px;
line-height: 25px;
-moz-border-radius: 3px 4px 4px 3px;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 3px;
border-radius: 3px 4px 4px 3px;
-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
min-width: 230px;
}
#main_search {
margin-top: 5px;
font-size: 12px;
border: 0;
padding: 0;
color: #b0b0b0;
background: transparent;
width: 130px;
outline: 0;
}
#main_search:focus {
color: #5a5a5a;
}
input, select {
font: normal 13px helvetica,arial,sans-serif;
}
#search_options {
font-size: 10px;
height: 20px;
line-height: 20px;
margin: 3px 3px 3px 0;
padding: 0 6px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
background: #EAEAEA;
display: inline-block;
float: right;
max-width: 80px;
text-overflow: ellipsis;
overflow: hidden;
}
#search .submit_input {
background: #7BA60D url(http://i81.servimg.com/u/f81/17/45/75/97/search10.png) no-repeat 50%;
text-indent: -3000em;
padding: 0;
border: 0;
border: 1px solid #7BA60D;
display: block;
width: 26px;
height: 26px;
position: absolute;
right: 0;
top: 0;
bottom: 0;
-moz-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
-webkit-box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.2);
-moz-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2);
box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.2);
}
#adv_search {
width: 16px;
height: 16px;
background: url(http://i81.servimg.com/u/f81/17/45/75/97/advanc10.png) no-repeat right 50%;
text-indent: -3000em;
display: inline-block;
margin: 4px 0 4px 4px;
}
fieldset {
border: 0px groove threedface;
}
/*navegação*/
#primary_nav {
    background: none repeat scroll 0% 0% rgba(0, 25, 230, 0.1);
    font-size: 13px;
    padding: 10px;
    margin-bottom: 0px;
    box-shadow: 0px -0.6px 4px -2px inset;
}
#community_app_menu > li {
margin: 0px 3px 0 0;
}
#community_app_menu > li > a {
    background: none repeat scroll 0px 0px rgba(0, 0, 0, 0.4);
    border-radius: 2px 2px 2px 2px;
    box-shadow: 0px 0px 1px rgba(255, 255, 255, 0.6);
    color: rgb(255, 255, 255);
    display: block;
    padding: 6px 15px 8px;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
    transition: all 0.3s ease-in 0s !important;
}
#community_app_menu > li > a.menu_active, #community_app_menu > li > a:hover {
    background: none repeat scroll 0px 0px rgba(15, 20, 150, 0.57);
    box-shadow: 0px 0px 1px rgba(255, 255, 255, 0.6), 0px 0px 3px rgba(0, 0, 0, 0.2) inset;
    color: rgb(255, 255, 255);
}
/* Menu FORUM INATIVO
#community_app_menu > li.active > a {
    background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.4);
    color: rgba(255,255,255,1);
    font-weight: bold;
    margin-top: 0px;
    text-shadow: 1px 1px rgba(0,0,0,0.2);
    border-radius: 2px;
}
*/
#primary_nav #quickNavLaunch {
padding: 6px 8px 8px;
}
#quickNavLaunch span {
background: url(http://i78.servimg.com/u/f78/17/31/71/58/icon_q10.png) no-repeat top;
width: 13px;
height: 13px;
display: inline-block;
}
/*table*/
.collapsed {
opacity: 0.8;
}
.main .main-head.collapsed {
border-radius: 4px 4px 4px 4px;
opacity: 0.2;
}
.main .main-head, .main .main-foot {
    color: rgb(255, 255, 255);
    padding: 10px 10px 11px;
    border-radius: 4px 4px 0px 0px;
    border-width: 1px 1px 0px;
    border-style: solid;
    margin-top: 15px;
    background: #4F4F4F url("") repeat-x scroll center 45%;
    box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2) inset, 0px 0px 100px 0px rgba(0, 0, 0, 0.42) inset;
    border-color: rgba(0, 0, 0, 0.6);
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}
.main .main-foot {
margin-top: 0px;
-moz-border-radius: 0 0 4px 4px;
-webkit-border-bottom-left-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
border-radius: 0 0 4px 4px;
}
.main .main-head .page-title h2 {
font-size: 16px;
font-weight: 300;
}
.pun .main-content {
  background: #ebf0f3;
  padding: 9px;
}
.pun table.table {
background: #fff;
border: 1px solid #dbe4ef;
}
.table .tc_icon {
padding: 10px 5px!important;
vertical-align: middle;
width: 30px;
}
.pun table.table .tc_forum {
height: 42px;
min-height: 24px;
}
.pun tbody.statused span.stats {
margin-right: 10px;
margin-left: -25px;
}
.pun tbody.statused span.status {
position: relative!important;
}
.pun .main table td.tc2, .pun .main table td.tc3 {
background-color: white;
}
.pun table.table td {
background: white;
padding: 10px;
border: 0px;
border-bottom: 1px solid rgba(0, 0, 0,0.1);
}
.hierarchy {
font-size: 15px!important;
font-weight: 400!important;
}
/*lastpost*/
.mini_ava {
float: left;
}
.mini_ava img {
width: 30px;
height: 30px;
margin: 8px 5px;
padding: 1px;
border: 1px solid #D5D5D5;
background: white;
-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
}
.mini_ava img:hover {
border-color: #a1a1a1;
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
}
/*stats*/
#onlinelist {background: white;border-top: 3px solid #d8d8d8;}
#onlinechat {background: white;border-top: 0px;}
#statistics {
margin: 0 auto !important;
text-align: center !important;
display: table;
background: none;
}
.statHide{display:none !important;}
.statsPers li span a {
text-decoration: none !important;
}
.statsPers li > span {
background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.1);
color: rgb(34, 34, 34);
text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.6);
padding: 3px 7px;
font-weight: bold;
border-radius: 3px 3px 3px 3px;
margin-right: 3px;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3) inset, 0px 1px 0px rgb(255, 255, 255);
}
.statsPers li {
float: left;
color:#4a4a4a;
margin: 2px 10px;
}
.statsPers {
list-style: none;
display: block;
margin: 0px auto;
width: 100%;
}
/*footer*/
#footer_utilities {
padding: 10px;
font-size: 11px;
position: relative;
}
#footer_utilities .ipsList_inline>li>a {
margin-right: 0px;
padding: 4px 10px;
}
#footer_utilities .ipsList_inline > li > a.rss_feed {padding: 0px;}
#footer_utilities a {color: #225985;}
#footer_utilities a:hover {color: #328586;}
#footer_utilities .ipsList_inline > li > a {
margin-right: 0px;
padding: 4px 10px;
}
#backtotop {
width: 24px;
height: 24px;
line-height: 20px;
left: 50%;
margin-left: -12px;
position: absolute;
display: inline-block;
background: #bdbdbd;
text-align: center;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
border-radius: 16px;
opacity: 0.4;
outline: 0;
}
#backtotop img {margin-top: 5px;}
#backtotop:hover{background:#af286d;color:#fff;opacity:1;}
#copyright {
color: #848484;
text-align: right;
text-shadow: 0px 1px 0px #fff;
}
#copyright a {
color: #848484;
}
/*post*/
.post h3 {
background: #D8DDE8;
padding: 0 10px;
height: 36px;
line-height: 36px;
font-weight: normal;
font-size: 16px;
}
span.post_id {
margin-left: 4px;
}
.post_date {
padding: 0 0 10px 0;
font-size: 12px;
color: #a4a4a4;
}
.desc.blend_links a {
font: normal 12px helvetica, arial, sans-serif;
color: #777777;
}
.post_id a img.small {
max-height: 12px;
margin-left: 3px;
margin-top: -2px;
opacity: 0.5;
}
.post_online {display: inline-block;}
.pun .post .user {
margin-left: -16em;
margin-top: -0.9em;
}
.pun .post {background: white;}
.pun .postmain {
    background-color: white;
    margin-left: 14em;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
}
.pun .post .user {
width: 155px;
font-size: 12px;
text-align: center;
line-height: 150%;
margin-left: -170px;
margin-top: -0.6em;
}
.pun .user .user-ident .user-basic-info {
  font-size: 11px;
  color: #a4a4a4;
  text-align: center;
  font-weight: normal;
}
.postfoot {
border-top: 0px;
margin-left: -14em;
}
/*user img*/
.user-basic-info a img {
max-height: 290px;
max-width: 150px;
padding: 1px;
border: 1px solid #D5D5D5;
background: white;
-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
}
.user-basic-info a img:hover {
border-color: #A1A1A1;
-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
}

/*quick reply*/
#pun-qpost {
  background: #ebf0f3;
  padding: 9px;
  padding-top: 1px;
}
#pun-qpost .main-head {
font: 300 26px/1.3 Helvetica, Arial, sans-serif;
color: #323232;
font-size: 18px;
background: white;
border-top: 1px solid #dbe4ef;
border-left: 1px solid #dbe4ef;
border-right: 1px solid #dbe4ef;
border-radius: 0px;
-webkit-box-shadow: inset 0px 0px 0;
-moz-box-shadow: inset 0px 0px 0;
box-shadow: inset 0px 0px 0;
}
#pun-qpost a.exthelp {display: none;}
.pun .frm-form, .main .main-content.frm {
background-color: white;
}
.pun .post {
  border: 1px solid #dbe4ef;
}
.pun .main-content {
  border: 1px solid #dbe4ef;
  border-top: 0px;
}
#pun-qpost .frm-buttons {
border-top: 0px;
text-align: center;
}
/*chatbox*/
#chatbox_header.main-head {
background: #2c5687 url(http://i78.servimg.com/u/f78/17/31/71/58/mainti10.png) repeat-x top;
padding: 6px 8px 6px;
-moz-border-radius: 4px 4px 0 0;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
border-radius: 4px 4px 0 0;
-webkit-box-shadow: inset 0px 1px 0 #528cbc;
-moz-box-shadow: inset 0px 1px 0 #528cbc;
box-shadow: inset 0px 1px 0 #528cbc;
border-width: 1px 1px 0 1px;
border-color: #316897;
border-style: solid;
}
.chatbox-title, .chatbox-title a.chat-title {
color: #fff;
font-size: 13px;
font-weight: 300;
}
.chatbox-options {margin: .3em .3em .5em;}
.chatbox-options li, .chatbox-options li a, .chatbox-options li label {
color: #fff;
}
#chatbox_members {
  top: 40px;
  border-right: 1px solid #ccc;
}
#chatbox p:first-child {
border-top: 1px solid #d5dde5;
}
#chatbox p {
background: #f1f6f9;
border-right: 1px solid #d5dde5;
border-left: 1px solid #d5dde5;
border-bottom: 1px solid #d5dde5;
line-height: 1.2em;
}
#chatbox_footer {
  padding-bottom: 6px;
  border-top: 1px solid #d5dde5;
  background: #f1f6f9;
}
#chatbox_footer .right {
  /*display: none !important;*/
  float: left;
}
#chatbox_messenger_form .right {margin-left: 8px;font-size:0}
input#message.post {
color: #5a5a5a;
border-width: 1px;
border-style: solid;
border-color: #848484 #c1c1c1 #e1e1e1 #c1c1c1;
background: #fff;
padding: 4px;
min-width: 395px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
}
#message, #submit_button {
margin-left: 15px;
}
.fontbutton {
background: #EFF1F3;
border-color: #DEE0E2;
color: #464646;
-moz-box-shadow: inset 0 1px 0 0 #eff3f8, 0px 2px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: inset 0 1px 0 0 #eff3f8, 0px 2px 3px rgba(0,0,0,0.2);
box-shadow: inset 0 1px 0 0 #eff3f8, 0px 2px 3px rgba(0,0,0,0.2);
}
#divsmilies img + img{visibility:visible!important}
#chatbox_messenger_form div.right img{visibility:hidden}
#simple-wrap {
  background:white;
}
#divbold, #divcolor, #divitalic, #divsmilies, #divstrike, #divunderline {
background-position: center;
background-repeat: no-repeat;
}
#divbold {
background-image: url(http://cdn2.iconfinder.com/data/icons/oxygen/16x16/actions/format-text-bold.png);
}
#divitalic {
background-image: url(http://cdn2.iconfinder.com/data/icons/oxygen/16x16/actions/format-text-italic.png);
}
#divunderline {
background-image: url(http://cdn2.iconfinder.com/data/icons/oxygen/16x16/actions/format-text-underline.png);
}
#divstrike {
background-image: url(http://cdn1.iconfinder.com/data/icons/bnw/16x16/actions/text_strike.png);
}
#divcolor {
background-image: url(http://2img.net/i/fa/wysiwyg/color_swatch.png);
}
#divsmilies {
background-image: url(http://i26.servimg.com/u/f26/12/56/56/12/emotic10.png);
}
.main-content.chatbox {padding: 0px;}
#chatbox{
  margin: 10px 0 10px 0;
  border: 1px solid #DCE2EC;
  border-bottom: 6px solid #DCE2EC;
  background: #ebf0f3;
  padding: 8px;
}
input[type="submit"] {
text-decoration: none;
border-width: 1px;
border-style: solid;
padding: 4px 10px;
cursor: pointer;
}
input[type="submit"] {
background: #212121 url(http://i78.servimg.com/u/f78/17/31/71/58/topic_10.png) repeat-x top;
color: #fff;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: inset 0 1px 0 0 #5c5c5c, 0px 2px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: inset 0 1px 0 0 #5c5c5c, 0px 2px 3px rgba(0,0,0,0.2);
box-shadow: inset 0 1px 0 0 #5c5c5c, 0px 2px 3px rgba(0,0,0,0.2);
border-color: #212121;
}
/*crumbs*/
.pun-crumbs {
    background: none repeat scroll 0% 0% rgb(239, 241, 243);
    border: 1px solid rgb(217, 219, 221);
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0px 0px 3px rgba(109, 119, 237, 0.2);
    clear: both;
    font-size: 11px;
    overflow: hidden;
    margin: 0px 1px 1em;
    padding: 0.2em 1em;
}
.pun-crumbs p {
    color: rgb(102, 102, 102);
    font-size: 1.11em;
    line-height: 1.5;
}
p.crumbs a {
    background: url("http://i57.servimg.com/u/f57/14/89/34/10/second10.png") no-repeat scroll 100% center transparent;
    color: rgb(117,117,117) !important;
    line-height: 30px;
    padding: 10px 20px 10px 12px;
    margin-left: -12px;
    text-shadow: 0px 1px 0px rgb(255, 255, 255);
}
p.crumbs a:hover {
    background-position: 100% -1px;
    border-radius: 3px 0px 0px 3px;
    color: rgb(34, 34, 34);
    text-shadow: 0px 1px 0px rgb(255, 255, 255);
}
p.crumbs a:active {
    background-position: 100% -86px;
    border-radius: 3px 0px 0px 3px;
    color: rgb(34, 34, 34);
    text-shadow: 0px 1px 0px rgb(255, 255, 255);
}


.desc.lighter, .desc.lighter.blend_links a {
    color: #A4A4A4;
}

/* Moderar Tópicos */
    .act_mod {margin: 0 0 8px 0;}
    .act_mod p {
      background: rgb(248, 248, 248) url("http://i38.servimg.com/u/f38/18/24/85/15/shine10.png") repeat-x 0 50%;
      border: 1px solid rgb(219,219,219);
      -moz-box-shadow: 0px 1px 0px rgba(255,255,255,1) inset, 0px 1px 0px rgba(0,0,0,0.3);
      -webkit-box-shadow: 0px 1px 0px rgba(255, 255, 255, 1) inset, 0px 1px 0px rgba(0, 0, 0, 0.3);
      box-shadow: 0px 1px 0px rgba(255, 255, 255, 1) inset, 0px 1px 0px rgba(0, 0, 0, 0.3);
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      border-radius: 3px;
      color: #616161;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      font-size: 12px;
      height: 22px;
      line-height: 22px;
      padding: 3px 10px;
      white-space: nowrap;
      cursor: pointer;
      display: inline-block;
    }
    #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;
    }
    .mod_hover {
    background-image: url(http://i38.servimg.com/u/f38/18/24/85/15/bottom10.png);
    width: 31px;
    height: 16px;
    position: absolute;
    }
    .popupInner {
    background: #fff;
    width: 500px;
    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;
    }
    .action_mod li {
      background: rgb(248, 248, 248);
      border-bottom: 1px solid rgb(234, 234, 234);
      text-align: center;
      padding: 3px 4px;
    }
    .action_mod li a {
      color: #333!important;
    }
/* fim moderar tópicos */
/* Novas Mensagens etc */
#pun-visit, .main-box, #pun-about, .pun .paged-foot, .pun .paged-head {
    background-color: transparent;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px 5px 5px 5px;
}
/* fim novas msgs */
/* logo */
#logo {
    opacity: 0.9;
    display: inline;
    margin-left: -45px;
}
#logo:hover {
    opacity: 1;
    text-decoration: none;
}
/* fim logo */
/* curtir */
    /*like*/
    .LGlike {
    background: url(http://i11.servimg.com/u/f11/18/07/42/17/ok12.png) no-repeat left;
    background-color: #326A94;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 2px 2px 2px 2px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1),0 1px 0 rgba(255, 255, 255, 0.3) inset;
    color: white;
    cursor: pointer;
    display: inline-block;
    font-size: 11px;
    height: 22px;
    line-height: 22px;
    padding: 0 18px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    white-space: nowrap;
    margin-right: 5px;
    margin-top: 30px;
    }
    .LGvote { margin: 0 5px; }
    .LGnovote {
      filter:Alpha(opacity=50);
      opacity: 0.5;
      cursor: default;
      box-shadow: none;
      text-shadow: none;
    }
/* fim curtir post */
/*POPUP TOPICO NÃO LIDO */
#popupnew {
    min-height: 20px;
    min-width: 150px;
    position: fixed;
    bottom: 30px;
    margin-left: 40px;
    padding: 5px;
    z-index: 999;
    border: 1px solid rgba(0, 0, 0, 0.8);
    text-shadow: 1px 1px rgba(255, 255, 255, 0.2);
    background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.8);
    box-shadow: 0px 15px rgba(255, 255, 255, 0.05) inset, 0px 0px 0px 1px rgba(255, 255, 255, 0.2) inset;
    border-radius: 4px 4px 4px 4px;
    color: rgb(255, 255, 255);
    font-family: verdana,arial;
    font-size: 10pt;
    text-align: left;
    display: none;
    background-image: url("http://r20.imgfast.net/users/2011/11/04/42/smiles/2376561594.gif");
    background-repeat: no-repeat;
    background-position: 1% 45%;
    padding-left: 1.5%;
}

/* fim popup n lido */
/* widgets no indice */
   
   
/* fim widgets indice */
#pun-announcement {
    border-radius: 5px 5px 5px 5px;
    clear: both;
    font-size: 11px;
    margin: 0px 1px 1em;
    overflow: hidden;
    background: none repeat scroll 0% 0% rgba(255, 162, 0, 0.3);
    border: 1px solid rgba(255, 162, 0, 0.2);
    box-shadow: 1px 1px rgba(255, 255, 255, 0.6) inset;
    color: rgb(74, 74, 74);
    text-shadow: 1px 1px rgba(255, 255, 255, 0.6);
}
/* seletor de página */
.paging > b {
    background: none repeat scroll 0px 0px rgb(123, 166, 13);
    border-radius: 2px 2px 2px 2px;
    color: rgb(255, 255, 255);
    font-weight: 700;
    margin: 0px 1px;
    padding: 4px;
}
.paging > a {
    background: rgba(0,0,0,0.1);
    padding: 5px;
    border-radius: 2px;
    margin: 0 1px;
    color: #8D8D8D !important;
}
.paging > a:hover {
    background: none repeat scroll 0px 0px rgba(0, 0, 0, 0.1);
    border-radius: 2px 2px 2px 2px;
    padding: 5px;
    margin: 0px 1px;
    color: #505050 !important;
}
.sprite-arrow_prosilver_right {
    background: url("http://i34.servimg.com/u/f34/18/17/62/92/next10.png") no-repeat scroll 0px 0px transparent;
    height: 20px;
    width: 39px;
}
/* avatar ultimos topicos widget*/
.ipsType_smaller, .ipsType_smaller a {
    margin-bottom: 5%;
}
/* resposta rápida */
#quick_reply #textarea_content {
    background: none repeat scroll 0px 0px rgb(235, 240, 243);
    border: 2px solid rgb(211, 211, 211);
    clear: both;
    height: auto !important;
    margin-left: -10px !important;
    margin-right: -10px !important;
    min-width: 950px;
    padding: 9px 4px;
    width: 100% !important;
}
/* assinatura */
.pun .sig-content {
    clear: both;
    margin-bottom: 4px !important;
    margin-top: 6px !important;
    padding: 0px 0px 10px !important;
    position: relative;
}
/* post foot */
.postfoot {
    border-top: 0px none;
    margin-left: -185px !important;
    opacity: 0.3;
    transition: all 0.5s ease 0s;
}
.postfoot:hover {
    opacity: 1;
}
/* PAGINA MEMBROS */
.pun table.table th {
    background-color: rgba(120, 10, 120, 0.8);
    padding: 0.5em 0px;
    box-shadow: 0px 0px 100px 0px rgba(0, 0, 0, 0.1) inset;
    border: 1px solid rgba(0, 0, 0, 0.2);
    color: white;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}
.pun .frm .frm-form table {
    border: 1px solid rgba(0, 0, 0, 0.2);
}
.pun table.table td.tc3 {
text-align: center;
width: 15%;
}
/* pagina calendario */
.pun .main table.calendar thead th {
    background: rgba(120, 10, 120, 0.8);
    font-weight: 700;
    padding: 0.5em;
    box-shadow: 0px 0px 100px 0px rgba(0, 0, 0, 0.1) inset;
}
.pun .main table.calendar .row3 {
    background-color: rgba(20, 50, 50, 0.1);
    padding: 0.25em;
}
.pun .main table.calendar td.row2:hover {
    background-color: rgba(110, 160, 190,0.2);
    transition: 0.3s;
}
/* pagination dos topicos */
strong.pagination {
    font-weight: 400;
    background: none repeat scroll 0% 0% rgb(123, 166, 13);
    padding: 2px;
    border-radius: 2px 2px 2px 2px;
    color: white;
    margin: 0 1px;
}
strong.pagination a {
    color: white !important;
    font-size: 12px;
}
/* codigos bbcode */
.codebox {
    background-color: rgb(255, 255, 225);
    border: 1px solid rgba(0,0,0,0.14);
    margin: 1em;
    box-shadow: 0 0 7px rgba(0,0,0,0.12);
    border-left: 2px solid rgba(120,10,100,1);
}
.codebox dt {
    border-bottom: 1px dashed rgba(0, 0, 0, 0.2);
    padding: 0.25em;
    color: rgba(0, 0, 0, 0.7);
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    margin-left: 5px;
    font-weight: bold;
}
.codebox dd {
    background-color: rgb(255, 255, 225);
    margin: 5px;
    padding: 1px;
}
.codebox dd.cont_code {
    max-height: 80%;
    overflow: auto;
}
.postmain blockquote {
    background-color: rgb(255, 255, 225);
    border-width: 1px 1px 1px 2px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.14) rgba(0, 0, 0, 0.14) rgba(0, 0, 0, 0.14) rgb(120, 10, 10);
    margin: 1em;
    box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.12);
}
.postmain cite {
    display: block;
    font-style: normal;
    font-weight: 700;
    margin: 0px 0px 1em;
    border-bottom: 1px dashed rgba(0,0,0,0.2);
    padding: 1px;
}
.donate, .quotebox {
    background-color: rgb(255, 255, 225);
    border: 1px solid rgba(0,0,0,0.14);
    margin: 1em;
    box-shadow: 0 0 7px rgba(0,0,0,0.12);
    border-left: 2px solid rgba(120,10,100,1);
}
/* perfil menus */
#tabs ul li.activetab a {
    border-color: rgba(0,0,0,0.2);
    color: rgba(255,255,255,1);
    text-decoration: none;
    background: none repeat scroll 0% 0% rgba(10, 40, 130, 0.6);
    box-shadow: 0px 0px 1px rgba(255, 255, 255, 1);
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    border-radius: 3px;
}
#tabs ul li.activetab a:hover {
    background-color: rgba(100,33, 123,0.7);
    transition: 0.4s;
}
#tabs ul li a {
    border: 1px solid;
    float: left;
    font-size: 1.1em;
    font-weight: 400;
    line-height: 2em;
    padding: 0px 1em;
    border-color: rgba(0,0,0,0.2);
    color: rgba(255,255,255,0.8);
    text-decoration: none;
    background: none repeat scroll 0% 0% rgba(10, 40, 130, 0.4);
    box-shadow: 0px 0px 1px rgba(255, 255, 255, 1);
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    border-radius: 3px;
}
#tabs ul li a:hover {
    background-color: rgba(100,33, 123,0.7);
    color: rgba(255,255,255,1);
    transition: 0.4s;
}
.main .frm-info {
    background: rgba(0,144,69,0.8);
    border: 1px solid rgba(0,120,60,0.9);
    margin: 1.7em;
    padding: 1em;
    box-shadow: 1px 1px rgba(255,255,255,0.3) inset;
    color: white;
    font-size: 13px;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    font-weight: bold;
}
/* mensagens informativas */
.pun .main .main-content p.message {
    background-color: rgba(20,10,190,0.4);
    border: 1px solid rgba(0,0,0,0.4);
    margin: 1.7em;
    padding: 1em;
    box-shadow: 1px 1px 0 rgba(255,255,255,0.4) inset;
    color: rgba(255,255,255,1);
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
}
/* corpo da mensagem */
.pun .postfoot .user-contact {
    float: left;
    text-align: center;
    width: 12em;
}
/* codigos de alerta e tal */

/* INICIO SELETOR DE TEMA CODE */
/* Panda Syntax Highlighter - https://github.com/AvacWeb/Panda */
.panda-code {
  padding: 5px 10px;
  font-size: 12px;
  font-family: monospace;
  background: #EFEFEF;
  color: #0D700D;
  border: 1px solid #CCC;
  overflow: auto;
  max-height: 300px;
  text-shadow: 0 1px white;
  text-align: left;
  display: block;
}
.panda-code ol { padding-left: 15px; }
.panda-code ol li {
    padding: 1px 10px;
    margin: 4px 0;
    border-left: 2px solid green;
    list-style-type: decimal-leading-zero;
}
.panda-code ol li:hover { background: #DEDEDE; }

.panda-string, .panda-multiLineString { color: #C03; } /* string literals */
.panda-special { color: #09F; } /* words defined as special */
.panda-keyword, .panda-extra { color: #009; } /* keywords. .panda-extra = square braces, parentheses and curly braces. */
.panda-operators { font-weight: bold; color : #000; } /* > < & = == === !== != ! && * % + / || */
.panda-comment1, .panda-comment2, .panda-comment3 { color: #666!important; font-style: italic; } /* comments */
.panda-int { color: #f00; }
/* FIM SELETOR DE TEMA CODE */
/* mensagem privada nova */
[data-counter]:after {
background-color: #00ba3b;
background-image: -webkit-linear-gradient(#FF6969 0%, #ff0000 100%);
background-image: -moz-linear-gradient(#FF6969 0%, #ff0000 100%);
background-image: -o-linear-gradient(#FF6969 0%, #ff0000 100%);
background-image: -ms-linear-gradient(#FF6969 0%, #ff0000 100%);
background-image: linear-gradient(#FF6969 0%, #ff0000 100%);
content: attr(data-counter);
position: absolute;
padding: 2px 6px;
border: 2px solid white;
border-radius:100px;
box-shadow: 0 1px 2px rgba(0,0,0,.5), 0 1px 4px rgba(0,0,0,.4), 0 0 1px rgba(0,0,0,.7) inset, 0 10px 0px rgba(255,255,255,.11) inset;
background-clip: padding-box;
font:bold 10px "Helvetica Neue", sans-serif;
color: white;
text-decoration: none;
text-shadow: 0 -1px 0 rgba(0,0,0,.6);
margin-left: -10px;
margin-top: 10px;
}​
/* fim mensagem privada */

/* expandir imagem */
.resizebox, .resizebox a.enlarge, .resizebox.enlarged a.resize{
    display: block;
    padding: 2% 2% 1% 2%;
    border-radius: 5px 5px 0px 0px;
    background: none repeat scroll 0% 0% rgba(255, 162, 0, 0.3);
    border: 1px solid rgba(255, 162, 0, 0.2);
    box-shadow: 1px 1px rgba(255, 255, 255, 0.6) inset;
    color: rgb(74, 74, 74) !important;
    text-shadow: 1px 1px rgba(255, 255, 255, 0.6);
    margin-bottom: -15px;
    text-align: right;
}
.resizebox a.fullsize {
  text-align: right;
  color: rgb(74, 74, 74) !important;
  text-shadow: 1px 1px rgba(255, 255, 255, 0.6);
  margin-left: 10px;
  top: -4px;
  position: relative;
}

/* categoria retratil */

/* post infos */
.post_field:hover {
    background: none repeat scroll 0% 0% rgb(238, 238, 238);
    border-left-width: 3px !important;
    border-right-width: 3px !important;
    color: rgb(78, 78, 78);
    text-shadow: 1px 1px rgb(185, 185, 185);
    transition: all 0.3s linear 0s;
}
.post_field {
    background: none repeat scroll 0% 0% rgb(255, 255, 255);
    border-left-style: solid;
    border-left-color: rgb(109, 109, 109);
    border-left-width: 0px !important;
    border-right-style: solid;
    border-right-color: rgb(109, 109, 109);
    border-right-width: 0px !important;
    margin-bottom: 0.5px;
    padding: 0px;
    transition: all 0.1s linear 0s;
}
/* Multi - quote */
    .FloatingAction {
    background: #fdfdfd;
    position: fixed;
    right: 10px;
    bottom: 10px;
    padding: 10px;
    z-index: 999;
    border: 4px solid #464646;
    border: 4px solid rgba(0,0,0,0.75);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0px 3px 6px rgba(0,0,0,0.4);
    -webkit-box-shadow: 0px 3px 6px rgba(0,0,0,0.4);
    box-shadow: 0px 3px 6px rgba(0,0,0,0.4);
    }

#ajax_loading {background: #000;color: #fff;text-align: center;padding: 5px 0 8px;width: 8%;top: 0px;left: 46%;-moz-border-radius: 0 0 5px 5px;-webkit-border-bottom-right-radius: 5px;-webkit-border-bottom-left-radius: 5px;border-radius: 0 0 5px 5px;z-index: 999;position: fixed;-moz-box-shadow: 0px 3px 5px rgba(0,0,0,0.2);-webkit-box-shadow: 0px 3px 5px rgba(0,0,0,0.2);box-shadow: 0px 3px 5px rgba(0,0,0,0.2);opacity: 0.6;}

.main-box.clearfix {display: none;}

#pun-visit {
display: none !important;
}

.nPost {color: #a2a2a2;}
.nPost:after {content: ' posts';}


.ipsUserPhoto_mini {
-moz-box-shadow:0 2px 2px rgba(0,0,0,0.1);
-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.1);
background:#fff;
border:2px solid #4F4F4F;
box-shadow:0 2px 2px rgba(0,0,0,0.1);
height:36px;
margin:0 5px;
padding:1px;
width:36px;
border-radius: 1px!important;
}

.ipsUserPhoto_mini:hover {
-moz-box-shadow:0 2px 2px rgba(0,0,0,0.2);
-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.2);
border-color:#333;
box-shadow:0 2px 2px rgba(0,0,0,0.2)
}

.pun .postbody {font-size: 14px; font-family: Arial; line-height: 1.6}


#siteinfo,.main .main-content,.main .main-head,.pun .posthead,.title-overview {
background:#4F4F4F url(http://i57.servimg.com/u/f57/18/12/37/46/main-b10.png) repeat-x
}

.main .main-content {
border:0;
border-radius:0 0 3px 3px;
box-shadow:rgba(0,0,0,0.3) 0 1px 4px;
padding:6px
}

.main .main-head,.title-overview {
-moz-border-radius:3px 3px 0 0;
-moz-box-shadow:rgba(0,0,0,0.3) 0 -1px 4px;
-webkit-border-radius:3px 3px 0 0;
-webkit-box-shadow:rgba(0,0,0,0.3) 0 -1px 4px;
border-radius:3px 3px 0 0;
box-shadow:rgba(0,0,0,0.3) 0 -1px 4px;
color:#fff;
padding:13px;
text-shadow:1px 1px 1px #333
}

#right {
  -moz-border-radius:5px;
  -moz-box-shadow:-2px 2px 2px none;
  -webkit-border-radius:5px;
  -webkit-box-shadow:-2px 2px 2px none;
  background:#ebedef;
  border:1px solid #dce2ec;
  border-radius:5px;
  box-shadow:-2px 2px 2px none;
  padding: 5px
/* Caso bug entrar em contacto comigo ! */
}

.module .main-head,.title-overview {
  margin-top:0
}

.module .main-content{
  background:#fff;
  border:1px solid #dedede;
  padding:.8em
}

.module .main-content table[style="table-layout:fixed"]{
  -moz-border-radius:4px;
  -moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);
  -webkit-border-radius:4px;
  -webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);
  background-color:#f7f7f7;
  background-image:linear-gradient(tobottom,#f5f5f5,#f9f9f9);
  background-repeat:repeat-x;
  border-radius:4px;
  box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5',endColorstr='#fff9f9f9',GradientType=0)
}


.module .main-content table[style="table-layout:fixed"] {
-moz-border-radius:4px;
-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);
-webkit-border-radius:4px;
-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);
background-color:#f7f7f7;
background-image:linear-gradient(tobottom,#f5f5f5,#f9f9f9);
background-repeat:repeat-x;
border-radius:4px;
box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5',endColorstr='#fff9f9f9',GradientType=0)
}

#content-container div#content {
margin-right: 260px
}

#content-container div#container {
width: 95% !important
}

#content-container div#container {
margin-right: -290px !important
}

#content-container div#right {
float: right !important;
width: 255px !important
}


Até +!

Target  • Sex 14 Fev 2014 - 22:14

Conteúdo patrocinado  •