در حال ویرایش الگو:Inputbox/توضیحات (بخش)

==Technical==

Since an actual <NOWIKI><FORM><INPUT></NOWIKI> isn't allowed by wikicode, the appearance has to be emulated. The CSS code is designed to avoid hardcoded colors and sizes and should be modified with care, with respect to the following concerns:

* The <CODE>CLASS="messagebox"</CODE> inherits the colors and width of the user's skin for a message box. So, even if the color scheme is white text on black background, our emulated box will render accordingly (instead of using hardcoded black text on white background that would stick out).
* The <CODE>"border:0.15em;"</CODE> uses a non-absolute border width that will render approximatively the same on any screen (as opposed to a hardcoded width in pixels).
* The <CODE>"inset"</CODE> tweaks the inherited "messagebox" appearance to give a 3D inset box approximation, as rendered by each browser for this value.
* The <CODE>"padding:0.1em;"</CODE> is required to avoid the text being stuck to the border in browsers that strictly respect the padding value, and use again a relative em value instead of pixels. (For instance in Opera, "padding:0" would do what it says).
* The <CODE>"margin:0.1em;"</CODE> is intended to avoid several boxes stuck one to the other, using a relative em value instead of pixels.

The result isn't a perfect 3D input box, but should provide decent results for everyone, regardless of browser, color settings, and resolution.