Changeset 13000

Show
Ignore:
Timestamp:
03/10/08 12:47:45 (10 months ago)
Author:
doughays
Message:

Fixes #6104. Add dijit prefix to wayward css class names and change Vertical to V and Horizontal to H.

Location:
dijit/trunk
Files:
22 modified

Legend:

Unmodified
Added
Removed

  • dijit/trunk/demos/mail.html

    r12978 r13000  
    1111        </style> 
    1212        <style type="text/css"> 
    13                 #inbox .dijitSplitterHorizontal { height: 5px } 
    14                 #inbox .dijitSplitterVertical { width: 5px } 
     13                #inbox .dijitSplitterH { height: 5px } 
     14                #inbox .dijitSplitterV { width: 5px } 
    1515        </style> 
    1616 

  • dijit/trunk/form/Slider.js

    r12979 r13000  
    329329        //      Summary: 
    330330        //              Create hash marks for the Horizontal slider 
    331         templateString: '<div class="RuleContainer HorizontalRuleContainer"></div>', 
     331        templateString: '<div class="dijitRuleContainer dijitRuleContainerH"></div>', 
    332332 
    333333        // count: Integer 
    … …  
    343343        ruleStyle: "", 
    344344 
    345         _positionPrefix: '<div class="RuleMark HorizontalRuleMark" style="left:', 
     345        _positionPrefix: '<div class="dijitRuleMark dijitRuleMarkH" style="left:', 
    346346        _positionSuffix: '%;', 
    347347        _suffix: '"></div>', 
    … …  
    382382        //      Summary: 
    383383        //              Create hash marks for the Vertical slider 
    384         templateString: '<div class="RuleContainer VerticalRuleContainer"></div>', 
    385         _positionPrefix: '<div class="RuleMark VerticalRuleMark" style="top:', 
     384        templateString: '<div class="dijitRuleContainer dijitRuleContainerV"></div>', 
     385        _positionPrefix: '<div class="dijitRuleMark dijitRuleMarkV" style="top:', 
    386386         
    387387        _isHorizontal: false 
    … …  
    392392        //      Summary: 
    393393        //              Create labels for the Horizontal slider 
    394         templateString: '<div class="RuleContainer HorizontalRuleContainer"></div>', 
     394        templateString: '<div class="dijitRuleContainer dijitRuleContainerH"></div>', 
    395395 
    396396        // labelStyle: String 
    … …  
    418418        constraints: {pattern:"#%"}, 
    419419 
    420         _positionPrefix: '<div class="RuleLabelContainer HorizontalRuleLabelContainer" style="left:', 
    421         _labelPrefix: '"><span class="RuleLabel HorizontalRuleLabel">', 
     420        _positionPrefix: '<div class="dijitRuleLabelContainer dijitRuleLabelContainerH" style="left:', 
     421        _labelPrefix: '"><span class="dijitRuleLabel dijitRuleLabelH">', 
    422422        _suffix: '</span></div>', 
    423423 
    … …  
    465465        //      Summary: 
    466466        //              Create labels for the Vertical slider 
    467         templateString: '<div class="RuleContainer VerticalRuleContainer"></div>', 
    468  
    469         _positionPrefix: '<div class="RuleLabelContainer VerticalRuleLabelContainer" style="top:', 
    470         _labelPrefix: '"><span class="RuleLabel VerticalRuleLabel">', 
     467        templateString: '<div class="dijitRuleContainer dijitRuleContainerV"></div>', 
     468 
     469        _positionPrefix: '<div class="dijitRuleLabelContainer dijitRuleLabelContainerV" style="top:', 
     470        _labelPrefix: '"><span class="dijitRuleLabel dijitRuleLabelV">', 
    471471 
    472472        _calcPosition: function(pos){ 

  • dijit/trunk/form/templates/HorizontalSlider.html

    r12396 r13000  
    66        ></tr 
    77        ><tr class="dijitReset" 
    8                 ><td class="dijitReset dijitSliderButtonContainer dijitHorizontalSliderButtonContainer" 
    9                         ><div class="dijitHorizontalSliderDecrementIcon" tabIndex="-1" style="display:none" dojoAttachPoint="decrementButton" dojoAttachEvent="onclick: decrement"><span class="dijitSliderButtonInner">-</span></div 
     8                ><td class="dijitReset dijitSliderButtonContainer dijitSliderButtonContainerH" 
     9                        ><div class="dijitSliderDecrementIconH" tabIndex="-1" style="display:none" dojoAttachPoint="decrementButton" dojoAttachEvent="onclick: decrement"><span class="dijitSliderButtonInner">-</span></div 
    1010                ></td 
    1111                ><td class="dijitReset" 
    12                         ><div class="dijitSliderBar dijitSliderBumper dijitHorizontalSliderBumper dijitSliderLeftBumper dijitHorizontalSliderLeftBumper" dojoAttachEvent="onclick:_onClkDecBumper"></div 
     12                        ><div class="dijitSliderBar dijitSliderBumper dijitSliderBumperH dijitSliderLeftBumper dijitSliderLeftBumper" dojoAttachEvent="onclick:_onClkDecBumper"></div 
    1313                ></td 
    1414                ><td class="dijitReset" 
    1515                        ><input dojoAttachPoint="valueNode" type="hidden" name="${name}" 
    1616                        /><div waiRole="presentation" style="position:relative;" dojoAttachPoint="sliderBarContainer" 
    17                                 ><div waiRole="presentation" dojoAttachPoint="progressBar" class="dijitSliderBar dijitHorizontalSliderBar dijitSliderProgressBar dijitHorizontalSliderProgressBar" dojoAttachEvent="onclick:_onBarClick" 
    18                                         ><div dojoAttachPoint="sliderHandle,focusNode" class="dijitSliderMoveable dijitHorizontalSliderMoveable" dojoAttachEvent="onkeypress:_onKeyPress,onmousedown:_onHandleClick" waiRole="slider" valuemin="${minimum}" valuemax="${maximum}" 
    19                                                 ><div class="dijitSliderImageHandle dijitHorizontalSliderImageHandle"></div 
     17                                ><div waiRole="presentation" dojoAttachPoint="progressBar" class="dijitSliderBar dijitSliderBarH dijitSliderProgressBar dijitSliderProgressBarH" dojoAttachEvent="onclick:_onBarClick" 
     18                                        ><div dojoAttachPoint="sliderHandle,focusNode" class="dijitSliderMoveable dijitSliderMoveableH" dojoAttachEvent="onkeypress:_onKeyPress,onmousedown:_onHandleClick" waiRole="slider" valuemin="${minimum}" valuemax="${maximum}" 
     19                                                ><div class="dijitSliderImageHandle dijitSliderImageHandleH"></div 
    2020                                        ></div 
    2121                                ></div 
    22                                 ><div waiRole="presentation" dojoAttachPoint="remainingBar" class="dijitSliderBar dijitHorizontalSliderBar dijitSliderRemainingBar dijitHorizontalSliderRemainingBar" dojoAttachEvent="onclick:_onBarClick"></div 
     22                                ><div waiRole="presentation" dojoAttachPoint="remainingBar" class="dijitSliderBar dijitSliderBarH dijitSliderRemainingBar dijitSliderRemainingBarH" dojoAttachEvent="onclick:_onBarClick"></div 
    2323                        ></div 
    2424                ></td 
    2525                ><td class="dijitReset" 
    26                         ><div class="dijitSliderBar dijitSliderBumper dijitHorizontalSliderBumper dijitSliderRightBumper dijitHorizontalSliderRightBumper" dojoAttachEvent="onclick:_onClkIncBumper"></div 
     26                        ><div class="dijitSliderBar dijitSliderBumper dijitSliderBumperH dijitSliderRightBumper dijitSliderRightBumper" dojoAttachEvent="onclick:_onClkIncBumper"></div 
    2727                ></td 
    28                 ><td class="dijitReset dijitSliderButtonContainer dijitHorizontalSliderButtonContainer" style="right:0px;" 
    29                         ><div class="dijitHorizontalSliderIncrementIcon" tabIndex="-1" style="display:none" dojoAttachPoint="incrementButton" dojoAttachEvent="onclick: increment"><span class="dijitSliderButtonInner">+</span></div 
     28                ><td class="dijitReset dijitSliderButtonContainer dijitSliderButtonContainerH" style="right:0px;" 
     29                        ><div class="dijitSliderIncrementIconH" tabIndex="-1" style="display:none" dojoAttachPoint="incrementButton" dojoAttachEvent="onclick: increment"><span class="dijitSliderButtonInner">+</span></div 
    3030                ></td 
    3131        ></tr 

  • dijit/trunk/form/templates/VerticalSlider.html

    r12979 r13000  
    33        ><tr class="dijitReset" 
    44                ><td class="dijitReset"></td 
    5                 ><td class="dijitReset dijitSliderButtonContainer dijitVerticalSliderButtonContainer" 
    6                         ><div class="dijitVerticalSliderIncrementIcon" tabIndex="-1" style="display:none" dojoAttachPoint="incrementButton" dojoAttachEvent="onclick:_topButtonClicked"><span class="dijitSliderButtonInner">+</span></div 
     5                ><td class="dijitReset dijitSliderButtonContainer dijitSliderButtonContainerV" 
     6                        ><div class="dijitSliderIncrementIconV" tabIndex="-1" style="display:none" dojoAttachPoint="incrementButton" dojoAttachEvent="onclick:_topButtonClicked"><span class="dijitSliderButtonInner">+</span></div 
    77                ></td 
    88                ><td class="dijitReset"></td 
    … …  
    1111                ><td class="dijitReset"></td 
    1212                ><td class="dijitReset" 
    13                         ><center><div class="dijitSliderBar dijitSliderBumper dijitVerticalSliderBumper dijitSliderTopBumper dijitVerticalSliderTopBumper" dojoAttachEvent="onclick:_onClkIncBumper"></div></center 
     13                        ><center><div class="dijitSliderBar dijitSliderBumper dijitSliderBumperV dijitSliderTopBumper dijitSliderTopBumper" dojoAttachEvent="onclick:_onClkIncBumper"></div></center 
    1414                ></td 
    1515                ><td class="dijitReset"></td 
    … …  
    2020                        ><input dojoAttachPoint="valueNode" type="hidden" name="${name}" 
    2121                        /><center waiRole="presentation" style="position:relative;height:100%;" dojoAttachPoint="sliderBarContainer" 
    22                                 ><div waiRole="presentation" dojoAttachPoint="remainingBar" class="dijitSliderBar dijitVerticalSliderBar dijitSliderRemainingBar dijitVerticalSliderRemainingBar" dojoAttachEvent="onclick:_onBarClick"><!--#5629--></div 
    23                                 ><div waiRole="presentation" dojoAttachPoint="progressBar" class="dijitSliderBar dijitVerticalSliderBar dijitSliderProgressBar dijitVerticalSliderProgressBar" dojoAttachEvent="onclick:_onBarClick" 
     22                                ><div waiRole="presentation" dojoAttachPoint="remainingBar" class="dijitSliderBar dijitSliderBarV dijitSliderRemainingBar dijitSliderRemainingBarV" dojoAttachEvent="onclick:_onBarClick"><!--#5629--></div 
     23                                ><div waiRole="presentation" dojoAttachPoint="progressBar" class="dijitSliderBar dijitSliderBarV dijitSliderProgressBar dijitSliderProgressBarV" dojoAttachEvent="onclick:_onBarClick" 
    2424                                        ><div dojoAttachPoint="sliderHandle,focusNode" class="dijitSliderMoveable" dojoAttachEvent="onkeypress:_onKeyPress,onmousedown:_onHandleClick" style="vertical-align:top;" waiRole="slider" valuemin="${minimum}" valuemax="${maximum}" 
    25                                                 ><div class="dijitSliderImageHandle dijitVerticalSliderImageHandle"></div 
     25                                                ><div class="dijitSliderImageHandle dijitSliderImageHandleV"></div 
    2626                                        ></div 
    2727                                ></div 
    … …  
    3333                ><td class="dijitReset"></td 
    3434                ><td class="dijitReset" 
    35                         ><center><div class="dijitSliderBar dijitSliderBumper dijitVerticalSliderBumper dijitSliderBottomBumper dijitVerticalSliderBottomBumper" dojoAttachEvent="onclick:_onClkDecBumper"></div></center 
     35                        ><center><div class="dijitSliderBar dijitSliderBumper dijitSliderBumperV dijitSliderBottomBumper dijitSliderBottomBumper" dojoAttachEvent="onclick:_onClkDecBumper"></div></center 
    3636                ></td 
    3737                ><td class="dijitReset"></td 
    … …  
    3939        ><tr class="dijitReset" 
    4040                ><td class="dijitReset"></td 
    41                 ><td class="dijitReset dijitSliderButtonContainer dijitVerticalSliderButtonContainer" 
    42                         ><div class="dijitVerticalSliderDecrementIcon" tabIndex="-1" style="display:none" dojoAttachPoint="decrementButton" dojoAttachEvent="onclick:_bottomButtonClicked"><span class="dijitSliderButtonInner">-</span></div 
     41                ><td class="dijitReset dijitSliderButtonContainer dijitSliderButtonContainerV" 
     42                        ><div class="dijitSliderDecrementIconV" tabIndex="-1" style="display:none" dojoAttachPoint="decrementButton" dojoAttachEvent="onclick:_bottomButtonClicked"><span class="dijitSliderButtonInner">-</span></div 
    4343                ></td 
    4444                ><td class="dijitReset"></td 

  • dijit/trunk/tests/layout/test_BorderContainer.html

    r12703 r13000  
    1212 
    1313                #mondrian .dijitSplitter { border: 0; background: black !important } 
    14                 #mondrian .dijitSplitterHorizontal { height: 10px } 
    15                 #mondrian .dijitSplitterVertical { width: 10px } 
     14                #mondrian .dijitSplitterH { height: 10px } 
     15                #mondrian .dijitSplitterV { width: 10px } 
    1616                #mondrian .dijitSplitterThumb { display: none } 
    1717                #mondrian .dijitSplitterActive { background-color: blue } 

  • dijit/trunk/themes/dijit.css

    r12993 r13000  
    541541 
    542542/* progress bar in vertical mode - TODO: remove? no longer supported? */ 
    543 .dijitProgressBarVertical .dijitProgressBarFull{ 
     543.dijitProgressBarV .dijitProgressBarFull{ 
    544544        bottom:0;               /* start at the bottom */ 
    545545} 
    546546 
    547 .dj_ie6 .dijitProgressBarVertical .dijitProgressBarTile{ 
     547.dj_ie6 .dijitProgressBarV .dijitProgressBarTile{ 
    548548        position:absolute; 
    549549        /* can't use position:static here -- need absolute positioning to place 
    … …  
    666666        height:100%; 
    667667} 
    668 .dijitSplitterHorizontal { 
     668.dijitSplitterH { 
    669669        height: 7px; 
    670670        border-top:1px; 
    … …  
    672672        cursor: ns-resize; 
    673673} 
    674 .dijitSplitterVertical { 
     674.dijitSplitterV { 
    675675        width: 7px; 
    676676        border-left:1px; 
    … …  
    700700} 
    701701 
    702 .dijitSplitContainerSizerH .thumb, .dijitSplitterVertical .dijitSplitterThumb { 
     702.dijitSplitContainerSizerH .thumb, .dijitSplitterV .dijitSplitterThumb { 
    703703        overflow:hidden; 
    704704        position:absolute; 
    … …  
    706706} 
    707707 
    708 .dijitSplitContainerSizerV .thumb, .dijitSplitterHorizontal .dijitSplitterThumb { 
     708.dijitSplitContainerSizerV .thumb, .dijitSplitterH .dijitSplitterThumb { 
    709709        position:absolute; 
    710710        left:49%; 
    … …  
    722722} 
    723723 
    724 .dj_ie .dijitSplitterVertical, .dijitSplitContainerVirtualSizerH { 
     724.dj_ie .dijitSplitterV, .dijitSplitContainerVirtualSizerH { 
    725725        cursor: w-resize; 
    726726} 
    727 .dj_ie .dijitSplitterHorizontal, .dijitSplitContainerSizerV, .dijitSplitContainerVirtualSizerV { 
     727.dj_ie .dijitSplitterH, .dijitSplitContainerSizerV, .dijitSplitContainerVirtualSizerV { 
    728728        cursor: n-resize; 
    729729} 
    … …  
    11601160} 
    11611161 
    1162 .dijitHorizontalSliderMoveable { 
     1162.dijitSliderMoveableH { 
    11631163        right:0; 
    11641164} 
    … …  
    11791179} 
    11801180 
    1181 .dijitVerticalSliderImageHandle { 
     1181.dijitSliderImageHandleV { 
    11821182        top:-8px; 
    11831183        left:-6px; 
    11841184} 
    11851185 
    1186 .dijitHorizontalSliderImageHandle { 
     1186.dijitSliderImageHandleH { 
    11871187        left:-8px; 
    11881188        top:-5px; 
    … …  
    11951195} 
    11961196 
    1197 .dijitHorizontalSliderBar { 
     1197.dijitSliderBarH { 
    11981198        height:4px; 
    11991199        border-width:1px 0; 
    12001200} 
    12011201 
    1202 .dijitVerticalSliderBar { 
     1202.dijitSliderBarV { 
    12031203        width:4px; 
    12041204        border-width:0 1px; 
    … …  
    12101210} 
    12111211 
    1212 .dijitVerticalSliderProgressBar { 
     1212.dijitSliderProgressBarV { 
    12131213        position:static !important; 
    12141214        height:0%; 
    … …  
    12171217} 
    12181218 
    1219 .dijitHorizontalSliderProgressBar { 
     1219.dijitSliderProgressBarH { 
    12201220        position:absolute !important; 
    12211221        width:0%; 
    … …  
    12301230} 
    12311231 
    1232 .dijitVerticalSliderRemainingBar { 
     1232.dijitSliderRemainingBarV { 
    12331233        height:100%; 
    12341234        text-align:left; 
    12351235} 
    12361236 
    1237 .dijitHorizontalSliderRemainingBar { 
     1237.dijitSliderRemainingBarH { 
    12381238        width:100% !important; 
    12391239} 
    … …  
    12451245} 
    12461246 
    1247 .dijitVerticalSliderBumper { 
     1247.dijitSliderBumperV { 
    12481248        width:4px; 
    12491249        height:8px; 
    … …  
    12511251} 
    12521252 
    1253 .dijitHorizontalSliderBumper { 
     1253.dijitSliderBumperH { 
    12541254        width:8px; 
    12551255        height:4px; 
    … …  
    12571257} 
    12581258 
    1259 .dijitVerticalSliderBottomBumper, 
    1260 .dijitHorizontalSliderLeftBumper { 
     1259.dijitSliderBottomBumper, 
     1260.dijitSliderLeftBumper { 
    12611261        background-color:red; 
    12621262} 
    12631263 
    1264 .dijitVerticalSliderTopBumper, 
    1265 .dijitHorizontalSliderRightBumper { 
     1264.dijitSliderTopBumper, 
     1265.dijitSliderRightBumper { 
    12661266        background-color:transparent; 
    12671267} 
    12681268 
    1269 .dijitHorizontalSliderDecoration { 
     1269.dijitSliderDecorationH { 
    12701270        text-align:center; 
    12711271} 
    … …  
    12821282} 
    12831283 
    1284 .dijitSlider .dijitVerticalSliderTopButton { 
    1285         vertical-align:bottom; 
    1286 } 
    1287  
    1288 .dijitSlider .dijitVerticalSliderBottomButton { 
    1289         vertical-align:top; 
    1290 } 
    1291  
    12921284.dijitSliderButtonContainer { 
    12931285        text-align:center; 
    … …  
    13001292} 
    13011293 
    1302 .dj_ie .RuleContainer { 
     1294.dj_ie .dijitRuleContainer { 
    13031295        z-index: -1; /* #4809 */ 
    13041296} 
    13051297 
    1306 .RuleContainer { 
     1298.dijitRuleContainer { 
    13071299        position:relative; 
    13081300        overflow:visible; 
    13091301} 
    13101302 
    1311 .VerticalRuleContainer { 
     1303.dijitRuleContainerV { 
    13121304        height:100%; 
    13131305        line-height:0; 
    … …  
    13161308} 
    13171309 
    1318 .dj_opera .VerticalRuleContainer { 
     1310.dj_opera .dijitRuleContainerV { 
    13191311        line-height:2%; 
    13201312} 
    13211313 
    1322 .dj_ie .VerticalRuleContainer { 
     1314.dj_ie .dijitRuleContainerV { 
    13231315        line-height:normal; 
    13241316} 
    13251317 
    1326 .dj_gecko .VerticalRuleContainer { 
     1318.dj_gecko .dijitRuleContainerV { 
    13271319        margin:0 0 1px 0; /* mozilla bug workaround for float:left,height:100% block elements */ 
    13281320} 
    13291321 
    1330 .RuleMark { 
     1322.dijitRuleMark { 
    13311323        position:absolute; 
    13321324        border:1px solid black; 
    … …  
    13351327} 
    13361328 
    1337 .HorizontalRuleMark { 
     1329.dijitRuleMarkH { 
    13381330        width:0; 
    13391331        border-top-width:0 !important; 
    … …  
    13421334} 
    13431335 
    1344 .RuleLabelContainer { 
     1336.dijitRuleLabelContainer { 
    13451337        position:absolute; 
    13461338} 
    13471339 
    1348 .HorizontalRuleLabelContainer { 
     1340.dijitRuleLabelContainerH { 
    13491341        text-align:center; 
    13501342        display:inline-block; 
    13511343} 
    13521344 
    1353 .HorizontalRuleLabel { 
     1345.dijitRuleLabelH { 
    13541346        position:relative; 
    13551347        left:-50%; 
    13561348} 
    13571349 
    1358 .VerticalRuleMark { 
     1350.dijitRuleMarkV { 
    13591351        height:0; 
    13601352        border-right-width:0 !important; 
    … …  
    13651357} 
    13661358 
    1367 .dj_ie .VerticalRuleLabelContainer { 
     1359.dj_ie .dijitRuleLabelContainerV { 
    13681360        margin-top:-.55em; 
    13691361} 
    … …  
    13931385 
    13941386/* Editor */ 
    1395 .IEFixedToolbar { 
     1387.dijitIEFixedToolbar { 
    13961388        position:absolute; 
    13971389        /* top:0; */ 

  • dijit/trunk/themes/dijit_rtl.css

    r12936 r13000  
    6060/* Slider */ 
    6161 
    62 .dijitRtl .dijitVerticalSliderImageHandle { 
     62.dijitRtl .dijitSliderImageHandleV { 
    6363        left:auto; 
    6464        right:-6px; 
    6565} 
    6666 
    67 .dj_ie .dijitRtl .dijitVerticalSliderImageHandle { 
     67.dj_ie .dijitRtl .dijitSliderImageHandleV { 
    6868        right:-10px; 
    6969} 
    7070 
    71 .dijitRtl .dijitHorizontalSliderMoveable { 
     71.dijitRtl .dijitSliderMoveableH { 
    7272        right:auto; 
    7373        left:0; 
    7474} 
    7575 
    76 .dijitRtl .VerticalRuleContainer { 
     76.dijitRtl .dijitRuleContainerV { 
    7777        float:right; 
    7878} 
    7979 
    80 .dj_gecko .dijitRtl .VerticalRuleContainer { 
     80.dj_gecko .dijitRtl .dijitRuleContainerV { 
    8181        float:left; 
    8282} 
    8383 
    84 .dj_ie .dijitRtl .VerticalRuleContainer { 
     84.dj_ie .dijitRtl .dijitRuleContainerV { 
    8585        text-align:right; 
    8686} 
    8787 
    88 .dj_ie .dijitRtl .VerticalRuleLabel { 
     88.dj_ie .dijitRtl .dijitRuleLabelV { 
    8989        text-align:left; 
    9090} 
    9191 
    92 .dj_ie .dijitRtl .HorizontalRuleLabel { 
     92.dj_ie .dijitRtl .dijitRuleLabelH { 
    9393        zoom:1; 
    9494} 
    9595 
    96 .dj_ie .dijitRtl .dijitHorizontalSliderProgressBar { 
     96.dj_ie .dijitRtl .dijitSliderProgressBarH { 
    9797        right:0; 
    9898        left:auto; 
    9999} 
    100100 
    101 .dj_gecko .dijitRtl .dijitHorizontalSliderProgressBar { 
     101.dj_gecko .dijitRtl .dijitSliderProgressBarH { 
    102102        float:right; 
    103103        right:0; 

  • dijit/trunk/themes/nihilo/Editor.css

    r12509 r13000  
    1 .IEFixedToolbar { 
     1.dijitIEFixedToolbar { 
    22        position:absolute; 
    33        /* top:0; */ 

  • dijit/trunk/themes/nihilo/form/Slider.css

    r12100 r13000  
    44****/ 
    55 
    6 .nihilo .dijitHorizontalSliderProgressBar { 
     6.nihilo .dijitSliderProgressBarH { 
    77        border-color: #aab0bb; 
    88        background: #c0c2c5 url("../images/sliderFull.png") repeat-x top left; 
    99} 
    1010 
    11 .nihilo .dijitVerticalSliderProgressBar { 
     11.nihilo .dijitSliderProgressBarV { 
    1212        border-color: #aab0bb; 
    1313        background: #c0c2c5 url("../images/sliderFullVertical.png") repeat-y bottom left; 
    1414} 
    1515 
    16 .nihilo .dijitSliderFocused .dijitHorizontalSliderProgressBar, 
    17 .nihilo .dijitSliderFocused .dijitHorizontalSliderLeftBumper { 
     16.nihilo .dijitSliderFocused .dijitSliderProgressBarH, 
     17.nihilo .dijitSliderFocused .dijitSliderLeftBumper { 
    1818        background-image:url("../images/sliderFullFocus.png"); 
    1919} 
    2020 
    21 .nihilo .dijitSliderFocused .dijitVerticalSliderProgressBar, 
    22 .nihilo .dijitSliderFocused .dijitVerticalSliderBottomBumper { 
     21.nihilo .dijitSliderFocused .dijitSliderProgressBarV, 
     22.nihilo .dijitSliderFocused .dijitSliderBottomBumper { 
    2323        background-image:url("../images/sliderFullVerticalFocus.png"); 
    2424} 
    2525 
    26 .nihilo .dijitVerticalSliderRemainingBar { 
     26.nihilo .dijitSliderRemainingBarV { 
    2727        border-color: #b4b4b4; 
    2828        background: #dcdcdc url("../images/sliderEmptyVertical.png") repeat-y bottom left; 
    2929} 
    3030 
    31 .nihilo .dijitHorizontalSliderRemainingBar { 
     31.nihilo .dijitSliderRemainingBarH { 
    3232        border-color: #b4b4b4; 
    3333        background: #dcdcdc url("../images/sliderEmpty.png") repeat-x top left; 
    … …