Deixa a largura do forum em tamanho normal

[Lucas2122]

Qual é minha questão:
Aumenta a largura do forum, como vocês podem ver a largura do meu forum está diminuida tá meno queria deixa do tamanho norma, se precisa de CSS.

Código:

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-head { display:none!important; }
#pun-intro { display:none!important; }
#fieldset { border: none!important; }
#pun-foot {
clear: both;
width: 960px;
margin: auto;
}
#wrapper { width: 960px; margin: auto; }
.main .main-foot, .main .main-head {
-moz-border-radius: 3px;
-moz-box-shadow: inset rgba(0,0,0,0.4) 0 0 0 1px, rgba(0,0,0,0.3) 0 1px 4px;
-webkit-border-radius: 3px;
-webkit-box-shadow: inset rgba(0,0,0,0.4) 0 0 0 1px, rgba(0,0,0,0.3) 0 1px 4px;
background: url(http://i.imgur.com/oDuenBU.png) repeat 50% 100%;
background-color: rgb(36, 115, 177);
border-radius: 3px;
box-shadow: inset rgba(0,0,0,0.4) 0 0 0 1px, rgba(0,0,0,0.3) 0 1px 4px;
color: #fff;
font-size: 12px;
font-weight: 700;
overflow: hidden;
padding: 15px;
position: relative;
}




.pun table.table {
  border: 1px solid #DDD!important;
 
}
.pun table.table td {
  border-bottom: 1px solid #DDD!important;
 
}
/*crumbs*/
.pun-crumbs {
-moz-border-radius: 3px;
-moz-box-shadow: inset rgba(0,0,0,0.1) 0 1px 3px;
-webkit-border-radius: 3px;
-webkit-box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 3px;
background: #F3F3F3;
border: 1px solid #D9D9D9;
border-radius: 3px;
box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 3px;
margin-top: 10px;
}
p.crumbs {
color: #F3F3F3;
}
.pun-crumbs p {
color: #666;
font-size: 1.11em;
line-height: 1.5;
margin: 0;
}
p.crumbs a {
background: url(http://i42.servimg.com/u/f42/17/32/13/00/second10.png) no-repeat 100% -1px;
color: #777!important;
font-size: 10px;
line-height: 30px;
padding: 11px 17px 11px 4px;
}
/*css*/
html {
   overflow-y:scroll;
}
body {
   background: #21313d;
   color: #444;
   font-family: Arial, Sans-Serif;
   font-size: 13px;
   text-align: center; /* IE 5 fix */
   padding:0;
   margin:0;
   line-height: 1.4;
}




.logo ,.forumdesc {
-webkit-transition:0.2s;-moz-transition:0.2s;-ms-transition:0.2s;-o-transition:0.2s;transition:0.2s;
}




a:link {
   color: #316180;
   text-decoration: none;
}




a:visited {
   color: #344957;
   text-decoration: none;
}




a:hover, a:active {
   color: #000;
   text-decoration: none;
}




.noborder {
   border:0 !important;
}
.relative {
   position:relative;
}
#container {
   text-align: left; /* IE 5 fix */
}




.main_width {
   width: 960px;
   margin:auto;
   position: relative;
}
.basicbox {
border:1px solid #ddd;
border-radius:2px;
}
.basicbox.pad {
padding:15px;
}
#header {
-moz-box-shadow: 0 1px 0 rgba(255,255,255,0.2);
-webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.2);
border-radius: 0 0 5px 5px;
box-shadow: 0 1px 0 rgba(255,255,255,0.2);
height: 193px;
margin-left: 350px;
margin-right: 350px;
-moz-border-radius: 3px;
-moz-box-shadow: inset rgba(0,0,0,0.4) 0 0 0 1px, rgba(0,0,0,0.3) 0 1px 4px;
-webkit-border-radius: 3px;
-webkit-box-shadow: inset rgba(0,0,0,0.4) 0 0 0 1px, rgba(0,0,0,0.3) 0 1px 4px;
background: url(http://i.imgur.com/nJdNZAq.png) repeat 50% 0%;
background-color: #2473b1;
}
.avatar img,.user-avatar {
padding: 1px;
border: 1px solid #DDD;
box-shadow: 0px 1px 3px -1px #BEBEBE;
}
.user-dropdown-box .user-avatar {margin:10px;}
.avatar img:hover, .user-avatar:hover {border-color:#aaa;}
.search-box {
    position: absolute;
    top: 32px;
    right: 0px;
}




.search-box .textbox {
    border: 1px solid rgb(70, 83, 92);
   
    padding: 0px 10px;
    height: 31px;
    margin-right: -5px;
}




.search-box .button {
    background: #353535 url(http://www.audentio.com/demo/mybb16/images/audentio/dazzle/icon-sprite.png) !important;
    color: transparent;
    height: 32px;
    border: 0;
    width: 34px;
    background-position: -50px -8px !important;
}




.search-box .button:hover {
opacity:0.8;
}








.logo , .forumdesc {
-webkit-transition:0.2s;-moz-transition:0.2s;-ms-transition:0.2s;-o-transition:0.2s;transition:0.2s;
}




.logo:hover {
    opacity:0.7;
}




.branding {
display: table-cell;
vertical-align: middle;
height: 93px;
line-height: 93px;
margin: auto;
}




#panel {
   color: #E9E9E9;
   font-size: 11px;
   height: 42px;
   font-family: georgia;
   font-style: italic;
   text-shadow: 0px -1px 0px #000;
   line-height: 42px;
}




#panel a {
   color: #E9E9E9;
}




#panel .registerlink {
    background: #8DB318;
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.25);
    padding: 5px 10px;
    border-radius: 2px;
    box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.19), 1px 1px 0px rgba(0, 0, 0, 0.43);
    margin-left: 10px;
}
#panel .loginlink {
   position:relative;
}
#panel .registerlink i {
}




#panel .registerlink:hover {
    background: #78AD28;
}




#panel .remember_me input {
   vertical-align: middle;
   margin-top: -1px;
}




.social-icons {
}




.social-icons a {
   background: url(http://www.audentio.com/demo/mybb16/images/audentio/dazzle/social_icons.png) 0px 0px;
   height: 16px;
   width: 18px;
   display: inline-block;
   position: relative;
   top: 5px;
   background-position: 0px -2px;
   opacity: 0.6;
}




.social-icons a:hover {
    opacity:1;
}




.a-icon-facebook {
    background-position: 19px -2px !important;
}




.a-icon-youtube {
    background-position: 0px -2px !important;
}




.a-icon-vimeo {
    background-position: 100px -2px !important;
}




.a-icon-rss {
    background-position: 40px -2px !important;
}




.a-icon-gplus {
    background-position: 80px -2px !important;
}




.a-icon-twitter {
    background-position: 60px -2px !important;
}




.no-js .date-sep {
display:none;
}




.top-date {
    color: #AAA;
}




.date-sep, .panel-sep {
    position: relative;
    top: -3px;
    margin: 0 7px;
    color: #aaa;
}




.user-dropdown {
background: url(http://www.audentio.com/demo/mybb16/images/audentio/dazzle/icon-sprite.png);
display: inline-block;
height: 20px;
width: 20px;
position: relative;
top: 7px;
cursor:pointer;
background-position: -90px -16px;
}




.user-dropdown-box {
display:none;position: absolute;
min-width: 150px;
background: url(http://www.audentio.com/demo/mybb16/images/audentio/dazzle/trans/black8.png);color: #555;
top: 28px;border-radius: 0 4px 4px 4px;
padding: 5px;z-index: 88;
left: -5px;
box-shadow: none;
font-family: arial;
text-shadow: none;
font-style: normal;
}
.user-dropdown-box-inner {
    background: white;
text-align:center;
}




.user-dropdown-box::before {
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
content: "";
position: absolute;
border-bottom: 5px solid #000000;
top: -5px;
left: 10px;
}




.user-dropdown-box a {
text-shadow:none;color:#555 !important;
display: block;
height: auto;
line-height: 1.3;
padding: 10px;
border-top: 1px solid #ddd;
font-family: arial;
font-style: normal;
text-align:left;
}
.user-dropdown-box a:first-child {border-top:0;}
.user-dropdown-box a:hover {
color:#222 !important;
background: #F5F5F5;
}




#quick_login .user-dropdown-box-inner {
padding: 10px;
}
#quick_login  .user-dropdown-box-inner a {
margin:-10px;
padding:15px;
background: #fafafa;
margin-top:0;
}
#quick_login .textbox{
padding: 8px;
margin-bottom: 10px;
}
#quick_login .textbox:last-child {margin-bottom:0;}
#quick_login .button {
   display: block;
   width: 100%;
   margin-bottom: 15px;
   padding: 10px;
   text-transform: uppercase;
   font-weight: bold;
}
.pms-unread {
font-family: sans-serif;
background:gray;
padding: 0px 4px;
display: inline-block;
height: 16px;
line-height: 16px;
text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.56);
border-radius: 1px;
box-shadow: -1px 1px 0px rgba(0, 0, 0, 0.17);
margin-right: 4px;
}




.pms-unread.unread {
background: #E43030 !important;
}




#content {
   /* FIX: Make internet explorer wrap correctly */
   background: #fff;
   padding: 10px;
   
   border-radius: 0 0 5px 5px;
   padding-bottom: 0;
   box-shadow: 0 10px 20px rgba(0,0,0,.5);
   -moz-box-shadow: 0 10px 20px rgba(0,0,0,.5);
   -webkit-box-shadow: 0 10px 20px rgba(0,0,0,.5);
}




.menu {
   background: url(http://www.audentio.com/demo/mybb16/images/audentio/dazzle/trans/black3.png);
   height: 58px;
   border-radius: 4px 4px 0 0;
   box-shadow: inset 0px 2px 5px rgba(0, 0, 0, 0.07), 0px -1px 0px rgba(255, 255, 255, 0.07);
  border-radius: 0 0 5px 5px;
   overflow: hidden;
}




.menu ul {
   color: white;
   font-weight: bold;
   padding: 0;
   list-style: none;
   margin: 0;
}




.menu li:first-child {
    margin-left: 10px;
}




.menu li:first-child a {
}




.menu li:last-child {
    background: none;
}




.menu li:last-child a {
}




.menu ul a:hover .menu-item-subtitle {
color:#fafafa
}




.menu ul a:link,.menu ul a:visited {
   color: #f8f8f8;
   text-decoration: none;
   margin-top: 16px;
   display: block;
   padding-right: 35px;
   padding-left: 2px;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.58);
}




.menu ul a:visited {
   color: #f5f5f5;
   text-decoration: none;
}




.menu ul a:hover, .menu ul a:active {
   color: #fff;
   text-decoration: none;
}




.menu-item-subtitle {
    display: block;
    float: left;
    font-size: 10px;
    color: #868686;
    font-weight: normal;
font-style:italic;
}








/* Additional CSS (Master) */
img {
   border: none;
}




.clear {
   clear: both;
}




.hidden {
   
   display:none !important;
   float: none;
   width: 1%;
}




.hiddenrow {
   display: none;
}




.selectall {
   background-color: #FFFBD9;
   font-weight: bold;
   text-align: center;
}




.left, .float_left {
   float: left;
}




.right, .float_right {
   float: right;
}




.menu li {
   display: block;
   padding-left: 10px;
   float: left;
   background: url(../../../images/audentio/dazzle/menu-sep.png) no-repeat right 10px;
}




.menu img {
   padding-right: 5px;
   vertical-align: top;
}




#panel .links {
   margin: 0;
   float: right;
}




#panel form {
   display:inline-block;
}




.expcolimage {
   float: right;
   width: auto;
   vertical-align: middle;
   margin-top: 3px;
}
  /*footer*/
  #footer {
background: url(http://i.imgur.com/oDuenBU.png) repeat 50% 100%;
border-radius: 5px 5px 0 0;
margin-left: 350px;
margin-right: 350px;
background-color: #2473b1;
}
.footer-content {
   width: 95%;
   margin: 0 auto;
}




#copyright {
   font: 11px 'PT Sans Caption', Arial, sans-serif;
   padding: 0 0 20px;
   color: #fff;
   margin: 0 auto;
}




#copyright a {
   color: #e4dab8;
}




#debug {
   float: right;
   text-align: right;
   margin-top: 0;
}




.bottommenu {
   color: #000000;
   padding: 21px 20px;
   margin: 0 auto;
   position: relative;
   top: -14px;
}




.bottommenu a {
   color: #fff;
   text-shadow: 1px 1px 0 rgba(0,0,0,.3);
   margin: 0 15px 0 0;
}




.bottommenu-left {
   float: left;
   margin-left: -15px;
}




.bottommenu-right {
   float: right;
   margin-right: -15px;
}




.bottommenu-left, .bottommenu-right {
   width: 15px;
   height: 61px;
   position: relative;
   top: -14px;
}




#lang_select {
   margin: -4px 0 0;
}




.bigenglish-top {
   margin: -33px 0 0 15px;
   position: relative;
   top: 7px;
}




.bigenglish-bottom {
   margin: -26px 0 0 15px;
   position: relative;
   top: 22px;
}




.bigenglish-top .bottom {
   display: none;
}




.bigenglish-bottom .top {
   display: none;
}




.author_buttons, .post_management_buttons {
   height: 28px;
}




.clearfix:after {
   visibility: hidden;
   display: block;
   font-size: 0;
   content: " ";
   clear: both;
   height: 0;
}
  /*estatisticas*/
#estadisticas-IPB {
text-align: center;
}
#estadisticas-IPB .stat-bloque {
display: inline-block;
margin-right: 10px;
}
#estadisticas-IPB span {
display: inline-block;
background: #E2E2E2;
color: #4A4A4A;
padding: 2px 6px;
font-weight: bold;
border-radius: 2px;
margin: 2px;
}
.board_statistics {
margin: 20px 0 0 0;
padding: 10px 0;
border-top: 3px solid #D8D8D8;
}
.board_statistics h2 {
font-size: 14px;
font-weight: bold;
margin: 4px 0;
}
  body {
background: url(http://demo.dzinerstudio.com/smf2/Themes/skyline_20/images/custom/overlay.png);
}
 
  /*profile*/
  /*user img*/
.user-basic-info a img {
max-height: 110px;
max-width: 110px;
height: 110px;
width: 110px;
padding: 1px;
border: 1px solid #D5D5D5;
background: white;
-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
}
.user-basic-info a img:hover {
border-color: #A1A1A1;
-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
}
  /*quick-reply e input*/
dd.frm-input input, fieldset.frm-set.multi input.inputbox, #ucp input[type="text"], #ucp input[type="password"], input.inputbox {
font-size: 16px;
font-weight: bold;
padding: 5px;
border: 1px solid #D4D4D4;
background: #FCFCFC;
color: #9F9F9F;
text-shadow: white 0px 1px 0px;
-webkit-box-shadow: inset rgba(0, 0, 0, 0.1) 0px 1px 3px;
-moz-box-shadow: inset rgba(0,0,0,0.1) 0px 1px 3px;
box-shadow: inset rgba(0, 0, 0, 0.1) 0px 1px 3px;
display: block;
}
dd.frm-input input:focus, fieldset.frm-set.multi input.inputbox:focus, #ucp input[type="text"]:focus, #ucp input[type="password"]:focus, input.inputbox:focus {
outline: none;
background-color: #FEFEFE;
color: #555;
border-color: #3FA6E4;
-webkit-box-shadow: inset 0px 0px 4px #F7D5D5, #FDD 0px 0px 3px;
-moz-box-shadow: inset 0px 0px 4px #f7d5d5, #ffdddd 0px 0px 3px;
box-shadow: inset 0px 0px 4px #F7D5D5, #FDD 0px 0px 3px;
}
fieldset.frm-set, .pun .main .main-content.message {
  background-color: transparent;
}
.pun .frm-form {background: transparent;}
.main .main-content.frm {
background-color: transparent;
}
#pun-qpost .main-content.frm {
background: #EBEDEF;
padding: 9px;
}
#pun-qpost .frm-form {
background: #F6F8FA;
border: 1px solid #DCE2EC;
}
#pun-qpost .main-head {
font: bold Helvetica, Arial, sans-serif;
font-size: 16px;
background: transparent;
border: 0px;
box-shadow: 0 0px 0px 0 inset;
color: #323232;
text-shadow: 0px 0px 0px;
}
div.posting-block{width:95%;}
div.posting-block #text_editor_iframe,div.posting-block #text_editor_textarea{width:95%;}
#smiley-box {
border: 1px solid #DDD;
padding: 5px;
width: 99%;
}
input[type="password"]:focus,input[type="text"]:focus,textarea:focus{outline:none}
#quick_reply .frm-buttons {
border-top: 0px;
padding: 5px;
margin: 0 auto;
text-align: right;
}
.pun .main-head a.exthelp, .pun .main-head a.exthelp:link, .pun .main-head a.exthelp:visited {
font: 13px normal;
background-image: url(http://cdn2.iconfinder.com/data/icons/humano2/16x16/apps/gnome-help.png);
background-position: left;
background-repeat: no-repeat;
color: #777;
padding-left: 20px;
}
input[type="button"], input[type="reset"], input[type="submit"] {
background: #3A4752 url(http://i78.servimg.com/u/f78/17/96/03/52/primar14.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: 1px solid #3A4752;
font: normal 13px helvetica, arial, sans-serif;
padding: 4px 10px;
cursor: pointer;
}
input:active[type="button"], input:active[type="submit"], input:active[type="reset"] {
position: relative;
top: 1px;
}
input:hover[type="button"], input:hover[type="submit"], input:hover[type="reset"] {
color: #fff;
}
/*topic e post*/
.pun .post-entry {padding: 0px;}
.pun .entry-content {line-height: 1.6;}
.pun .entry-content a {
background: url(http://i.imgur.com/BurboBT.png) 0 4px no-repeat;
padding-left: 15px;
}
.pun .paged-foot, .pun .paged-head {
background-color: transparent;
border: 0px;
padding: .6em 1.3em .3em;
}
img.i_icon_online {
  padding-left: 5px;
  display: inline-block;
}
.pun .user-ident .username {
display: block;
font-size: 1.1em;
font-weight: 380!important;
margin-top: 0px;
padding: 5px!important;
position: relative;
text-align: center;
text-decoration: none;
}
.pun .paged-foot, .pun .paged-head {
background-color: transparent;
border: 0px;
}
.pun .postfoot .user-contact {
text-align: center;
}
.pun .postfoot .report {
float: left;
text-align: left;
}
.pun .postfoot .report a {
border-right: 1px solid #E7E7E7;
color: #333;
display: inline;
height: 21px;
line-height: 21px;
padding: 6px;
text-decoration: none;
}
.pun .postfoot .report a:hover {
  background-color: white;
  color: #222;
}
.pun .post {
  border: 0px;
  background: white;
}
.topic{background: #fff;}
.pun .postmain {
background: #FBFBFB url(http://i78.servimg.com/u/f78/17/96/03/52/highli10.png) repeat-x 0 0;
padding: 8px;
border: 1px solid #D9DBDD;
border-radius: 3px;
margin: 10px 10px 10px 185px;
}
.pun .post .user {
width: 155px;
font-size: 12px;
text-align: center;
padding: 10px 10px;
line-height: 150%;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #FBFBFB url(http://i78.servimg.com/u/f78/17/96/03/52/highli10.png) repeat-x 0 0;
border: 1px solid #D9DBDD;
border-radius: 3px;
margin-left: -16em;
margin-top: -3.7em;
position: relative;
}
.pun .user .user-ident .user-basic-info {
  font-size: 11px;
  color: #777;
  text-align: center;
  font-weight: normal;
}
.pun .topic {
background: #fff;
border: 1px solid #ddd;
}
#first-post-br {
border: 0px;
}
.pun .posthead {
border: 0px;
background: #D1D6D9;
padding: 0 10px;
height: 36px;
line-height: 36px;
font-weight: normal;
}
.pun .posthead a {
  font-size: 13px;
  color: #777777;
}
.pun .posthead h2 {
color: #777777 !important;
font-size: 11px;
font-weight: normal;
}
.pun .posthead h2 strong img {
max-height: 12px;
margin-left: 3px;
margin-top: -2px;
opacity: 0.5;
}
.count-post {
  font: normal !important;
}
.postfoot {
border: 0px;
padding: .2em;
padding-right: 0em;
margin: 10px 0 3px -15em;
}
.posting {
  margin: 0 0 10px 10px;
}




.posting a:active, #new-message-link a:active {
position: relative;
top: 1px;
}
  #avatar img {
    height:100px;
    widht: 50px;
  }

lembrando é na css mesmo deve ser um codigo fazendo isso.

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

Versão do fórum:
PUNBB

[Diehl]

Olá.

Adicione o seguinte código ao início do CSS do teu fórum:

Código:


body div.pun {width:95%;}


Lembrando que tu deve alterar o valor "width" como achares melhor... Isso incluí até mesmo valores superiores a 100% (neste caso, teríamos que usar uma barra de rolagem para ver todo o fórum horizontalmente).


Caso tu prefira trabalhar com valores em px ao invés de percentagens, o código muda um poquinho:

Código:


body div.pun {width:1000px;}


Espero que funcione, mas qualquer coisa estamos aí.

[Lucas2122]

Nem um dos dois teve efeito

[Jack Sparrow]

O seu forum é dividido em 2 partes, qual delas você quer deixar normal ?
Tem uma que esta muito menor que a outra, se for essa, coloque isso aqui no final da sua pagina css:

Código:

#header {margin-left: 194px !important;margin-right: 194px !important;}

[Lucas2122]

é a parte de baixo '-'

[Jack Sparrow]

tente este

Código:

#wrapper {width: 1000px;}

[Lucas2122]

sem resultados

[Jack Sparrow]

Código:

#wrapper {width: 1000px !important;}

Altere o valor 1000 para o que achar melhor

[Sennior]

Olá,

Tente o código abaixo colocando-o no inicio de teu CSS:

Código:

.pun {
width: 100% !Important;
}

Abraços.

[goodbye]

Saudações!

Aceda à "Folha de estilo CSS":
Painel de controle ->> Visualização ->> Imagens e Cores ->> Cores ->> Folha de estilo CSS

Troque o seu CSS por este:

Código:

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-head { display:none!important; }
#pun-intro { display:none!important; }
#fieldset { border: none!important; }
#pun-foot {
clear: both;
width: 960px;
margin: auto;
}
#wrap { width: 960px; margin: auto; }
.main .main-foot, .main .main-head {
-moz-border-radius: 3px;
-moz-box-shadow: inset rgba(0,0,0,0.4) 0 0 0 1px, rgba(0,0,0,0.3) 0 1px 4px;
-webkit-border-radius: 3px;
-webkit-box-shadow: inset rgba(0,0,0,0.4) 0 0 0 1px, rgba(0,0,0,0.3) 0 1px 4px;
background: url(http://i.imgur.com/oDuenBU.png) repeat 50% 100%;
background-color: rgb(36, 115, 177);
border-radius: 3px;
box-shadow: inset rgba(0,0,0,0.4) 0 0 0 1px, rgba(0,0,0,0.3) 0 1px 4px;
color: #fff;
font-size: 12px;
font-weight: 700;
overflow: hidden;
padding: 15px;
position: relative;
}




.pun table.table {
  border: 1px solid #DDD!important;
 
}
.pun table.table td {
  border-bottom: 1px solid #DDD!important;
 
}
/*crumbs*/
.pun-crumbs {
-moz-border-radius: 3px;
-moz-box-shadow: inset rgba(0,0,0,0.1) 0 1px 3px;
-webkit-border-radius: 3px;
-webkit-box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 3px;
background: #F3F3F3;
border: 1px solid #D9D9D9;
border-radius: 3px;
box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 3px;
margin-top: 10px;
}
p.crumbs {
color: #F3F3F3;
}
.pun-crumbs p {
color: #666;
font-size: 1.11em;
line-height: 1.5;
margin: 0;
}
p.crumbs a {
background: url(http://i42.servimg.com/u/f42/17/32/13/00/second10.png) no-repeat 100% -1px;
color: #777!important;
font-size: 10px;
line-height: 30px;
padding: 11px 17px 11px 4px;
}
/*css*/
html {
   overflow-y:scroll;
}
body {
   background: #21313d;
   color: #444;
   font-family: Arial, Sans-Serif;
   font-size: 13px;
   text-align: center; /* IE 5 fix */
   padding:0;
   margin:0;
   line-height: 1.4;
}




.logo ,.forumdesc {
-webkit-transition:0.2s;-moz-transition:0.2s;-ms-transition:0.2s;-o-transition:0.2s;transition:0.2s;
}




a:link {
   color: #316180;
   text-decoration: none;
}




a:visited {
   color: #344957;
   text-decoration: none;
}




a:hover, a:active {
   color: #000;
   text-decoration: none;
}




.noborder {
   border:0 !important;
}
.relative {
   position:relative;
}
#container {
   text-align: left; /* IE 5 fix */
}




.main_width {
   width: 960px;
   margin:auto;
   position: relative;
}
.basicbox {
border:1px solid #ddd;
border-radius:2px;
}
.basicbox.pad {
padding:15px;
}
#header {
-moz-box-shadow: 0 1px 0 rgba(255,255,255,0.2);
-webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.2);
border-radius: 0 0 5px 5px;
box-shadow: 0 1px 0 rgba(255,255,255,0.2);
height: 193px;
margin-left: 350px;
margin-right: 350px;
-moz-border-radius: 3px;
-moz-box-shadow: inset rgba(0,0,0,0.4) 0 0 0 1px, rgba(0,0,0,0.3) 0 1px 4px;
-webkit-border-radius: 3px;
-webkit-box-shadow: inset rgba(0,0,0,0.4) 0 0 0 1px, rgba(0,0,0,0.3) 0 1px 4px;
background: url(http://i.imgur.com/nJdNZAq.png) repeat 50% 0%;
background-color: #2473b1;
}
.avatar img,.user-avatar {
padding: 1px;
border: 1px solid #DDD;
box-shadow: 0px 1px 3px -1px #BEBEBE;
}
.user-dropdown-box .user-avatar {margin:10px;}
.avatar img:hover, .user-avatar:hover {border-color:#aaa;}
.search-box {
    position: absolute;
    top: 32px;
    right: 0px;
}




.search-box .textbox {
    border: 1px solid rgb(70, 83, 92);
  
    padding: 0px 10px;
    height: 31px;
    margin-right: -5px;
}




.search-box .button {
    background: #353535 url(http://www.audentio.com/demo/mybb16/images/audentio/dazzle/icon-sprite.png) !important;
    color: transparent;
    height: 32px;
    border: 0;
    width: 34px;
    background-position: -50px -8px !important;
}




.search-box .button:hover {
opacity:0.8;
}








.logo , .forumdesc {
-webkit-transition:0.2s;-moz-transition:0.2s;-ms-transition:0.2s;-o-transition:0.2s;transition:0.2s;
}




.logo:hover {
    opacity:0.7;
}




.branding {
display: table-cell;
vertical-align: middle;
height: 93px;
line-height: 93px;
margin: auto;
}




#panel {
   color: #E9E9E9;
   font-size: 11px;
   height: 42px;
   font-family: georgia;
   font-style: italic;
   text-shadow: 0px -1px 0px #000;
   line-height: 42px;
}




#panel a {
   color: #E9E9E9;
}




#panel .registerlink {
    background: #8DB318;
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.25);
    padding: 5px 10px;
    border-radius: 2px;
    box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.19), 1px 1px 0px rgba(0, 0, 0, 0.43);
    margin-left: 10px;
}
#panel .loginlink {
   position:relative;
}
#panel .registerlink i {
}




#panel .registerlink:hover {
    background: #78AD28;
}




#panel .remember_me input {
   vertical-align: middle;
   margin-top: -1px;
}




.social-icons {
}




.social-icons a {
   background: url(http://www.audentio.com/demo/mybb16/images/audentio/dazzle/social_icons.png) 0px 0px;
   height: 16px;
   width: 18px;
   display: inline-block;
   position: relative;
   top: 5px;
   background-position: 0px -2px;
   opacity: 0.6;
}




.social-icons a:hover {
    opacity:1;
}




.a-icon-facebook {
    background-position: 19px -2px !important;
}




.a-icon-youtube {
    background-position: 0px -2px !important;
}




.a-icon-vimeo {
    background-position: 100px -2px !important;
}




.a-icon-rss {
    background-position: 40px -2px !important;
}




.a-icon-gplus {
    background-position: 80px -2px !important;
}




.a-icon-twitter {
    background-position: 60px -2px !important;
}




.no-js .date-sep {
display:none;
}




.top-date {
    color: #AAA;
}




.date-sep, .panel-sep {
    position: relative;
    top: -3px;
    margin: 0 7px;
    color: #aaa;
}




.user-dropdown {
background: url(http://www.audentio.com/demo/mybb16/images/audentio/dazzle/icon-sprite.png);
display: inline-block;
height: 20px;
width: 20px;
position: relative;
top: 7px;
cursor:pointer;
background-position: -90px -16px;
}




.user-dropdown-box {
display:none;position: absolute;
min-width: 150px;
background: url(http://www.audentio.com/demo/mybb16/images/audentio/dazzle/trans/black8.png);color: #555;
top: 28px;border-radius: 0 4px 4px 4px;
padding: 5px;z-index: 88;
left: -5px;
box-shadow: none;
font-family: arial;
text-shadow: none;
font-style: normal;
}
.user-dropdown-box-inner {
    background: white;
text-align:center;
}




.user-dropdown-box::before {
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
content: "";
position: absolute;
border-bottom: 5px solid #000000;
top: -5px;
left: 10px;
}




.user-dropdown-box a {
text-shadow:none;color:#555 !important;
display: block;
height: auto;
line-height: 1.3;
padding: 10px;
border-top: 1px solid #ddd;
font-family: arial;
font-style: normal;
text-align:left;
}
.user-dropdown-box a:first-child {border-top:0;}
.user-dropdown-box a:hover {
color:#222 !important;
background: #F5F5F5;
}




#quick_login .user-dropdown-box-inner {
padding: 10px;
}
#quick_login  .user-dropdown-box-inner a {
margin:-10px;
padding:15px;
background: #fafafa;
margin-top:0;
}
#quick_login .textbox{
padding: 8px;
margin-bottom: 10px;
}
#quick_login .textbox:last-child {margin-bottom:0;}
#quick_login .button {
   display: block;
   width: 100%;
   margin-bottom: 15px;
   padding: 10px;
   text-transform: uppercase;
   font-weight: bold;
}
.pms-unread {
font-family: sans-serif;
background:gray;
padding: 0px 4px;
display: inline-block;
height: 16px;
line-height: 16px;
text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.56);
border-radius: 1px;
box-shadow: -1px 1px 0px rgba(0, 0, 0, 0.17);
margin-right: 4px;
}




.pms-unread.unread {
background: #E43030 !important;
}




#content {
   /* FIX: Make internet explorer wrap correctly */
   background: #fff;
   padding: 10px;
  
   border-radius: 0 0 5px 5px;
   padding-bottom: 0;
   box-shadow: 0 10px 20px rgba(0,0,0,.5);
   -moz-box-shadow: 0 10px 20px rgba(0,0,0,.5);
   -webkit-box-shadow: 0 10px 20px rgba(0,0,0,.5);
}




.menu {
   background: url(http://www.audentio.com/demo/mybb16/images/audentio/dazzle/trans/black3.png);
   height: 58px;
   border-radius: 4px 4px 0 0;
   box-shadow: inset 0px 2px 5px rgba(0, 0, 0, 0.07), 0px -1px 0px rgba(255, 255, 255, 0.07);
  border-radius: 0 0 5px 5px;
   overflow: hidden;
}




.menu ul {
   color: white;
   font-weight: bold;
   padding: 0;
   list-style: none;
   margin: 0;
}




.menu li:first-child {
    margin-left: 10px;
}




.menu li:first-child a {
}




.menu li:last-child {
    background: none;
}




.menu li:last-child a {
}




.menu ul a:hover .menu-item-subtitle {
color:#fafafa
}




.menu ul a:link,.menu ul a:visited {
   color: #f8f8f8;
   text-decoration: none;
   margin-top: 16px;
   display: block;
   padding-right: 35px;
   padding-left: 2px;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.58);
}




.menu ul a:visited {
   color: #f5f5f5;
   text-decoration: none;
}




.menu ul a:hover, .menu ul a:active {
   color: #fff;
   text-decoration: none;
}




.menu-item-subtitle {
    display: block;
    float: left;
    font-size: 10px;
    color: #868686;
    font-weight: normal;
font-style:italic;
}








/* Additional CSS (Master) */
img {
   border: none;
}




.clear {
   clear: both;
}




.hidden {
  
   display:none !important;
   float: none;
   width: 1%;
}




.hiddenrow {
   display: none;
}




.selectall {
   background-color: #FFFBD9;
   font-weight: bold;
   text-align: center;
}




.left, .float_left {
   float: left;
}




.right, .float_right {
   float: right;
}




.menu li {
   display: block;
   padding-left: 10px;
   float: left;
   background: url(../../../images/audentio/dazzle/menu-sep.png) no-repeat right 10px;
}




.menu img {
   padding-right: 5px;
   vertical-align: top;
}




#panel .links {
   margin: 0;
   float: right;
}




#panel form {
   display:inline-block;
}




.expcolimage {
   float: right;
   width: auto;
   vertical-align: middle;
   margin-top: 3px;
}
  /*footer*/
  #footer {
background: url(http://i.imgur.com/oDuenBU.png) repeat 50% 100%;
border-radius: 5px 5px 0 0;
margin-left: 350px;
margin-right: 350px;
background-color: #2473b1;
}
.footer-content {
   width: 95%;
   margin: 0 auto;
}




#copyright {
   font: 11px 'PT Sans Caption', Arial, sans-serif;
   padding: 0 0 20px;
   color: #fff;
   margin: 0 auto;
}




#copyright a {
   color: #e4dab8;
}




#debug {
   float: right;
   text-align: right;
   margin-top: 0;
}




.bottommenu {
   color: #000000;
   padding: 21px 20px;
   margin: 0 auto;
   position: relative;
   top: -14px;
}




.bottommenu a {
   color: #fff;
   text-shadow: 1px 1px 0 rgba(0,0,0,.3);
   margin: 0 15px 0 0;
}




.bottommenu-left {
   float: left;
   margin-left: -15px;
}




.bottommenu-right {
   float: right;
   margin-right: -15px;
}




.bottommenu-left, .bottommenu-right {
   width: 15px;
   height: 61px;
   position: relative;
   top: -14px;
}




#lang_select {
   margin: -4px 0 0;
}




.bigenglish-top {
   margin: -33px 0 0 15px;
   position: relative;
   top: 7px;
}




.bigenglish-bottom {
   margin: -26px 0 0 15px;
   position: relative;
   top: 22px;
}




.bigenglish-top .bottom {
   display: none;
}




.bigenglish-bottom .top {
   display: none;
}




.author_buttons, .post_management_buttons {
   height: 28px;
}




.clearfix:after {
   visibility: hidden;
   display: block;
   font-size: 0;
   content: " ";
   clear: both;
   height: 0;
}
  /*estatisticas*/
#estadisticas-IPB {
text-align: center;
}
#estadisticas-IPB .stat-bloque {
display: inline-block;
margin-right: 10px;
}
#estadisticas-IPB span {
display: inline-block;
background: #E2E2E2;
color: #4A4A4A;
padding: 2px 6px;
font-weight: bold;
border-radius: 2px;
margin: 2px;
}
.board_statistics {
margin: 20px 0 0 0;
padding: 10px 0;
border-top: 3px solid #D8D8D8;
}
.board_statistics h2 {
font-size: 14px;
font-weight: bold;
margin: 4px 0;
}
  body {
background: url(http://demo.dzinerstudio.com/smf2/Themes/skyline_20/images/custom/overlay.png);
}
 
  /*profile*/
  /*user img*/
.user-basic-info a img {
max-height: 110px;
max-width: 110px;
height: 110px;
width: 110px;
padding: 1px;
border: 1px solid #D5D5D5;
background: white;
-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
}
.user-basic-info a img:hover {
border-color: #A1A1A1;
-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
}
  /*quick-reply e input*/
dd.frm-input input, fieldset.frm-set.multi input.inputbox, #ucp input[type="text"], #ucp input[type="password"], input.inputbox {
font-size: 16px;
font-weight: bold;
padding: 5px;
border: 1px solid #D4D4D4;
background: #FCFCFC;
color: #9F9F9F;
text-shadow: white 0px 1px 0px;
-webkit-box-shadow: inset rgba(0, 0, 0, 0.1) 0px 1px 3px;
-moz-box-shadow: inset rgba(0,0,0,0.1) 0px 1px 3px;
box-shadow: inset rgba(0, 0, 0, 0.1) 0px 1px 3px;
display: block;
}
dd.frm-input input:focus, fieldset.frm-set.multi input.inputbox:focus, #ucp input[type="text"]:focus, #ucp input[type="password"]:focus, input.inputbox:focus {
outline: none;
background-color: #FEFEFE;
color: #555;
border-color: #3FA6E4;
-webkit-box-shadow: inset 0px 0px 4px #F7D5D5, #FDD 0px 0px 3px;
-moz-box-shadow: inset 0px 0px 4px #f7d5d5, #ffdddd 0px 0px 3px;
box-shadow: inset 0px 0px 4px #F7D5D5, #FDD 0px 0px 3px;
}
fieldset.frm-set, .pun .main .main-content.message {
  background-color: transparent;
}
.pun .frm-form {background: transparent;}
.main .main-content.frm {
background-color: transparent;
}
#pun-qpost .main-content.frm {
background: #EBEDEF;
padding: 9px;
}
#pun-qpost .frm-form {
background: #F6F8FA;
border: 1px solid #DCE2EC;
}
#pun-qpost .main-head {
font: bold Helvetica, Arial, sans-serif;
font-size: 16px;
background: transparent;
border: 0px;
box-shadow: 0 0px 0px 0 inset;
color: #323232;
text-shadow: 0px 0px 0px;
}
div.posting-block{width:95%;}
div.posting-block #text_editor_iframe,div.posting-block #text_editor_textarea{width:95%;}
#smiley-box {
border: 1px solid #DDD;
padding: 5px;
width: 99%;
}
input[type="password"]:focus,input[type="text"]:focus,textarea:focus{outline:none}
#quick_reply .frm-buttons {
border-top: 0px;
padding: 5px;
margin: 0 auto;
text-align: right;
}
.pun .main-head a.exthelp, .pun .main-head a.exthelp:link, .pun .main-head a.exthelp:visited {
font: 13px normal;
background-image: url(http://cdn2.iconfinder.com/data/icons/humano2/16x16/apps/gnome-help.png);
background-position: left;
background-repeat: no-repeat;
color: #777;
padding-left: 20px;
}
input[type="button"], input[type="reset"], input[type="submit"] {
background: #3A4752 url(http://i78.servimg.com/u/f78/17/96/03/52/primar14.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: 1px solid #3A4752;
font: normal 13px helvetica, arial, sans-serif;
padding: 4px 10px;
cursor: pointer;
}
input:active[type="button"], input:active[type="submit"], input:active[type="reset"] {
position: relative;
top: 1px;
}
input:hover[type="button"], input:hover[type="submit"], input:hover[type="reset"] {
color: #fff;
}
/*topic e post*/
.pun .post-entry {padding: 0px;}
.pun .entry-content {line-height: 1.6;}
.pun .entry-content a {
background: url(http://i.imgur.com/BurboBT.png) 0 4px no-repeat;
padding-left: 15px;
}
.pun .paged-foot, .pun .paged-head {
background-color: transparent;
border: 0px;
padding: .6em 1.3em .3em;
}
img.i_icon_online {
  padding-left: 5px;
  display: inline-block;
}
.pun .user-ident .username {
display: block;
font-size: 1.1em;
font-weight: 380!important;
margin-top: 0px;
padding: 5px!important;
position: relative;
text-align: center;
text-decoration: none;
}
.pun .paged-foot, .pun .paged-head {
background-color: transparent;
border: 0px;
}
.pun .postfoot .user-contact {
text-align: center;
}
.pun .postfoot .report {
float: left;
text-align: left;
}
.pun .postfoot .report a {
border-right: 1px solid #E7E7E7;
color: #333;
display: inline;
height: 21px;
line-height: 21px;
padding: 6px;
text-decoration: none;
}
.pun .postfoot .report a:hover {
  background-color: white;
  color: #222;
}
.pun .post {
  border: 0px;
  background: white;
}
.topic{background: #fff;}
.pun .postmain {
background: #FBFBFB url(http://i78.servimg.com/u/f78/17/96/03/52/highli10.png) repeat-x 0 0;
padding: 8px;
border: 1px solid #D9DBDD;
border-radius: 3px;
margin: 10px 10px 10px 185px;
}
.pun .post .user {
width: 155px;
font-size: 12px;
text-align: center;
padding: 10px 10px;
line-height: 150%;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #FBFBFB url(http://i78.servimg.com/u/f78/17/96/03/52/highli10.png) repeat-x 0 0;
border: 1px solid #D9DBDD;
border-radius: 3px;
margin-left: -16em;
margin-top: -3.7em;
position: relative;
}
.pun .user .user-ident .user-basic-info {
  font-size: 11px;
  color: #777;
  text-align: center;
  font-weight: normal;
}
.pun .topic {
background: #fff;
border: 1px solid #ddd;
}
#first-post-br {
border: 0px;
}
.pun .posthead {
border: 0px;
background: #D1D6D9;
padding: 0 10px;
height: 36px;
line-height: 36px;
font-weight: normal;
}
.pun .posthead a {
  font-size: 13px;
  color: #777777;
}
.pun .posthead h2 {
color: #777777 !important;
font-size: 11px;
font-weight: normal;
}
.pun .posthead h2 strong img {
max-height: 12px;
margin-left: 3px;
margin-top: -2px;
opacity: 0.5;
}
.count-post {
  font: normal !important;
}
.postfoot {
border: 0px;
padding: .2em;
padding-right: 0em;
margin: 10px 0 3px -15em;
}
.posting {
  margin: 0 0 10px 10px;
}




.posting a:active, #new-message-link a:active {
position: relative;
top: 1px;
}
  #avatar img {
    height:100px;
    widht: 50px;
  }

Valide!

Resolve?
Até mais!

[Lucas2122]

Sim, obrigado

Reputado.