Hitskin.comIsto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
ArtigosEfeito de opacidade nas opções do post com erro
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
Efeito de opacidade nas opções do post com erro
por #d0C 30.09.13 20:45
Qual é minha questão:
Olá,
No meu fórum, eu uso um código que esse tem o efeito de passar o mouse no post, os botões de edição aparecem.
Mas os links de facebook e isso tudo não estão funcionando, porque essa barra dos botões do post está por cima desses links.
Espero obter ajuda!
Endereço do meu fórum:
http://corrente-grafica.forumeiro.com
Versão do fórum:
PUNBB
Olá,
No meu fórum, eu uso um código que esse tem o efeito de passar o mouse no post, os botões de edição aparecem.
Mas os links de facebook e isso tudo não estão funcionando, porque essa barra dos botões do post está por cima desses links.
Espero obter ajuda!
Endereço do meu fórum:
http://corrente-grafica.forumeiro.com
Versão do fórum:
PUNBB
#d0C- Super Membro
- Membro desde : 13/09/2013
Mensagens : 1118
Pontos : 1536 -
Re: Efeito de opacidade nas opções do post com erro
por BrunoH. 01.10.13 22:30
Olá,
Não pude compreender sua dúvida, poderia ser mais especifico?
Até mais.
Não pude compreender sua dúvida, poderia ser mais especifico?
Até mais.
BrunoH.- Membro Entusiasta
- Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10386 -
Re: Efeito de opacidade nas opções do post com erro
por #d0C 02.10.13 12:05
Se puder passar no meu fórum agradecia! 
O problema é o seguinte, eu coloquei um código Java, o que esse código faz, é de colocar a opacidade das opções do post em hover, o que significa que ao passar o mouse essas opções são exibidas.
E no meu template, os links do facebook, skype, entre outros, também ficaram com esse efeito, e ao passar o mouse por cima não acontece nada, eles são exibidos mas não podem ser activados, dizendo de outra forme, por exemplo o do facebook ao clicar não vai ser redireccionado para lado nenhum.
Se precisar, posso fornecer alguns screens.
Cumprimentos, #d0C.
O problema é o seguinte, eu coloquei um código Java, o que esse código faz, é de colocar a opacidade das opções do post em hover, o que significa que ao passar o mouse essas opções são exibidas.
E no meu template, os links do facebook, skype, entre outros, também ficaram com esse efeito, e ao passar o mouse por cima não acontece nada, eles são exibidos mas não podem ser activados, dizendo de outra forme, por exemplo o do facebook ao clicar não vai ser redireccionado para lado nenhum.
Se precisar, posso fornecer alguns screens.
Cumprimentos, #d0C.
#d0C- Super Membro
- Membro desde : 13/09/2013
Mensagens : 1118
Pontos : 1536 -
Re: Efeito de opacidade nas opções do post com erro
por BrunoH. 02.10.13 12:20
Olá,
Poderia me dizer o URL do tutorial aqui no Fórum dos Fóruns que possui esse código "java" que o senhor está dizendo? O problema é no código Java ao qual o senhor instalou, creio eu. Pois não damos suporte a JS externo aos nossos tutoriais.
Até mais.
Poderia me dizer o URL do tutorial aqui no Fórum dos Fóruns que possui esse código "java" que o senhor está dizendo? O problema é no código Java ao qual o senhor instalou, creio eu. Pois não damos suporte a JS externo aos nossos tutoriais.
Até mais.
BrunoH.- Membro Entusiasta
- Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10386 -
Re: Efeito de opacidade nas opções do post com erro
por #d0C 02.10.13 12:23
Aqui está BrunoH.
--> Tutoriais, dicas e astúcias <-- Opacidade nas opções do post
Espero obter ajuda.
Cumprimentos, #d0C.
--> Tutoriais, dicas e astúcias <-- Opacidade nas opções do post
Espero obter ajuda.
Cumprimentos, #d0C.
#d0C- Super Membro
- Membro desde : 13/09/2013
Mensagens : 1118
Pontos : 1536 -
Re: Efeito de opacidade nas opções do post com erro
por First 03.10.13 18:13
Olá,
Senhor, adicione este código em sua folha de estilo CSS:
Painel de Controle
Visualização Imagens e Cores Cores 
Folha de estilo CSS
Até mais,
Passar bem.
Senhor, adicione este código em sua folha de estilo CSS:
Painel de Controle
Visualização Imagens e Cores Cores Folha de estilo CSS- Código:
.post:hover .post-options {
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
-webkit-transition: all .2s linear;
opacity: .5;
}
.post .post-options:hover {
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
-webkit-transition: all .2s linear;
opacity: 1!important;
}
.post .post-options {
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
-webkit-transition: all .2s linear;
opacity: 0;
Até mais,
Passar bem.
First- Super Membro
- Membro desde : 13/07/2013
Mensagens : 1313
Pontos : 1884 -
Re: Efeito de opacidade nas opções do post com erro
por #d0C 04.10.13 18:31
Amigo...
Sem alteração
Cumprimentos.
Sem alteração
Cumprimentos.
#d0C- Super Membro
- Membro desde : 13/09/2013
Mensagens : 1118
Pontos : 1536 -
Re: Efeito de opacidade nas opções do post com erro
por First 04.10.13 18:33
Olá,
Senhor, poderia deixar o código ativo em vosso fórum, e me fornece a sua folha de estilo CSS por gentileza.
Até mais,
Passar bem.
Senhor, poderia deixar o código ativo em vosso fórum, e me fornece a sua folha de estilo CSS por gentileza.
Até mais,
Passar bem.
First- Super Membro
- Membro desde : 13/07/2013
Mensagens : 1313
Pontos : 1884 -
Re: Efeito de opacidade nas opções do post com erro
por #d0C 04.10.13 18:34
- CSS:
- Código:
#facebookcg, #twittercg, #bloggercg {
float: right;
margin-left: 5px;
}
.manuntencao {
z-index: 9999!important;
float: left;
position: fixed;
right: 0;
margin-right: auto;
bottom: *px;
width: 100%;
background: rgb(105, 174, 212);
}
.post_field:hover {
border-left-width: 3px!important;
border-right-width: 3px!important;
background: rgb(238, 238, 238);
transition: all .3s linear;
text-shadow: 1px 1px #B9B9B9;
color: rgb(78, 78, 78);
}
.post_field {
background: #fff;
border-left: 1px solid #6D6D6D;
border-right: 1px solid #6D6D6D;
border-left-width: 0px!important;
border-right-width: 0px!important;
color: #000;
margin-bottom: 3.5px;
padding: 3px 10px;
transition: all .10s linear;
}
tbody.statused tr {
transition: all .3s linear;
opacity: 0.7;
}
tbody.statused tr:hover {
transition: all .3s linear;
opacity: 1;
}
body #fa_toolbar_hidden {
display: none!important;
}
body #fa_toolbar #live_notif .fa_notification {background: -ms-linear-gradient(top,rgba(0, 163, 255, 0.74) ,rgba(0, 153, 255, 0.77))!important;}
body #fa_toolbar #live_notif .fa_notification {background: -o-linear-gradient(top,rgba(0, 163, 255, 0.74) ,rgba(0, 153, 255, 0.77))!important;}
body #fa_toolbar #live_notif .fa_notification {background: linear-gradient(top,rgba(0, 163, 255, 0.74) ,rgba(0, 153, 255, 0.77))!important;}
body #fa_toolbar #live_notif .fa_notification {
background: -moz-linear-gradient(top,rgba(0, 163, 255, 0.74) ,rgba(0, 153, 255, 0.77))!important;}
body #fa_toolbar #live_notif {
position: fixed!important;
bottom: 10px!important;
left: 10px!important;
}
body #fa_toolbar #live_notif .fa_notification {
background: -webkit-linear-gradient(top, rgba(0, 163, 255, 0.74), rgba(0, 153, 255, 0.77))!important;
box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.31);
opacity: 1!important;
border: 1px solid #017FBB;
}
#notif_unread, .rightHeaderLink, #fa_notifications {
background: -ms-linear-gradient(top,#FF7A05,#de6800) !important;
background: -o-linear-gradient(bottom,#FF7A05,#de6800) !important;
background: linear-gradient(left,#FF7A05,#de6800) !important;
background: -webkit-linear-gradient(right, rgb(119, 172, 11) 0%,#FF7A05 100%) !important;
background: -moz-linear-gradient(top,#FF7A05,#de6800) !important;
}
body #fa_toolbar #fa_usermenu img {
border: 1px solid #313131;
padding: 5px;
background: black;
border-radius: 2px;
width: 120px;
height: 120px;}
body #fa_toolbar #fa_usermenu {color: #AAA!important;}
body #fa_hide {
display: none!important;
}
body #fa_menu,body #fa_notifications {
border-left: 1px solid #333;
}
body #fa_toolbar:hover {
transition: all 0.5s linear;
background: #505050;
background-color: #505050;
border-bottom: 7px solid #FFFFFF;
}
body #fa_toolbar {
background: #35353e;
background-color: #222;
border-bottom: 7px solid #71a00e;
border-top: 1px solid #333;
box-shadow: 0 1px #000, 0 2px 1px rgba(0,0,0,.4);
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 13px;
font-style: normal;
position: relative!important;
margin-top: -30px;
transition: all 0.5s linear;
}
body #fa_magnifier {
display: none!important;
}
body #fa_search #fa_textarea {
color: #ddd;
outline: none;
background-image: url("http://i.imgur.com/nVk5EZS.png");
background-repeat: no-repeat;
background-position: 4px center;
width: 150px;
line-height: 0px;
text-indent: 0px !important;
padding-left: 24px!important;
background-color: rgb(17, 17, 17);
border-left: 4px solid rgb(84, 90, 99);
margin: 0px;
height: 30px;
border-right: 1px solid #333;
-webkit-transition: 0.5s;
-moz-transition-duration: 0.5s;
-htm-transition-duration: 0.5s;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 12px;
border-radius: 0px;
top: -1px;
position: relative;
}
body #fa_search #fa_textarea:focus {
width: 220px;
background-image: url("http://i.imgur.com/1jpriTU.png");
background-color: white;
color: rgb(40, 44, 49);
}
body #fa_toolbar #fa_right a.rightHeaderLink ,body #fa_share {
display: none!important;
}
#fa_toolbar #fa_menulist {
padding: 0px;
background: #242424;
border: 1px solid #242424;
border-radius: 0 0 3px 3px;
min-width: 340px;
margin-top: 7px;}
#fa_toolbar #fa_menulist li {
display: block;
background-color: transparent;
border: none;
height: 42px;
line-height: 42px;
padding-left: 20px;
margin-left: 150px;
}
#fa_toolbar #fa_menulist li:hover {
padding-left: 14px;
border-left: 6px solid #3995cd;
color: #fff;
background: #3a3a3a;
}
#fa_toolbar #fa_right .fa_separator {
display: none!important;
}
#fa_toolbar #fa_menulist :link, #fa_toolbar #fa_menulist :visited {
color: #999!important;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 12px;
font-style: normal;
display: block!important;}
#fa_toolbar #fa_menulist :hover:link, #fa_toolbar #fa_menulist :hover:visited {
background: none!important;
color: white!important;
}
#fa_toolbar #fa_right.notification #notif_list, #fa_notifications {
right: 0px!important;
}
body #fa_right.welcome #fa_menu, #fa_welcome {
background: -ms-linear-gradient(top,#77AC0B,#71a00e);
background: -o-linear-gradient(bottom,#77AC0B,#71a00e);
background: linear-gradient(left,#77AC0B,#71a00e);
background: -webkit-linear-gradient(right, rgb(119, 172, 11) 0%,#71a00e 100%);
background: -moz-linear-gradient(top,#77AC0B,#71a00e);}
.postfoot {
margin: 0em;
font-family: Helvetica, Verdana, Geneva, 'Bitstream Vera Sans', 'DejaVu Sans', sans-serif;
font-size: 12px;
font-style: normal;
}
body #fa_toolbar > #fa_right.notification > #fa_notifications, #notif_unread {
background: -webkit-linear-gradient(top, rgb(221, 110, 8) 0%,#ff811f 100%);
background: -moz-linear-gradient(top,#DD6E08 ,#ff811f);
background: -ms-linear-gradient(top,#DD6E08 ,#ff811f);
background: -o-linear-gradient(top,#DD6E08 ,#ff811f);
background: linear-gradient(top,#DD6E08 ,#ff811f);}
body #fa_toolbar #fa_right #notif_list li {
border-top: 1px solid #faf9f9!important;
border-bottom: 1px solid #cbcbcb!important;
position: relative;
background-image: -webkit-linear-gradient(top,#f1f0f1,#e4e4e4);
background-image: -moz-linear-gradient(#f1f0f1,#e4e4e4);
background-image: -ms-linear-gradient(top,#f1f0f1,#e4e4e4);
background-image: -o-linear-gradient(top,#f1f0f1,#e4e4e4);
background-image: linear-gradient(top,#f1f0f1,#e4e4e4);}
body #fa_toolbar #fa_right #notif_list li.see_all {
background: black;
border: 1px solid black!important;
text-align: center;
}
body #fa_toolbar #fa_right #notif_list li hr {
border: none;
}
body #fa_toolbar #fa_right #notif_list li .contentText a {
color: #1E79A4!important;
text-decoration: none!important;
}
body #fa_toolbar #fa_right #notif_list li .contentText a:hover {
color: #d85724!important;
}
html body #fa_right a#fa_notifications.rightHeaderLink {
display: inline-block!important;
}
.rightHeaderLink, html body #fa_right a#fa_notifications.rightHeaderLink:hover {
background: #FFFFFF;
box-shadow: 0 1px 0 #FFFFFF inset;
text-shadow: 1px 1px #8B8B8B;
transition: all .3s linear;
}
html body #fa_right a#fa_notifications.rightHeaderLink, #notif_unread, .rightHeaderLink {
background: #FF811F;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
box-shadow: 0 1px 0 #FFD071 inset;
color: #000!important;
height: 16px;
line-height: 16px;
padding: 7px 5px;
text-shadow: 1px 1px #FFB76D;
transition: all .3s linear;
}
body #fa_toolbar #fa_welcome:hover {
background: #FFFFFF;
text-shadow: 1px 1px #ACACAC;
box-shadow: 0 1px 0 #FFFFFF inset;
transition: all .3s linear;
}
body #fa_toolbar #fa_welcome {
background: #71a00e;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
box-shadow: 0 1px 0 #b3da63 inset;
color: #000!important;
text-shadow: 1px 1px #aaca69;
transition: all .3s linear;
}
#fa_right {
float: right;
font-size: 14px;
margin-right: 20px;
}
html, body {
font: normal 13px helvetica, arial, sans-serif;
background: url(http://i.imgur.com/Lzq2mdm.png) fixed;
background-repeat: repeat !important;
color: #5a5a5a;
}
.pun {
background: #fff;
padding: 10px 10px;
line-height: 120%;
-webkit-box-shadow: 0 5px 9px rgba(0,0,0,0.1);
-moz-box-shadow: 0 5px 9px rgba(0,0,0,0.1);
box-shadow: 0 5px 9px rgba(0,0,0,0.1);
}
.pun, .main_width {
margin: 0 auto;
width: 87%;
min-width: 960px;
}
img, .input_check, .input_radio {
vertical-align: middle;
}
a:link {text-decoration: none;}
#pun-visit, .main-box, #pun-about, .pun .paged-foot, .pun .paged-head {
background-color: transparent;
border: 0px;
}
#pun-about {font-size: 0.8em;}
#pun-intro, #pun-navlinks, #pun-about form {display: none;}
/*header*/
#header_bar {
background: #323232 url(http://i78.servimg.com/u/f78/17/31/71/58/user_n10.png) repeat-x bottom;
padding: 0;
text-align: right;
}
#branding, #header_bar, #primary_nav {
min-width: 980px;
}
#user_navigation {
color: #9f9f9f;
font-size: 11px;
}
#user_link {
font-size: 12px;
color: white;
padding: 0 12px;
height: 36px;
line-height: 36px;
display: inline-block;
margin-right: 15px;
outline: 0;
}
#user_navigation {
overflow: visible;
}
#user_navigation .ipsList_inline li {
margin: 0;
}
.ipsList_inline > li:first-child {
margin-left: 0;
}
#user_navigation a {
color: #fff;
}
#user_navigation.not_logged_in {
height: 26px;
padding: 6px 0 4px;
}
#user_navigation #register_link {
background: #7BA60D;
color: white;
display: inline-block;
padding: 3px 8px;
border: 1px solid #7BA60D;
-webkit-box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.2), 0px 1px 4px rgba(0, 0, 0, 0.4);
-moz-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2), 0px 1px 4px rgba(0,0,0,0.4);
box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.2), 0px 1px 4px rgba(0, 0, 0, 0.4);
text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
}
#user_link:hover, #notify_link:hover, #inbox_link:hover {
background-color: #323232;
}
#user_navigation #sign_in {
margin-right: 8px;
}
#notify_link {
background: url(http://i78.servimg.com/u/f78/17/31/71/58/icon_n11.png) no-repeat top;
}
#inbox_link {
background: url(http://i78.servimg.com/u/f78/17/31/71/58/icon_i11.png) no-repeat top;
}
#notify_link, #inbox_link {
height: 15px;
padding: 10px 24px 8px 12px;
position: relative;
vertical-align: middle;
width: 18px;
padding-top: 19px;
}
.ipsList_inline > li {
display: inline-block;
margin: 0 3px;
}
ol, ul {
list-style: none;
}
.attach {float: right;}
/*branding*/
#branding {
background: #0F3854 url(http://i81.servimg.com/u/f81/17/45/75/97/brandi10.png) repeat-x;
border-bottom: 1px solid #1B3759;
min-height: 64px;
}
#logo {
display: inline;
}
.clickable {
cursor: pointer;
}
#search {
margin: 20px 0;
}
#search_wrap {
position: relative;
background: #fff;
display: block;
padding: 0 26px 0 4px;
height: 26px;
line-height: 25px;
-moz-border-radius: 3px 4px 4px 3px;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 3px;
border-radius: 3px 4px 4px 3px;
-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
min-width: 230px;
}
#main_search {
margin-top: 5px;
font-size: 12px;
border: 0;
padding: 0;
color: #b0b0b0;
background: transparent;
width: 130px;
outline: 0;
}
#main_search:focus {
color: #5a5a5a;
}
input, select {
font: normal 13px helvetica,arial,sans-serif;
}
#search_options {
font-size: 10px;
height: 20px;
line-height: 20px;
margin: 3px 3px 3px 0;
padding: 0 6px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
background: #EAEAEA;
display: inline-block;
float: right;
max-width: 80px;
text-overflow: ellipsis;
overflow: hidden;
}
#search .submit_input {
background: #7BA60D url(http://i81.servimg.com/u/f81/17/45/75/97/search10.png) no-repeat 50%;
text-indent: -3000em;
padding: 0;
border: 0;
border: 1px solid #7BA60D;
display: block;
width: 26px;
height: 26px;
position: absolute;
right: 0;
top: 0;
bottom: 0;
-moz-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
-webkit-box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.2);
-moz-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2);
box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.2);
}
#adv_search {
width: 16px;
height: 16px;
background: url(http://i81.servimg.com/u/f81/17/45/75/97/advanc10.png) no-repeat right 50%;
text-indent: -3000em;
display: inline-block;
margin: 4px 0 4px 4px;
}
fieldset {
border: 0px groove threedface;
}
/*navegação*/
#primary_nav {
background: none repeat scroll 0% 0% rgba(0, 25, 230, 0.1);
font-size: 13px;
padding: 10px;
margin-bottom: 0px;
box-shadow: 0px -0.6px 4px -2px inset;
}
#community_app_menu > li {
margin: 0px 3px 0 0;
}
#community_app_menu > li > a {
color: white;
background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.4);
display: block;
padding: 6px 15px 8px;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
border-radius: 2px 2px 2px 2px;
box-shadow: 0px 0px 1px rgba(255,255,255,0.6);
}
#community_app_menu > li > a:hover, #community_app_menu > li > a.menu_active {
background: none repeat scroll 0% 0% rgba(15,20,150,0.57);
color: rgb(255, 255, 255);
box-shadow: 0px 0px 2px rgba(0, 25, 255, 0.3);
transition: 0.3s;
box-shadow: 0px 0px 1px rgba(255,255,255,0.6);
}
#community_app_menu > li.active > a {
background: none repeat scroll 0% 0% rgba(15,20,150,0.57);
color: rgb(255, 255, 255);
box-shadow: 0px 0px 2px rgba(0, 25, 255, 0.3);
transition: 0.3s;
box-shadow: 0px 0px 1px rgba(255,255,255,0.6);
}
#primary_nav #quickNavLaunch {
padding: 9px 8px 8px;
}
#quickNavLaunch span {
background: url(http://i78.servimg.com/u/f78/17/31/71/58/icon_q10.png) no-repeat top;
width: 16px;
height: 16px;
display: inline-block;
}
#primary_nav #facebookcg {
padding: 8px 8px 8px;
background: #1f69b3;
transition: all .3s linear;
}
#primary_nav #facebookcg:hover {
opacity: 0.7;
transition: all .3s linear;
}
#facebookcg span {
background: url(http://upit.cc/i/501f2ab9.png) no-repeat top;
width: 16px;
height: 16px;
display: inline-block;
}
#primary_nav #twittercg {
padding: 8px 8px 8px;
background: #43b3e5;
transition: all .3s linear;
}
#primary_nav #twittercg:hover {
opacity: 0.7;
transition: all .3s linear;
}
#twittercg span {
background: url(http://upit.cc/i/afb451a1.png) no-repeat top;
width: 16px;
height: 16px;
display: inline-block;
}
#primary_nav #bloggercg {
padding: 8px 8px 8px;
background: #fc6301;
transition: all .3s linear;
}
#primary_nav #bloggercg:hover {
opacity: 0.7;
transition: all .3s linear;
}
#bloggercg span {
background: url(http://upit.cc/i/fe877e54.png) no-repeat top;
width: 16px;
height: 16px;
display: inline-block;
}
/*table*/
.collapsed {
opacity: 0.8;
}
.main .main-head.collapsed {
border-radius: 4px 4px 4px 4px;
opacity: 0.2;
}
.main .main-head, .main .main-foot {
background: #2c5687 url(http://i78.servimg.com/u/f78/17/31/71/58/mainti10.png) repeat-x top;
color: #fff;
padding: 10px 10px 11px;
-moz-border-radius: 4px 4px 0 0;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
border-radius: 4px 4px 0 0;
-webkit-box-shadow: inset 0px 1px 0 #528cbc;
-moz-box-shadow: inset 0px 1px 0 #528cbc;
box-shadow: inset 0px 1px 0 #528cbc;
border-width: 1px 1px 0 1px;
border-color: #316897;
border-style: solid;
margin-top: 15px;
}
.main .main-foot {
margin-top: 0px;
-moz-border-radius: 0 0 4px 4px;
-webkit-border-bottom-left-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
border-radius: 0 0 4px 4px;
}
.main .main-head .page-title h2 {
font-size: 17px;
font-weight: 300;
text-shadow: 1.5px 1px rgba(0, 0, 0, 0.4);
}
.pun .main-content {
background: #ebf0f3;
padding: 9px;
}
.pun table.table {
background: #fff;
border: 1px solid #dbe4ef;
transition: all .3s linear;
}
.pun table.table:hover {
background: #C5C5C5;
transition: all .3s linear;
}
.table .tc_icon {
padding: 10px 5px!important;
vertical-align: middle;
width: 30px;
}
.pun table.table .tc_forum {
height: 42px;
min-height: 24px;
}
.pun tbody.statused span.stats {
margin-right: 10px;
margin-left: -25px;
}
.pun tbody.statused span.status {
position: relative!important;
}
.pun .main table td.tc2, .pun .main table td.tc3 {
background-color: white;
}
.pun table.table td.tc3 {
text-align: right;
width: 15%;
}
.pun table.table td {
background: white;
padding-top: 0px;
padding-bottom: 0px;
border: 0px;
border-bottom: 1px solid #f3f3f3;
}
.hierarchy {
font-size: 15px!important;
font-weight: 400!important;
}
/*lastpost*/
.mini_ava {
float: left;
}
.mini_ava img {
-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
background: #fff;
border: 1px solid #D5D5D5;
box-shadow: 0 2px 2px rgba(0,0,0,0.1);
height: 36px;
margin: 5px 5px;
padding: 1px;
width: 36px;
border-radius: 25px;
}
.mini_ava img:hover {
-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.2);
-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.2);
border-color: #a1a1a1;
box-shadow: 0 2px 2px rgba(0,0,0,0.2);
border-radius: 25px;
margin-top: 5px;
}
/*module*/
.module .main-head {
font: normal 14px helvetica, arial, sans-serif;
color: #204066;
padding: 5px 10px;
background: #DBE2EC;
border: 0px;
border-radius: 0px;
-webkit-box-shadow: inset 0px 0px 0;
-moz-box-shadow: inset 0px 0px 0;
box-shadow: inset 0px 0px 0;
}
.module .main-content {background: #F7FBFC; border: 0px;}
/*stats*/
#onlinelist {background: white;border-top: 3px solid #d8d8d8;}
#onlinechat {background: white;border-top: 0px;}
#statistics {
margin: 0 auto !important;
text-align: center !important;
display: table;
background: none;
}
.statHide{display:none !important;}
.statsPers li span a {
text-decoration: none !important;
}
.statsPers li > span {
display: inline-block;
background: #e2e2e2;
color: #4a4a4a;
padding: 2px 6px;
font-weight: bold;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
margin-right: 3px;
}
.statsPers li {
float: left;
color:#4a4a4a;
margin: 2px 10px;
}
.statsPers {
list-style: none;
display: block;
margin: 0px auto;
width: 100%;
}
/*footer*/
#footer_utilities {
padding: 10px;
font-size: 11px;
position: relative;
}
#footer_utilities .ipsList_inline>li>a {
margin-right: 0px;
padding: 4px 10px;
}
#footer_utilities .ipsList_inline > li > a.rss_feed {padding: 0px;}
#footer_utilities a {color: #225985;}
#footer_utilities a:hover {color: #328586;}
#footer_utilities .ipsList_inline > li > a {
margin-right: 0px;
padding: 4px 10px;
}
#backtotop {
width: 24px;
height: 24px;
line-height: 20px;
left: 50%;
margin-left: -12px;
position: absolute;
display: inline-block;
background: #bdbdbd;
text-align: center;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
border-radius: 16px;
opacity: 0.4;
outline: 0;
}
#backtotop img {margin-top: 5px;}
#backtotop:hover{background:#af286d;color:#fff;opacity:1;}
#copyright {
color: #848484;
text-align: right;
text-shadow: 0px 1px 0px #fff;
}
#copyright a {
color: #848484;
}
/*post*/
.post h3 {
background: #D8DDE8;
padding: 0 10px;
height: 36px;
line-height: 36px;
font-weight: normal;
font-size: 16px;
}
span.post_id {
margin-left: 4px;
}
.post_date {
padding: 0 0 10px 0;
font-size: 12px;
color: #a4a4a4;
}
.desc.blend_links a {
font: normal 12px helvetica, arial, sans-serif;
color: #777777;
}
.post_id a img.small {
max-height: 12px;
margin-left: 3px;
margin-top: -2px;
opacity: 0.5;
}
.post_online {display: inline-block;}
.pun .post .user {
margin-left: -16em;
margin-top: -0.9em;
}
.pun .post {background: white;}
.pun .postmain {
background-color: white;
border-left: 0px;
margin-left: 14em;
}
.pun .post .user {
width: 155px;
font-size: 12px;
text-align: center;
line-height: 150%;
margin-left: -170px;
margin-top: -0.6em;
}
.pun .user .user-ident .user-basic-info {
font-size: 11px;
color: #a4a4a4;
text-align: center;
font-weight: normal;
}
.postfoot {
border-top: 0px;
margin-left: -14em;
}
/*user img*/
.user-basic-info a img {
height: 90px;
width: 90px;
padding: 1px;
border: 1px solid #D5D5D5;
background: white;
-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}
.user-basic-info a img:hover {
border-color: #A1A1A1;
-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
-webkit-transform: rotate(-7deg);
-moz-transform: rotate(-7deg);
-o-transform: rotate(-7deg);
}
/*quick reply*/
#pun-qpost {
background: #ebf0f3;
padding: 9px;
padding-top: 1px;
}
#pun-qpost .main-head {
font: 300 26px/1.3 Helvetica, Arial, sans-serif;
color: #323232;
font-size: 18px;
background: white;
border-top: 1px solid #dbe4ef;
border-left: 1px solid #dbe4ef;
border-right: 1px solid #dbe4ef;
border-radius: 0px;
-webkit-box-shadow: inset 0px 0px 0;
-moz-box-shadow: inset 0px 0px 0;
box-shadow: inset 0px 0px 0;
}
#pun-qpost a.exthelp {display: none;}
.pun .frm-form, .main .main-content.frm {
background-color: white;
}
.pun .post {
border: 1px solid #dbe4ef;
}
.pun .main-content {
border: 1px solid #dbe4ef;
border-top: 0px;
}
#pun-qpost .frm-buttons {
border-top: 0px;
text-align: right;
}
/*chatbox*/
#chatbox_header.main-head {
background: #2c5687 url(http://i78.servimg.com/u/f78/17/31/71/58/mainti10.png) repeat-x top;
padding: 6px 8px 6px;
-moz-border-radius: 4px 4px 0 0;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
border-radius: 4px 4px 0 0;
-webkit-box-shadow: inset 0px 1px 0 #528cbc;
-moz-box-shadow: inset 0px 1px 0 #528cbc;
box-shadow: inset 0px 1px 0 #528cbc;
border-width: 1px 1px 0 1px;
border-color: #316897;
border-style: solid;
}
.chatbox-title, .chatbox-title a.chat-title {
color: #fff;
font-size: 13px;
font-weight: 300;
}
.chatbox-options {margin: .3em .3em .5em;}
.chatbox-options li, .chatbox-options li a, .chatbox-options li label {
color: #fff;
}
#chatbox_members {
top: 40px;
border-right: 1px solid #ccc;
}
#chatbox p:first-child {
border-top: 1px solid #d5dde5;
}
#chatbox p {
background: #f1f6f9;
border-right: 1px solid #d5dde5;
border-left: 1px solid #d5dde5;
border-bottom: 1px solid #d5dde5;
line-height: 1.2em;
}
#chatbox_footer {
padding-bottom: 6px;
border-top: 1px solid #d5dde5;
background: #f1f6f9;
}
#chatbox_footer .right {
/*display: none !important;*/
float: left;
}
#chatbox_messenger_form .right {margin-left: 8px;font-size:0}
input#message.post {
color: #5a5a5a;
border-width: 1px;
border-style: solid;
border-color: #848484 #c1c1c1 #e1e1e1 #c1c1c1;
background: #fff;
padding: 4px;
min-width: 395px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
}
#message, #submit_button {
margin-left: 15px;
}
.fontbutton {
background: #EFF1F3;
border-color: #DEE0E2;
color: #464646;
-moz-box-shadow: inset 0 1px 0 0 #eff3f8, 0px 2px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: inset 0 1px 0 0 #eff3f8, 0px 2px 3px rgba(0,0,0,0.2);
box-shadow: inset 0 1px 0 0 #eff3f8, 0px 2px 3px rgba(0,0,0,0.2);
}
#divsmilies img + img{visibility:visible!important}
#chatbox_messenger_form div.right img{visibility:hidden}
#simple-wrap {
background:white;
}
#divbold, #divcolor, #divitalic, #divsmilies, #divstrike, #divunderline {
background-position: center;
background-repeat: no-repeat;
}
#divbold {
background-image: url(http://cdn2.iconfinder.com/data/icons/oxygen/16x16/actions/format-text-bold.png);
}
#divitalic {
background-image: url(http://cdn2.iconfinder.com/data/icons/oxygen/16x16/actions/format-text-italic.png);
}
#divunderline {
background-image: url(http://cdn2.iconfinder.com/data/icons/oxygen/16x16/actions/format-text-underline.png);
}
#divstrike {
background-image: url(http://cdn1.iconfinder.com/data/icons/bnw/16x16/actions/text_strike.png);
}
#divcolor {
background-image: url(http://2img.net/i/fa/wysiwyg/color_swatch.png);
}
#divsmilies {
background-image: url(http://i26.servimg.com/u/f26/12/56/56/12/emotic10.png);
}
.main-content.chatbox {padding: 0px;}
#chatbox{
margin: 10px 0 10px 0;
border: 1px solid #DCE2EC;
border-bottom: 6px solid #DCE2EC;
background: #ebf0f3;
padding: 8px;
}
input[type="submit"] {
text-decoration: none;
border-width: 1px;
border-style: solid;
padding: 4px 10px;
cursor: pointer;
}
input[type="submit"] {
background: #212121 url(http://i78.servimg.com/u/f78/17/31/71/58/topic_10.png) repeat-x top;
color: #fff;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: inset 0 1px 0 0 #5c5c5c, 0px 2px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: inset 0 1px 0 0 #5c5c5c, 0px 2px 3px rgba(0,0,0,0.2);
box-shadow: inset 0 1px 0 0 #5c5c5c, 0px 2px 3px rgba(0,0,0,0.2);
border-color: #212121;
}
/*crumbs*/
p.crumbs a {
color: #777!important;
font: normal 13px helvetica, arial, sans-serif;
}
/* avatar last post */
.mini_ava {
float: left;
}
.mini_ava img {
-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
background: #fff;
border: 1px solid #D5D5D5;
border-radius: 25px;
box-shadow: 0 2px 2px rgba(0,0,0,0.1);
height: 36px;
margin: 5px 5px;
padding: 1px;
width: 36px;
transition: all .3s linear;
}
.mini_ava img:hover {
-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.2);
-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.2);
border-color: #a1a1a1;
border-radius: 25px;
box-shadow: 0 2px 2px rgba(0,0,0,0.2);
margin-top: 5px;
-webkit-transform: rotate(-15deg);
-moz-transform: rotate(-7deg);
-o-transform: rotate(-7deg);
width: 50px;
transition: all .3s linear;
}
/*REGISTRO-DINAMIC-15-TRONOS*/
.main form#ucp .main-content {
background: #F0F0F0;
color: #505050;
font-family: Tahoma;
border: 1px solid #CCC;
padding: 0;
}
.main form#ucp .frm-info {
background: #E60000;
color: white;
font-weight: bold;
font-size: 15px;
margin: 0;
font-family: helvetica;
text-shadow: 1px 1px 1px #600;
border: 0;
border-bottom: 1px solid #F3F3F3;
}
.pun form#ucp fieldset.frm-set {
padding: 0;
border: 0;
}
form#ucp fieldset.frm-set dl dt {
color: #505050;
font-family: Tahoma;
font-size: 23px;
font-style: normal;
font-weight: 300;
}
.pun #ucp #username_reg, .pun #ucp #email, .pun #ucp #password_reg {
background: white;
border: 1px solid #C8C8C8;
color: #A0A0A0;
font-weight: normal;
font-size: 16px;
padding: 16px;
border-radius: 3px;
box-shadow: 0px 1px 0px white;
}
.pun form#ucp fieldset.frm-set {
padding: 0;
border: 0;
}
.pun form#ucp .frm-buttons {
border-top: 1px solid #D5D5D5;
padding: 0;
}
form#form_confirm fieldset.frm-set dl dd input[value="Registrar"]:hover, form#ucp fieldset.frm-set dl dd input[value="Registrar"]:hover, form#form_confirm fieldset.frm-set dl dd input[value="Registrar"] ,form#ucp fieldset.frm-set dl dd input[value="Registrar"] {
background: #80B700;
font-size: 16px;
color: white;
font-weight: normal;
border: 1px solid #608A00;
box-shadow: 0px 0px 0px 1px #9ACF1E inset;
font-family: Tahoma;
padding: 10px 40px;
text-shadow: 1px 0 0 #5B8F00;
}
form#form_confirm fieldset.frm-set dl dd input[value="Inicializar de nuevo"] ,form#ucp fieldset.frm-set dl dd input[value="Inicializar de nuevo"] {
display: none;
}
form#form_confirm {
border: 0px;
background: #F0F0F0;
color: #505050;
font-family: Tahoma;
}
form#form_confirm fieldset.frm-set {
border-right: 1px solid white;
max-width: 60%;
margin: 0 0 0 20px;
}
form#form_confirm fieldset.frm-set dl {
border-right: 1px solid #D8D8D8;
}
form#form_confirm fieldset.frm-set dl dt, form#form_confirm fieldset.frm-set dl dt strong {
color: #505050;
font-family: Tahoma;
font-size: 23px;
font-style: normal;
font-weight: normal!important;
width: 92%;
display: inline-table;
float: none;
text-align: left;
}
form#form_confirm label {
padding: 5px;
display: inline-block;
}
form#form_confirm dl dd input[name="cp"], form#form_confirm #reg_key, form#form_confirm .inputbox.narrow {
background: white;
border: 1px solid #C8C8C8;
color: #A0A0A0;
font-weight: normal;
font-size: 16px;
padding: 16px;
border-radius: 3px;
box-shadow: 0px 1px 0px white;
min-width: 85%;
display: block;
}
form#form_confirm fieldset.frm-set dl dd {
margin: 0;
}
form#form_confirm .main-content {
background: none;
background-image: url(http://i.imgur.com/yEJNSMI.png);
background-position: 87% 68px;
background-repeat: no-repeat;
border: 1px solid #CCC;
}
form#form_confirm select {
background: white;
border: 1px solid #C8C8C8;
color: #A0A0A0;
font-weight: normal;
font-size: 16px;
padding: 16px;
border-radius: 3px;
box-shadow: 0px 1px 0px white;
margin-right: 16px;
overflow: hidden;
}
form#form_confirm fieldset.frm-set dl.frm-buttons {
text-align: center;
margin: auto;
border-top: 0;
}
/*REGISTRO-DINAMIC-15-TRONOS*/
.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;
}
.pun .user .user-info {
background: #COLOR DE FONDO;
border: 1px solid #COLOR DE BORDE;
border-radius: 5px;
color: #666;
line-height: 1.8em;
margin: 5px auto;
padding: 10px;
border-image: initial;
}
/* memberlist 2 in 1 */
.Sname a{background-color:#FFF;border:1px solid #DDD;margin:2px;padding:1px 5px}
.Sname a:hover,.Sname a:active{background-color:#2F98D9;color:#FFF}
.Sname{text-align:right}
.rutgonML img{background-color:#000;border:3px double;border-radius:7px 7px 7px 7px;height:75px;width:72%;margin:10px}
.rutgonML{float:left;width:10%}
.rutgonML p{background-image:url(http://i.imgur.com/QhVWi.png);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0 2px;padding:2px 5px}
.rutgonML:hover{box-shadow:0 0 10px 5px #000}
/* Search box */
#sapxepFMvi input[type=submit]{background-color:#0161A4!important;border-bottom:2px solid #000!important;border-radius:3px 3px 3px 3px;border-right:2px solid #000!important;border-bottom-style:solid!important;color:#FFF!important;cursor:pointer;float:right;font-family:Verdana;font-size:1.2em!important;font-weight:bolder;margin-top:-10px;text-shadow:1px 2px 1px #000;border-color:#DAD396 #896C0F #896C0F #DAD396;border-width:1px 2px 2px 1px !important;padding:5px!important}
#sapxepFMvi span{color:#026DA6;font-family:Tahoma;font-size:1.2em;font-weight:700;padding:0 10px 0 30px}
#sapxepFMvi .button:hover{background-color:#000!important;color:#1BD5FF!important;text-shadow:-1px 1px 5px #FFF}
#sapxepFMvi .button:active{text-shadow: -1px -2px -1px #000;background-color:#045C06!important}
#sapxepFMvi{background-color:#DEDEDE;margin-bottom:20px;padding:15px 20px 10px 5px}
.aviso_normas {
background: none repeat scroll 0 0 #F0E8E0;
border: 1px solid #C00000;
font-family: Tahoma,Arial;
font-size: 11px;
height: 24px;
line-height: 24px;
margin-bottom: 3px;
text-align: center;
}
.postmain blockquote {
background-color: whiteSmoke;
border: 1px dashed #DDD;
padding: 10px 10px!important;
margin: 5px 0 0 0!important;
border-left: 5px solid #CCC!important;
}
/*like*/
.LGlike {
background: url(http://i11.servimg.com/u/f11/18/07/42/17/ok12.png) no-repeat left;
background-color: #326A94;
border: 1px solid rgba(0, 0, 0, 0.3);
border-radius: 2px 2px 2px 2px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1),0 1px 0 rgba(255, 255, 255, 0.3) inset;
color: white;
cursor: pointer;
display: inline-block;
font-size: 11px;
height: 22px;
line-height: 22px;
padding: 0 18px;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
white-space: nowrap;
margin-right: 5px;
margin-top: 30px;
}
.LGvote {
margin: 5px;
}
.LGnovote {
filter:Alpha(opacity=50);
opacity: 0.5;
cursor: default;
box-shadow: none;
text-shadow: none;
}
#articleHeader {
min-height: 70px;
padding: 9px;
background: #f1f6f9;
border-bottom: 1px solid #DBE4EF;;
}
.articleContainer {
background: #fff;
border: 1px solid #dbe4ef;
}
.blog_Photo_medium img {
width: 50px;
height: 50px;
float: left;
padding: 1px;
border: 1px solid #d5d5d5;
background: #fff;
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
}
.blog_Photo_medium img:hover {
border-color: #7d7d7d;
}
.blog_withphoto {
margin-left: 65px;
}
.blog_pagetitle {
font: 300 26px/1.3 Helvetica, Arial, sans-serif;
color: #323232;
}
.blog_desc {
font-size: 12px;
color: #a4a4a4;
}
.blog_secondary {
background-color: #DBDBDB;
background: 0 repeat-x scroll 0 0 transparent !important;
border: 1px solid #DBDBDB;
border-radius: 3px 3px 3px 3px;
box-shadow: 0 1px 0 #FFF inset, 0 1px 0 rgba(0,0,0,0.3);
color: #616161 !important;
display: inline-block;
font-size: 12px;
height: 22px;
line-height: 22px;
padding: 0 10px;
transition: all .2s ease-in-out 0;
white-space: nowrap;
}
.blog_secondary:hover {
border-color: #9A9A9A;
color: #4C4C4C !important;
}
.blog_postmain .postfoot {
margin-left: 0px;
}
.blog_Layout {
background: #ebf0f3;
padding: 9px;
padding-right: 340px;
}
.blog_Layout_sidebar {
width: 320px;
margin-right: -330px;
float: right;
}
.sidebarContainer {
background: #fff;
margin-bottom: 10px;
border: 1px solid #dbe4ef;
}
.bar {
background: #eff4f7;
padding: 8px 10px;
}
.sideInner {
padding: 9px;
}
.ipsField {
padding: 6px;
}
.ipsField .title {
float: left;
width: 40%;
text-align: right;
margin-right: 6px;
}
ol, ul {
list-style: none;
}
#boormarks {
text-align: center;
}
#articlePrevNext {
clear: both;
}
#articlePrevNext ul {
text-align: center;
margin-top: 15px;
}
#articlePrevNext li {
display: inline;
float: none;
}
.adipoli-wrapper
{
margin:auto;
position:relative;
display: inline-block;
}
.adipoli-wrapper>img
{
position: absolute;
z-index: 1;
}
.adipoli-before
{
position: absolute;
z-index: 5;
}
.adipoli-after
{
position: absolute;
z-index: 10;
}
.adipoli-slice {
display:block;
position:absolute;
z-index:15;
height:100%;
}
.adipoli-box
{
display:block;
position:absolute;
z-index:15;
}
/*rodapé portal*/
.h6mei:hover {
background-color: #B2C7F5;
border: 1px solid #86A1DF;
text-decoration: underline;
}
.h6mei {
background-color: #CAD8F7;
padding: 2px;
font: 11px Arial, "Helvetica", sans-serif;
border: 1px solid #b5c6ea;
margin: 1px 0 0 0;
text-align: center;
}
#quotearea {
margin: 6px;
height: 160px;
}
#footbar {
display: block;
min-height: 165px;
margin: 0 13px 0 12px;
padding: 20px 0;
clear: both;
overflow: visible;
}
#footbar-esq {
float: left;
width: 300px;
min-height: 165px;
margin: 0 16px 0 0;
}
.footwid {
list-style: none;
padding: 3px;
font-size: 11px;
margin: 0 0 8px 0;
border: 1px solid #b5c6ea;
background: #F0F5F8;
overflow: hidden;
}
.footwid h2 {
background: #232b2b;
border-bottom: 0;
border-top: 4px solid #4F8F16;
color: #fff;
font-family: Helvetica, Arial, sans-serif;
font-size: 13px;
font-style: normal;
font-weight: 700;
padding: 10px 5px;
text-shadow: 0 0 3px #004403;
}
#footbar-mei {
float: left;
width: 300px;
min-height: 165px;
margin: 0 16px 0 0;
}
#footbar-dir {
float: left;
width: 300px;
min-height: 165px;
margin: 0;
}
/*viewTopic*/
.topicViewIcons {
overflow: hidden;
position: relative;
padding-bottom: 1px;
margin: -3px 10px -5px 0;
float: left;
}
.topicViewIcons a {
cursor: pointer;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
float: left;
width: 22px;
height: 22px;
text-decoration: none;
text-align: center;
outline: none;
margin-right: 5px;
opacity: 0.6;
}
.topicViewIcons a:hover {
background:url("http://i72.servimg.com/u/f72/18/07/42/17/trans110.png") repeat;
background:rgba(0,0,0,0.1);
opacity:0.8
}
.topicViewIcons #topicViewRegular.active img {
background-position: 0 -16px;
}
.topicViewIcons a.active {
background: url("http://i72.servimg.com/u/f72/18/07/42/17/trans510.png") repeat;
background: rgba(0,0,0,0.5);
-webkit-box-shadow: inset rgba(0,0,0,0.6) 0px 1px 3px, rgba(255,255,255,0.3) 0px 1px 0px;
-moz-box-shadow: inset rgba(0,0,0,0.6) 0px 1px 3px, rgba(255,255,255,0.3) 0px 1px 0px;
box-shadow: inset rgba(0,0,0,0.6) 0px 1px 3px, rgba(255,255,255,0.3) 0px 1px 0px;
opacity: 1;
}
.topicViewIcons #topicViewRegular img {
background-position: 0 0;
}
.topicViewIcons img {
opacity: 1!important;
vertical-align: top;
margin-top: 4px;
width: 16px;
height: 16px;
background: url("http://i72.servimg.com/u/f72/18/07/42/17/topicv10.png") no-repeat;
}
.topicViewIcons #topicViewBasic.active img {
background-position: -16px -16px;
}
.pun .paging b, .pagination b, .pagination span strong {
border-image: initial;
border-radius: 3px;
color: white!important;
font-size: 12px;
font-weight: 400!important;
margin-left: -1px!important;
padding: 5px 5px!important;
text-shadow: 0 1px 0 black;
visibility: visible;
background: #7BA60D;
color: #fff;
font-weight: bold;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
padding: 1px 5px;
}
.paging a , .paging input, .pagination a, .pagination input {
border-image: initial;
border-radius: 3px;
font-size: 12px!important;
margin: 2px;
padding: 5px 5px!important;
text-shadow: 0 1px 0 white;
visibility: visible;
color: #333;
display: inline-block;
display: inline-block;
padding: 1px 4px;
color: #999;
}
.pun .post .user {
background: -moz-linear-gradient(top, #DDD 0%, #BFBFBF 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#DDD), color-stop(100%,#BFBFBF));
background: -webkit-linear-gradient(top, #DDD 0%,#BFBFBF 100%);
background: -o-linear-gradient(top, #DDD 0%,#BFBFBF 100%);
background: -ms-linear-gradient(top, #DDD 0%,#BFBFBF 100%);
background: linear-gradient(to bottom, #DDD 0%,#BFBFBF 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#bfbfbf',GradientType=0 );
}
.user-basic-info {
margin-top: 20px;
}
.fa_avatar {
border-radius: 5px;
height: 25px;
margin-bottom: -10px;
margin-right: 5px;
position: relative;
top: -6px;
width: 25px;
}
#av_quickreply img{
position: relative;
top: 105px;
border-radius: 15px;
left: 15px;
}
#av_quickreply {
float: left;
}
/*Trocar @ por Moderadores*/
#chatbox > p span.user > span:after {
content: '[мød] ';
}
#chatbox > p span.user > span strong,
a.chat-title, #chatbox_header a.cattitle strong {
z-index: 999;
}
p.crumbs a {
background: url(http://i42.servimg.com/u/f42/17/32/13/00/second10.png) no-repeat 100% -1px;
color: #777!important;
font-size: 10px;
line-height: 30px;
padding: 11px 17px 11px 4px;
}
.pun-crumbs {
-moz-border-radius: 3px;
-moz-box-shadow: inset rgba(0,0,0,0.1) 0 1px 3px;
-webkit-border-radius: 3px;
-webkit-box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 3px;
background: #F3F3F3;
border: 1px solid #D9D9D9;
border-radius: 3px;
box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 3px;
margin-top: 10px;
}
/*Rank fundo personalizado - BEGIN*/
.userAdministrador {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #65a830;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}
.userAdministrador {
background: #881418;
}
.userCoordenador {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #65a830;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}
.userCoordenador {
background: #FF4400;
}
.userModerador {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #65a830;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}
.userModerador {
background: #0049CC;
}
.userPoster {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #65a830;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}
.userPoster {
background: #65a830;
}
.userDesigner {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #65a830;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}
.userDesigner {
background: #2BB5C4;
}
.userVIP {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #65a830;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}
.userVIP {
background: #FFA200;
}
.userBanido {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #65a830;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}
.userBanido {
background: #000000;
}
.userMembroLeecher {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #65a830;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}
.userMembroLeecher {
background: #751F00;
}
.userMembroPapaPosts {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #65a830;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}
.userMembroPapaPosts {
background: #751F00;
}
.userMembroNovato {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #65a830;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}
.userMembroNovato {
background: #751F00;
}
.userMembroAtento {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #65a830;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}
.userMembroAtento {
background: #751F00;
}
.userMembroDedicado {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #65a830;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}
.userMembroDedicado {
background: #751F00;
}
.userMembroRespeitado {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #65a830;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}
.userMembroRespeitado {
background: #751F00;
}
.userMembroProfessional {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #65a830;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}
.userMembroProfessional {
background: #751F00;
}
.userMembroVeterano {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #65a830;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}
.userMembroVeterano {
background: #751F00;
}
.userMembroLendaViva {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #65a830;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}
.userMembroLendaViva {
background: #BE9100;
}
/*Rank fundo personalizado - END*/
.post:hover .post-options {
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
-webkit-transition: all .2s linear;
opacity: .5;
}
.post .post-options:hover {
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
-webkit-transition: all .2s linear;
opacity: 1!important;
}
.post .post-options {
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
-webkit-transition: all .2s linear;
opacity: 0;
}
#d0C- Super Membro
- Membro desde : 13/09/2013
Mensagens : 1118
Pontos : 1536 -
#d0C- Super Membro
- Membro desde : 13/09/2013
Mensagens : 1118
Pontos : 1536 -
Re: Efeito de opacidade nas opções do post com erro
por First 05.10.13 17:56
Olá,
Senhor, o problema não esta na sua folha de estilo CSS, acho que é algum conflito em seus javascript, desativa todos e ativa um por um até achar o javascript que esta dando conflito.
Até mais,
Passar bem.
Senhor, o problema não esta na sua folha de estilo CSS, acho que é algum conflito em seus javascript, desativa todos e ativa um por um até achar o javascript que esta dando conflito.
Até mais,
Passar bem.
First- Super Membro
- Membro desde : 13/07/2013
Mensagens : 1313
Pontos : 1884 -
#d0C- Super Membro
- Membro desde : 13/09/2013
Mensagens : 1118
Pontos : 1536 -
Tópicos semelhantes» Opacidade nas opções do post
» Efeito de opacidade
» Efeito de opacidade nos widgets
» Efeito de opacidade nas imagens do menu
» Efeito opacidade no banner
» Efeito de opacidade
» Efeito de opacidade nos widgets
» Efeito de opacidade nas imagens do menu
» Efeito opacidade no banner
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