Efeito nos links do menu
+2
Cream
iScroll
6 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Efeito nos links do menu
Detalhes da questão
Endereço do fórum: testealrpg.forumeiros.com
Versão do fórum: PunBB
Descrição
Olá, eu novamente aqui rsrsrs...
(Título acho que está errado, não sei bem dizer)
Meu problema é o seguinte, na print abaixo mostra eu estando na lista de membros (memberlist) mas mesmo assim continua aquela cor "Laranja" no "Fórum" e não nos "Membros" lá em cima no menu.
Print : https://i.imgur.com/k1sKM6B.png
Teriam como me ajudar?
Re: Efeito nos links do menu
Olá,
Tente adicionar em sua CSS:
Até mais!
Tente adicionar em sua CSS:
- Código:
#community_app_menu > li > a:active {
background-color: #ff5100 !important;
}
#community_app_menu > li.active > a {
background-color: transparent !important;
}
Até mais!
Re: Efeito nos links do menu
Olá.
Não entendi muito bem o que deseja. Poderia ser um pouco mais específico?
Atenciosamente.
Não entendi muito bem o que deseja. Poderia ser um pouco mais específico?
Atenciosamente.
Re: Efeito nos links do menu
luuuiiiz escreveu:Olá.
Não entendi muito bem o que deseja. Poderia ser um pouco mais específico?
Atenciosamente.
O meu fórum sempre que eu clico em algo do menu ele está laranja sempre no nome "Fórum" eu queria que ficasse normal e ficasse assim quando eu clicasse em qualquer um, tipo, em membros ficasse laranja em membros, grupos, ficasse laranja em grupos, etc... tendeu?
Re: Efeito nos links do menu
Olá autor,
Quanto sua questão troque o css fornecido por este:
Resulta?
Até mais.
Atenção! Você não pode fazer UPs antes de se completar 24 horas desde a última mensagem deste tópico! Por este motivo, nós pedimos que você leia as regras do subfórum e principalmente os termos de uso do FdF: https://ajuda.forumeiros.com/t82-topic para não cometer novos erros! |
Quanto sua questão troque o css fornecido por este:
- Código:
#community_app_menu>li.active>a , #community_app_menu>li>a.menu_active, #community_app_menu>li>a:hover {
background-color: #ff5100!important;
}
Resulta?
Até mais.
Re: Efeito nos links do menu
Olá While, ficou assim :
https://i.imgur.com/0l8hOlQ.png
OBS: Estavam todos exceto o "Fórum" sem o "ACTIVE" pelo overall_header, eu ativei todos.
https://i.imgur.com/0l8hOlQ.png
OBS: Estavam todos exceto o "Fórum" sem o "ACTIVE" pelo overall_header, eu ativei todos.
Re: Efeito nos links do menu
Poderia me passar seu template overall_header por gentileza?
Cumprimentos,
While.
Cumprimentos,
While.
Re: Efeito nos links do menu
Enviado via MP. Peço ao mesmo que não repasse à ninguém, nem publique aqui se for modificar, apenas me mande a resposta via MP, ou então pode postar aqui e excluir dps se possível
Re: Efeito nos links do menu
Olá.
Poderia me enviar sua folha de estilo CSS, por gentileza?
Atenciosamente.
Poderia me enviar sua folha de estilo CSS, por gentileza?
Atenciosamente.
Re: Efeito nos links do menu
Aqui está:
- Código:
#pun-foot > p:nth-child(3) > strong:nth-child(1) > a:nth-child(1) {
display: none !important;
}
/*Footer*/
footer {width:100%!important;height:20px!important;margin-bottom:-10px!important;}
.social {margin-top:4px!important;margin-left:50px!important;}
body > footer > span {margin-right:60px!important;}
body > footer > div:nth-child(2) > a > i {margin-left:-50px!important;}
/*Fim do Footer*/
/*TÓPIC BODY*/
.post_field {
border: 1px solid #DDD;
padding: 4px;
margin-bottom: -15px;
border-left: 5px solid #DDD;
text-align: left;
background: #fff;
}
.pun .user .user-info {
color: #666;
line-height: 1.8em;
}
.pun .user .user-info {
background: #F5F5F5 none repeat scroll 0 0;
border-top: 1px solid rgba(0,0,0,0.15);
color: #666;
line-height: 1.8em;
padding: 5px !important;
}
/*Fim Tópic*/
/*Categorias*/
@font-face {
font-family: 'Leckerli One';
font-style: normal;
font-weight: 400;
src: local('Leckerli One'), local('LeckerliOne-Regular'), url(https://fonts.gstatic.com/s/leckerlione/v7/S2Y_iLrItTu8kIJTkS7DrOgdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
.main-head .page-title h2 {
font-family: Leckerli One, Ubuntu, sans-serif!important;
font-size: 16px!important;
text-transform: none!important;
font-weight: 400!important;
}
.main .main-foot, .main .main-head {
font-family: Leckerli One, Ubuntu, sans-serif!important;
font-size: 16px!important;
text-transform: none!important;
font-weight: 400!important;
}
.pun .main .main-foot, .pun .main .main-head {
padding: 10px;
}
/*fim das categorias*/
.pun .main table tr:hover td.tc2, .pun .main table tr:hover td.tc3, .pun table.table tr:hover td.tcl, .pun table.table tr:hover td.tcr {
background-color: #f5f5f5 !important;
}
/*hover sub*/
input#message.post {
left: -207% !important;
width: 816px !important;
}
#primary_nav {
font-size: 12px;
text-transform: uppercase;
}
body {
color: #555;
font: normal 11px "Lato",helvetica,arial,tahoma,sans-serif;
}
body {
background: white;
color: #5A5A5A;
font: normal 11px tahoma, helvetica, arial, sans-serif;
background: url(http://i.imgur.com/QcGogNI.png) repeat;
}
#main .module-advert .main-content {
background-color: transparent;
border: 0px;
}
#pun-about, .main-box {
background: transparent;
border: 0px;
font-size: 0.8em;
}
#pun-head #pun-navlinks {
margin-left: -15px;
font: normal arial;
font-size: 0.9em;
background-color: transparent;
border-color: transparent;
}
#pun-navlinks li a[href="/calendar"]{display:none!important;}
#pun-navlinks li a[href="/search"]{display:none!important;}
#pun-navlinks li a[href="/"]{display:none!important;}
#pun-navlinks li a[href="/profile?mode=editprofile"]{display:none!important;}
#pun-navlinks li a[href="/memberlist"]{display:none!important;}
#pun-navlinks a {
color: #333;
}
#pun-navlinks a:hover {
text-decoration: none;
}
#pun-intro, #pun-visit, #pun-about form, #pun-navlinks {display:none;}
a:link {text-decoration:none;}
li {list-style-type:none;}
.wrapper {
margin: 0 auto;
min-width: 990px;
max-width: 1200px;
width: 98%;
}
.wrapper2 {
margin: 0 auto;
max-width: 1200px;
min-width: 990px;
width: 96%;
}
#index #main {
margin: 0 auto;
min-width: 990px;
max-width: 1200px;
width: 96%;
}
#ipbwrapper {
background: #fff;
-webkit-box-shadow: rgba(0,0,0,0.4) 0px -2px 10px;
-moz-box-shadow: rgba(0,0,0,0.4) 0px -2px 10px;
box-shadow: rgba(0,0,0,0.4) 0px -2px 10px;
position: relative;
z-index: 20;
}
#nav_background {
cursor: pointer;
vertical-align: middle;
margin-top: 10px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
color: #fff;
float: left;
height: 42px;
line-height: 42px;
outline: none;
padding: 0 11px;
}
#nav_background:hover {
background: rgba(255,255,255,0.1);
}
#secondary_links:hover {
background: rgba(255,255,255,0.1);
}
/*skin*/
.fixedHeader #branding {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 10;
}
#branding {
background: #2d333b;
height: 160px;
}
.wrapper {
margin: 0 auto;
min-width: 990px;
max-width: 1200px;
width: 96%;
}
#logo {
float: left;
}
#logo a.textLogo {
color: #fff;
height: 160px;
line-height: 160px;
padding: 0 12px;
font-weight: 300;
font-size: 24px;
display: block;
text-decoration: none;
}
#user_navigation {
float: right;
color: #fff;
font-size: 14px;
line-height: 42px;
height: 42px;
overflow: hidden;
margin-top: 59px;
}
ol, ul {
list-style: none;
}
#user_navigation .ipsList_inline li {
margin: 0;
padding: 0;
float: left;
}
.ipsList_inline>li:first-child {
margin-left: 0;
}
.ipsList_inline>li {
display: inline-block;
margin: 0 3px;
}
www.ipbforumskins.commed
#user_navigation a {
color: #fff;
float: left;
padding: 0 12px;
line-height: 42px;
outline: none;
height: 42px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
#user_navigation #sign_in img, #user_navigation #register_link img {
vertical-align: top;
position: relative;
margin: 13px 2px 0 0;
}
#user_navigation .ipsList_inline li {
margin: 0;
padding: 0;
float: left;
}
#user_navigation {
float: right;
color: #fff;
font-size: 14px;
line-height: 42px;
height: 42px;
overflow: hidden;
margin-top: 59px;
}
#nav_wrap {
padding: 6px 0 0 0;
}
#branding {
background: #2d333b;
height: 160px;
}
a {
color: ##ff5100;
}
a {
color: #ff5100;
text-decoration: none;
}
user agent stylesheeta:-webkit-any-link {
color: -webkit-link;
text-decoration: underline;
cursor: auto;
}
#user_navigation a:hover {
background: rgba(255,255,255,0.1);
}
#user_navigation a {
color: #fff;
float: left;
padding: 0 12px;
line-height: 42px;
outline: none;
height: 42px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
a:hover {
color: #222;
}
a {
color: #ff5100;
}
a {
color: #ff5100;
text-decoration: none;
}
img, .input_check, .input_radio {
vertical-align: middle;
}
#nav_wrap {
padding: 6px 0 0 0;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
margin: 0;
padding: 0;
}
user agent stylesheetdiv {
display: block;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
overflow: hidden;
}
/*second navbar*/
#primary_nav {
font-size: 12px;
text-transform: uppercase;
float: left;
max-width: 680px;
}
ol, ul {
list-style: none;
}
.left {
float: left;
}
#community_app_menu>li {
margin: 0 3px 0 0;
position: relative;
}
.ipsList_inline>li:first-child {
margin-left: 0;
}
.ipsList_inline>li {
display: inline-block;
margin: 0 3px;
}
#community_app_menu>li>a {
color: #878787;
display: block;
outline: none;
padding: 0px 15px;
line-height: 37px;
height: 37px;
}
#community_app_menu > li.active > a, #secondary_navigation, .topic_buttons li a, .ipsButton, a.ipsButton, .pagination .pages li.active, .forumHover tr:hover td, img[src*='f_icon.png'], img[src*='f_icon_read.png'], img[src*='f_redirect.png'], .maintitle, .maintitle.linkBar, ul.post_controls a, ul.post_controls a.ipsButton_secondary, .post_block h3, .horizontalView .author_info, .col_f_icon img, .ipsLikeButton.ipsLikeButton_enabled {
background-color: #ff5100;
}
#community_app_menu>li.active>a {
color: #fff;
-webkit-box-shadow: inset rgba(0,0,0,0.2) 0px 0px 0px 1px;
-moz-box-shadow: inset rgba(0,0,0,0.2) 0px 0px 0px 1px;
box-shadow: inset rgba(0,0,0,0.2) 0px 0px 0px 1px;
position: relative;
}
#community_app_menu>li>a {
color: #878787;
display: block;
outline: none;
padding: 0px 15px;
line-height: 37px;
height: 37px;
}
#community_app_menu>li>a:hover, #community_app_menu>li>a.menu_active {
background: #efefef;
color: #878787;
-webkit-box-shadow: inset rgba(0,0,0,0.05) 0px 0px 0px 1px;
-moz-box-shadow: inset rgba(0,0,0,0.05) 0px 0px 0px 1px;
box-shadow: inset rgba(0,0,0,0.05) 0px 0px 0px 1px;
}
#community_app_menu .submenu_container, #more_apps_menucontent.submenu_container {
width: 170px;
}
#primary_extra_menucontent, #more_apps_menucontent, .submenu_container {
background: #efefef;
font-size: 12px;
border: 0;
min-width: 140px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
text-transform: uppercase;
}
.boxShadow {
-webkit-box-shadow: rgba(0,0,0,0.1) 0px 1px 5px;
-moz-box-shadow: rgba(0,0,0,0.1) 0px 1px 5px;
box-shadow: rgba(0,0,0,0.1) 0px 1px 5px;
}
#primary_extra_menucontent, #more_apps_menucontent, .submenu_container {
background: #efefef;
font-size: 12px;
border: 0;
min-width: 140px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
text-transform: uppercase;
}
#community_app_menu .submenu_container li, #more_apps_menucontent.submenu_container li {
width: 170px;
}
#primary_extra_menucontent li, .submenu_container li, #more_apps_menucontent li {
padding: 0;
border: 0;
float: none !important;
min-width: 150px;
}
#primary_extra_menucontent a, #more_apps_menucontent a, .submenu_container a {
display: block;
padding: 8px 10px;
color: #878787;
}
ol, ul {
list-style: none;
}
#primary_nav {
font-size: 12px;
text-transform: uppercase;
float: left;
max-width: 680px;
}
fieldset, img {
border: 0;
}
.hide {
display: none;
}
#adv_search {
width: 36px;
height: 36px;
background: url('http://i.imgur.com/rCRETiJ.png') no-repeat 50% 50%;
text-indent: -3000em;
display: inline-block;
}
.right {
float: right;
}
search_wrap {
position: relative;
background: #f9f9f9;
display: block;
padding: 0 36px 0 8px;
height: 36px;
line-height: 35px;
min-width: 260px;
border-bottom: 1px solid #e0e0e0;
}
#main_search {
font-size: 12px;
border: 0;
padding-top: 10px;
background: transparent;
width: 138px;
outline: 0;
color: #666;
}
input, select, textarea {
font: normal 12px tahoma,helvetica,arial,sans-serif;
}
#search_options {
font-size: 10px;
height: 30px;
line-height: 30px;
margin: 3px 3px 3px 0;
padding: 0 9px;
background: #eaeaea;
display: inline-block;
float: right;
max-width: 80px;
text-overflow: ellipsis;
overflow: hidden;
text-transform: uppercase;
}
.clickable {
cursor: pointer;
}
#search_options_menucontent {
min-width: 130px;
white-space: nowrap;
padding: 0;
background: #fff;
border: 1px solid #c6c6c6;
}
.ipbmenu_content {
white-space: nowrap;
}
.ipbmenu_content, .ipb_autocomplete {
min-width: 85px;
z-index: 999;
}
.ipsBox, .ipsPad {
padding: 9px;
}
.ipbmenu_content, .ipb_autocomplete {
background: #fff;
border: 1px solid #c6c6c6;
-webkit-box-shadow: rgba(0,0,0,0.1) 0px 1px 5px;
-moz-box-shadow: rgba(0,0,0,0.1) 0px 1px 5px;
box-shadow: rgba(0,0,0,0.1) 0px 1px 5px;
}
#search .submit_input {
background: url('http://i.imgur.com/PBkSD5Z.png') no-repeat 50%;
text-indent: -3000em;
padding: 0;
border: 0;
display: block;
width: 36px;
height: 36px;
position: absolute;
right: 0;
top: 0;
bottom: 0;
}
#search_wrap {
position: relative;
background: #f9f9f9;
display: block;
padding: 0 36px 0 8px;
height: 36px;
line-height: 35px;
min-width: 260px;
border-bottom: 1px solid #e0e0e0;
}
/* social icons and navigation */
#socialButtons a.twitterButton:hover {
background-position: 0 -121px;
}
#socialButtons a.facebookButton {
background-color: #324e8a;
background-position: 0 -1px;
}
#socialButtons a {
background-image: url(http://i.imgur.com/nCwuV2Q.png)!important;
}
#socialButtons a.twitterButton {
background-color: #0097d5;
background-position: 0 -81px;
}
#socialButtons a {
float: left;
margin-left: 6px;
background: url("http://www.ipbforumskins.com/skindemo/public/style_images/ortem/socialButtons.png") no-repeat 0 0;
color: #fff;
text-shadow: rgba(0,0,0,0.3) 0px -1px 0px;
font-weight: bold;
height: 37px;
line-height: 37px;
padding: 0 10px 0 49px;
outline: none;
-webkit-box-shadow: inset rgba(0,0,0,0.2) 0px 0px 0px 1px;
-moz-box-shadow: inset rgba(0,0,0,0.2) 0px 0px 0px 1px;
box-shadow: inset rgba(0,0,0,0.2) 0px 0px 0px 1px;
margin-top: 5px;
}
#secondary_navigation {
-webkit-box-shadow: inset rgba(0,0,0,0.2) 0px 0px 0px 1px;
-moz-box-shadow: inset rgba(0,0,0,0.2) 0px 0px 0px 1px;
box-shadow: inset rgba(0,0,0,0.2) 0px 0px 0px 1px;
overflow: hidden;
line-height: 37px;
color: #fff;
color: rgba(255,255,255,0.6);
margin-bottom: 6px;
margin-top: 5px;
}
#secondary_navigation #breadcrumb li {
float: left;
}
.breadcrumb li:first-child {
margin-left: 0;
}
.ipsList_inline>li:last-child {
margin-right: 0;
}
.ipsList_inline>li:first-child {
margin-left: 0;
}
.ipsList_inline>li {
display: inline-block;
margin: 0 3px;
}
#secondary_navigation #breadcrumb li.first a {
margin-left: 0;
background: none;
padding-left: 0px;
}
#secondary_navigation #breadcrumb li a {
padding-left: 12px;
margin-left: -15px;
background: url('http://i.imgur.com/5iiqOZB.png') no-repeat 0 0;
display: block;
outline: none;
text-decoration: none;
}
#secondary_navigation a {
color: #fff;
line-height: 37px;
height: 37px;
}
#secondary_navigation #breadcrumb li.first a span {
padding-left: 12px;
}
#secondary_navigation #breadcrumb li span {
display: block;
padding-right: 17px;
padding-left: 4px;
background: url('http://i.imgur.com/5iiqOZB.png') no-repeat 100% 0;
}
#secondary_links {
overflow: hidden;
padding-right: 4px;
}
#secondary_links li {
float: left;
margin: 0;
}
#secondary_links a {
padding: 0 12px;
display: block;
}
#socialButtons a.facebookButton:hover {
background-position: 0 -41px;
}
.right {
float: right;
}
#community_app_menu > li.active > a, #secondary_navigation, .topic_buttons li a, .ipsButton, a.ipsButton, .pagination .pages li.active, .forumHover tr:hover td, img[src*='f_icon.png'], img[src*='f_icon_read.png'], img[src*='f_redirect.png'], .maintitle, .maintitle.linkBar, ul.post_controls a, ul.post_controls a.ipsButton_secondary, .post_block h3, .horizontalView .author_info, .col_f_icon img, .ipsLikeButton.ipsLikeButton_enabled, #footer {
background-color: #ff5100;
}
/*APAGAR*/
#main-content #profile-advanced-left {
width:auto!important;
}
#main-content #profile-advanced-right .module {
display:inherit !important;
}
#main-content #criteoDiv3, [style*="height:250px;margin-bottom:4px;"]{
display:none !important;
}
#main-content #profile-advanced-add a.mainmenu {
background: url(http://i18.servimg.com/u/f18/18/45/41/65/nav10.png) ;
color: #FFF;
display: inline-block;
font-family: "Trebuchet MS", Arial, Verdana, Sans-serif;
font-size: 13px;
font-weight: 700;
height: 45px;
line-height: 45px;
opacity: 1;
padding: 0 12px;
transition: 250ms;
margin-bottom: 15px;
}
/*Sumir Cabeçalho*/
a.mainmenu[href="/faq"]{
display: none !important;
}
a.mainmenu[href="/calendar"]{
display: none !important;
}
a.mainmenu[href="/sair"]{
display: none !important;
}
a.mainmenu[href="/privmsg?folder=inbox"]{
display: none !important;
}
a.mainmenu[href="/groups"]{
display: none !important;
}
a.mainmenu[href="/profile?mode=editprofile"]{
display: none !important;
}
a.mainmenu[href="/login"]{
display: none !important;
}
a.mainmenu[href="/register"]{
display: none !important;
}
a.mainmenu[href="/"]{
display: none !important;
}
a.mainmenu[href="/search"]{
display: none !important;
}
a.mainmenu[href="/memberlist"]{
display: none !important;
}
a.mainmenu[href="/quit"]{
display: none !important;
}
a#logout{display:none}
/*Closed*/
@font-face {
font-family: 'Ubuntu';
font-style: normal;
font-weight: 300;
src: local('Ubuntu Light'), local('Ubuntu-Light'), url(http://fonts.gstatic.com/s/ubuntu/v7/_aijTyevf54tkVDLy-dlnFtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'), url(http://fonts.gstatic.com/s/ubuntu/v7/_aijTyevf54tkVDLy-dlnD8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
font-family: 'Ubuntu';
font-style: normal;
font-weight: 400;
src: local('Ubuntu'), url(http://fonts.gstatic.com/s/ubuntu/v7/sDGTilo5QRsfWu6Yc11AXg.woff2) format('woff2'), url(http://fonts.gstatic.com/s/ubuntu/v7/_xyN3apAT_yRRDeqB3sPRg.woff) format('woff');
}
@font-face {
font-family: 'Ubuntu';
font-style: normal;
font-weight: 700;
src: local('Ubuntu Bold'), local('Ubuntu-Bold'), url(http://fonts.gstatic.com/s/ubuntu/v7/0ihfXUL2emPh0ROJezvraFtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'), url(http://fonts.gstatic.com/s/ubuntu/v7/0ihfXUL2emPh0ROJezvraD8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
*,
*:after,
*:before {
-webkit-transition: background 0.5s ease-out;
-moz-transition: background 0.5s ease-out;
-o-transition: background 0.5s ease-out;
-ms-transition: background 0.5s ease-out;
}
table > thead {display:none;}
.pun a,
.pun a:link,
.pun a:visited,
a {
color: #666;
text-decoration: none;
font-family: ubuntu;
}
#fa_welcome > img {margin-top:-5px!important;}
#logo > img {max-width:100%;}
.pun tbody.statused td.tcl, .pun .main table td.tc2, .pun .main table td.tc3 {border-bottom:1px solid #ddd!important;}
.pun a:hover,
a:hover {
color: #444;
text-decoration: none font-family: Ubuntu;
}
.pun-crumbs {
background: #fff;
border: 1px solid #ddd;
border-radius: 3px;
line-height: 34px;
margin: 0px 1px 10px;
overflow: hidden;
padding: 0.2em 1em;
}
.pun .pun-crumbs .crumbs {
color: transparent;
}
p.crumbs a {
background: transparent url("http://i39.servimg.com/u/f39/11/55/08/10/pun-cr10.png") no-repeat scroll 100% -1px;
color: #757575 !important;
line-height: 30px;
margin-left: -14px;
padding: 10px 20px 10px 25px;
position: relative;
text-shadow: 0px 1px 0px #FFF;
transition: none 0s ease 0s;
}
p.crumbs a:hover {
background-position: 100% -44px;
}
#stats {
background-color: white;
line-height: 100%;
padding: 10px;
border: 1px solid #ddd;
}
#onlinelist {
background-color: white;
padding: 10px;
border: 1px solid #ddd;
border-top: none;
}
.main .main-content {
background: #FFF;
border: 1px solid #ddd;
box-shadow: 0 0 4px rgba(0,0,0,0.1);
margin: 0;
padding: 6px;
}
.module .main-content table[style="table-layout:fixed"]{border: none;}
[data-counter]:before{background:#FFF none repeat scroll 0 0 padding-box;border-radius:2px;box-shadow:0 1px 2px rgba(0,0,0,0.5), 0 1px 4px rgba(0,0,0,0.4), 0 0 1px rgba(0,0,0,0.21) inset, 0 10px 0 rgba(255,255,255,0.11) inset;color:#FCA800;content:attr(data-counter);font-family:"Helvetica Neue",sans-serif;font-size:9px;font-style:normal;font-variant:normal;font-weight:800;height:13px;line-height:10px;margin-left:-9px;margin-top:16px;padding:1px 4px;position:absolute;text-decoration:none;z-index:999}
#submit_button {height: auto!important;}
.module.main {margin: 0 0 0 8px!important;}
.posthead[id] + .postmain .entry-content div p:not(:empty) {
background: #ffebc8 url(http://imgur.com/PIQA4LA.png) no-repeat 6px 10px;
border: 1px solid #ecc272;
color: #ac6328;
font-family: "Trebuchet MS",tahoma,helvetica,arial,sans-serif;
font-size: 11px;
font-style: normal;
font-variant: normal;
font-weight: 700;
line-height: 18px;
margin-top: 15px;
padding: 8px 8px 8px 28px;
text-shadow: #fffaf1 0 1px 0;
}
.tc1, .tcr, .pun table.table td {
background: none !important;
border: none !important;
}
span.status {margin-left:-47px!important;}
@font-face {
font-family: 'Play';
font-style: normal;
font-weight: 400;
src: local('Play'), local('Play-Regular'), url(https://fonts.gstatic.com/s/play/v7/ZNo-5SxCwH1CXgZ-n3bt2g.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
body[bgcolor] {
background: #fff;
}
.chatbox_row_1.clearfix.shout-0 span span[style="color:undefined"] {
font-size: 0px;
}
.chatbox-options li a span#chatbox_option_co:before {
content: "Para visualizar as mensagens clique em login.";
text-align: center;
margin-top: 125px;
background: #FFFFFF!important;
width: 100%;
height: 80px;
right: 0;
position: absolute;
z-index: 1;
display: block;
border-top: 1px solid #ebebeb;
font-size: 14px!important;
color: #000;
}
.chatbox-options li a span#chatbox_option_co:after {
content: " Você está desconectado!";
margin-top: 180px;
background: #ccc!important;
width: 100%;
padding: 10px 0;
right: 0;
position: absolute;
z-index: 1;
text-align: center;
display: block;
border-top: 1px solid #ebebeb;
font-size: 20px!important;
color: #000;
}
#chatbox .user strong span, body #chatbox .msg, #chatbox .date-and-time, #chatbox_header.main-head {
font-family: Play,Arial,Helvetica,sans-serif!important;
font-size: 14px!important;
}
#chatbox .date-and-time {
float: right;
color: #cacaca;
font-size: 11px;
}
#chatbox .date-and-time img {
opacity: 0.5;
}
#chatbox .date-and-time img:hover {
opacity: 1.0;
}
#chatbox_header.main-head {
background: #3d648a;
padding: 0;
margin: 0;
list-style: none;
position: inherit;
height: 40px;
display: block;
}
#chatbox_header.main-head:after {
content: "Divulgação, flood, spam ou atitudes desrespeitosas não são toleradas neste Chat.";
background: #ebebeb;
color: #111111;
margin-top: 40px;
display: block;
padding: 10px;
position: absolute;
width: 100%;
}
.chatbox-title {
font-size: 14px;
color: #fff;
padding: 10px 10px 0 10px;
}
.chatbox-title, .chatbox-title a.chat-title {
color: #fff;
font-weight: 300;
text-decoration: none;
}
#chatbox_members, #chatbox {
top: 80px;
}
.chatbox-options {
background: rgba(0,0,0,0.5);
opacity: 0.6;
color: #fff;
padding: 5px;
}
#chatbox_members {
display: none;
}
#chatbox {
left: 0;
}
.chatbox_row_1, .chatbox_row_2 {
background-color: #fff;
position: relative;
border-width: 0 0 1px 0;
border-style: solid;
border-color: #ebebeb;
padding: 7px;
}
#chatbox > p {
border-bottom: 1px solid #ebebeb!important;
}
body #chatbox .user strong {
font-size: 0px;
margin-left: 4px;
}
body #chatbox .user strong span {
font-size: 12px;
font-weight: 300;
}
body #chatbox .msg {
display: block;
line-height: 1.5em;
margin-top: -7px!important;
}
#chatbox_footer .right:first-child {
width: 100% !important;
float: right;
}
.pun .main-content.chatbox {
border: 0px solid #ebebeb;
}
#chatbox_footer .right:nth-child(2) {
float: right;
margin-top: -42px;
z-index: 999;
}
#chatbox_messenger_form label[for="message"] {
display: none;
}
input#message.post {
width: 90% !important;
margin-top: 2px;
height: 12px;
padding: 8px 10px 8px 8px !important;
border: none !important;
background: transparent;
outline: none;
}
input#message.post {
background: url(http://i.imgur.com/5zppq7r.png) no-repeat!important;
}
input#message.post:focus {
background: transparent!important;
}
#divcolor, #help-button, .format-message + label {
display: none!important;
}
.right #submit_button {
position: absolute;
right: 0;
margin-right: 10px;
}
.right #submit_button {
height: 30px!important;
background: #1abc9c;
color: #ffffff !important;
cursor: pointer;
text-align: center;
font-size: 13px;
font-weight: 500;
text-align: center;
text-decoration: none;
text-shadow: none;
white-space: nowrap;
display: inline-block;
vertical-align: middle;
padding: 5px 15px;
border-radius: 3px;
border: 1px solid rgba(0,0,0,0.1);
-webkit-transition: 0.1s all linear;
-moz-transition: 0.1s all linear;
-ms-transition: 0.1s all linear;
-o-transition: 0.1s all linear;
transition: 0.1s all linear;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
-webkit-font-smoothing: antialiased;
border-width: 0px!important;
}
#divsmilies {
width: 24px!important;
height: 24px!important;
background: url(http://i.imgur.com/Ku7QNJd.png) no-repeat;
border: 0px!important;
/* position:absolute; */
margin-right: 80px;
margin-top: 15px;
}
#divsmilies>img {
display: none;
}
#divsmilies:hover:before {
content: "Emoticons";
background: #2a2a2a;
line-height: 26px;
font-size: 12px;
color: #fff;
position: absolute;
padding: 0 8px;
pointer-events: none;
border-radius: 2px;
position: absolute;
margin-top: -30px;
margin-left: -35px;
}
#chatbox_footer {
height: auto !important;
background-color: #fff!important;
border-top: 0px dashed #ccc;
}
body #chatbox .cb-avatar {
border-width: 0!important;
}
#chatbox .cb-avatar, #chatbox .cb-avatar img {
background: none repeat scroll 0 0 #fff!important;
border: 0px solid #d5d5d5!important;
border-width: 0!important;
box-shadow: none!important;
float: left;
margin-right: 4px!important;
padding: 1px!important;
vertical-align: middle!important;
width: 34px!important;
height: 34px!important;
}
div.sceditor-dropdown .button {background: #3c414b none repeat scroll 0 0!important;
border: 0 solid #FFF;
border-radius: 3px;
color: #FFFAFA!important;
cursor: pointer;
display: inline-block;
font-family: sans-serif;
font-size: 11px!important;
padding: 4px 9px!important;
text-decoration: none;
text-transform: uppercase;}
div.sceditor-dropdown .button:hover {background: #6485e2!important;}
.posthead[id] + .postbody .entry-content div + p:not(:empty) {
background: #ffebc8 url(http://imgur.com/PIQA4LA.png) no-repeat 6px 10px;
border: 1px solid #ecc272;
color: #ac6328;
font-family: "Trebuchet MS", tahoma, helvetica, arial, sans-serif;
font-size: 11px;
font-style: normal;
font-variant: normal;
font-weight: 700;
line-height: 18px;
margin-top: 15px;
padding: 8px 8px 8px 28px;
text-shadow: #fffaf1 0 1px 0;
}
.pun table.table td.tcr span a:empty:before {
color: #777;
content: 'Sem mensagens para visualizar.';
font-style: italic;
pointer-events: none;
text-align: center;
word-wrap: break-word;
}
input[type="email"], input[type="password"], input[type="text"] {
background: #FCFCFC 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;
text-shadow: 0 1px 0 #FFF;
}
button.button2:hover, input.button2:hover {border:none;}
#fa_welcome, #fa_right #fa_notifications {color:#ff5100!important;}
.pun a, .pun a:link, .pun a:visited, a {
font-family: ubuntu;
}
a.forumtitle {margin-left:-5px;margin-top: 0px!important;position: absolute;}
#fa_right { font-family: "Trebuchet MS",Arial,Verdana,sans-serif;
font-size: 16px;
font-weight: 700;
}
#onlinelist {display:none;}
#pun-visit, .main-box {display:none;}
#pun-about {display:none;}
span.label {font-family: "Trebuchet MS";}
#quick_reply #textarea_content {width: 100%!important;}
#onlinechat {display: none;}
.main .main-head.collapsed {opacity: 0.6;}
.main-head h2, .main-head h3 {
font-family: 'Open Sans Condensed', sans-serif;
font-size: 14px!important;
font-weight: 700;
}
.main .main-content {
background: #FFF;
border: 1px solid #ddd;
box-shadow: 0 0 4px rgba(0,0,0,0.1);
margin: 0;
padding: 6px;
}
.main .main-head {
margin-top: 10px;
}
.main .main-head {
background-color: #3C414B;
border-bottom: 3px solid #ff5100;
color: #fff;
padding: 1em;
text-shadow: none;
}
.main .main-foot {
background-color: #3C414B;
border-bottom: 3px solid #ff5100;
border-radius: 2px 2px 0 0;
color: #fff;
padding: 1em;
text-shadow: none;
}
.lastpost-avatar img {
background: none repeat scroll 0 0 #FFF;
border: 1px solid #EDEDED!important;
box-shadow: 0 2px 2px rgba(0,0,0,0.1);
height: 38px;
border-radius: 5px;
margin-right: 3px;
padding: 2px;
width: 38px;
}
.pun h2, .pun h3, .pun input, .pun select, .pun th {
font-family: Verdana,Arial,sans-serif;
font-size: 1em;
font-style: normal;
font-variant: normal;
font-weight: normal;
}
.statused .tcl {font-size: 11px !important;color: #666 !important}
a.forumtitle {font-size: 13px !important}
.avt-r img{
background: none repeat scroll 0% 0% #FFF;
border: 1px solid #D5D5D5 !important;
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
float: left;
height: 28px;
margin: 3px;
padding: 1px;
width: 28px;
}
* {
margin: 0;
padding: 0;
}
.pun .topic {
border-right: 1px solid #DDDDDD;
border-left: 1px solid #DDDDDD;
}
.user-basic-info img:first-child {
background: #FFF;
padding: 2px;
max-width: 160px;
margin-bottom: 5px;
}
.pun .postmain {
background: #fff;
border: 1px solid #ddd;
border-radius: 3px;
position: relative
}
.pun .post .user:after {
border-left-color: #f7f7f7;
border-width: 7px;
margin-left: 2px;
margin-top: 1px
}
.pun .post .user {
line-height: 150%;
margin-left: -17em!important;
margin-top: -3.3em;
padding-top: 0;
text-align: center;
width: 15em;
background: white;
border: 1px solid #ddd;
border-radius: 3px;
}
.pun .username a span strong {
font-weight: 400!important
}
.pun .user .user-ident .user-basic-info {
margin-top: 15px;
margin-bottom: -2px;
}
#first-post-br {
border: 0
}
.pun .posthead,
.pun .username {
background-color: #f7f7f7;
border-bottom: 1px solid #ddd;
font-size: 13px;
font-weight: 400;
padding: 10px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6)
}
.pun .user-ident .username {
margin: 0 auto;
position: relative
}
.pun .posthead a {
color: #444;
font-size: 13px
}
.pun .posthead h2 {
color: #444;
font-weight: 400
}
.pun .posthead h2 strong {
font-size: 11px;
font-style: normal;
font-variant: normal;
font-weight: normal
}
.pun .posthead h2 strong:before {
content: '#'
}
.posthead[id] + .postbody .entry-content div + p:not(:empty) {
background: #ffebc8 url(http://imgur.com/PIQA4LA.png) no-repeat 6px 10px;
border: 1px solid #ecc272;
color: #ac6328;
font-family: "Trebuchet MS", tahoma, helvetica, arial, sans-serif;
font-size: 11px;
font-style: normal;
font-variant: normal;
font-weight: 700;
line-height: 18px;
margin-top: 15px;
padding: 8px 8px 8px 28px;
text-shadow: #fffaf1 0 1px 0
}
.posthead[id] + .postbody .entry-content div + p:not(:empty) > br {
display: none;
}
.pun .post {
border: 0;
margin: 5px
}
.postfoot {
background: #f7f7f7;
border-top: 1px solid #ddd;
margin: 0;
padding: 10px;
}
.pun .topic {
border: 0;
box-shadow: none;
background: white;
margin: 0
}
.pun .entry-content {
font-size: 13px;
line-height: 1.6
}
.pun .paged-foot,
.pun .paged-head {
background-color: transparent;
border: 0
}
.paged-head h1 {
display: none
}
.wraparound {
background: #f7f7f7;
border: 1px solid #ddd;
margin: 10px 0;
padding: 8px;
}
.ipsBox_withphoto {
margin-left: 65px;
}
.ipsType_pagetitle, .ipsType_subtitle {
color: #413f3c;
font-size: 23px;
font-style: normal;
font-variant: normal;
font-weight: 300;
line-height: 1.3;
}
.desc.lighter, .desc.lighter.blend_links a, .desc.lighter.blend_links span a strong {
color: #a49f98!important;
font-weight: 400;
}
.ipsUserPhotoLink img {
background: #fff;
border: 1px solid #ddd;
float: left;
height: 40px;
padding: 2px;
width: 40px;
}
.ftoggle {
background: #E2E2E2;
border-radius: 3px;
display: block;
padding: 10px 15px;
}
.pun .user .user-info {
background: #F5F5F5;
border-top: 1px solid #D9DBDD;
color: #666;
line-height: 1.8em;
padding: 5px!important;
}
.arrow-u2 {
-moz-border-bottom-colors: none;
-moz-border-left-colors: #F7F7F7;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
display: block;
float: left;
height: 0px;
margin-left: -24px;
margin-top: -27px;
position: absolute;
width: 0px;
z-index: 100;
border: 10px solid transparent;
border-left-color: #F7F7F7;
}
.arrow-u {
-moz-border-bottom-colors: none;
-moz-border-left-colors: #DDD;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border: 10px solid transparent;
display: block;
float: left;
height: 0px;
margin-left: -23px;
margin-top: -27px;
width: 0px;
z-index: -999;
border-left-color: #ddd;
}
.pun {
line-height: 130%;
margin: 5px 5px 10px;
padding: 10px;
width: 98%;
}
#pun-visit {
line-height: 130%;
margin: 5px 5px 10px;
padding: 10px;
width: 98%;
}
.module.main .main-content{
font-size:10px;
}
.main .frm-info {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #FFEA97 url(https://cdn2.iconfinder.com/data/icons/diagona/icon/16/050.png) no-repeat 6px 10px;
background-color: #FFEA97;
border: 1px solid #E1B500;
border-radius: 3px;
color: #796100;
font-family: "Trebuchet MS", tahoma, helvetica, arial, sans-serif;
font-size: 11px;
font-style: normal;
font-variant: normal;
font-weight: 700;
line-height: 18px;
margin: 15px 1.7em 1.7em;
padding: 8px 8px 8px 28px;
text-shadow: #fffaf1 0 1px 0;
}
.paged-foot .paging a, .paged-foot .paging a:hover, .paged-foot .paging b, .paging a, .paging b, td p.pag a, td p.pag b {
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
font-size: 12px!important;
margin-right: 3px!important;
padding: 6px 9px!important;
}
.paged-foot .paging a, .paging a, .paging b, td p.pag a, td p.pag b {
-moz-border-radius: 3px;
-moz-box-shadow: rgba(0,0,0,0.05) 0 1px 2px;
-webkit-border-radius: 3px;
-webkit-box-shadow: rgba(0,0,0,0.05) 0 1px 2px;
background: #e5e5e5 url(http://i76.servimg.com/u/f76/18/14/02/99/highli10.png) repeat-x 0 0;
border: 1px solid #d6d6d6;
border-radius: 3px;
box-shadow: rgba(0,0,0,0.05) 0 1px 2px;
color: #747474;
display: inline-block;
font-size: 11px;
font-weight: 400;
padding: 0 5px;
text-shadow: #fff 0 1px 0;
text-transform: lowercase;
}
.postmain cite {
background-color: transparent!important;
color: #FBA717!important;
display: block;
font-size: 13px!important;
font-style: normal;
font-weight: 700;
margin: 0 0 1em;
}
.postmain cite {
display: block;
font-style: normal;
font-weight: 700;
margin: 0 0 1em;
}
.module.main > .main-content > .main-content {
border: none;
box-shadow: none;
}
.module.main #parceiros {
margin: 0 auto;
}
.main#pun-info .main-content {
padding: 0px;
}
.main_width {
margin: 0 auto;
min-width: 960px;
width: 81.5%;
}
.right, .right li {
padding-left: 5px;
float: right;
list-style-type: none !important;
}
#fa_toolbar {
left: 0px;
height: 30px;
background-color: #FFFFFF;
color: #FFFFFF;
font-family: Helvetica, Verdana, Arial;
font-size: 16px;
z-index: 999;
border-bottom: 3px solid #ff5900;
margin: auto;
}
.fa_toolbar_XL_Sized {
min-width: 980px;
width: 100%;
}
#fa_right #fa_menu #fa_welcome, #fa_right.notification #fa_menu #fa_welcome {
color: #ff5100!important;
}
#fa_right #fa_menu #fa_welcome, #fa_right #fa_notifications {
background-color: transparent!important;
border: 1px solid #ff5100!important;
border-radius: 3px!important;
font-size: 11px!important;
font-weight: 700!important;
line-height: 22px!important;
margin-top: 3px!important;
padding: 0 6px!important;
text-decoration: none!important;
transition: all 200ms ease 0;
}
.fa_tbMainElement, .fa_tbMainElement a, #fa_show {
display: inline-block !important;
vertical-align: middle;
}
#fa_menu {
display: inline-block;
}
#fa_right {
float: right;
font-size: 14px;
padding-right: 10px;
}
#fa_search #fa_textarea {
background: #ff5100 none repeat scroll 0 0!important;
border: 1px solid #ff5100!important;
border-radius: 3px 0 0 3px!important;
color: #ff5100!important;
cursor: text;
font-size: 12px!important;
height: 16px!important;
line-height: 12px!important;
margin-right: 23px!important;
padding: 3px 0 3px 1px !important;
transition: ease;
transition-duration: 1.5s;
width: 0!important;
margin-top: 3px;
}
#fa_search #fa_magnifier {
background: #ff5100 url(http://i21.servimg.com/u/f21/18/21/41/30/search10.png) no-repeat scroll 50% 50%!important;
border: 1px solid #ff5100;
border-radius: 0 3px 3px 0;
height: 22px!important;
right: 0;
top: 3px;
width: 22px!important;
position: absolute;
background-position: -30px 0px;
}
#fa_toolbar #fa_service {
display: inline-block !important;
visibility: visible !important;
text-decoration: none !important;
}
#fa_icon, #fa_toolbar #fa_service {
color: #ff5100!important;
}
#fa_toolbar a:link, #fa_toolbar a:visited, #fa_toolbar a:hover, #fa_toolbar a:active {
border: 1px solid transparent;
border: none;
}
#fa_service {
font-family: "Trebuchet MS",Arial,Verdana,sans-serif;
font-size: 16px;
font-weight: 700;
}
#fa_service:after {
content: ' - American Life - RPG';
}
body #fa_share {
display: none!important;
}
#fa_search {
margin-left: 20px;
height: 30px;
position: relative;
}
#fa_right a.rightHeaderLink {color:#ff5100!important;}
#fa_hide {display:none!important}
#fa_right #fa_menu #fa_welcome:hover, #fa_right #fa_notifications:hover, #fa_right a.rightHeaderLink:hover, #fa_right.welcome #fa_menu #fa_welcome, #fa_toolbar > #fa_right.notification > #fa_notifications {
background-color: #ff5100!important;
border-color: #ff5100!important;
color: #FFF!important;
}
#fa_menulist {
display: none;
position: absolute;
list-style-type: none;
margin: 0px;
padding: 0px 10px;
background-color: #FFFFFF;
min-width: 175px;
width: auto;
border: 1px solid #333333;
line-height: 32px;
border-top: 0px solid #FFFFFF;
z-index: 999;
}
#fa_menulist, #fa_toolbar #fa_right #notif_list {
background: #FFF none repeat scroll 0 0!important;
border: 1px solid #DDD!important;
border-radius: 3px;
box-shadow: 0 6px 12px rgba(0,0,0,0.176);
margin-top: 18px!important;
}
#fa_menulist::before, #fa_toolbar #fa_right #notif_list::before {
content: url("http://i18.servimg.com/u/f18/18/21/41/30/arrow11.png");
position: absolute;
right: 10%;
top: -10px;
}
#fa_search #fa_textarea:focus,#fa_search #fa_textarea:hover,#fa_search:hover #fa_textarea{background:#FFF none repeat scroll 0 0!important;color:#444!important;outline:medium none;padding:3px!important;transition:ease;transition-duration:.5s;width:150px!important}
.pun h2, .pun h3, .pun input, .pun select, .pun th {font-size: 1em;
font-style: normal;
font-variant: normal;
font-weight: 400;
}
body {
background-attachment: scroll;
background-color: #ccc;
background-image: url(http://2img.net/i/fa/empty.gif);
color: #333;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 12px;
}
input[type="button"], input[type="reset"], input[type="submit"] {
background: #3c414b none repeat scroll 0 0;
border: 0 solid #FFF;
border-radius: 3px;
color: #FFFAFA!important;
cursor: pointer;
display: inline-block;
font-family: sans-serif;
font-size:11px!important;
padding: 4px 9px!important;
text-decoration: none;
text-transform: uppercase;
}
input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
background: #6485e2;
}
body .sceditor-container {
-moz-border-radius: 0;
-moz-box-shadow: 0 0 3px rgba(0,0,0,.15);
-webkit-border-radius: 0;
-webkit-box-shadow: 0 0 3px rgba(0,0,0,.15);
border: 1px solid #b6b6b6;
border-radius: 0;
box-shadow: 0 0 3px rgba(0,0,0,.15);
padding: 0
}
#stats_sidebar {
margin: -10px;
}
#stats_sidebar li {
border-bottom: 1px solid #E9EDEE;
}
.List_data li {
padding: 6px;
line-height: 1.3;
}
.srl {
color: rgb(150,150,150);
}
#stats_sidebar .srr {
float: right;
font-weight: bold;
}
body .sceditor-toolbar {
-moz-box-shadow: 0 1px 0 #fff inset!important;
-webkit-box-shadow: 0 1px 0 #fff inset!important;
background: #cfd1cf url(http://i.imgur.com/XPb5FAh.png) repeat-x 0 0!important;
border-bottom: 1px solid #b6b6b6!important;
box-shadow: 0 1px 0 #fff inset!important;
padding: 6px 8px 2px;
white-space: normal
}
body .sceditor-group {
-moz-border-radius: 3px;
-moz-box-shadow: 0 1px 0 rgba(255,255,255,.5),0 0 2px rgba(255,255,255,.15) inset,0 1px 0 rgba(255,255,255,.15) inset!important;
-webkit-border-radius: 3px;
-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.5),0 0 2px rgba(255,255,255,.15) inset,0 1px 0 rgba(255,255,255,.15) inset!important;
background: #e4e4e4 url(http://i.imgur.com/lvfV1wd.png) repeat-x 0 0!important;
border: 1px solid #a6a6a6;
border-bottom-color: #979797!important;
border-radius: 3px;
box-shadow: 0 1px 0 rgba(255,255,255,.5),0 0 2px rgba(255,255,255,.15) inset,0 1px 0 rgba(255,255,255,.15) inset!important;
margin: 0 6px 5px 0 !important;
padding: 0!important
}
.sceditor-button {
-moz-border-radius: 0!important;
-webkit-border-radius: 0!important;
border-left: 1px solid rgba(0,0,0,.2);
border-radius: 0!important
}
.sceditor-group .sceditor-button:first-child {border-left: 0}
.sceditor-button:hover {
-moz-box-shadow: 0 0 1px rgba(0,0,0,.3) inset!important;
-webkit-box-shadow: 0 0 1px rgba(0,0,0,.3) inset!important;
background: #ccc url(http://i.imgur.com/q00xTJ9.png) repeat-x 0 0!important;
box-shadow: 0 0 1px rgba(0,0,0,.3) inset!important;
cursor: default
}
.sceditor-button.active,.sceditor-button.hover,.sceditor-button:active {background: #ccc url(http://i.imgur.com/q00xTJ9.png) repeat-x 0 0!important;box-shadow:0 1px 5px rgba(0,0,0,.6) inset,0 1px 0 rgba(0,0,0,.2)!important}
.sceditor-button.sceditor-button-size {
background: url(http://i.imgur.com/fZYgLFV.png) 0 0 no-repeat scroll!important;
height: 22px!important;
width: 51px
}
.sceditor-button.sceditor-button-font {
background: url(http://i.imgur.com/fmbuqHA.png) 0 0 no-repeat scroll!important;
height: 22px!important;
width: 81px
}
.sceditor-button.sceditor-button-font,.sceditor-button.sceditor-button-size {
-moz-box-shadow: none!important;
-webkit-box-shadow: none!important;
border-radius: 3px!important;
box-shadow: none!important;
cursor: default
}
.sceditor-button.sceditor-button-font > div,.sceditor-button.sceditor-button-size > div {display: none}
.sceditor-container iframe,.sceditor-container textarea {
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 13px;
line-height: 1.6;
margin: 15px!important;
min-height: 180px
}
.sceditor-container textarea {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.sucesso, .alerta, .aviso, .infos {
-moz-border-radius: 3px;
-moz-box-shadow: 1px 1px 2px rgba(0,0,0,.4);
-webkit-border-radius: 3px;
-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.4);
border-radius: 3px;
box-shadow: 1px 1px 2px rgba(0,0,0,.4);
font-size: 13px;
font-style: normal;
font-variant: normal;
font-weight: 400;
margin: 5px 0;
padding: 15px 15px 15px 65px !important;
width: 85%;
}
.pun .main-content {
background-color: #fbfbfb;
border: 1px solid #ddd;
border-top: none;
}
#stats {
background-color: #fff;
padding: 5px!important;
}
.onlinemeet {
text-align: center;
font-family: Arial;
color: #616161;
font-weight: 900;
font-size: 16px;
padding: 5px;
background-color: #EEEEEE;
border: 1px solid #DADADA;
border-right: none;
border-left: none;
}
#classeperson {
margin-left: 15px;
color: #616161;
float: left;
font-family: Arial;
margin-top:13px;
}
#onlinelist {
float: right;
border-top: none;
background-color: #FFF;
float: right;
font-family: Arial;
padding-left: 40px;
}
.legendaa {
margin-top: 88px;
border-top: 1px solid #D6D6D6;
border-bottom: 5px solid #ACACAC;
border-radius: 0 0 5px 5px;
text-align: center;
background-color: #E9E9E9;
padding: 15px;
}
#pun-info .main-content {
background-color: #FFF;
}
#tabs ul li a{background-color:#F1F1F1;background-repeat:repeat-x;border-color:#C1C1C1;border-left:1px solid #CCC;border-top:1px solid #CCC;color:#424242;font-weight:700;margin-top:10px}#tabs ul li.activetab a:hover{background:#fff;background-color:#363636}#tabs ul li a:hover{background-color:#F4F4F4;border-color:#333}#tabs ul li.activetab a{background-color:#363636;background-image:url(http://i50.tinypic.com/9qky9y.png);background-repeat:repeat-x;border-color:#363636;color:#fff;text-decoration:none}
#content-container div#container {margin-right:-220px;}
.sig-content, .signature_div {
border-top: 1px solid #E9E9E9;
}
.pun .main-head a.exthelp, .pun .main-head a.exthelp:link, .pun .main-head a.exthelp:visited {display:none;}
/********** No Edit **********/
/* Novas Mensagens IPB */
[data-counter]:after {
background: #cf2020;
height: 12px;
line-height: 12px;
content: attr(data-counter);
position: absolute;
padding: 0px 4px;border-radius: 2px;
-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;
-moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;
box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;box-shadow: 0 1px 2px rgba(0,0,0,.5), 0 1px 4px rgba(0,0,0,.4), 0 0 1px rgba(0,0,0,.7) inset, 0 10px 0px rgba(255,255,255,.11) inset;
background-clip: padding-box;
font:bold 9px "Helvetica Neue", sans-serif;
color: white;
text-decoration: none;
text-shadow: 0 -1px 0 rgba(0,0,0,.6);
margin-left: -8px;
margin-top: 5px;
}
/***********FIM Novas Mensagens IPB************/
/***********QUOTE ELEGANTE************/
blockquote {
font-size: 12px;
border: 1px solid #E3E3E3;
background: #FCFCFC;
color: #9F9F9F;
margin-bottom: 5px;
}
blockquote, .postmain blockquote {padding: 10px;}
blockquote cite {
font-size: 12px;
padding: 8px 10px;
text-indent: 25px;
border: 1px solid #E3E3E3;
border-top: 0px;
border-bottom: 1px solid #E8E8E8;
background-color: #F2F2F2;
background-image: url(http://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;
color: #535353;
text-shadow: rgba(255, 255, 255, 1) 0px 1px 0px;
font-weight: bold;
}
blockquote cite, .postmain cite {margin: -10px -11px 8px -11px;}
/***********FIM QUOTE************/
/***********Spoiler************/
.codebox dd.cont_code, .codebox.spoiler dd {
background: #F0F0F0;
border: 1px solid lightGrey;
}
.codebox dt {
border-bottom: 4px solid #FF3C1F;
font-size: 14px;
font-weight: 700;
text-shadow: 1px 1px #F3F3F3;
}
.codebox {
background: #E7E6E6;
border: 1px solid #BDBDBD;
box-shadow: 0 2px 10px #D6D6D6;
margin: 3px;
max-width: auto;
}
.codebox dd {
background: #F0F0F0;
border: 1px solid lightGrey;
}
/***********FIM Spoiler************/
/***********ICON BALL OFFLINE************/
.pun .post .post_username .post_online .status.online_ipb
{
background: url(http://i71.servimg.com/u/f71/18/17/62/92/offlin10.png);
float: left;
height: 15px;
margin: 10px 4px -3px 0;
width: 51px;
}
/***********FIM ICON BALL ONLINE************/
/*Separação de botões*/
.i_reply {
padding-left: 10px !important;
}
/*Fim da separação*/
/*Hover*/
.pun .main table tr:hover td.tc2, .pun .main table tr:hover td.tc3, .pun table.table tr:hover td.tcl, .pun table.table tr:hover td.tcr {
background-color: #f5f5f5 !important;
}
/*Hover*/
.pun .postfoot .post-options img {
border-right: 1px solid #b8b8b8;
}
.postprofile a img:hover {
opacity: initial!Important;
}
/*******CURTIR NO POST********/
#rep_post .reput_vote {
background-color: #daedfb;
color: #666;
-khtml-user-select: none;
-moz-transition: all,0.15s;
-moz-user-select: none;
-ms-user-select: none;
-o-transition: all,0.15s;
-webkit-touch-callout: none;
-webkit-transition: all,0.15s;
-webkit-user-select: none;
background: #f0f0f0 url(https://cdn1.iconfinder.com/data/icons/social-media-13/24/Like-16.png) no-repeat 6px center;
background-size: 12px;
clear: both;
color: #666;
cursor: pointer;
display: table;
font-size: 11px;
font-weight: 400;
line-height: 18px;
margin: 5px;
padding: 3px 5px 3px 25px;
text-align: right;
transition: all,0.15s;
}
.reput_vote.zero {
background-color: #6a6a6a;
}
.BS_like:hover {
background-color: #daedfb;
color: #666;
}
.BS_like {
-khtml-user-select: none;
-moz-transition: all,0.15s;
-moz-user-select: none;
-ms-user-select: none;
-o-transition: all,0.15s;
-webkit-touch-callout: none;
-webkit-transition: all,0.15s;
-webkit-user-select: none;
background: #f0f0f0 url(https://cdn1.iconfinder.com/data/icons/social-media-13/24/Like-16.png) no-repeat 6px center;
background-size: 12px;
clear: both;
color: #666;
cursor: pointer;
display: table;
font-size: 11px;
font-weight: 400;
line-height: 18px;
margin: 5px;
padding: 3px 5px 3px 25px;
text-align: right;
transition: all,0.15s;
user-select: none;
}
.BS_like:before {
content: "Curtir";
}
#rep_post .bs_inline {
list-style: none;
}
.BS_like:hover {
background-color: #daedfb;
color: #666;
}
#rep_post {white-space: nowrap;margin: 6px 4px;float: right;}
#rep_post .bs_inline {list-style: none;}
#rep_post .bs_inline > li {display: inline-block;margin: 0 3px;}
#rep_post .bs_inline > li:first-child {margin-left: 0;}
#rep_post .bs_inline img {display: none;}
#rep_post span img {cursor: pointer;}
.reput_vote.positive {background-color: #8db13e;}
.reput_vote.zero {background-color: #6a6a6a;}
#rep_post .reput_vote:before {
content: "Curtidas ";
}
/***********FIM CURTIR************/
/***********Botões************/
.pun .postfoot .post-options img:hover {
opacity: .7;
}
/***********FIM BOTÕES************/
/***********OFFLINE***********/
.i_icon_online {
margin-left: 5px !important;
}
/*Fim do OFFLINE*/
Re: Efeito nos links do menu
Olá.
Entrei no seu fórum, na mesma url da print que você mandou na primeira mensagem.
Não vi nada de errado e aliás, algo diferente.
Não tive acesso ao link "Membros" pelo menu, por ser um visitante do fórum (tive que entrar pela URL /memberlist). Enfim...
Poderia permitir que visitantes/convidados possam ter acesso ao link "Membros" no menu?
Obrigado desde já.
Entrei no seu fórum, na mesma url da print que você mandou na primeira mensagem.
Não vi nada de errado e aliás, algo diferente.
Não tive acesso ao link "Membros" pelo menu, por ser um visitante do fórum (tive que entrar pela URL /memberlist). Enfim...
Poderia permitir que visitantes/convidados possam ter acesso ao link "Membros" no menu?
Obrigado desde já.
Re: Efeito nos links do menu
Cara não necessita disso, apenas quero que quando eu abrir qualquer coisa do menu fique como se tivesse no fórum lá na img.
EX: Fica sempre laranja no fórum, ai se eu clicar em membro quero que fique em membros ao invés de Fórum, se for no portal a mesma coisa e assim sucessivamente.
EX: Fica sempre laranja no fórum, ai se eu clicar em membro quero que fique em membros ao invés de Fórum, se for no portal a mesma coisa e assim sucessivamente.
Re: Efeito nos links do menu
Autor, para te ajudar preciso que faça o que lhe pedi nessa postagem:
https://ajuda.forumeiros.com/t106961-efeito-nos-links-do-menu#748771
Até mais.
https://ajuda.forumeiros.com/t106961-efeito-nos-links-do-menu#748771
Até mais.
Re: Efeito nos links do menu
Olá,
Tente adicionar esse script com Investimento em Todas as páginas:
Tente adicionar esse script com Investimento em Todas as páginas:
- Código:
; (function ($) {
'use strict';
var path;
path = location.pathname
.split('/')
.filter(function (str) { return str; })
.shift();
$('#community_app_menu > li')
.removeClass('active')
.each(function (key, item) {
var self, link, href;
self = $(item);
link = self.children('a').first();
if (typeof link.attr('href') === 'undefined') {
return;
}
href = link
.attr('href')
.split('/')
.filter(function (str) { return str; })
.shift();
if (typeof path === 'undefined' && href === 'forum' || path === href) {
self.addClass('active');
}
});
})(jQuery);
Re: Efeito nos links do menu
iScroll escreveu:Sem resultado algum amigo, obrigado.[...]
Opa, erro meu. Esqueci da inicialização do JQuery.
Troque por esse:
- Código:
; (function ($) {
'use strict';
$(function () {
var path;
path = location.pathname
.split('/')
.filter(function (str) { return str; })
.shift();
$('#community_app_menu > li')
.removeClass('active')
.each(function (key, item) {
var self, link, href;
self = $(item);
link = self.children('a').first();
if (typeof link.attr('href') === 'undefined') {
return;
}
href = link
.attr('href')
.split('/')
.filter(function (str) { return str; })
.shift();
if (typeof path === 'undefined' && href === 'forum' || path === href) {
self.addClass('active');
}
});
});
})(jQuery);
- Spoiler:
- iScroll escreveu:[...] Alguém?
Me senti desmoralizado agora...
kek
Re: Efeito nos links do menu
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
» Efeito nos links do menu
» Efeito nos links do menu
» Efeito nos links
» Efeito nos links
» Efeito hover lentamente nos links
» Efeito nos links do menu
» Efeito nos links
» Efeito nos links
» Efeito hover lentamente nos links
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos