These two boxes allow raw CSS code to be entered. The contents of these two boxes will be appended to the final CSS stylesheet generated automatically by vBulletin from the values entered for all the other classes.
The values in the first box as set by the default vBulletin style define a few small classes that do little jobs and as such don't really warrant getting a full CSS editor like the main classes previously described.
This page will summarize the contents of the first Additional CSS Definitions box and explain what the various classes and definitions do.
| Big User Name .bigusername | The 'Big User Name' class is used to control the size of the user name seen on the postbit template. .bigusername { font-size: 14pt; } |
| Table Header Blocks td.thead, div.thead | This definition extends the style of the Table Header class by instructing any <td> or <div> tags using the Table Header class to have a specific amount of padding around the content. td.thead, div.thead { padding: 4px; } |
| Page Navigation Links .pagenav a | The PageNav class is applied to a container around all multi-page navigation controls. This definition instructs all hyperlinks within the PageNav container to have no underline decoration. .pagenav a { text-decoration: none; } |
| Page Navigation Cells .pagenav td | Also related to the PageNav container, this definition causes all <td> tags within the container to have a smaller-than-normal amount of cell padding in order to keep the overall size of the multi-page navigation control bar to a minimum. .pagenav td { padding: 2px 4px 2px 4px; } |
| Fieldset Spacing .fieldset | This class is applied to all <fieldset> tags in vBulletin templates, and causes those tags to have a small amount of margin below themselves in order to aid in page spacing. .fieldset { margin-bottom: 6px; } |
| Fieldset Text Size .fieldset, .fieldset td, .fieldset p, .fieldset li | This group of definitions specifies the size of all text found within <fieldset> tags in vBulletin templates. .fieldset, .fieldset td, .fieldset p, .fieldset li { font-size: 11px; } |
| Inline Forms form | This simple definition instructs browsers that render <form> tags as block-level elements with a margin around them to treat <form> tags as inline elements, thereby preventing unwanted white space from being displayed on the page. form { display: inline; } |
| Label Pointer label | Another simple definition, this causes the mouse pointer for all <label> tags to be displayed as a pointer icon, rather than as a text cursor, indicating that the element can be clicked. label { cursor: default; } |
| Normal Text .normal | This class is used to place normally weighted text inside elements that would normally be displayed as bold. .normal { font-weight: normal; } |
| Inline Images .inlineimg | This class is applied to certain <img /> tags in vBulletin templates in order to have them appear to be vertically aligned to the middle of any text in which they are located. In some cases this makes for a more pleasing display. .inlineimg { vertical-align: middle; } |