Adicionar borda em seta viewtopic_body

2 participantes

Ver o tópico anterior Ver o tópico seguinte Ir para baixo

Tópico resolvido Adicionar borda em seta viewtopic_body

Mensagem por IsmaelS. 18.12.15 17:50

Detalhes da questão


Endereço do fórum: http://zonagrafica.forumeiro.com/
Versão do fórum: PunBB

Descrição


No meu viewtopic_body estou a usar uma seta a apontar para cada tópico, mas queria adicionar uma borda para destacar mais a seta, até pode ser a borda que está a volta da caixa do nick:
Adicionar borda em seta viewtopic_body 116tgfo

avatar

IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

http://suporte-design.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Adicionar borda em seta viewtopic_body

Mensagem por RafaelS. 18.12.15 18:16

Olá!

Poderia me fornecer o seu CSS para eu fazer as alterações?

Até mais.
RafaelS.

RafaelS.
Membro Entusiasta
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar borda em seta viewtopic_body

Mensagem por IsmaelS. 18.12.15 19:05

Aqui está:
Código:
/* Outros Códigos */
#pun-visit, .main-box{display:none}
#submit_button {height: auto!important;}
.module.main {margin: 0 0 0 8px!important;}
a {text-decoration: none !important;}
.pun .main-content ol, .pun .main-content ul {padding-left: 0px!important;}
.bim_thumbPreview {width: 90px;height: 48px;}
#pun-announcement {border: 1px solid #ddd;}
#quick_reply #textarea_content {width: 100%!important;}
#onlinechat {display: none;}
#pun-about #qjump {display: none;}
/* Icones nas Categorias */
.cat1:before {
content: "\f086";
font-family: FontAwesome;
vertical-align:top;
}
.cat2:before {
content: "\f0ad";
font-family: FontAwesome;
vertical-align:top;
}
.cat3:before {
content: "\f085";
font-family: FontAwesome;
vertical-align:top;
}
.cat4:before {
content: "\f1fc";
font-family: FontAwesome;
vertical-align:top;
}
.cat5:before {
content: "\f014";
font-family: FontAwesome;
vertical-align:top;
}
.cat6:before {
content: "\f0c0";
font-family: FontAwesome;
vertical-align:top;
}
/* Ranks em .CSS */
.admin {background-color: #D94348;}
.mod {background-color: #07B87D;}
.prog {background-color: #3192C2;}
.des {background-color: #D69A45;}
.mem {background-color: #000000;}
.rank {
-webkit-border-radius: 3px;
background-image: url(http://i58.servimg.com/u/f58/17/19/90/23/highli10.png);
background-position: 0 -1px;
background-repeat: repeat-x;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
line-height: 17px;
moz-border-radius: 3px;
padding: 4px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
text-transform: uppercase;
margin-top: 7px;
}
/* Reputação estilo IPB */
.reputation {
background-color: #DFF0D8;
font-weight: bold;
padding: 3px 8px;
display: block !important;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
color: #3C763D;
margin: 0 auto;
margin-bottom: 5px;
max-width: 123px;
text-align: center;
}
/* Aspeto das Categorias */
.main-head h2, .main-head h3 {
font-family: Ubuntu, sans-serif;
font-size: 14px!important;
font-weight: 700;
font-family: 'Open Sans Condensed', sans-serif;
}
.main .main-head {
background-color: #2a2c33;
border-bottom: 1px solid #de9700;
border-radius: 2px 2px 0 0;
box-shadow: #fa0 0 -2px 0 inset;
color: #fff;
padding: 1em;
text-shadow: 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;
}
.main .main-head {
margin-top: 10px;
}
.main .main-head {
background-color: #2a2c33;
border-bottom: 1px solid #de9700;
border-radius: 2px 2px 0 0;
box-shadow: #fa0 0 -2px 0 inset;
color: #fff;
padding: 1em;
text-shadow: none;
}
.main .main-foot {
background-color: #2a2c33;
border-bottom: 1px solid #de9700;
border-radius: 0 0 2px 2px;
box-shadow: #fa0 0 -2px 0 inset;
color: #fff;
padding: 1em;
text-shadow: none;
}
.table thead tr:first-of-type {
display: none;
}
.tc1, .tcr, .pun table.table td {
background: none !important;
border: none !important;
}
.tc2, .tc3 {
background: none !important;
border: none !important;
color: #737C8D;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: 700;
overflow: hidden;
position: relative;
text-align: center;
}
.tc2:after {
display: block;
content: "Tópicos";
color: #737C8D;
display: block;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal !important;
text-align: center;
text-transform: uppercase;
}
.tc3:after {
display: block;
content: "Mensagens";
color: #737C8D;
display: block;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal !important;
text-align: center;
text-transform: uppercase;
}
.pun .statused tr {
background: #f7f7f7;
border: 1px solid #ddd;
}
.main .main-content {
background: #FFF;
border: 1px solid #ddd;
box-shadow: 0 0 4px rgba(0,0,0,0.1);
margin: 0;
padding: 6px;
}
a.forumtitle {color: #666;font-weight: bold;text-decoration: none !important}
/* Avatares de Últimas Mensagens */
.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;
margin-right: 3px;
padding: 2px;
width: 38px;
}
/* Navegação pun-crumbs */
.pun-crumbs a, 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;}
.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;
}
.pun-crumbs {font-size:9px}
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;
}
/* Chatbox */
h2.chatbox-title:after, h3.chatbox-title:after, #chatbox_header .cattitle:after {content: "WEBGRAFIC - CHATBOX"; }
.chatbox-title a.chat-title {display:none}
#chatbox_footer{border-top: 0px}
#chatbox_header.main-head {
background-color: #2a2c33;
border-bottom: 2px solid #de9700;
border-radius: 5px 5px 5px 5px;
color: #dedfdf;
padding: 0 1.3em;
}
#chatbox_members {border-right: 1px solid #D5DDE5;bottom: 0px;}
#chatbox_members .member-title {background: #333;color: #FFF;}
#chatbox_members .member-title.online {
background: #8B5;
}
#chatbox_members .member-title.away {
background: #E53;
}
#chatbox p strong em { background: url('https://gacweb.icann.org/images/icons/emoticons/warning.png') no-repeat 1%; padding: 5px 5px 5px 25px; color: #D7AD4A; }
/* Botões Novo Tópico, Responder, Bloqueado */
.botãoresponder:hover, .botãonovotopico:hover, .botãobloqueado:hover {
box-shadow: 0px 4px 1px rgba(0, 0, 0, 0.19), 0px -3px 0px rgba(0, 0, 0, 0.19) inset;
text-decoration: none;
}
.botãoresponder, .botãonovotopico {
border: medium none;
margin: 10px;
color: #FFF;
display: inline-block;
font: 300 16px/31px "Open Sans","Helvetica Neue",Arial,sans-serif !important;
height: 32px;
padding: 0px 24px;
cursor: pointer;
text-align: center;
text-decoration: none;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.25);
white-space: nowrap;
border-radius: 5px;
box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.19), 0px -1px 0px rgba(0, 0, 0, 0.19) inset, 0px 1px 0px 0px rgba(255, 255, 255, 0.19) inset;
background-color: #267CC2;
background-image: linear-gradient(#42A5E1, #267CC2);
transition: all 0.5s ease 0s;
}
.botãobloqueado {
border: medium none;
margin: 10px;
color: #FFF;
display: inline-block;
font: 300 16px/31px "Open Sans","Helvetica Neue",Arial,sans-serif !important;
height: 32px;
padding: 0px 24px;
cursor: pointer;
text-align: center;
text-decoration: none;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.25);
white-space: nowrap;
border-radius: 5px;
box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.19), 0px -1px 0px rgba(0, 0, 0, 0.19) inset, 0px 1px 0px 0px rgba(255, 255, 255, 0.19) inset;
background-color: #C22626;
background-image: linear-gradient(#E14242, #C22626);
transition: all 0.5s ease 0s;
}
.botãoresponder:hover, .botãonovotopico:hover, .botãobloqueado:hover {
box-shadow: 0 4px 1px rgba(0,0,0,.19),inset 0 -3px 0 rgba(0,0,0,.19);
text-decoration: none;
}
.botãoresponder:active, .botãonovotopico:active, .botãobloqueado:active, .botãoresponder:focus, .botãonovotopico:focus, .botãobloqueado:focus {
box-shadow: inset 0 2px 0 0 rgba(0,0,0,.19),inset 0 12px 24px 6px rgba(0,0,0,.19),inset 0 0 2px 2px rgba(0,0,0,.19); }
.module .main-content table[style="table-layout:fixed"] {
-moz-animation: progress_bar 2s linear infinite;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
-webkit-animation: progress_bar 2s linear infinite;
-webkit-user-select: none;
animation: progress_bar 2s linear infinite;
background: #fafafa;
background-image: linear-gradient(45deg,rgba(255,255,255,.1)25%,transparent 25%,transparent 50%,rgba(255,255,255,.1)50%,rgba(255,255,255,.1)75%,transparent 75%,transparent);
background-size: 10px 10px;
border: #e1e1e1 1px solid;
border-radius: 3px;
cursor: default;
font-size: 10px;
font-weight: 700;
overflow: hidden;
text-shadow: rgba(0,0,0,.3) 1px 1px 1px;
user-select: none;
}
.botãonovotopico:before {
content: '\f044 \00A0';
font-family: 'fontawesome';
}
.botãobloqueado:before {
content: '\f023 \00A0';
font-family: 'fontawesome';
}
.botãoresponder:before {
content: '\f112 \00A0';
font-family: 'fontawesome';
}
/* Botões Enviar, Pré-visualizar */
.pun .frm .frm-buttons input {
font-size: 1em;
line-height: 1.2;
margin-right: 1em;
overflow: visible;
padding: 1px .5em 2px;
vertical-align: middle;
}
input[type="button"], input[type="reset"], input[type="submit"] {
background: #FBA700;
border: none;
border-bottom: 2px solid #D69200;
border-radius: 3px;
color: #FFF!important;
cursor: pointer;
display: inline-block;
font-size: 11px;
font-weight: 700;
line-height: normal!important;
margin: 2px;
padding: 6px 9px!important;
transition: 300ms;
}
input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
background: #4D5161;
border-color: #2A2C33;
outline: none;
}
.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;
}
.frm-buttons {
border-top: none!important;
margin-bottom: 0;
margin-top: 0;
padding: 10px 0;
}
/* Widget Estatisticas */
.module .main-content ul {
margin: 0 0em;
}
#stats_sidebar .srr {
float: right;
}
#stats_sidebar .srl {
font-weight: bold;
}
/* Tamanho dos Títulos das Categorias, Descrições */
.statused  .tcl {font-size: 11px !important;color: #666 !important}
a.forumtitle {font-size: 13px !important}
/* Avatares no widget últimos assuntos */
.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;
}
/* Icones nos Grupos */
a.gensmall[style="color: #D94348"]:before {
content: '\f005 \00A0';
font-family: 'fontawesome';
}
a.gensmall[style="color: #07B87D"]:before {
content: '\f085 \00A0';
font-family: 'fontawesome';
}
a.gensmall[style="color: #3192C2"]:before {
content: '\f0ad \00A0';
font-family: 'fontawesome';
}
a.gensmall[style="color: #D69A45"]:before {
content: '\f1fc \00A0';
font-family: 'fontawesome';
}
a.gensmall[style="color: #000000"]:before {
content: '\f007 \00A0';
font-family: 'fontawesome';
}
/* Header */
.navbar {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background-image: url("http://i.imgur.com/O3qorj3.jpg");
box-shadow: rgba(0, 0, 0, 0.3) 0 1px 5px;
border-bottom: 1px solid rgba(0, 0, 0, .20);
background-size: cover;
border-color: #FEA900;
border-image: none;
border-radius: 0;
border-style: solid none none;
border-width: 3px medium medium;
font-weight: 500;
margin-bottom: 0;
min-height: 185px;
position: relative;
}
* {
margin: 0;
padding: 0;
}
.navbar {
width: 110%;
margin-left: -35px;
}
.navbar:hover {
background-position: 1px;
transition-duration: 0.5s;
}
nav.navbar {width:100%;
        margin-left: 0px;}
/* Viewtopic_body */ 
.pun .topic {
border-right: 1px solid #DDDDDD;
border-left: 1px solid #DDDDDD;
}
.user-basic-info img:first-child {
background: #FFF;
border: 1px solid #ddd;
padding: 2px;
max-width: 100px;
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,
.pun .postbody,
.pun .postmain {
background-color: #fff!important
}
.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;
}
.right {
float: right;
padding: 4px;
}
.pun .user .user-info {
background: #F5F5F5;
border-top: 1px solid #D9DBDD;
color: #666;
line-height: 1.8em;
padding: 5px!important;
}
.arrow-u, .arrow-u2 {
border: 7px solid;
border-color: transparent transparent transparent #f7f7f7;
height: 0;
left: -23px;
margin-top: -25px;
position: absolute;
width: 0;
z-index: 999;
}
/* Fundo Branco da Estrutura */
.pun {
-moz-box-shadow: 0 5px 9px rgba(0,0,0,0.1);
-webkit-box-shadow: 0 5px 9px rgba(0,0,0,0.1);
background: #fff;
box-shadow: 0 5px 9px rgba(0,0,0,0.1);
}
/* Barra de Ferramentas */
#fa_toolbar {
left: 0px;
height: 30px;
background-color: #2A2C33;
color: #FFFFFF;
font-family: Helvetica, Verdana, Arial;
font-size: 16px;
z-index: 999;
}
#fa_right.welcome #fa_menu #fa_welcome {
color: #FFF;
background-color: #FEA900;
}
#fa_toolbar > #fa_right.notification > #fa_notifications {
color: #FFFFFF;
background-color: #FEA900;
}
#fa_menulist {
display: none;
position: absolute;
list-style-type: none;
margin: 0px;
padding: 0px 10px;
background-color: #2A2C33;
min-width: 175px;
width: auto;
border: 1px solid #FEA900;
line-height: 32px;
border-top: 0px solid #FFFFFF;
z-index: 999;
}
#fa_usermenu {
position: absolute;
left: 0px;
width: 120px;
padding: 10px 20px 10px 10px;
color: #FFFFFF;
font-size: 12px;
text-align: center;
}
#fa_service:after {
content: ' - WEBGRAFIC';
}
/* Tamanho Padrao de fonte nos widgets */
.module.main .main-content{
font-size:10px;       
}
/* Caixa de Aviso*/
.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;
}
/* Aspeto de Numeração de Páginas */
.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;
}
/* Quote */
.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;
}
blockquote cite {
background-color: #E4EAF2;
background-image: url(http://2img.net/i/fa/invision/css_img_quote.gif);
background-position: top right;
background-repeat: no-repeat;
color: #000;
display: block;
font-size: 11px;
font-style: normal;
margin: -8px -8px 8px;
padding: 3px;
}
* {
margin: 0;
padding: 0;
}
user agent stylesheeti, cite, em, var, address, dfn {
font-style: italic;
}
blockquote {
background: rgba(250, 250, 250, 0.49)!important
border-bottom: none!important;
border-left: 3px solid #FBA717!important;
border-right: none!important;
border-top: none!important;
display: block;
line-height: 1.5vw!important;
padding: .8vw!important;
}
/* Mensagens Moderativas */
.alert.sucesso {
background-color: #DFF0D8;
border-color: #D6E9C6;
color: #3C763D;
}
.alert.danger {
background-color: #F2DEDE;
border-color: #EBCCD1;
color: #A94442;
}
.alert {
-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);
background: #F9F1C7;
border: 1px solid #F6DEAC;
border-radius: 3px;
box-shadow: 1px 1px 2px rgba(0,0,0,.4);
color: #AF8640;
font-size: 13px;
font-style: normal;
font-variant: normal;
font-weight: normal;
margin: 5px 0;
padding: 15px;
width: 85%;
}
.alert.infos {
background-color: #D9EDF7;
border-color: #BCE8F1;
color: #31708F;
}
/* Table Staff */
.table_bg_staff {
background: #f7f7f7 url(http://2img.net/i/bl/spirale.png) no-repeat;
background-color: #EFF9FC;
border: 1px solid #cdcdcd;
box-shadow: 0 2px 10px;
font-size: .9em;
margin: 15px 0 0 15px;
padding: 0 6px 0 0 !important;
position: relative;
}
.r1 {
background-color: #e6f2fa;
}
.r2 {
background-color: #dceaf5;
}
.moderadeiros {
border: 1px solid #07B87D!important;
}
.linha_mod {
border-bottom: 1px solid #07B87D!important;
}
.admineiros {
border: 1px solid #D94348!important;
}
.linha_admin {
border-bottom: 1px solid #D94348!important;
}
.prog {
border: 1px solid #3192C2!important;
}
.linha_prog {
border-bottom: 1px solid #3192C2!important;
}
.designer {
border: 1px solid #D69A45!important;
}
.linha_designer {
border-bottom: 1px solid #D69A45!important;
}
/* Footer */
#subscribers {padding-left: 170px !important;margin-top: -44px !important} #back-top { top: -12px !important; }
#back-top {
position: relative;
text-align: center;
top: -18px;
}
/* Imagem Caixas de Resposta */
.sceditor-container textarea {
background: url('http://i68.servimg.com/u/f68/16/43/60/45/s10.png') no-repeat 50% 50% transparent!important;
}
avatar

IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

http://suporte-design.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Adicionar borda em seta viewtopic_body

Mensagem por RafaelS. 19.12.15 17:57

Olá!

Troque por este:

Código:
/* Outros Códigos */
#pun-visit, .main-box{display:none}
#submit_button {height: auto!important;}
.module.main {margin: 0 0 0 8px!important;}
a {text-decoration: none !important;}
.pun .main-content ol, .pun .main-content ul {padding-left: 0px!important;}
.bim_thumbPreview {width: 90px;height: 48px;}
#pun-announcement {border: 1px solid #ddd;}
#quick_reply #textarea_content {width: 100%!important;}
#onlinechat {display: none;}
#pun-about #qjump {display: none;}
/* Icones nas Categorias */
.cat1:before {
content: "\f086";
font-family: FontAwesome;
vertical-align:top;
}
.cat2:before {
content: "\f0ad";
font-family: FontAwesome;
vertical-align:top;
}
.cat3:before {
content: "\f085";
font-family: FontAwesome;
vertical-align:top;
}
.cat4:before {
content: "\f1fc";
font-family: FontAwesome;
vertical-align:top;
}
.cat5:before {
content: "\f014";
font-family: FontAwesome;
vertical-align:top;
}
.cat6:before {
content: "\f0c0";
font-family: FontAwesome;
vertical-align:top;
}
/* Ranks em .CSS */
.admin {background-color: #D94348;}
.mod {background-color: #07B87D;}
.prog {background-color: #3192C2;}
.des {background-color: #D69A45;}
.mem {background-color: #000000;}
.rank {
-webkit-border-radius: 3px;
background-image: url(http://i58.servimg.com/u/f58/17/19/90/23/highli10.png);
background-position: 0 -1px;
background-repeat: repeat-x;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
line-height: 17px;
moz-border-radius: 3px;
padding: 4px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
text-transform: uppercase;
margin-top: 7px;
}
/* Reputação estilo IPB */
.reputation {
background-color: #DFF0D8;
font-weight: bold;
padding: 3px 8px;
display: block !important;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
color: #3C763D;
margin: 0 auto;
margin-bottom: 5px;
max-width: 123px;
text-align: center;
}
/* Aspeto das Categorias */
.main-head h2, .main-head h3 {
font-family: Ubuntu, sans-serif;
font-size: 14px!important;
font-weight: 700;
font-family: 'Open Sans Condensed', sans-serif;
}
.main .main-head {
background-color: #2a2c33;
border-bottom: 1px solid #de9700;
border-radius: 2px 2px 0 0;
box-shadow: #fa0 0 -2px 0 inset;
color: #fff;
padding: 1em;
text-shadow: 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;
}
.main .main-head {
margin-top: 10px;
}
.main .main-head {
background-color: #2a2c33;
border-bottom: 1px solid #de9700;
border-radius: 2px 2px 0 0;
box-shadow: #fa0 0 -2px 0 inset;
color: #fff;
padding: 1em;
text-shadow: none;
}
.main .main-foot {
background-color: #2a2c33;
border-bottom: 1px solid #de9700;
border-radius: 0 0 2px 2px;
box-shadow: #fa0 0 -2px 0 inset;
color: #fff;
padding: 1em;
text-shadow: none;
}
.table thead tr:first-of-type {
display: none;
}
.tc1, .tcr, .pun table.table td {
background: none !important;
border: none !important;
}
.tc2, .tc3 {
background: none !important;
border: none !important;
color: #737C8D;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: 700;
overflow: hidden;
position: relative;
text-align: center;
}
.tc2:after {
display: block;
content: "Tópicos";
color: #737C8D;
display: block;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal !important;
text-align: center;
text-transform: uppercase;
}
.tc3:after {
display: block;
content: "Mensagens";
color: #737C8D;
display: block;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal !important;
text-align: center;
text-transform: uppercase;
}
.pun .statused tr {
background: #f7f7f7;
border: 1px solid #ddd;
}
.main .main-content {
background: #FFF;
border: 1px solid #ddd;
box-shadow: 0 0 4px rgba(0,0,0,0.1);
margin: 0;
padding: 6px;
}
a.forumtitle {color: #666;font-weight: bold;text-decoration: none !important}
/* Avatares de Últimas Mensagens */
.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;
margin-right: 3px;
padding: 2px;
width: 38px;
}
/* Navegação pun-crumbs */
.pun-crumbs a, 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;}
.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;
}
.pun-crumbs {font-size:9px}
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;
}
/* Chatbox */
h2.chatbox-title:after, h3.chatbox-title:after, #chatbox_header .cattitle:after {content: "WEBGRAFIC - CHATBOX"; }
.chatbox-title a.chat-title {display:none}
#chatbox_footer{border-top: 0px}
#chatbox_header.main-head {
background-color: #2a2c33;
border-bottom: 2px solid #de9700;
border-radius: 5px 5px 5px 5px;
color: #dedfdf;
padding: 0 1.3em;
}
#chatbox_members {border-right: 1px solid #D5DDE5;bottom: 0px;}
#chatbox_members .member-title {background: #333;color: #FFF;}
#chatbox_members .member-title.online {
background: #8B5;
}
#chatbox_members .member-title.away {
background: #E53;
}
#chatbox p strong em { background: url('https://gacweb.icann.org/images/icons/emoticons/warning.png') no-repeat 1%; padding: 5px 5px 5px 25px; color: #D7AD4A; }
/* Botões Novo Tópico, Responder, Bloqueado */
.botãoresponder:hover, .botãonovotopico:hover, .botãobloqueado:hover {
box-shadow: 0px 4px 1px rgba(0, 0, 0, 0.19), 0px -3px 0px rgba(0, 0, 0, 0.19) inset;
text-decoration: none;
}
.botãoresponder, .botãonovotopico {
border: medium none;
margin: 10px;
color: #FFF;
display: inline-block;
font: 300 16px/31px "Open Sans","Helvetica Neue",Arial,sans-serif !important;
height: 32px;
padding: 0px 24px;
cursor: pointer;
text-align: center;
text-decoration: none;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.25);
white-space: nowrap;
border-radius: 5px;
box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.19), 0px -1px 0px rgba(0, 0, 0, 0.19) inset, 0px 1px 0px 0px rgba(255, 255, 255, 0.19) inset;
background-color: #267CC2;
background-image: linear-gradient(#42A5E1, #267CC2);
transition: all 0.5s ease 0s;
}
.botãobloqueado {
border: medium none;
margin: 10px;
color: #FFF;
display: inline-block;
font: 300 16px/31px "Open Sans","Helvetica Neue",Arial,sans-serif !important;
height: 32px;
padding: 0px 24px;
cursor: pointer;
text-align: center;
text-decoration: none;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.25);
white-space: nowrap;
border-radius: 5px;
box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.19), 0px -1px 0px rgba(0, 0, 0, 0.19) inset, 0px 1px 0px 0px rgba(255, 255, 255, 0.19) inset;
background-color: #C22626;
background-image: linear-gradient(#E14242, #C22626);
transition: all 0.5s ease 0s;
}
.botãoresponder:hover, .botãonovotopico:hover, .botãobloqueado:hover {
box-shadow: 0 4px 1px rgba(0,0,0,.19),inset 0 -3px 0 rgba(0,0,0,.19);
text-decoration: none;
}
.botãoresponder:active, .botãonovotopico:active, .botãobloqueado:active, .botãoresponder:focus, .botãonovotopico:focus, .botãobloqueado:focus {
box-shadow: inset 0 2px 0 0 rgba(0,0,0,.19),inset 0 12px 24px 6px rgba(0,0,0,.19),inset 0 0 2px 2px rgba(0,0,0,.19); }
.module .main-content table[style="table-layout:fixed"] {
-moz-animation: progress_bar 2s linear infinite;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
-webkit-animation: progress_bar 2s linear infinite;
-webkit-user-select: none;
animation: progress_bar 2s linear infinite;
background: #fafafa;
background-image: linear-gradient(45deg,rgba(255,255,255,.1)25%,transparent 25%,transparent 50%,rgba(255,255,255,.1)50%,rgba(255,255,255,.1)75%,transparent 75%,transparent);
background-size: 10px 10px;
border: #e1e1e1 1px solid;
border-radius: 3px;
cursor: default;
font-size: 10px;
font-weight: 700;
overflow: hidden;
text-shadow: rgba(0,0,0,.3) 1px 1px 1px;
user-select: none;
}
.botãonovotopico:before {
content: '\f044 \00A0';
font-family: 'fontawesome';
}
.botãobloqueado:before {
content: '\f023 \00A0';
font-family: 'fontawesome';
}
.botãoresponder:before {
content: '\f112 \00A0';
font-family: 'fontawesome';
}
/* Botões Enviar, Pré-visualizar */
.pun .frm .frm-buttons input {
font-size: 1em;
line-height: 1.2;
margin-right: 1em;
overflow: visible;
padding: 1px .5em 2px;
vertical-align: middle;
}
input[type="button"], input[type="reset"], input[type="submit"] {
background: #FBA700;
border: none;
border-bottom: 2px solid #D69200;
border-radius: 3px;
color: #FFF!important;
cursor: pointer;
display: inline-block;
font-size: 11px;
font-weight: 700;
line-height: normal!important;
margin: 2px;
padding: 6px 9px!important;
transition: 300ms;
}
input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
background: #4D5161;
border-color: #2A2C33;
outline: none;
}
.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;
}
.frm-buttons {
border-top: none!important;
margin-bottom: 0;
margin-top: 0;
padding: 10px 0;
}
/* Widget Estatisticas */
.module .main-content ul {
margin: 0 0em;
}
#stats_sidebar .srr {
float: right;
}
#stats_sidebar .srl {
font-weight: bold;
}
/* Tamanho dos Títulos das Categorias, Descrições */
.statused  .tcl {font-size: 11px !important;color: #666 !important}
a.forumtitle {font-size: 13px !important}
/* Avatares no widget últimos assuntos */
.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;
}
/* Icones nos Grupos */
a.gensmall[style="color: #D94348"]:before {
content: '\f005 \00A0';
font-family: 'fontawesome';
}
a.gensmall[style="color: #07B87D"]:before {
content: '\f085 \00A0';
font-family: 'fontawesome';
}
a.gensmall[style="color: #3192C2"]:before {
content: '\f0ad \00A0';
font-family: 'fontawesome';
}
a.gensmall[style="color: #D69A45"]:before {
content: '\f1fc \00A0';
font-family: 'fontawesome';
}
a.gensmall[style="color: #000000"]:before {
content: '\f007 \00A0';
font-family: 'fontawesome';
}
/* Header */
.navbar {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background-image: url("http://i.imgur.com/O3qorj3.jpg");
box-shadow: rgba(0, 0, 0, 0.3) 0 1px 5px;
border-bottom: 1px solid rgba(0, 0, 0, .20);
background-size: cover;
border-color: #FEA900;
border-image: none;
border-radius: 0;
border-style: solid none none;
border-width: 3px medium medium;
font-weight: 500;
margin-bottom: 0;
min-height: 185px;
position: relative;
}
* {
margin: 0;
padding: 0;
}
.navbar {
width: 110%;
margin-left: -35px;
}
.navbar:hover {
background-position: 1px;
transition-duration: 0.5s;
}
nav.navbar {width:100%;
        margin-left: 0px;}
/* Viewtopic_body */ 
.pun .topic {
border-right: 1px solid #DDDDDD;
border-left: 1px solid #DDDDDD;
}
.user-basic-info img:first-child {
background: #FFF;
border: 1px solid #ddd;
padding: 2px;
max-width: 100px;
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,
.pun .postbody,
.pun .postmain {
background-color: #fff!important
}
.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;
}
.right {
float: right;
padding: 4px;
}
.pun .user .user-info {
background: #F5F5F5;
border-top: 1px solid #D9DBDD;
color: #666;
line-height: 1.8em;
padding: 5px!important;
}
.arrow-u, .arrow-u2 {
    border: 7px solid;
    border-color: transparent transparent transparent #DDDDDD;
    height: 0;
    left: -23px;
    margin-top: -25px;
    position: absolute;
    width: 0;
    z-index: 999;
}
/* Fundo Branco da Estrutura */
.pun {
-moz-box-shadow: 0 5px 9px rgba(0,0,0,0.1);
-webkit-box-shadow: 0 5px 9px rgba(0,0,0,0.1);
background: #fff;
box-shadow: 0 5px 9px rgba(0,0,0,0.1);
}
/* Barra de Ferramentas */
#fa_toolbar {
left: 0px;
height: 30px;
background-color: #2A2C33;
color: #FFFFFF;
font-family: Helvetica, Verdana, Arial;
font-size: 16px;
z-index: 999;
}
#fa_right.welcome #fa_menu #fa_welcome {
color: #FFF;
background-color: #FEA900;
}
#fa_toolbar > #fa_right.notification > #fa_notifications {
color: #FFFFFF;
background-color: #FEA900;
}
#fa_menulist {
display: none;
position: absolute;
list-style-type: none;
margin: 0px;
padding: 0px 10px;
background-color: #2A2C33;
min-width: 175px;
width: auto;
border: 1px solid #FEA900;
line-height: 32px;
border-top: 0px solid #FFFFFF;
z-index: 999;
}
#fa_usermenu {
position: absolute;
left: 0px;
width: 120px;
padding: 10px 20px 10px 10px;
color: #FFFFFF;
font-size: 12px;
text-align: center;
}
#fa_service:after {
content: ' - WEBGRAFIC';
}
/* Tamanho Padrao de fonte nos widgets */
.module.main .main-content{
font-size:10px;       
}
/* Caixa de Aviso*/
.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;
}
/* Aspeto de Numeração de Páginas */
.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;
}
/* Quote */
.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;
}
blockquote cite {
background-color: #E4EAF2;
background-image: url(http://2img.net/i/fa/invision/css_img_quote.gif);
background-position: top right;
background-repeat: no-repeat;
color: #000;
display: block;
font-size: 11px;
font-style: normal;
margin: -8px -8px 8px;
padding: 3px;
}
* {
margin: 0;
padding: 0;
}
user agent stylesheeti, cite, em, var, address, dfn {
font-style: italic;
}
blockquote {
background: rgba(250, 250, 250, 0.49)!important
border-bottom: none!important;
border-left: 3px solid #FBA717!important;
border-right: none!important;
border-top: none!important;
display: block;
line-height: 1.5vw!important;
padding: .8vw!important;
}
/* Mensagens Moderativas */
.alert.sucesso {
background-color: #DFF0D8;
border-color: #D6E9C6;
color: #3C763D;
}
.alert.danger {
background-color: #F2DEDE;
border-color: #EBCCD1;
color: #A94442;
}
.alert {
-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);
background: #F9F1C7;
border: 1px solid #F6DEAC;
border-radius: 3px;
box-shadow: 1px 1px 2px rgba(0,0,0,.4);
color: #AF8640;
font-size: 13px;
font-style: normal;
font-variant: normal;
font-weight: normal;
margin: 5px 0;
padding: 15px;
width: 85%;
}
.alert.infos {
background-color: #D9EDF7;
border-color: #BCE8F1;
color: #31708F;
}
/* Table Staff */
.table_bg_staff {
background: #f7f7f7 url(http://2img.net/i/bl/spirale.png) no-repeat;
background-color: #EFF9FC;
border: 1px solid #cdcdcd;
box-shadow: 0 2px 10px;
font-size: .9em;
margin: 15px 0 0 15px;
padding: 0 6px 0 0 !important;
position: relative;
}
.r1 {
background-color: #e6f2fa;
}
.r2 {
background-color: #dceaf5;
}
.moderadeiros {
border: 1px solid #07B87D!important;
}
.linha_mod {
border-bottom: 1px solid #07B87D!important;
}
.admineiros {
border: 1px solid #D94348!important;
}
.linha_admin {
border-bottom: 1px solid #D94348!important;
}
.prog {
border: 1px solid #3192C2!important;
}
.linha_prog {
border-bottom: 1px solid #3192C2!important;
}
.designer {
border: 1px solid #D69A45!important;
}
.linha_designer {
border-bottom: 1px solid #D69A45!important;
}
/* Footer */
#subscribers {padding-left: 170px !important;margin-top: -44px !important} #back-top { top: -12px !important; }
#back-top {
position: relative;
text-align: center;
top: -18px;
}
/* Imagem Caixas de Resposta */
.sceditor-container textarea {
background: url('http://i68.servimg.com/u/f68/16/43/60/45/s10.png') no-repeat 50% 50% transparent!important;
}

Até mais.
RafaelS.

RafaelS.
Membro Entusiasta
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar borda em seta viewtopic_body

Mensagem por IsmaelS. 19.12.15 19:30

Queria adicionar mesmo uma borda à volta algo como isto amigo:
Adicionar borda em seta viewtopic_body F53gwp
- http://www.surcape.com/t80-comemoracao-100-usuarios-registrados
avatar

IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

http://suporte-design.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Adicionar borda em seta viewtopic_body

Mensagem por RafaelS. 20.12.15 18:29

Olá.

Troque por este:

Código:
/* Outros Códigos */
#pun-visit, .main-box{display:none}
#submit_button {height: auto!important;}
.module.main {margin: 0 0 0 8px!important;}
a {text-decoration: none !important;}
.pun .main-content ol, .pun .main-content ul {padding-left: 0px!important;}
.bim_thumbPreview {width: 90px;height: 48px;}
#pun-announcement {border: 1px solid #ddd;}
#quick_reply #textarea_content {width: 100%!important;}
#onlinechat {display: none;}
#pun-about #qjump {display: none;}
/* Icones nas Categorias */
.cat1:before {
content: "\f086";
font-family: FontAwesome;
vertical-align:top;
}
.cat2:before {
content: "\f0ad";
font-family: FontAwesome;
vertical-align:top;
}
.cat3:before {
content: "\f085";
font-family: FontAwesome;
vertical-align:top;
}
.cat4:before {
content: "\f1fc";
font-family: FontAwesome;
vertical-align:top;
}
.cat5:before {
content: "\f014";
font-family: FontAwesome;
vertical-align:top;
}
.cat6:before {
content: "\f0c0";
font-family: FontAwesome;
vertical-align:top;
}
/* Ranks em .CSS */
.admin {background-color: #D94348;}
.mod {background-color: #07B87D;}
.prog {background-color: #3192C2;}
.des {background-color: #D69A45;}
.mem {background-color: #000000;}
.rank {
-webkit-border-radius: 3px;
background-image: url(http://i58.servimg.com/u/f58/17/19/90/23/highli10.png);
background-position: 0 -1px;
background-repeat: repeat-x;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
line-height: 17px;
moz-border-radius: 3px;
padding: 4px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
text-transform: uppercase;
margin-top: 7px;
}
/* Reputação estilo IPB */
.reputation {
background-color: #DFF0D8;
font-weight: bold;
padding: 3px 8px;
display: block !important;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
color: #3C763D;
margin: 0 auto;
margin-bottom: 5px;
max-width: 123px;
text-align: center;
}
/* Aspeto das Categorias */
.main-head h2, .main-head h3 {
font-family: Ubuntu, sans-serif;
font-size: 14px!important;
font-weight: 700;
font-family: 'Open Sans Condensed', sans-serif;
}
.main .main-head {
background-color: #2a2c33;
border-bottom: 1px solid #de9700;
border-radius: 2px 2px 0 0;
box-shadow: #fa0 0 -2px 0 inset;
color: #fff;
padding: 1em;
text-shadow: 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;
}
.main .main-head {
margin-top: 10px;
}
.main .main-head {
background-color: #2a2c33;
border-bottom: 1px solid #de9700;
border-radius: 2px 2px 0 0;
box-shadow: #fa0 0 -2px 0 inset;
color: #fff;
padding: 1em;
text-shadow: none;
}
.main .main-foot {
background-color: #2a2c33;
border-bottom: 1px solid #de9700;
border-radius: 0 0 2px 2px;
box-shadow: #fa0 0 -2px 0 inset;
color: #fff;
padding: 1em;
text-shadow: none;
}
.table thead tr:first-of-type {
display: none;
}
.tc1, .tcr, .pun table.table td {
background: none !important;
border: none !important;
}
.tc2, .tc3 {
background: none !important;
border: none !important;
color: #737C8D;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: 700;
overflow: hidden;
position: relative;
text-align: center;
}
.tc2:after {
display: block;
content: "Tópicos";
color: #737C8D;
display: block;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal !important;
text-align: center;
text-transform: uppercase;
}
.tc3:after {
display: block;
content: "Mensagens";
color: #737C8D;
display: block;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal !important;
text-align: center;
text-transform: uppercase;
}
.pun .statused tr {
background: #f7f7f7;
border: 1px solid #ddd;
}
.main .main-content {
background: #FFF;
border: 1px solid #ddd;
box-shadow: 0 0 4px rgba(0,0,0,0.1);
margin: 0;
padding: 6px;
}
a.forumtitle {color: #666;font-weight: bold;text-decoration: none !important}
/* Avatares de Últimas Mensagens */
.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;
margin-right: 3px;
padding: 2px;
width: 38px;
}
/* Navegação pun-crumbs */
.pun-crumbs a, 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;}
.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;
}
.pun-crumbs {font-size:9px}
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;
}
/* Chatbox */
h2.chatbox-title:after, h3.chatbox-title:after, #chatbox_header .cattitle:after {content: "WEBGRAFIC - CHATBOX"; }
.chatbox-title a.chat-title {display:none}
#chatbox_footer{border-top: 0px}
#chatbox_header.main-head {
background-color: #2a2c33;
border-bottom: 2px solid #de9700;
border-radius: 5px 5px 5px 5px;
color: #dedfdf;
padding: 0 1.3em;
}
#chatbox_members {border-right: 1px solid #D5DDE5;bottom: 0px;}
#chatbox_members .member-title {background: #333;color: #FFF;}
#chatbox_members .member-title.online {
background: #8B5;
}
#chatbox_members .member-title.away {
background: #E53;
}
#chatbox p strong em { background: url('https://gacweb.icann.org/images/icons/emoticons/warning.png') no-repeat 1%; padding: 5px 5px 5px 25px; color: #D7AD4A; }
/* Botões Novo Tópico, Responder, Bloqueado */
.botãoresponder:hover, .botãonovotopico:hover, .botãobloqueado:hover {
box-shadow: 0px 4px 1px rgba(0, 0, 0, 0.19), 0px -3px 0px rgba(0, 0, 0, 0.19) inset;
text-decoration: none;
}
.botãoresponder, .botãonovotopico {
border: medium none;
margin: 10px;
color: #FFF;
display: inline-block;
font: 300 16px/31px "Open Sans","Helvetica Neue",Arial,sans-serif !important;
height: 32px;
padding: 0px 24px;
cursor: pointer;
text-align: center;
text-decoration: none;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.25);
white-space: nowrap;
border-radius: 5px;
box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.19), 0px -1px 0px rgba(0, 0, 0, 0.19) inset, 0px 1px 0px 0px rgba(255, 255, 255, 0.19) inset;
background-color: #267CC2;
background-image: linear-gradient(#42A5E1, #267CC2);
transition: all 0.5s ease 0s;
}
.botãobloqueado {
border: medium none;
margin: 10px;
color: #FFF;
display: inline-block;
font: 300 16px/31px "Open Sans","Helvetica Neue",Arial,sans-serif !important;
height: 32px;
padding: 0px 24px;
cursor: pointer;
text-align: center;
text-decoration: none;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.25);
white-space: nowrap;
border-radius: 5px;
box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.19), 0px -1px 0px rgba(0, 0, 0, 0.19) inset, 0px 1px 0px 0px rgba(255, 255, 255, 0.19) inset;
background-color: #C22626;
background-image: linear-gradient(#E14242, #C22626);
transition: all 0.5s ease 0s;
}
.botãoresponder:hover, .botãonovotopico:hover, .botãobloqueado:hover {
box-shadow: 0 4px 1px rgba(0,0,0,.19),inset 0 -3px 0 rgba(0,0,0,.19);
text-decoration: none;
}
.botãoresponder:active, .botãonovotopico:active, .botãobloqueado:active, .botãoresponder:focus, .botãonovotopico:focus, .botãobloqueado:focus {
box-shadow: inset 0 2px 0 0 rgba(0,0,0,.19),inset 0 12px 24px 6px rgba(0,0,0,.19),inset 0 0 2px 2px rgba(0,0,0,.19); }
.module .main-content table[style="table-layout:fixed"] {
-moz-animation: progress_bar 2s linear infinite;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
-webkit-animation: progress_bar 2s linear infinite;
-webkit-user-select: none;
animation: progress_bar 2s linear infinite;
background: #fafafa;
background-image: linear-gradient(45deg,rgba(255,255,255,.1)25%,transparent 25%,transparent 50%,rgba(255,255,255,.1)50%,rgba(255,255,255,.1)75%,transparent 75%,transparent);
background-size: 10px 10px;
border: #e1e1e1 1px solid;
border-radius: 3px;
cursor: default;
font-size: 10px;
font-weight: 700;
overflow: hidden;
text-shadow: rgba(0,0,0,.3) 1px 1px 1px;
user-select: none;
}
.botãonovotopico:before {
content: '\f044 \00A0';
font-family: 'fontawesome';
}
.botãobloqueado:before {
content: '\f023 \00A0';
font-family: 'fontawesome';
}
.botãoresponder:before {
content: '\f112 \00A0';
font-family: 'fontawesome';
}
/* Botões Enviar, Pré-visualizar */
.pun .frm .frm-buttons input {
font-size: 1em;
line-height: 1.2;
margin-right: 1em;
overflow: visible;
padding: 1px .5em 2px;
vertical-align: middle;
}
input[type="button"], input[type="reset"], input[type="submit"] {
background: #FBA700;
border: none;
border-bottom: 2px solid #D69200;
border-radius: 3px;
color: #FFF!important;
cursor: pointer;
display: inline-block;
font-size: 11px;
font-weight: 700;
line-height: normal!important;
margin: 2px;
padding: 6px 9px!important;
transition: 300ms;
}
input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
background: #4D5161;
border-color: #2A2C33;
outline: none;
}
.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;
}
.frm-buttons {
border-top: none!important;
margin-bottom: 0;
margin-top: 0;
padding: 10px 0;
}
/* Widget Estatisticas */
.module .main-content ul {
margin: 0 0em;
}
#stats_sidebar .srr {
float: right;
}
#stats_sidebar .srl {
font-weight: bold;
}
/* Tamanho dos Títulos das Categorias, Descrições */
.statused  .tcl {font-size: 11px !important;color: #666 !important}
a.forumtitle {font-size: 13px !important}
/* Avatares no widget últimos assuntos */
.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;
}
/* Icones nos Grupos */
a.gensmall[style="color: #D94348"]:before {
content: '\f005 \00A0';
font-family: 'fontawesome';
}
a.gensmall[style="color: #07B87D"]:before {
content: '\f085 \00A0';
font-family: 'fontawesome';
}
a.gensmall[style="color: #3192C2"]:before {
content: '\f0ad \00A0';
font-family: 'fontawesome';
}
a.gensmall[style="color: #D69A45"]:before {
content: '\f1fc \00A0';
font-family: 'fontawesome';
}
a.gensmall[style="color: #000000"]:before {
content: '\f007 \00A0';
font-family: 'fontawesome';
}
/* Header */
.navbar {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background-image: url("http://i.imgur.com/O3qorj3.jpg");
box-shadow: rgba(0, 0, 0, 0.3) 0 1px 5px;
border-bottom: 1px solid rgba(0, 0, 0, .20);
background-size: cover;
border-color: #FEA900;
border-image: none;
border-radius: 0;
border-style: solid none none;
border-width: 3px medium medium;
font-weight: 500;
margin-bottom: 0;
min-height: 185px;
position: relative;
}
* {
margin: 0;
padding: 0;
}
.navbar {
width: 110%;
margin-left: -35px;
}
.navbar:hover {
background-position: 1px;
transition-duration: 0.5s;
}
nav.navbar {width:100%;
        margin-left: 0px;}
/* Viewtopic_body */
.pun .topic {
border-right: 1px solid #DDDDDD;
border-left: 1px solid #DDDDDD;
}
.user-basic-info img:first-child {
background: #FFF;
border: 1px solid #ddd;
padding: 2px;
max-width: 100px;
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,
.pun .postbody,
.pun .postmain {
background-color: #fff!important
}
.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;
}
.right {
float: right;
padding: 4px;
}
.pun .user .user-info {
background: #F5F5F5;
border-top: 1px solid #D9DBDD;
color: #666;
line-height: 1.8em;
padding: 5px!important;
}
.arrow-u {
display: block;
width: 0px;
height: 0px;
float: left;
margin-top: -27px;
margin-left: -22px;
z-index: -999;
border-width: 10px medium 10px 10px;
border-style: solid none solid solid;
border-color: transparent -moz-use-text-color transparent #DDD;
-moz-border-top-colors: none;
-moz-border-right-colors: none;
-moz-border-bottom-colors: none;
border-image: none;
-moz-border-left-colors: #DDD;
}
.arrow-u2 {
display: block;
width: 0px;
height: 0px;
float: left;
margin-top: -27px;
margin-left: -23px;
z-index: 100;
border-width: 10px medium 10px 10px;
border-style: solid none solid solid;
border-color: transparent -moz-use-text-color transparent #F7F7F7;
-moz-border-top-colors: none;
-moz-border-right-colors: none;
-moz-border-bottom-colors: none;
border-image: none;
-moz-border-left-colors: #F7F7F7;
position: absolute;
}
/* Fundo Branco da Estrutura */
.pun {
-moz-box-shadow: 0 5px 9px rgba(0,0,0,0.1);
-webkit-box-shadow: 0 5px 9px rgba(0,0,0,0.1);
background: #fff;
box-shadow: 0 5px 9px rgba(0,0,0,0.1);
}
/* Barra de Ferramentas */
#fa_toolbar {
left: 0px;
height: 30px;
background-color: #2A2C33;
color: #FFFFFF;
font-family: Helvetica, Verdana, Arial;
font-size: 16px;
z-index: 999;
}
#fa_right.welcome #fa_menu #fa_welcome {
color: #FFF;
background-color: #FEA900;
}
#fa_toolbar > #fa_right.notification > #fa_notifications {
color: #FFFFFF;
background-color: #FEA900;
}
#fa_menulist {
display: none;
position: absolute;
list-style-type: none;
margin: 0px;
padding: 0px 10px;
background-color: #2A2C33;
min-width: 175px;
width: auto;
border: 1px solid #FEA900;
line-height: 32px;
border-top: 0px solid #FFFFFF;
z-index: 999;
}
#fa_usermenu {
position: absolute;
left: 0px;
width: 120px;
padding: 10px 20px 10px 10px;
color: #FFFFFF;
font-size: 12px;
text-align: center;
}
#fa_service:after {
content: ' - WEBGRAFIC';
}
/* Tamanho Padrao de fonte nos widgets */
.module.main .main-content{
font-size:10px;     
}
/* Caixa de Aviso*/
.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;
}
/* Aspeto de Numeração de Páginas */
.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;
}
/* Quote */
.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;
}
blockquote cite {
background-color: #E4EAF2;
background-image: url(http://2img.net/i/fa/invision/css_img_quote.gif);
background-position: top right;
background-repeat: no-repeat;
color: #000;
display: block;
font-size: 11px;
font-style: normal;
margin: -8px -8px 8px;
padding: 3px;
}
* {
margin: 0;
padding: 0;
}
user agent stylesheeti, cite, em, var, address, dfn {
font-style: italic;
}
blockquote {
background: rgba(250, 250, 250, 0.49)!important
border-bottom: none!important;
border-left: 3px solid #FBA717!important;
border-right: none!important;
border-top: none!important;
display: block;
line-height: 1.5vw!important;
padding: .8vw!important;
}
/* Mensagens Moderativas */
.alert.sucesso {
background-color: #DFF0D8;
border-color: #D6E9C6;
color: #3C763D;
}
.alert.danger {
background-color: #F2DEDE;
border-color: #EBCCD1;
color: #A94442;
}
.alert {
-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);
background: #F9F1C7;
border: 1px solid #F6DEAC;
border-radius: 3px;
box-shadow: 1px 1px 2px rgba(0,0,0,.4);
color: #AF8640;
font-size: 13px;
font-style: normal;
font-variant: normal;
font-weight: normal;
margin: 5px 0;
padding: 15px;
width: 85%;
}
.alert.infos {
background-color: #D9EDF7;
border-color: #BCE8F1;
color: #31708F;
}
/* Table Staff */
.table_bg_staff {
background: #f7f7f7 url(http://2img.net/i/bl/spirale.png) no-repeat;
background-color: #EFF9FC;
border: 1px solid #cdcdcd;
box-shadow: 0 2px 10px;
font-size: .9em;
margin: 15px 0 0 15px;
padding: 0 6px 0 0 !important;
position: relative;
}
.r1 {
background-color: #e6f2fa;
}
.r2 {
background-color: #dceaf5;
}
.moderadeiros {
border: 1px solid #07B87D!important;
}
.linha_mod {
border-bottom: 1px solid #07B87D!important;
}
.admineiros {
border: 1px solid #D94348!important;
}
.linha_admin {
border-bottom: 1px solid #D94348!important;
}
.prog {
border: 1px solid #3192C2!important;
}
.linha_prog {
border-bottom: 1px solid #3192C2!important;
}
.designer {
border: 1px solid #D69A45!important;
}
.linha_designer {
border-bottom: 1px solid #D69A45!important;
}
/* Footer */
#subscribers {padding-left: 170px !important;margin-top: -44px !important} #back-top { top: -12px !important; }
#back-top {
position: relative;
text-align: center;
top: -18px;
}
/* Imagem Caixas de Resposta */
.sceditor-container textarea {
background: url('http://i68.servimg.com/u/f68/16/43/60/45/s10.png') no-repeat 50% 50% transparent!important;
}

Até mais.
RafaelS.

RafaelS.
Membro Entusiasta
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar borda em seta viewtopic_body

Mensagem por IsmaelS. 20.12.15 19:06

Poderia dizer o que alterou amigo ou acrescentou? Pois eu atualizei a .CSS e essa era a antiga :/
avatar

IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

http://suporte-design.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Adicionar borda em seta viewtopic_body

Mensagem por RafaelS. 20.12.15 23:20

Olá.

Claro que posso.

No seu CSS atual procure por:

Código:
.arrow-u

Substitua o código inteiro por este:

Código:
.arrow-u {
display: block;
width: 0px;
height: 0px;
float: left;
margin-top: -27px;
margin-left: -22px;
z-index: -999;
border-width: 10px medium 10px 10px;
border-style: solid none solid solid;
border-color: transparent -moz-use-text-color transparent #DDD;
-moz-border-top-colors: none;
-moz-border-right-colors: none;
-moz-border-bottom-colors: none;
border-image: none;
-moz-border-left-colors: #DDD;
}
.arrow-u2 {
display: block;
width: 0px;
height: 0px;
float: left;
margin-top: -27px;
margin-left: -23px;
z-index: 100;
border-width: 10px medium 10px 10px;
border-style: solid none solid solid;
border-color: transparent -moz-use-text-color transparent #F7F7F7;
-moz-border-top-colors: none;
-moz-border-right-colors: none;
-moz-border-bottom-colors: none;
border-image: none;
-moz-border-left-colors: #F7F7F7;
position: absolute;
}

Até mais.
RafaelS.

RafaelS.
Membro Entusiasta
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar borda em seta viewtopic_body

Mensagem por IsmaelS. 20.12.15 23:36

avatar

IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

http://suporte-design.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta
  • 0

Tópico resolvido Re: Adicionar borda em seta viewtopic_body

Mensagem por RafaelS. 21.12.15 14:57

Olá!

Erro meu, altere por este:

Código:
.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;
}

Até mais.
RafaelS.

RafaelS.
Membro Entusiasta
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar borda em seta viewtopic_body

Mensagem por IsmaelS. 21.12.15 16:22

Ficou perfeito amigo obrigado pelo tempo! Piscada
avatar

IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

http://suporte-design.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Adicionar borda em seta viewtopic_body

Mensagem por RafaelS. 22.12.15 0:27

Adicionar borda em seta viewtopic_body Symbol10 Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".
RafaelS.

RafaelS.
Membro Entusiasta
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

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