Colocar bordas e sombras no meu fórum

Detalhes da dúvida

Versão do fórum : phpBB3
Nível de acesso : Fundador
Navegador usado : Google Chrome
Membros afetados : Todos os membros do fórum
Problema começou : Desde sempre
Endereço do fórum : http://cbfaic.forumeiros.com/

Descrição do problema

Olá, gostaria de colocar bordas e sombras no meu fórum, para ficar igual a este: aic.rol.com

As bordas que eu falo são no fundo branco do fórum e não no tema de fundo ok? E se notarem, no meu fórum o fundo branco vai até em baixo, já no fórum que eu disse ele fica arredondado sobrando um pouco do tema de fundo em baixo..

Quero que fique exatamente assim

Obrigado à todos!

Olá amigo,

O site que passou como exemplo não está funcionando. Mas, tente adicionar isso ao seu CSS e veja se atende as expectativas:

Código:

#wrap {
  border-radius: 5px;
  margin: 40px auto;
  box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.25);
}

Abraços.

Saudações,

Na verdade o link é este:
http://www.aic-rol.com/

Bem aquilo é uma imagem, veja o código:

Código:

#page-header {
background: url(http://i65.servimg.com/u/f65/15/75/19/71/header12.png) no-repeat top center;
width: 984px;
}

Mas creio que o código do nosso amigo Kyo irá resultar com a função da sombra.
Até mais.

Sennior escreveu:Saudações,

Na verdade o link é este:
http://www.aic-rol.com/

Bem aquilo é uma imagem, veja o código:

Código:

#page-header {
background: url(http://i65.servimg.com/u/f65/15/75/19/71/header12.png) no-repeat top center;
width: 984px;
}

Mas creio que o código do nosso amigo Kyo irá resultar com a função da sombra.
Até mais.

Sim é este o site.

Adicionei a minha folha CSS mas não resultou em nada.

Grato pela atenção

Kyo Panda escreveu:Olá amigo,

O site que passou como exemplo não está funcionando. Mas, tente adicionar isso ao seu CSS e veja se atende as expectativas:

Código:

#wrap {
  border-radius: 5px;
  margin: 40px auto;
  box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.25);
}

Abraços.

Olá, também adicionei este código à minha folha CSS

Porém também não resultou em nada..

Obrigado

Olá LeandroNeto,

Não cometa double-posts, poderia ter mencionado os dois códigos numa única mensagem. Pedimos que não volte a realizar double-posts (mensagens consecutivas), sempre que precisar acrescentar alguma informação edite a mensagem anterior. Se voltar a repetir demasiadas vezes poderá ter a sua conta suspensa.

Com relação ao seu tópico, retire os códigos cedidos a cima e coloque este no lugar:

Código:

#wrap {
border-radius: 10px;
box-shadow: 0px 0px 11px #000;
}

Resulta? Caso não obtenha sucesso com o código, queira nos fornecer o seu CSS completo aqui dentro das tags [code].

Atenciosamente,
iSouL.

Não resultou. 

Código:

.signature_div {
-webkit-box-shadow: #fff 1px 2px 1px;
background: transparent repeat scroll 0 0;
border: 1px solid #E6E6E6;
border-image: initial;
box-shadow: #fff 1px 2px 1px;
float: center;
margin-top: 10px;
max-height: 150px;
overflow: auto;
text-align: center;
}
.postprofile {
border-right: 1px solid rgb(208, 208, 208)!important;
border-bottom-right-radius: 0px!important;
border-top-right-radius: 0px!important;
}
#page-header .navbar ul.navlinks{background:url(http://i49.servimg.com/u/f49/16/89/74/34/untitl53.png) no-repeat top center;height:55px;left:-1.0%;position:relative;width:102.0%;background-size:100%;text-align:center}#page-header .navbar ul.navlinks li a{bottom:-25px!important;color:#ffffff;font-family:Tahoma;font-size:11px;margin:5px;position:relative;text-shadow:1px 1px 5px #000000}#page-header .navbar ul.navlinks li a:hover{color:#F7FF08;text-shadow:-1px -1px 1px grey}#page-header .navbar ul.linklist.navlinks{margin-top:-21px}

form#smilies_categ{display:none!important}

.search-box, #search-box {
        display: none;
        }
.forabg .inner ul.topiclist li.row dl.icon dd.lastpost{
    border: 2px solid rgb(238, 238, 238);
    border-radius: 7px 7px 7px 7px;
    box-shadow: 0px 0px 8px rgb(102, 102, 102);
}
#fa_toolbar, #fa_toolbar_hidden {background:url(http://i49.servimg.com/u/f49/16/89/74/34/untitl53.png)!important;}
#fa_toolbar, #fa_toolbar_hidden {background: url('http://www.espacomanager.org');}
.h3{background: rgba(255,255,255,0.6);
color: green;
padding: 9px;
border-radius: 5px;
border: 1px solid green;
text-align: center;}.module{border: 2px solid rgba(255, 255, 255, 0.6);
border-radius: 16px;}
.post a[href*="http://www.mediafire.com/?"],.post a[href*="http://www.4shared.com"] {
    background: url("http://i.imgur.com/ED3TZBp.png") no-repeat scroll center center transparent;
    color: transparent;
    display: block;
    font-size: 0;
    height: 33px;
    overflow: hidden;
    width: 116px;
}

.forabg .inner ul.topiclist li.row dl.icon dd.dterm div{
    border: 2px solid rgb(238, 238, 238);
    border-radius: 7px 7px 7px 7px;
    box-shadow: 0px 0px 8px rgb(102, 102, 102);
}

/*Efeito nos Grupos*/

a[href="/g13-presidente"] {
text-shadow: 0px 0px 5px #1C5175;
}
a[href="/g10-diretor"] {
text-shadow: 0px 0px 5px #FF8503;
}
a[href="/g11-patcher"] {
text-shadow: 0px 0px 5px #F54444;
}
a[href="/g5-designer"] {
text-shadow: 0px 0px 5px #8D45C9;
}
a[href="/g12-coordenador"] {
text-shadow: 0px 0px 5px #454710;
}

/*Efeito no membro*/

a[href="/u1"] {
text-shadow: 0px 0px 5px #1C5175;
}
a[href="/u52"] {
text-shadow: 0px 0px 5px #FF8503;
}
a[href="/u404"] {
text-shadow: 0px 0px 5px #FF0000;
}
a[href="/u133"] {
text-shadow: 0px 0px 5px #454710;
}
a[href="/u45"] {
text-shadow: 0px 0px 5px #FF8503;
}
a[href="/u18"] {
text-shadow: 0px 0px 5px #FF0000;
}
.module {
background: #43BD0D url(http://i.imgur.com/lfe6kk0.png) repeat-x !important;
}

.module .h3 {
border-bottom: 0px;
color: #FFFFFF !important;
#i_whosonline + p br + br + em {
 width: 70%;
 background: white url(http://i41.servimg.com/u/f41/17/41/76/40/grey-u10.png) repeat-x scroll left bottom;
 border: 2px solid #DDD;
 border-radius: 6px;
 text-align: justify;
 padding: 10px 8px 5px 5px;
 display: block;
 margin: 0 auto;
 font-size: 0px;
 color: transparent;
}

#i_whosonline + p br + br + em a {
 -webkit-transition-duration: .3s;
 text-shadow: 0px 1px 1px #454545;
 font-size: 15px;
 margin: 0 5px;
 font-style: normal;
 font-weight: normal;
}

#i_whosonline + p br + br + em a:hover {
 background: #DDD;
 padding: 9px 10px 10px;
} 
#i_whosonline + p br + br + em {
text-align: center !important;
width: 61% !important;
}
.forabg {background-color: DarkGreen important;background-image: url(http://2img.net/i/fa/empty.gif)!important;}
}
#page-footer div.navbar {
-moz-border-radius: 60px;
background: url(http://4.bp.blogspot.com/_5zxzv6VJk-g/TLDxHBzVgFI/AAAAAAAAABQ/yCsWCqfyyIM/s1600/DezAnos09_004.png);
background-color: #f9f9f9;
border-radius: 60px;
font-color: red color:black font-size:100%;
font-weight: 700;
text-align: center;
}
#page-header .navbar ul.navlinks {
background: url(http://i43.tinypic.com/auuw6d.png) no-repeat top center;
height: 50px;
left: -45px;
position: relative;
width: 1012px !important;
}ul.navlinks {
border-bottom: 1px solid transparent;
font-weight: 700;
text-align: center;
}
ul.linklist li {
display: inline;
font-size: 1.1em;
line-height: 2.2em;
list-style-type: none;
width: auto;
}
ul#picture_legend {
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
background: url(http://i88.servimg.com/u/f88/14/28/28/25/111.png);
background-color: #f4f4f4;
background-repeat: repeat-x;
border: 1px solid #949494;
border-radius: 7px;
margin: 5px;
padding: 5px;
}
.postbody dl.codebox dd{overflow-y:auto;overflow-x:auto;max-height:200px}.postbody dl.codebox pre{display:block;float:left;font-size:12px;line-height:15.199999809265137px;padding:5px;border-right:3px solid #6CE26C;margin-top:2px;color:#A8A5A5;margin-right:5px;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New';padding-right:8px}.postbody dl.codebox code{overflow-y:hidden;overflow-x:hidden;max-height:none;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New';background:url(http://i.imgur.com/eHvfR.png) repeat 0px 0px;padding-top:0px;margin-top:7px}
.perfilInfo {
background: url(http://forum.teamspeak.com.br/public/style_images/master/stems/bottomleft.png) no-repeat 98% 0%;
float: left;
height: 14.8em;
left: -38em;
padding: 16px 0px 20px 5px;
top: 13px;
width: 510px;
z-index: 999;
}
.avatar-index img {
height: 70px;
float: left;
margin: 0 4px;
}
.linkPrf {
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
background: #F6F6F6;
border: 1px solid #DBDBDB;
border-radius: 0 0 4px 4px;
bottom: 4px;
box-shadow: 0 1px 0 rgba(255, 255, 255, 1) inset, 0 1px 0 rgba(0, 0, 0, 0.3);
color: #616161;
float: left;
height: 14px;
left: 21.7em;
position:relative;
margin: 2px;
padding: 5px;
text-align: center;
text-decoration: none!important;
transition: all .2s ease-in-out;
width: 8em;
}
.linkPrf:hover{color: #4C4C4C;
border-color: #9A9A9A;}
.linkPrf:hover a{color: #4C4C4C;}
.linkPrf a{color:#616161 !important; font:normal 12px; text-decoration:none;}
.setPerfil {
background: rgba(0, 0, 0, 0.3);
display: block;
height: 100%;
padding: 5px;
padding-bottom: 10px;
border-radius: 3px;
}
.setPerfil > span {
background: #f9f9f9;
border-radius: 3px;
display: block;
height: 100%;
padding: 3px;
border: 1px solid #999;
}
.setPerfil .PerfilInfoImg {
width: 94px;
height: 166px;
float: left;
display: table;
background: #E1E1E1;
padding: 3px;
box-shadow: 1px 1px 0 #CCC;
}
.setPerfil p div, .setPerfil span p  span{
display: inline;
}

.setPerfil h2 {
float: left;
font: bold 19px "Trebuchet MS";
display: block;
background: #E1E1E1;
width: 380px;
color:#333;
padding: 5px;
text-shadow: 1px 1px 0 white;
border-radius: 0 10px 0px 0;
box-shadow: 1px 1px 0 #CCC;
margin:0 0 10px;
}
.setPerfil p {
margin: 2px 5px;
float: right;
display: block;
background: #F1F1F1;
width: 350px;
text-align: left;
padding: 5px;
box-shadow: 1px 1px 0 #CCC;
font-weight: normal;
border-left: 3px solid #333;
border-top: 1px solid #333;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
}
.setPerfil p:hover {
box-shadow: 1px 1px 0 #9A9A9A;
}
.setPerfil p span{display:initial;}

#stats p.right:after {
    color: #4A4A4A;
    content: "Total de Posts";
    letter-spacing: normal;
}
#stats p.right:not(strong) {
  letter-spacing: -999px;
  margin-left: 200px;
  width: 160px;
}
#stats p {
    color: rgba(0, 0, 0, 0) !important;
    float: left !important;
    margin-bottom: 2px;
    margin-right: 10px;
    margin-top: 2px;
}
#stats p strong {
  background: none repeat scroll 0 0 #E2E2E2;
  border: 1px solid #C9CDD0 !important;
  border-radius: 2px 2px 2px 2px;
  color: #4A4A4A;
  display: inline-block;
  font-weight: 700;
  letter-spacing: normal;
  margin-right: 10px !important;
  padding: 2px 12px 2px 6px;
}
/**
 * Modal de Mensagem Privada
 * Versão: PHPBB3
 * Autor: Kyo Panda
 * Site: ajuda.forumeiros.com
 */
 
#pm-backdrop {
  content: " ";
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.8);
  z-index: 5;
}
 
#pm-modal {
  display: none;
  position: fixed;
  z-index: 10;
  top: 100px;
  left: 50%;
  width: 500px;
  margin-left: -250px;
  box-sizing: border-box;
}
 
#pm-backdrop.open,
#pm-modal.open {
  display: block;
}
 
#pm-title {
  padding: 6px 5px 8px;
  display: block;
  text-transform: uppercase;
}
 
#pm-modal > form {
  background-color: #ecf3f7;
}
 
#pm-modal > .close {
  position: absolute;
  right: 20px;
  top: 10px;
  line-height: 14px;
  font-size: 14px;
  cursor: pointer;
  text-decoration: none;
  color: #fff;
}
 
#pm-modal .pm-body {
  padding: 10px;
}
 
#pm-modal .pm-buttons {
  margin: 0 !important;
  padding: 10px 0;
  border-top: 1px #fff solid;
}
 
#pm-modal .pm-buttons .button1,
#pm-modal .pm-buttons .button2 {
  margin: 0 5px;
}
#TGlogin_form {position: fixed;z-index: 999; height: 130px; padding: 0; verflow: auto;  width: 330px; margin: 0; background: #f9f9f9; color: #444; /* Copyright by giObanii.*/ text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);}
        .TGlogin_form-float-content{width: 320px; height: 120px; background: none repeat scroll 0% 0% transparent;}
        .TGlogin_form-float-div {background: url("http://i31.servimg.com/u/f31/17/41/76/40/2jci9c10.jpg") no-repeat scroll left center transparent;margin: 0 auto;padding: 20px 0 0 60px;width: 250px;}
        .TGlogin_form-float-div label {font-family: Verdana;display: block;font-size: 12px;padding-bottom: 5px;text-align: right;}
        .TGlogin_form-float-div label em {color: #000000;font-family: Verdana;display: block;float: left;font-style: normal;width: 80px;font-size: 12px;text-align: right;}
        .TGlogin_form-float-div input {border: 1px solid #CCCCCC;height: 22px;width: 146px;}
        .TGlogin_form-float-div input.submit {background: url("http://i31.servimg.com/u/f31/17/41/76/40/eumpmp10.jpg") repeat-x scroll 0 0 #DDDDDD;padding: 3px 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;border: 1px solid #BBB;float: right;height: auto;width: auto;}
        .TGlogin_form-float-div input.submit:active {position:relative; top: 1px;}
        .TGlogin_form-float-div input.submit:hover, .TGlogin_form-float-div input.submit:focus {cursor:pointer;color:#000;}
        .TGlogin_form-float_overlay{display: none;position:fixed;top: 0%;left: 0%;width: 100%;height: 100%; background-color: black;z-index: 9;-moz-opacity: 0.8;opacity:.80;filter: alpha(opacity=80);}
        #TGlogin_form .TGClose {cursor: pointer;bottom: 3px;color: #000000;font-size: 15px;font-weight: 700;position: absolute;right: 5px;}
        #TGlogin_form .TGClose:active {color: #FF0000 !important;bottom: 2px;}
.postprofile {
  border-right: 1px solid #d7d7d7;
}
/* USUARIO */
.postprofile {
    background-color: #eeeeee;
    border: 1px solid #D7D7D7;
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px;
    color: #536482;
    display: inline;
    float: left;
    margin: 1.3em 0 0 -11px;
    min-height: 80px;
    padding: 10px 7px 0;
    position: relative;
    width: 22%;
}

.postprofile dd, .postprofile dt {
    color: #White;
    display: block;
    font-size: 0.9em;
    line-height: 1.2em;
    margin-left: 8px;
}
.post {
background-color: #eeeeee;
border: 1px solid grey;
}
.postprofile {
border-top: none;
border-left: 1px solid grey;
border-right: none;
border-bottom: none;
}
.pathname-box {
-moz-border-radius: 3px;
-moz-box-shadow: inset rgba(0,0,0,0.1) 0 1px 3px;
-webkit-border-radius: 3px;
-webkit-box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 3px;
background: #F3F3F3;
border: 1px solid #D9D9D9;
border-radius: 3px;
box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 3px;
margin-top: 10px;
}
.pathname-box {
color: #F3F3F3;
}
.pathname-box p {
color: #F7F2F2;
font-size: 1.11em;
line-height: 1.5;
margin: 0;
}
a.nav {
background: url(http://i42.servimg.com/u/f42/17/32/13/00/second10.png) no-repeat 100% -1px;
color: #777!important;
font-size: 10px;
line-height: 30px;
padding: 11px 17px 11px 4px;
}
.forabg {
-moz-border-radius:10px;
-webkit-border-radius: 10px;
}
.forumbg {
-moz-border-radius:10px;
-webkit-border-radius: 10px;
}
/* LGForum & Hancki */
.context-menu-list {
    margin:0;
    padding:0;
    min-width: 120px;
    max-width: 250px;
    display: inline-block;
    position: absolute;
    list-style-type: none;
    border: 1px solid #DDD;
    background: #EEE;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
      -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
        -ms-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
        -o-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
   
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
}
.context-menu-item {
    padding: 2px 2px 2px 24px;
    background-color: #EEE;
    position: relative;
    -webkit-user-select: none;
      -moz-user-select: -moz-none;
        -ms-user-select: none;
            user-select: none;
}
.context-menu-separator {
    padding-bottom:0;
    border-bottom: 1px solid #DDD;
}
.context-menu-item > label > input,
.context-menu-item > label > textarea {
    -webkit-user-select: text;
      -moz-user-select: text;
        -ms-user-select: text;
            user-select: text;
}
.context-menu-item.hover {
    cursor: pointer;
    background-color: #39F;
}

.context-menu-item.disabled {
    color: #666;
}
.context-menu-input.hover,
.context-menu-item.disabled.hover {
    cursor: default;
    background-color: #EEE;
}
.context-menu-submenu:after {
    content: ">";
    color: #666;
    position: absolute;
    top: 0;
    right: 3px;
    z-index: 1;
}

/* ICONS */
.context-menu-item.icon { min-height: 18px; background-repeat: no-repeat; background-position: 4px 2px; }
.context-menu-item.icon-edit { background-image: url('http://i.imgur.com/QaC1efk.png'); }
.context-menu-item.icon-cut { background-image: url('http://i.imgur.com/GLlnkt7.png'); }
.context-menu-item.icon-copy { background-image: url('http://i.imgur.com/3E0nSeS.png'); }
.context-menu-item.icon-paste { background-image: url('http://i.imgur.com/OPqxEsK.png'); }
.context-menu-item.icon-delete { background-image: url('http://i.imgur.com/41rRSu3.png'); }
.context-menu-item.icon-add { background-image: url('http://i.imgur.com/VJyRVJV.png'); }
.context-menu-item.icon-quit { background-image: url('http://i.imgur.com/yQizJn0.png'); }

.context-menu-input > label > * { vertical-align: top; }
.context-menu-input > label > input[type="checkbox"],
.context-menu-input > label > input[type="radio"] {
    margin-left: -17px;
}
.context-menu-input > label > span {
    margin-left: 5px;
}
.context-menu-input > label,
.context-menu-input > label > input[type="text"],
.context-menu-input > label > textarea,
.context-menu-input > label > select {
    display: block;
    width: 100%;
    -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
            box-sizing: border-box;
}
.context-menu-input > label > textarea {
    height: 100px;
}
.context-menu-item > .context-menu-list {
    display: none;
    right: -5px;
    top: 5px;
}
.context-menu-item.hover > .context-menu-list {
    display: block;
}
.context-menu-accesskey {
    text-decoration: underline;
}
.vote {
padding: 4px 1px 4px 1px;
text-align: center;
width:20px;
background-color: #eaeaea;
border: 1px solid #d4d6d5;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-top-left-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-right-radius:5px;
}

.vote .vote-no-bar {
display: none;
}

.vote .vote-bar {
border-left: 0px;
border-right: 0px;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #d4d6d5;
font-size: 0px;
height: 50px;
margin: 0px;
width: 20px;
padding: 3px 0px 3px 0px;
}

.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('http://images.victoryrecords.com/newsletters/icon_like.png');
background-repeat: no-repeat;
color:transparent;
display:block;
height:21px;
width:22px;
}

.vote .vote-button a[href*="minus"] {
background-image:url('https://addons.cdn.mozilla.net/user-media/addon_icons/47/47023-64.png?modified=1353847809');
background-repeat: no-repeat;
color:transparent;
display:block;
height:21px;
width:22px;
}
.topictitle {font-size: 12px;}
div.post {
background-color: #eeeeee !important; /*cor do fundo*/
border: 1px solid #adadad; /*tamanho e cor da borda*/
border-radius: 10px; /*arredondamento das quinas*/
box-shadow: 0px 2px 2px;} /*sombra*/
}
body {
/* background-attachment: fixed; */
background-color: #000;
background-image: url(http://i39.servimg.com/u/f39/15/96/70/80/lol11.jpg);
color: #545454;
font-family: Tahoma,Calibri,Verdana,Geneva,sans-serif;
font-size: 11px;
height: auto;
padding: 10px 0;
#wrap {
border-radius: 10px;
box-shadow: 0px 0px 11px #000;
}

Coloque este código no INICIO DE TEU CSS, não coloque no final:

Código:

#wrap {
border-radius: 10px!important;
box-shadow: 0px 0px 11px #000!important;
}

Até mais.

Faltou a sombra meio cinza/branco como no fórum aic-rol.com amigo

Obrigado

Já lhe disse que no fórum aic-rol.com aquilo é uma imagem amigo, veja:
https://i.servimg.com/u/f65/15/75/19/71/header12.png

Altere o código pelo abaixo e não esqueça de colocar no inicio do CSS:

Código:

#wrap {
border-radius: 10px!important;
box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.27) inset;
}

Até mais.

Agora sim, obrigado!