Tamanho do avatar na postagem.
3 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
Tamanho do avatar na postagem.
Detalhes da questão
Endereço do fórum: https://systempmcre.forumeiros.com/
Versão do fórum: ModernBB
Descrição
Queria deixar o tamanho da imagem do avatar menor, altura muito grande.
Print abaixo:
Print!
Re: Tamanho do avatar na postagem.
Olá,
Altere a sua Folha de estilo CSS por esse
Até mais!
Altere a sua Folha de estilo CSS por esse
- Código:
.postprofile {width:18%!important;}
a[href="/g1-administradores"] {
text-shadow: 0px 0px 2px #09C9EB;
background: url(http://img0.liveinternet.ru/images/attach/c/3/77/140/77140894_bluestarglitterangel.gif);
}
a[href^="/u"] span[style*="#09C9EB"] {
background: url(http://brasil-nl.com.br/forum/public/style_images/splatts/brilho.gif);
text-shadow: 0 0px 2px #09C9EB;
}
a.gensmall[style="color: #09C9EB"]:before {
content: '\f132 ';
font-family: 'fontawesome';
}
a.gensmall[style="color: #141212"]:before {
content: '\f21b ';
font-family: 'fontawesome';
}
a.gensmall[style="color: #000000"]:before {
content: '\f0e3 ';
font-family: 'fontawesome';
}
a.gensmall[style="color: #FFBF00"]:before {
content: '\f0ce ';
font-family: 'fontawesome';
}
li > a.mainmenu[href="/calendar"] { display : none; }
li > a.mainmenu[href="/faq"] { display : none; }
li > a.mainmenu[href="/"] { display : none; }
li > a.mainmenu[href="/search"] { display : none; }
ul.linklist.navlinks {
background: #000!important;
border: 0 solid #000;
border-bottom: 4px solid #000;
border-radius: 0!important;
height: 40px;
margin-left: -16px;
padding: 0 16px;
width: 100%;
text-align: center !important;
overflow: inherit!important;
padding-top: 0;
}
.navbar .linklist.navlinks a {
background: transparent;
color: #FFF;
font-family: Trebuchet MS!important;
font-size: 15px!important;
padding: 7px!important;
text-shadow: 1px 1px 0 #242424;
}
.navbar .linklist.navlinks a:hover {
background-color: transparent!important;
border-top: 0 solid transparent;
color: blue!important;
font-family: Trebuchet MS!important;
font-size: 20px!important;
}
ul.linklist.navlinks {
background: #000!important;
border: 0 solid #000;
border-bottom: 4px solid #000;
border-radius: 0!important;
height: 40px;
margin-left: -16px;
padding: 0 16px;
width: 100%;
text-align: center !important;
overflow: inherit!important;
padding-top: 0;
}
.navbar .linklist.navlinks a {
background: transparent;
color: #FFF;
font-family: Trebuchet MS!important;
font-size: 15px!important;
padding: 7px!important;
text-shadow: 1px 1px 0 #242424;
}
.rank {
color: #fff;
font-size: 13px;
font-weight: 600;
height: 36px;
width: 160px;
margin: 5px auto;
border-radius: 12px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.14), inset 0 0 1px 1px rgba(0, 0, 0, .1);
text-align: center;
line-height: 33px;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}
.rank.admin {
background: linear-gradient(124deg, #ff2400, #e81d1d, #e8b71d, #e3e81d, #1de840, #1ddde8, #2b1de8, #dd00f3, #dd00f3);
background-size: 1800% 1800%;
-webkit-animation: rainbow 18s ease infinite;
-z-animation: rainbow 18s ease infinite;
-o-animation: rainbow 18s ease infinite;
animation: rainbow 18s ease infinite;
}
@-webkit-keyframes rainbow {
0% {
background-position: 0% 82%
}
50% {
background-position: 100% 19%
}
100% {
background-position: 0% 82%
}
}
@-moz-keyframes rainbow {
0% {
background-position: 0% 82%
}
50% {
background-position: 100% 19%
}
100% {
background-position: 0% 82%
}
}
@-o-keyframes rainbow {
0% {
background-position: 0% 82%
}
50% {
background-position: 100% 19%
}
100% {
background-position: 0% 82%
}
}
@keyframes rainbow {
0% {
background-position: 0% 82%
}
50% {
background-position: 100% 19%
}
100% {
background-position: 0% 82%
}
}
a[href^="/u1"] span[style$="#09C9EB"] strong, a[href^="/u1"] span[style$="#09C9EB"]::before {
background: linear-gradient(124deg, #ff2400, #e81d1d, #e8b71d, #e3e81d, #1de840, #1ddde8, #2b1de8, #dd00f3, #dd00f3);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-size: 1800% 1800%;
-webkit-animation: rainbow 2s ease infinite;
-z-animation: rainbow 2s ease infinite;
-o-animation: rainbow 2s ease infinite;
animation: rainbow 2s ease infinite;
}
a[href^="/u8"] span[style$="#09C9EB"] strong, a[href^="/u8"] span[style$="#09C9EB"]::before {
background: linear-gradient(124deg, #ff2400, #e81d1d, #e8b71d, #e3e81d, #1de840, #1ddde8, #2b1de8, #dd00f3, #dd00f3);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-size: 1800% 1800%;
-webkit-animation: rainbow 2s ease infinite;
-z-animation: rainbow 2s ease infinite;
-o-animation: rainbow 2s ease infinite;
animation: rainbow 2s ease infinite;
}
a[href^="/u7"] span[style$="#09C9EB"] strong, a[href^="/u7"] span[style$="#09C9EB"]::before {
background: linear-gradient(124deg, #ff2400, #e81d1d, #e8b71d, #e3e81d, #1de840, #1ddde8, #2b1de8, #dd00f3, #dd00f3);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-size: 1800% 1800%;
-webkit-animation: rainbow 2s ease infinite;
-z-animation: rainbow 2s ease infinite;
-o-animation: rainbow 2s ease infinite;
animation: rainbow 2s ease infinite;
}
div#cp-main h1 span[style$="#09C9EB"] strong, div#cp-main h1 span[style$="#09C9EB"]:before, div#profile-advanced-right .h3 span[style$="#09C9EB"] strong, #profile-advanced-right .h3 span[style$="#09C9EB"]:before {
background: linear-gradient(124deg, #FF0000, #FF7F00, #FFFF00, #00FF00, #0000ff, #4b0082, #8f00ff);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-size: 1800% 1800%;
-webkit-animation: rainbow 2s ease infinite;
-z-animation: rainbow 2s ease infinite;
-o-animation: rainbow 2s ease infinite;
animation: rainbow 2s ease infinite;
}
a[href^="/g1-administradores"] {
background: linear-gradient(124deg, #ff2400, #e81d1d, #e8b71d, #e3e81d, #1de840, #1ddde8, #2b1de8, #dd00f3, #dd00f3);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-size: 1800% 1800%;
-webkit-animation: rainbow 2s ease infinite;
-z-animation: rainbow 2s ease infinite;
-o-animation: rainbow 2s ease infinite;
animation: rainbow 2s ease infinite;
}
.gensmall[style*="#09C9EB"]::before,
.block .gensmall > [style*="#09C9EB"]::before,
[style="color:#09C9EB"] strong::before {
content: '\f132 ';
font-family: 'fontawesome';
}
.gensmall[style*="#FFBF00"]::before,
.block .gensmall > [style*="#FFBF00"]::before,
[style="color:#FFBF00"] strong::before {
content: '\f0ce ';
font-family: 'fontawesome';
}
.gensmall[style*="#141212"]::before,
.block .gensmall > [style*="#141212"]::before,
[style="color:#141212"] strong::before {
content: '\f21b ';
font-family: 'fontawesome';
}
.gensmall[style*="#000000"]::before,
.block .gensmall > [style*="#000000"]::before,
[style="color:#000000"] strong::before {
content: '\f0e3 ';
font-family: 'fontawesome';
}
.postprofile-avatar img {
min-width: 150px!important;
min-height: 250px!important;
border-radius: 0px!important;
border: 1px solid #3793ff!important;
width: 150px!important;
height: 250px!important;
}
.post-head {
border-color: black!important;
}
.postprofile-avatar img {
border-color: black!important;
}
.forabg .topiclist .header {
border-bottom: 3px solid #ffd601;
}
.postprofile {text-align:center!important;border:2px solid black;border-style: inset;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
.postprofile {
text-align: center;
}
.postprofile {
background: url(https://i.servimg.com/u/f18/18/45/41/65/row10.png) repeat-x #F5F5F5;
border: 1px solid #DDD;
border-radius: 3px;
margin-bottom: 10px;
padding: 60px 3px 3px;
position: relative;
}
.span-tab {
margin-left: 2.1em;
}
.postbody .topic-title {
display: none !important;
}
.post h3 {
border-top: none !important;
border-bottom: none !important;
background: none !important;
}
div.post_username {
background-color: #f7f7f7 !important;
border: 1px solid #ddd !important;
border-radius: 3px !important;
margin: 0 auto !important;
position: relative !important;
text-align: center !important;
}
.rec_humanos {
-moz-border-radius: 13px;
-webkit-border-radius: 3px;
background: #65a830;
border-radius: 12px;
color: #fff;
display: inline-block;
font-size: 13px;
font-weight: 600;
margin: 5px;
padding: 3px 8px;
text-align: center;
line-height: 30px;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
content: '\f501 ';
font-family: 'fontawesome';
}
.online:before { display: none; }
.profile-icons { padding-top: 5px!important; }
.profile-icons a {
background-color: rgba(0,0,0,.7);
border-radius: 3px;
color: #fff;
cursor: pointer;
padding: 6px 12px;
font-size: 14px;
height: auto;
transition: .2s ease;
}
.profile-icons a:hover { background-color: #3793ff; }
.postprofile {
border: 1px solid #f0f0f0;
border-top: 0;
border-left-width: 7px;
border-radius: 3px 0 0 3px;
width: 220px;
}
.postprofile:before {
content: url(http://habboemotion.com/resources/images/icons/offline.gif);
left: 5px;
position: absolute;
top: 5px;
}
.online .postprofile:before { content: url(http://habboemotion.com/resources/images/icons/online.gif); }
.postprofile-name {
font-size: 16px;
margin-top: 5%;
}
.postprofile-avatar {
margin: 10px 7px;
width: 168px;
}
.postprofile-avatar img {
border-radius: 0px!important;
border: 1px solid #3793ff!important;
width: 100%!important;
height: auto!important;
}
.postprofile-rank {
border: none;
margin-bottom: 0;
padding-bottom: 0;
}
.postprofile-info {
border-top: 1px solid #ddd;
padding-top: 5%;
}
.postbody {
margin-left: 250px;
position: relative;
}
.postbody .content { margin-top: 5%; }
.topic-date {
background-color: #f5f5f5;
border-radius: 0 3px 0 0;
overflow: hidden;
padding: 8px 25px!important;
opacity: 1!important;
position: absolute;
top: 0;
left: 0;
right: 0;
}
.topic-date span {
color: rgba(0,0,0,.44);
display: block;
float: left;
font-size: 13px;
padding-top: 5px;
}
.topic-actions .right a img:hover { opacity: .8; }
.quickreply .h3 { display: none; }
.sub-header-path {
background-color: #263238;
border-radius: 3px;
clear: both;
color: #fff;
display: inline-block;
font-size: 0;
margin-bottom: 22px;
max-width: 100%;
overflow: hidden;
position: relative;
white-space: nowrap;
}
.sub-header-path a {
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 13px;
padding: 9px 16px;
position: relative;
}
.sub-header-path a:first-child { padding: 9px 16px!important; }
.sub-header-path a + a { margin-left: 0; }
.sub-header-path a + a:before {
font-size: 16px;
left: 0;
pointer-events: none;
position: absolute;
top: 50%;
transform: translate3d(-50%,-50%,0);
}
.sub-header-path a:hover { background-color: rgba(0,0,0,0.44); }
.sub-header-path a:last-child:after {
bottom: 0;
box-shadow: 0 0 11px 16px #263238;
content: "";
display: block;
position: absolute;
right: -5px;
top: 0;
transition: all .16s ease;
width: 5px;
}
.sub-header-path a:hover:after {
-ms-filter: brightness(50%);
-webkit-filter: brightness(50%);
filter: brightness(50%);
}
.sub-header-info { width: 100%; }
.sceditor-container {
border: 1px solid black !important;
border-radius: 3px !important;
}
/**
* Definições Iniciais:
*/
.fa-footer,
.fa-footer * {
box-sizing: border-box;
}
.fa-footer {
background-color: #212529;
font-family: "Segoe UI", "Open Sans", "Helvetica Neue", "Ubuntu", "Helvetica", "Arial", "Trebuchet MS", sans-serif;
font-size: 14px;
color: #a0a8b0;
line-height: 1.5;
}
/**
* Tags Genéricas:
*/
.fa-footer a {
text-decoration: none;
border-bottom: solid 1px #ffd601;
color: #0786e7;
transition: all 200ms linear;
}
.fa-footer a:hover {
box-shadow: inset 0 -25px #ffd601;
color: #fff;
}
/**
* Sistema de Grid e ajustes das colunas genéricas:
*/
.fa-footer .fa-footer-row {
display: flex;
flex-direction: row;
padding: 0 15px;
}
.fa-footer .fa-footer-row .fa-footer-col {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin-right: 30px;
padding: 15px 0;
}
.fa-footer .fa-footer-row .fa-footer-col:last-child {
margin-right: 10px;
}
.fa-footer .fa-footer-row .fa-footer-col .lead {
text-transform: uppercase;
font-size: 16px;
color: #ffd601;
margin-bottom: 10px;
}
.fa-footer .fa-footer-row .fa-footer-col p {
font-size: 16px;
line-height: 1.6;
text-align: center;
}
/**
* Ajustes para a a coluna primária:
*/
.fa-footer .fa-footer-row .fa-primary-footer-col {
border-right: solid 1px #2a2e32;
position: relative;
flex-grow: 1;
}
.fa-footer .fa-footer-row .fa-primary-footer-col .fa-footer-logo {
display: flex;
justify-content: center;
align-items: center;
}
.fa-footer .fa-footer-row .fa-primary-footer-col .fa-footer-logo img {
width: 205px;
margin: 0 30px;
}
.fa-footer .fa-footer-row .fa-primary-footer-col .fa-footer-social {
margin: 18px 0 5px 0;
display: flex;
width: 100%;
justify-content: space-around;
}
.fa-footer .fa-footer-row .fa-primary-footer-col .fa-footer-social a {
display: inline-flex;
justify-content: center;
align-items: center;
width: 37px;
height: 37px;
border-bottom: none;
border-radius: 100px;
box-shadow: none;
border: solid 1px #ffd601;
}
.fa-footer .fa-footer-row .fa-primary-footer-col .fa-footer-social a:hover {
color: #fff;
background-color: #ffd601;
}
.fa-footer .fa-footer-row .fa-primary-footer-col .fa-footer-back-to-top {
position: absolute;
right: -20px;
bottom: -20px;
display: inline-flex;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
background-color: #212529;
border: solid 1px #2a2e32;
color: #ffd601;
font-size: 23px;
border-radius: 20px;
z-index: 3;
box-shadow: 1px 1px 2px rgba(11, 13, 15, 0.84);
cursor: pointer;
transition: all 100ms linear;
}
.fa-footer .fa-footer-row .fa-primary-footer-col .fa-footer-back-to-top .fa {
margin-top: -3px;
}
.fa-footer .fa-footer-row .fa-primary-footer-col .fa-footer-back-to-top:hover {
background-color: #ffd601;
color: #fff;
}
/**
* Atribuição final:
*/
.fa-footer .fa-footer-attr {
text-align: center;
padding: 20px;
font-size: 16px;
border-top: solid 1px #2a2e32;
background-color: #24282b;
}
/**
* Ajustes para o footer do FA:
*/
#page-footer {
background-color: #212529;
border-top: solid 1px #2a2e32;
border-bottom: solid 1px #2a2e32;
}
.statistics {
box-shadow: 0px -2px 3px rgba(0, 0, 0, 0.37);
}
/**
* Responsive:
*/
@media screen and (max-width: 1000px) {
.fa-footer .fa-footer-row .fa-primary-footer-col .fa-footer-logo img {
margin: 0px;
}
}
@media screen and (max-width: 850px) {
.fa-footer .fa-footer-row {
flex-wrap: wrap;
}
.fa-footer .fa-footer-row .fa-primary-footer-col {
border-right: none;
}
}
.sceditor-button-staff {
position: relative;
}
.sceditor-button-staff * {
text-indent: initial!important;
color: darkred!important;
line-height: 15px!important;
}
.sceditor-button-staff div {
font-size: 0px!important;
background-image: none!important;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.sceditor-button-staff div:before {
font-size: 15px!important;
font-family: FontAwesome;
text-indent: initial!important;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
font-weight: 500!important;
}
.mod_groups {
line-height: 1.5;
font-size: 11px;
font-weight: 400;
}
.mod_box {
-moz-background-clip: padding;
-moz-border-radius: 2px;
-moz-box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2);
-webkit-background-clip: padding-box;
-webkit-border-radius: 2px;
-webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2);
background: #fff;
background-clip: padding-box;
border: 1px solid #ccc;
border-radius: 2px;
box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2);
color: #333;
width: 200px;
line-height: 1;
padding: 10px;
position: absolute;
z-index: 999;
}
.mod_editor_section {
background: #f1f1f1;
padding: 5px;
font-weight: bold;
border-bottom: 1px solid #d7d7d7;
text-align: left;
text-transform: uppercase;
}
.copyright_e {
margin-top: 5px;
background: #f8f8f8;
border-top: 1px solid #d7d7d7;
text-align: left;
padding: 2px 5px;
font-size: 9px;
color: #777;
text-shadow: 1px 1px 0px white;
}
.mod_editor_message {
padding: 2px 5px;
text-align: left;
}
.mod_groups {
height: 150px;
overflow-y: scroll;
}
.mod_groups li {
list-style-type: none;
margin-left: -40px;
}
.sceditor-button-staff {
position: relative;
}
.mod_box {
top: 73px;
}
#quick_reply .mod_groups li {
margin-left: 0px;
}
#quick_reply .mod_box {
top: 35px;
}
.sceditor-button-staff.disabled div {
opacity: 1.0 !important;
filter: alpha(opacity=100) !important;
}
#preview .postbody table, #preview .postbody td, div[class*="post--"] .postbody table, div[class*="post--"] .postbody td { border: none!important; }
.admin-link {
position: fixed;
bottom: 20px;
right: 10px;
z-index: 999;
}
.admin-link a {
padding: 10px;
background-color: #28445b;
border-radius: 3px;
transition: .2s ease;
color: #fff;
font-size: 13px;
}
.admin-link a:hover { background-color: #182a38; }
.admin-link br { display: none; }
.codebox.spoiler > dt[style="cursor: pointer;"],
.codebox.spoiler dd > .spoiler_content {
width: max-content;
padding: 1em;
font-size: 1.25rem;
border: 1px solid #e1e1e1;
color: #666;
}
.codebox.spoiler > dt[style="cursor: pointer;"] {
font-weight: 900;
}
.codebox.spoiler dd > .spoiler_content {
min-width: 100%;
word-wrap: break-word;
width: 100%;
}
.codebox.spoiler {
-moz-box-sizing: border-box;
box-sizing: border-box;
background: transparent!important;
border: 0!important;
}
.codebox.spoiler::before { content: none; }
ul.topiclist li.header dl dd {
height: 50px
}
Até mais!
Re: Tamanho do avatar na postagem.
Olá,
Coloquei os códigos que alterei separado no fim do CSS, segue abaixo o novo CSS
Até mais!
Coloquei os códigos que alterei separado no fim do CSS, segue abaixo o novo CSS
- Código:
.postprofile {width:18%!important;}
a[href="/g1-administradores"] {
text-shadow: 0px 0px 2px #09C9EB;
background: url(http://img0.liveinternet.ru/images/attach/c/3/77/140/77140894_bluestarglitterangel.gif);
}
a[href^="/u"] span[style*="#09C9EB"] {
background: url(http://brasil-nl.com.br/forum/public/style_images/splatts/brilho.gif);
text-shadow: 0 0px 2px #09C9EB;
}
a.gensmall[style="color: #09C9EB"]:before {
content: '\f132 ';
font-family: 'fontawesome';
}
a.gensmall[style="color: #141212"]:before {
content: '\f21b ';
font-family: 'fontawesome';
}
a.gensmall[style="color: #000000"]:before {
content: '\f0e3 ';
font-family: 'fontawesome';
}
a.gensmall[style="color: #FFBF00"]:before {
content: '\f0ce ';
font-family: 'fontawesome';
}
li > a.mainmenu[href="/calendar"] { display : none; }
li > a.mainmenu[href="/faq"] { display : none; }
li > a.mainmenu[href="/"] { display : none; }
li > a.mainmenu[href="/search"] { display : none; }
ul.linklist.navlinks {
background: #000!important;
border: 0 solid #000;
border-bottom: 4px solid #000;
border-radius: 0!important;
height: 40px;
margin-left: -16px;
padding: 0 16px;
width: 100%;
text-align: center !important;
overflow: inherit!important;
padding-top: 0;
}
.navbar .linklist.navlinks a {
background: transparent;
color: #FFF;
font-family: Trebuchet MS!important;
font-size: 15px!important;
padding: 7px!important;
text-shadow: 1px 1px 0 #242424;
}
.navbar .linklist.navlinks a:hover {
background-color: transparent!important;
border-top: 0 solid transparent;
color: blue!important;
font-family: Trebuchet MS!important;
font-size: 20px!important;
}
ul.linklist.navlinks {
background: #000!important;
border: 0 solid #000;
border-bottom: 4px solid #000;
border-radius: 0!important;
height: 40px;
margin-left: -16px;
padding: 0 16px;
width: 100%;
text-align: center !important;
overflow: inherit!important;
padding-top: 0;
}
.navbar .linklist.navlinks a {
background: transparent;
color: #FFF;
font-family: Trebuchet MS!important;
font-size: 15px!important;
padding: 7px!important;
text-shadow: 1px 1px 0 #242424;
}
.rank {
color: #fff;
font-size: 13px;
font-weight: 600;
height: 36px;
width: 160px;
margin: 5px auto;
border-radius: 12px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.14), inset 0 0 1px 1px rgba(0, 0, 0, .1);
text-align: center;
line-height: 33px;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}
.rank.admin {
background: linear-gradient(124deg, #ff2400, #e81d1d, #e8b71d, #e3e81d, #1de840, #1ddde8, #2b1de8, #dd00f3, #dd00f3);
background-size: 1800% 1800%;
-webkit-animation: rainbow 18s ease infinite;
-z-animation: rainbow 18s ease infinite;
-o-animation: rainbow 18s ease infinite;
animation: rainbow 18s ease infinite;
}
@-webkit-keyframes rainbow {
0% {
background-position: 0% 82%
}
50% {
background-position: 100% 19%
}
100% {
background-position: 0% 82%
}
}
@-moz-keyframes rainbow {
0% {
background-position: 0% 82%
}
50% {
background-position: 100% 19%
}
100% {
background-position: 0% 82%
}
}
@-o-keyframes rainbow {
0% {
background-position: 0% 82%
}
50% {
background-position: 100% 19%
}
100% {
background-position: 0% 82%
}
}
@keyframes rainbow {
0% {
background-position: 0% 82%
}
50% {
background-position: 100% 19%
}
100% {
background-position: 0% 82%
}
}
a[href^="/u1"] span[style$="#09C9EB"] strong, a[href^="/u1"] span[style$="#09C9EB"]::before {
background: linear-gradient(124deg, #ff2400, #e81d1d, #e8b71d, #e3e81d, #1de840, #1ddde8, #2b1de8, #dd00f3, #dd00f3);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-size: 1800% 1800%;
-webkit-animation: rainbow 2s ease infinite;
-z-animation: rainbow 2s ease infinite;
-o-animation: rainbow 2s ease infinite;
animation: rainbow 2s ease infinite;
}
a[href^="/u8"] span[style$="#09C9EB"] strong, a[href^="/u8"] span[style$="#09C9EB"]::before {
background: linear-gradient(124deg, #ff2400, #e81d1d, #e8b71d, #e3e81d, #1de840, #1ddde8, #2b1de8, #dd00f3, #dd00f3);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-size: 1800% 1800%;
-webkit-animation: rainbow 2s ease infinite;
-z-animation: rainbow 2s ease infinite;
-o-animation: rainbow 2s ease infinite;
animation: rainbow 2s ease infinite;
}
a[href^="/u7"] span[style$="#09C9EB"] strong, a[href^="/u7"] span[style$="#09C9EB"]::before {
background: linear-gradient(124deg, #ff2400, #e81d1d, #e8b71d, #e3e81d, #1de840, #1ddde8, #2b1de8, #dd00f3, #dd00f3);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-size: 1800% 1800%;
-webkit-animation: rainbow 2s ease infinite;
-z-animation: rainbow 2s ease infinite;
-o-animation: rainbow 2s ease infinite;
animation: rainbow 2s ease infinite;
}
div#cp-main h1 span[style$="#09C9EB"] strong, div#cp-main h1 span[style$="#09C9EB"]:before, div#profile-advanced-right .h3 span[style$="#09C9EB"] strong, #profile-advanced-right .h3 span[style$="#09C9EB"]:before {
background: linear-gradient(124deg, #FF0000, #FF7F00, #FFFF00, #00FF00, #0000ff, #4b0082, #8f00ff);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-size: 1800% 1800%;
-webkit-animation: rainbow 2s ease infinite;
-z-animation: rainbow 2s ease infinite;
-o-animation: rainbow 2s ease infinite;
animation: rainbow 2s ease infinite;
}
a[href^="/g1-administradores"] {
background: linear-gradient(124deg, #ff2400, #e81d1d, #e8b71d, #e3e81d, #1de840, #1ddde8, #2b1de8, #dd00f3, #dd00f3);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-size: 1800% 1800%;
-webkit-animation: rainbow 2s ease infinite;
-z-animation: rainbow 2s ease infinite;
-o-animation: rainbow 2s ease infinite;
animation: rainbow 2s ease infinite;
}
.gensmall[style*="#09C9EB"]::before,
.block .gensmall > [style*="#09C9EB"]::before,
[style="color:#09C9EB"] strong::before {
content: '\f132 ';
font-family: 'fontawesome';
}
.gensmall[style*="#FFBF00"]::before,
.block .gensmall > [style*="#FFBF00"]::before,
[style="color:#FFBF00"] strong::before {
content: '\f0ce ';
font-family: 'fontawesome';
}
.gensmall[style*="#141212"]::before,
.block .gensmall > [style*="#141212"]::before,
[style="color:#141212"] strong::before {
content: '\f21b ';
font-family: 'fontawesome';
}
.gensmall[style*="#000000"]::before,
.block .gensmall > [style*="#000000"]::before,
[style="color:#000000"] strong::before {
content: '\f0e3 ';
font-family: 'fontawesome';
}
.postprofile-avatar img {
min-width: 150px!important;
min-height: 250px!important;
border-radius: 0px!important;
border: 1px solid #3793ff!important;
width: 150px!important;
height: 250px!important;
}
.post-head {
border-color: black!important;
}
.postprofile-avatar img {
border-color: black!important;
}
.forabg .topiclist .header {
border-bottom: 3px solid #ffd601;
}
.postprofile {text-align:center!important;border:2px solid black;border-style: inset;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
.postprofile {
text-align: center;
}
.postprofile {
background: url(https://i.servimg.com/u/f18/18/45/41/65/row10.png) repeat-x #F5F5F5;
border: 1px solid #DDD;
border-radius: 3px;
margin-bottom: 10px;
padding: 60px 3px 3px;
position: relative;
}
.span-tab {
margin-left: 2.1em;
}
.postbody .topic-title {
display: none !important;
}
.post h3 {
border-top: none !important;
border-bottom: none !important;
background: none !important;
}
div.post_username {
background-color: #f7f7f7 !important;
border: 1px solid #ddd !important;
border-radius: 3px !important;
margin: 0 auto !important;
position: relative !important;
text-align: center !important;
}
.rec_humanos {
-moz-border-radius: 13px;
-webkit-border-radius: 3px;
background: #65a830;
border-radius: 12px;
color: #fff;
display: inline-block;
font-size: 13px;
font-weight: 600;
margin: 5px;
padding: 3px 8px;
text-align: center;
line-height: 30px;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
content: '\f501 ';
font-family: 'fontawesome';
}
.online:before { display: none; }
.profile-icons { padding-top: 5px!important; }
.profile-icons a {
background-color: rgba(0,0,0,.7);
border-radius: 3px;
color: #fff;
cursor: pointer;
padding: 6px 12px;
font-size: 14px;
height: auto;
transition: .2s ease;
}
.profile-icons a:hover { background-color: #3793ff; }
.postprofile {
border: 1px solid #f0f0f0;
border-top: 0;
border-left-width: 7px;
border-radius: 3px 0 0 3px;
width: 220px;
}
.postprofile:before {
content: url(http://habboemotion.com/resources/images/icons/offline.gif);
left: 5px;
position: absolute;
top: 5px;
}
.online .postprofile:before { content: url(http://habboemotion.com/resources/images/icons/online.gif); }
.postprofile-name {
font-size: 16px;
margin-top: 5%;
}
.postprofile-rank {
border: none;
margin-bottom: 0;
padding-bottom: 0;
}
.postprofile-info {
border-top: 1px solid #ddd;
padding-top: 5%;
}
.postbody {
margin-left: 250px;
position: relative;
}
.postbody .content { margin-top: 5%; }
.topic-date {
background-color: #f5f5f5;
border-radius: 0 3px 0 0;
overflow: hidden;
padding: 8px 25px!important;
opacity: 1!important;
position: absolute;
top: 0;
left: 0;
right: 0;
}
.topic-date span {
color: rgba(0,0,0,.44);
display: block;
float: left;
font-size: 13px;
padding-top: 5px;
}
.topic-actions .right a img:hover { opacity: .8; }
.quickreply .h3 { display: none; }
.sub-header-path {
background-color: #263238;
border-radius: 3px;
clear: both;
color: #fff;
display: inline-block;
font-size: 0;
margin-bottom: 22px;
max-width: 100%;
overflow: hidden;
position: relative;
white-space: nowrap;
}
.sub-header-path a {
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 13px;
padding: 9px 16px;
position: relative;
}
.sub-header-path a:first-child { padding: 9px 16px!important; }
.sub-header-path a + a { margin-left: 0; }
.sub-header-path a + a:before {
font-size: 16px;
left: 0;
pointer-events: none;
position: absolute;
top: 50%;
transform: translate3d(-50%,-50%,0);
}
.sub-header-path a:hover { background-color: rgba(0,0,0,0.44); }
.sub-header-path a:last-child:after {
bottom: 0;
box-shadow: 0 0 11px 16px #263238;
content: "";
display: block;
position: absolute;
right: -5px;
top: 0;
transition: all .16s ease;
width: 5px;
}
.sub-header-path a:hover:after {
-ms-filter: brightness(50%);
-webkit-filter: brightness(50%);
filter: brightness(50%);
}
.sub-header-info { width: 100%; }
.sceditor-container {
border: 1px solid black !important;
border-radius: 3px !important;
}
/**
* Definições Iniciais:
*/
.fa-footer,
.fa-footer * {
box-sizing: border-box;
}
.fa-footer {
background-color: #212529;
font-family: "Segoe UI", "Open Sans", "Helvetica Neue", "Ubuntu", "Helvetica", "Arial", "Trebuchet MS", sans-serif;
font-size: 14px;
color: #a0a8b0;
line-height: 1.5;
}
/**
* Tags Genéricas:
*/
.fa-footer a {
text-decoration: none;
border-bottom: solid 1px #ffd601;
color: #0786e7;
transition: all 200ms linear;
}
.fa-footer a:hover {
box-shadow: inset 0 -25px #ffd601;
color: #fff;
}
/**
* Sistema de Grid e ajustes das colunas genéricas:
*/
.fa-footer .fa-footer-row {
display: flex;
flex-direction: row;
padding: 0 15px;
}
.fa-footer .fa-footer-row .fa-footer-col {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin-right: 30px;
padding: 15px 0;
}
.fa-footer .fa-footer-row .fa-footer-col:last-child {
margin-right: 10px;
}
.fa-footer .fa-footer-row .fa-footer-col .lead {
text-transform: uppercase;
font-size: 16px;
color: #ffd601;
margin-bottom: 10px;
}
.fa-footer .fa-footer-row .fa-footer-col p {
font-size: 16px;
line-height: 1.6;
text-align: center;
}
/**
* Ajustes para a a coluna primária:
*/
.fa-footer .fa-footer-row .fa-primary-footer-col {
border-right: solid 1px #2a2e32;
position: relative;
flex-grow: 1;
}
.fa-footer .fa-footer-row .fa-primary-footer-col .fa-footer-logo {
display: flex;
justify-content: center;
align-items: center;
}
.fa-footer .fa-footer-row .fa-primary-footer-col .fa-footer-logo img {
width: 205px;
margin: 0 30px;
}
.fa-footer .fa-footer-row .fa-primary-footer-col .fa-footer-social {
margin: 18px 0 5px 0;
display: flex;
width: 100%;
justify-content: space-around;
}
.fa-footer .fa-footer-row .fa-primary-footer-col .fa-footer-social a {
display: inline-flex;
justify-content: center;
align-items: center;
width: 37px;
height: 37px;
border-bottom: none;
border-radius: 100px;
box-shadow: none;
border: solid 1px #ffd601;
}
.fa-footer .fa-footer-row .fa-primary-footer-col .fa-footer-social a:hover {
color: #fff;
background-color: #ffd601;
}
.fa-footer .fa-footer-row .fa-primary-footer-col .fa-footer-back-to-top {
position: absolute;
right: -20px;
bottom: -20px;
display: inline-flex;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
background-color: #212529;
border: solid 1px #2a2e32;
color: #ffd601;
font-size: 23px;
border-radius: 20px;
z-index: 3;
box-shadow: 1px 1px 2px rgba(11, 13, 15, 0.84);
cursor: pointer;
transition: all 100ms linear;
}
.fa-footer .fa-footer-row .fa-primary-footer-col .fa-footer-back-to-top .fa {
margin-top: -3px;
}
.fa-footer .fa-footer-row .fa-primary-footer-col .fa-footer-back-to-top:hover {
background-color: #ffd601;
color: #fff;
}
/**
* Atribuição final:
*/
.fa-footer .fa-footer-attr {
text-align: center;
padding: 20px;
font-size: 16px;
border-top: solid 1px #2a2e32;
background-color: #24282b;
}
/**
* Ajustes para o footer do FA:
*/
#page-footer {
background-color: #212529;
border-top: solid 1px #2a2e32;
border-bottom: solid 1px #2a2e32;
}
.statistics {
box-shadow: 0px -2px 3px rgba(0, 0, 0, 0.37);
}
/**
* Responsive:
*/
@media screen and (max-width: 1000px) {
.fa-footer .fa-footer-row .fa-primary-footer-col .fa-footer-logo img {
margin: 0px;
}
}
@media screen and (max-width: 850px) {
.fa-footer .fa-footer-row {
flex-wrap: wrap;
}
.fa-footer .fa-footer-row .fa-primary-footer-col {
border-right: none;
}
}
.sceditor-button-staff {
position: relative;
}
.sceditor-button-staff * {
text-indent: initial!important;
color: darkred!important;
line-height: 15px!important;
}
.sceditor-button-staff div {
font-size: 0px!important;
background-image: none!important;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.sceditor-button-staff div:before {
font-size: 15px!important;
font-family: FontAwesome;
text-indent: initial!important;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
font-weight: 500!important;
}
.mod_groups {
line-height: 1.5;
font-size: 11px;
font-weight: 400;
}
.mod_box {
-moz-background-clip: padding;
-moz-border-radius: 2px;
-moz-box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2);
-webkit-background-clip: padding-box;
-webkit-border-radius: 2px;
-webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2);
background: #fff;
background-clip: padding-box;
border: 1px solid #ccc;
border-radius: 2px;
box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2);
color: #333;
width: 200px;
line-height: 1;
padding: 10px;
position: absolute;
z-index: 999;
}
.mod_editor_section {
background: #f1f1f1;
padding: 5px;
font-weight: bold;
border-bottom: 1px solid #d7d7d7;
text-align: left;
text-transform: uppercase;
}
.copyright_e {
margin-top: 5px;
background: #f8f8f8;
border-top: 1px solid #d7d7d7;
text-align: left;
padding: 2px 5px;
font-size: 9px;
color: #777;
text-shadow: 1px 1px 0px white;
}
.mod_editor_message {
padding: 2px 5px;
text-align: left;
}
.mod_groups {
height: 150px;
overflow-y: scroll;
}
.mod_groups li {
list-style-type: none;
margin-left: -40px;
}
.sceditor-button-staff {
position: relative;
}
.mod_box {
top: 73px;
}
#quick_reply .mod_groups li {
margin-left: 0px;
}
#quick_reply .mod_box {
top: 35px;
}
.sceditor-button-staff.disabled div {
opacity: 1.0 !important;
filter: alpha(opacity=100) !important;
}
#preview .postbody table, #preview .postbody td, div[class*="post--"] .postbody table, div[class*="post--"] .postbody td { border: none!important; }
.admin-link {
position: fixed;
bottom: 20px;
right: 10px;
z-index: 999;
}
.admin-link a {
padding: 10px;
background-color: #28445b;
border-radius: 3px;
transition: .2s ease;
color: #fff;
font-size: 13px;
}
.admin-link a:hover { background-color: #182a38; }
.admin-link br { display: none; }
.codebox.spoiler > dt[style="cursor: pointer;"],
.codebox.spoiler dd > .spoiler_content {
width: max-content;
padding: 1em;
font-size: 1.25rem;
border: 1px solid #e1e1e1;
color: #666;
}
.codebox.spoiler > dt[style="cursor: pointer;"] {
font-weight: 900;
}
.codebox.spoiler dd > .spoiler_content {
min-width: 100%;
word-wrap: break-word;
width: 100%;
}
.codebox.spoiler {
-moz-box-sizing: border-box;
box-sizing: border-box;
background: transparent!important;
border: 0!important;
}
.codebox.spoiler::before { content: none; }
ul.topiclist li.header dl dd {
height: 50px
}
/**************** TAMANHO AVATAR *********************/
.postprofile-avatar {
margin: 10px 7px;
width: 168px;
}
.postprofile-avatar img {
border-radius: 0px!important;
border: 1px solid #3793ff!important;
width: 100%!important;
height: auto!important;
}
Até mais!
Re: Tamanho do avatar na postagem.
Tópico resolvidoMovido para "Questões resolvidas". |
tikky- Admineiro
- Membro desde : 13/01/2017
Mensagens : 7962
Pontos : 9217
Tópicos semelhantes
» Como alterar o tamanho do avatar na coluna de última postagem do meu fórum
» Tamanho da postagem
» Avatar à esquerda e na linha da postagem
» Tamanho da área de postagem
» Aumentar tamanho da fonte na postagem do tópico
» Tamanho da postagem
» Avatar à esquerda e na linha da postagem
» Tamanho da área de postagem
» Aumentar tamanho da fonte na postagem do tópico
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