-
Notifications
You must be signed in to change notification settings - Fork 0
/
holo-kk-light-widgets.css
53 lines (47 loc) · 2.25 KB
/
holo-kk-light-widgets.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
/* KitKat Holo Light styles for widgets.
* Part of the Holo Web CSS library.
* Written by Zachary Yaro.
* https://github.com/zmyaro/holo-web
*/
.actionBar, .holo-actionBar {
background-color: #DDDDDD;
border-top-color: #E0E0E0;
border-bottom-color:#CDCDCD;
-webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.1);
}
footer.actionBar, footer.holo-actionBar {
border-top-color: #C6C6C6;
}
.actionBar button:enabled:active, .holo-actionBar button:enabled:active,
.actionBar *[role="button"]:active, .holo-actionBar *[role="button"]:active,
.actionBar button:enabled.active, .holo-actionBar button:enabled.active,
.actionBar *[role="button"].active, .holo-actionBar *[role="button"].active {
background-color: rgba(153, 153, 153, 0.2);
}
.actionBar .holo-title.holo-up, .holo-actionBar .holo-title.holo-up {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAAmJLR0QA/4ePzL8AAAAJcEhZcwAAAEgAAABIAEbJaz4AAAAJdnBBZwAAABAAAAAQAFzGrcMAAAC+SURBVCjPbdHBSgMxFEbh77YWxmK1UgpF6MKF+gq+/8JXUHChiymiu44VWqwzLsqYzNh/leSee25CQj8nQtir2203Y/cKlYfEp4TGjUu1F7XQwKBTnlqqvVlxKOcA3Bn59ohojwZZ/8JCeLVu9TnQ4NbQxnPSJyBwbebHk13S/79Dp/eQ4d9qbe7MhdL+GBAaO1cKfORDkiFsTE2ce7dNSA7wZWmkUB4zELbGZiY+Va0jB6Ayx6myfU/op/fdv9AmLzUXEoRwAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDExLTA3LTAxVDEzOjEwOjI1LTA3OjAwM9+A0wAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxMS0wNy0wMVQxMzoxMDoyNS0wNzowMEKCOG8AAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAAAAElFTkSuQmCC);
}
.holo-list li {
border-color: #D0D0D0;
border-color: rgba(0, 0, 0, 0.1);
}
.holo-list li button:focus,
.holo-list li *[role="button"]:focus {
background-color: #B1D8E7;
background-color: rgba(51, 181, 229, 0.31);
-webkit-box-shadow: inset 0 0 0 2px rgba(51, 181, 229, 0.42);
-moz-box-shadow: inset 0 0 0 2px rgba(51, 181, 229, 0.42);
box-shadow: inset 0 0 0 2px rgba(51, 181, 229, 0.42);
}
.holo-list li button:enabled:active,
.holo-list li *[role="button"]:active,
.holo-list li button:enabled.active,
.holo-list li *[role="button"].active {
background-color: #D8D8D8;
background-color: rgba(153, 153, 153, 0.2);
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}