Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
Personalizar Legenda
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
Personalizar Legenda
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/
Re: Personalizar Legenda
Olá,
Para que possamos ajudá-lo, o senhor terá que liberar o fórum para visitantes. o/
Para que possamos ajudá-lo, o senhor terá que liberar o fórum para visitantes. o/
Re: Personalizar Legenda
Olá novamente,
Eu acabei de verificar em seu fórum, e as legendas são extremamente semelhantes:O senhor deseja tornar mais semelhante em qual aspecto? o/
Eu acabei de verificar em seu fórum, e as legendas são extremamente semelhantes:O senhor deseja tornar mais semelhante em qual aspecto? o/
Re: Personalizar Legenda
Troque por este para que eu possa bolar uma nova legenda com base na mencionada:
o/
- 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/
Re: Personalizar Legenda
Perdão, troque novamente por esta:
Para que possamos continuar.
- 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.
Re: Personalizar Legenda
Adicione ao final de sua Folha de Estilos:
o/
- 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/
Re: Personalizar Legenda
Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada. Tópico marcado como Resolvido e movido para Questões resolvidas. |
Tópicos semelhantes
» Personalizar legenda
» Personalizar legenda
» Personalizar legenda
» Personalizar legenda
» Personalizar legenda do fórum
» Personalizar legenda
» Personalizar legenda
» Personalizar legenda
» Personalizar legenda do fórum
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