xe 기본 위젯이거든요

바게이지를 전체적으로 축소하고싶어서요
그러니까. 가로 길이를 줄이고싶어서요.


status.html
status.css
2개중에 어느 부분을 건들여야할까요
제로보드 1.05쓰는중인데 .ㅎㅎ

소스 밑에 첨부할게요
읽어주셔서 감사합니다.







status.css




.point_status_white .level { font-size:7pt; font-family:tahoma; float:left; color:#333333; }
.point_status_white .next { font-size:7pt; font-family:tahoma; float:right; color:#979797; }
.point_status_white .bar_box { background-color:#D9DAF8; height:8px; border:1px solid #2E35D3;  white-space:nowrap; overflow:hidden; margin:3px 0 3px 0;}
.point_status_white .bar { height:8px; background-color:#6A70E5; border-right:1px solid #2E35D3; white-space:nowrap; overflow:hidden;}
.point_status_white .point { font-family:tahoma; font-size:8pt; color:#333333; }

.point_status_black .level { font-size:7pt; font-family:tahoma; float:left; color:#BBBBBB; }
.point_status_black .next { font-size:7pt; font-family:tahoma; float:right; color:#979797; }
.point_status_black .bar_box { background-color:#D9DAF8; height:8px; border:1px solid #2E35D3;  white-space:nowrap; overflow:hidden; margin:3px 0 3px 0;}
.point_status_black .bar { height:8px; background-color:#6A70E5; border-right:1px solid #2E35D3; white-space:nowrap; overflow:hidden;}
.point_status_black .point { font-family:tahoma; font-size:8pt; color:#BBBBBB; }




status.html




<!--@if($colorset=="black")-->
    {@ $colorset="black"}
<!--@else-->
    {@ $colorset="white"}
<!--@end-->
<!--%import("status.css")-->

<div class="point_status_{$colorset}">
    <div class="level">
        Lv.<strong>{$widget_info->level}</strong>
    </div>
    <div class="next">
        <strong>{$widget_info->per}%</strong>
        <span class="next_point">(-{$widget_info->next_point-$widget_info->point})</span>
    </div>

    <div class="clear"></div>

    <div class="bar_box">
        <div style="width:{$widget_info->per}%;" class="bar"></div>
    </div>

    <div class="point">
        {number_format($widget_info->point)}{$widget_info->point_unit}
    </div>

</div>