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
|
.mgwt-TabBar {
min-height: 40px;
background-color: inherit;
border-bottom: 2px solid rgb(82, 163, 196);
}
.mgwt-TabBar-Button {
top: 10px;
min-height: 30px;
margin-left: 10px;
}
@if user.agent safari {
.mgwt-TabBar-Button-selected {
background-image: literal('-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,0)), color-stop(0.75, rgba(255,255,255,0)), color-stop(0.75, rgba(82, 163, 196, 1)), to(rgba(82, 163, 196, 1)))');
}
}
@if user.agent gecko1_8 {
.mgwt-TabBar-Button-selected {
background-image: literal('-moz-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,0) 75%, rgba(82, 163, 196, 1) 76%, rgba(82, 163, 196, 1))');
}
}
.mgwt-TabBar-Button-text {
white-space: \-webkit-nowrap;
white-space: nowrap;
font-size: 12px;
color: white;
text-align: center;
}
.mgwt-TabBar-Button-icon {
margin-left: auto;
margin-right: auto;
background-color: rgb(82, 163, 196);
}
.mgwt-TabBar-Button-selected .mgwt-TabBar-Button-icon {
background-color: white;
}
|