Personalizar Legenda

3 participantes

Ir para baixo

Tópico resolvido Personalizar Legenda

Mensagem por Heikki 02.11.17 19:25

Detalhes da questão


Endereço do fórum: http://rolling-ballas.forumeiros.com/
Versão do fórum: phpBB3

Descrição


Olá Convidado,

Eu queria o mesmo efeito da legenda desse fórum no meu.
http://gsf-nwd.forumeiros.com/
Heikki
Heikki
***

Membro desde : 31/10/2016
Mensagens : 171
Pontos : 328

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar Legenda

Mensagem por Ketholy 02.11.17 19:57

Olá Heikki,

Recomendo que veja esse Tutorial .

Ketholy
Ketholy
Super Membro

Membro desde : 20/01/2017
Mensagens : 1309
Pontos : 1577

http://jogosrpg-com-br.forumais.com/forum https://twitter.com/Ketholy Suan

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar Legenda

Mensagem por Heikki 02.11.17 20:10

Olá Convidado,

Eu queria o efeito que esta neste fórum
http://gsf-nwd.forumeiros.com/
Heikki
Heikki
***

Membro desde : 31/10/2016
Mensagens : 171
Pontos : 328

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar Legenda

Mensagem por Luiz 02.11.17 20:45

Olá,

Para que possamos ajudá-lo, o senhor terá que liberar o fórum para visitantes. o/
Luiz
Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar Legenda

Mensagem por Heikki 02.11.17 20:58

Olhe MP
Heikki
Heikki
***

Membro desde : 31/10/2016
Mensagens : 171
Pontos : 328

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar Legenda

Mensagem por Luiz 02.11.17 21:05

Olá novamente,

Eu acabei de verificar em seu fórum, e as legendas são extremamente semelhantes:

  1. Seu fórum;
  2. O outro fórum.
O senhor deseja tornar mais semelhante em qual aspecto? o/
Luiz
Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar Legenda

Mensagem por Heikki 02.11.17 21:17

Eu quero o efeito quando passa o mouse em cima do grupo
Heikki
Heikki
***

Membro desde : 31/10/2016
Mensagens : 171
Pontos : 328

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar Legenda

Mensagem por Luiz 02.11.17 21:19

Okay.
Para isso precisarei da sua Folha de Estilos. o/
Luiz
Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar Legenda

Mensagem por Heikki 02.11.17 21:23

Olha MP
Heikki
Heikki
***

Membro desde : 31/10/2016
Mensagens : 171
Pontos : 328

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar Legenda

Mensagem por Luiz 02.11.17 22:02

Troque por este para que eu possa bolar uma nova legenda com base na mencionada:
Código:
/* Perfil personalizado uID */
#cp-main {
    float: left;
    margin-left: 20px;
    width: 98%;
}

#tabs a {
    border-right: 1px solid #DDD;
    height: 28px;
    margin: 0;
    padding: 0 12px;
    transition: 200ms;
}

#tabs a {
    background: #fff none no-repeat 0 -35px;
    cursor: pointer;
    float: left;
    margin: 0 1px 1px 0;
    padding: 0 0 0 5px;
    position: relative;
    text-decoration: none;
}

#cp-main .panel {
    background-color: #fff;
}

.module, .panel {
    background: #FAFAFA;
    border: 1px solid #DDD;
    border-radius: 3px;
}

.panel {
    background-color: #fff;
    color: #5c5c5c;
    margin-bottom: 4px;
    padding: 0 10px;
}

#profile-advanced-layout #tabs {
    bottom: 0;
}

#profile-advanced-left #tabs {
    margin-top: 4px;
}

#tabs {
    background: #FFF;
    border: 1px solid #DDD;
    border-bottom: none;
    border-radius: 3px 3px 0 0;
    overflow: hidden;
}

#tabs {
    line-height: normal;
    margin: 20px 0 -1px 7px;
}

.module .h3 {
    background: #000;
    border-bottom: 1px solid #f3f3f3;
    color: #FFF;
    margin: 0 -10px 10px;
    padding: 6px 3px;
    text-align: center;
    text-transform: none;
}
/* Fim Perfil Personalizado uID */

/* Icones login */
#username {
    background: #e8e8e8 url(http://i.imgur.com/3CBLHUK.png)no-repeat;
    border-radius: 0!important;
    cursor: text;
    padding: 5px 5px 5px 20px;
    top: 0;
    border-bottom: none!important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1) inset;
    color: #9f9f9f;
}

#password {
    background: #e8e8e8 url(http://i.imgur.com/Bmg6BFf.png)no-repeat;
    border-radius: 0!important;
    cursor: text;
    padding: 5px 5px 5px 20px;
    top: 0;
    border-bottom: none!important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1) inset;
    color: #9f9f9f;
}
/* Fim icones Login */

/* Selecionar algo */
select {
    cursor: pointer;
    font-family: Comic Sans MS,Arial,Helvetica,sans-serif;
    font-weight: 400;
    padding: 1px;
    vertical-align: middle;
    background: #e8e8e8 none repeat scroll 0 0;
    border: 1px solid #d4d4d4;
    border-bottom: none!important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1) inset;
    color: #9f9f9f;
}
/* Fim Selecionar algo */

/* Convidar amigo */
#profile-advanced-add a[href*="remove"] {
    background: #830591;
    border-color: #400047;
}

#profile-advanced-add a:hover, a.button1:hover, a.button2:hover, button.button2:hover, input.button1:hover, input.button2:hover, input.button:hover {
    background: #333;
    border: none;
    border-bottom: 2px solid #111;
    color: #FFF;
}

#profile-advanced-add a, a.button1, a.button2, button.button2, input.button, input.button1, input.button2 {
    background: #830591;
    border: none;
    border-bottom: 2px solid #400047;
    border-radius: 3px;
    color: #FFF!important;
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    line-height: normal!important;
    margin: 2px;
    padding: 6px 9px!important;
    transition: 300ms;
}
/* Fim Convidar amigo */

/* Avatar na Categoria */
.lastpost-avatar img {
    -webkit-border-radius: 50%;
    background: #fff;
    border: 1px solid #D5D5D5;
    border-radius: 50%;
    box-shadow: 0 2px 2px rgba(0,0,0,0.1);
    height: 50px;
    margin: 0 5px;
    padding: 1px;
    width: 50px;
}
/* Fim Avatar na Categoria */

/* Toolpit em Tudo */
.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;
}
/* Fim Toolpit em tudo */

/* Caixa de Citação */
blockquote cite {
    background-color: #E3E3E3;
    background-image: url(https://i34.servimg.com/u/f34/16/49/10/98/snapba10.png), url(http://i.imgur.com/iPXDkuF.png);
    background-position: 10px center, 0 0;
    background-repeat: no-repeat, repeat-x;
    border-bottom: 1px solid #F5F5F5;
    border-top: 0;
    color: #535353;
    font-size: 12px;
    font-weight: 700;
    padding: 8px 10px;
    text-indent: 25px;
    text-shadow: rgba(255,255,255,1) 0 1px 0;
}

.content blockquote {
    color: #000;
    background-color: #F2F2F2;
}

.postmain cite, blockquote cite {
    margin: -10px -11px 8px -30px;
}
/* Fim Caixa de Citação */

/*  Borda nos Quadrados */
input[type="email"], input[type="password"], input[type="text"] {
    border-bottom: none !important;
    background: #e8e8e8 none repeat scroll 0 0;
    border: 1px solid #d4d4d4;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
    color: #9f9f9f;
    padding: 6px;
}

.inputbox {
    border-bottom: none !important;
    background: #e8e8e8 none repeat scroll 0 0;
    border: 1px solid #d4d4d4;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
    color: #9f9f9f;
    padding: 6px;
}

div.sceditor-grip {
    background-position: 0 -608px;
    bottom: 0;
    cursor: se-resize;
    cursor: se-resize;
    height: 10px;
    overflow: hidden;
    position: absolute;
    right: 0;
    width: 10px;
    z-index: 3;
}

.sceditor-button div, div.sceditor-grip {
    background-image: url(famfamfam.png);
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
}

/*  Personalização dentro dos grupos by Luiz  */
table.table1 tbody td {
    border-top: 1px solid #fff;
    padding: 5px;
}

table tr:nth-child(2n + 2) * {
    background-color: #f7f7f7!important;
}

table.table1 td {
    color: #555;
    font-size: 1.1em;
}

table tr td, table tr th {
    padding: 5px!important;
    padding-top: 3px!important;
    border-left: solid 1px #ddd;
    border-bottom: solid 1px #ddd;
}

table.table1 .name {
    text-align: left;
}

table.table1 thead th {
    color: #555!important;
}

table tr:last-child td, table tr:last-child th {
    border-bottom-width: 2px!important;
}

table tr:first-child td, table tr:first-child th {
    border-top: solid 1px #ddd;
    padding-top: 8px!important;
    padding-left: 10px!important;
    font-weight: bold!important;
    border-radius: 3px 3px 0px 0px;
}

table.table1 thead th {
    color: #fff;
    font-size: 1em;
    font-weight: 400;
    line-height: 1.3em;
    padding: 0 0 4px 3px;
    text-transform: uppercase;
}

table tr td, table tr th {
    padding: 5px!important;
    padding-top: 3px!important;
    border-left: solid 1px #ddd;
    border-bottom: solid 1px #ddd;
}
/* Fim Personalização dentro dos Grupos by Luiz */

/* BEGIN Scroll Top Button */
 
#fa-scrolltop {
  position: fixed;
  right: 30px;
  bottom: 30px;
  display: block;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  text-decoration: none !important;
  background-color: #840592;
  color: #000;
  font-weight: 700;
  font-size: 24px;
  visibility: hidden;
  opacity: 0;
  border: 1px rgba(0, 0, 0, 0.25) solid;
  border-radius: 3px;
  transition: 250ms ease all;
}
 
#fa-scrolltop:hover,
#fa-scrolltop:focus,
#fa-scrolltop:active {
  background-color: #000;
  color: #840592;
}
 
#fa-scrolltop.fa-scrolltop-visible {
  visibility: visible;
  opacity: 1;
}
 
/* END Scroll Top Button */

/*  Tema 
div#wrap::after {
  content: "Olá, Não está autorizada qualquer cópia total/parcial deste tema sem a autorização prévia do autor."!important;
  display: block!important;
  text-align: center!important;
  color: #000!important;
}
  Tema  */

/* Regras JS */
.fa-custom-reply-message {
  border: solid 1px #c31;
  background-color: #f7e7e3;
  padding: 12px 6px;
  border-radius: 2px;
  margin-bottom: 10px;
  font-size: 12px;
  color: #a10;
}
 
.fa-custom-reply-message a {
  text-decoration: underline;
  font-weight: bold;
  color: #a10;
}
 
.fa-custom-reply-message a:hover {
  color: #000;
}
/* Regras JS */

/* Caixa de Resposta rapida */
div.sceditor-toolbar {
    background-color: #840592!important;
    border-color: #840592!important;
}

.sceditor-container iframe, .sceditor-container textarea {
    background: url(https://i.imgur.com/3uc0pxy.png) no-repeat 50% 50% transparent!important;
}

.sceditor-container {
    background-color: #FFF!important;
    border-color: #840592!important;
}

div.sceditor-group {
    background: #FFF!important;
    border: 1px solid #DDD!important;
    overflow: hidden;
    padding: 0!important;
}

.h3 {
    font-weight: 700;
}

.h3, h3 {
    color: #000000;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 1.05em;
    margin-bottom: 3px;
    margin-top: 20px;
    padding-bottom: 2px;
    text-transform: uppercase;
}
/* Fim Caixa de Resposta Rapida */

/*  Efeito Tópico  */

.row {
    border: 1px solid #dadada!important;
}

.row:hover {
    -moz-border-bottom-colors: none!important;
    -moz-border-left-colors: none!important;
    -moz-border-right-colors: none!important;
    -moz-border-top-colors: none!important;
    border-color: #CCC #840592!important;
    border-image: none!important;
    border-style: solid!important;
    border-width: 1px 4px!important;
}

li.row {
    border-top: 1px solid #EBEBEB;
}

/*  Fim Efeito Tópico  */

/* Caixa de busca*/
#search-box #keywords {
    background-color: #e8e8e8;
    border-bottom: none !important;
    background: #e8e8e8 none repeat scroll 0 0;
    border: 1px solid #d4d4d4;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
    color: #9f9f9f;
    padding: 6px;
}
/* Fim da caixa de busca */


/* Início - Widgets Final do Fórum */
.widgetsbottom {
  display: block !important;
    background-color: #fff;
    clear: both;
    width:100%;
  margin: 15px 0px;
}
#fa_stats {
    background: #2E3133 none repeat scroll 0% 0%;
    color: #FFF;
    font-family: Arial,Verdana,sans-serif;
    padding: 15px 0px;
    text-align: center;
    font-size: 10px;
}
.stat_label {
    background: #F2F2F2 none repeat scroll 0% 0%;
    border-radius: 3px;
    color: #2E3133;
    display: inline-block;
    font-size: 0px;
    margin: 0px 12px 0px 3%;
    padding: 6px 12px;
    vertical-align: middle;
}
.stat_label strong {
    display: inline-block;
    font-size: 14px;
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.text_label {
    font-size: 14px;
    font-weight: 700;
    margin-right: 7.5%;
    text-transform: uppercase;
}
.qeel_title {
    background: #369FCF none repeat scroll 0% 0%;
    color: #FFF;
    font-family: "Trebuchet MS",Arial,Verdana,sans-serif;
    font-size: 16px;
    font-weight: 700;
    padding: 5px 6px;
    text-transform: uppercase;
}
.qeel_title a {
    color: #FFF;
}
.qeel_section {
    background: #FAFAFA none repeat scroll 0% 0%;
    color: #333;
    font-size: 11px;
    padding: 8px 6px;
}
/* Fim - Widgets Final do Fórum */


li.header dl.icon {
    background-color: #2E2E2E;
    border-bottom: 2px solid #840592;
    border-radius: 1px 1px 0 0;
    box-shadow: #39e5d0 0 0 inset;
    margin: -1px -13px 7px;
    padding: 1em;
    position: relative;
    text-shadow: none;
}
.forabg {
    background-color: #840592;
    background-image: none !important;
    border: medium none !important;
    border-radius: 5px;
    box-shadow: 0 0 5px #000;
    margin: 5px 5px 10px;
    padding: 5px;
}

li.row {
    border-bottom: 10px solid transparent;
}

body {
    background-attachment: fixed;
    background-color: #fff;
    background-image: url(http://i.imgur.com/lPv5zbk.jpg);
    color: #000;
    font-family: Comic Sans MS, Arial;
    font-size: 10px;
    height: auto;
    padding: 10px 0;
}

ul.linklist li a:hover {
    color: #840592 !important;
}

#page-header .navbar .linklist {
    background: #2E2E2E!important;
    border: none;
    margin: -9px -15px 5px;
    background-image:none!important;
        }
        #page-header a.mainmenu {
    color: #eee;
    display: inline-block;
    font-family: Comic Sans MS;
    font-size: 11px;
    font-weight: 700;
    height: 35px;
    line-height: 37px;
    outline: medium none;
    padding: 0 15px;
    transition-duration: 100ms;
}
#page-header .navbar .linklist li {
    font-size: 0;
}

#page-header a.mainmenu[href="/register"]{color:#8C5!important;}
#page-header a.mainmenu:hover{background-color:#1A1A1A;}
/*#page-header a.mainmenu[href^="/login"]:hover{background-color:#E54732;}*/
#wrap {
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border: 0px solid #000000;
}

span.corners-bottom, span.corners-bottom span, span.corners-top, span.corners-top span {
    display: none!important;
}

.header, .module span.corners-top {
  padding: 1px;
}

/*--CENTRALIZAR PERFIL--*/
#i_whosonline + p br + br + em {
width: 70%;
background: white url(http://i44.servimg.com/u/f44/15/34/61/11/grey-u10.png) repeat-x scroll left bottom;
border: 2px solid #DDD;
border-radius: 6px;
text-align: center;
padding: 10px 8px 5px 5px;
display: block;
margin: 0 auto;
font-size: 0px;
color: transparent;
}

#i_whosonline + p br + br + em a {
-webkit-transition-duration: .3s;
text-shadow: 0px 1px 1px #454545;
font-size: 15px;
margin: 0 5px;
font-style: normal;
font-weight: normal;
}
#i_whosonline + p br + br + em a:hover {
background: #DDD;
padding: 9px 10px 10px;
}

.vote {
float: right;
width: 10px;
margin-left: 4px;
}

/* PostProFile post dos tópicos */
.postprofile {
    background: #fff;
    border: 1px solid #e1e1e1;
    height: auto!important;
    padding: 10px;
    text-align: center;
    width: 276px!important;
}

.postprofile {
    /* border-color: #fff; */
    border-right-style: solid;
    border-right-width: 1px;
    display: inline;
    float: left;
    margin: 5px 0 0;
    min-height: 80px;
    position: relative;
    width: 22%;
    word-wrap: break-word;
}

#main-content .postprofile {
    box-sizing: border-box;
    width: 23%!important;
}

.postprofile {
    border-right-style: solid;
    border-right-width: 1px;
    display: inline;
    float: left;
    margin: 5px 0 0;
    min-height: 80px;
    position: relative;
    width: 22%;
    word-wrap: break-word;
}

.post {
    border: 1px solid #cbcbcb;
    border-radius: 10px!important;
}

/* Borda  Avatar*/
div.postprofile dl dt img {
  border: 5px solid #eee;
  box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
  margin-left: 3px;
}
/* Fim borda Avatar */

/* Giratório Avatar */
.postprofile dt img:hover{-webkit-transform: rotate(1800deg) scale(1);-moz-transform: rotate(1800deg) scale(1);-o-transform: rotate(1800deg) scale(1);}.postprofile dt img{-webkit-transition: all 5s ease-in-out;-moz-transition: all 5s ease-in-out;-o-transition: all 5s ease-in-out;}
/* Fim Giratório Avatar */

/* Não tire */
.postprofile dt a:first-child {
    line-height: 1.8em;
}
/* Fim PostProFile post dos tópicos */

/* Custom */
 
.generated_form_title {
    padding: 15px 0 15px 15px;
    border-bottom: 1px rgba(255, 255, 255, 0.25) solid;
    border-left: 15px rgba(255, 255, 255, 0.25) solid;
    text-transform: uppercase;
    font-weight: 700;
}
 
.generated_form_list {
    background-color: #1fb51f;
}

/* Fancybox by Baivong */
.fancybox-tmp iframe,.fancybox-tmp object{vertical-align:top;margin:0;padding:0}
.fancybox-wrap{position:absolute;top:0;left:0;z-index:1002}
.fancybox-outer{background:#f9f9f9;color:#444;text-shadow:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;margin:0;padding:0}
.fancybox-opened{z-index:1003}
.fancybox-opened .fancybox-outer{-webkit-box-shadow:0 10px 25px rgba(0,0,0,0.5);-moz-box-shadow:0 10px 25px rgba(0,0,0,0.5);box-shadow:0 10px 25px rgba(0,0,0,0.5)}
.fancybox-inner{width:100%;height:100%;position:relative;outline:none;overflow:hidden;margin:0;padding:0}
.fancybox-error{color:#444;font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin:0;padding:10px}
.fancybox-image,.fancybox-iframe{display:block;width:100%;height:100%;border:0;vertical-align:top;margin:0;padding:0}
.fancybox-image{max-width:100%;max-height:100%}
#fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-21px;margin-left:-21px;width:42px;height:42px;background:url(http://i48.servimg.com/u/f48/16/58/89/73/fancyb10.gif);opacity:0.8;cursor:pointer;z-index:1010}
.fancybox-close,.fancybox-prev span,.fancybox-next span{background-image:url(http://i48.servimg.com/u/f48/16/58/89/73/fancyb10.png)}
.fancybox-close{position:absolute;top:-18px;right:-18px;width:36px;height:36px;cursor:pointer;z-index:1004}
.fancybox-tmp{position:absolute;top:-9999px;left:-9999px;overflow:visible;visibility:hidden;padding:0}
#fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index: 999;background:#000}
.fancybox-title{display:none}
.fancybox-title-float-wrap{position:absolute;bottom:0;right:50%;margin-bottom:-35px;z-index: 999;text-align:center}
.fancybox-title-float-wrap .child{display:inline-block;margin-right:-100%;background:rgba(0,0,0,0.8);-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;text-shadow:0 1px 2px #222;color:#FFF;font-weight:700;line-height:24px;white-space:nowrap;padding:2px 20px}
.fancybox-title-outside-wrap{position:relative;margin-top:10px;color:#fff}
.fancybox-title-inside-wrap{margin-top:10px}
.fancybox-title-over-wrap{position:absolute;bottom:0;left:0;color:#fff;background:rgba(0,0,0,.8);padding:10px}

#search-box p.nomargin {
    display: block !important;
}
 
#keywords {
    padding: 6px 20px;
    margin-right: 10px;
    width: 150px !important;
    background: none;
}

#search-box .button2 {
  background-color: #840592 !important;
  border: none !important;
  border-bottom: 2px #000 solid !important;
  color: #fff !important;
  font-family: Comic Sans MS, Arial, Helvetica, sans-serif!important;
  font-size: 11px !important;
  font-weight: 700 !important;
  padding: 6px 9px !important;
}
 
#search-box .button2:hover {
  background-color: silver !important;
  color: #000 !important;
}
 
#keywords {
  width: 100px !important;
}

a.button1, a.button2, button.button2, input.button, input.button1, input.button2 {
    background: #840592;
    border: none;
    border-bottom: 2px solid #000;
    border-radius: 3px;
    color: #FFF!important;
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    line-height: normal!important;
    margin: 2px;
    padding: 6px 9px!important;
    transition: 300ms;
}

a.button1:hover, a.button2:hover, button.button2:hover, input.button:hover, input.button1:hover, input.button2:hover {
    background: silver;
    border: none;
    border-bottom: 2px solid black;
    border-radius: 3px;
    color: #FFF!important;
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    line-height: normal!important;
    margin: 2px;
    padding: 6px 9px!important;
    transition: 300ms;

}

/*  Navegação borda azul  */
ul.navlinks {
    border-bottom: 3px solid #840592 !important;
}

/*  Efeito Mouse no usuário      */
a[href^="/u"] span[style*="#FF0000"] strong {
    position: relative;
}

a[href^="/u"] span[style*="#FF0000"] strong:hover:after {
    background-color: rgba(255,0,0,0.5);
    border-radius: 5px;
    bottom: 15px;
    color: #FFF;
    content: "Líder do Clã e do fórum";
    display: inline-block;
    font-size: 10px;
    font-weight: 700;
    left: 0;
    padding: 2px;
    position: absolute;
    white-space: nowrap;
    z-index: 1;
}

a[href^="/u"] span[style*="#10F000"] strong {
    position: relative;
}

a[href^="/u"] span[style*="#10F000"] strong:hover:after {
    background-color: rgba(16,240,0,0.5);
    border-radius: 5px;
    bottom: 15px;
    color: #FFF;
    content: "Sub Líder do Clã e do fórum";
    display: inline-block;
    font-size: 10px;
    font-weight: 700;
    left: 0;
    padding: 2px;
    position: absolute;
    white-space: nowrap;
    z-index: 1;
}

a[href^="/u"] span[style*="#FFD900"] strong {
    position: relative;
}

a[href^="/u"] span[style*="#FFD900"] strong:hover:after {
    background-color: rgba(255,217,0,0.5);
    border-radius: 5px;
    bottom: 15px;
    color: #FFF;
    content: "Gerente do Clã";
    display: inline-block;
    font-size: 10px;
    font-weight: 700;
    left: 0;
    padding: 2px;
    position: absolute;
    white-space: nowrap;
    z-index: 1;
}

a[href^="/u"] span[style*="#0000FF"] strong {
    position: relative;
}

a[href^="/u"] span[style*="#0000FF"] strong:hover:after {
    background-color: rgba(0,0,255,0.5);
    border-radius: 5px;
    bottom: 15px;
    color: #FFF;
    content: "Maconheiro do Clã";
    display: inline-block;
    font-size: 10px;
    font-weight: 700;
    left: 0;
    padding: 2px;
    position: absolute;
    white-space: nowrap;
    z-index: 1;
}

a[href^="/u"] span[style*="#00CCFF"] strong {
    position: relative;
}

a[href^="/u"] span[style*="#00CCFF"] strong:hover:after {
    background-color: rgba(0,204,255,0.5);
    border-radius: 5px;
    bottom: 15px;
    color: #FFF;
    content: "Gangster do Clã";
    display: inline-block;
    font-size: 10px;
    font-weight: 700;
    left: 0;
    padding: 2px;
    position: absolute;
    white-space: nowrap;
    z-index: 1;
}

a[href^="/u"] span[style*="#FF7700"] strong {
    position: relative;
}

a[href^="/u"] span[style*="#FF7700"] strong:hover:after {
    background-color: rgba(255,119,0,0.5);
    border-radius: 5px;
    bottom: 15px;
    color: #FFF;
    content: "Chefe d0 Crime do Clã";
    display: inline-block;
    font-size: 10px;
    font-weight: 700;
    left: 0;
    padding: 2px;
    position: absolute;
    white-space: nowrap;
    z-index: 1;
}

a[href^="/u"] span[style*="#BC20E3"] strong {
    position: relative;
}

a[href^="/u"] span[style*="#BC20E3"] strong:hover:after {
    background-color: rgba(118,32,227,0.5);
    border-radius: 5px;
    bottom: 15px;
    color: #FFF;
    content: "Pichador do Clã";
    display: inline-block;
    font-size: 10px;
    font-weight: 700;
    left: 0;
    padding: 2px;
    position: absolute;
    white-space: nowrap;
    z-index: 1;
}

a[href^="/u"] span[style*="#830591"] strong {
    position: relative;
}

a[href^="/u"] span[style*="#830591"] strong:hover:after {
    background-color: rgba(131,5,145,0.5);
    border-radius: 5px;
    bottom: 15px;
    color: #FFF;
    content: "Membro do Clã";
    display: inline-block;
    font-size: 10px;
    font-weight: 700;
    left: 0;
    padding: 2px;
    position: absolute;
    white-space: nowrap;
    z-index: 1;
}

a[href^="/u"] span[style*="#B0B0B0"] strong {
    position: relative;
}

a[href^="/u"] span[style*="#B0B0B0"] strong:hover:after {
    background-color: rgba(176,176,176,0.5);
    border-radius: 5px;
    bottom: 15px;
    color: #FFF;
    content: "Visitante do Clã";
    display: inline-block;
    font-size: 10px;
    font-weight: 700;
    left: 0;
    padding: 2px;
    position: absolute;
    white-space: nowrap;
    z-index: 1;
}



/*  */

#main-content input[type="button"],
#main-content input[type="submit"],
#main-content button,
#main-content .button1,
#main-content .button2 {
    background-color: #840592 !important;
    color: #fff !important;
    padding: 6px 9px !important;
    border: none !important;
    border-bottom: 2px black solid !important;
    font-weight: 700 !important;
    font-family: Comic Sans MS, Arial, Helvetica, sans-serif !important;
    font-size: 11px !important;
}
 
#main-content input[type="button"]:hover,
#main-content input[type="button"]:focus,
#main-content input[type="submit"]:hover,
#main-content input[type="submit"]:focus,
#main-content button:hover,
#main-content button:focus,
#main-content .button1:hover,
#main-content .button1:focus,
#main-content .button2:hover,
#main-content .button2:focus {
    background-color: silver !important;
    color: black !important;
}

.vote {
padding: 4px 1px 4px 1px;
text-align: center;
width:20px;
background-color: #eaeaea;
border: 1px solid #d4d6d5;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-top-left-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-right-radius:5px;
}

/* ---------------- Barra de rolagem Google Chrome---------------- */
:-moz-selection{color:#FFF;background-color:#840592}::-webkit-scrollbar{width:17px;height:17px}::-webkit-scrollbar-track{background:#3F474D}::-webkit-scrollbar-thumb{background-color:#840592;border:2px solid #3F474D}::-webkit-scrollbar-button:single-button{color:#FFF;background:url(https://i86.servimg.com/u/f86/18/21/41/30/webkit10.gif) no-repeat #840592;height:17px;width:17px}::-webkit-scrollbar-button:single-button:vertical:increment{background-position:-17px 0}::-webkit-scrollbar-button:single-button:horizontal:decrement{background-position:-34px 0}::-webkit-scrollbar-button:single-button:horizontal:increment{background-position:-51px 0}::-webkit-scrollbar-button:hover,::-webkit-scrollbar-thumb:hover{background-color:#000}::-webkit-scrollbar-button:active,::-webkit-scrollbar-thumb:active{background-color:#840592}

/*  Chat Box  */
.chatbox {
  background: #F6F6F6
}

#chatbox {
  bottom: 26px!important;
}

#chatbox_header {
  background: #333;
  border-radius: 0;
}

#chatbox_footer {
  background: #333;
  border-radius: 0;
}

#chatbox_members .member-title {
  color: #FFF;
  background: #333;
}

#chatbox_members .member-title.online {
  background: #8B5;
  text-transform: uppercase;
  font-family: "Comic Sans MS", Arial, sans-serif;
}

#chatbox_members .member-title.away {
  text-transform: uppercase;
  font-family: "Comic Sans MS", Arial, sans-serif;
  background: #E53;
}

.chatbox_row_1, .chatbox_row_2 {
  background: none;
  border: none;
  border-bottom: 1px solid #E6E6E6;
  padding: 6px 3px;
  margin: 0;
}

#chatbox_footer #message {
  color: #000;
  font-size: 12px;
  height: 22px;
  line-height: 22px;
  background: #FFF;
  border: 1px solid #CCC;
  border-radius: 3px 0 0 3px;
  padding: 0 3px;
  margin: 0;
}

#chatbox_footer #message:hover {
  background-color: #EEE
}

#chatbox_footer #message:focus {
  background-color: #FFFFFF;
  outline: none;
}

#chatbox_footer #submit_button {
  height: 24px;
  background: #FFF;
  border: 1px solid #CCC;
  border-left: none;
  border-radius: 0 3px 3px 0;
}

#chatbox_footer #submit_button:hover {
  background-color: #EEE
}

#chatbox_footer #submit_button:focus {
  background-color: #FFD;
  outline: none;
}

.format-message:checked + label {
  background: #FFC !important
}

h2.chatbox-title a {
  font-size: 20px;
  font-family: "Comic Sans MS", Arial, sans-serif;
  text-transform: uppercase;
  margin-top: 2px;
  display: inline-block;
}

.chatbox-options {
  margin-top: 6.5px;
  font-family: "Comic Sans MS", Arial, sans-serif;
}

.chatbox-options * {
  font-size: 15px;
}

.chatbox_row_1:nth-child(2n+1), .chatbox_row_2:nth-child(2n+1) {
  background-color: #eee;
}

div#help-button {
  background-color: #840592;
  border: none;
  color: #fff!important;
  padding: 2px;
  top: 50%;
  position: absolute;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  box-shadow: inset 0px -2px rgba(0, 0, 0, 0.3), inset 0px 1px rgba(255, 255, 255, 0.14);
}

#chatbox_footer {
  height: 40px!important;
}

#chatbox {
  bottom: 41px!important;
}

.chatbox label.fontbutton, #divcolor, #divsmilies {
  background-color: #840592!important;
  border: none!important;
  color: #fff!important;
  padding: 2px!important;
  box-shadow: inset 0px -2px rgba(0, 0, 0, 0.3), inset 0px 1px rgba(255, 255, 255, 0.14)!important;
  margin-top: 9px!important;
  margin-top: calc(((40px - 22px) / 2) - 2px)!important;
}

.chatbox .format-message:checked + label {
  background-color: #8b5!important;
}

.chatbox #divsmilies {
  margin-right: 25px;
}

.chatbox label[for="message"] {
  display: none;
}

.chatbox input#message {
  border: solid 1px #eee!important;
  padding: 2px;
  font-family: "Comic Sans MS", Arial, sans-serif;
  margin-top: 7px!important;
  margin-top: calc(((40px - 22px) / 2) - 3px)!important;
}

.chatbox input#submit_button {
  margin-top: 7px;
  margin-top: calc(((40px - 22px) / 2) - 3px);
  background-color: #840592!important;
  color: #fff!important;
  padding: 0px 5px!important;
  font-family: "Comic Sans MS", Arial, sans-serif;
  text-transform: uppercase;
  border-color: #840592!important;
}
/*  Fim Chat Box  */

o/
Luiz
Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar Legenda

Mensagem por Heikki 02.11.17 22:21

Pronto
Heikki
Heikki
***

Membro desde : 31/10/2016
Mensagens : 171
Pontos : 328

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar Legenda

Mensagem por Luiz 02.11.17 22:30

Perdão, troque novamente por esta:
Código:
/* Perfil personalizado uID */
#cp-main {
    float: left;
    margin-left: 20px;
    width: 98%;
}

#tabs a {
    border-right: 1px solid #DDD;
    height: 28px;
    margin: 0;
    padding: 0 12px;
    transition: 200ms;
}

#tabs a {
    background: #fff none no-repeat 0 -35px;
    cursor: pointer;
    float: left;
    margin: 0 1px 1px 0;
    padding: 0 0 0 5px;
    position: relative;
    text-decoration: none;
}

#cp-main .panel {
    background-color: #fff;
}

.module, .panel {
    background: #FAFAFA;
    border: 1px solid #DDD;
    border-radius: 3px;
}

.panel {
    background-color: #fff;
    color: #5c5c5c;
    margin-bottom: 4px;
    padding: 0 10px;
}

#profile-advanced-layout #tabs {
    bottom: 0;
}

#profile-advanced-left #tabs {
    margin-top: 4px;
}

#tabs {
    background: #FFF;
    border: 1px solid #DDD;
    border-bottom: none;
    border-radius: 3px 3px 0 0;
    overflow: hidden;
}

#tabs {
    line-height: normal;
    margin: 20px 0 -1px 7px;
}

.module .h3 {
    background: #000;
    border-bottom: 1px solid #f3f3f3;
    color: #FFF;
    margin: 0 -10px 10px;
    padding: 6px 3px;
    text-align: center;
    text-transform: none;
}
/* Fim Perfil Personalizado uID */

/* Icones login */
#username {
    background: #e8e8e8 url(http://i.imgur.com/3CBLHUK.png)no-repeat;
    border-radius: 0!important;
    cursor: text;
    padding: 5px 5px 5px 20px;
    top: 0;
    border-bottom: none!important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1) inset;
    color: #9f9f9f;
}

#password {
    background: #e8e8e8 url(http://i.imgur.com/Bmg6BFf.png)no-repeat;
    border-radius: 0!important;
    cursor: text;
    padding: 5px 5px 5px 20px;
    top: 0;
    border-bottom: none!important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1) inset;
    color: #9f9f9f;
}
/* Fim icones Login */

/* Selecionar algo */
select {
    cursor: pointer;
    font-family: Comic Sans MS,Arial,Helvetica,sans-serif;
    font-weight: 400;
    padding: 1px;
    vertical-align: middle;
    background: #e8e8e8 none repeat scroll 0 0;
    border: 1px solid #d4d4d4;
    border-bottom: none!important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1) inset;
    color: #9f9f9f;
}
/* Fim Selecionar algo */

/* Convidar amigo */
#profile-advanced-add a[href*="remove"] {
    background: #830591;
    border-color: #400047;
}

#profile-advanced-add a:hover, a.button1:hover, a.button2:hover, button.button2:hover, input.button1:hover, input.button2:hover, input.button:hover {
    background: #333;
    border: none;
    border-bottom: 2px solid #111;
    color: #FFF;
}

#profile-advanced-add a, a.button1, a.button2, button.button2, input.button, input.button1, input.button2 {
    background: #830591;
    border: none;
    border-bottom: 2px solid #400047;
    border-radius: 3px;
    color: #FFF!important;
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    line-height: normal!important;
    margin: 2px;
    padding: 6px 9px!important;
    transition: 300ms;
}
/* Fim Convidar amigo */

/* Avatar na Categoria */
.lastpost-avatar img {
    -webkit-border-radius: 50%;
    background: #fff;
    border: 1px solid #D5D5D5;
    border-radius: 50%;
    box-shadow: 0 2px 2px rgba(0,0,0,0.1);
    height: 50px;
    margin: 0 5px;
    padding: 1px;
    width: 50px;
}
/* Fim Avatar na Categoria */

/* Toolpit em Tudo */
.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;
}
/* Fim Toolpit em tudo */

/* Caixa de Citação */
blockquote cite {
    background-color: #E3E3E3;
    background-image: url(https://i34.servimg.com/u/f34/16/49/10/98/snapba10.png), url(http://i.imgur.com/iPXDkuF.png);
    background-position: 10px center, 0 0;
    background-repeat: no-repeat, repeat-x;
    border-bottom: 1px solid #F5F5F5;
    border-top: 0;
    color: #535353;
    font-size: 12px;
    font-weight: 700;
    padding: 8px 10px;
    text-indent: 25px;
    text-shadow: rgba(255,255,255,1) 0 1px 0;
}

.content blockquote {
    color: #000;
    background-color: #F2F2F2;
}

.postmain cite, blockquote cite {
    margin: -10px -11px 8px -30px;
}
/* Fim Caixa de Citação */

/*  Borda nos Quadrados */
input[type="email"], input[type="password"], input[type="text"] {
    border-bottom: none !important;
    background: #e8e8e8 none repeat scroll 0 0;
    border: 1px solid #d4d4d4;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
    color: #9f9f9f;
    padding: 6px;
}

.inputbox {
    border-bottom: none !important;
    background: #e8e8e8 none repeat scroll 0 0;
    border: 1px solid #d4d4d4;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
    color: #9f9f9f;
    padding: 6px;
}

div.sceditor-grip {
    background-position: 0 -608px;
    bottom: 0;
    cursor: se-resize;
    cursor: se-resize;
    height: 10px;
    overflow: hidden;
    position: absolute;
    right: 0;
    width: 10px;
    z-index: 3;
}

.sceditor-button div, div.sceditor-grip {
    background-image: url(famfamfam.png);
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
}

/*  Personalização dentro dos grupos by Luiz  */
table.table1 tbody td {
    border-top: 1px solid #fff;
    padding: 5px;
}

table tr:nth-child(2n + 2) * {
    background-color: #f7f7f7!important;
}

table.table1 td {
    color: #555;
    font-size: 1.1em;
}

table tr td, table tr th {
    padding: 5px!important;
    padding-top: 3px!important;
    border-left: solid 1px #ddd;
    border-bottom: solid 1px #ddd;
}

table.table1 .name {
    text-align: left;
}

table.table1 thead th {
    color: #555!important;
}

table tr:last-child td, table tr:last-child th {
    border-bottom-width: 2px!important;
}

table tr:first-child td, table tr:first-child th {
    border-top: solid 1px #ddd;
    padding-top: 8px!important;
    padding-left: 10px!important;
    font-weight: bold!important;
    border-radius: 3px 3px 0px 0px;
}

table.table1 thead th {
    color: #fff;
    font-size: 1em;
    font-weight: 400;
    line-height: 1.3em;
    padding: 0 0 4px 3px;
    text-transform: uppercase;
}

table tr td, table tr th {
    padding: 5px!important;
    padding-top: 3px!important;
    border-left: solid 1px #ddd;
    border-bottom: solid 1px #ddd;
}
/* Fim Personalização dentro dos Grupos by Luiz */

/* BEGIN Scroll Top Button */
 
#fa-scrolltop {
  position: fixed;
  right: 30px;
  bottom: 30px;
  display: block;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  text-decoration: none !important;
  background-color: #840592;
  color: #000;
  font-weight: 700;
  font-size: 24px;
  visibility: hidden;
  opacity: 0;
  border: 1px rgba(0, 0, 0, 0.25) solid;
  border-radius: 3px;
  transition: 250ms ease all;
}
 
#fa-scrolltop:hover,
#fa-scrolltop:focus,
#fa-scrolltop:active {
  background-color: #000;
  color: #840592;
}
 
#fa-scrolltop.fa-scrolltop-visible {
  visibility: visible;
  opacity: 1;
}
 
/* END Scroll Top Button */

/*  Tema 
div#wrap::after {
  content: "Olá, Não está autorizada qualquer cópia total/parcial deste tema sem a autorização prévia do autor."!important;
  display: block!important;
  text-align: center!important;
  color: #000!important;
}
  Tema  */

/* Regras JS */
.fa-custom-reply-message {
  border: solid 1px #c31;
  background-color: #f7e7e3;
  padding: 12px 6px;
  border-radius: 2px;
  margin-bottom: 10px;
  font-size: 12px;
  color: #a10;
}
 
.fa-custom-reply-message a {
  text-decoration: underline;
  font-weight: bold;
  color: #a10;
}
 
.fa-custom-reply-message a:hover {
  color: #000;
}
/* Regras JS */

/* Caixa de Resposta rapida */
div.sceditor-toolbar {
    background-color: #840592!important;
    border-color: #840592!important;
}

.sceditor-container iframe, .sceditor-container textarea {
    background: url(https://i.imgur.com/3uc0pxy.png) no-repeat 50% 50% transparent!important;
}

.sceditor-container {
    background-color: #FFF!important;
    border-color: #840592!important;
}

div.sceditor-group {
    background: #FFF!important;
    border: 1px solid #DDD!important;
    overflow: hidden;
    padding: 0!important;
}

.h3 {
    font-weight: 700;
}

.h3, h3 {
    color: #000000;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 1.05em;
    margin-bottom: 3px;
    margin-top: 20px;
    padding-bottom: 2px;
    text-transform: uppercase;
}
/* Fim Caixa de Resposta Rapida */

/*  Efeito Tópico  */

.row {
    border: 1px solid #dadada!important;
}

.row:hover {
    -moz-border-bottom-colors: none!important;
    -moz-border-left-colors: none!important;
    -moz-border-right-colors: none!important;
    -moz-border-top-colors: none!important;
    border-color: #CCC #840592!important;
    border-image: none!important;
    border-style: solid!important;
    border-width: 1px 4px!important;
}

li.row {
    border-top: 1px solid #EBEBEB;
}

/*  Fim Efeito Tópico  */

/* Caixa de busca*/
#search-box #keywords {
    background-color: #e8e8e8;
    border-bottom: none !important;
    background: #e8e8e8 none repeat scroll 0 0;
    border: 1px solid #d4d4d4;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
    color: #9f9f9f;
    padding: 6px;
}
/* Fim da caixa de busca */


/* Início - Widgets Final do Fórum */
.widgetsbottom {
  display: block !important;
    background-color: #fff;
    clear: both;
    width:100%;
  margin: 15px 0px;
}
#fa_stats {
    background: #2E3133 none repeat scroll 0% 0%;
    color: #FFF;
    font-family: Arial,Verdana,sans-serif;
    padding: 15px 0px;
    text-align: center;
    font-size: 10px;
}
.stat_label {
    background: #F2F2F2 none repeat scroll 0% 0%;
    border-radius: 3px;
    color: #2E3133;
    display: inline-block;
    font-size: 0px;
    margin: 0px 12px 0px 3%;
    padding: 6px 12px;
    vertical-align: middle;
}
.stat_label strong {
    display: inline-block;
    font-size: 14px;
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.text_label {
    font-size: 14px;
    font-weight: 700;
    margin-right: 7.5%;
    text-transform: uppercase;
}
.qeel_title {
    background: #369FCF none repeat scroll 0% 0%;
    color: #FFF;
    font-family: "Trebuchet MS",Arial,Verdana,sans-serif;
    font-size: 16px;
    font-weight: 700;
    padding: 5px 6px;
    text-transform: uppercase;
}
.qeel_title a {
    color: #FFF;
}
.qeel_section {
    background: #FAFAFA none repeat scroll 0% 0%;
    color: #333;
    font-size: 11px;
    padding: 8px 6px;
}
/* Fim - Widgets Final do Fórum */


li.header dl.icon {
    background-color: #2E2E2E;
    border-bottom: 2px solid #840592;
    border-radius: 1px 1px 0 0;
    box-shadow: #39e5d0 0 0 inset;
    margin: -1px -13px 7px;
    padding: 1em;
    position: relative;
    text-shadow: none;
}
.forabg {
    background-color: #840592;
    background-image: none !important;
    border: medium none !important;
    border-radius: 5px;
    box-shadow: 0 0 5px #000;
    margin: 5px 5px 10px;
    padding: 5px;
}

li.row {
    border-bottom: 10px solid transparent;
}

body {
    background-attachment: fixed;
    background-color: #fff;
    background-image: url(http://i.imgur.com/lPv5zbk.jpg);
    color: #000;
    font-family: Comic Sans MS, Arial;
    font-size: 10px;
    height: auto;
    padding: 10px 0;
}

ul.linklist li a:hover {
    color: #840592 !important;
}

#page-header .navbar .linklist {
    background: #2E2E2E!important;
    border: none;
    margin: -9px -15px 5px;
    background-image:none!important;
        }
        #page-header a.mainmenu {
    color: #eee;
    display: inline-block;
    font-family: Comic Sans MS;
    font-size: 11px;
    font-weight: 700;
    height: 35px;
    line-height: 37px;
    outline: medium none;
    padding: 0 15px;
    transition-duration: 100ms;
}
#page-header .navbar .linklist li {
    font-size: 0;
}

#page-header a.mainmenu[href="/register"]{color:#8C5!important;}
#page-header a.mainmenu:hover{background-color:#1A1A1A;}
/*#page-header a.mainmenu[href^="/login"]:hover{background-color:#E54732;}*/
#wrap {
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border: 0px solid #000000;
}

span.corners-bottom, span.corners-bottom span, span.corners-top, span.corners-top span {
    display: none!important;
}

.header, .module span.corners-top {
  padding: 1px;
}

/*--CENTRALIZAR PERFIL--*/

.vote {
float: right;
width: 10px;
margin-left: 4px;
}

/* PostProFile post dos tópicos */
.postprofile {
    background: #fff;
    border: 1px solid #e1e1e1;
    height: auto!important;
    padding: 10px;
    text-align: center;
    width: 276px!important;
}

.postprofile {
    /* border-color: #fff; */
    border-right-style: solid;
    border-right-width: 1px;
    display: inline;
    float: left;
    margin: 5px 0 0;
    min-height: 80px;
    position: relative;
    width: 22%;
    word-wrap: break-word;
}

#main-content .postprofile {
    box-sizing: border-box;
    width: 23%!important;
}

.postprofile {
    border-right-style: solid;
    border-right-width: 1px;
    display: inline;
    float: left;
    margin: 5px 0 0;
    min-height: 80px;
    position: relative;
    width: 22%;
    word-wrap: break-word;
}

.post {
    border: 1px solid #cbcbcb;
    border-radius: 10px!important;
}

/* Borda  Avatar*/
div.postprofile dl dt img {
  border: 5px solid #eee;
  box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
  margin-left: 3px;
}
/* Fim borda Avatar */

/* Giratório Avatar */
.postprofile dt img:hover{-webkit-transform: rotate(1800deg) scale(1);-moz-transform: rotate(1800deg) scale(1);-o-transform: rotate(1800deg) scale(1);}.postprofile dt img{-webkit-transition: all 5s ease-in-out;-moz-transition: all 5s ease-in-out;-o-transition: all 5s ease-in-out;}
/* Fim Giratório Avatar */

/* Não tire */
.postprofile dt a:first-child {
    line-height: 1.8em;
}
/* Fim PostProFile post dos tópicos */

/* Custom */
 
.generated_form_title {
    padding: 15px 0 15px 15px;
    border-bottom: 1px rgba(255, 255, 255, 0.25) solid;
    border-left: 15px rgba(255, 255, 255, 0.25) solid;
    text-transform: uppercase;
    font-weight: 700;
}
 
.generated_form_list {
    background-color: #1fb51f;
}

/* Fancybox by Baivong */
.fancybox-tmp iframe,.fancybox-tmp object{vertical-align:top;margin:0;padding:0}
.fancybox-wrap{position:absolute;top:0;left:0;z-index:1002}
.fancybox-outer{background:#f9f9f9;color:#444;text-shadow:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;margin:0;padding:0}
.fancybox-opened{z-index:1003}
.fancybox-opened .fancybox-outer{-webkit-box-shadow:0 10px 25px rgba(0,0,0,0.5);-moz-box-shadow:0 10px 25px rgba(0,0,0,0.5);box-shadow:0 10px 25px rgba(0,0,0,0.5)}
.fancybox-inner{width:100%;height:100%;position:relative;outline:none;overflow:hidden;margin:0;padding:0}
.fancybox-error{color:#444;font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin:0;padding:10px}
.fancybox-image,.fancybox-iframe{display:block;width:100%;height:100%;border:0;vertical-align:top;margin:0;padding:0}
.fancybox-image{max-width:100%;max-height:100%}
#fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-21px;margin-left:-21px;width:42px;height:42px;background:url(http://i48.servimg.com/u/f48/16/58/89/73/fancyb10.gif);opacity:0.8;cursor:pointer;z-index:1010}
.fancybox-close,.fancybox-prev span,.fancybox-next span{background-image:url(http://i48.servimg.com/u/f48/16/58/89/73/fancyb10.png)}
.fancybox-close{position:absolute;top:-18px;right:-18px;width:36px;height:36px;cursor:pointer;z-index:1004}
.fancybox-tmp{position:absolute;top:-9999px;left:-9999px;overflow:visible;visibility:hidden;padding:0}
#fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index: 999;background:#000}
.fancybox-title{display:none}
.fancybox-title-float-wrap{position:absolute;bottom:0;right:50%;margin-bottom:-35px;z-index: 999;text-align:center}
.fancybox-title-float-wrap .child{display:inline-block;margin-right:-100%;background:rgba(0,0,0,0.8);-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;text-shadow:0 1px 2px #222;color:#FFF;font-weight:700;line-height:24px;white-space:nowrap;padding:2px 20px}
.fancybox-title-outside-wrap{position:relative;margin-top:10px;color:#fff}
.fancybox-title-inside-wrap{margin-top:10px}
.fancybox-title-over-wrap{position:absolute;bottom:0;left:0;color:#fff;background:rgba(0,0,0,.8);padding:10px}

#search-box p.nomargin {
    display: block !important;
}
 
#keywords {
    padding: 6px 20px;
    margin-right: 10px;
    width: 150px !important;
    background: none;
}

#search-box .button2 {
  background-color: #840592 !important;
  border: none !important;
  border-bottom: 2px #000 solid !important;
  color: #fff !important;
  font-family: Comic Sans MS, Arial, Helvetica, sans-serif!important;
  font-size: 11px !important;
  font-weight: 700 !important;
  padding: 6px 9px !important;
}
 
#search-box .button2:hover {
  background-color: silver !important;
  color: #000 !important;
}
 
#keywords {
  width: 100px !important;
}

a.button1, a.button2, button.button2, input.button, input.button1, input.button2 {
    background: #840592;
    border: none;
    border-bottom: 2px solid #000;
    border-radius: 3px;
    color: #FFF!important;
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    line-height: normal!important;
    margin: 2px;
    padding: 6px 9px!important;
    transition: 300ms;
}

a.button1:hover, a.button2:hover, button.button2:hover, input.button:hover, input.button1:hover, input.button2:hover {
    background: silver;
    border: none;
    border-bottom: 2px solid black;
    border-radius: 3px;
    color: #FFF!important;
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    line-height: normal!important;
    margin: 2px;
    padding: 6px 9px!important;
    transition: 300ms;

}

/*  Navegação borda azul  */
ul.navlinks {
    border-bottom: 3px solid #840592 !important;
}

/*  Efeito Mouse no usuário      */
a[href^="/u"] span[style*="#FF0000"] strong {
    position: relative;
}

a[href^="/u"] span[style*="#FF0000"] strong:hover:after {
    background-color: rgba(255,0,0,0.5);
    border-radius: 5px;
    bottom: 15px;
    color: #FFF;
    content: "Líder do Clã e do fórum";
    display: inline-block;
    font-size: 10px;
    font-weight: 700;
    left: 0;
    padding: 2px;
    position: absolute;
    white-space: nowrap;
    z-index: 1;
}

a[href^="/u"] span[style*="#10F000"] strong {
    position: relative;
}

a[href^="/u"] span[style*="#10F000"] strong:hover:after {
    background-color: rgba(16,240,0,0.5);
    border-radius: 5px;
    bottom: 15px;
    color: #FFF;
    content: "Sub Líder do Clã e do fórum";
    display: inline-block;
    font-size: 10px;
    font-weight: 700;
    left: 0;
    padding: 2px;
    position: absolute;
    white-space: nowrap;
    z-index: 1;
}

a[href^="/u"] span[style*="#FFD900"] strong {
    position: relative;
}

a[href^="/u"] span[style*="#FFD900"] strong:hover:after {
    background-color: rgba(255,217,0,0.5);
    border-radius: 5px;
    bottom: 15px;
    color: #FFF;
    content: "Gerente do Clã";
    display: inline-block;
    font-size: 10px;
    font-weight: 700;
    left: 0;
    padding: 2px;
    position: absolute;
    white-space: nowrap;
    z-index: 1;
}

a[href^="/u"] span[style*="#0000FF"] strong {
    position: relative;
}

a[href^="/u"] span[style*="#0000FF"] strong:hover:after {
    background-color: rgba(0,0,255,0.5);
    border-radius: 5px;
    bottom: 15px;
    color: #FFF;
    content: "Maconheiro do Clã";
    display: inline-block;
    font-size: 10px;
    font-weight: 700;
    left: 0;
    padding: 2px;
    position: absolute;
    white-space: nowrap;
    z-index: 1;
}

a[href^="/u"] span[style*="#00CCFF"] strong {
    position: relative;
}

a[href^="/u"] span[style*="#00CCFF"] strong:hover:after {
    background-color: rgba(0,204,255,0.5);
    border-radius: 5px;
    bottom: 15px;
    color: #FFF;
    content: "Gangster do Clã";
    display: inline-block;
    font-size: 10px;
    font-weight: 700;
    left: 0;
    padding: 2px;
    position: absolute;
    white-space: nowrap;
    z-index: 1;
}

a[href^="/u"] span[style*="#FF7700"] strong {
    position: relative;
}

a[href^="/u"] span[style*="#FF7700"] strong:hover:after {
    background-color: rgba(255,119,0,0.5);
    border-radius: 5px;
    bottom: 15px;
    color: #FFF;
    content: "Chefe d0 Crime do Clã";
    display: inline-block;
    font-size: 10px;
    font-weight: 700;
    left: 0;
    padding: 2px;
    position: absolute;
    white-space: nowrap;
    z-index: 1;
}

a[href^="/u"] span[style*="#BC20E3"] strong {
    position: relative;
}

a[href^="/u"] span[style*="#BC20E3"] strong:hover:after {
    background-color: rgba(118,32,227,0.5);
    border-radius: 5px;
    bottom: 15px;
    color: #FFF;
    content: "Pichador do Clã";
    display: inline-block;
    font-size: 10px;
    font-weight: 700;
    left: 0;
    padding: 2px;
    position: absolute;
    white-space: nowrap;
    z-index: 1;
}

a[href^="/u"] span[style*="#830591"] strong {
    position: relative;
}

a[href^="/u"] span[style*="#830591"] strong:hover:after {
    background-color: rgba(131,5,145,0.5);
    border-radius: 5px;
    bottom: 15px;
    color: #FFF;
    content: "Membro do Clã";
    display: inline-block;
    font-size: 10px;
    font-weight: 700;
    left: 0;
    padding: 2px;
    position: absolute;
    white-space: nowrap;
    z-index: 1;
}

a[href^="/u"] span[style*="#B0B0B0"] strong {
    position: relative;
}

a[href^="/u"] span[style*="#B0B0B0"] strong:hover:after {
    background-color: rgba(176,176,176,0.5);
    border-radius: 5px;
    bottom: 15px;
    color: #FFF;
    content: "Visitante do Clã";
    display: inline-block;
    font-size: 10px;
    font-weight: 700;
    left: 0;
    padding: 2px;
    position: absolute;
    white-space: nowrap;
    z-index: 1;
}



/*  */

#main-content input[type="button"],
#main-content input[type="submit"],
#main-content button,
#main-content .button1,
#main-content .button2 {
    background-color: #840592 !important;
    color: #fff !important;
    padding: 6px 9px !important;
    border: none !important;
    border-bottom: 2px black solid !important;
    font-weight: 700 !important;
    font-family: Comic Sans MS, Arial, Helvetica, sans-serif !important;
    font-size: 11px !important;
}
 
#main-content input[type="button"]:hover,
#main-content input[type="button"]:focus,
#main-content input[type="submit"]:hover,
#main-content input[type="submit"]:focus,
#main-content button:hover,
#main-content button:focus,
#main-content .button1:hover,
#main-content .button1:focus,
#main-content .button2:hover,
#main-content .button2:focus {
    background-color: silver !important;
    color: black !important;
}

.vote {
padding: 4px 1px 4px 1px;
text-align: center;
width:20px;
background-color: #eaeaea;
border: 1px solid #d4d6d5;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-top-left-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-right-radius:5px;
}

/* ---------------- Barra de rolagem Google Chrome---------------- */
:-moz-selection{color:#FFF;background-color:#840592}::-webkit-scrollbar{width:17px;height:17px}::-webkit-scrollbar-track{background:#3F474D}::-webkit-scrollbar-thumb{background-color:#840592;border:2px solid #3F474D}::-webkit-scrollbar-button:single-button{color:#FFF;background:url(https://i86.servimg.com/u/f86/18/21/41/30/webkit10.gif) no-repeat #840592;height:17px;width:17px}::-webkit-scrollbar-button:single-button:vertical:increment{background-position:-17px 0}::-webkit-scrollbar-button:single-button:horizontal:decrement{background-position:-34px 0}::-webkit-scrollbar-button:single-button:horizontal:increment{background-position:-51px 0}::-webkit-scrollbar-button:hover,::-webkit-scrollbar-thumb:hover{background-color:#000}::-webkit-scrollbar-button:active,::-webkit-scrollbar-thumb:active{background-color:#840592}

/*  Chat Box  */
.chatbox {
  background: #F6F6F6
}

#chatbox {
  bottom: 26px!important;
}

#chatbox_header {
  background: #333;
  border-radius: 0;
}

#chatbox_footer {
  background: #333;
  border-radius: 0;
}

#chatbox_members .member-title {
  color: #FFF;
  background: #333;
}

#chatbox_members .member-title.online {
  background: #8B5;
  text-transform: uppercase;
  font-family: "Comic Sans MS", Arial, sans-serif;
}

#chatbox_members .member-title.away {
  text-transform: uppercase;
  font-family: "Comic Sans MS", Arial, sans-serif;
  background: #E53;
}

.chatbox_row_1, .chatbox_row_2 {
  background: none;
  border: none;
  border-bottom: 1px solid #E6E6E6;
  padding: 6px 3px;
  margin: 0;
}

#chatbox_footer #message {
  color: #000;
  font-size: 12px;
  height: 22px;
  line-height: 22px;
  background: #FFF;
  border: 1px solid #CCC;
  border-radius: 3px 0 0 3px;
  padding: 0 3px;
  margin: 0;
}

#chatbox_footer #message:hover {
  background-color: #EEE
}

#chatbox_footer #message:focus {
  background-color: #FFFFFF;
  outline: none;
}

#chatbox_footer #submit_button {
  height: 24px;
  background: #FFF;
  border: 1px solid #CCC;
  border-left: none;
  border-radius: 0 3px 3px 0;
}

#chatbox_footer #submit_button:hover {
  background-color: #EEE
}

#chatbox_footer #submit_button:focus {
  background-color: #FFD;
  outline: none;
}

.format-message:checked + label {
  background: #FFC !important
}

h2.chatbox-title a {
  font-size: 20px;
  font-family: "Comic Sans MS", Arial, sans-serif;
  text-transform: uppercase;
  margin-top: 2px;
  display: inline-block;
}

.chatbox-options {
  margin-top: 6.5px;
  font-family: "Comic Sans MS", Arial, sans-serif;
}

.chatbox-options * {
  font-size: 15px;
}

.chatbox_row_1:nth-child(2n+1), .chatbox_row_2:nth-child(2n+1) {
  background-color: #eee;
}

div#help-button {
  background-color: #840592;
  border: none;
  color: #fff!important;
  padding: 2px;
  top: 50%;
  position: absolute;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  box-shadow: inset 0px -2px rgba(0, 0, 0, 0.3), inset 0px 1px rgba(255, 255, 255, 0.14);
}

#chatbox_footer {
  height: 40px!important;
}

#chatbox {
  bottom: 41px!important;
}

.chatbox label.fontbutton, #divcolor, #divsmilies {
  background-color: #840592!important;
  border: none!important;
  color: #fff!important;
  padding: 2px!important;
  box-shadow: inset 0px -2px rgba(0, 0, 0, 0.3), inset 0px 1px rgba(255, 255, 255, 0.14)!important;
  margin-top: 9px!important;
  margin-top: calc(((40px - 22px) / 2) - 2px)!important;
}

.chatbox .format-message:checked + label {
  background-color: #8b5!important;
}

.chatbox #divsmilies {
  margin-right: 25px;
}

.chatbox label[for="message"] {
  display: none;
}

.chatbox input#message {
  border: solid 1px #eee!important;
  padding: 2px;
  font-family: "Comic Sans MS", Arial, sans-serif;
  margin-top: 7px!important;
  margin-top: calc(((40px - 22px) / 2) - 3px)!important;
}

.chatbox input#submit_button {
  margin-top: 7px;
  margin-top: calc(((40px - 22px) / 2) - 3px);
  background-color: #840592!important;
  color: #fff!important;
  padding: 0px 5px!important;
  font-family: "Comic Sans MS", Arial, sans-serif;
  text-transform: uppercase;
  border-color: #840592!important;
}
/*  Fim Chat Box  */

Para que possamos continuar. Feliz
Luiz
Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar Legenda

Mensagem por Heikki 02.11.17 22:45

Pronto  Feliz
Heikki
Heikki
***

Membro desde : 31/10/2016
Mensagens : 171
Pontos : 328

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar Legenda

Mensagem por Luiz 02.11.17 23:04

Adicione ao final de sua Folha de Estilos:
Código:
.qeel_section > p > em {
  line-height: 0;
  background-color: transparent;
  border: solid 1px #ddd;
  border-radius: 10px;
  display: block;
  font-size: 0;
  margin: 20px auto 0;
  text-align: center;
  width: 70%;
}

.qeel_section > p > em b {
  font-size: 13px!important;
  overflow: hidden;
  padding: 10px 12px;
  position: relative;
  z-index: 2;
  display: inline-block;
  line-height: initial;
}

.qeel_section > p > em b:after {
  background-color: transparent;
  content: '';
  height: 1px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%,-50%);
  transition: all linear 600ms;
  width: 1px;
  z-index: -1;
}

.qeel_section > p > em b:hover:after {
  background-color: #ddd;
  transform: translate(-50%,-50%) scale(200);
}

o/
Luiz
Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar Legenda

Mensagem por Heikki 03.11.17 0:15

Muito obrigado Luiz  Muito feliz
Heikki
Heikki
***

Membro desde : 31/10/2016
Mensagens : 171
Pontos : 328

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar Legenda

Mensagem por Luiz 03.11.17 0:17

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
Luiz
Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos