vb.org Archive - CSS: Input Border Glow

I have tried to add this code to the additional.css template but with no luck. Could anyone help with this or create a mod for it. Thank you.

http://www.soullessknights.com/images/glow.png

To apply the look to your own site, use the code below, replacing the red colour values with something that matches your own theme.

The code:

Code:

 .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;}

Notes:

I've used rgba(204,48,48, 0.8) for the border and shadow colour. This is my normal red, in RGB instead of Hex, with the last number representing the Alpha, or transparency. Alpha of 0.8 = 80% opaque/20% transparent.
There's a handy HEX to RGB converter here for those, like me, who know their site colours in HEX only.
This code will affect all text boxes and text areas on your site.

CSS Transitions

Transitions are very powerful, and you can do some pretty creative things with them. Or you can just apply them to the links on your site for a nice effect.

http://net.tutsplus.com/tutorials/ht...3-transitions/
http://css3.bradshawenterprises.com/

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.01385 seconds Memory Usage 1,713KB Queries Executed 10 (?)
More Information
Template Usage: (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (1)bbcode_code_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)post_thanks_navbar_search (1)printthread (2)printthreadbit (1)spacer_close (1)spacer_open Phrase Groups Available: global postbit showthread	Included Files: ./printthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/class_bbcode_alt.php ./includes/class_bbcode.php ./includes/functions_bigthree.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete printthread_start bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages: