PDA

View Full Version : CSS: Input Border Glow


Vick98
03-03-2012, 04:07 AM
Where do I add this code so that it applies to all input boxes for my theme? Your help is greatly appreciated.

https://vborg.vbsupport.ru/external/2012/03/46.png

.input-text input, .input-textarea textarea {
transition: all 0.30s ease-in-out;
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
border:#CC3030 1px solid;
outline:none;
padding: 2px;
border-radius: 5px;
margin: 2px;
border:1px solid rgba(204,48,48, 0.5);
}

.input-text input:focus, .input-textarea textarea:focus {
box-shadow: 0 0 5px 2px rgba(204, 48, 48, 0.8);
-webkit-box-shadow: 0 0 5px 2px rgba(204, 48, 48, 0.8);
-moz-box-shadow: 0 0 5px 2px rgba(204, 48, 48, 0.8);
-o-box-shadow: 0 0 5px 2px rgba(204, 48, 48, 0.8);
-ms-box-shadow: 0 0 5px 2px rgba(204, 48, 48, 0.8);
transition: all 0.30s ease-in-out;
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
border:1px solid rgba(204,48,48, 0.8);
}

.input-text, .input-textarea {background: none;
border: 0;}



--------------- Added 1330809066 at 1330809066 ---------------

Any ideas or suggestions?

Vick98
03-07-2012, 11:22 AM
Anyone?

Vick98
03-16-2012, 11:32 AM
Can anyone provide some input?