Data/hora atual: 19.03.24 7:58
13 resultados encontrados para main-content
Barra de membros conectados preta
Olá @Luqui,Você tem este código no CSS acima:
Porém, a divisão com a class "statistics" não se encontra dentro de "#main-content", por isso ele não funciona.
Substitua apenas o trecho acima por este:
- Código:
#main .statistics {
background-color: #fff;
padding: 17px!important;
}
Abraços.
- em 19.07.18 0:24
- Procurar em: Questões resolvidas sobre a aparência do fórum
- Tópico: Barra de membros conectados preta
- Respostas: 5
- Vistos: 887
Categorias coloridas
Só adicionando uma coisa aqui ao código do @while, repare:#main-content > div:nth-child(10) {background: green;}
#main-content > div:nth-child(11) {background: #e6ad1d;}
A vermelho, está uma espécie de "ids", sendo que o 10 corresponde à segunda categoria, o 11 à terceira e assim adiante.
Abraço.
- em 18.06.16 0:23
- Procurar em: Questões resolvidas sobre a aparência do fórum
- Tópico: Categorias coloridas
- Respostas: 26
- Vistos: 1185
Botão 'Obrigado(a)' visível em área específica
Olá amigo!Siga por este caminho:
Painel de Controle Módulos Gestão de códigos JavaScript Criar novo código JavaScript
Assim, copie e cole este código na zona de texto:
jQuery(document).ready(function(){if(jQuery('.post:eq(0) .i_icon_edit') & ('.pathname-box a.nav[href*="/X-"]').length){jQuery('#main-content h1.page-title:eq(0)').before('<div style="background:#C8E2B7;border:1px solid green;padding:5px;color:#666666;text-align:center;font-family:Verdana;font-size:11px"><img src=https://i.imgur.com/uPsiC.png height=48 style=vertical-align:middle> Ajude a organizar o fórum, caso sua dúvida tenha sido resolvida clique no botão resolvido</div>')}});
jQuery(document).ready(function(){var r='.post:eq(0) .i_icon_edit';if(jQuery(r).length){jQuery('.buttons').append('   <a href="'+jQuery(r).parent().attr('href')+'&solved=true"><img src=https://i.imgur.com/EFz6C.gif></a>')};if(location.href.match(/&solved=true/)){jQuery('form[name="post"]').append('<input type=hidden name=post_icon value=X>');p=document.getElementById('post_icon_X');if(p){p.checked=true};jQuery('.submit-buttons input[name="post"]').click()}});
Negrito ID do fórum ou categoria que deseja aplicar o botão nos tópicos. Exemplo: c1-
Vermelho Número que corresponde a ordem da imagem do botão que será inserida. Se for a segunda, coloque o número 2.
Neste caso, vá para Painel de Controle Visualizações Imagens Ícones de Mensagens, para poder gerir a imagem do botão resolvido.
Investimento do código marcando as caixas de seleções: Nos Sub-fóruns e Nos tópicos.
(Não tenho certeza de como marcar, já que não aparece no tutorial este detalhe)
Para mais informações, consulte o tutorial: botão Resolvido (PhpBB3 e PunBB)
Até mais o/
- em 28.05.16 23:22
- Procurar em: Questões resolvidas sobre códigos Javascript e jQuery
- Tópico: Botão 'Obrigado(a)' visível em área específica
- Respostas: 3
- Vistos: 953
Legenda do Fórum
Olá,Procure em sua CSS por #main-content em b * e altere a chave para:
- Código:
#main-content em b * {
font-size: 11px;
font-style: normal;
font-weight: 400;
}
Até mais.
- em 27.03.16 23:02
- Procurar em: Questões resolvidas sobre a aparência do fórum
- Tópico: Legenda do Fórum
- Respostas: 3
- Vistos: 605
Largura do fórum
Olá!- Spoiler:
- a.hover,#at16eatdr a:hover{background:#e0eefa;color:#333;text-decoration:none}#at_promo{display:none;font-size:12px}#at_promo button{background:#ee6a44;border-bottom:1px solid #d4522c;border-left:1px solid #ffa389;border-right:1px solid #d4522c;border-top:1px solid #ffa389;color:#fff}#at_promo .at-promo-content{margin-top:12px}#at_promo .at-promo-btn{padding-top:10px}#at_promo .at-promo-top{background:url(https://2img.net/i/fa/addthis/60x60_atn_logo.jpg) no-repeat 0 0;padding:10px 0 5px 70px}#at_promo h4{font-size:14px;font-weight:700;margin:0 0 4px}#at_promo h4 sup{color:#ee6a44;font-size:11px}#at_promo span{display:block}#at_promo .at-promo-btm-ffx{background:url(https://2img.net/i/fa/addthis/60x60_at_firefox_toolbar.jpg) no-repeat 0 0;padding:6px 0 0 70px}#at_promo .at-promo-btm-ie{background:url(https://2img.net/i/fa/addthis/60x60_at_ie_toolbar.png) no-repeat 0 0;padding:6px 0 0 70px}#left .module-advert{background-color:#fff;color:#222;margin-bottom:4px;overflow:hidden;padding:0}#left .module-advert span.corners-bottom,#left .module-advert span.corners-top{margin:0}#main .module-advert{background-color:#fff;color:#222;margin-bottom:4px;overflow:hidden;padding:0 10px}#main .module-advert span.corners-bottom,#main .module-advert span.corners-top{margin:0 -10px}#forum_rules table{border-collapse:separate;border-spacing:5px 5px;table-layout:fixed;width:100%}#forum_rules .logo{overflow:hidden;vertical-align:top;width:100px}#forum_rules .logo img{max-width:100px}div.navbar ul.linklist li.rightside strong a{font-weight:400}@media print{*{background-color:#fff;background-image:none;color:#000}body{font-size:10pt;margin:0;padding:0}body#phpbb div#wrap{margin:0;width:85%}span.corners-bottom,span.corners-top{display:none}#wrap #logo-desc img,#wrap #logo-desc p,div#page-header div.navbar,div#page-header div.navbar ul.linklist{display:none!important}#wrap div.headerbar{border-bottom:1px solid #ccc;margin:0}#wrap div#page-body h2{border-bottom:1px solid #ccc;font-weight:bolder;margin-bottom:1em}#wrap div#page-body .left-box,#wrap div#page-body .pagination,#wrap div#page-body div.topic-actions,#wrap div.post .right,#wrap div.postbody div.signature,#wrap div.postbody img,#wrap div.postbody ul.profile-icons,#wrap dl.postprofile{display:none!important;float:none}#wrap dl.postprofile{float:none}#wrap div.postbody .online{background-image:none}#wrap div.postbody{width:auto}#wrap div.postbody h3{font-size:10pt}#wrap div.postbody p.author{border-bottom:1px dashed #ccc;width:100%}#wrap div#page-body div.post{border-top:3px double #ccc;padding:0 0 2em}div.postbody{float:none;width:100%}#wrap div#page-body div.post .content{overflow:visible}div.noprint{display:none}}a[href="/u1"]{display:none}a[href="/u30922"]{text-shadow:0 0 7px #d4d6d5}#main-content{margin-left:15px}div.profile1.dl.dt.a.img{top:50px!important}li.row{-moz-border-radius:8px;-webkit-border-radius:8px;border-bottom:none;border-left:none;border-radius:8px;border-top:none}li.row:hover{-moz-border-radius:8px;-webkit-border-radius:8px;border-left:none;border-radius:8px}ul.topiclist.forums{-moz-border-radius:8px;-webkit-border-radius:8px;border-left:none;border-radius:8px}ul.topiclist dd{border-left:none}dl.icon{border:none!important}div.forumbg.announcement{-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px}#divbold,#divcolor,#divitalic,#divsmilies,#divstrike,#divunderline,#main-content a.cgu-buttons,#message,button.button2,input#submit_button,input.button1,input.button2,input.liteoption,input.mainoption{-moz-border-radius:3px;-webkit-border-radius:3px;background:#f4f5f4 url(https://i.servimg.com/u/f66/11/96/49/61/tabbg10.png) no-repeat;border:solid 1px #d4d6d5;border-radius:3px;padding:2px}ul.topiclist.topics.bg_none{-moz-border-radius:8px;-webkit-border-radius:8px;background-color:#fff;border-left:none;border-radius:8px}div.vote.gensmall{border-top:solid 1px #d4d6d5;position:relative!important;right:-3px!important;top:-20px!important}div.panel.row3,div.post.row1,div.post.row1.online,div.post.row2,div.post.row2.online{-moz-border-radius:7px;-webkit-border-radius:7px;background-color:#fff;border:solid 1px #d4d6d5;border-radius:7px;padding:2px}div#tabs li a{-moz-border-radius-topright:3px;background-color:#eaeaea;border:solid 1px #d4d6d5;border-bottom:solid 1px #eaeaea;border-top-left-radius:3px;border-top-right-radius:3px}div.postprofile{-moz-border-radius:7px;-webkit-border-radius:7px;background-color:#eaeaea;border:solid 1px #d4d6d5;border-radius:7px;left:2px;padding:2px}ul.profile-icons{-moz-border-radius-bottomleft:10px;-moz-border-radius-topright:3px;background-color:#eaeaea;border:solid 1px #d4d6d5;border-bottom-left-radius:10px;border-top-right-radius:3px;height:25px;padding:5px 5px 10px 10px !important;position:relative;right:-48px;top:-18px}div.postprofile:hover,img.i_post:hover,img.i_reply:hover,ul.profile-icons li:hover{-moz-opacity:.9;filter:alpha(opacity=90);opacity:.9}#divbold:hover,#divcolor,#divitalic:hover,#divsmilies:hover,#divstrike:hover,#divunderline:hover,#main-content a.cgu-buttons:hover,#message:hover,button.button2:hover,input#submit_button:hover,input.button1:hover,input.button2:hover,input.liteoption:hover,input.mainoption:hover{background-position:0 100%;border:1px solid #363636;color:#363636}#chatbox_main_options li:hover,ul.online-users li:hover{font-size:12px}#chatbox_contextmenu{-moz-border-radius:3px;-webkit-border-radius:3px;background:#f4f5f4 url(https://i.servimg.com/u/f66/11/96/49/61/tabbg10.png);border:solid 1px #696969;border-radius:3px;padding:2px;z-index:99999999999!important}#chatbox_contextmenu p.close{color:#000}#chatbox_contextmenu p{border-bottom:solid 1px #696969}#chatbox_contextmenu p:hover{font-size:12px}#divbold,#divcolor,#divitalic,#divsmilies,#divstrike,#divunderline,#main-content a.cgu-buttons,#message,.spoiler dt,button.button2,input#submit_button,input.button1,input.button2,input.liteoption,input.mainoption{-moz-border-radius:3px;-webkit-border-radius:3px;background:#f4f5f4 url(https://i.servimg.com/u/f66/11/96/49/61/tabbg10.png);border:solid 1px #DDD;border-radius:3px;padding:2px}.spoiler{-moz-border-radius:3px;-webkit-border-radius:3px;background:#f4f5f4 url(https://i.servimg.com/u/f66/11/96/49/61/tabbg10.png) repaeat-y;border:solid 1px #DDD;border-radius:3px;padding:2px}#chatbox_footer,#chatbox_header,#chatbox_header,#chatbox_members,#chatbox_row_ clearfix,#chatbox_row_2 clearfix{background-color:#fff!important;cursor:pointer!important;z-index:9999999999!important}#savec{position:relative}.save-bloc{background:#efefef url(https://2img.net/i/fa/prosilver/bg_button.gif) repeat-x;border:1px solid #BCBCBC;color:#555!important;cursor:point;dispay:none;display:none;left:0;padding:5px;position:absolute;top:20px;white-space:nowrap;z-index:999}.save-bloc div:hover{color:#050505!important}.save-bloc div{cursor:pointer}.save-bloc select{background:#ccc;border:1px solid #aaa;margin-bottom:5px}#wrap{-moz-border-radius:10px;-webkit-border-radius:10px;width:997px!important}#page-header .navbar ul.navlinks{background:url(https://i.servimg.com/u/f49/15/29/79/25/meniu111.png) no-repeat 50% 0;height:50px;left:-64px;position:relative;width:1040px}#page-footer .navbar,#page-header .navbar{background:none;margin-left:32px;width:900px}#page-footer,div.navbar,div.navbar ul.linklist{display:block!important}.navbar{background-color:#FFF!important;clear:both;padding:0 10px}#page-header .navbar ul.navlinks li a:hover{color:#efefef;text-shadow:#000 -1px -1px 1px}#page-header .navbar ul.navlinks li a{bottom:-20px;color:#fff;font-family:arial;font-size:17px;margin:5px;position:relative;text-shadow:#000 1px 1px 1px}.table-title,div.module div.inner div.h3{color:#fff;font-family:arial;font-size:14px;text-shadow:#000 -1px 1px 1px}.icon .dterm .lastpost,.icon .dterm .posts,.icon .dterm .topics{color:#fff;font-family:arial;text-shadow:#000 -1px 1px 1px}.chatbox-title{color:#fff;float:left;font-family:arial;margin:0;padding:2px 5px 0;text-shadow:#000 1px 1px 1px;width:15em}.module{-moz-border-radius:10px;-webkit-border-radius:10px;border:2px solid #5fadd4;padding:0}.post{border:3px solid #5fadd4}div.newslink{-moz-border-radius:15px;-webkit-border-radius:15px;border:1px solid #000}.forabg,.forumbg announcement{-moz-border-radius:10px;-webkit-border-radius:10px;border:1px solid #5fadd4;border-radius:10px}.module .h3{background-image:url(https://i.servimg.com/u/f49/15/29/79/25/cat10.png);margin:-5px -5px auto;padding:10px;text-align:center;width:155px center}.post .h3{background-image:url(https://i.servimg.com/u/f49/15/29/79/25/cat10.png)}.input.button1,button.button2,input.button2{-moz-border-radius:3px;-webkit-border-radius:3px}#search-box{display:none!important}.viewonline{-moz-border-radius:10px;-webkit-border-radius:10px;background-color:#549ABD}.mainmenu:hover{border-bottom:1px solid #fff!important}.postprofile{-moz-border-radius:10px;-webkit-border-radius:10px;border:1px solid #efefef;padding:15px 10px 10px 0;text-align:center}.vote .vote-button,.vote-no-bar{display:none}.vote .vote-button:first-child{display:block}.vote{-moz-border-radius:5px;-webkit-border-bottom-left-radius:5px;-webkit-border-bottom-right-radius:5px;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;background-color:#eaeaea;border:1px solid #d4d6d5;padding:4px 1px;text-align:center;width:20px}.vote .vote-no-bar{display:none}.vote .vote-bar{border-bottom:1px solid #d4d6d5;border-left:0;border-right:0;border-top:1px solid #fff;font-size:0;height:50px;margin:0;padding:3px 0;width:20px}.vote .vote-bar-plus{margin-left:7px;width:6px}.vote .vote-bar-minus{margin-left:7px;width:6px}.vote .vote-button a[href $="plus"]{background:url(https://i.servimg.com/u/f46/16/56/73/62/12.png);background-repeat:no-repeat;color:transparent;display:block;height:21px;width:22px}.vote .vote-button a[href $="minus"]{background-image:url(https://i.servimg.com/u/f46/16/56/73/62/-11.png);background-repeat:no-repeat;color:transparent;display:block;height:21px;width:22px}#page-footer{border:3px solid #efefef}.h3,h3{border-bottom:1px solid #efefef}.inputbox:hover{border:1px solid #efefef}ul.navlinks{border-bottom:0 solid #FFF}ul.linklist li a img{-moz-opacity:.5;filter:alpha(opacity=50);opacity:.5}ul.linklist li a img:hover{-moz-opacity:1;cursor:allowed;filter:alpha(opacity=100);opacity:1}
.fade {
display:inline-block;
background: -moz-linear-gradient(left, rgb(255,255,255) 0%, rgba(255,255,255,0) 100%);
background-image: -webkit-gradient(linear, left top, right top, color-stop(0.00, rgb(255,255,255)), color-stop(1.00, rgba(255,255,255,0)));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#00ffffff, GradientType=1);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#00ffffff, GradientType=1)";
}
.blur {
display:inline-block;
color:#ddd;
text-shadow: 0 0 2px #aaaaaa;
text-shadow: 0 0 4px #aaaaaa;
text-shadow: 0 0 6px #aaaaaa;
-ms-filter: "progid:DXImageTransform.Microsoft.Blur(pixelradius=2)";
filter:
progid:DXImageTransform.Microsoft.MotionBlur(strength=1,direction=310)
progid:DXImageTransform.Microsoft.Blur(pixelradius=2);
}
.flipH {
display:inline-block;
-moz-transform:scale(-1,1);
-o-transform:scale(-1,1);
-webkit-transform:scale(-1,1);
transform:scale(-1,1);
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=-1, M12=0, M21=0, M22=1, SizingMethod='auto expand')";
filter: progid:DXImageTransform.Microsoft.Matrix(
M11=-1,
M12=0,
M21=0,
M22=1,
SizingMethod="auto expand");
}
.flipV {
display:inline-block;
-moz-transform:scale(1,-1);
-o-transform:scale(1,-1);
-webkit-transform:scale(1,-1);
transform:scale(1,-1);
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=0, M21=0, M22=-1, SizingMethod='auto expand')";
filter: progid:DXImageTransform.Microsoft.Matrix(
M11=1,
M12=0,
M21=0,
M22=-1,
SizingMethod="auto expand");
}
- em 11.02.16 16:59
- Procurar em: Questões resolvidas sobre a aparência do fórum
- Tópico: Largura do fórum
- Respostas: 6
- Vistos: 3898
Remover imagem de fundo dos botões da resposta rápida
- Folha de CSS:
- body {
background-color: #D8DDE8;
color: #5A5A5A;
font: normal 13px helvetica,arial,sans-serif;
}
#pun-intro {
display: none;
}
.vote {
width: 59px;
}
.vote .vote-button {
margin: -20px 25px;
}
#quick-avatar {
position: absolute;
margin: 43px 21px;
}
#quick-avatar img {
width: 60px;
height: 60px;
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);
}
#quick-avatar 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);
}
.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;
}
/*feature box*/
.post_feature_box {
margin-top: 5px;
max-width:100%;
background-color: rgb(234, 248, 226);
border: 1px dotted rgb(51, 51, 51);
padding: 6px;
min-height: 60px;
}
#best-res {
margin-left: 3%;
background: #7ba60d;
display: inline-block;
height: 16px;
line-height: 16px;
padding: 0 5px;
font-size: 9px;
font-weight: bold;
text-transform: uppercase;
color: #fff;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
vertical-align: middle;
}
.ipsUserPhoto {
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);
margin-right: 8px;
}
.ipsUserPhoto:hover {
border-color: #7d7d7d;
}
.ipsUserPhoto img {
width: 50px;
height: 50px;
}
.ipsBadge {
background: #7ba60d;
display: inline-block;
height: 16px;
line-height: 16px;
padding: 0 5px;
font-size: 9px;
font-weight: bold;
text-transform: uppercase;
color: #fff;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
vertical-align: middle;
margin-right: 8px;
}
input {
padding: 3px;
}
#smilies_categ {
display: none;
}
#simple-wrap {
padding-top: 10px;
}
.recent_space {
border-bottom: 1px solid #F3F3F3;
margin: -5px;
}
.avt-r {
float: left;
}
.avt-r img {
width: 30px;
height: 30px;
margin: 3px;
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);
}
.avt-r 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);
}
button.button2 {
border: none !important;
background: none !important;
background-color: transparent !important;
}
input.button2 {
border: 1px solid grey;
background: none !important;
background-color: transparent !important;
}
img[src="https://2img.net/i/fa/wysiwyg/separator.png"] {
display: none;
}
a[href="/g9-administrators"], a[href="/g4-support-moderators"], a[href="/g7-graphic-designers"], a[href="/g6-reviewers"] {
font-weight: bold !important;
}
span.msg {
width: 50% !important;
}
.pun table .tcr {
width: 25%;
}
img[src="https://2img.net/i/fa/resize.gif"] {
display: none;
}
a.gensmall, a.gensmall span strong {
font-weight: normal;
}
.postmain blockquote {
border: none;
}
h4.username a {
font-weight: normal;
}
.postmain cite {
font-size:12px;
padding:8px 10px;
border-left:2px solid #989898;
background:#f6f6f6;
background:-moz-linear-gradient(top,#f6f6f6 0%,#e5e5e5 100%);
background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#f6f6f6),color-stop(100%,#e5e5e5));
border-top:2px solid #e5e5e5;
-moz-border-radius:5px 5px 0 0;
-webkit-border-radius:5px 5px 0 0;
border-radius:5px 5px 0 0;
font-weight:bold;
overflow-x:auto;
margin-top: -12px;
margin-left: -12px;
width: 100%;
}
#pun-about {
display: none;
}
.postmain blockquote, .codebox {
font-size:12px;
padding:10px;
border:2px solid #e5e5e5;
border-left:2px solid #989898;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
background:#f7f7f7;
margin:0 0;
overflow-x:auto;
}
#pun-visit {
display: none;
}
#content-container div#right {
margin-top: -15px;
}
.codebox dd {
background-color: #f7f7f7;
}
span.authooor a span strong {
color: #a4a4a4 !important;
font-weight: normal !important;
}
span.authooor a {
color: #a4a4a4 !important;
font-weight: normal !important;
}
.edit {
color: #ac6328;
text-shadow: #fffaf1 0px 1px 0px;
font-size: 11px;
float: right;
}
.filterb {
background:#244156;
opacity:1;
color:#fff;
padding:4px 10px;
font-weight:bold;
-moz-border-radius:10px;
-webkit-border-radius:10px!important;
border-radius:10px;
-webkit-box-shadow:inset 0px 2px 2px rgba(0,0,0,0.2);
-moz-box-shadow:inset 0px 2px 2px rgba(0,0,0,0.2);
box-shadow:inset 0px 2px 2px rgba(0,0,0,0.2);
font-size: 12px;
}
#modal {
width: 650px !important;
height: 300px !important;
left: 40% !important;
}
#content1 {
width: 650px !important;
height: 300px !important;
}
input#username.inputfield {
background-image: url("http://www.nyit-nyit.net/public/style_images/biruv3/user.png");
background-repeat: no-repeat;
background-position: 7px 50%;
padding: 6px 0px 6px 28px;
border: 1px solid #cbd2db;
width: 150px;
margin-top: -20px;
}
input#ips_username.input_text {
background-image: url("http://www.nyit-nyit.net/public/style_images/biruv3/user.png");
background-repeat: no-repeat;
background-position: 7px 50%;
padding: 6px 0px 6px 28px;
border: 1px solid #cbd2db;
padding-right: 60px;
margin-left: -50px;
}
input#ips_password.input_text {
background-image: url("http://www.nyit-nyit.net/public/style_images/biruv3/key.png");
background-repeat: no-repeat;
background-position: 7px 50%;
padding: 6px 0px 6px 28px;
border: 1px solid #cbd2db;
padding-right: 60px;
margin-left: -50px;
}
input#password.inputfield {
background-image: url("http://www.nyit-nyit.net/public/style_images/biruv3/key.png");
background-repeat: no-repeat;
background-position: 7px 50%;
padding: 6px 0px 6px 28px;
border: 1px solid #cbd2db;
width: 150px;
margin-top: -20px;
}
input.loginn {
padding:4px;
border-width:1px;
border-style:solid;
border-color:#848484 #c1c1c1 #e1e1e1 #c1c1c1;
background:#fff;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
width: 200px;
}
.ipsForm_right{text-align:right}.ipsForm_left{text-align:left}.ipsForm_center{text-align:center}
.ipsForm_horizontal .ipsField_title{
float:left;
width:185px;
padding-right:15px;
text-align:right;
line-height:1.8;
font-size: 14px;
font-weight: bold;
}
.ipsForm_horizontal .ipsField{
margin-bottom:15px;
}
.ipsForm_horizontal .ipsField_checkbox{
margin:0 0 5px 200px;
text-align: left;
}
.ipsForm_horizontal .ipsField_select .ipsField_title{
line-height:1.6
}
.ipsForm_vertical .ipsField{
margin-bottom:10px
}
.ipsForm_vertical .ipsField_content{
margin-top:3px
}
.ipsForm .ipsField_checkbox .ipsField_content{
margin-left:25px
}
.ipsForm .ipsField_checkbox input{
float:left;
margin-top:3px
}
.ipsForm_submit{
background:#e4e4e4;
background:-moz-linear-gradient(top,#e4e4e4 0%,#ccc 100%);
background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#e4e4e4),color-stop(100%,#cccccc));
padding:5px 10px;
text-align:right;
border-top:1px solid #ccc;
margin-top:25px
}
#pun-navlinks {
display: none;
}
#pun-about {
background-color: transparent;
border: 0px;
font-size: 0.8em;
line-height: 150%;
padding: .6em 1em;
text-align: right;
}
#pun-about form {
display: none;
}
#pun-visit, .main-box {
background-color: transparent;
border: 0px;
margin: 0 0 1em;
padding: .6em 1em;
}
.pun {
width: 87%;
background: white;
padding: 10px 10px;
-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);
}
#content-container div#content {
margin-right: 270px;
}
a:link {
text-decoration: none;
}
#header_bar {
background: #323232 url(http://community.invisionpower.com/filestore/public/style_images/master/user_navigation.png) repeat-x bottom;
padding: 0;
text-align: right;
}
#branding, #header_bar, #primary_nav {
min-width: 980px;
}
#content2, .main_width {
margin: 0 auto;
width: 87% !important;
min-width: 960px;
}
#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;
}
.right {
float: right;
}
ol, ul {
list-style: none;
}
#user_navigation .ipsList_inline li {
margin: 0;
}
.ipsList_inline > li:first-child {
margin-left: 0;
}
.ipsList_inline > li {
display: inline-block;
margin: 0 3px;
}
#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_navigation #sign_in {
margin-right: 8px;
}
#user_navigation a {
color: white;
text-decoration: none;
}
#user_link:hover, #notify_link:hover, #inbox_link:hover {
background-color: #323232;
}
#inbox_link {
background: url(http://community.invisionpower.com/filestore/public/style_images/master/icon_inbox.png) no-repeat top;
}
#notify_link {
background: url(http://community.invisionpower.com/filestore/public/style_images/master/icon_notify.png) no-repeat top;
}
#notify_link, #inbox_link {
vertical-align: middle;
width: 18px;
height: 15px;
padding: 13px 24px 8px 12px;
position: relative;
}
#branding {
background: #0F3854 url(http://community.invisionpower.com/filestore/public/style_images/master/branding_bg.png) repeat-x;
border-bottom: 1px solid #1B3759;
min-height: 64px;
}
#logo {
display: inline;
}
#search {
margin: 20px 0;
}
#search_wrap {
position: relative;
background: white;
display: block;
padding: 0 26px 0 4px;
height: 26px;
line-height: 25px;
-moz-border-radius: 3px 4px 4px 3px;
border-radius: 3px 4px 4px 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;
background: transparent;
width: 130px;
outline: 0;
}
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://community.invisionpower.com/filestore/public/style_images/master/search_icon.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);
}
fieldset, img {
border: 0;
}
.hide {
display: none;
}
user agent stylesheetlabel {
cursor: default;
}
#adv_search {
width: 16px;
height: 16px;
background: url(http://community.invisionpower.com/filestore/public/style_images/master/advanced_search.png) no-repeat right 50%;
text-indent: -3000em;
display: inline-block;
margin: 4px 0 4px 4px;
}
#primary_nav {
background: #204066;
font-size: 13px;
padding: 4px 0 0 0;
}
#community_app_menu > li {
margin: 0px 3px 0 0;
position: relative;
}
#primary_nav #quickNavLaunch {
padding: 6px 8px 8px;
}
#community_app_menu > li.active > a {
background: white;
color: #0B5794;
font-weight: bold;
margin-top: 0;
text-shadow: none;
text-decoration: none;
}
#community_app_menu > li > a {
color: #C5D5E2;
background: #1C3B5F;
display: block;
padding: 6px 15px 8px;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
text-decoration: none;
}
#quickNavLaunch span {
background: url(http://community.invisionpower.com/filestore/public/style_images/master/icon_quicknav.png) no-repeat top;
width: 13px;
height: 13px;
display: inline-block;
}
.main .main-head {
background: #2C5687 url(http://community.invisionpower.com/filestore/public/style_images/master/maintitle.png) repeat-x top;
color: white;
padding: 10px 10px 11px;
font-size: 16px;
font-weight: 300;
-moz-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
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 {
background: #2C5687 url(http://community.invisionpower.com/filestore/public/style_images/master/maintitle.png) repeat-x top;
color: white;
padding: 10px 10px 11px;
font-size: 16px;
font-weight: 300;
-moz-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px;
-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;
}
.main .main-head .page-title {
font-size: 16px;
}
thead {
display: none;
}
.pun .main-content {
background-color: #EBF0F3;
border: 0px;
padding: 9px;
}
.pun table.table td {
background-color: #FFFFFF;
border-bottom: 1px solid #F3F3F3;
border-right: 0px;
border-left: 0px;
line-height: 130%;
padding: .8em 0 .7em;
}
.pun .main table td.tc2, .pun .main table td.tc3 {
background: #FFFFFF;
}
.hierarchy {
margin-left: 10px;
font-weight: normal !important;
font-size: 15px !important;
font: Arial !important;
}
.desc {
margin-left: 10px;
}
#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:#666;
margin: 2px 10px;
}
.statsPers {
list-style: none;
display: block;
margin: 0px auto;
width: 100%;
}
#pun-info {
margin-top: 15px;
border: 0px;
}
.statistics_head{
border-top: 3px solid #D8D8D8;
}
#onlinelist {
background: white;
border: 0px;
border-top:none;
}
#onlinechat {
background: white;
border-top: 1px solid #EEE;
border-top:none;
}
/*footer*/
#footer_utilities {
padding: 10px;
font-size: 11px;
position: relative;
}
.clear {
clear: both;
}
.footerleft {
float: left;
margin-top: -20px;
}
#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:hover{
background:#af286d;
color:#fff;
opacity:1
}
#backtotop img {
margin-top: 5px;
}
img, .input_check, .input_radio {
vertical-align: middle;
}
#rss_menu {
background-color: #FEF3D7;
border: 1px solid #ED7710;
}
#rss_menu li {
border-bottom: 1px solid #FCE19B;
}
#rss_menu a {
color: #ED7710;
padding: 5px 8px;
}
.ipbmenu_content a {
text-decoration: none;
text-align: left;
display: block;
padding: 6px 10px;
}
#footer_utilities .ipsList_inline > li > a {
margin-right: 0px;
padding: 4px 10px;
color: #225985;
}
#footer_utilities .ipsList_inline > li > a:hover {
color: #328687;
}
#copyright {
color: #848484;
text-align: right;
text-shadow: 0px 1px 0px white;
}
#copyright a {
color: #848484;
}
/*module*/
.module .main-content {
background: #F7FBFC;
}
.module .main-head {
font: normal 14px helvetica, arial, sans-serif;
color: #204066;
padding: 5px 10px;
border-radius: 0px;
background-color: #DBE2EC;
background-image: none;
border: 0px;
-webkit-box-shadow: inset 0 0px 0 #528CBC;
box-shadow: inset 0 0px 0 #528CBC;
}
/*quick-reply*/
#quick_reply #textarea_content {
clear: both;
margin-left: 0px;
margin-right: 0px;
width: 100% !important;
height: auto !important;
}
#pun-qpost #textarea_content dt label{
float:left;
}
fieldset.frm-set dl dd {
margin: auto!important;
}
#smiley-box iframe{height: 230px;}
#smilies_categ{padding: 0px 0}
#smiley-box{border:1px solid #DDD;margin:5px -25px!important;padding:5px; width: 17.5% !important;}
.pun .frm .frm-buttons input {
background-image: url(https://i.imgur.com/Qt4G6.png);
border: 1px solid #CCC;
border-bottom: 1px solid #BBB;
border-image: initial;
border-radius: 4px;
box-shadow: 0 1px 2px #ccc;
color: #333;
cursor: pointer;
margin: 0 2px 16px;
padding: 7px 22px;
}
.pun .main-head a.exthelp, .pun .main-head a.exthelp:link, .pun .main-head a.exthelp:visited {
background-image: url(http://cdn2.iconfinder.com/data/icons/humano2/16x16/apps/gnome-help.png);
background-position: left;
background-repeat: no-repeat;
color: white;
padding-left: 20px;
}
#quick_reply fieldset.frm-set dl dd {
background: white;
border: solid 1px #CCC;
margin: 0 auto;
}
#quick_reply .frm-buttons {
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
background-color: #EEE;
border: solid 1px #CCC;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border-top: 0;
margin: 0 auto;
padding: 5px;
text-align: center;
}
.pun .frm-form {
background: #F5F6F7;
border: none;
}
.main .main-content.frm {
background-color: #F5F6F7;
}
#textarea_content dt {display:none}
a.button2, body:last-child a.button1, button.button2, input.button1, input.button2 {
-webkit-transition: all 0.218s;
border: 1px solid;
border-radius: 3px;
padding: 0px 0.91em;
}
button.button2, input.button2 {
background-position: 50% 0%;
background-repeat: repeat-x;
border: 1px solid #BCBCBC;
}
a.button2, body:last-child a.button1, button.button2, input.button1, input.button2 {
padding: 1px 0px;
}
button.button2, input.button2 {
background-position: 50% 0%;
background-repeat: repeat-x;
border: 1px solid #BCBCBC;
margin: 0px 0.25em;
overflow: visible;
padding: 2px 3px;
}
.pun .frm-form {
background: #ffffff;
border: none;
}
.main .main-content.frm {
background-color: #ffffff;
padding: 9px;
}
.pun .user-ident .username {
display: block;
font-size: 1.3em;
font-weight: 400!important;
margin-top: 5px;
padding: 8px!important;
position: relative;
text-align: center;
text-decoration: none;
}
.pun .paged-foot, .pun .paged-head {
background-color: white;
border: 0px;
}
.pun .post {
background: white;
border-style: none !important;
}
.pun .postmain {
background-color: #fff;
border-left: 0px;
margin-left: 16em;
}
.pun .post .user {
display: block;
position:relative;
font-size: 12px;
text-align: center;
margin-top: 0 !important;
}
.pun .user .user-ident .user-basic-info {
text-align: center;
}
.pun .topic {
background: #EBF0F3;
}
.pun .posthead {
background: #D8DDE8;
padding: 0 10px;
height: 36px;
line-height: 36px;
font-weight: normal;
font-size: 16px;
border-bottom: 0px;
}
.posting img:hover {
opacity: 0.9;
}
.postfoot {
border-top: 0px;
opacity: 0.3;
transition:0.5s all;
-o-transition:0.5s all;
-ms-transition:0.5s all;
-moz-transition:0.5s all;
-webkit-transition:0.5s all;
}
.postfoot:hover {
opacity: 1.0;
}
.pun .posthead h2 {
color: #777;
font-size: 11px;
font-weight: normal;
}
.user-basic-info a img {
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);
height: 90px;
max-height: 90px;
max-width: 90px;
width: 90px;
}
.user-basic-info a img:hover {
border-color: #7D7D7D;
}
.pun .postfoot .user-contact {
text-align: center;
margin-left: 5px;
}
.pun .sig-content {
clear: both;
padding: .5em 1em;
position: relative;
}
.pun div, .pun td, .sig-line {
border-color: ##DDD;
color: ##DDD;
}
.sig-content, .signature_div {
border-top: 1px solid #E4E4E4;
}
/*chatbox*/
#chatbox, #chatbox_footer, #chatbox_members {
background: white;
border-top: 1px solid #EAEAEA;
}
#chatbox_header.main-head {
background: #2C5687 url(http://community.invisionpower.com/filestore/public/style_images/master/maintitle.png) repeat-x top;
padding: 2px;
font-weight: 300;
-moz-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
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: white;
font-size: 15px;
font-weight: bold;
}
.chatbox-options li, .chatbox-options li a, .chatbox-options li label {
color: white;
}
#chatbox_members .member-title {
background: #F8E7DD;
background-color: #F4F9FD;
background-image: none;
border-bottom: 2px solid red;
color: #A30000;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 12px;
padding: .5em .25em;
text-align: center;
text-shadow: 1px 0 0 white;
}
#chatbox_members {
display: none;
}
div.main-content.chatbox.clearfix {
border: 1px solid #EAEAEA;
border-radius: 4px;
}
#chatbox p {
border-bottom: 1px solid #DDD;
border-top: 1px solid white;
line-height: 1.2em;
word-wrap: break-word !important;
}
#chatbox_footer {
width: 290px;
min-width: 230px;
background: #FCFCFC;
float: right;
clear:both;
position: relative;
border-top: 1px solid gainsboro;
}
.right {
clear: both;
float: right;
}
input#message.post {
height: 45px;
width: 240px;
padding: 6px;
border: 1px solid #D4D4D4;
background: #FCFCFC;
color: black;
text-shadow: white 0px 1px 0px;
-webkit-box-shadow: inset rgba(0, 0, 0, 0.1) 0px 1px 3px;
-moz-box-shadow: inset rgba(0,0,0,0.1) 0px 1px 3px;
box-shadow: inset rgba(0, 0, 0, 0.1) 0px 1px 3px;
margin: 20px;
margin-bottom: 0px;
}
#message, #submit_button {
background: #323232 url('http://lifegames.in/forum/public/style_images/LifeGames_v2_0/highlight_faint.png') repeat-x 0 0;
border-color: #2B2B2B;
color: white;
text-shadow: #2B2B2B 0px -1px 0px;
-moz-box-shadow: rgba(0,0,0,0.43) 0px 1px 3px;
-webkit-box-shadow: rgba(0, 0, 0, 0.43) 0px 1px 3px;
box-shadow: rgba(0, 0, 0, 0.43) 0px 1px 3px;
-moz-border-radius: 2px;
padding: 5px;
-webkit-border-radius: 2px;
border-radius: 2px;
display: block;
margin: 10px;
margin-top: 0px;
margin-left: 20px;
}
#message, #submit_button:hover {
opacity: 0.9;
}
.fontbutton {
cursor: pointer;
float: left;
margin: 3px;
padding: 3px;
margin-right: 10px;
text-align: left;
background: #E2E9F0;
border-color: #DAE2EA;
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);
}
.fontbutton:hover {
opacity: 0.9;
}
#chatbox_messenger_form {
margin: 37px 0 0;
}
#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(https://2img.net/i/fa/wysiwyg/color_swatch.png);
}
#divsmilies {
background-image: url(https://i.servimg.com/u/f26/12/56/56/12/emotic10.png);
}
#chatbox{
background: #FBFBFB;
padding: 8px;
border: 1px solid #DBE4EF;
border-bottom: 3px solid #DBE2EC;
margin-top: 5px;
left:0;
width: 595px;
}
.attach {
float: right;
}
div.main-content.chatbox.clearfix {
border: 0px;
border-radius: 4px;
padding: 0px;
}
.pun .main, .pun .main-category {
margin: auto;
}
.avatar-index { float: left; }
.avatar-index img {
width: 35px;
height: 35px;
padding: 1px;
border: 1px solid #d5d5d5;
margin: 5px 7px;
}
.avatar-index img:hover {
border-color:#7d7d7d;
}
a[href="/privmsg?folder=savebox"] {
display: none;
}
dd.dd-textarea, #quick_reply .frm-buttons {
float: right;
width: 88.5%;
}
#quick_reply .frm-buttons {
float: right;
width: 82%;
margin-right: 7%;
}
span.date-and-time {
display: none;
}
#text_editor_textarea {
font: normal 13px helvetica,arial,sans-serif !important;
}
.helpline {
display: none;
}
p.options a.exthelp {
display: none;
}
.titlebox{
-moz-border-radius:3px;
-moz-box-shadow:inset rgba(0,0,0,0.1) 0 1px 4px;
-webkit-border-radius:3px;
-webkit-box-shadow:inset rgba(0,0,0,0.1) 0 1px 4px;
background:#EFEFEF;
border:1px solid #D6D6D6;
border-radius:3px;
box-shadow:inset rgba(0,0,0,0.1) 0 1px 4px;
overflow:hidden;
padding:10px;
text-shadow:#fff 0 1px 0
}
.titlebox dd{display:block}
.titlebox dava{float:left}
.titlebox dava a 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);
float:left;
height:50px!important;
padding:1px;
width:50px!important
}
.titlebox dava a 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)
}
.ipsType_pagetitle a{
z-index:999;
}
.desc.lighter.blend_links{
color:#a4a4a4;
}
.desc.lighter,.desc.lighter.blend_links a{
color:#A4A4A4;
}
.desc,.desc.blend_links a,p.posted_info{
color:#777;
font-size:12px;
}
.conect{
display:inline-block;
padding-left:5px;
}
div.avatarredet {
padding-right: 5px;
}
div.pun-crumbs.noprint p.crumbs {
font-size: 11px;
margin: -5px;
}
#profile-advanced-layout #tabs {
position: relative !important;
}
.pun .user .user-info {
color: #5A5A5A !important;
}
.resizebox a.enlarge {
display: none;
}
div.sceditor-container.ltr.wysiwygMode {
width: 83% !important;
margin-left: 9.5% !important;
}
div#textarea_content {
margin-left: 0 !important;
}
#main-content a.cgu-buttons,input.button1,input.button2,a.button2,button.button2{border: 1px solid #afafaf; -moz-border-radius: 3px; -webkit-border-radius: 3px; -moz-box-shadow: 2px 2px 0px #afafaf; -webkit-box-shadow: 2px 2px 0px #afafaf}
a[href="/u1"] strong {
position:relative;
}
a[href="/u1"] strong:hover:after {
background-color:rgba(0,0,0, 0.5);
content: "Fundador e Scripter";
border-radius:5px;
font-weight:bold;
font-size:10px;
padding:2px;
color:#fff;
position:absolute;
bottom:15px;
left:0px;
display:inline-block;
white-space:nowrap;
z-index:1;
}
a[href="/u19"] strong {
position:relative;
}
a[href="/u19"] strong:hover:after {
background-color:rgba(0,0,0, 0.5);
content: "Web Designer e Designer do Fórum";
border-radius:5px;
font-weight:bold;
font-size:10px;
padding:2px;
color:#fff;
position:absolute;
bottom:15px;
left:0px;
display:inline-block;
white-space:nowrap;
z-index:1;
}
a:hover {
color: #4876FF;
text-shadow : 0px 0px 10px #FF0000;
}
.reputation {
background-color: rgb(141, 177, 62)!important;
background-image: url(https://i.servimg.com/u/f38/17/31/71/58/highli10.png);
border--radius: 3px;
color: rgb(255, 255, 255);
font-weight: bold;
display: block;
margin: 0 auto;
margin-bottom: 3px;
padding: 3px 7px;
max-width: 125px;
text-align: center;
text-shadow: rgba(0, 0, 0, 0.298039) 0px -1px 0px;
background-position: 0px 1px;
background-repeat: repeat no-repeat;
}
.reputation.zero {
background-color: rgb(16, 16, 16)!important;
color: rgb(255, 255, 255);
}
@Mshas ai está espero que possa me ajudar
- em 29.08.15 22:31
- Procurar em: Questões resolvidas sobre a aparência do fórum
- Tópico: Remover imagem de fundo dos botões da resposta rápida
- Respostas: 11
- Vistos: 11547
Como alinhar o título dos tópicos?
@Vitor-Vicente, este é o máximo que da para ficar:- Código:
li.header dl.icon {
min-height: 0;
margin-left: -5px;
}
Se não der certo, retire todos os meus códigos e faça o que o @Shek mencionou
Neste mesmo código que mencionou, poderá apenas adicionar a propriedade width: 125px; e resolver o problema. Contudo, nota-se que ao fazer isso você vai forçar um pouco o span a ficar, digamos assim... "Apertado".
Adicione a propriedade no seletor #main-content > div.forabg > div > ul.topiclist.forums > li > dl > dd.lastpost > span e salve.
Ou seja,
- Código:
#main-content > div.forabg > div > ul.topiclist.forums > li > dl > dd.lastpost > span {width: 125px;}
Até mais!
- em 08.04.15 21:05
- Procurar em: Questões resolvidas sobre a aparência do fórum
- Tópico: Como alinhar o título dos tópicos?
- Respostas: 26
- Vistos: 1289
Como alinhar o título dos tópicos?
Olá!Neste mesmo código que mencionou, poderá apenas adicionar a propriedade width: 125px; e resolver o problema. Contudo, nota-se que ao fazer isso você vai forçar um pouco o span a ficar, digamos assim... "Apertado".
Adicione a propriedade no seletor #main-content > div.forabg > div > ul.topiclist.forums > li > dl > dd.lastpost > span e salve.
Atenciosamente,
Shek
- em 05.04.15 7:58
- Procurar em: Questões resolvidas sobre a aparência do fórum
- Tópico: Como alinhar o título dos tópicos?
- Respostas: 26
- Vistos: 1289
Como alinhar o título dos tópicos?
unico jeito pra ficar bom é se desse pra puxar essa parte um pouco pra esquerdahttp://prntscr.com/6mqh34
a parte que me pediu pra alterar fiz assim
#main-content > div.forabg > div > ul:nth-child(2) > li > dl > dd.lastpost > span {
left: 20px!important;
position: relative!important;
}
#main-content > div.forabg > div > ul.topiclist.forums > li > dl > dd.lastpost > span {
left: 08px!important;
position: relative!important;
}
resultado abaixo:
http://prntscr.com/6mwnhc
http://prntscr.com/6mwq0x - http://mastergz.forumbrasil.net/f5-equipes-do-brasil
http://prntscr.com/6mwqqq - http://mastergz.forumbrasil.net/f13-omgz
http://prntscr.com/6mwryb - http://mastergz.forumbrasil.net/f22-torneios-ganho-em-2015 - essa parte ficou excelente
- em 29.03.15 8:13
- Procurar em: Questões resolvidas sobre a aparência do fórum
- Tópico: Como alinhar o título dos tópicos?
- Respostas: 26
- Vistos: 1289
Como alinhar o título dos tópicos?
é meio complicado heim, se desse pra puxar na primeira pagina um pouco pra esquerda eu fiz assim#main-content > div.forabg > div > ul:nth-child(2) > li > dl > dd.lastpost > span {
left: 20px!important;
position: relative!important;
}
#main-content > div.forabg > div > ul.topiclist.forums > li > dl > dd.lastpost > span {
left: 08px!important;
position: relative!important;
}
resultado foi esse , mas nao ficou bom, ver imagens abaixo:
http://prntscr.com/6mq8c1
http://prntscr.com/6mq8ww
http://prntscr.com/6mq944
- em 29.03.15 7:57
- Procurar em: Questões resolvidas sobre a aparência do fórum
- Tópico: Como alinhar o título dos tópicos?
- Respostas: 26
- Vistos: 1289
Background atras do menu de navegação
Saudações,Encontrei um jeito para pegar o Campo de navegação sem pegar o anuncio. É se mexermos com a largura usando a classe #main-content a categoria também irá ser afetada. No mais o jeito seria:
Vá no painel de edição de Templates:
Painel de Controle Visualização Templates Geral
Procure pelo Template index_box e clique em .
Agora na caixa de buscar do teu Template, procure por "main":
Ao encontrar, o senhor vai copiar o código logo acima do Main que será como o abaixo e colocar dentro da lasse Main:
CÓDIGO A SER COPIADO:
- Código:
<div class="pun-crumbs" itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
<p class="crumbs"><a href="{U_INDEX}" itemprop="url"><span itemprop="title">{L_INDEX}</span></a><strong>{NAV_CAT_DESC}</strong></p>
</div>
Como deverá ficar:
http://prntscr.com/5zn8k4
Se não compreendeu, mande nos teu Template para a modificação.
Até mais.
- em 01.02.15 7:06
- Procurar em: Questões resolvidas sobre a aparência do fórum
- Tópico: Background atras do menu de navegação
- Respostas: 11
- Vistos: 892
[TUTORIAL] Adicionar botão Resolvido (PhpBB3 e PunBB)
Botão Resolvido |
--> Tutoriais e astúcias <--
Adicionar botão resolvido (Phpbb3 e PunBB)
Adicionar botão resolvido (Phpbb3 e PunBB)
1º - Código a ser utilizado:
Cada versão tem um código, então terá somente de escolher o da sua versão! A parte em vermelho terá de ser configurada, mas ela será explicada mais para o fim deste pontos.
PhpBB 3 |
jQuery(document).ready(function(){if(jQuery('.post:eq(0) .i_icon_edit') & ('.pathname-box a.nav[href*="/X-"]').length){jQuery('#main-content h1.page-title:eq(0)').before('<div style="background:#C8E2B7;border:1px solid green;padding:5px;color:#666666;text-align:center;font-family:Verdana;font-size:11px"><img src=https://i.imgur.com/uPsiC.png height=48 style=vertical-align:middle> Ajude a organizar o fórum, caso sua dúvida tenha sido resolvida clique no botão resolvido</div>')}});
jQuery(document).ready(function(){var r='.post:eq(0) .i_icon_edit';if(jQuery(r).length){jQuery('.buttons').append('   <a href="'+jQuery(r).parent().attr('href')+'&solved=true"><img src=https://i.imgur.com/EFz6C.gif></a>')};if(location.href.match(/&solved=true/)){jQuery('form[name="post"]').append('<input type=hidden name=post_icon value=X>');p=document.getElementById('post_icon_X');if(p){p.checked=true};jQuery('.submit-buttons input[name="post"]').click()}});
PunBB |
jQuery(document).ready(function(){if(jQuery('.post:eq(0) .i_icon_edit') & ('.pathname-box a.nav[href*="/X-"]').length){jQuery('.pun .main .main-content p.message:eq(0)').before('<div style="background:#C8E2B7;border:1px solid green;padding:5px;color:#666666;text-align:center;font-family:Verdana;font-size:11px"><img src=https://i.imgur.com/uPsiC.png height=48 style=vertical-align:middle> Ajude a organizar o fórum, caso sua dúvida tenha sido resolvida clique no botão resolvido</div>')}});
jQuery(document).ready(function(){var r='.post:eq(0) .i_icon_edit';if(jQuery(r).length){jQuery('.pun .paged-foot').append('   <a href="'+jQuery(r).parent().attr('href')+'&solved=true"><img src=https://i.imgur.com/EFz6C.gif></a>')};if(location.href.match(/&solved=true/)){jQuery('form[name="post"]').append('<input type=hidden name=post_icon value=X>');p=document.getElementById('post_icon_X');if(p){p.checked=true};jQuery('.submit-buttons input[name="post"]').click()}});
Negrito -> Neste local substituirá o X pelo id do fórum ou categoria que deseja implantar o botão, exemplo: ajuda.forumeiros.com/c1- (categoria), ajuda.forumeiros.com/f10- (fórum), o id será os caracteres após a barra e antes do traço.
Vermelho -> Será o número correspondente a ordem que esta salva o ícone da mensagem, por exemplo, aqui no fdf está em terceiro lugar o ícone, será o número 3.
Respostas Rápidas |
A partir deste tutorial podemos aplicar um código no fórum que irá auxiliar no carregamento mais rápido das respostas rápidas.
--> Tutoriais e astúcias <--
Acelerar o carregamento das respostas rápidas
Acelerar o carregamento das respostas rápidas
1º - Código a ser utilizado:
O código a ser utilizado será este:
- Código:
jQuery(function(){jQuery("form#quick_reply input[name='post']").click(function(){jQuery('<iframe name="replyreload" height="0px" width="0px" frameborder="0"></iframe>').insertBefore('form#quick_reply');jQuery('form#quick_reply').attr('target','replyreload');jQuery('form#quick_reply').submit(function(){var t=setTimeout("fmreply()",1000);});});});function fmreply(){window.location.reload()}
2º - Aplicação do tutorial:
Aceda à:
Painel de controle -> Módulos -> HTML & JavaScript -> Gestão dos códigos JavaScripts
Título Correspondente ao nome da página JavaScript/jQuery que será criada. |
Localização- São destinados os devidos locais para onde você aplicará os efeitos do JavaScript nos fóruns. No nosso caso, aplicaremos Em todas as páginas. |
Código JavaScript Campo destinado para receber o código JavaScript criado anteriormente. |
Habilitar o gerenciamento dos códigos JavaScript Ao selecionar a opção sim, estará ativando a função páginas Javascript no seu fórum. Se selecionar não, as páginas serão desabilitadas no fórum. |
© Fórum dos Fóruns
Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título: [Dúvida] Acelerar o carregamento das respostas rápidas |
- Resultado:
© Fórum dos Fóruns
Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título: [Dúvida] Adicionar botão Resolvido (PhpBB3 e PunBB) |
- em 28.01.13 23:20
- Procurar em: Tópicos e Mensagens
- Tópico: [TUTORIAL] Adicionar botão Resolvido (PhpBB3 e PunBB)
- Respostas: 0
- Vistos: 9130
[TUTORIAL] Substituir nome do grupo por imagem na legenda
Substituir nome do grupo por imagem na legenda |
Com este tutorial, nós estaremos mostrando a seguir como substituir um nome de um grupo na legenda de seu fórum por uma imagem. Preste bem a atenção nos campos que devem ser modificados.
--> Tutoriais, dicas e astúcias <--
Substituir nome do grupo por imagem na legenda
Substituir nome do grupo por imagem na legenda
1º - Noção básica da função:
As páginas javascript ativas em seu fórum possibilita inserir scripts e jquery para personalizar seu fórum, contudo é importante saber que qualquer script encontrado na internet acabam por não surgir efeito nos fóruns.
Vá em: Painel de controle Modulos HTML & JavaScript "Aba" Gestão dos códigos JavaScripts |
Título Correspondente ao nome da página JavaScript/jQuery que será criada. |
Localização- São destinados os devidos locais para onde você aplicará os efeitos do JavaScript nos fóruns. No nosso caso, aplicaremos Em todas as páginas. |
Código JavaScript Campo destinado para receber os códigos JavaScript e jQuery. |
Habilitar o gerenciamento dos códigos JavaScript Ao selecionar a opção sim, estará ativando a função páginas Javascript no seu fórum. Se selecionar não, as páginas serão desabilitadas no fórum. |
2º - Código a ser usado:
Primeiro de tudo, veja que no código nos destacamos de vermelho os campos que devem ser alterados. Altere de acordo com a explicação.
jQuery(document).ready(function(){g='NOME';jQuery('td.row1 span.gensmall:contains("Legenda") b a:contains("'+g+'"),#main-content p em b a:contains("'+g+'"),#pun-info #onlinelist p:contains("Legenda") b a:contains("'+g+'"),td.row2 div:contains("Legenda") b a:contains("'+g+'")').html('<img src="IMAGEM">')});
- Nome: Se refere ao nome do Grupo que deseja a substituição para a imagem;
- Imagem: Neste campo, altere pela imagem que deseja a substituição pelo nome do grupo;
Resultado:
© Fórum dos Fóruns
Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título: [DÚVIDA] Substituir nome do grupo por imagem na legenda |
- em 03.04.12 6:23
- Procurar em: Rodapé e fundo do fórum
- Tópico: [TUTORIAL] Substituir nome do grupo por imagem na legenda
- Respostas: 0
- Vistos: 5116