"Hi everyone, I created a CSS style and I want it to appear among the styles in PHPRunner. Is it possible?"
"I want to be able to create my own CSS and keep it inside the project."
/ Estilização dos campos do formulário com efeito de profundidade /
.form-control {
display: block;
width: 100%;
height: 38px;
padding: 10px;
font-size: 14px;
line-height: 1.42857143;
color: #4CAF50; / Texto verde /
background-color: #ffffff; / Fundo preto /
border: 1px solid #4CAF50; / Borda verde /
border-radius: 6px;
/* Efeito de profundidade */
box-shadow:
inset 2px 2px 5px rgba(0, 0, 0, 0.6), /* Sombra interna para afundar */
2px 2px 5px rgba(0, 0, 0, 0.3); /* Sombra externa para levantar */
/* Transição suave */
transition: all 0.3s ease-in-out;
}
/ Efeito ao passar o mouse /
.form-control:hover {
border-color: #FFD700; / Amarelo dourado /
box-shadow:
inset 1px 1px 3px rgba(255, 215, 0, 0.2), / Brilho interno /
2px 2px 10px rgba(255, 215, 0, 0.2); / Brilho externo /
}
/ Efeito ao focar no campo /
.form-control:focus {
border-color: #FFD700; / Amarelo dourado /
background-color: #ffffff; / Mantém o fundo preto /
outline: none;
/* Efeito glow ao focar */
box-shadow:
0 0 10px rgba(255, 215, 0, 0.8), /* Glow amarelo ao redor */
inset 2px 2px 8px rgba(255, 215, 0, 0.2); /* Iluminação interna */
}