/* dojox.mobile.TabBarButton Rtl */ .mblTabBarButtonRtl { float: right; } .mblTabBarButtonIconAreaRtl { margin: 0 auto; width: 29px; } /* barType="tabBar" Rtl */ .mblTabBarTabBar .mblTabBarButtonIconAreaRtl { padding-top: 4px; } /* barType="segmentedControl" Rtl */ .mblTabBarSegmentedControl.mblTabBarNoText .mblTabBarButtonIconAreaRtl { position: relative; } .mblTabBarSegmentedControl .mblTabBarButtonRtl { border-width: @mbl-border-width-rtl; } .mblTabBarSegmentedControl .mblTabBarButtonRtl:first-child { border-right-width: 1px !important; border-left-width: 0px; border-top-right-radius: @mbl-tb-border-radius-rtl; border-top-left-radius: 0px; border-bottom-right-radius: @mbl-tb-border-radius-rtl; border-bottom-left-radius: 0px; } .mblTabBarSegmentedControl .mblTabBarButtonRtl:last-child { border-top-left-radius: @mbl-tb-border-radius-rtl; border-top-right-radius: 0px; border-bottom-left-radius: @mbl-tb-border-radius-rtl; border-bottom-right-radius: 0px; border-left-width: 1px !important; } .mblTabBarSegmentedControl .mblTabBarButtonIconAreaRtl { position: absolute; top: 0px; right: 0px; left: auto; } .mblHeading .mblTabBarSegmentedControl.mblTabBarRtl { float: right; } /* barType="standardTab" Rtl */ .mblTabBarStandardTab .mblTabBarButtonIconAreaRtl { position: absolute; top: 3px; right: 0px; left: auto; } .mblTabBarStandardTab .mblTabBarButtonRtl.mblTabBarButtonHasIcon .mblTabBarButtonLabel { margin-right: 20px; margin-left: 0px; } /* barType="slimTab" Rtl */ .mblTabBarSlimTab .mblTabBarButtonRtl { border-left: 1px solid #4e4e4e; } .mblTabBarSlimTab .mblTabBarButtonRtl:first-child { border-right: 1px solid #4e4e4e; } .mblTabBarSlimTab .mblTabBarButtonIconAreaRtl { position: absolute; top: 0px; right: 0px; left: auto; } .mblTabBarSlimTab .mblTabBarButtonRtl.mblTabBarButtonHasIcon .mblTabBarButtonLabel { margin-right: 20px; margin-left: 0px; } /* barType="flatTab" Rtl*/ .mblTabBarFlatTab .mblTabBarButtonIconAreaRtl { position: absolute; top: 0px; right: 0px; left: auto; } .mblTabBarFlatTab .mblTabBarButtonRtl.mblTabBarButtonHasIcon .mblTabBarButtonLabel { margin-right: 20px; margin-left: 0px; } /* barType="tallTab" */ .mblTabBarTallTab .mblTabBarButtonRtl { margin-left: 2px; } .mblTabBarTallTab .mblTabBarButtonIconAreaRtl { margin-top: 8px; }