Botão curtir no lugar do +

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Botão curtir no lugar do +

Mensagem por Mr_Matrix em 13/05/13, 11:51 am

Qual é minha questão:
Gostaria de colocar um botao curtir no lugar do (+), mais quado coloco o codigo na folha de estilo CSS ele nao presta..

Pois tem uns codigos na minha folha de estilo CSS que é responsavel pela aparencia, ae nao pode tirar...

alguem sabe como fazer

Endereço do meu fórum:
http://thudexcheatsbrasil.forumeiros.com

Versão do fórum:
PHPBB3
avatar

Mr_Matrix
Nível 3

Masculino
Inscrito dia : 08/05/2013
Mensagens : 20
Pontos Ativos : 43

Ver perfil do usuário http://thudexcheatsbrasil.forumeiros.com/

Resolvido Re: Botão curtir no lugar do +

Mensagem por Mr_Matrix em 13/05/13, 11:52 am

Minha folha css
Código:
button.button2, input.button2 {
background-color: #FAFAFA;
background-image: url(http://illiweb.com/fa/prosilver/bg_button.gif);
background-position: top;
background-repeat: repeat-x;
border: 1px solid #BCBCBC;
  margin-top: 5px;
}
.pun .main table td.tc2, .pun .main table td.tc3, .pun .main table td.tc4, .pun table td.tcl, .pun table td.tcr {
background: #fff url(http://i.imgur.com/uarWB7g.png) repeat-x left bottom;
border-left: 0;
color: #4E4E4E;
}
body a {
color: #860803;
text-decoration: none;
}
.pun table .tdtopics .status {
  margin-left: -40px!important;
}
.pun h2, .pun h3, .pun input, .pun select, .pun th {
  padding-left: 15px;
}
.pun tbody.statused td.tcl {
  padding-left: 5.4em!important;
}
/*--------Remover underlines--------*/
a:link{text-decoration: none !important;}
a:visited {text-decoration: none !important;}
a:hover{text-decoration: none !important;}
a:active {text-decoration: none !important;}
.pun table.table td {
  border-style: none!important;
}
a.button2, body:last-child a.button1, button.button2, input.button1, input.button2 {
-moz-border-radius: 3px;
-moz-box-shadow: inset 0 0 1px #fff;
-moz-transition: all .218s;
-ms-box-shadow: inset 0 0 1px #fff;
-ms-transition: all .218s;
-o-box-shadow: inset 0 0 1px #fff;
-o-transtion: all .218s;
-webkit-border-radius: 3px;
-webkit-box-shadow: inset 0 0 1px white;
-webkit-transition: all .218s;
background-image: linear-gradient(top,white0%,#E0E0E0100%);
border: 1px solid #CCC;
border-bottom-color: #AAA;
border-radius: 3px;
box-shadow: inset 0 0 1px white;
color: #555;
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffff,EndColorStr=#e0e0e0);
font-size: 11px;
font-weight: 700;
height: 2.35em;
padding: 0 .91em;
text-shadow: 0 1px 0 white;
transition: all .218s;
}

.wgo_block .section:first-child .blocksubhead {
border-top: 0;
}
.wgo_block .blocksubhead {
padding-left: 10px;
font: 13px;
color: #3E3E3E;
background: transparent;
padding-bottom: 5px;
}
.formcontrols .blocksubhead {
font-weight: bold;
}
.blocksubhead {
font: normal 12px;
color: #3E3E3E;
background: #E9E9E9 none repeat-x;
padding: 4px 10px 4px 10px;
border-top: 1px solid #EBE8E4;
}





.forumBitBoxTBB .forumBitShowthread {
margin-bottom:8px;
}
.forumBitBoxTB {
  height:8px;
  font-size:0;
  margin-top: 5px;
}
.forumbitBoxTL {
  background:url(http://www.purevb.com/demo/images/styles/ChitChat/style_red/forumbitBoxTL.png) no-repeat top left;
  height:8px;
  font-size:0;
}
.forumBitBoxTR {
  background:url(http://www.purevb.com/demo/images/styles/ChitChat/style_red/forumBitBoxTR.png) no-repeat top right;
  height:8px;
  padding:0 8px;
  font-size:0;
}
.forumBitBoxTWrap {
  background:url(http://www.purevb.com/demo/images/styles/ChitChat/style_red/forumbitBoxTBG.png) repeat-x top left;
  height:8px;
  font-size:0;
}
.forumbitBoxBL {
  background:url(http://www.purevb.com/demo/images/styles/ChitChat/style_red/forumbitBoxBL.png) no-repeat top left;
  height:8px;
  font-size:0;
}
.forumBitBoxBR {
  background:url(http://www.purevb.com/demo/images/styles/ChitChat/style_red/forumbitBoxBR.png) no-repeat top right;
  height:8px;
  padding:0 8px;
  font-size:0;
}
.forumBitBoxBWrap {
  background:url(http://www.purevb.com/demo/images/styles/ChitChat/style_red/forumbitBoxBBG.png) repeat-x top left;
  height:8px;
  font-size:0;
}
.forumbitBoxLeft {
  background:url(http://www.purevb.com/demo/images/styles/ChitChat/style_red/forumbitBoxLeft.png) repeat-y top left;
}
.forumbitBoxRight {
  background:url(http://www.purevb.com/demo/images/styles/ChitChat/style_red/forumbitBoxRight.png) repeat-y top right;
  padding:0 3px;
}
.forumbitBox {
  background:#fff;
  padding:3px 7px;
}
.forumbitBox .tcat {
  margin-top:0;
}
.forumbitBoxShowthread {
  padding-bottom:0;
}








@charset "UTF-8";
/* CSS Document */

#forums {
  clear:both;
}

.forumhead {
  background: #181818 url(http://www.purevb.com/demo/images/buttons/newbtn_middle.png) repeat-x  ;
  _background-image: none;
  padding: 0;
  font:  bold 12px Arial, arial, helvetica, sans-serif;
  color:#ffffff;
  clear:both;
  margin-top: 8px;
  float: left;
  border: 1px solid #070707;
  width: 100%;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}

#forums .L1 .forumhead a {
  font:  bold 12px Arial, arial, helvetica, sans-serif;
}

#forums .L1 .forumhead .forumdescription {
  display:none;
}

#forums .L1 .L2 {
  display:block;
  clear: both;
}

#forums a.username {
  color: #d60000;
}

#forums a.username:hover {
  color: #383838;
}

.forumbit_post .forumrow, .forumbit_nopost .forumhead, .forumbit_nopost .forumrow, .forumbit_post .forumhead, .forumbits .forumhead {

  -moz-box-shadow: -2px 2px 2px none;
  -webkit-box-shadow: -2px 2px 2px none;
  box-shadow: -2px 2px 2px none;

}

.forumbit_nopost .forumbit_nopost .forumrow, .forumbit_post .forumrow {
  color: #4e4e4e;
  background: rgb(255, 255, 255) url(http://www.purevb.com/demo/images/styles/ChitChat/style_red/rowBG.gif) repeat-x left top;
  _background-image: none;
  display:block;
  width: 100%;
  float: left;
  min-height: 58px; /* 48px is the icon size */
  position:relative;
  border-bottom: 1px solid #ebe8e4;
  border-left: 1px solid #ebe8e4;
  border-right: 1px solid #ebe8e4;
}

.forumbit_nopost .forumbit_nopost .forumrow .forumicon {
  position: absolute;
  left: 10px;
  top: 5px;
}

.forumbit_nopost .forumbit_nopost .forumrow .forumdata {
  display: inline-block;
  width:100%;
}

.forumbit_nopost .forumbit_nopost .forumrow .forumdata .datacontainer {
  margin-left: 68px;
}

.forumbit_nopost .forumbit_post .forumrow .forumdata .datacontainer {
  margin-left: 0;
}

/* forumbit nopost */
.forumbit_post .foruminfo .forumdata {
  padding: 4px 0;
  font-size: 11px;
}

.forumbit_nopost .forumhead .forumtitle {
  font-size: 12px;
  min-width: 64%;
}

.forumbit_nopost .forumhead .forumtitle a {
  color: #ffffff;
  margin-left: 10px;
}

.forumbit_nopost .forumhead span, .forumbit_post .forumhead span {
  font-size: 11px;
}

.forumbit_nopost .forumhead span.forumlastpost, .forumbit_post .forumhead span.forumlastpost {
  width: 21%;
}

.forumbit_nopost .forumhead a.collapse img {
/* values are based on the image */
  position:absolute;
  top: -15px;
  right: -6px;
  display:block;
  width:13px;
  height:13px;
  overflow:hidden;
  float: right;
  clear: left;
}

.forumbit_nopost:hover .forumhead  a.collapsegadget {
  visibility:visible;
}

.forumbit_nopost .forumbit_nopost .forumrow .forumdata, .forumbit_post .forumrow .forumdata  {
  padding: 5px 10px;
  padding-left: 0;
  font-size: 12px;
}

/* Removed for VBIV-14010
.forumbit_nopost .forumbit_nopost .foruminfo .subforums {
  margin-left: 10px;
  position: relative;
  top: -10px;
}
*/

/* forumbit post */
.forumbit_post {
  float: left;
  position:relative;
  width: 100%;
  display:block;
}

.forumbit_post .forumhead span {
  padding: 0;
}

.forumbit_post .forumhead .forumlastpost {
  top: 0;
  margin-top: 0;
}

.forumbit_post .foruminfo, .forumbit_post .forumlastpost, .forumbit_post .forumactionlinks, .forumbit_post .forumstats, .forumbit_post .forumstats_2{
  padding: 5px 0;
}

.forumbit_post .forumhead .forumtitle {
  font-size: 12px;
  min-width: 64%;
}

.forumbit_post .forumhead .forumtitle span {
padding: 0;
padding-left: 10px;
}

.forumbit_post .foruminfo {
  width: 57%;
  min-width: 30%;
  float: left;
  clear: right;
  min-height: 48px;
}

.forumbit_post .foruminfo .forumicon{
  position: absolute;
  left: 10px;
}

.forumbit_post .foruminfo .forumdata, .forumbit_post .foruminfo .forumtitle, .forumbit_post .foruminfo .viewing {
  float: left;
  clear: right;
}

.forumbit_post .foruminfo .viewing {
        white-space:nowrap;
}

.forumbit_post .foruminfo .forumdata {
  padding: 0;
  width: 100%;
  _width: 99%;
}

.forumbit_post .foruminfo .forumdata .datacontainer {
  float: left;
  width: 88%;
  padding-left: 68px;
}

.forumbit_post .foruminfo .forumdata .forumtitle, .forumbit_nopost .forumbit_nopost .forumrow .forumtitle {

font-size: 12px;
  margin-right: 10px;
}

.forumbit_post .foruminfo .forumdata .forumtitle a, .forumbit_nopost .forumbit_nopost .forumrow .forumtitle a {
  font-weight:bold;
}

.childsubforum .forumbit_post .foruminfo .forumdata .datacontainer .forumtitle a {
        padding-left:1.8em;
        background:url('http://www.purevb.com/demo/images/styles/ChitChat/misc/child_forum.png') top left no-repeat;
}

.forumbit_post .foruminfo .forumdata .viewing {
  font-style: italic;
  margin-right:10px;
  margin-top: 3px;
  font-size: 10px;
}

.forumbit_post .forumactionlinks {
  width: 5%;
  display:block;
  float:left;
  clear:right;
}

.forumbit_post .forumactionlinks li {
  display: inline;
}

.forumbit_post .forumactionlink {
/* values based on icon size */
  display:block;
  width:18px;
  height:12px;
  overflow:hidden;
  float: right;
  clear: left;
  background:transparent none no-repeat;
  position: relative;
  margin: 3px 10px 0 0;
}

.forumactionlink a {
/* values based on icon size */
  display:block;
  padding-left:18px;
}

.forumactionlinks .rsslink {
  background-image:url(http://www.purevb.com/demo/images/styles/ChitChat/misc/rss_40b.png);
}

.forumactionlinks .subslink {
  background-image:url(http://www.purevb.com/demo/images/styles/ChitChat/misc/subscribed_40b.png);
}
.forumactionlinks .unsubslink {
  background-image:url(http://www.purevb.com/demo/images/styles/ChitChat/misc/unsubscribed_40b.png);
}
.forumbit_post .forumdescription {
  display:block;
  clear:both;
  padding-right: 10px;
}

.forumbit_post .unsubscribe {
  display:block;
  right: 0;
  top: 2px;
}

.forumbit_post .forumstats, .forumbit_post .forumstats_2 {
  display: block;
  float: left;
  clear: right;
  width: 12%;
  margin-right: 2%;
}

.forumbit_post .forumstats li, .forumbit_post .forumstats_2 li{
  font-size: 12px;
  text-align: right;
  padding-right: 20px;
  display:block;
}


.forumbit_post .forumlastpost {
  display:block;
  float: left;
  clear: right;
}

.forumbit_post .forumrow .forumlastpost {
  width: 24%;
  font-size: 12px;
  padding-top: 5px;
}

.forumbit_post .forumlastpost .lastpostdate {
  font-size: 12px;
}

.lastpostlabel {
  display: none;
}

.forumlastpost .lastposttitle .postimg {
  vertical-align:middle;
  margin-top:-2px;
}

.forumlastpost p.lastposttitle {
  overflow: hidden;
}

.moderators, .subforums {
  display: block;
  clear:both;
}

.moderators h4, .subforums h4 {
  font-weight: bold;
  padding-right: 5px;
}

.moderators h4, .moderators .commalist, .subforums h4, .subforums .commalist {
  float:left;
  clear:right;
}

h2 span.forumthreadpost {
  width: 12%;
  text-align: center;
}


/* CSS Document */

#forums {
width: 100%;
}

#welcomemessage {
  color:#494949;
  font-size:100%;
}

.forumhead + .childforum .L2:first-child .forumrow, .forumhead + .L2 .forumrow {
  background: rgb(255, 255, 255) url(http://www.purevb.com/demo/images/styles/ChitChat/style_red/rowBG.gif) repeat-x left top;
  _background-image: none;
  border-top: 1px solid rgb(255, 255, 255);
}

/* forumbit nopost */
/* forumbit nopost -> forumhead */
.forumbit_nopost .forumhead .forumtitle, .forumbit_nopost .forumhead span, .forumbit_nopost .forumhead .collapse, .forumbit_post .forumhead h2 span {
  display:block;
  float: left;
  clear: right;
  font:  bold 12px Arial, arial, helvetica, sans-serif;
  padding: 4px 0;
  color: #ffffff;
}

.forumbit_nopost .forumhead h2, .forumbit_post .forumhead h2 {
  margin-left: 3px;
  margin-right: 3px;
}
.forumbit_nopost {
  clear:left;
}
.forumbit_nopost .forumrowdata {
  clear:both;
  display:block;
  width: 100%;
}

.forumbit_nopost .subforumdescription {
  padding: 5px 10px;
  font-weight: normal;
  color: #3e3e3e;
  background: #e9e9e9 none repeat-x  ;
}









.breadcrumb hr {
display: none;
}
.breadcrumb .navbit {
  float:left;
  background-image:url(http://www.purevb.com/demo/images/styles/ChitChat/misc/navbit-arrow-right.png);
  background-position:right center;
  background-repeat:no-repeat;
  padding-right:10px;
  padding-left:3px;
}

.breadcrumb .navbit:first-child {
  padding-left:0;
}

.breadcrumb .navbit.lastnavbit {
  background: transparent;
}

.breadcrumb .navbit.lastnavbit span {
  float:left;
  background: transparent;
  padding-right:10px;
  padding-left:3px;
}
.breadcrumb .navbithome {
  float: left;
  padding: 3px 0;
}
.breadcrumb .navbit > a, .breadcrumb .lastnavbit > span {
  display:block;
  padding:2px 4px;
  float:left;
  background-color:transparent;
  border:1px solid transparent;
  -moz-border-radius:5px;
  -webkit-border-radius:5px; 
  border-radius:5px; 
}

.breadcrumb .navbit a {
  text-decoration:none;
}

body a {
  color:#d60000;
  text-decoration:none;
}
body a:hover,
body a:hover .time,
body a:hover .shade,
body a:hover .understate {
  color:#383838;
  text-decoration:none;
}
li {
display: list-item;
text-align: -webkit-match-parent;
}
li {
list-style: none;
}
@charset "UTF-8";
/* CSS Document */

/**
* Custom CSS by PurevB.com
*/

/************************************************************************/
*{ -moz-box-shadow: none !important; -webkit-box-shadow: none !important; }

#forums *, #wgo *, #forumbits * {
  -moz-border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
}
.wgo_block {
  margin:0;
}
#forums *, #wgo *, #forumbits * {
  -moz-border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
}
#fb_headerbox {
  padding-right:5px;
}
.navbar {
  -moz-border-radius-bottomleft: 0 !important;
  -moz-border-radius-bottomright: 0 !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -webkit-border-bottom-right-radius: 0 !important;
}
.announcements {
  margin-top:10px;
}
.highlight {
  background-image:none;
}
.navlinksBox {
  text-align: center;
  color: #5d5d5d;
  font-size: 15px;
        font-weight:700;
        margin-top: 8px;
        margin-bottom: 0;
        width:100%;
        clear:both;
}
.navlinksBoxWrap {
  padding: 10px 0;
}
.bodyWrap {
  background:#fff;
  margin:0 2px; 
}
.body_wrapper {
  padding:10px 0;
  margin:0;
}
.above_body {
  padding:0;
  margin:0;
}
.threadbit .sticky, .threadbit .nonthread, .threadbit .nonsticky, .threadbit .deleted, .threadbit .discussionrow, .threadbit .ignored {
  border-top:0;
}
.popupbody li > a,
.popupbody li > label {
  padding:8px 10px;
}
.formsubmit label {
  color:#3E3E3E;
}
.memberBox .toplinks ul.isuser .popupbody li {
  color:#3E3E3E;
}
.loginLeft #fb_loginbtn {position:relative;top:4px;}
.toplinks #fb_loginbtn {position:relative;top:2px;}
.popupbody li > a,
.popupbody li > label {
  padding:8px 10px;
}
#memberlist #searchstats {color:#fff;}

.popupbody li > a,
.popupbody li > label {
  background:#fff;
}
.block .searchlisthead, .block .searchlisthead a {
color:#fff;
}
#sidebar_container > ul {
  width: 99%;
}

/* Misc Resets
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
img {
  border:0;
}
.verticalAlign {
  vertical-align:middle;
}
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.clearfix {
  display: inline-block;
}
html[xmlns] .clearfix {
  display: block;
}
* html .clearfix {
  height: 1%;
}
.lastPostIMG {
  position:relative;
  top:2px;
}

/* Page Wrapper
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
body {
  width:auto;
  min-width:990px;
  max-width:auto;
  margin: 0;
}
#pageWrapper {
  background:url(http://www.purevb.com/demo/images/styles/ChitChat/style_red/pageHeadBG.png) repeat-x top left;
}
.pageWrap {
  width:990px;
  margin:0px auto 0px auto;
}

/* Top Bar
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#topBar {
  height:65px;
  position:relative;
}
.memberBox {
    float:left;
    padding-top:6px;
    line-height:31px;
}
.memberBox ul {
    list-style:none;
    padding:0;
    margin:0;
}
.memberBox li {
    float:left;
    margin:0;   
    padding:0 3px;   
}
.loginBoxInput {
    background:url(http://www.purevb.com/demo/images/styles/ChitChat/style_red/loginBoxInput.png) no-repeat top left;
    width:114px;
    height:29px;
}
.loginBoxInput2 {
    width:114px;
    height:29px;
    padding-top: 20px;
}
.loginInput {
    background:transparent;
    border:0;
    color: #2d2d2d;
    font-size:12px;
    width:104px;
    padding:0 5px;
    height:29px;
    line-height:29px;
}
.rememberMe {color:#fff;text-shadow:#515c0b 1px 1px;}
.memberBox .rememberMe {}
.memberBox .rememberMe input {
    vertical-align: baseline;
}
.cb_cookieuser_navbar{
    position: relative;
    top: 2px;
}
.inputPad .loginBoxInput {   
}
.inputPad {
    padding:0 4px;   
}
.submitPad input {
    margin:0;
    padding:0;
}
.loginLeft {
float:left;
}

/* Header
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.above_body {
  background:none;
}
.doc_header {
  height:118px;
  position:relative;
}
.logo {
    float:left;
    height:118px;
    padding-right:19px;
    padding-left:3px;
}
.slogan {
    background:url(http://www.purevb.com/demo/images/styles/ChitChat/style_red/sloganSplit.png) no-repeat top left;
    float:left;
    font-size:14px;
    height:118px;
    line-height:118px;   
    color:#aaa9a9;
    padding-left:21px;
}
.bannerBox {
  position:absolute;
  top:29px;
  right:5px;
}

/* Social Bar
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#socialBar {
  background:url(http://www.purevb.com/demo/images/styles/ChitChat/style_red/followText_left.png) no-repeat top left;
  height:88px;
}
.socialIcons {
  float:right;
  padding-top:18px;
}
.socialIcons img {
  display:block;
  float:left;
}

/* Content Main
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#contentMain {
  padding:13px 0;
}

/* Footer Main
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#footer {
background:none;
border:0;
padding:0;
margin:0;
}
#footerMain {
  background:url(http://www.purevb.com/demo/images/styles/ChitChat/style_red/footerBG.png) repeat top left;
  font-size:13px;
  border-bottom:7px solid #840702;
}
.footerWrap {
  background:url(http://www.purevb.com/demo/images/styles/ChitChat/style_red/footerWrapBG.png) repeat-x top left;
}
.footerBody {
  background:url(http://www.purevb.com/demo/images/styles/ChitChat/style_red/footerBodyBG.png) no-repeat top center;
}
.copyright {
  color:#fff;
  text-align:center;
  line-height:18px;
  padding:25px 0;
}
#footerMain a:link, #footerMain a:visited {
  color:#d60000;
  font-weight:700;
}
#footerMain a:hover {
  color:#fff;
}

/* Footer Navigation
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#footerNav {
  height:66px;
}
.footerNavLeft {
  background:url(http://www.purevb.com/demo/images/styles/ChitChat/style_red/footerNavLeft.png) no-repeat top left;
  height:66px;
}
.footerNavRight {
  background:url(http://www.purevb.com/demo/images/styles/ChitChat/style_red/footerNavRight.png) no-repeat top right;
  height:66px;
  padding:0 15px;
}
.footerNavWrap {
  background:url(http://www.purevb.com/demo/images/styles/ChitChat/style_red/footerNavBG.png) repeat-x top left;
  height:37px;
  line-height:37px;
  padding:11px 0 18px 0;
}
#footerNav ul {
  list-style:none;
  padding:0;
  margin:0;
}
#footerNav li {
  background:url(http://www.purevb.com/demo/images/styles/ChitChat/style_red/footerNavSplit.png) no-repeat top right;
  float:left;
  font-size:14px;
}
#footerNav a:link, #footerNav a:visited {
  color:#fff;
  display:block;
  padding-left:16px;
  padding-right:18px;
  font-weight:700;
}
#footerNav a:hover {
  background:url(http://www.purevb.com/demo/images/styles/ChitChat/style_red/footerNavHover.gif) repeat-x top left;
  color:#d60000;
}
.skinSelect {
  float:right;
  padding-top:4px;
  padding-right:5px;
}

/* Forumbit Box
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.forumBitBoxTBB .forumBitShowthread {
margin-bottom:8px;
}
.forumBitBoxTB {
  height:8px;
  font-size:0;
  margin-top: 5px;
}
.forumbitBoxTL {
  background:url(http://www.purevb.com/demo/images/styles/ChitChat/style_red/forumbitBoxTL.png) no-repeat top left;
  height:8px;
  font-size:0;
}
.forumBitBoxTR {
  background:url(images/styles/ChitChat/style_red/forumBitBoxTR.png) no-repeat top right;
  height:8px;
  padding:0 8px;
  font-size:0;
}
.forumBitBoxTWrap {
  background:url(http://www.purevb.com/demo/images/styles/ChitChat/style_red/forumbitBoxTBG.png) repeat-x top left;
  height:8px;
  font-size:0;
}
.forumbitBoxBL {
  background:url(http://www.purevb.com/demo/images/styles/ChitChat/style_red/forumbitBoxBL.png) no-repeat top left;
  height:8px;
  font-size:0;
}
.forumBitBoxBR {
  background:url(http://www.purevb.com/demo/images/styles/ChitChat/style_red/forumbitBoxBR.png) no-repeat top right;
  height:8px;
  padding:0 8px;
  font-size:0;
}
.forumBitBoxBWrap {
  background:url(http://www.purevb.com/demo/images/styles/ChitChat/style_red/forumbitBoxBBG.png) repeat-x top left;
  height:8px;
  font-size:0;
}
.forumbitBoxLeft {
  background:url(http://www.purevb.com/demo/images/styles/ChitChat/style_red/forumbitBoxLeft.png) repeat-y top left;
}
.forumbitBoxRight {
  background:url(http://www.purevb.com/demo/images/styles/ChitChat/style_red/forumbitBoxRight.png) repeat-y top right;
  padding:0 3px;
}
.forumbitBox {
  background:#fff;
  padding:3px 7px;
}
.forumbitBox .tcat {
  margin-top:0;
}
.forumbitBoxShowthread {
  padding-bottom:0;
}

/* Global Search
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.searchBox {
  position:absolute;
  top:15px;
  right:18px; 
}
.searchBoxInput {
  background: url(http://www.purevb.com/demo/images/styles/ChitChat/style_red/searchInput.png) no-repeat top left;
  width:114px;
  height:29px;
  float:left;
  padding-right:5px;
}
.searchinput {
  border:0;
  background:transparent;
  color: #333;
  width:104px;
  height:29px;
  line-height:29px;
  margin:0;
  padding:0 5px;
}
.searchButton {
  float:left;
}
.searchBox a:link, .searchBox a:visited {
  color:#34558f;
  text-decoration:underline;
}
.searchBox a:hover {
  color:#3c3c3c;
}

/* Navbar
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.navbar {
  background: url(http://www.purevb.com/demo/images/styles/ChitChat/style_red/navBG.png) repeat-x left top;
  position:relative;
  height:101px;
  font:  12px arial, helvetica, sans-serif;
  color:#fff;
  width:100%;
  padding:0;
  margin:0;
}
.navLeft {
  background: url(http://www.purevb.com/demo/images/styles/ChitChat/style_red/navLeft.png) no-repeat left top;
  height:101px;
}
.navRight {
  background: url(http://www.purevb.com/demo/images/styles/ChitChat/style_red/navRight.png) no-repeat right top;
  height:55px;
  padding:11px 13px;
}
#navtabs li.selected ul.floatcontainer {
  margin-top:34px;
}
#navtabs li.selected ul.floatcontainer a:link, #navtabs li.selected ul.floatcontainer a:visited {
  line-height:27px;
  height:27px;
}
.navbar a { color:#fff; }
.navbar a:hover { color:#d60000; }

.navtabs ul li:first-child {
  text-indent: 0;
}
.navtabs {
  background:none;
  padding-left:0;
}
.navtabs ul {
  position:absolute;
  top:37px;
  left:0px;
  width:100%;
/* This is to fix RTL menu issue under Opera */
        direction:ltr;
}
.navtabs li {
  float:left;
  padding-right:2px;
  background:url(http://www.purevb.com/demo/images/styles/ChitChat/style_red/navSplit.gif) no-repeat top right;
}
.navtabs li li {
  background:none;
}
.navtabs ul li {
  border-right: 0;
  position: relative;
}
.navtabs li a {
  height:37px;
  line-height:37px;
}
.navtabs li a.navtab {
  display:block;
  min-width:60px;
  width:auto !important;
  width:60px;
  _min-width:75px;
  _width:auto !important;
  _width:75px;
  text-align:center;
  color:#fff;
  font:  bold 14px arial, helvetica, sans-serif;
  text-decoration:none;
  line-height:37px;
  height:37px;
  padding:0 10px;
  background:none;
}
.navtabs li a.navtab:hover {
  background:none;
  color:#d60000;
}
.navtabs li.selected {
  color:#d60000;
  height:37px;
}
.navtabs li.selected a.navtab {
  background:none;
  color:#d60000;
  position:relative;
  top:-px;
  padding-top:px;
  z-index:10;
}
.navtabs li.selected li a,
.navbar_advanced_search li a {
  text-decoration:none;
  font:  12px arial, helvetica, sans-serif;
  line-height:27px;
}
.navtabs li.selected li {
  padding:0 5px;
}
.navtabs li.selected li li {
  padding:0 2px;
}
.navtabs li.selected li a {
  color:#a3a3a3;
  font-weight:400;
  padding:2px 5px;
}

.navbar_advanced_search li {
  height:27px;
  display:block;
  clear:both;
}

.navbar_advanced_search li a {
  color:#fff;
}

.navbar_advanced_search li a:hover {
  color:#d60000;
  text-decoration:none;
}

.navtabs li.selected li a:hover {
  color:#fff;
  text-decoration:none;
}

.navtabs li.selected .popupbody li > a {
  padding:0pxpx 10px;
  text-indent: 0;
  color: ;
}

.navtabs li.selected li a.popupctrl {
  -moz-border-radius:3px;
  -webkit-border-radius:3px; 
  border:solid px transparent;
  _border: none;
  background:transparent url(http://www.purevb.com/demo/images/styles/ChitChat/misc/arrow.png) no-repeat right center;
  padding-right:15px;
        _background-image:url('http://www.purevb.com/demo/images/styles/ChitChat/misc/arrow.gif');
  color:#a3a3a3;
}

.navtabs li.selected li:hover a.popupctrl.active,
.navtabs li.selected li a.popupctrl.active,
.navtabs li.selected li a:hover.popupctrl {
  color:#fff;
}

/* Breadcrumb
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.breadcrumb {
  height:39px;
  margin-bottom:13px;
}
.bcLeft {
  background: url(http://www.purevb.com/demo/images/styles/ChitChat/style_red/bcLeft.png) no-repeat left top;
  height:39px;
}
.bcRight {
  background: url(http://www.purevb.com/demo/images/styles/ChitChat/style_red/bcRight.png) no-repeat right top;
  height:39px;
  padding:0 8px;
}
.bcWrap {
  background: url(http://www.purevb.com/demo/images/styles/ChitChat/style_red/bcBG.png) repeat-x left top;
  height:23px;
  padding:8px 10px 8px 10px;
}
.breadcrumb .navbit > a, .breadcrumb .lastnavbit span {
  border:1px solid transparent;
}
.breadcrumb .navbit a:link, .breadcrumb .navbit a:visited {
  color:#737373;
}
.breadcrumb .navbit a:hover {
  background:#d60000;
  color:#fff;
  border:1px solid transparent;
}

/* tcat Bars (Title Bars for Forum Home, Forum Display & Postbit)
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.tcat {
  background: url(http://www.purevb.com/demo/images/styles/ChitChat/style_red/tcatBG.gif) repeat-x left top;
  float: left;
  width: 100%;
  color: #fff;
  height:42px;
  clear:both;
  margin-top: 8px;
  padding:0;
  border:0;
  position:relative;
}
.tcatLeft {
  background: url(http://www.purevb.com/demo/images/styles/ChitChat/style_red/tcatLeft.gif) no-repeat left top;
  height:42px;
}
.tcatRight {
  background: url(http://www.purevb.com/demo/images/styles/ChitChat/style_red/tcatRight.gif) no-repeat right top;
  height:42px;
}
.tcat .forumtitle {
  font-weight:700;

}
.tcat .tcatDesc {
  font-size:11px;
  font-weight:400;
}
.tcat h2 {
  padding-left:16px;
  font:  bold 13px arial, helvetica, sans-serif;
  line-height:42px;
  float:left;
}
.tcat a:link, .tcat a:visited {
  color:#fff;
}
.tcat a:hover {

}
.tcat .tcatCollapse {
  position:absolute;
  top:8px;
  right:8px;
}
/* tcat Thread List Controls - Forumdisplay */
.tcat_threadlist_controls {
  float:right;
  padding-right:8px;
}
.forumdisplaypopups, #forumdisplaypopups {
  clear:both;
}
.tcat_threadlist_controls h6 {
  height:42px;
  line-height:42px;
  padding:0;
  display:block;
  font-size:12px;
}
.forumdisplaypopups a.popupctrl, .forumdisplaypopups.popupgroup .popupmenu a.popupctrl,
.postlist_popups h6 a.popupctrl, .postlist_popups.popupgroup .popupmenu h6 a.popupctrl {
  background:none;
  display:block;
  _display:42px;
  height:42px;
  line-height:42px;
  font-family:arial, helvetica, sans-serif;
  font-weight:bold;
  font-size:12px;
  font-weight:700;
  color:#fff;
  padding:0 10px;
  border: 0;
  float: left;
  clear: right;
}
.forumdisplaypopups a:hover.popupctrl, .forumdisplaypopups.popupgroup .popupmenu a:hover.popupctrl,
.postlist_popups h6 a:hover.popupctrl, .postlist_popups.popupgroup .popupmenu h6 a:hover.popupctrl {
  border: 0;
  color:#fff;
  text-decoration:underline;
}
#postlist_popups a, .postlist_popups a {
  color: #fff;
  _border: none;
}
#postlist_popups a:hover, .postlist_popups a:hover {
  color: #fff;
  text-decoration:underline;
}
#postlist_popups .popupmenu:hover a.popupctrl, #postlist_popups .popupmenu:hover .popupctrl a.popupctrl.active, .postlist_popups .popupmenu:hover a.popupctrl, .postlist_popups .popupmenu:hover .popupctrl a.popupctrl.active {
  border: 0;
}

#postlist_popups ul li {
  color: #3E3E3E;
}
#postlist_popups ul li a, .postlist_popups ul li a {
  color: #3E3E3E;
  _border: none;
}

#postlist_popups ul li a:hover, .postlist_popups ul li a:hover {
  color: #3E3E3E;
  text-decoration:underline;
}

#forumdisplaypopups ul a, .forumdisplaypopups ul a {
  color:#3E3E3E;
}

/* Thead Bars (Forum Home, Forum Display & Postbit)
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.thead_bar .theadrow {
  background:#fff none  ;
  display:block;
  width: 100%;
  float: left;
  position:relative;
  font:  normal 11px arial, helvetica, sans-serif;
  border:1px solid #ebe8e4;
  border-top:0;
  color:#a3a3a3;
  line-height:26px;
}
.thead_bar .padding {
  padding-left:12px;
}
.thead_bar .forumhead span.forumlastpost {
  width: 23%;
}
.thead_bar .theadrow .forumdata  {
  float: left;
}
.thead_bar {
  float: left;
  position:relative;
  width: 100%;
  display:block;
}
.thead_bar .forumhead .forumtitle {
  width: 76%;
}
.thead_bar .foruminfo {
  width: 53%;
  min-width: 30%;
  float: left;
  clear: right;
}
.thead_bar .foruminfo .forumdata {
  padding: 0;
  width: 100%;
  _width: 99%;
}
.thead_bar .forumstats, .thead_bar .forumstats_2 {
  display: block;
  float: left;
  clear: right;
  width: 16%;
  margin-right: 2%;
}
.thead_bar .foruminfo .forumdata .datacontainer {
  float: left;
  width: 86%;
  padding:0;
  padding-left: 68px;
}
.thead_bar .forumactionlinks {
  width: 5%;
  display:block;
  float:left;
  clear:right;
}
.thead_bar .forumactionlink {
  display:block;
  width:18px;
  overflow:hidden;
  float: right;
  clear: left;
  background:transparent none no-repeat;
  position: relative;
}
.thead_bar .forumstats li, .thead_bar .forumstats_2 li{
  font-size: 12pxpx;
  text-align: right;
  padding-right: 20px;
  display:block;
}
.thead_bar .forumlastpost {
  display:block;
  float: left;
  clear: right;
}
.thead_bar .theadrow .forumlastpost {
  width: 22%;
}
.forumbitBody {
  padding-right:2px;
  z-index:1;
  clear:both;
}
#post {
  z-index:1;
}
.threadlist {
  margin-top:0;
}
#threadlist .threadlisthead {
  background:#fff none  ;
  display:block;
  width: 100%;
  float: left;
  position:relative;
  border:1px solid #ebe8e4;
  border-top:0;
  color:#a3a3a3;
  font:  normal 11px arial, helvetica, sans-serif;
  padding:2px 0;
  margin: 0;
}
#threadlist .threadlisthead a, #threadlist .threadlisthead a:hover {
  color:#a3a3a3;
}
.postbit .posthead, .postbitlegacy .posthead, .eventbit .eventhead {
  background:#fff none  ;
  clear:both;
  display:block;
  float: left;
  width: 100%;
  color:#a3a3a3;
  margin: -1px -1px 0;
  font:  normal 11px arial, helvetica, sans-serif;
  padding:4px 0px 4px 0px;
  border:1px solid #ebe8e4;
  border-top:0;
}
#posts .posthead a:link, #posts .posthead a:visited {
  color:#a3a3a3;
}
#posts .posthead a:hover {
  color:#a3a3a3;
}
#posts .posthead .time, #posts .nodecontrols {
  color:#a3a3a3;
}

/* Postbit CSS (Center Userinfo, Userinfo boxed stats wrap)
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#postlist .userinfo {
  padding-top:10px;
}
.username_container {
  padding:2px 0;
  text-align:center;
}
.username_container .username strong {
  font:  normal 16pt arial, helvetica, sans-serif;
}
.usertitle, .rank {
  text-align:center;
}
.usercenter {
  padding-top:5px;
  text-align:center;
}
.userinfo_extra dt {
  padding:6px 3px 0 10px;
  margin:0;
  color:#d60000;
  font-weight:700;
}
.userinfo_extra dd {
  background:#fff none  ;
  color:#414141;
  border:1px solid #b9c4cd;
  padding:3px 0 3px 0;
  margin:0;
  margin-top: 2px;
}
/* center avatar, username, title, rank in postbit legacy 4.0.2 */
.postbitlegacy .userinfo .username_container, .postbitlegacy .userinfo .rank, .postbitlegacy .userinfo .usertitle {text-align:center;}
.postbitlegacy .userinfo .postuseravatar, .postbitlegacy .userinfo .postuseravatar img {float:none; text-align:center;}
.postbitlegacy .userinfo .postbit_reputation,.postbitlegacy .userinfo .postbit_reputation img {float:none; text-align:center;}
.postbit, .postbitlegacy, .eventbit {
  margin-bottom: 0;
}
.bbcode_container .bbcode_quote_container {
  background:none;
}

.forum_info_block, .forum_info_form {
  background:none;
}
.postfoot {
  border-top: 1px solid #ebe8e4;
}
.postfootWrap {
  border-right: 1px solid #ebe8e4;
}

#thread_info a.collapse {
  position: absolute;
  top: 9px;
}

/*************************************************/
/* TOP MEMBER BAR*/
.toplinks .notifications a.popupctrl { 
      -webkit-border-radius: 5px;
-moz-border-radius: 5px;
      border-radius: 5px;
      color:#fff;
}

.toplinks .notifications a.popupctrl:hover, .toplinks .nonotifications a.popupctrl:hover, .toplinks .nonotifications a.popupctrl.active, .toplinks ul.isuser li a:hover {
  -moz-border-radius: 5px !important;
  -webkit-border-radius: 5px !important;
}
#toplinks, .toplinks {
  text-align:left;
  line-height:20px;
  padding-top:8px;
}

/* Bottom Bar
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.bottomBar {
  background: url(http://www.purevb.com/demo/images/styles/ChitChat/style_red/bottomBarBG.png) repeat-x left top;
  height:19px;
  font-size:0;
  clear:both;
}
.bottomBarLeft {
  background: url(http://www.purevb.com/demo/images/styles/ChitChat/style_red/bottomBarLeft.png) no-repeat left top;
  height:19px;
  font-size:0;
}
.bottomBarRight {
  background: url(http://www.purevb.com/demo/images/styles/ChitChat/style_red/bottomBarRight.png) no-repeat right top;
  height:19px;
  font-size:0;
}

/* CMS & Blog CSS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
h1.header, h2.header {
  text-transform:capitalize;
}

/* Forum Home
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.forumrow .forumtitle a:link, .forumrow .forumtitle a:visited {
  color:#5c5c5c;
  font:  16px arial, helvetica, sans-serif;
}
.forumrow .forumtitle a:hover{
  color:#d60000;
}
.forumrow .lastposttitle a:link, .forumrow .lastposttitle a:visited {
  color:#5c5c5c;
  font-weight:700;
}
.forumrow .lastposttitle a:hover{
  color:#d60000;
}
#forums .lastpostby a.username {
  color:#d60000;
}
#forums .lastpostby a.username:hover {
  color:#5c5c5c;
}
.forumdescription {
  color:#6f6f6f;
}
.notices {
  background:none;
}
#notices .restore {
  background:#ffefb6 none  ;
  border:1px solid #ebd27b;
  color:#3c3a22;
  line-height:16px;
  font-size:12px;
  padding:8px 10px 8px 10px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

/* Advanced Search
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#searchtypeswitcher {
  border-bottom:4px solid #323232;
}
#searchtypeswitcher li a {
  background-color:#555;
  color:#FFF;
}

#searchtypeswitcher li.selected a {
  background-color:#323232;
}

#searchtypeswitcher li a:hover {
  background-color:#323232;
}

/* vBulletin Groups
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
li.sgicon .maincol, #sidebar li.sgicon .maincol,#thumbnails li {
  background: #fff none  ;
}
#sidebar li.sgicon .maincol .textcontrol {
  color: #424242;
}
#content .grouplist .blockrow > li, #content .grouplist .blockrow > ol, #content .grouplist .blockrow > div {
  background: #f8f8f8 none  ;
  border: 1px solid #ebe8e4;
}
#pictures .blockbody .blockrow, #group_discussion_inlinemod_form .blockbody .blockrow {
  border: 1px solid #ebe8e4;
}
.toolsmenu {
  background: #ebe8e4 url(http://www.purevb.com/demo/images/misc/blog/top-highlight.png) repeat-x left top;
  _background-image: none;
  border: 1px solid #dbd9d6;
}
.toolsmenu div {
  border-top:none;
  color: #424242;
}
.toolsmenu h1 a {
  color: #424242;
}
.toolsmenu .popupgroup a.popupctrl, .toolsmenu .popupgroup .popupmenu a.popupctrl, .toolsmenu .nopopupgroup li a {
  color: #424242;
}

.toolsmenu .popupgroup a.popupctrl, .toolsmenu .popupgroup .popupmenu a.popupctrl, .toolsmenu .popupgroup .popupmenu:hover a.popupctrl, .toolsmenu .popupgroup .popupmenu:hover .popupctrl a.popupctrl.active {
  color: #424242;
}
dl.blogbit, tr.blogbit,
dl.blogcatbit, tr.blogcatbit {
  background: #fff none  ;
}
.main .main-head {
background: transparent url(http://i.imgur.com/GcZXo.gif) repeat-x 0px 0px;
margin-bottom: -5px;
overflow: hidden;
height: 33px;
border-radius: 5px;
margin-top: 5px;
}
.main .main-head {
background: transparent url(http://i.imgur.com/GcZXo.gif) repeat-x 0px 0px;
border: none;
color: #fff;
font-size: 13px;
font-weight: 700;
height: 16.76px;
outline: none;
padding: 15px 6px;
}
.main .main-foot {
  background-color: #888;
color: #dedfdf;
font-weight: 400;
padding: .7em 1.3em;
background: transparent url(http://i.imgur.com/GcZXo.gif) repeat-x 0 0;
border: none;
border-radius: 5px;
color: #fff;
font-size: 13px;
font-weight: 700;
height: 16.76px;
margin-bottom: -5px;
margin-top: 5px;
outline: none;
overflow: hidden;
padding: 15px 6px;
}
#pun-visit {
  display: none;
}
#pun-about {
  display: none;
}

/*-----------*/
#pun-navlinks ul li:first-child {
margin-left: 370px;
}
#search_menu, #search_menu .title-overview {
background: #F8F8F8;
color: #575757;
}
#search_menu {
top: 102px!important;
left: 300px!important;
}
#shytp {
text-align: right;
margin-right: 10px;
}
.pun table.table td.tcr {
font-family: arial, helvetica, sans-serif;
font-size: 11px;
}
.pun table.table td.tcr a {
font-weight: bold;
color: #646057;
font-family: arial, helvetica, sans-serif;
font-size: 12px;
}
.pun table.table td.tcr a:hover {
color: #BD3513;
}
.pun .topic#vbulletin {
background: #F8F8F8;
border: 0;
}
.pun #vbulletin .post {
color: #4D5153;
border-top: 0px;
display: block;
border: 1px solid #E1E1E1;
position: relative;
background: white url("http://i.imgur.com/zchwNxN.png") repeat-y left;
}
.pun #vbulletin .posthead {
background: #353535;
color: #7C7C7C;
font-family: Tahoma,Calibri,Verdana,Geneva,sans-serif;
font-size: 12px;
font-style: normal;
font-variant: normal;
font-weight: normal;
background: transparent url(images/styles/ChitChat/statusicon_red/post_old.png) no-repeat center left;
clear: both;
display: block;
float: left;
width: 100%;
color: #a3a3a3;
margin: -1px -1px 0;
font: normal 11px arial, helvetica, sans-serif;
padding: 4px 0px 4px 0px;
border: 1px solid #ebe8e4;
border-top: 0;
}
.pun #vbulletin .posthead h2 strong {
color: white;
font-weight: normal;
}
.pun #vbulletin .postmain {
background: none;
margin-left: 200px;
border-left: none;
}
.pun #vbulletin .post .user {
margin-top: 0em;
float: left;
position: relative;
width: 180px;
padding: 10px 10px 5px;
font-size: 11px;
display: block;
clear: both;
margin-left: -18em;
}
.pun #vbulletin .user .user-ident {
text-align: center;
}
.pun .user-ident .username {
position: relative;
margin-bottom: 10px;
}
.pun .user-ident .username a strong, .pun .user-ident .username a {
font-family: arial, helvetica, sans-serif;
font-size: 16pt;
font-weight: 400;
}
.postfoot {
padding: 2px 5px;
display: block;
margin: 0em;
background: #DDDCDC none;
border-top: 1px solid #D1D1D1;
}
.pitmeprofile {
background: white;
color: #4D5153;
border: 1px solid #BEBEBE;
padding: 3px 0 3px 0;
margin: 0;
margin-top: 2px;
font-family: arial, helvetica, sans-serif;
font-size: 11px;
}
.pitmeprofile span {
padding: 6px 3px 0 2px;
margin: 0;
color: rgb(163, 23, 23)!important;
font-weight: 700;
}
.pun .frm dd.frm-input, .pun .frm dd.frm-input input, .pun .frm dd.frm-textarea {
width: 79%;
}
#wgo_stats, #wgo_onlineusers, #birthday {
border-bottom: 1px solid #D1D1D1;
color: #3E3E3E;
padding: 0 0 0.5em;}
.pun .blocksubhead {
color: #3E3E3E;
font: bold 13px arial;
padding: 4px 10px 4px 10px;
}
.pun .blocksubhead img {
margin-right: 5px;
}
#wgo_stats div, #wgo_onlineusers div, #birthday div {
padding-left: 20px;
}
#chatbox_members, #chatbox, #chatbox_footer {
background: white;
}
input[type="button"], input[type="submit"], input[type="reset"], input[type="file"] {
text-decoration: none;
color: #424242;
border: 1px solid #A8A8A8;
background: #E9E9E9 url(http://i.imgur.com/XkvgwCL.png) repeat-x top left;
font: bold 11px Tahoma, Calibri, Verdana, Geneva, sans-serif;
padding: 3px 6px;
border-radius: 0px;
cursor:pointer;}
input[type="button"]:hover ,input[type="submit"]:hover, input[type="reset"]:hover, input[type="file"]:hover{
background: #EFEFEF url(http://i.imgur.com/vyzIyTV.png) repeat-x;
color: #306FAB;
}
.pun .post {
background: #F8F8F8;
}
.pun .posthead {
border-bottom: 1px solid #D6D6D6;
}
#tabs ul li a {
background: white url(http://i.imgur.com/uarWB7g.png) repeat-x left bottom;
border-radius: 5px 5px 0 0;
}
#tabs ul li.activetab a {
background: #181818;
border: 1px solid #090909;
}
#tabs ul li.activetab a:hover{background:black;}
input[type="text"], input[type="password"], textarea {
background: white none;
border: 1px solid #AFAFAF;
outline: 0;
border-radius: 3px;
}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
border: 1px solid #A8BAC9;
background: #FCFCFD;
}
#titlegut {
background: #181818 url(http://i.imgur.com/bvDsl3W.png) repeat-x;
border: 1px solid #090909;
border-radius: 5px 5px 0 0;
}
#titlegut h2 {
font-size: 12px;
font-weight: bold;
color: white;
margin: 3px 5px;
}
#content-e {
padding: 5px 10px;
border: 1px solid #C4C4C4;
background: white url(http://i.imgur.com/Y0GdMnX.png) repeat-x;
border-top: 0px;
}
.main-legend .pun-legend {
margin: 0;
}
.main-legend ul.pun-legend li {
display: block;
text-align: left;
margin-bottom: 3px;
}
.main-legend ul li img {
width: 16px;
height: 16px;
margin-right: 5px;
}
#prerm {
vertical-align: top;
}
#femr {
display: block;
width: auto;
margin: 10px 11px;
}
.pun-crumbs {
background: url(http://i.imgur.com/l87vMbh.gif) repeat-x left top -1px;
height: 26px;
color: #4C4C4C;
font-size: 13px;
margin-bottom: 8px;
border-radius: 4px;
border: 1px solid #D8D8D8;
padding-top: 9px;
}
#topnav {
    text-align:right;
}
#topnav a.signin {
    background:url(http://i.imgur.com/w1N6eaU.png) no-repeat top left;
    width:75px;
    height:55px;
    display:block;
    text-decoration:none;
    font-weight:bold;
    color:#fff;
    z-index:50;
    position:absolute;
    top:0;
    right:0;   
}
#topnav a.signin:hover {
}
a.signin {
position:relative;
}
#topnav a.menu-open {
    background:url(http://i.imgur.com/XygGJbp.png) no-repeat top left;
    outline:none;
    top:71px;
}
#small_signup {
    display:inline;
    float:none;
    line-height:23px;
    margin:25px 0 0;
    width:170px;
}
#signin_menu {
    display:none;
    background:url(http://i.imgur.com/2aPhtl9.jpg) repeat-x bottom center;
    position:absolute;
    left:0;
    width:100%;
    height:71px;
    z-index: 999;
    text-align:left;
    border:0;
    color:#a2a2a2;
    font-size:14px;
}
#signin_menu .loginBoxTop {
    padding:0 50px;
}

#loginBar {
    background:url(http://i.imgur.com/pHRB0a8.gif) no-repeat top left;
    height:71px;
    line-height:71px;
    color:#a2a2a2;
    fonts-size:14px;
    padding-left:75px;
    float:right;
}
#loginBar a:link, #loginBar a:visited {
    color:#a2a2a2;
}
#loginBar a:hover {
    color:#c23b00;
}
#loginBar ul {
    list-style:none;
    padding:0;
    margin:0;
}
#loginBar li {
    float:left;
    padding:0 8px;
}
#loginBar {
    float:right;
}
#loginBar ul {
    list-style:none;
    padding:0;
    margin:0;
}
#loginBar li {
    float:left;
}


.pun .loginInput {
    background:transparent;
    border:0;
    color: #383838;
    padding:0 5px;
    font-size:9pt;
    width:122px;
    height:28px;
    line-height:28px;
}
.pun .loginInput:focus {
background: transparent;
border: 0px;
padding: 0 5px;
border-radius: 0px;
}
.rememberMe {
color:#a2a2a2;
}
.memberBox .rememberMe input {
    vertical-align: baseline;
}
.cb_cookieuser_navbar{
    position: relative;
    top: 2px;
}
.forgotPasswd {
    padding:0 15px;
}

.inputPad {
    padding:0 4px;   
}
.submitPad input {
    margin-top:-4px;
}
#content-container div#right .main-head {
background: transparent url("http://i.imgur.com/eShoa1X.png") no-repeat left;
font-size: 13px;
height: 16.76px;
color: #424242;
padding: 8px 5px 5px 20px;
border: none;
outline: none;
font-weight: bold;
}
#content-container div#right .module.main {
background: #F1F1F1 url(http://i.imgur.com/jxYvUoZ.png) repeat-x left top;
border: 1px solid #C1C1C1;
border-radius: 5px;
padding: 0px 5px 5px 5px;
}
.pun #content-container div#right .module .main-content {
border-top: 1px solid white;
border-radius: 5px;
background: white url(http://i.imgur.com/EappyWT.png) repeat-x;
padding: 15px 8px 10px 8px;
}
.expand, .contract {
cursor: pointer;
width: 29px;
height: 30px;
background: url(http://i.imgur.com/7dgDdNw.png);
right: 0px;
top: -10px;
position: absolute;
}
.contract {
background: url(http://i.imgur.com/0vFc11h.png);
}
#pun-info .contract {
display: none;
}
#pun-qpost #text_editor_controls {
margin: 0;
}
#pun-qpost #textarea_content dl dt {
display: none;
}
#pun-qpost .dd-textarea {
margin: 0;
}
#pun-qpost .frm-buttons {
text-align: right;
}
.user-basic-info 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);
height: 320px;
max-height: 320px;
max-width: 160px;
padding: 1px;
width: 150px;
}
/*spoiler code quote*/
.codebox.spoiler dt:after { content: "Mostrar/Ocultar"; font: bold 11px arial, helvetica, sans-serif;}
.codebox.spoiler dt {
height: 25px;
width: 85px;
font-size: 10px;
padding: 2.5px 5px;
font: 0px;
border: 1px solid #a8a8a8;
color: #424242;
background: #e9e9e9 url(http://www.cheatsmachine.com.br/forum/images/gradients/generic_button.png) repeat-x top left;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
cursor: pointer;
}

.codebox.spoiler dt:hover {
  color:#4c4c4c;background-color:#f8f8f8
}

.codebox.spoiler {
margin: 0 10px;
margin-bottom: 10px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
background: #f5f5f3 none;
padding: 3px;
border-radius: 5px;
border: 1px solid #417394;
font: italic normal 13px Tahoma,Calibri,Verdana,Geneva,sans-serif;
position: relative;
}

.codebox.spoiler dd {
  background: transparent;
  direction: 0tr;
  border: 0px inset;
  border-top: 1px solid #333;
}

.codebox dt, dl.codebox {background: transparent; border: 0px;}
.codebox dd {
margin: 0;
padding: 6px;
border: 1px inset;
text-align: left;
overflow: auto;
direction: ltr;
background: #f5f5f3 none;
font-size: 12px;
}
.postmain blockquote {
margin: 0 10px;
margin-bottom: 10px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
background: #f5f5f3 none;
border-radius: 5px;
border: 1px solid #417394;
font: italic normal 13px Tahoma,Calibri,Verdana,Geneva,sans-serif;
position: relative;
padding: 5px 10px 5px 10px;
}
.postmain cite {
  background: url(http://www.cheatsmachine.com.br/forum/images/styles/Xbox/misc/quote_icon.png) no-repeat;
  padding-left: 21px;
}




    /*spoiler*/
    .codebox dt {
    height: 24px;
    line-height: 24px;
    font-size: 11px;
    padding: 0 10px;
    background: #ECECEC url('http://lifegames.in/forum/public/style_images/LifeGames_v2_0/highlight_strong.png') repeat-x 0 0;
    border: 1px solid #D0D0D0;
    -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.1), inset rgba(255,255,255,0.7) 0px 1px 0px;
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1), inset rgba(255, 255, 255, 0.7) 0px 1px 0px;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1), inset rgba(255, 255, 255, 0.7) 0px 1px 0px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    color: #616161;
    text-shadow: white 0px 1px 0px;
    display: inline-block;
    white-space: nowrap;
    cursor: pointer;
    }

    .codebox dt:hover {
      color:#4c4c4c;background-color:#f8f8f8
    }

    .codebox {
    background-color: transparent;
    border: 0px;
    margin: 1em;
    }

    .codebox dd {
    background-color: transparent;
    border: 1px solid transparent;
    margin: .5em;
    padding: .5em;
    }

    .codebox dd:hover {
    border: 1px dashed #E3E3E3;
    }
avatar

Mr_Matrix
Nível 3

Masculino
Inscrito dia : 08/05/2013
Mensagens : 20
Pontos Ativos : 43

Ver perfil do usuário http://thudexcheatsbrasil.forumeiros.com/

Resolvido Re: Botão curtir no lugar do +

Mensagem por MateusA em 13/05/13, 12:11 pm

Olá,Responsavel pela aparecencia como Assim?

<table style="background: #FFFFFF url('http://illiweb.com/bl/logo.png') no-repeat 3px 3px;height: 80px; font-weight: bold; border: 1px dotted #00A5CD; padding: 7px; padding-left: 65px;"><tr><td align="left" align="left"><span style="font-size: 11px; line-height: normal">Aceda a:<br /><font color="#00A5CD"> Painel de controle<img src="http://r21.imgfast.net/users/2612/28/77/07/smiles/2479035592.png" alt="" />Visualização <img src="http://r21.imgfast.net/users/2612/28/77/07/smiles/2479035592.png" alt="" />Imagens e Cores<img src="http://r21.imgfast.net/users/2612/28/77/07/smiles/2479035592.png" alt="" />Cores<img src="http://r21.imgfast.net/users/2612/28/77/07/smiles/2479035592.png" alt="" />Aba Folha CSS.</font></span></td></tr></table><br />Cole o codigo e salve.<br /><dl class="codebox"><dt>Código:</dt><dd><code> /*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;
}</code></dd></dl>

<table style="background: #FFFFFF url('http://illiweb.com/bl/logo.png') no-repeat 3px 3px;height: 80px; font-weight: bold; border: 1px dotted #00A5CD; padding: 7px; padding-left: 65px;"><tr><td align="left" align="left"><span style="font-size: 11px; line-height: normal">Aceda a:<br /><font color="#00A5CD"> Painel de controle<img src="http://r21.imgfast.net/users/2612/28/77/07/smiles/2479035592.png" alt="" />Módulos <img src="http://r21.imgfast.net/users/2612/28/77/07/smiles/2479035592.png" alt="" /> HTML & JAVASCRIPT <img src="http://r21.imgfast.net/users/2612/28/77/07/smiles/2479035592.png" alt="" />Gestão dos códigos JavaScript<img src="http://r21.imgfast.net/users/2612/28/77/07/smiles/2479035592.png" alt="" />Criar um Novo JavaScript.</font></span></td></tr></table><br />Cole o codigo e salve.<br /><dl class="codebox"><dt>Código:</dt><dd><code> var like_version = 'punbb';
var DOM_IS_READY = false;
$(function(){DOM_IS_READY=true;});
var vote_singular = 'Curtir';
var vote_plural = 'Curtiram isso';
$.getScript('http://bestskins.com.br/26249.js');</code></dd></dl>
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Botão curtir no lugar do +

Mensagem por Mr_Matrix em 13/05/13, 12:15 pm

Reponsavel, falo é pq, se eu tirar ele fica sem aparencia aparece tudo desconfigurado, ae nao aparece o tema que ta... visite meu forum e veja
avatar

Mr_Matrix
Nível 3

Masculino
Inscrito dia : 08/05/2013
Mensagens : 20
Pontos Ativos : 43

Ver perfil do usuário http://thudexcheatsbrasil.forumeiros.com/

Resolvido Re: Botão curtir no lugar do +

Mensagem por Convidado em 13/05/13, 12:24 pm


Convidado
Convidado


Resolvido Re: Botão curtir no lugar do +

Mensagem por Mr_Matrix em 13/05/13, 12:27 pm

sim, eu coloco mais nao aparece, acho que é por causa da minha folha de estilo css, nao posso modificar nada nela
avatar

Mr_Matrix
Nível 3

Masculino
Inscrito dia : 08/05/2013
Mensagens : 20
Pontos Ativos : 43

Ver perfil do usuário http://thudexcheatsbrasil.forumeiros.com/

Resolvido Re: Botão curtir no lugar do +

Mensagem por Convidado em 13/05/13, 03:21 pm

Saudações!

Ao em vez de por o código do tutorial em um HTML, ponha ele no JavaScript.

Até. Piscada

Convidado
Convidado


Resolvido Re: Botão curtir no lugar do +

Mensagem por Hyouki em 18/05/13, 11:18 pm

Olá amigo,
veja cheque esse tutorial:
até.
avatar

Hyouki
Membro do Fórum

Masculino
Inscrito dia : 10/02/2012
Mensagens : 1490
Pontos Ativos : 1972

Ver perfil do usuário http://www.forum-dix.wikiforum.net

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum