Forum StyleVar Visual Dictionary

W
Description

In the spirit of providing more documentation to our customers and developer community, we put together two PDF documents and an example style. The first is "vB4: Skinning Your Forum in 10 Easy Steps." This is a step-by-step guide on how to customize the main areas of your vB4 Forum. The second document is the vB4 StyleVar Visual Dictionary. The StyleVar (style variable) Dictionary is more of a complementary reference guide aimed at understanding how and where to use each StyleVar for advanced customization. As we finalize the product, I will continue to provide updated versions of these two docs.

Shared by: vcdanh
-
Stats
views:
227
posted:
3/10/2010
language:
English
pages:
43
Document Sample
scope of work template
							 
vB4: Forum StyleVars 
a visual dictionary identifying key StyleVars and what they 
control 
 
 
12/8/2009

Internet
Brands

Fei
Leung



                                                                                      vB4: Forum StyleVars  2009 






Table of Contents 
General
StyleVars .......................................................................................................................................12

    ad_margin ..............................................................................................................................................12

    ad_padding.............................................................................................................................................12

    announcement_background ..................................................................................................................12

    avatar_height .........................................................................................................................................12

    body_background...................................................................................................................................13

    body_color .............................................................................................................................................13

    content2_background ............................................................................................................................13

    content3_background ............................................................................................................................13

    control_background ...............................................................................................................................13

    control_border .......................................................................................................................................13

    control_color ..........................................................................................................................................13

    control_font ...........................................................................................................................................13

    control_hover_background....................................................................................................................13

    control_content_background ................................................................................................................14

    control_content_border.........................................................................................................................14

    control_content_color ...........................................................................................................................14

    control_content_font.............................................................................................................................14

    control_content_hover_background .....................................................................................................14

    control_content_padding.......................................................................................................................14

    control_content_radius..........................................................................................................................14

    control_content_shadow_color .............................................................................................................14

    doc_backgroundColor ............................................................................................................................14

    doc_margin ............................................................................................................................................14

    doc_maxWidth .......................................................................................................................................14

    doc_minWidth........................................................................................................................................14

    doc_width...............................................................................................................................................14

    font .........................................................................................................................................................15


                                                                                                                                                                    

                                                                                 2



                                                                                     vB4: Forum StyleVars  2009 


    heavy_border .........................................................................................................................................15

    input_borderColor..................................................................................................................................15

    input_padding ........................................................................................................................................15

    lightweightbox_background...................................................................................................................16

    lightweightbox_border...........................................................................................................................16

    padding...................................................................................................................................................16

    pagetitle_background ............................................................................................................................16

    pagetitle_border ....................................................................................................................................16

    pagetitle_color .......................................................................................................................................16

    pagetitle_font.........................................................................................................................................16

    pagetitle_link_color................................................................................................................................16

    pagetitle_linkhover_color ......................................................................................................................16

    pagetitle_padding ..................................................................................................................................16

    pagination_background .........................................................................................................................17

    pagination_border .................................................................................................................................17

    pagination_color ....................................................................................................................................17

    pagination_current_background............................................................................................................17

    pagination_current_border....................................................................................................................17

    pagination_current_color ......................................................................................................................17

    pagination_font......................................................................................................................................17

    pagination_hover_border ......................................................................................................................17

    restore ....................................................................................................................................................18

    restore_padding .....................................................................................................................................18

    selected_border .....................................................................................................................................18

    shade_color ............................................................................................................................................18

    shade_deep_color..................................................................................................................................18

    shade_mid_color....................................................................................................................................18

    shadow_color .........................................................................................................................................18

    small_fontSize ........................................................................................................................................18

    time_color ..............................................................................................................................................18

    tiny_fontSize...........................................................................................................................................18


                                                                                                                                                                  

                                                                                3



                                                                                    vB4: Forum StyleVars  2009 


    big_fontSize............................................................................................................................................18

    ad_post_maxWidth ................................................................................................................................18

    control_focus_background ....................................................................................................................18

    titleimage ...............................................................................................................................................18

    textedit_background ..............................................................................................................................18

BBCode
Quote
Style
Vars ...........................................................................................................................19

    bbcode_quote_background ...................................................................................................................19

    bbcode_quote_border ...........................................................................................................................19

    bbcode_quote_font ...............................................................................................................................19

    bbcode_quote_padding .........................................................................................................................19

    bbcode_quote_postedby_font ..............................................................................................................19

Block
StyleVars ...........................................................................................................................................20

    block_background ..................................................................................................................................20

    block_border ..........................................................................................................................................20

    block_color .............................................................................................................................................20

    block_font ..............................................................................................................................................20

    block_link_color .....................................................................................................................................20

    block_linkhover_color ............................................................................................................................20

    block_padding ........................................................................................................................................20

    blockfoot_background ...........................................................................................................................21

    blockfoot_border ...................................................................................................................................21

    blockfoot_color ......................................................................................................................................21

    blockfoot_font........................................................................................................................................21

    blockfoot_link_color...............................................................................................................................21

    blockfoot_linkhover_color .....................................................................................................................21

    blockfoot_padding .................................................................................................................................21

    blockhead_background ..........................................................................................................................21

    blockhead_border ..................................................................................................................................21

    blockhead_color .....................................................................................................................................21

    blockhead_font ......................................................................................................................................21

    blockhead_link_color .............................................................................................................................21


                                                                                                                                                                

                                                                               4



                                                                                   vB4: Forum StyleVars  2009 


    blockhead_linkhover_color ....................................................................................................................21

    blockhead_padding ................................................................................................................................21

    blockrow_background............................................................................................................................22

    blockrow_border....................................................................................................................................22

    blockrow_color.......................................................................................................................................22

    blockrow_font ........................................................................................................................................22

    blockrow_link_color ...............................................................................................................................22

    blockrow_linkhover_color......................................................................................................................22

    blockrow_padding..................................................................................................................................22

    blocksubhead_background ....................................................................................................................22

    blocksubhead_border ............................................................................................................................22

    blocksubhead_color ...............................................................................................................................22

    blocksubhead_font.................................................................................................................................22

    blocksubhead_link_color .......................................................................................................................22

    blocksubhead_linkhover_color ..............................................................................................................22

    blocksubhead_padding ..........................................................................................................................22

Calendar
Widget
StyleVars.........................................................................................................................23

    calendarwidget_weekdays_background................................................................................................23

    calendarwidget_weekdays_border ........................................................................................................23

    calendarwidget_weekdays_font ............................................................................................................23

    calendarwidget_day_font ......................................................................................................................23

    calendarwidget_daylink_font.................................................................................................................23

    calendarwidget_monthnav_background ...............................................................................................23

    calendarwidget_monthnav_font............................................................................................................23

Footer
StyleVars .........................................................................................................................................24

    footer_background.................................................................................................................................24

    footer_border.........................................................................................................................................24

    footer_color ...........................................................................................................................................24

    footer_copyright_color ..........................................................................................................................24

    footer_copyright_font............................................................................................................................24

    footer_font.............................................................................................................................................24


                                                                                                                                                              

                                                                              5



                                                                                  vB4: Forum StyleVars  2009 


    footer_link_color....................................................................................................................................24

    footer_linkhover_color ..........................................................................................................................24

    footer_moz_shadow_color ....................................................................................................................24

    footer_padding.......................................................................................................................................24

Form
StyleVars ...........................................................................................................................................25

    form_columnleft_width .........................................................................................................................25

    form_columnright_width .......................................................................................................................25

    form_maxWidth .....................................................................................................................................25

    formrow_background ............................................................................................................................25

    formrow_border ....................................................................................................................................25

    formrow_description_color ...................................................................................................................25

    input_borderColor..................................................................................................................................25

    input_padding ........................................................................................................................................25

    textedit_background ..............................................................................................................................25

Forum
StyleVars .........................................................................................................................................26

    forumhead_background.........................................................................................................................26

    forumhead_border.................................................................................................................................26

    forumhead_color....................................................................................................................................26

    forumhead_font .....................................................................................................................................26

    forumhead_top_corner_radius..............................................................................................................26

    forumhead_width ..................................................................................................................................26

    forumbit_spacer_width..........................................................................................................................26

    forumbits_aForum .................................................................................................................................26

    forumbits_border...................................................................................................................................26

    forumbits_shadow_color .......................................................................................................................26

    forumbits_text_color .............................................................................................................................26

    forumicon_size .......................................................................................................................................27

    forumiconbox_size .................................................................................................................................27

    foruminfo_background ..........................................................................................................................27

    foruminfo_border ..................................................................................................................................27

    foruminfo_header_background .............................................................................................................27


                                                                                                                                                            

                                                                             6



                                                                                   vB4: Forum StyleVars  2009 


    foruminfo_header_border .....................................................................................................................27

    foruminfo_header_color ........................................................................................................................27

    foruminfo_header_font .........................................................................................................................27

    forummenu_background .......................................................................................................................27

    forummenu_border ...............................................................................................................................27

    forummenu_border_radius....................................................................................................................27

    forummenu_color ..................................................................................................................................27

    forummenu_font....................................................................................................................................27

    wgo_background....................................................................................................................................28

    wgo_border............................................................................................................................................28

    wgoheader_background ........................................................................................................................28

    wgoheader_color ...................................................................................................................................28

    wgoheader_font.....................................................................................................................................28

    wgosubheader_font ...............................................................................................................................28

Header
StyleVars ........................................................................................................................................29

    header_background ...............................................................................................................................29

    header_border .......................................................................................................................................29

    header_color ..........................................................................................................................................29

    header_font............................................................................................................................................29

    header_link_color ..................................................................................................................................29

    header_linkhover_color .........................................................................................................................29

    header_padding .....................................................................................................................................29

    imgdir_attach .........................................................................................................................................30

    imgdir_button ........................................................................................................................................30

    imgdir_cms .............................................................................................................................................30

    imgdir_editor..........................................................................................................................................30

    imgdir_gradients ....................................................................................................................................30

    imgdir_misc ............................................................................................................................................30

    imgdir_polls............................................................................................................................................30

    imgdir_rating..........................................................................................................................................30

    imgdir_reputation ..................................................................................................................................30


                                                                                                                                                              

                                                                              7



                                                                                    vB4: Forum StyleVars  2009 


    imgdir_searchresults ..............................................................................................................................30

    imgdir_statusicon...................................................................................................................................30

Links
StyleVars............................................................................................................................................31

    link_color................................................................................................................................................31

    link_textDecoration................................................................................................................................31

    linkhover_color ......................................................................................................................................31

    linkhover_textDecoration ......................................................................................................................31

Navigation
Bar
StyleVars ............................................................................................................................32

    navbar_background ...............................................................................................................................32

    navbar_background_notify ....................................................................................................................32

    navbar_border .......................................................................................................................................32

    navbar_color ..........................................................................................................................................32

    navbar_font............................................................................................................................................32

    navbar_link_color...................................................................................................................................32

    navbar_linkhover_color .........................................................................................................................32

    navbar_padding .....................................................................................................................................32

    navbar_tab_background ........................................................................................................................33

    navbar_tab_bevel ..................................................................................................................................33

    navbar_tab_border ................................................................................................................................33

    navbar_tab_color ...................................................................................................................................33

    navbar_tab_font ....................................................................................................................................33

    navbar_tab_linkhover_color ..................................................................................................................33

    navbar_tab_selected_background.........................................................................................................33

    navbar_tab_selected_top_width ...........................................................................................................33

    navbar_tab_size .....................................................................................................................................33

    navbarsearch_borderWidth ...................................................................................................................33

    navbarsearch_input_borderColor ..........................................................................................................33

    navbarsearch_padding ...........................................................................................................................33

    searchbox_size .......................................................................................................................................33

Popup
Menu
StyleVars ...............................................................................................................................34

    imodhilite_backgroundColor..................................................................................................................34


                                                                                                                                                                

                                                                               8



                                                                                   vB4: Forum StyleVars  2009 


    popupmenu_background .......................................................................................................................34

    popupmenu_border ...............................................................................................................................34

    popupmenu_border_radius ...................................................................................................................34

    popupmenu_font ...................................................................................................................................34

    popupmenu_padding .............................................................................................................................34

Poll
Bars
StyleVars ......................................................................................................................................35

    poll_background.....................................................................................................................................35

    pollbar1_background .............................................................................................................................35

    pollbar2_background .............................................................................................................................35

    pollbar3_background .............................................................................................................................35

    pollbar4_background .............................................................................................................................35

    pollbar5_background .............................................................................................................................35

    pollbar6_background .............................................................................................................................35

    pollbar_border .......................................................................................................................................35

    pollbar_height ........................................................................................................................................35

Postbit
StyleVars ........................................................................................................................................36

    post_title_font .......................................................................................................................................36

    postbit_background ...............................................................................................................................36

    postbit_border .......................................................................................................................................36

    postbit_color ..........................................................................................................................................36

    postbit_deleted_background .................................................................................................................36

    postbit_msg_font ...................................................................................................................................36

    postbit_boxed_background ...................................................................................................................37

    postbit_boxed_border ...........................................................................................................................37

    postbit_boxed_fontSize .........................................................................................................................37

    postbit_boxed_padding .........................................................................................................................37

    postbit_control_background..................................................................................................................37

    postbit_control_border..........................................................................................................................37

    postbit_control_color.............................................................................................................................37

    postbit_control_font ..............................................................................................................................37

    postbit_control_hover_background ......................................................................................................37


                                                                                                                                                              

                                                                              9



                                                                                 vB4: Forum StyleVars  2009 


    postbit_control_hover_color .................................................................................................................37

    postbit_foot_background.......................................................................................................................37

    postfoot_separator_color ......................................................................................................................37

    postfoot_separator_width .....................................................................................................................37

    postbithead_background .......................................................................................................................38

    postbithead_border ...............................................................................................................................38

    postbithead_color ..................................................................................................................................38

    postbit_userinfo_background ................................................................................................................38

    postbit_userinfo_border ........................................................................................................................38

    postbitlegacy_avatar_border .................................................................................................................38

    postbitlegacy_userinfo_width................................................................................................................39

Profile
StyleVars .........................................................................................................................................40

    profile_content_background .................................................................................................................40

    profile_content_font..............................................................................................................................40

    profile_pagetitle_font ............................................................................................................................40

    profile_sidebar_avatar_backgroundColor .............................................................................................42

    profile_sidebar_avatar_border ..............................................................................................................42

    profile_sidebar_avatar_maxWidth ........................................................................................................42

    profile_sidebar_background ..................................................................................................................42

    profile_sidebar_border ..........................................................................................................................42

    profile_sidebar_box_background ..........................................................................................................42

    profile_sidebar_box_border ..................................................................................................................42

    profile_sidebar_color .............................................................................................................................42

    profile_sidebar_separator_background.................................................................................................42

    profile_sidebar_width ............................................................................................................................42

    profile_tiny_avatar.................................................................................................................................42

Threadbit
StyleVar......................................................................................................................................43

    threadlisthead_font ...............................................................................................................................43

    threadlisthead_border ...........................................................................................................................43

    threadlisthead_background ...................................................................................................................43

    threadlisthead_top_corner_radius ........................................................................................................43


                                                                                                                                                             

                                                                            10



                                                                               vB4: Forum StyleVars  2009 


    threadlisthead_color ..............................................................................................................................43

    threadbit_background............................................................................................................................43

    threadbit_deleted_background .............................................................................................................43

    threadbit_hilite_background .................................................................................................................43

    threadbit_iconsize..................................................................................................................................43

    threadbit_border....................................................................................................................................43

    threadbit_alt_background .....................................................................................................................43







                                                                                                                                                          

                                                                           11



                                                  vB4: Forum StyleVars  2009 





General StyleVars 



StyleVar                       What it Does 
ad_margin                      Changes
the
display
height
of
user
avatars
throughout
the
vBulletin

                               suite

ad_padding                     




StyleVar                 What it Does 
announcement_background  Changes
the
display
height
of
user
avatars
throughout
the
vBulletin

                         suite







                                                                                                      


StyleVar                       What it Does 
avatar_height                  Changes
the
display
height
of
user
avatars
throughout
the
vBulletin

                               suite










                                                                         


StyleVar                       What it Does 


                                                                                                      

                                               12



                                               vB4: Forum StyleVars  2009 


body_background             Changes
the
color
of
the
content
frame’s
background

body_color                  Changes
the
color
of
the
non‐specified
text
in
the
background







                                                                  


StyleVar                    What it Does 
content2_background         Changes
the
highlight
color
for
the
day
in
the
date
selectors

content3_background         Changes
the
background
color
of
the
month
bar
for
the
date
selectors

                                             





                                                                                                    


StyleVar                            What it Does 
control_background                  Changes
the
color
or
pattern
of
the
button
background.

control_border                      Changes
the
color
and
width
of
the
button
border.

control_color                       Changes
the
color
of
the
button
font.

control_font                        Changes
the
size
and
style
of
the
button
font.

control_hover_background            Changest
the
color
of
the
back

























                                                                                                

                                            13



                                                    vB4: Forum StyleVars  2009 








                                                                                                           


StyleVar                          What it Does 
control_content_background        Changes
the
background
color
or
image
for
all
post
and
reply

                                  buttons.

control_content_border            Changes
the
border
width
and
color
for
all
post
and
reply

                                  buttons.

control_content_color             Changes
the
font
color
for
all
post
and
reply
buttons.

control_content_font              Changes
the
font
size
and
style
for
all
post
and
reply
buttons.

control_content_hover_background  Changes
the
color
of
the
background
when
a
button
is

                                  hovered
over.

control_content_padding           Changes
the
amount
of
padding
around
thebutton.

control_content_radius            Changes
whether
or
not
the
corners
of
the
buttons
are

                                  rounded.

control_content_shadow_color      Changes
the
color
of
the
buttons
drop
shadow.







                                                                                                           


StyleVar                        What it Does 
doc_backgroundColor             Changes
the
color
of
page
background


doc_margin                      Changes
the
amount
of
space
between
the
browser
window
and
the

                                main
content
window

doc_maxWidth                    Changes
the
maximum
pixel
width
of
the
vBulletin
suite.
This
is

                                automatically
set
if
you
enter
a
doc_width.

doc_minWidth                    Changes
the
minimum
pixel
width
of
the
vBulletin
suite

doc_width                       Changes
the
fixed
pixel
width
of
the
vBulletin
suite.
This
is
useful
to

                                set
if
the
vBulletin
suite
is
embedded
or
nested
in
a
larger
webpage












                                                                                                           

                                                 14



                                         vB4: Forum StyleVars  2009 






                                                                                            


StyleVar             What it Does 
font                 Changes
the
font
style
for
the
general
text
of
the
vBulletin
suite











                                                                       


StyleVar             What it Does 
heavy_border         Changes
the
width
and
color
of
the
space
between
the
tab
bar
and

                     the
navigation
bar







                                                                                  


StyleVar             What it Does 
input_borderColor    Changes
the
color
of
the
border
around
all
input
fields

input_padding        Changes
the
amount
of
pixel
space
between
the
input
field
and
other

                     elements







                                                                                            

                                      15



                                                 vB4: Forum StyleVars  2009 






                                                                                   


StyleVar                   What it Does 
lightweightbox_background  Changes
the
background
color
around
an
image
in
the
vBulletin
photo

                           albums

lightweightbox_border      Changes
the
width,
color
and
style
of
the
outline
around
an
image
in

                           the
vBulletin
photo
albums







StyleVar                         What it Does 
padding                          Changes
the
padding
between
all
other
elements
that
have
not

                                 been
defined
by
other
StyleVars







                                                                                                      


StyleVar                         What it Does 
pagetitle_background             Changes
the
background
for
the
page
title
section


pagetitle_border                 Changes
the
width,
color
and
style
of
the
outline
around
the
page

                                 title
section

pagetitle_color                  Changes
the
default
font
color
for
the
tab
bar.

pagetitle_font                   Changes
the
defautl
font
style
for
the
tab
bar.

pagetitle_link_color             Changes
the
default
link
color
for
the
tab
bar.

pagetitle_linkhover_color        Changes
the
link
hover
color
for
the
tab
bar.

pagetitle_padding                Changes
the
amount
of
pixel
space
between
the
tab
bar
and
other

                                 elements






                                                                                                      

                                              16



                                                  vB4: Forum StyleVars  2009 








                                                                                      


StyleVar                       What it Does 
pagination_background          Controls
the
background
color
of
the
pagination
link.

pagination_border              Controls
the
color
and
width
of
the
border
around
the
pagination

                               link.

pagination_color               Controls
the
font
color
of
the
pagination
link.

pagination_current_background  Controls
the
background
color
of
the
page
the
user
is
currently

                               on.

pagination_current_border      Controls
the
color
and
width
of
the
border
around
the
page
the

                               user
is
currently
on.

pagination_current_color       Controls
the
font
color
of
the
page
the
user
is
currently
on.

pagination_font                Controls
the
font
size
and
style
of
the
pagination
links.


pagination_hover_border        Controls
the
color
and
width
of
the
border
around
the
page
link

                               the
user
hovers
over.




StyleVar                          What it Does 




                                                                                                   

                                              17



                                               vB4: Forum StyleVars  2009 


restore                       This
controls
the
border
color
and
width
for
tables
made
in
a
post.

restore_padding               This
controls
the
amount
of
padding
between
cells
for
a
table
in
a

                              post.

selected_border               This
controls
the
color
and
width
of
the
border
around
a
selected

                              color
in
a
color
selector.

shade_color                   Controls
the
font
color
for
all
text
that
is
not
controlled
by
other

                              styleVars.

shade_deep_color              Controls
the
darkest
font
color
for
all
text
that
is
not
controlled
by

                              other
styleVars.

shade_mid_color               Controls
the
mid‐range
font
color
for
all
text
that
is
not
controlled

                              by
other
styleVars.

shadow_color                  Controls
the
color
of
all
shadows
not
specifically
controlled
by

                              other
StyleVars.

small_fontSize                Controls
the
font
size
for
the
“Small”
font
size.

time_color                    Controls
the
font
color
for
all
time
and
date
stamps.

tiny_fontSize                 Controls
the
font
size
for
the
“Tiny”
font
size.

big_fontSize                  Controls
the
font
size
for
the
“Big”
font
size.

ad_post_maxWidth              Controls
the
maximum
width
an
ad
can
take
up
when
it’s

                              embedded
in
a
post.

control_focus_background      Controls
the
highlight
color
of
an
active
text
field.





                                                                                                        


StyleVar                    What it Does 
titleimage                  Changes
the
title
image.










                                                                                        


StyleVar                    What it Does 
textedit_background         Changes
the
color
of
texboxes







                                                                                                        

                                            18



                                                 vB4: Forum StyleVars  2009 





BBCode Quote Style Vars 




                                                                                                       



StyleVar                      What it Does 
bbcode_quote_background       Changes
the
background
color
of
the
quote
box.

bbcode_quote_border           Changes
the
color
and
width
of
the
quote
box.

bbcode_quote_font             Changes
the
font
size
and
style
of
the
quoted
text
in
the
quote
box.

bbcode_quote_padding          Changes
the
amount
of
padding
around
a
quote
box.

bbcode_quote_postedby_font    Changes
the
font
size
and
style
of
the
“Originally
Posted
by

                              (username)”
text.





                                                                                                      

                                              19



                                            vB4: Forum StyleVars  2009 


 
Block StyleVars 






                                                                                 


StyleVar                 What it Does 
block_background         Changes
the
background
color
of
forms

block_border             Changes
the
width,
color
and
style
of
the
border
around
forms

block_color              Changes
the
text
color
of
forum
generated
text
in
forms

block_font               Changes
the
font
style
of
the
forum
generated
text
in
forms

block_link_color         Changes
the
link
color
of
in
forms

block_linkhover_color    Changes
the
hover
color
of
links
in
forms

block_padding            Changes
the
amount
of
space
between
the
header
the
form







                                                                                          


StyleVar                 What it Does 




                                                                                          

                                         20



                                                     vB4: Forum StyleVars  2009 


blockfoot_background              Changes
the
background
of
the
last
row
on
the
page

blockfoot_border                  Changes
the
width,
color
and
style
of
the
last
row
on
the
page

blockfoot_color                   Changes
the
font
color
of
the
text
in
the
last
row
on
the
page

blockfoot_font                    Changes
the
font
style
of
the
text
in
the
last
row
on
the
page

blockfoot_link_color              Changes
the
link
color
of
links
in
the
last
row
on
the
page

blockfoot_linkhover_color         Changes
the
link
hover
color
of
links
in
the
last
row
on
the
page

blockfoot_padding                 Changes
the
amount
of
space
between
the
last
row
on
the
page
and

                                  the
content
above
it







                                                                                                           


The block header appears at the top of your CMS suite, your blog and your forums. It’s used to display 
the name and location of the page. The block subheader usually only appears in the forum and is used as 
a legend. You can use the following StyleVars to modify the way your vBulletin looks. 




                                                                                                           





StyleVar                          What it Does 
blockhead_background              Changes
the
background
color
for
all
block
headers

blockhead_border                  Changes
the
width,
color
and
style
of
the
outline
around
the
block

                                  head
border

blockhead_color                   Changes
the
font
color
for
the
text
in
the
block
subheader

blockhead_font                    Changes
the
font
style
for
all
text
in
the
block
header

blockhead_link_color              Changes
the
color
for
all
links
in
the
block
header

blockhead_linkhover_color         Changes
what
happens
when
a
user
hovers
over
a
link
in
the
block

                                  header.

blockhead_padding                 Changes
the
amount
of
pixel
space
between
the
block
header
and

                                  other
elements




                                                                                                           

                                                  21



                                                   vB4: Forum StyleVars  2009 






                                                                                                      


StyleVar                        What it Does 
blockrow_background             Changes
the
background
color
for
forum
generated
text

blockrow_border                 Changes
the
width,
color
and
style
of
the
outline
around
the
block

                                head
border

blockrow_color                  Changes
the
font
color
for
the
text
in
the
block
subheader

blockrow_font                   Changes
the
font
style
for
all
text
in
the
block
header

blockrow_link_color             Changes
the
color
for
all
links
in
the
block
header

blockrow_linkhover_color        Changes
what
happens
when
a
user
hovers
over
a
link
in
the
block

                                header.

blockrow_padding                Changes
the
amount
of
pixel
space
between
the
block
header
and

                                other
elements







                                                                                                      


StyleVar                      What it Does 
blocksubhead_background       Changes
the
background
color
for
all
block
subheaders

blocksubhead_border           Changes
the
width,
color
and
style
of
the
outline
around
the
block

                              subhead
border

blocksubhead_color            Changes
the
font
color
for
the
text
in
the
block
subheader


blocksubhead_font             Changes
the
font
style
for
the
text
in
the
block
subheader

blocksubhead_link_color       Changes
the
color
for
all
links
in
the
block
subheader


blocksubhead_linkhover_color  Changes
what
happens
when
a
user
hovers
over
a
link
in
the
block

                              subheader

blocksubhead_padding          Changes
the
amount
of
pixel
space
between
the
block
subheader

                              and
other
elements







                                                                                                      

                                                22



                                                vB4: Forum StyleVars  2009 





Calendar Widget StyleVars 






                                                                                                 


StyleVar                            What it Does 
calendarwidget_weekdays_background  Controls
the
background
for
the
weekday
header.

calendarwidget_weekdays_border      Controls
the
width
and
color
of
the
border
separating
the

                                    weekday
header
and
the
calendar
days.

calendarwidget_weekdays_font        Controls
the
font
size
and
style
of
the
weekday
header.

calendarwidget_day_font             Controls
the
font
size
and
style
of
the
days.

calendarwidget_daylink_font         Controls
the
font
size
and
style
of
the
days
with
links.

calendarwidget_monthnav_background  Controls
the
bakcground
for
the
month
header.

calendarwidget_monthnav_font        Controls
the
font
size
and
style
of
the
month
header.l





                                                                                             

                                             23



                                              vB4: Forum StyleVars  2009 


 
Footer StyleVars 




                                                                                                  


StyleVar                   What it Does 
footer_background          Changes
the
background
color
for
the
footer
at
the
bottom
of
the

                           page

footer_border              Changes
the
width,
color
and
style
of
the
outline
around
the
footer

footer_color               Changes
the
font
color
for
the
text
in
the
footer


footer_copyright_color     Changes
the
font
color
for
the
copyright
text.

footer_copyright_font      Changes
to
font
size
and
style
of
the
copyright
text.

footer_font                Changes
the
font
style
for
the
text
in
the
footer

footer_link_color          Changes
the
color
for
all
links
in
the
footer


footer_linkhover_color     Changes
what
happens
when
a
user
hovers
over
a
link
in
the
footer

footer_moz_shadow_color    

footer_padding             Changes
the
amount
of
pixel
space
between
the
footer
and
other

                           elements

 




                                                                                                  

                                           24



                                                 vB4: Forum StyleVars  2009 


 
Form StyleVars 




                                                                                                    


StyleVar                     What it Does 
form_columnleft_width        Controls
the
width
of
the
left
form
column.

form_columnright_width       Controls
the
width
of
the
right
form
column.







                                                                                  


StyleVar                     What it Does 
form_maxWidth                Controls
the
maximum
width
a
form
takes
up
when
a
browser

                             window
is
resized.

formrow_background           Controls
the
background
color
for
all
forms
in
the
vBulletin
suite.

formrow_border               Controls
the
color
and
width
of
the
border
surrounding
the
form.

formrow_description_color    Controls
the
font
color
of
the
descriptions.

input_borderColor            Controls
the
color
and
width
of
the
border
surrounding
text
fields.

input_padding                Controls
the
amount
of
padding
between
text
fields.

textedit_background          Controls
the
background
color
of
a
selected
text
field.

 




                                                                                                    

                                              25



                                              vB4: Forum StyleVars  2009 


                                          


Forum StyleVars 




                                                                                                 


StyleVar                       What it Does 
forumhead_background           Controls
the
background
color
of
the
forum
head.

forumhead_border               Controls
the
color
and
width
of
the
border
around
the
forum

                               head.

forumhead_color                Controls
the
font
color
of
the
forum
head.

forumhead_font                 Controls
the
font
size
and
style
of
the
forum
head.

forumhead_top_corner_radius    Controls
whether
or
not
the
top
corners
of
the
header
are

                               arounded.

forumhead_width                Controls
the
width
of
the
forum
header.







StyleVar                       What it Does 
forumbit_spacer_width          Controls
the
width
of
the
space
between
two
forums.

forumbits_aForum               Controls
the
link
color
of
the
forums.

forumbits_border               Controls
the
width
and
color
of
the
border
surrounding
a
froum

                               bit.

forumbits_shadow_color         Controls
the
color
of
the
shadow
in
a
forum
bit.

forumbits_text_color           Controls
the
non‐link
text
color
of
the
forum
bit.

 




                                                                             


StyleVar                       What it Does 

                                                                                                 

                                         26



                                               vB4: Forum StyleVars  2009 


forumicon_size                 Changes
the
pixel
size
of
the
read
and
unread
forum
icons.


forumiconbox_size              Changes
the
size
of
the
space
surrounding
the
forum
icons.







                                                                                                 


StyleVar                       What it Does 
foruminfo_background           Controls
the
background
of
the
forum
information.

foruminfo_border               Controls
the
color
and
width
of
the
border
around
the
forum

                               information.

foruminfo_header_background    Controls
the
background
color
of
the
forum
information
header.

foruminfo_header_border        Controls
the
color
and
width
of
the
border
around
the
forum

                               information
header.

foruminfo_header_color         Controls
the
font
color
of
the
forum
information
header.

foruminfo_header_font          Cotnrols
the
font
size
and
style
of
the
forum
information

                               header.

                                            




                                                                   


StyleVar                       What it Does 
forummenu_background           Controls
the
background
color
od
the
forum
menu.

forummenu_border               Controls
the
color
and
width
of
the
border
around
the
forum

                               menu.

forummenu_border_radius        Controls
whether
or
not
the
corners
of
the
menu
are
rounded.

forummenu_color                Controls
the
font
color
of
the
each
forum
item.

forummenu_font                 Controls
the
font
size
and
style
of
each
forum
item.




                                                                                               

                                         27



                                     vB4: Forum StyleVars  2009 






                                                                                           





StyleVar                What it Does 
wgo_background          Controls
the
background
color
of
the
“What’s
Going
On”

                        section.

wgo_border              Controls
the
width
and
color
of
the
border
around
the
“What’s

                        Going
On”
section.

wgoheader_background    Controls
the
background
color
of
the
header
for
the
“What’s

                        Going
On”
section.

wgoheader_color         Controls
the
font
color
of
the
header
for
the
“What’s
Going
On”

                        section.

wgoheader_font          Controls
the
font
size
and
style
of
the
header
for
the
“What’s

                        Going
On”
section.

wgosubheader_font       Controls
the
font
size
and
style
of
the
subheader
for
the

                        “What’s
Going
On”
section.








                                                                                           

                                  28



                                             vB4: Forum StyleVars  2009 


Header StyleVars 




                                                                                                 


StyleVar                  What it Does 
header_background         Changes
the
background
color
for
the
header
at
the
top
of
the
page

header_border             Changes
the
width,
color
and
style
of
the
outline
around
the
header

header_color              Changes
the
font
color
for
the
text
in
the
header

header_font               Changes
the
font
style
for
the
text
in
the
header

header_link_color         Changes
the
color
for
all
links
in
the
header


header_linkhover_color    Changes
what
happens
when
a
user
hovers
over
a
link
in
the
header

header_padding            Changes
the
amount
of
pixel
space
between
the
header
and
other

                          elements







                                                                                                 

                                          29



                                                      vB4: Forum StyleVars  2009 


 
Image Directory StyleVars 
The
Image
Directory
StyleVars
controls
the
path
and
location
of
image
directories.


StyleVar                          What it Does 
imgdir_attach                     Controls
the
image
directory
path
for
attachments.

imgdir_button                     Controls
the
image
directory
path
for
buttons.

imgdir_cms                        Controls
the
image
directory
path
for
CMS
images.

imgdir_editor                     Controls
the
image
directory
path
for
editor
images.

imgdir_gradients                  Controls
the
image
directory
path
for
gradients.

imgdir_misc                       Controls
the
image
directory
path
for
miscellaneous
images.

imgdir_polls                      Controls
the
image
directory
path
for
polls.

imgdir_rating                     Controls
the
image
directory
path
for
rating
icons.

imgdir_reputation                 Controls
the
image
directory
path
for
reputation
icons.

imgdir_searchresults              Controls
the
image
directory
path
for
search
result
images.

imgdir_statusicon                 Controls
the
image
directory
path
for
status
icon
images.

 
 




                                                                                                 

                                                   30



                                                         vB4: Forum StyleVars  2009 


 
Links StyleVars 
The following set of StyleVars is used to set the default for links if they’re not already defined by other 
StyleVars. 

StyleVar                            What it Does 
link_color                          Changes
the
default
color
of
the
link.

link_textDecoration                 Changes
the
decoration
(underline,
flashing,
blinking)
of
the
link.

linkhover_color                     Changes
the
default
color
of
the
link
when
you
hover
over
the
link

linkhover_textDecoration            Changes
the
decoration
(underline,
flashing,
blinking)
of
the
link
when

                                    you
hover
over
it





                                                                                                               

                                                      31



                                            vB4: Forum StyleVars  2009 


 
Navigation Bar StyleVars 






                                                                                                


StyleVar                    What it Does 
navbar_background           Changes
the
background
color
of
the
navigation
bar.

navbar_background_notify    Changes
the
background
color
for
a
notify
message
in
the

                            navigation
bar.

navbar_border               Changes
the
width,
color
and
style
of
the
outline
around
the

                            navigation
border
color.

navbar_color                Changes
the
default
font
color
for
the
navigation
bar.

navbar_font                 Changes
the
defautl
font
style
for
the
navigation
bar.

navbar_link_color           Changes
the
default
link
color
for
the
navigation
bar.

navbar_linkhover_color      Changes
the
link
hover
color
for
the
navigation
bar.

navbar_padding              Changes
the
amount
of
pixel
space
between
the
navigation
bar
and

                            other
elements







                                                                                                


StyleVar                      What it Does 




                                                                                            

                                         32



                                                  vB4: Forum StyleVars  2009 


navbar_tab_background           Changes
the
background
color
of
the
tab.

navbar_tab_bevel                Changes
the
width,
color
and
style
of
the
bevelling
around
the

                                tab.

navbar_tab_border               Changes
the
width,
color
and
style
of
the
outline
around
a
tab
in

                                the
tab
bar

navbar_tab_color                Change
the
font
color
of
the
tab.

navbar_tab_font                 Changes
the
font
size
and
style
for
the
tab.

navbar_tab_linkhover_color      Changes
the
font
color
for
the
tab
when
it’s
being
hovered
over.

navbar_tab_selected_background  Changes
the
color
of
the
background
for
a
selected
tab

navbar_tab_selected_top_width   Changes
the
top
width
of
the
selected
tab

navbar_tab_size                 Change
the
size
of
the
selected
tabs
button







                                                                                           


StyleVar                        What it Does 
navbarsearch_borderWidth        Changes
the
border
width
of
the
search
box.

navbarsearch_input_borderColor  Changes
the
color
of
the
border
around
the
input
field
of
the

                                search
box.

navbarsearch_padding            Changes
the
width
of
the
padding
between
the
input
box
and

                                the
border
width.

searchbox_size                  Changes
the
size
of
the
search
box.








                                                                                                     

                                               33



                                                   vB4: Forum StyleVars  2009 


 
 
Popup Menu StyleVars 
                                               





                                                              


StyleVar                    What it Does 
imodhilite_backgroundColor  Changes
the
width
and
color
of
the
space
between
the
tab
bar
and

                            the
navigation
bar

popupmenu_background        Changes
the
background
of
the
menu
items
in
the
popup
menus.

popupmenu_border            Changes
the
color
and
width
of
the
border
for
menu
items
I
nthe

                            popup
menu.

popupmenu_border_radius  Changes
whether
or
not
the
corners
are
rounded.

popupmenu_font              Changes
the
font
size
and
style
of
the
menu
items.

popupmenu_padding           Changes
the
amount
of
padding
between
menu
items.

 






                                                                                                

                                              34



                                           vB4: Forum StyleVars  2009 


 
Poll Bars StyleVars 






                                                                          


StyleVar               What it Does 
poll_background        Controls
the
background
color
of
the
poll

pollbar1_background    Changes
the
color
of
the
first
pollbar

pollbar2_background    Changes
the
color
of
the
second
pollbar

pollbar3_background    Changes
the
color
of
the
third
pollbar

pollbar4_background    Changes
the
color
of
the
fourth
pollbar

pollbar5_background    Changes
the
color
of
the
fifth
pollbar

pollbar6_background    Changes
the
color
of
the
sixth
pollbar

pollbar_border         Changes
the
color
of
the
outline
of
the
pollbar

pollbar_height         Changes
the
height
of
the
pollbar







                                                                              

                                        35



                                          vB4: Forum StyleVars  2009 


 
Postbit StyleVars 




                                                                                       


StyleVar                      What it Does 
post_title_font               Controls
the
font
size
and
style
of
the
post
title.

postbit_background            Controls
the
background
color
and
pattern
of
the
post.

postbit_border                Controls
the
width
and
color
of
the
border
around
the
post.

postbit_color                 Controls
the
font
color
of
the
post.

postbit_deleted_background    Controls
the
background
color
of
a
deleted
post.


postbit_msg_font              Controls
the
font
size
and
style
of
a
post.







                                                                                             


StyleVar                      What it Does 




                                                                                             

                                       36



                                                  vB4: Forum StyleVars  2009 


postbit_boxed_background              Controls
the
background
color
and
pattern
for
the
attachment

                                      box.

postbit_boxed_border                  Controls
the
width
and
color
of
the
border
around
the

                                      attachment
box.

postbit_boxed_fontSize                Controls
the
font
size
and
style
of
the
text
in
the
attachment

                                      box.

postbit_boxed_padding                 Controls
the
padding
around
the
attachment
box.







                                                                                                 


StyleVar                          What it Does 
postbit_control_background        Controls
the
background
color
or
image
of
buttons
beneath

                                  the
post.

postbit_control_border            Controls
the
width
and
color
of
the
border
around
the
button

                                  bar
beneath
the
post.

postbit_control_color             Controls
the
color
of
the
font
in
the
button
bar
beneath
the

                                  post.

postbit_control_font              Controls
the
font
size
and
style
of
the
button
bar
beneath
the

                                  post.

postbit_control_hover_background  Controls
the
background
color
or
image
of
buttons
when
a

                                  user
hovers
over
it.

postbit_control_hover_color       Controls
the
font
color
of
buttons
when
a
user
hovers
over
it.

postbit_foot_background           Controls
the
overall
background
color
or
image
of
the
button

                                  bar
beneath
the
post.

postfoot_separator_color          Controls
the
color
of
the
line
separating
buttons.

postfoot_separator_width          Controls
the
width
of
the
linke
separating
buttons.







                                                                                                        

                                               37



                                                       vB4: Forum StyleVars  2009 






                                                                                                               


StyleVar                                   What it Does 
postbithead_background                     Controls
the
background
color
and
pattern
of
the
header.

postbithead_border                         Controls
the
color
and
width
of
the
border
around
the
header.

postbithead_color                          Controls
the
font
color
of
the
text
in
the
header.







                                                                                                         


StyleVar                                   What it Does 
postbit_userinfo_background                Controls
the
background
color
and
pattern
for
the
user

                                           information
section.

postbit_userinfo_border                    Controls
the
color
and
width
of
the
border
around
the
user

                                           information
section.

 

This set of StyleVars only effects posts with the legacy layout. The legacy layout has the user information 
located to the right of the post. 

StyleVar                                   What it Does 
postbitlegacy_avatar_border                Controls
the
color
and
width
of
the
border
around
the
avatar.

postbitlegacy_avatar_outline               Controls
the
style,
color
and
width
of
the





                                                                                                               

                                                    38



                                            vB4: Forum StyleVars  2009 


postbitlegacy_userinfo_width    Controls
the
width
of
the
user
info
section.







                                                                                

                                         39



                                   vB4: Forum StyleVars  2009 


 
Profile StyleVars 




                                                                              


StyleVar                      What it Does 
profile_content_background    Controls
the
background
color
or
pattern
of
thetab

                              contents.

profile_content_font          Controls
the
font
size
and
style
of
tab
contents.

profile_pagetitle_font        Controls
the
font
size
and
style
of
the
page
titles.







                                                                                      

                                40



                vB4: Forum StyleVars  2009 






                                    


StyleVar    What it Does 




                                              

              41



                                                  vB4: Forum StyleVars  2009 


profile_sidebar_avatar_backgroundColor  Controls
the
background
color
or
pattern
for
an
avatar.

profile_sidebar_avatar_border           Controls
the
color
and
width
of
the
border
around
an

                                        avatar.

profile_sidebar_avatar_maxWidth         Controls
the
maximum
width
of
an
avatar.

profile_sidebar_background              Controls
the
background
color
or
pattern
of
the
side

                                        bar.

profile_sidebar_border                  Controls
the
color
and
width
of
the
border
around
the

                                        side
bar.

profile_sidebar_box_background          Controls
the
background
color
or
pattern
of
the
boxes

                                        inside
the
side
bars.

profile_sidebar_box_border              Controls
the
color
and
width
of
the
border
around
the

                                        boxes
inside
the
side
bars.

profile_sidebar_color                   Controls
the
font
color
of
the
text
inside
the
side
bar.

profile_sidebar_separator_background    Controls
the
color
and
pattern
of
the
separator

                                        between
sections.

profile_sidebar_width                   Controls
the
width
of
the
side
bar.

profile_tiny_avatar                     Controls
the
width
and
height
of
tiny
avatars
within
the

                                        sidebar.

 




                                                                                                    

                                               42



                                               vB4: Forum StyleVars  2009 


 
Threadbit StyleVar 




                                                                                                  


StyleVar                            What it Does 
threadlisthead_font                 Controls
the
font
size
and
style
in
a
thread
list
header

threadlisthead_border               Controls
the
color
and
width
of
the
border
around
a
thread

                                    list
header.

threadlisthead_background           Controls
the
background
of
a
thread
list
header.

threadlisthead_top_corner_radius    Controls
whether
ornot
the
top
corners
of
the
header
are

                                    rounded.

threadlisthead_color                Controls
the
font
color
of
the
thread
list
header.










                                                                                                  


StyleVar                            What it Does 
threadbit_background                Controls
the
background
for
a
thread
bit.

threadbit_deleted_background        Controls
the
background
for
a
deleted
thread.

threadbit_hilite_background         Controls
the
background
for
a
highlighted
thread.

threadbit_iconsize                  Controls
the
dimensions
of
a
thread
icon.

threadbit_border                    Controls
the
width
and
color
of
the
border
around
a
thread

                                    bit.

threadbit_alt_background            Controls
the
alternate
background
for
a
thread
bit.








                                                                                                  

                                            43




						
Related docs