/
tabs.css
117 lines (98 loc) · 2.4 KB
/
tabs.css
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
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
/************************************************************************
** TABBAR (TOP)
*************************************************************************/
.tabbar {
horizontal-spacing: 5px;
padding-left: 5px;
padding-right: 5px;
height: auto;
width: auto;
background-color: white;
border-bottom-width: 1px;
border-bottom-color: #ABABAB;
border-top-width: 0px;
clip: true;
}
.tabbar .tabbar-contents {
border: none;
border-bottom-width: 1px;
border-bottom-color: #ABABAB;
}
.tabbar-button {
border-radius: 0px;
background: #EDEDED #E6E6E6 vertical;
padding: 6px;
vertical-align: bottom;
}
.tabbar-button:hover {
background: #F5F5F5 #F1F1F1 vertical;
}
.tabbar-button:down {
}
.tabbar-button-selected {
border-radius: 0px;
border: 1px solid #ABABAB;
border-bottom-width: 1px;
border-bottom-color: white;
background-color: white;
}
.tabbar-scroll-left {
icon: "haxeui-core/styles/default/left_arrow.png";
border-radius: 0;
}
.tabbar-scroll-right {
icon: "haxeui-core/styles/default/right_arrow.png";
border-radius: 0;
}
.tabbar-button-selected .label {
}
.tabbar-button-selected .icon {
}
.tabbar-button .tab-close-button {
resource: "haxeui-core/styles/default/tiny-close-button.png";
}
/************************************************************************
** TABBAR (BOTTOM)
*************************************************************************/
.tabbar:bottom {
horizontal-spacing: 5px;
padding-left: 5px;
padding-right: 5px;
height: auto;
width: auto;
background-color: white;
border-bottom-width: 0px;
border-top-width: 1px;
border-top-color: #ABABAB;
clip: true;
}
.tabbar:bottom .tabbar-contents {
border: none;
border-bottom-width: 0px;
border-top-width: 1px;
border-top-color: #ABABAB;
}
.tabbar-button:bottom {
vertical-align: top;
}
.tabbar-button-selected:bottom {
border-radius: 0px;
border: 1px solid #ABABAB;
border-top-width: 1px;
border-top-color: white;
background-color: white;
}
/************************************************************************
** TABVIEW
*************************************************************************/
.tabview {
border: none;
width: auto;
height: auto;
}
.tabview .tabview-tabs {
}
.tabview .tabview-content {
border: 1px solid #ABABAB;
padding: 5px;
}