Barra divisória de tópicos - by jscript

Código:


.post_date {
  margin-top: -40px;
}


Diogo Ferreira escreveu:O formato da data, a cor da barra e do nome, amigo.

Código:

.post_date {
  margin-top: -40px !important;
}

Código:

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

html, body {
font: normal 13px helvetica, arial, sans-serif;
color: #4F4F4F;
background-image: url("http://i.imgur.com/F6W6Elb.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://www.haxball.pt/public/style_images/Neat_images/branding_bg.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 {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color:#FFFFFF!important;
    border-color: -moz-use-text-color -moz-use-text-color rgba(0, 0, 0, 0.1);
    border-image: none;
    border-style: none none solid;
    border-width: 0 0 1px;
    padding: 10px;
}
.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:#4F4F4F;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);
}

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

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

/* 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_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
}
#pun-announcement {
display: none!important;
}

.entry-content p > br{
  display: none !important;
}
.entry-content p:last-child:before {
    background: url("http://i34.servimg.com/u/f34/18/17/62/92/icon_w10.png") no-repeat scroll left 2px #FAFAFA;
    content: "\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0 Editado ";
    margin-left: 12px;
    position: absolute;
}
.entry-content p:last-child {
  font-size: 12px;
  font-weight: bold;
  margin-left: -35px;
  margin-top: 15px;
  overflow: hidden;
  padding: 2px 0 0 24px;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 300px;
}
.entry-content p:last-child:empty:before {
  content: " ";
}
.entry-content p:last-child:hover {
  white-space: normal;
  width: auto;
}


/* Resp Rap */

.main .main-content {
background: #4F4F4F url(http://i57.servimg.com/u/f57/18/12/37/46/main-b10.png) repeat-x;
}

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

.pun .main-content.frm {
background-color: #4F4F4F
}


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

#pun-qpost .frm-form, .faq dt {
background: #fff;
}

.pun .frm-form {
padding: 6px;
}

#pun-qpost fieldset.frm-set {
background: transparent;
margin: 1.7em;
}

#textarea_content {
min-width: 98%!important
}

#text_editor_textarea, .sceditor-container iframe, .sceditor-container textarea {
background: #fff!important;
border-color: #bbb #ddd #ddd #bbb !important;
border-style: solid!important;
border-width: 1px!important
}

#text_editor_textarea {
min-height: 85px;
opacity: .6;
}

#quick_reply .frm-buttons{
border-top: 0;
margin: 0 auto;
padding: 5px;
text-align: right;
}


#bloggercg, #facebookcg, #twittercg {
margin-left: 10px;
}

#primary_nav #facebookcg, #primary_nav #bloggercg, #primary_nav #twittercg {
display: inline;
}

#primary_nav #facebookcg{
background:#1f69b3;
padding:8px;
transition:all .3s linear
}
#primary_nav #facebookcg:hover{
opacity:.7;
transition:all .3s linear
}
#facebookcg span{
background:url(http://upit.cc/i/501f2ab9.png) no-repeat top;
display:inline-block;
height:16px;
width:16px
}
#primary_nav #twittercg{
background:#43b3e5;
padding:8px;
transition:all .5s linear
}
#primary_nav #twittercg:hover{
opacity:.7;
transition:all .5s linear
}
#twittercg span{
background:url(http://upit.cc/i/afb451a1.png) no-repeat top;
display:inline-block;
height:16px;
width:16px
}
#primary_nav #bloggercg{
background:#fc6301;
padding:8px;
transition:all .3s linear
}
#primary_nav #bloggercg:hover{
opacity:.7;
transition:all .3s linear
}
#bloggercg span{
background:url(http://upit.cc/i/fe877e54.png) no-repeat top;
display:inline-block;
height:16px;
width:16px
}

.BS_vote {
float: right;
margin: 0 5px;
}

.BS_like {
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
background: #740a0e url(http://imgur.com/nzsWyYT.png) no-repeat;
border: 1px solid #63070a;
border-radius: 2px;
color: #fff;
cursor: pointer;
display: inline-block;
font-size: 11px;
line-height: 22px;
margin-right: 4px;
padding: 0 7px 0 26px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.BS_count {
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
background: #f4f4f4;
border-radius: 2px;
padding: 3px 10px;
}
.BS_done{display:none}

.tcl.tdtopics > strong {
  background: none repeat scroll 0 0 #7BA60D;
  border-radius: 4px 4px 4px 4px;
  color: #FFFFFF;
  display: inline-block;
  font-size: 9px;
  font-weight: 700;
  height: 15px;
  line-height: 15px;
  padding: 0 5px;
  text-transform: uppercase;
  vertical-align: middle;
}

div.user div.user-info div.post_field dd div.field span.label {
color: black !important;
}
div.user div.user-info div.post_field dd div.field {
line-height: 14px !important;
color: #4F4F4F !important;
}

.main.paged .paged-head {
  display: none !important;
}

#statistics span a {
  color: #4A4A4A !important;
}

.tcl.tdtopics .stats {
background-color: #fef4d7;
padding: 10px;
margin-left: -55px!important;
margin-right: 10px!important;
padding-bottom: 50px;
border-bottom: 1px solid #e1e1e1!important;
border-right: 1px solid #f4e9d2!important;
}

.stats img {
    margin-bottom: -22px;
    margin-left: 5px;
    width: 15px;
}

.main-foot.clearfix .h2 {
  display: none !important;
}

#avatar img {
border: 2px solid rgba(225, 225, 225, 0.2);
border-radius: 2px;
width: 25px;
height: 25px
}

.botoess {
background: none repeat scroll 0 0 rgba(172, 172, 172, 0.4);
border-radius: 2px 2px 2px 2px;
box-shadow: 0 0 1px rgba(255,255,255,0.6);
color: #fff;
display: block;
padding: 6px 15px 5px;
text-shadow: 0 1px 1px rgba(0,0,0,0.5);
margin-right: 10px;
transition: all .3s ease-in 0!important;
float: left;
}
.botoess:hover {
  background: none repeat scroll 0 0 rgba(255, 255, 255, 0.47);
}

#primary_nav {
background: url(http://www.haxball.pt/public/style_images/Neat_images/bg-cat-menu.jpg) repeat-x center bottom;
border-bottom: 1px solid #DDD;
border-top: 1px solid #DFDFDF;
padding: 10px;
font-size: 13px;
margin-bottom: 0;
}

.module .main-head h3 {
font-family: Verdana,Arial,sans-serif;
font-size: 16px !important;
font-weight: 300 !important;
}

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

.column .main-head .h3 {
font-family: Verdana,Arial,sans-serif;
font-size: 16px !important;
font-weight: 300 !important;
}

.module.main .main-head .h3 {
font-family: Verdana,Arial,sans-serif;
font-size: 16px !important;
font-weight: 300 !important;
}

#pun-info {
  display: none;
}

.tc_forum .hierarchy a {
  color: #333;
  font-weight: 700;
  display: inline-block;
  padding-bottom: 5px;
  font-family: Arial, Helvetica, sans-serif;
}

.last_post.ipsType_small {
  padding-top: 12px;
}

.pun table .tcr {
  width: 35%;
}


span.desc-small {
    color: #a4a4a4 !important;
    margin-left: 2px;
    font-size: 11px !important;
    font-style: initial;
    text-justify: initial;
    text-overflow: ellipsis;
    font: normal 13px "helvetica", arial, sans-serif;
}

span.desc-small a {
    color: #a4a4a4 !important
}

.pun table td.tcl h2 a { color: #555!important }

#footer_utilities {
background-color: #F1EDED !important;
height: 50px !important;
width: 98.4% !important;
  min-width: 1000px;
  display: block;
  padding: 10px;
  font-size: 11px;
border: 1px solid white;
outline: solid 1px #DDD;     
}


/* Código desenvolvido por http://bluebox.forumeiros.com/ - Uma caixa de conhecimentos | 2014
| Desenvolvimento e edição de códigos | Suporte geral sobre programação | Cursos sobre programação
| Escola BlueWorld ensino de programação básica e avançada */
#cssmenu{#dedede;margin:0;width:auto;padding:0;line-height:1;display:block;position:relative;font-family:'arial',sans-serif}
#cssmenu ul{list-style:none;margin:0;padding:0;display:block}
#cssmenu ul:after{content:' ';display:block;font-size:0;height:0;clear:both;visibility:hidden}
#cssmenu ul li{margin:0;padding:0;display:block;position:relative}
#cssmenu ul li a{text-decoration:none;display:block;margin:0;-webkit-transition:color .2s ease;-moz-transition:color .2s ease;-ms-transition:color .2s ease;-o-transition:color .2s ease;transition:color .2s ease}
#cssmenu ul li ul{position:absolute;left:-9999px;top:auto}
#cssmenu ul li ul li{max-height:0;position:absolute;-webkit-transition:max-height .4s ease-out;-moz-transition:max-height .4s ease-out;-ms-transition:max-height .4s ease-out;-o-transition:max-height .4s ease-out;transition:max-height .4s ease-out;background:#bdbdbd}
#cssmenu ul li ul li.has-sub:after{display:block;position:absolute;content:'';height:10px;width:10px;border-radius:5px;background:#0d0d0d;z-index:1;top:13px;right:15px}
#cssmenu ul li ul li.has-sub:before{display:block;position:absolute;content:'';height:0;width:0;border:3px solid transparent;border-left-color:#bdbdbd;z-index:2;top:15px;right:15px}
#cssmenu ul li ul li a{font-size:14px;font-weight:400;text-transform:none;color:#0d0d0d;letter-spacing:0;display:block;width:140px;padding:11px 10px 11px 20px}
#cssmenu ul li ul li:hover>a,#cssmenu ul li ul li.active>a{color:#1c1c1c}
#cssmenu ul li ul li:hover:after,#cssmenu ul li ul li.active:after{background:#1c1c1c}
#cssmenu ul li ul li:hover>ul{left:170px;top:0}
#cssmenu ul li ul li:hover>ul>li{max-height:72px;position:relative}
#cssmenu>ul>li{float:left;border-left-style:solid;border-color:#969696;border-left-width:1px}
#cssmenu>ul>li:after{content:'';display:block;position:absolute;width:100%;height:0;top:0;z-index:0;background:#bdbdbd;-webkit-transition:height .2s;-moz-transition:height .2s;-ms-transition:height .2s;-o-transition:height .2s;transition:height .2s}
#cssmenu>ul>li.has-sub>a{padding-right:40px}
#cssmenu>ul>li.has-sub>a:after{display:block;content:'';background:#000;height:12px;width:12px;position:absolute;border-radius:13px;right:14px;top:16px}
#cssmenu>ul>li.has-sub>a:before{display:block;content:'';border:4px solid transparent;border-top-color:#fff;z-index:2;height:0;width:0;position:absolute;right:16px;top:21px}
#cssmenu>ul>li>a{color:#000;padding:15px 20px;font-weight:700;letter-spacing:1px;text-transform:capitalize;font-size:12px;z-index:2;position:relative}
#cssmenu>ul>li:hover:after,#cssmenu>ul>li.active:after{height:100%}
#cssmenu>ul>li:hover>a,#cssmenu>ul>li.active>a{color:#FCFCFC}
#cssmenu>ul>li:hover>a:after,#cssmenu>ul>li.active>a:after{background:#FCFCFC}
#cssmenu>ul>li:hover>a:before,#cssmenu>ul>li.active>a:before{border-top-color:#bdbdbd}
#cssmenu>ul>li:hover>ul{left:0}
#cssmenu>ul>li:hover>ul>li{max-height:72px;position:relative}
#cssmenu #menu-button{display:none}
@media all and (max-width:768px),only screen and (-webkit-min-device-pixel-ratio:2) and (max-width:1024px),only screen and (min--moz-device-pixel-ratio:2) and (max-width:1024px),only screen and (-o-min-device-pixel-ratio:2/1) and (max-width:1024px),only screen and (min-device-pixel-ratio:2) and (max-width:1024px),only screen and (min-resolution:192dpi) and (max-width:1024px),only screen and (min-resolution:2dppx) and (max-width:1024px){#cssmenu>ul{max-height:0;overflow:hidden;-webkit-transition:max-height .35s ease-out;-moz-transition:max-height .35s ease-out;-ms-transition:max-height .35s ease-out;-o-transition:max-height .35s ease-out;transition:max-height .35s ease-out}
#cssmenu>ul.open{max-height:1000px;border-top:1px solid rgba(110,110,110,0.25)}
#cssmenu ul{width:100%}
#cssmenu ul>li{float:none}
#cssmenu ul li a{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;padding:12px 20px}
#cssmenu ul>li:after{display:none}
#cssmenu ul li.has-sub>a:after,#cssmenu ul li.has-sub>a:before,#cssmenu ul li ul li.has-sub:after,#cssmenu ul li ul li.has-sub:before{display:none}
#cssmenu ul li ul,#cssmenu ul li ul li ul,#cssmenu ul li ul li:hover>ul{left:0;position:relative}
#cssmenu ul li ul li,#cssmenu ul li:hover>ul>li{max-height:999px;position:relative;background:0}
#cssmenu ul li ul li a{padding:8px 20px 8px 35px;color:#000;width:auto}
#cssmenu ul li ul ul li a{padding:8px 20px 8px 50px}
#cssmenu ul li ul li:hover>a{color:#383838}
#cssmenu #menu-button{display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;padding:15px 20px;text-transform:capitalize;font-weight:700;font-size:14px;letter-spacing:1px;color:#000;cursor:pointer}
#cssmenu #menu-button:after{display:block;content:'';position:absolute;height:3px;width:22px;border-top:2px solid #000;border-bottom:2px solid #000;right:20px;top:16px}
#cssmenu #menu-button:before{display:block;content:'';position:absolute;height:3px;width:22px;border-top:2px solid #000;right:20px;top:26px}
}

.post_date {
  margin-top: -40px;
}

.signature_div {
height: 200px!important;
width: 500px!important;
}

.pun .post {
    background: none repeat scroll 0% 0% #F6F5F1!important
}
.pun .post .user .user-info .post_field {
  background: none repeat scroll 0 0 #F6F5F1 !important;
}

.pun table.table tr{
    transition: all 250ms ease 0s;
    color: rgb(170, 170, 170) !important;
}
.pun table.table tr:hover{
    transition: all 250ms ease 0s;
    color: rgb(72, 83, 99) !important;
}
.ipsUserPhoto_mini {
opacity: 0.5;
transition: all 250ms ease 0s;
}
.ipsUserPhoto_mini:hover {
    opacity: 1;
transition: all 250ms ease 0s;
}

.tc_forum .hierarchy a:hover {
    text-decoration: underline!important;
}

/*título*/
.titlebox{
    -moz-border-radius:3px;
    -moz-box-shadow:inset rgba(0,0,0,0.1) 0 1px 4px;
    -webkit-border-radius:3px;
    -webkit-box-shadow:inset rgba(0,0,0,0.1) 0 1px 4px;
    background:#EFEFEF;
    border:1px solid #D6D6D6;
    border-radius:3px;
    box-shadow:inset rgba(0,0,0,0.1) 0 1px 4px;
    overflow:hidden;
    padding:10px;
    text-shadow:#fff 0 1px 0
}
.titlebox dd{display:block}
.titlebox dava{float:left}
.titlebox dava a img{
    -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:1px solid #D5D5D5;
    box-shadow:0 2px 2px rgba(0,0,0,0.1);
    float:left;
    height:50px!important;
    padding:1px;
    width:50px!important
}
.titlebox dava a img: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:#A1A1A1;
    box-shadow:0 2px 2px rgba(0,0,0,0.2)
}
.ipsType_pagetitle a{font-size:23px;z-index:999}
.desc.lighter.blend_links{color:#a4a4a4;float:left;font-size:11px}
.desc.lighter,.desc.lighter.blend_links a{color:#A4A4A4}
.desc,.desc.blend_links a,p.posted_info{color:#777;font-size:12px}
.conect{display:inline-block;padding-left:5px}

      /*box*/
.titlebox {
background: url("http://i13.servimg.com/u/f13/18/08/41/63/transw13.png") repeat;
background: rgba(255, 255, 255, 0.5) url('http://i13.servimg.com/u/f13/18/08/41/63/highli15.png') repeat-x 0 0;
-webkit-box-shadow: inset rgba(255, 255, 255, 0.5) 0px 1px 0px, rgba(0, 0, 0, 0.2) 0px 0px 0px;
-moz-box-shadow: inset rgba(255,255,255,0.5) 0px 0px 0px, rgba(0,0,0,0.2) 0px 0px 0px;
box-shadow: inset rgba(255, 255, 255, 0.5) 0px 1px 0px, rgba(0, 0, 0, 0.2) 0px 0px 0px;
text-shadow: rgba(255, 255, 255, 0.2) 0px 0px 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
padding: 10px;
overflow: hidden;
}
.titlebox dd {display: block;}
.titlebox dava {float: left;}
.ipsBox_withphoto {float: left; margin-left: 10px;}
.ipsType_pagetitle {color: #323232; display: block; font-family: Helvetica,Arial,sans-serif; font-size: 23px; font-style: normal; font-variant: normal; font-weight: 300; line-height: 1.4; outline-style: none; overflow: hidden; text-align: left; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; width: 600px;}
.ipsType_pagetitle a {font-size: 23px; z-index: 999;}
.desc.lighter.blend_links {color: #777; float: left; font-size: 11px;}
.socialetopic {float: right; position: relative;}
.titlebox dava a img {
  float: left;
  height: 50px!important;
  width: 50px!important;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-box-shadow: inset rgba(0, 0, 0, 0.3) 0px 1px 5px, inset rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
-moz-box-shadow: inset rgba(0,0,0,0.3) 0px 1px 5px, inset rgba(0,0,0,0.08) 0px 0px 0px 1px;
box-shadow: inset rgba(0, 0, 0, 0.3) 0px 0px 0px, inset rgba(0, 0, 0, 0.08) 0px 0px 0px 0px;
}
.titlebox dava a img:hover {opacity: 0.8;}

/*fim*/


.post h3 {
background: #000 !important; /* COR DE FUNDO DA BARRA */
font-family: NOME_DA_FONTE !important; /* NOME DA FONTE */
}

.post_date {
color: #FFF !important; /* COR DA LETRA */
font-family: NOME_DA_FONTE !important; /* NOME DA FONTE */
}

.desc {
color: #FFF !important; /* COR DA LETRA */
font-family: NOME_DA_FONTE !important; /* NOME DA FONTE */
}

Código:

div.post h3 {
background-color: #EDEAE3 !important;
border-bottom: 1px solid #CCCACD !important;
}
div.post-entry div.post_date {
text-shadow: 0px 1px white !important;
-moz-text-shadow: 0px 1px white !important;
color: #4f4f4f !important;
font-size: 11px !important;
}

Código:

div.post_username span.author.vcard a {
text-shadow: 0px 1px white !important;
-moz-text-shadow: 0px 1px white !important;
color: #4f4f4f !important;
font-size: 15px !important;
}

JScript escreveu:@Diogo Ferreira
Eu fui conferir e realmente é dessa forma... Mas a sua ideia é excelente e funcional, basta adicionar o código abaixo:

Código:

.pun .posthead {
  background-image: url("http://i137.photobucket.com/albums/q224/RM_7/offline.png") !important;
  background-position: 15px center !important;
  background-repeat: no-repeat !important;
  z-index: 0;
}

Resultado:

Código:

div[class="post_online"]:empty:after {
content: url('http://i137.photobucket.com/albums/q224/RM_7/offline.png'); /*Hancki*/
}