liuyg
2021-07-02 25ce610f6ecca7325e7a743dc032c4a76559c63d
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
/* dojox.mobile.TabBar */
.mblTabBar {
}
.dj_ie6 .mblTabBar .mblTabBarButton {
    display: inline; // IE bug
}
 
/* barType="tabBar" */
.mblTabBarTabBar {
    background-image: none;
    .mblTabBarTabBar-compat;
}
.dj_ff3 {
    .mblTabBarTabBar {
        .mblTabBarButtonSelected {
            -moz-border-radius: 3px;
        }
    }
}
 
/* barType="segmentedControl" | "standardTab" */
.mblTabBarSegmentedControl, .mblTabBarStandardTab {
    background-image: url(compat/heading-bg.png);
    .mblTabBarButton {
        background-image: url(compat/tab-seg-button-bg.png);
    }
    .mblTabBarButtonSelected {
        background-image: url(compat/tab-seg-sel-button-bg.png);
    }
}
.dj_gecko .mblTabBarSegmentedControl {
    .mblTabBarButton {
        .mblTabBarSegmentedControlButton-compat-gecko;
    }
}
.dj_ff3 {
    .mblTabBarSegmentedControl {
        .mblTabBarButton {
            &:first-child {
                -moz-border-radius-topleft: @mbl-tab-bar-segmented-control-border-radius;
                -moz-border-radius-bottomleft: @mbl-tab-bar-segmented-control-border-radius;
            }
            &:last-child {
                -moz-border-radius-topright: @mbl-tab-bar-segmented-control-border-radius;
                -moz-border-radius-bottomright: @mbl-tab-bar-segmented-control-border-radius;
            }
        }
    }
    .mblTabBarStandardTab {
        .mblTabBarButton {
            -moz-border-radius-topleft: 4px;
            -moz-border-radius-topright: 4px;
        }
    }
}
 
/* barType="slimTab" */
.mblTabBarSlimTab {
    background-image: url(compat/tab-slim-bar-bg.png);
}
.dj_gecko .mblTabBarSlimTab {
    background-image: -moz-linear-gradient(top, #2d2d2d 0%, #141414 50%, #000000 50%, #000000 100%);
    .mblTabBarButton {
        background-image: -moz-linear-gradient(top, #2d2d2d 0%, #141414 50%, #000000 50%, #000000 100%);
    }
    .mblTabBarButtonSelected {
        background-image: -moz-linear-gradient(top, #313031 0%, #5a555a 50%, #616161 50%, #959595 100%);
    }
}
 
/* barType="flatTab" */
.mblTabBarFlatTab {
}
 
/* barType="tallTab" */
.mblTabBarTallTab {
    background-image: url(compat/tab-tall-bar-bg.png);
    .mblTabBarButtonSelected {
        background-color: #8c8e8c;
    }
}