]> git.proxmox.com Git - sencha-touch.git/blob - src/resources/themes/stylesheets/sencha-touch/tizen/variations/light/src/dataview/_List.scss
import Sencha Touch 2.4.2 source
[sencha-touch.git] / src / resources / themes / stylesheets / sencha-touch / tizen / variations / light / src / dataview / _List.scss
1 .x-panel.x-floating .x-list {
2 background-color: $light-list-floating-background-color;
3 }
4
5 .x-list {
6 background-color: $light-list-background-color;
7 }
8
9 .x-list-item {
10 border-bottom: 1px solid $light-list-border-color;
11 color: $light-list-item-color;
12 .x-list-disclosure {
13 &:before {
14 background-color: $light-list-item-disclosure-inner-color;
15 }
16 &:after {
17 color: $light-list-item-disclosure-color;
18 }
19 }
20
21 &.x-item-selected .x-list-disclosure {
22 background: none;
23 background-color: transparent;
24 }
25 }
26
27 .x-list .x-list-item.x-item-selected .x-dock-horizontal,
28 .x-list .x-list-item.x-item-selected.x-list-item-tpl {
29 background-color: $light-list-item-selected-background-color;
30 }
31
32 .x-list .x-list-item.x-item-pressed.x-list-item-tpl,
33 .x-list .x-list-item.x-item-pressed .x-dock-horizontal {
34 background-color: $light-list-item-pressed-background-color;
35 }
36
37 .x-list .x-list-header {
38 color: $light-list-header-color;
39 border-bottom: 1px solid $light-list-header-border-color;
40 background-color: $light-list-header-background-color;
41 }
42
43 .x-indexbar {
44 color: $light-list-indexbar-color;
45 &.x-indexbar-pressed {
46 background-color: $light-list-indexbar-pressed-background-color;
47 }
48 }