Aumentar largura do espaço do avatar/rank nos posts Dom 18 Ago 2013 - 15:38
Qual é minha questão:
Eu queria aumentar a largura da área onde fica o avatar,o rank e informações dos usuários para que as imagens não fiquem cortadas como está:
CSS DO FORUM:
Endereço do meu fórum:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
Versão:
PunBB
Eu queria aumentar a largura da área onde fica o avatar,o rank e informações dos usuários para que as imagens não fiquem cortadas como está:
- Spoiler:
- [Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
CSS DO FORUM:
- Spoiler:
/* BODY------------------------------------------------------*/
.pun{
background: url(https://i.imgur.com/cNNx04O.png) repeat-y center;
padding: 0px 20px 0 20px;
}
#container {
padding-bottom: 80px;
}
.pun{
padding-top: 0px;
padding-right: 100px;
padding-left: 100px;}
#container {
width: 920px;
margin: 0 auto;
padding-bottom: 50px;}
/* BODY-END------------------------------------------------------*/
/* HEADER------------------------------------------------------*/
#pun-intro{background: transparent url(https://2img.net/h/i1367.photobucket.com/albums/r799/subarachinorio/capanova2_zps1a80938a.png) no-repeat center;
height: 550px;}
#pun-title{
display: inline !important;
color: white;
position: absolute;
top: 30px;
float: left !important;
text-align: left !important;
font-size: 30px;
font-weight: bold;
text-shadow: black 1px 1px 5px;
margin-left: 30px;}
#pun-desc{
display: inline !important;
color: white !important;
position: absolute;
top: 50px;
float: left !important;
text-align: left !important;
text-shadow: black 1px 1px 5px;
margin-left: 35px;}
#pun-logo {margin-top: 113px;
margin-left: -4px;}
#i_icon_mini_new_message{margin-bottom: -5px;}
#hitskin_preview {display: none!important; height:0px!important; } * html #hitskin_preview { display:none!important; height:0px!important;}
/* HEADER-END------------------------------------------------------*/
/* TABLES------------------------------------------------------*/
.pun table a:hover{text-shadow: #c2c2c2 -1px -1px 0px;}
.frm-form, fieldset.frm-set{
margin: 0px !important;
margin-top: 5px !important;}
.pun table td.tcl .status img{margin-left: -10px;}
.pun .main-foot .h2,.options,.main-head,.main .main-head .page-title,.main .main-head .page-title a,#ucp .main-head,.main-head a {color: white !important;}
.main .main-head {
background: url(https://i.imgur.com/zAot1Fw.png) no-repeat center;
text-align: center;
height: 30px;
color: white;
font-family: AR BONNIE !important;
font-size: 18px !important;
font-weight: bold !important;
padding-top: 10px;
padding-bottom: 0px;
margin-bottom: -5px;
margin-top: 5px;}
.main .main-head .page-title, .main .main-head{
color: white;
font-family: AR BONNIE !important;
font-size: 18px !important;
font-weight: bold !important;
text-shadow: #000000 1px 1px 5px;}
.pun .main-head h2, .pun .main-head h3, .pun .main-head th{color: white;
font-family: AR BONNIE !important;
font-size: 18px !important;
font-weight: bold !important;
text-shadow: #000000 1px 1px 5px;}
.pun table.table {
margin-right: 20px;
margin-left: 20px;
padding: 0px;
border: 2px solid #5f2626;
border-top: none;
background: #DCDCDC;
-moz-border-radius: 0px 0px 10px 10px;
-webkit-border-radius: 0px 0px 10px 10px;
border-radius: 0px 0px 10px 10px;
border-collapse: separate;
margin-bottom: 10px;}
.pun table.table th{border-bottom: 1px dashed #5f2626;
background: #ededed;}
.pun table.table td {
border: none !important;
background: none !important;}
.tc2, .tc3{font-size: 20px;
font-family: georgia;
color: #9e9595;
text-shadow: white 1px 1px 1px;}
fieldset.frm-set .tc2, fieldset.frm-set tc3, .frm-form .tc2, .tc2 a, .tc3 a{font-size: 12px;
font-family: Verdana,Arial,Helvetica,sans-serif;
color: #333333;}
.table{margin-bottom: 0px !important;}
.frm-form{background: none !important;}
/* TABLES-END------------------------------------------------------*/
/*OTHER-BOXES------------------------------------------------------*/
#pun-visit{border: none;
background: none;}
.main-content {
border: none !important;
background: none !important;}
#pun-announcement{border: 2px solid #5f2626;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;}
#pun-announcement{margin-top: 3px;}
.main-box .right{display: none;}
.main-box{
display: inline-block !important;
border: none;
background: none;}
#login_popup{border: 2px solid #5f2626;}
#fa_ticker_block{background: url(https://i.servimg.com/u/f66/11/96/49/61/body10.png) repeat-y center;
margin-bottom: -4px;
margin-top: 4px; }
#fa_ticker_block .module{background: #fbfbfb !important;
width: 890px !important;
margin-left: 11px !important;}
/*OTHER-BOXES------------------------------------------------------*/
/*WHO IS ONLINE BOX------------------------------------------------------*/
#pun-info {border: 2px solid #5f2626;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
background: #DCDCDC;
margin: 0px !important;}
#stats, #onlinelist{background: none !important;}
#onlinelist .right{
padding: 5px;
padding-right: 3px;
font-family: AR BONNIE !important;
font-size: 19px !important;
font-weight: bold !important;
border: 2px solid #cccccc;
border-right: none;
margin-right: -12px;
-moz-border-radius: 6px 0px 0px 6px;
-webkit-border-radius: 6px 0px 0px 6px;
border-radius: 6px 0px 0px 6px;
background: #F4F4F4 url(https://i.servimg.com/u/f66/11/96/49/61/globe10.png) no-repeat left;
padding-left: 37px;}
#onlinechat{background: none;}
/*WHO IS ONLINE BOX-END------------------------------------------------------*/
/*LEGEND------------------------------------------------------*/
ul#pun-legend li img{
background: url(https://i.servimg.com/u/f60/13/40/91/61/limgbg10.png) no-repeat left;
padding-left: 19px;
margin-bottom: -25px;}
ul#pun-legend{
padding-top: 5px;
height: 62px;
margin-top: -2px;
background: url(https://i.imgur.com/s7UtsOD.png) no-repeat top center;}
/*LEGEND FROM TOPICS LIST------------------------------------------------------*/
ul.pun-legend {
background: none;
padding: 15px;
margin-top: -32px;
border: 2px solid #5f2626;
border-top: 0px;
background: #f1eff1;
-moz-border-radius: 0px 0px 10px 10px;
-webkit-border-radius: 0px 0px 10px 10px;
border-radius: 0px 0px 10px 10px;}
ul.pun-legend img{background: url(https://i.servimg.com/u/f66/11/96/49/61/iconbg10.png) no-repeat left;
padding-left: 10px;}
.pun .main-head a.exthelp,.pun .main-head a.exthelp:link,.pun .main-head a.exthelp:visited {
padding-left: 20px;
background-repeat: no-repeat;
background-position: left;
background-image: url(https://i.servimg.com/u/f66/11/96/49/61/questi10.png);}
/*PRIVATE MSG. LEGEND------------------------------------------------------*/
.pun-privmsg{background: url(https://i.servimg.com/u/f66/11/96/49/61/pvmsgl12.png) no-repeat center;
height: 48px;
padding-top: 17px;}
/*LEGEND-END------------------------------------------------------*/
/* OTHER STAFF------------------------------------------------------*/
a, a:hover{text-decoration: none;}
#main-content #add-google{
display: none !important;
height: 0px !important;
width: 0px !important;
padding: 0px !important;
margin: 0px !important;}
#main .user_login_form {display: none !important;}
.main-box ul{
display: inline !important;
margin-left: 20px;
margin-top: -19px;
background: #F4F4F4;
padding: 5px;
width: auto !important;
border: 2px solid #cccccc;
border-top: none;
-moz-border-radius: 0px 0px 10px 10px;
-webkit-border-radius: 0px 0px 10px 10px;
border-radius: 0px 0px 10px 10px;}
.pun .paged-head, .pun .paged-foot{border: none;
background: none;
margin-top: -12px;}
.button2{padding: 3px !important;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;}
.blog_cal-border{background: url(https://i.servimg.com/u/f66/11/96/49/61/date11.png) no-repeat center;
width: 61px;
height: 82px;
padding-top: 23px;
padding-left: 19px;
margin-right: 27px;
margin-top: -10px;}
/* OTHER STAFF-END------------------------------------------------------*/
/* FOOTER------------------------------------------------------*/
#pun-about a[href="http://www.blogratuit.ro/ro/"]{display: none;}
#pun-about{color: white;}
#pun-about a{text-decoration: none;
padding: 0px;}
#pun-about{
padding-top: 5px;
background: transparent ;
border: none;
background: url(https://i.servimg.com/u/f66/11/96/49/61/cr16.png) no-repeat 90% 39px;}
#pun-about #qjump {
display: none;}
#pun-about ul{border-top: 2px solid #a71d02;
border-bottom: 2px solid #a71d02;
background: #a71d02;
height: 25px;
margin-bottom: 30px;
width: 920px;
margin-left: -12px;
text-align: center;}
#pun-about ul li{position: relative;
top: 2px;}
#pun-about ul li a{color: white;
text-shadow: black 1px 1px 5px;}
#pun-about ul li a:hover{
text-shadow: black -1px -1px 3px;}
#pun-foot{
background: transparent url(https://i.servimg.com/u/f66/11/96/49/61/footer18.png) no-repeat 0px 24px;
height: 80px;
border: none;
margin-top: -30px;
margin-left: 280px;}
#pun-foot .center a{color: white !important;
font-size: 15px;
font-family: arial;
text-shadow: black 1px 1px 5px;}
/* FOOTER-END------------------------------------------------------*/
/* POST------------------------------------------------------*/
.post{margin-top: 5px;
background: #f1eff1 !important;
border: 2px solid #cccccc !important;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;}
.postmain, .posthead {background: transparent !important;}
.postmain, .posthead, .postmain, .postfoot{
border-color: #cccccc !important;}
.posthead strong{
margin-top: -7px;
font-size: 20px;
font-family: georgia;
color: #9e9595;
text-shadow: black 1px 1px 1px;}
.options{
padding: 5px;
background: #F4F4F4;
border: 2px solid #cccccc;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
margin-bottom: 5px;}
.main-head .options{
padding: 0px;
background: none;
border: none;
margin-bottom: 0px;}
.post-options img{margin: 4px;}
.post-options img:hover {border-bottom: 1px dashed #704A4A;
margin-bottom: 3px;}
.post-options img[src="https://i.servimg.com/u/f65/11/95/16/90/edit10.png"] {
position: relative;
top: -2px;}
.post-options img[src="https://i.servimg.com/u/f65/11/95/16/90/delete10.png"]{
position: relative;
top: -2px;}
.post-options img[src="https://i.servimg.com/u/f65/11/95/16/90/locked13.png"]{
position: relative;
top: -2px;}
.post-options img["https://i.servimg.com/u/f65/11/95/16/90/unlock10.png"]{
position: relative;
top: -2px;}
.post-options img[src="https://i.servimg.com/u/f65/11/95/16/90/lock10.png"]{
position: relative;
top: -2px;}
#i_icon_online{margin-left: -15px !important;}
.user-contact img{filter:alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
background: transparent !important;}
.user-contact img:hover{
filter:alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;}
/* POST-END------------------------------------------------------*/
/* POSTING BUTTONS------------------------------------------------------*/
.posting img, #new-message-link img{padding-top: 12px;
padding-bottom: 12px;
margin-top: -12px;
margin-bottom: -12px;}
.posting img:hover, #new-message-link img:hover{background: url(https://i.servimg.com/u/f66/11/96/49/61/button12.png) no-repeat center;}
/* POSTING BUTTONS-END------------------------------------------------------*/
/* WIDGETS------------------------------------------------------*/
.module.main{
border: 2px solid #5f2626;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
background: #DCDCDC;
padding: 2px;
margin: 3px !important;}
.module .main-head{-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
background: #a71d02 !important;
margin-top: 0px;
height: 25px;
padding-top: 5px;}
.module p.author {
color: white;
-moz-border-radius: 0px 0px 7px 7px;
-webkit-border-radius: 0px 0px 7px 7px;
border-radius: 0px 0px 7px 7px;
padding: 0.25em;
padding-left: 20px;
background-color: #a71d02;
border-bottom: none;
font-size: 0.9em;}
/* WIDGETS-END------------------------------------------------------*/
/* SEMIFIX A ADVANCED PROFILE BUG------------------------------------------------------*/
#profile-advanced-left {margin-right: 250px;}
#profile-advanced-right {
float: right;
width: 250px;}
#profile-advanced-layout {
margin-left: -10px;
padding: 10px;
padding-bottom: 5px;
margin-bottom: -5px;
background: url(https://i.servimg.com/u/f66/11/96/49/61/body10.png) repeat-y center;}
#profile-advanced-layout{padding-bottom: 50%;}
/* SEMIFIX A ADVANCED PROFILE BUG-END------------------------------------------------------*/
/* CHATBOX------------------------------------------------------*/
.chatbox {
background-color: #DCDCDC !important;
border: 2px solid #CD0000 !important;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
padding: 2px;
margin: 0px !important;}
#chatbox{background-color: #DCDCDC;}
#chatbox_header {
background: url(https://i.imgur.com/zAot1Fw.png);
margin-top: 0px;
height: 30px;chatbox_messenger_form
padding-top: 5px;
text-shadow: white 1px 1px 1px;}
#chatbox_option_co,#chatbox_option_disco{
font-size: 16px;
font-weight: bold;
font-family: arial;}
#chatbox_header.main-head {
padding: 0 1.3em;
color: darkgrey;
background-color: #DCDCDC;
text-shadow: white 1px 1px 1px;}
.chatbox-title,.chatbox-title a.chat-title,.chatbox-options li,.chatbox-options li a,.chatbox-options li label {
color: darkgrey;
text-decoration: none;
text-shadow: white 1px 1px 1px;}
#chatbox_members {
position: absolute;
top: 30px;
bottom: 30px;
width: 180px;
overflow: auto;
border-right: 1px dashed black;
background-color: #DCDCDC;}
#chatbox_messenger_form {
margin: 10px 0 0 0;
background-color: #DCDCDC !important;}
#chatbox_members .member-title {
text-align: center;
padding: 0.5em 0.25em;
background-image: none;
font-size: 12px;
background-color: #DCDCDC;
color : black;
font-family: Verdana,Arial,Helvetica,sans-serif,AR BONNIE;}
.chatbox_row_1, .chatbox_row_2, .chatbox_row_3 {
padding: 4px;
background-color:#DCDCDC !important;}
#chatbox .user {
font-weight: bold;}
.memberlist_row_1 {background-color: #DCDCDC;}
#chatbox_footer {
position: absolute;
bottom: 0;
left: 0;
right: 0;
border-top: 1px dashed black;
background-color: #DCDCDC;}
#message{
background-color: white;}
.fontbutton_normal {
background: #DCDCDC;}
.fontbutton_selected {
border: 1px solid black;
background-color: #DCDCDC;}
.fontbutton_clicked {
background: #DCDCDC;
border: 1px solid black;}
#chatbox_contextmenu {
border: 2px solid black;
background-color: #DCDCDC;}
#chatbox_contextmenu p {
margin:0;
padding: 1px 4px;
font-family: verdana, arial, sans-serif;
background: #;
border-bottom:1px solid black;
background-color: #DCDCDC;}
#chatbox_contextmenu p.close {
padding: 1px;
font-size: 95%;
color:black;
background: url('');
background-color: #DCDCDC;}
#chatbox_contextmenu p.close img {
vertical-align: middle;
padding-left: 20px;
background-color: #DCDCDC;}
#chatbox_contextmenu a {
color: black;
text-decoration: none;
font-size: 95%;
background-color: #DCDCDC;}
#chatbox_contextmenu p.close img {
vertical-align: middle;
padding-left: 20px;
background-color: #DCDCDC;}
/* CHATBOX-END------------------------------------------------------*/
/* TEXT AREA-VISTA EFECT------------------------------------------------------*/
#text_editor_textarea{background: #f0f0f0;
border: 5px solid white;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
-moz-box-shadow: 0px 0px 10px #0c0c0c;
-webkit-box-shadow: 0px 0px 10px #0c0c0c;
box-shadow: 0px 0px 10px #0c0c0c;
margin: 5px;
padding: 5px;}
/* TEXT AREA-VISTA EFECT-END------------------------------------------------------*/
/* ATTACHMENT-----------------------------------------------------*/
.attachbox{border: 1px solid #5f2626;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
margin: 10px;
background: #F4F4F4;
text-shadow: white 1px 1px 1px;}
.attachbox dd{border-top: 1px dashed #5f2626;}
.attachbox .i_icon_delete{float: right;}
/* ATTACHMENT-END-----------------------------------------------------*/
/* SEARCH QUERY-----------------------------------------------------*/
#search_menu{border: 2px solid #5f2626;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
margin: 10px;
background: #F4F4F4;}
.title-overview{background: none;}
#search_menu a{text-shadow: none !important;}
#search_menu a:hover{background: none !important;
text-shadow: none !important;}
/* SEARCH QUERY-END-----------------------------------------------------*/
/* SHARE ICONS FROM A BLOG MSG.-----------------------------------------------------*/
#bookmarks a img.twitter {width: 32px;height: 32px;margin: 2px;background: url(https://i.servimg.com/u/f66/11/96/49/61/twitte10.png) no-repeat scroll;}
#bookmarks img.excite{display: none;}
#bookmarks a img.digg {width: 32px;height: 32px;margin: 2px;background: url(https://i.servimg.com/u/f66/11/96/49/61/digg10.png) no-repeat scroll;}
#bookmarks a img.reddit {width: 32px;height: 32px;margin: 2px;background: url(https://i.servimg.com/u/f66/11/96/49/61/reddit10.png) no-repeat scroll;}
#bookmarks a img.delicious {width: 32px;height: 32px;margin: 2px;background: url(https://i.servimg.com/u/f66/11/96/49/61/delici10.png) no-repeat scroll;}
#bookmarks a img.google {width: 32px;height: 32px;margin: 2px;background: url(https://i.servimg.com/u/f66/11/96/49/61/google10.png) no-repeat scroll;}
#bookmarks img.live {width: 32px;height: 32px;margin: 2px;background: url(https://i.servimg.com/u/f66/11/96/49/61/window10.png) no-repeat scroll;}
#bookmarks img.facebook {width: 32px;height: 32px;margin: 2px;background: url(https://i.servimg.com/u/f66/11/96/49/61/facebo10.png) no-repeat scroll;}
#bookmarks img.slashdot {width: 32px;height: 32px;margin: 2px;background: url(https://i.servimg.com/u/f66/11/96/49/61/slashd10.png) no-repeat scroll;}
#bookmarks img.netscape {display: none;}
#bookmarks img.technorati {width: 32px;height: 32px;margin: 2px;background: url(https://i.servimg.com/u/f66/11/96/49/61/techno10.png) no-repeat scroll;}
#bookmarks img.stumbleupon {width: 32px;height: 32px;margin: 2px;background: url(https://i.servimg.com/u/f66/11/96/49/61/stumbl10.png) no-repeat scroll;}
#bookmarks img.furl {display: none;}
#bookmarks img.smarking {display: none;}
#bookmarks img.newsvine {width: 32px;height: 32px;margin: 2px;background: url(https://i.servimg.com/u/f66/11/96/49/61/newsvi11.png) no-repeat scroll;}
#bookmarks img.yahoo {width: 32px;height: 32px;margin: 2px;background: url(https://i.servimg.com/u/f66/11/96/49/61/yahoo10.png) no-repeat scroll;}
#bookmarks {
font-size: 15px;
font-weight: bold;}
/* SHARE ICONS FROM A BLOG MSG.-END-----------------------------------------------------*/
/* POINTS SYSTEM-----------------------------------------------------*/
.vote{margin: 3px;}
.vote .vote-button a {
font-size: 20px;
font-weight: bold;
font-family: arial;}
.vote-bar{
border: 2px solid white !important;
height: 50px !important;
width: 6px !important;
margin-right: 4px;
-moz-box-shadow: 0px 0px 5px #0c0c0c;
-webkit-box-shadow: 0px 0px 5px #0c0c0c;
box-shadow: 0px 0px 5px #0c0c0c;}
.vote-bar-plus{
background: #8ecb18 !important;}
.vote-bar-minus{
background: #bf4d07 !important;}
/* POINTS SYSTEM-END-----------------------------------------------------*/
#profile-advanced-right .module .main-head .h3{font-weight: normal !important;}
#tabs ul li a{background: #f4f5f4 url(https://i.servimg.com/u/f66/11/96/49/61/tabbg10.png);
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;}
#tabs ul li a:hover{background: #f4f5f4 url(https://i.servimg.com/u/f66/11/96/49/61/tabhov11.png);
color: #704a4a;}
#tabs ul .activetab a{background: #a71d02 url(https://i.servimg.com/u/f66/11/96/49/61/tabact10.png);}
.main{margin: 1em 0px;
border: 0px;}
.pun .main table .main-head{width: 900px;}
Endereço do meu fórum:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
Versão:
PunBB
