Perfil muito pro ledo direito
2 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Perfil muito pro ledo direito
Olá, gostaria de centralizar e aumentar a largura do meu perfil.
O qual está muito pro meio o perfil, e também um pouco pequeno em largura.
Tudo se resume a uma dúvida só.
obrigado
Meu css:
- Código:
.timeline {
width: 100px !important;
}
.timeline .stream {
position: relative;
width: 100%;
overflow-x: hidden;
overflow-y: scroll;
height: 325px;
}
.thm-dark .timeline-footer, .thm-dark .twitter-tweet-box {
background-color: #333;
width: 118;
}
.var-narrow .timeline-footer {
padding: 4px;
width: 118;
}
.timeline-footer {
padding: 6px 10px;
background: #E8E8E8;
width: 118;
}
.timeline {
margin-bottom: 10px;
background-color: white;
border: 1px solid #E8E8E8;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
width: 120;
height: 400;
}
.root, .tweet, .footer, .detail-expander, .header, .timeline {
position: relative;
width: 120;
height: 400;
}
html {
background: url(http://i.imgur.com/opMxd.jpg);
}
.pun {padding: 10px !important;}
az, bl, azul, blue, .az {text-shadow: 0px 0px 5px blue;color: blue;}
v, vermelho, red, .v {text-shadow: 0px 0px 5px red;color: red;}
rx, roxo, purple, rox, .rx {text-shadow: 0px 0px 5px #b300ff;color: #b300ff;}
am, amarelo, yelow, .am {text-shadow: 0px 0px 5px #fbff00;color: #fbff00;}
c, ciano, cyan, .c {text-shadow: 0px 0px 5px #00e6ff;color: #00e6ff;}
r, rosa, pink, .r {text-shadow: 0px 0px 5px #ff7fee;color: #ff7fee;}
vr, verde, green, .vr {text-shadow: 0px 0px 5px #11ff00;color: #11ff00;}
l, laranja, orange, naruto, .l {text-shadow: 0px 0px 5px #ff9500;color: #ff9500;}
m, marron, brown, .m {text-shadow: 0px 0px 5px #7d4f0f;color: #7d4f0f;}
w, branco, white, .w {text-shadow: 0px 0px 5px #ffffff;}
pr, preto, black, .pr {text-shadow: 0px 0px 5px #000000;}
sp, .sp {text-shadow: 0px 0px 5px #0072ff;color: #0072ff !important;}
/*-------------------------Efeito Balão-------------------------------*/
.tipsy {
padding: 5px;
font-size: 11px;
position: absolute;
text-shadow: none;
z-index: 999;
}
.tipsy-inner {
padding: 8px 8px 8px 8px;
background-color: black;
color: white;
max-width: 200px;
text-align: center;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .4);
-moz-box-shadow: 0 1px 3px rgba(0,0,0, .4);
background: black url(http://cuul.tk/img/gradient.png) repeat-x 0 -150px;
}
.tipsy-inner {
border-radius: 3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
}
.tipsy-arrow {
position: absolute;
background: url('http://cuul.tk/img/tipsy.gif') no-repeat top left;
width: 9px;
height: 5px;
}
.tipsy-n .tipsy-arrow {
top: 0;
left: 50%;
margin-left: -4px;
}
.tipsy-nw .tipsy-arrow {
top: 0;
left: 10px;
}
.tipsy-ne .tipsy-arrow {
top: 0;
right: 10px;
}
.tipsy-s .tipsy-arrow {
bottom: 0;
left: 50%;
margin-left: -4px;
background-position: bottom left;
}
.tipsy-sw .tipsy-arrow {
bottom: 0;
left: 10px;
background-position: bottom left;
}
.tipsy-se .tipsy-arrow {
bottom: 0;
right: 10px;
background-position: bottom left;
}
.tipsy-e .tipsy-arrow {
top: 50%;
margin-top: -4px;
right: 0;
width: 5px;
height: 9px;
background-position: top right;
}
.tipsy-w .tipsy-arrow {
top: 50%;
margin-top: -4px;
left: 0;
width: 5px;
height: 9px;
}
/*--/WWW.RMBR.FORUMEIROS.COM/--*/
.module {
text-shadow: 1px 1px 0 white;
background: #f5f5f5;
-moz-box-shadow: 0px 0px 7px 0px #dcdcdc;
-webkit-box-shadow: 0px 0px 7px 0px #dcdcdc;
box-shadow: 0px 0px 7px 0px #ababab;
border: 1px solid white;}
.module .main-head{
margin-bottom: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
color: #333 !important;
background: #EAEAEA;
border-bottom: 1px solid white;}
.module .main-head, .module .main-head div, .portal .module .main-head h1, .portal .module .main-head h2, .portal .module .main-head h3, .portal .module .main-head h4 {
color: #E5E5E5!important;
}
.portal .module {
margin: 5px!important;
}
.module .main-content{
background: #f5f5f5;
border-top: 1px solid #D9D9D9;}
.portal .module.mod_news{
margin: 0 !important;
-moz-box-shadow: 0;
-webkit-box-shadow: 0;
box-shadow: 0;
border: 0;}
#footer{
width: 92%;
min-width: 800px;
color: white;
height: 250px;
background: #0c0d0d url(http://i47.servimg.com/u/f47/16/67/78/59/footer10.png) repeat-x;}
#footer ul{list-style-type: none;}
#footer a{color: white;}
#footer h1{
font-weight: normal;
margin-bottom: 20px;
font-family: 'Lobster';
font-size: 24px;
border-bottom: 3px dotted white;
padding-bottom: 5px;}
#footer h1 img{
margin: 0 0 3px 0 !important;
vertical-align: middle;
height: 25px;}
#back-top{
text-align: center;
margin-bottom: 8px;
position: relative;
top: -12px;}
#f-content{
float: center;
margin: 0 auto;}
#f-content fieldset.frm-set dl dd, #f-content fieldset.frm-set dl dt {padding: .3em;}
#f-content #username, #f-content #password{
color: #333333;
text-shadow: 1px 1px 0 white;
background: url(http://i36.servimg.com/u/f36/11/96/49/61/input10.png);
width: 149px;
height: 39px;
border: 0;
padding: 0 0 0 20px;}
input:-webkit-autofill, input:-webkit-autofill, input-moz-autofill, input:-moz-autofill, input:-autofill, input:-autofill {
background: none !important;}
#f-content .button1{
cursor: pointer;
font-weight: normal !important;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
color: white;
text-align: center;
border: 0 !important;
text-shadow: 0 1px 5px black;
background: url(http://i36.servimg.com/u/f36/11/96/49/61/login10.png);
width: 53px;
height: 25px;
padding-bottom: 2px;
-webkit-box-shadow: 0 0 0;
-moz-box-shadow: 0 0 0;
box-shadow: 0 0 0;}
#f-content dd.login{
margin-top: -40px;
margin-left: 110px;}
ul#social{
margin-left: 25px;
margin-right: 25px;
text-shadow: 1px 1px 0 black;
font-weight: bold;
font-size: 15px;
float: left;}
ul#social li{
margin-bottom: 10px;}
ul#social img{
-ms-interpolation-mode: bicubic;
margin-right: 10px;
margin-bottom: 3px;
vertical-align: middle;
height:25px;}
#connect{
margin-left: 25px;
margin-right: 25px;
float: left;}
#user-panel #avatar{margin-right: 5px;}
#site-links{
text-align: center;
margin-left: 25px;
margin-right: 25px;
float: left;}
#site-links li{margin-bottom: 3px;}
#site-links li a {
font-size: 16px;}
#other{
float: left;
margin-left: 25px;
margin-right: 25px;}
.img_list_hp {
border: 1px solid #35e5aa;
padding: 0;
float: left;
color: #FFF !important;
width: auto;
font-size: 11px;
text-align: center;
margin: auto 10px auto auto;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}
.img_list_hp:hover {
background-color: #eafff8;
}
.img_list_hp img {
padding: 8px 15px;
}
.img_list_hp span {
background-color: #088dc5;
color #FFF;
display: block;
padding: 0 10px;
}
.img_list_hp a {
color: #FFF !important;
text-decoration: none;
}
#img_list_alt {
background-image: url(http://i21.servimg.com/u/f21/11/81/27/88/arrow_10.png);
background-repeat: no-repeat;
background-position: 20px 0;
padding-top: 13px;
padding-left: 55px;
}
a[href="/u1"] {
background: url("http://i47.servimg.com/u/f47/16/67/78/59/21ee1p10.gif")
background: url("http://i47.servimg.com/u/f47/16/67/78/59/att11110.gif");
}
a[href="/u156"] {
background: url("http://i47.servimg.com/u/f47/16/67/78/59/21ee1p10.gif");
}
html {
background: white;
}
body {
background: #363636 url(http://i.imgur.com/opMxd.jpg) repeat;
color: #5A5A5A;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:12px
}
.minwidth_IE {
background: url(http://i46.tinypic.com/11rwsg1.png) no-repeat center 0;
}
.layout_IE {
background: url(http://i.imgur.com/QhLwO.png) repeat-x 0 top;
}
.container_IE {
background: url(http://i.imgur.com/0dndY.png) repeat-x 0 bottom;
}
.pun {
margin: auto;
min-width: 990px;
width: 80%;
}
#pun-intro {
background: transparent!important;
border: none;
padding: 0px 10px;
}
#page-body {
-moz-box-shadow: 0 0 7px rgba(0,0,0,0.3);
-webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.3);
background: #F1F1F1 url(http://i.imgur.com/uxWte.png) repeat-x top;
box-shadow: 0 0 7px rgba(0, 0, 0, 0.3);
line-height: 120%;
overflow: hidden;
padding: 10px;
width: auto;
border: 1px solid black;
}
.main .main-head {
background: #E5E5E5 url('http://i.imgur.com/Ak91R.png') repeat-x 0 0;
border: 1px solid black;
color: white;
text-shadow: black 0px 1px 0px;
padding: 12px;
font-size: 15px;
font-weight: bold;
-moz-border-radius: 4px 4px 0 0;
-webkit-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
overflow: hidden;
}
.main-head .page-title h2 {
color: white;
font-family: 'Yanone Kaffeesatz Thin',sans-serif;
font-size: 18px;
}
.pun .main-content {
background: white;
border: 1px solid #DEDEDE;
}
.pun table.table td {
background: white!important;
border-left: 0px;
}
.postmain blockquote, blockquote {
font-size: 12px;
padding: 10px;
border-bottom: 2px solid #E5E5E5;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
background: #F7F7F7;
}
.postmain cite, blockquote div cite {
font-size: 12px;
padding: 8px 10px;
border-bottom: 1px solid #E3E4E6;
background: #EEEEEF url('http://i.imgur.com/UHWKt.png') repeat-x 0 0;
color: #535353;
text-shadow: rgba(255, 255, 255, 1) 0px 1px 0px;
width: 100%;
position: relative;
left: -10px;
margin-top: -10px;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
}
blockquote div cite::before {
background-image: url("http://i.imgur.com/a0SsF.png");
padding: 8px;
content: "cite";
color: transparent;
font-size: 0px;
position: relative;
top: -5px;
background-repeat: no-repeat;
text-indent: -5000px;
}
.pun .postmain {
background-color: white;
border: none;
}
.main-foot {
background: #262626 url('http://i.imgur.com/le0RR.png') repeat;
}
/*----------[Apagar Sub]------------*/
a {text-decoration: none;}
a:link {text-decoration: none;}
a:hover {text-decoration: none!important;}
a.forumtitle {text-decoration: none;}
a.forumtitle:hover {text-decoration: none!important;}
a.topictitle {text-decoration: none;}
a.topictitle:hover {text-decoration: none!important;}
/*----------------FIM---------------*/
input[type="button"], input[type="submit"], input[type="reset"] {
background: #51A3CE url('http://i.imgur.com/VGRFV.png') repeat-x 0 0;
border-color: #4897C0;
-webkit-box-shadow: #8AC7E7 0px 1px 2px;
-moz-box-shadow: #8ac7e7 0px 1px 2px;
box-shadow: #8AC7E7 0px 1px 2px;
color: white;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border: 1px solid #4897C0;
padding: 5px 10px!important;
cursor: pointer;
border-radius: 2px;
}
input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover {
background-color: #60B3DE;
color: white;
}
input[type="password"]:focus, input[type="text"]:focus, textarea:focus {
outline: none;
background-color: #FEFEFE;
color: #555;
border-color: #AFD6EA;
-webkit-box-shadow: inset 0px 0px 4px #BCE6FB, #DDF4FF 0px 0px 3px;
-moz-box-shadow: inset 0px 0px 4px #bce6fb, #ddf4ff 0px 0px 3px;
box-shadow: inset 0px 0px 4px #BCE6FB, #DDF4FF 0px 0px 3px;
}
input[type="password"], input[type="text"], textarea {
padding: 6px;
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;
}
#text_edit button.button2 {
border: none;
background: transparent;
padding: 3px;
border-radius: 3px;
cursor: pointer;
}
#text_edit button.button2:hover {
background: #DDD;
}
#quick_reply, .main .main-content.frm {
background-color: #EFEFEF !important;
}
.codebox dt {
background: #ECECEC url('http://i.imgur.com/Ixvd4.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;
padding: 5px;
}
.codebox dd {
background: transparent;
}
.codebox {
padding: 5px;
background: #F8F8F8;
border: 1px solid #C9C9C9;
overflow: auto;
margin-left: 10px;
font-size: 11px;
line-height: 140%;
}
.hierarchy a {
font-weight: bold;
font-family: "Trebuchet MS"tahoma,helvetica,arial,sans-serif;
font-size: 15px;
}
h2.topic-title a {
font-family: Lato, tahoma, helvetica, arial, sans-serif;
font-size: 12px;
}
.tcl.tdtopics {
font-size: 12px;
color: #A4A4A4;
}
#pun-foot {
clear: both;
position: relative;
top: -5px;
}
#pun-about {
background: url(http://i.imgur.com/kRsON.png) repeat-x scroll center -2px transparent;
border-color: #111;
border-style: solid;
border-width: 0 1px 1px;
padding: 8px 10px;
font-size: 11px;
position: relative;
-moz-border-radius: 0 0 4px 4px;
-webkit-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px;
box-shadow: 0 0 7px rgba(0, 0, 0, 0.3);
border-top: 0px;
font-size: 9px!important;
font-family: arial;}
#pun-about form {
display: none;
}
.pun .posthead {
background: #262626 url('http://i.imgur.com/2Lqal.png') repeat;
text-shadow: rgba(0, 0, 0, 0.5) 0px -1px 0px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: inset black 0px 1px 3px;
-moz-box-shadow: inset #000 0px 1px 3px;
box-shadow: inset black 0px 1px 3px;
padding: 0 10px;
height: 36px;
line-height: 36px;
font-weight: normal;
font-size: 13px;
color: #BBB;
font-size: 11px;
font-weight: normal;
border: none;
}
.pun .posthead .usertopost strong {
float: left;
}
.pun .posthead .online {
float: left;
min-width: 16px;
font-weight: bold;
position: relative;
top: 14px;
}
.pun .posthead .usertopost {
float: left;
min-width: 177px;
font-weight: bold;
}
.pun .posthead .countpostpo {
float: right;
}
.pun .posthead .titleandicons a {
color: #CACACA;
}
.pun .post .user {
font-size: 10px;
}
#postfootaplypost {
border: none;
}
#backtotop {
width: 24px;
height: 24px;
line-height: 20px;
left: 50%;
top: 50%;
margin-left: -12px;
margin-top: -12px;
position: absolute;
display: inline-block;
background: rgba(0, 0, 0, 0.4);
-webkit-box-shadow: inset rgba(0, 0, 0, 0.8) 0px 1px 3px;
-moz-box-shadow: inset rgba(0,0,0,0.8) 0px 1px 3px;
box-shadow: inset rgba(0, 0, 0, 0.8) 0px 1px 3px, rgba(255, 255, 255, 0.1) 0px 1px 0px;
text-align: center;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
border-radius: 16px;
opacity: 0.4;
outline: 0;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
#backtotop img {
position: relative;
top: 5px;
}
#backtotop:hover {
background: #3378A4;
color: white;
opacity: 1;
}
span.Copyright a {
color: black!important;
text-shadow: 1px 1px #3D3D3D;
}
span.Copyright {
position: absolute;
float: left;
margin-top: -10px;
}
span.Copyright a:hover {
color: #0C0000!important;
text-shadow: 1px 0px 1px #383838;
}
.tc3 p {
margin-right: 10px;
}
.vote {
width: auto;
}
.tituloposttop {
font: 300 26px/1.3 Helvetica,Arial,sans-serif;
color: #323232;
}
.topic-title a:link {
font-family: Lato, tahoma, helvetica, arial, sans-serif;
font-size: 12px;
font-style: normal;
font-variant: normal;
font-weight: normal;
}
#page-body {
margin-top: auto;
}
#secondary_navigation {
background: url(http://i.imgur.com/6yvJj.png) repeat-x top;
border-color: #111;
border-radius: 5px 5px 0 0;
border-style: solid;
border-width: 1px 1px 0;
line-height: 34px;
overflow: hidden;
padding: 0 14px;
text-shadow: 0 1px 0 #111;
}
#secondary_navigation .navecumb {
float: left;
}
#secondary_links {
float: right;
}
#secondary_navigation .ipsList_inline.right li {
float: right;
list-style: none;
margin-right: 5px;
}
#notify_link, #inbox_link {
width: 18px;
height: 15px;
padding: 12px 26px 12px 8px !important;
position: relative;
}
#inbox_link {
background: url(http://i.imgur.com/0HSNR.png) no-repeat 5px;
}
#notify_link {
background: url(http://i.imgur.com/n3XhG.png) no-repeat 5px;
}
.logoutuser:hover, .profilename:hover, #inbox_link:hover, .register:hover ,.login:hover ,#notify_link:hover{
background-color: rgba(255, 255, 255, 0.1);
}
.subhebodytop span.nuevotopicbody {
position: relative;
top: 8px;
margin-right: 20px;}
.logoutuser, .register, .login ,.profilename {
font-size: 12px;
padding: 1px 12px;
display: inline-block;
outline: 0;
}
.subhebodytop span {
float: right;
}
.subhebodytop {
margin: 10px 0px 20px 0px;
overflow: hidden;
}
.searchboxinbody .button1:hover {
background-color: transparent;
}
.searchboxinbody .button1 {
background: url(http://i.imgur.com/xxHZa.png) no-repeat 50%;
text-indent: -3000em;
padding: 0;
border: none;
width: 26px;
height: 28px;
box-shadow: none;
border-radius: 0px;
position: relative;
top: 1px;
left: -26px;
}
.searchboxinbody .inputbox.medium {
position: relative;
background: white;
padding: 0 26px 0 4px;
height: 26px;
line-height: 25px;
border: 1px solid #CCC;
min-width: 200px;
}
#secondary_navigation a:hover {
color: white;
}
#secondary_navigation a {
color: #C2C2C2;
}
#primary_nav {
font-size: 13px;
position: relative;
float: right;
margin: 26px 0 0;
font-family: "Lato",arial,serif;
text-transform: lowercase;
text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.8);
}
#community_app_menu .left.active {
color: white;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), inset 0 10px 25px rgba(0, 0, 0, 0.6);
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), inset 0 10px 25px rgba(0, 0, 0, 0.6);
-moz-box-shadow: 0 1px 0 rgba(255,255,255, 0.1), inset 0 10px 25px rgba(0,0,0, 0.6);
position: relative;
background: rgba(0, 0, 0, 0.2);
font-weight: bold;
margin-top: 0;
text-shadow: none;
}
#community_app_menu li a {
color: #909090;
-webkit-transition: all 250ms ease;
-moz-transition: all 250ms ease;
-o-transition: all 250ms ease;
transition: all 250ms ease;
display: block;
padding: 6px 15px 8px;
text-align: center;
outline: none;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
#community_app_menu li {
margin: 0px 3px 0 0;
position: relative;
list-style: none;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
#community_app_menu li:hover {
color: white;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), inset 0 5px 10px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), inset 0 5px 10px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 1px 0 rgba(255,255,255, 0.1), inset 0 5px 10px rgba(0,0,0,0.3);
position: relative;
background: rgba(0, 0, 0, 0.1);
}
#pun-title ,#pun-desc {
display: none;
}
#estadisticas-IPB {
overflow: hidden;
text-align: center;
margin: 10px 0px;
}
#estadisticas-IPB div.stat-bloque {
margin-right: 20px;
display: inline;
}
#estadisticas-IPB .stat-bloque span {
display: inline-block;
background: url('http://i.imgur.com/Gs8Nv.png') repeat;
background: rgba(0, 0, 0, 0.1);
color: #222;
text-shadow: rgba(255, 255, 255, 0.6) 0px 1px 0px;
padding: 3px 7px;
font-weight: bold;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
margin-right: 3px;
-webkit-box-shadow: inset rgba(0, 0, 0, 0.3) 0px 1px 2px, rgba(255, 255, 255, 1) 0px 1px 0px;
-moz-box-shadow: inset rgba(0,0,0,0.3) 0px 1px 2px, rgba(255,255,255,1) 0px 1px 0px;
box-shadow: inset rgba(0, 0, 0, 0.3) 0px 1px 2px, rgba(255, 255, 255, 1) 0px 1px 0px;
}
.board_statistics {
border-radius: 5px 5px 5px 5px;
margin: 10px 0 0 0;
padding: 8px;
line-height: 1.3;
overflow: hidden;
border: solid #CCC;
border-width: 0px 1px 1px;
font-family: Lato, tahoma, helvetica, arial, sans-serif;
}
.board_statistics h2 {
color: #C2C2C2;
border-bottom: 1px solid #D8D8D8;
border-top: 1px solid #D8D8D8;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.8);
background: #EEE url(http://i.imgur.com/M3ytK.png) repeat-x top;
font-size: 11px;
font-weight: normal;
padding: 8px;
margin: -8px -8px 8px -8px;
font-family: Lato, tahoma, helvetica, arial, sans-serif;
}
.paging a {
padding: 4px 6px;
background: #EAEAEA;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
text-transform: uppercase;
font-size: 11px;
font-weight: bold;
}
.paging b {
background: #7BA60D;
color: white;
font-weight: bold;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
padding: 3px 6px;
}
.paging a:hover {
background: #AF286D;
color: white;
}
#chatbox_header.main-head {
background: #E5E5E5 url(http://i.imgur.com/Ak91R.png) repeat-x 0 0;
text-shadow: black 0 1px 0;
}
.nuevotopicbody a {
background-image: url("http://i.imgur.com/nbWdZ.png");
padding-right: 20px;
background-repeat: no-repeat;
background-position: right top;
}
.nuevotopicbody a:hover {
background-position: bottom right;
}
/*lastpost*/
#avatar-lastpost 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: white;
border: 1px solid #D5D5D5;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
float: left;
height: 40px;
margin-top: 10px;
margin-right: 3px;
padding: 1px;
width: 40px;
}
#avatar-lastpost img:hover{
width: 40px;
height: 40px;
box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.3);
-o-box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.3);
border: 1px solid #A1A1A1;
}
/*Quick reply*/
#quick_reply #textarea_content {
clear: both;
margin-left: -110px;
margin-right: 200px;
width: 110% !important;
height: auto !important;
}
#text_editor_controls {
display: !important;
}
#pun-qpost #textarea_content dt label{
display:none
}
input.button1, input.button2, button.button2, #main-content a.cgu-buttons {
border: 1px solid #afafaf;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-box-shadow: 1px 3px 0px #afafaf;
-webkit-box-shadow: 1px 3px 0px #afafaf;
margin-top:8px;
}
#text_editor_controls button{
background-image:none;
border-radius:5px;
height:25px!important;
margin-top:8px;
padding:4px!important
}
.mensajes-envio #text_editor_controls{
background-color:#EEE;
border:solid 1px #CCC;
border-bottom:0;
border-top-left-radius:5px;
border-top-right-radius:5px;
margin:0 auto;
padding:5px;
text-align:center;
white-space:pre-wrap;
word-wrap:break-word;
margin-top:8px;
}
.mensajes-envio fieldset.frm-set dl dt{
display:block;
float:right;
font-weight:700;
text-align:left;
width:150px;
}
.mensajes-envio #text_editor_textarea{
border:0;width:90%!important
}
.mensajes-envio div.posting-block{
background:#fff;
border: 2px solid #7ba60d;
float:left;
margin:0;
padding:0;
width:1110px
}
.mensajes-envio .frm-input{
width:90%!important
}
.mensajes-envio #smiley-box iframe{
border:none;
height:100px!important;
overflow:auto;
width:100%!important
}
.mensajes-envio #smiley-box{
width:100%!important
}
/*Chatbox*/
#chatbox_messenger_form #submit_button{
margin-bottom:3px;
margin:0!important
}
#chatbox_messenger_form #submit_button:hover{
background:#E2FCFF;
border:1px solid #4CC3FC;
color:#027FAF
margin-bottom:3px;
}
#chatbox_header.main-head{
background:#ffffff url("http://i.imgur.com/Ak91R.png");
background-position: left 50%;
background-repeat: repeat-x;
padding-bottom: 0;
padding-left: 1.3em;
padding-right: 1.3em;
padding-top: 0;
border-color: #ffffff;
border-radius: 8px 8px 0px 0px;
}
/*avatar quickreply*/
.avatar img {
width: 45px;
height: 45px;
background: white;
padding: 1px;
border: 1px solid #a6a6a6;
margin-top:-240px;
margin-left:50px;
margin-bottom: 0px;
-moz-box-shadow: 1px 3px 3px #a8a8a8;
-webkit-box-shadow: 1px 3px 3px #a8a8a8;
}
.avatar img:hover {
border: 1px solid #999999;
}
/*avatar box tópico*/
.ipsBox_withphoto img {
-moz-box-shadow:0 2px 2px rgba(0,0,0,0.1);
-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.1);
background:#fff;
border:1px solid #D5D5D5;
box-shadow:0 2px 2px rgba(0,0,0,0.1);
float:left;
height:50px!important;
padding:1px;
width:50px!important
}
.ipsBox_withphoto img:hover {
border: 1px solid #b3b1b1;
}
/*teste*/
.ipsBox_withphoto{float:left;margin-left:10px}
.desc.lighter.blend_links{color:#777;float:left;font-size:11px}
.ipsType_pagetitle{color:#323232;display:block;font-family:Helvetica,Arial,sans-serif;font-size:26px;font-style:normal;font-variant:normal;font-weight:300;line-height:1.4;outline-style:none;overflow:hidden;text-align:left;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;width:650px}
.avatarredet img{float:left;height:54px;width:54px}
.socialetopic{float:right;position:relative}
/* Sdbr
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
li.sgicon .maincol, #sidebar li.sgicon .maincol,#thumbnails li {
background: #fbfbfb none ;
}
#sidebar li.sgicon .maincol .textcontrol {
color: #424242;
}
/*----TOPIC-----*/
.post-options img:hover {
opacity: 0.7;
}
.posting img:hover {
opacity: 0.9;
}
/* FOOTER */
#backtotop {
width: 24px;
height: 24px;
line-height: 20px;
left: 50%;
margin-left: -12px;
position: absolute;
display: inline-block;
background: #bdbdbd;
text-align: center;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
border-radius: 16px;
opacity: 0.4;
outline: 0;
}
#backtotop:hover {
background: #3378A4;
color: #fff;
opacity: 1;
}
.top_button {
margin-top:5px;
}
#footer_rodape {
color: #848484;
text-align: right;
text-shadow: 0px 1px 0px #fff;
padding-right:80px;
}
#footer_rodape a { color: #848484; }
/* Rodape */
/*Fonte lobster*/
@font-face{
font-family:Lobster;
font-style:normal;
font-weight:400;
src:local(Lobster), url(http://themes.googleusercontent.com/static/fonts/lobster/v5/MWVf-Rwh4GLQVBEwbyI61Q.woff)format("woff")
}
/* Advertising
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#footer{
background:#0c0d0d url(http://i36.servimg.com/u/f36/11/96/49/61/footer15.png) repeat-x;
color:#fff;
height:320px;
min-width:900px;
width:100%
}
#footer ul{
list-style-type:none;
}
#footer a{
color: #F9F9F9;
text-decoration: none;
}
#footer a:hover{
text-decoration: underline;
color: #D8D8D8;
}
#footer h1{
border-bottom:3px dotted #fff;
font-family:Lobster;
font-size:24px;
font-weight:400;
margin-bottom:20px;
padding-bottom:5px;
text-shadow: 0px 4px 5px #666;
}
#footer h1 img{
height:25px;
margin:0 0 3px!important;
vertical-align:middle
}
#footer li{
list-style-type: none;
margin-top: 5px;
margin-right: 6px;
margin-bottom: 5px;
margin-left: 6px;
}
#back-top{margin-bottom:8px;position:relative;text-align:center;top:-12px}
#f-content{
position:relative;
float:center;
margin:auto;
margin-left:145px;
}
div#social{
float:right;
margin-right:-8px;
margin-top:5px;
text-decoration: none
}
div#social a{
text-decoration: none;
margin-right:10px
}
div#social a img{
text-decoration: none;
-ms-interpolation-mode:bicubic;
width:25px
}
ul#social{
float:left;
font-size:15px;
font-weight:700;
margin-left:25px;
margin-right:25px;
text-shadow:1px 1px 0 #000;
text-decoration: none;
}
ul#social li{
margin-bottom:10px;
text-decoration: none;
}
ul#social img{
-ms-interpolation-mode:bicubic;
height:25px;
margin-bottom:3px;
margin-right:10px;
vertical-align:middle;
text-decoration: none;
}
#other{float:left;margin-left:25px;margin-right:25px}
#parceiros {
float: right;
height: 195px;
width: 322px;
}
#parceiros ul{
margin-top: -10px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
#parceiros li{
list-style-type: none;
margin-top: 4px;
margin-right: 0px;
margin-bottom: 6px;
margin-left: 0px;
}
.esquerdo {
float: left;
height: auto;
width: 150px;
margin-right: 10px;
}
.direto {
float: right;
height: auto;
width: 150px;
margin-left: 10px;
}
/*Expand & Ocultar*/
.expand, .contract {
position: absolute;
top: -4px;
right: 3px;
cursor: pointer;
width: 32px;
height: 22px;
background: url(http://lifegames.in/forum/public/style_images/LifeGames_v2_0/cat_maximize.png);
}
.contract {
background: url(http://lifegames.in/forum/public/style_images/LifeGames_v2_0/cat_minimize.png);
}
/* Action Notice ---------------------------------------- */ .bvinfo, .bvsuccess, .bvwarning, .bvalert, .bverror, .bvcancel, .bvhelp, .bvref { border: 1px solid; margin: 10px 0px; padding:15px 10px 15px 50px; background-repeat: no-repeat; background-position: 10px center; /* Bo tròn góc ---------------------------------------- */ -moz-border-radius: 10px; -webkit-border-radius: 10px; } .bvinfo { color: #00529B; background-color: #BDE5F8; background-image: url('http://i1199.photobucket.com/albums/aa464/finalclap/Icon%20BaoVyMMO/Knob20Info.png'); } .bvref { color: #00529B; background-color: #BDE5F8; background-image: url('http://i1199.photobucket.com/albums/aa464/finalclap/Icon%20BaoVyMMO/referido.png'); } .bvwarning { color: #9F6000; background-color: #FEEFB3; background-image: url('http://i1199.photobucket.com/albums/aa464/finalclap/Icon%20BaoVyMMO/Knob20Attention.png'); } .bvsuccess { color: #4F8A10; background-color: #DFF2BF; background-image:url('http://i1199.photobucket.com/albums/aa464/finalclap/Icon%20BaoVyMMO/Knob20Valid20Green.png'); } .bverror { color: #D8000C; background-color: #FFBABA; background-image: url('http://i1199.photobucket.com/albums/aa464/finalclap/Icon%20BaoVyMMO/Knob20Remove20Red.png'); } .bvcancel { color: #D63301; background-color: #FFCCBA; background-image: url('http://i1199.photobucket.com/albums/aa464/finalclap/Icon%20BaoVyMMO/Knob20Cancel.png'); } .bvhelp { background-color: #CD9BFF; border: 2px solid #6200C4 ; background-image: url(http://i1199.photobucket.com/albums/aa464/finalclap/Icon%20BaoVyMMO/Knob20Help.png) ; } /*-------------------Mod Notice------------------*/ .mod1 { background-color: #ADCBE7; border: 2px solid #0F5C8E; color: #004DFF; background-image: url('http://i1199.photobucket.com/albums/aa464/finalclap/Icon%20BaoVyMMO/register-icon-2-1-1.png'); background-repeat: no-repeat; background-position: 10px center; margin: 10px 0px; padding:15px 10px 15px 50px; /* Bo tròn góc ---------------------------------------- */ -moz-border-radius: 15px; -webkit-border-radius: 15px; } .mod2 { background-color: #D6ECA6; border: 2px solid #8DC93E; background-image: url('http://i1199.photobucket.com/albums/aa464/finalclap/Icon%20BaoVyMMO/Mail-icon-1-1.png'); margin: 10px 0px; padding:15px 10px 15px 80px; background-repeat: no-repeat; background-position: 10px center; /* Bo tròn góc ---------------------------------------- */ -moz-border-radius: 15px; -webkit-border-radius: 15px; } /*-------------------Mod Notice------------------*/ .bvmod{text-align:center;} .bvmod1, .bvmod2, .bvmod3, .bvmod4, .bvmod5{ width: 80%; margin-top:2em; margin-left: auto; margin-right: auto; border-radius: 10px 10px; -moz-border-radius: 10px 10px; -webkit-border-radius: 10px 10px; padding: 15px 20px 15px 80px; margin: 0px 0px 0px 0px; -webkit-box-shadow: 2px 2px 3px #999; -moz-box-shadow: 2px 2px 3px #999; /*IE min-height ♥♥♥*/ min-height:40px; height:auto !important; height:40px; overflow:visible; position:relative; bottom:6px; right: 6px; border: 1px solid #999999; /*Set the position of the background image*/ background-position: 20px 50%; background-repeat: no-repeat; text-align: justify; } .bvmod1, .bvmod2, .bvmod3, .bvmod4,.bvmod5 { /* IE5 ♥♥♥ */ \margin: 0px 0px -3px 0px; \margin: 0px 0px 0px 0px; } .bvmod1 { background-color: #EEF; background-image: url(http://i1199.photobucket.com/albums/aa464/finalclap/Icon%20BaoVyMMO/note.png); } .bvmod2 { background-color: #FFC; background-image: url(http://i1199.photobucket.com/albums/aa464/finalclap/Icon%20BaoVyMMO/important.png); } .bvmod3 { background-color: #FDD; background-image: url(http://i1199.photobucket.com/albums/aa464/finalclap/Icon%20BaoVyMMO/warning.png); } .bvmod4 { background-color: #E4F6F8; background-image: url(http://i1199.photobucket.com/albums/aa464/finalclap/Icon%20BaoVyMMO/tip.png); } .bvmod5 { background-position: 10px center; background-color: #D8F3C9; background-image: url(http://i1199.photobucket.com/albums/aa464/finalclap/Icon%20BaoVyMMO/help.png);} .bvdown { background:url(http://i1199.photobucket.com/albums/aa464/finalclap/Icon%20BaoVyMMO/gicnL.png) top left no-repeat; padding-top: 30px; padding-left: 70px; color:blue !important; font-family:"Times New Roman", Times, serif; font-weight: bold; font-style: italic; font-size:14px; height:92px; text-align:left !important; } .bvdown a { text-decoration:underline !important; } div .bvdown { margin:auto; width:70%; }
.messagead {
background: #C8E2B7 url(http://cdn2.iconfinder.com/data/icons/basicset/warning_48.png) no-repeat 6px 10px;
border: 1px solid green;
color: #000;
font-size: 13px;
line-height: 18px;
margin-top: 15px;
text-shadow: #ffc1c1 0 1px 0;
height: 48px;
padding: 10px 10px 10px 55px;
border-radius: 3px;
text-align:center;
}
.messagead strong{top: 15px;
position: relative;}
/*Perfil*/
#profile-advanced-right {
float: left;
width: 300px;
}
#profile-advanced-layout {
float: right;
margin-left: -300px;
width: 100%;
margin-right: 0px;
}
#profile-advanced-left {
margin-left: 305px;
margin-right: 0px;
}
#profile-advanced-layout #new-message {
clear: both;
margin-top: -0.5em;
position: relative;
}
/*Tabs*/
.mmaintabs #tabs ul li.activetab a{background:#fff!important;color:#000!important;font-weight:700}.mmaintabs #tabs ul li{background-image:none;float:none;padding-right:2px;width:220px}.mmaintabs #tabs ul{float:left;padding:0}.mmaintabs #tabs{min-width:200px}.mmaintabs{float:left;width:220px}.mmaintabs #tabs ul li a{background-color:#F7F7F7;background-image:none;border:1px solid #D6D6D6;color:#575757;display:block;float:none;font-weight:400;height:auto;padding:5px 10px;text-shadow:1px 1px #D5D5D5}.mmaintabs #tabs ul li:hover{background:#EEE!important}
#tabs ul li.activetab{background-color:transparent;background-image:url(http://i.imgur.com/fely2.png);background-position:right -102px}#tabs ul li.activetab a{background-color:transparent;background-image:url(http://i.imgur.com/fely2.png);background-position:0 -68px;color:#000;font-weight:700}#tabs ul li.activetab a:hover{background-color:transparent;color:#02325F}#tabs ul li a{background-image:url(http://i.imgur.com/fely2.png);border:none;display:block;font-weight:700;height:34px;padding:0 0 0 17px}#tabs ul li{background-image:url(http://i.imgur.com/fely2.pngg);background-position:right -34px;background-repeat:no-repeat;color:#474747!important;float:left;font-family:Arial,sans-serif;font-size:14px;font-style:normal;font-variant:normal;font-weight:normal;height:34px;padding-right:15px;text-decoration:none;text-shadow:1px 1px 1px #fff!important}
/*punvisit*/
#pun-visit{
display:none
}
/*teste*/
.username{
background-color:#bfbfb;
border:1px solid #B9C4CD;
padding:3px 10px 3px 10px;
font-size:12px;
margin-bottom:2px;
text-align:left;
widht: 50px;
text-align:center;
border-radius:5px;
margin-left:45px;
}
/*aviso quick reply*/
.aviso_normas {
background: none repeat scroll 0 0 #F0E8E0;
border: 1px solid #C00000;
font-family: Tahoma,Arial;
font-size: 11px;
height: 24px;
line-height: 24px;
margin-bottom: 3px;
text-align: center;
}
/*online image*/
.online_image{
margin-bottom:-24px;
}
/*sign of the week*/
#sotw {
font-size:12px;
text-align:center;
}
#sotw h1{
font-size:12px;
text-align:center;
padding:1px 50px 5px 80px;
display:inline;
font-weight:normal;
}
#sign {
margin-top:20px;
margin-bottom:20px;
}
/*box sub-fórum*/
.ipbfs_titlebox .desc{ padding: 3px 0; }
.ipbfs_titlebox{
background: #efefef;
border: 1px solid #cccccc;
text-shadow: #fff 0px 1px 0px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: inset rgba(0,0,0,0.15) 0px 1px 4px, rgba(255,255,255,0.8) 0px 1px 0px;
-moz-box-shadow: inset rgba(0,0,0,0.15) 0px 1px 4px, rgba(255,255,255,0.8) 0px 1px 0px;
box-shadow: inset rgba(0,0,0,0.15) 0px 1px 4px, rgba(255,255,255,0.8) 0px 1px 0px;
padding: 10px;
overflow: hidden;
}
/*linha da assinatura*/
.pun .sig-content {
clear: both;
padding: .5em 1em;
position: relative;
}
.pun div, .pun td, .sig-line {
border-color: ##DDD;
color: ##DDD;
}
.sig-content, .signature_div {
border-top: 1px solid #DDD;
}
/*post*/
.post {
background: #f2f2f2;
}
.pun .postmain {
background-color: #f7f7f7;
border-left: 3px double #DDD;
border-right: 1px solid #DDD;
margin-left: 17em;
}
.pun .postmain {
background-color: #f7f7f7;
border-left: 1px solid #DDD;
margin-left: 17em;
}
Fórum: http://high-tech.livreforum.com (punBB)
Última edição por juninho_xd em 26.11.12 0:36, editado 2 vez(es)
Re: Perfil muito pro ledo direito
Olá!
Adicione este código em seu CSS:
Até mais!
Adicione este código em seu CSS:
O valor em negrito altere até ficar na posição desejada..pun .post .user {margin-left: -18em;}
Até mais!
Re: Perfil muito pro ledo direito
Olá, funcionou, porém continua comprido o perfil, ou seja curto queria que ele ficasse mais largo. Se desse.
Obrigado
Obrigado
Tópicos semelhantes
» Personalizar lado direito do perfil
» Perfil do lado direito
» Perfil no lado direito
» Colocar o perfil do usuário do lado direito
» Colocar o perfil lado direito
» Perfil do lado direito
» Perfil no lado direito
» Colocar o perfil do usuário do lado direito
» Colocar o perfil lado direito
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos