Problems in VB 4

[kichigaikid]

I cant find the tree, just the code

vbulletin.css :

@charset "UTF-8";
/* CSS Document */

/*THIS*/

html {
    background-color:{vb:stylevar doc_backgroundColor};
}

/* REVERSE SOME YUI RESET STUFF */
em {}
strong {}

/* BASIC PAGE ELEMENTS */

body {
    width:{vb:stylevar doc_width};
    min-width:{vb:stylevar doc_minWidth};
    max-width:{vb:stylevar doc_maxWidth};
    margin: {vb:stylevar doc_margin};
    padding: 0 {vb:math 2 * {vb:stylevar padding}};
    padding-top:0;
    font-size:{vb:stylevar font.fontSize}px;
    color:{vb:stylevar body_color};
    background: {vb:stylevar body_background};
    line-height:{vb:stylevar line_height};
}

body a {
    color:{vb:stylevar link_color};
    text-decoration:{vb:stylevar link_textDecoration};
}
body a:hover,
body a:hover .time,
body a:hover .shade,
body a:hover .understate {
    color:{vb:stylevar linkhover_color};
    text-decoration:{vb:stylevar linkhover_textDecoration};
}

body a.understate,
body a .understate {
    color:inherit;
    text-decoration:none;
    *clear:expression(style.color = parentNode.currentStyle.color, style.clear = "none", 0);
}

input,
textarea,
button,
select {
    font-family:{vb:stylevar control_font.fontFamily};
}

.button {
    padding: {vb:math {vb:stylevar padding}/4} {vb:math {vb:stylevar padding}/2};
    font: {vb:stylevar control_font};
    border:{vb:stylevar control_border};
    color:{vb:stylevar control_color};
    background:{vb:stylevar control_background};
    -moz-border-radius:{vb:stylevar border_radius};
    -webkit-border-radius:{vb:stylevar border_radius};
}

.button:hover {
    background: {vb:stylevar control_hover_background};
    color: {vb:stylevar control_color};
}
/*
.button[type="reset"]:hover {
    background: {vb:stylevar control_hover_background};
    color: {vb:stylevar control_color};
}
*/
body,
legend {
    font-family:{vb:stylevar font.fontFamily};
}

.shade {
    color:{vb:stylevar shade_color};
}

.time {
    color:{vb:stylevar time_color};
}

.nocss_label {
    display:none;
}

.normal {
    font-size:{vb:stylevar font.fontSize}px;
    font-weight:normal;
}

/* BLOCK STUFF */

.block {
    background:{vb:stylevar block_background};
    border:{vb:stylevar block_border};
    clear:both;
    padding:{vb:stylevar block_padding};
    color:{vb:stylevar block_color};
    font:{vb:stylevar block_font};
    /*margin-bottom:20px;*/
}

.blockhead a { color:{vb:stylevar block_link_color}; }
.blockhead a:hover { color:{vb:stylevar block_linkhover_color}; }

.blockhead {
    font:{vb:stylevar blockhead_font};
    color:{vb:stylevar blockhead_color};
    background:{vb:stylevar blockhead_background};
    padding:{vb:stylevar blockhead_padding};
    border:{vb:stylevar blockhead_border};
    -moz-border-radius-top{vb:stylevar right}: {vb:stylevar border_radius};
    -moz-border-radius-top{vb:stylevar left}: {vb:stylevar border_radius};
    -webkit-border-top-{vb:stylevar right}-radius: {vb:stylevar border_radius};
    -webkit-border-top-{vb:stylevar left}-radius: {vb:stylevar border_radius};
}

.blockhead h2 {
    font-weight:bold;
}

.blockhead a { color:{vb:stylevar blockhead_link_color}; }
.blockhead a:hover { color:{vb:stylevar blockhead_linkhover_color}; }

.blockhead img {
    margin-bottom: -{vb:stylevar blockhead_padding.paddingBottom}{vb:stylevar blockhead_padding.units};
}

.blocksubhead {
    font:{vb:stylevar blocksubhead_font};
    color:{vb:stylevar blocksubhead_color};
    background:{vb:stylevar blocksubhead_background};
    padding:{vb:stylevar blocksubhead_padding};
    border-top:{vb:stylevar blocksubhead_border};
    margin: 0 1px;
}

.blocksubhead img {
    vertical-align:middle;
}

/*dl.blocksubhead dt, dl.blocksubhead dd {
    display:inline;
}
dl.blocksubhead dt { color:{vb:stylevar shade_color}; font-weight:normal; }*/
.blocksubhead a { color:{vb:stylevar blocksubhead_link_color}; text-decoration:none; }
.blocksubhead a:hover { color:{vb:stylevar blocksubhead_linkhover_color}; }

.blockhead_info, .blocksubhead_info {
    float:{vb:stylevar right};
    font-weight:normal;
}

/*.blockhead + */.blockbody { /* not sure why I had this .blockhead + .blockbody selector... need to look out for breakage */
    background:{vb:stylevar blockbody_background};
    padding-{vb:stylevar left}:{vb:stylevar blockbody_padding.paddingLeft}px;
    padding-{vb:stylevar right}:{vb:stylevar blockbody_padding.paddingRight}px;
}

.blockrow {
    background:{vb:stylevar blockrow_background};
    padding:{vb:stylevar blockrow_padding};
    border:{vb:stylevar blockrow_border};
    color:{vb:stylevar blockrow_color};
    font:{vb:stylevar blockrow_font};
}
.blockrow a { color:{vb:stylevar blockrow_link_color}; }
.blockrow a:hover { color:{vb:stylevar blockrow_linkhover_color}; }

.blockfoot {
    display:block;
    clear:both;
    background:{vb:stylevar blockfoot_background};
    padding:{vb:stylevar blockfoot_padding};
    border:{vb:stylevar blockfoot_border};
    color:{vb:stylevar blockfoot_color};
    font:{vb:stylevar blockfoot_font};
}
.blockfoot a { color:{vb:stylevar blockfoot_link_color}; }
.blockfoot a:hover { color:{vb:stylevar blockfoot_linkhover_color}; }

.blockfoot,
.blocksubfoot {
    padding:{vb:stylevar blockfoot_padding};
}

.blocksubfoot {
    text-align:{vb:stylevar right};
}
/* END BLOCK STUFF */

--------------- Added [DATE]1259055556[/DATE] at [TIME]1259055556[/TIME] ---------------

vbulletin.css code continue :

/* WYSIWYG */
.wysiwyg_block {
    border: 1px solid #c4c4c4;
    border-top: 1px solid #ffffff;
    margin-bottom: {vb:stylevar padding};
}

.wysiwyg_block .blockrow:first-child {
    background: transparent url(images/gradients/gradient-greytowhite.png) repeat-x top left;
}

.wysiwyg_block iframe.textbox {
    border: 1px solid #c4c4c4;
    background: #f3f7f9;
    padding-bottom: 0;
}

.wysiwyg_block .formcontrols .blockrow {
    border-top: 0;
}

.wysiwyg {
    font: {vb:stylevar font};
}

/* CSS TABLE STUFF */
.table { display:table; table-layout:fixed; }
.thead { width:100%; padding:0; }
.tr    { display:table-row; }
.td    { display:table-cell; }

/* POPUPS */

.popupgroup {}

.popupmenu {
    position:relative;
    *z-index:999;
}

.popupmenu a.popupctrl {
    background-image:url({vb:stylevar imgdir_misc}/black_downward_arrow.png);
    background-position:{vb:stylevar right} center;
    background-repeat:no-repeat;
    padding-{vb:stylevar right}:15px;
}

.popupmenu a.popupctrl.nogadget {
    padding-{vb:stylevar right}:0;
    background-image:none;
}

.popupgroup .popupmenu a.popupctrl {
    font-size:{vb:stylevar small_fontSize};
    padding:2px 4px;
    border:solid {vb:stylevar lightweightbox_border.borderWidth}px transparent;
    background-color:transparent;
    text-decoration:none;
    padding-{vb:stylevar right}:15px;
    margin-{vb:stylevar left}:{vb:math {vb:stylevar padding}/2};
}

.popupgroup .popupmenu:hover a.popupctrl {
    border-color:{vb:stylevar lightweightbox_border.borderWidth};
    background-color:transparent;
}

/* see PopupMenu.set_control_style() */
.popupgroup .popupmenu:hover a.popupctrl.active,
.popupmenu a.popupctrl.active {
    border-color:{vb:stylevar lightweightbox_border.borderWidth};
    background-color:transparent;
    color:{vb:stylevar body_color};
}

.popupgroup .popupmenu {
    float:{vb:stylevar left};
}

.blockfoot .popupctrl {
    text-decoration:none;
    padding:2px 6px;
    padding-{vb:stylevar right}:15px;
    -moz-border-radius:{vb:stylevar popupmenu_border_radius};
    -webkit-border-radius:{vb:stylevar popupmenu_border_radius};
}

.popupbody {
    background:{vb:stylevar popupmenu_background};
    border:{vb:stylevar popupmenu_border}; 
    padding:{vb:stylevar popupmenu_padding};
    position:absolute;
    z-index:1000;
    top:1.5em;
    {vb:stylevar left}:0;
    display:none;
    min-width:200px;
}

.popupmenu:hover ul.popuphover {
    display:block;
}

.popupbody li {
    border-top:solid 1px {vb:stylevar popupmenu_background.backgroundColor};
}

.popupbody > li:first-child {
    border-top:none;
}

.popupbody li > a,
.popupbody li > label {
    display:block;
    color:inherit;
    padding:{vb:math {vb:math {vb:stylevar navbar_tab_size.height}-{vb:stylevar popupmenu_font.fontSize}{vb:stylevar popupmenu_font.units}}/2} {vb:stylevar padding};
    background:{vb:stylevar formrow_background.backgroundColor} {vb:stylevar formrow_background.backgroundImage} bottom repeat-x;
    text-decoration:none;
    white-space:nowrap;
    font: {vb:stylevar popupmenu_font};
}

/* vbmenu_hilite and vbmenu_option are for the ajax popup menus (tags) */

.popupbody li > a:hover,
.popupbody li > label:hover,
.popupbody li.vbmenu_hilite > a {
    background-color:{vb:stylevar imodhilite_backgroundColor};
    color:{vb:stylevar body_color};
}

.popupbody li.vbmenu_option > a:hover {
    background:{vb:stylevar formrow_background.backgroundColor} {vb:stylevar formrow_background.backgroundImage} bottom repeat-x;
}

.popupbody li input.searchbox {
    width:180px;
    padding:{vb:stylevar popup_padding}px;
    font-size:10pt;
    font-style:italic;
    color:{vb:stylevar shade_color};
}

.popupbody li input.searchbox:focus {
    font-style:normal;
    color:{vb:stylevar body_color};
}

.popupbody li.formsubmit {
    text-align:{vb:stylevar right};
    padding:{vb:stylevar popup_padding}px;
    background:transparent;
}

.popupbody li.formsubmit .submitoptions {
    float:{vb:stylevar left};
    text-align:{vb:stylevar left};
}

.popupbody li.formsubmit .submitoptions label {
    display:block;
}

.popupbody li.formsubmit.jumptopage > label {
    display:inline;
    background:none;
}

.popupbody li.formsubmit input[type="submit"],
.popupbody li.formsubmit input[type="reset"],
.popupbody li.formsubmit input[type="button"] {
    font:9pt {vb:stylevar control_font.fontFamily};
    padding:2px;
    padding-bottom:1px;
}

.popupbody li.formsubmit input[type="submit"]:hover,
.popupbody li.formsubmit input[type="reset"]:hover,
.popupbody li.formsubmit input[type="button"]:hover {
    color:{vb:stylevar linkhover_color};
}

.blockhead .popupmenu,
.blocksubhead .popupmenu {
    display:inline-block;
    text-transform: none;
}

--------------- Added [DATE]1259055720[/DATE] at [TIME]1259055720[/TIME] ---------------

also the vbulletin-chrome.css, i can only find the code but not the tree.

The Problem i cant access is in

Admin CP > VB 4 Default Style > Edit Fonts / Colors Etc / StyleVar, this is the one i cant access and i appears
Your requested file is not available.