UNPKG

4.46 kBCSSView Raw
1.ac-btns .ac-btns-item {
2 margin-right: 8px;
3 cursor: pointer; }
4
5.ac-btns span.ac-btns-item {
6 color: #0073e1;
7 font-size: 13px; }
8 .ac-btns span.ac-btns-item[disabled] {
9 color: #dfe1e6; }
10
11.ac-btns button.ac-btns-item.u-button {
12 box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
13 font-size: 13px;
14 min-width: 60px;
15 min-height: 30px;
16 padding: 0 10px;
17 min-height: 28px;
18 line-height: 28px; }
19 .ac-btns button.ac-btns-item.u-button:last-child {
20 margin-right: 0; }
21 .ac-btns button.ac-btns-item.u-button.ac-btns-write {
22 box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
23 border-color: #d0d0d0;
24 color: #111;
25 background-color: #fff; }
26 .ac-btns button.ac-btns-item.u-button.ac-btns-write:hover {
27 color: #e14c46;
28 border-color: #e14c46;
29 background-color: #fff; }
30 .ac-btns button.ac-btns-item.u-button.u-button-primary {
31 background-color: #e14c46;
32 color: #fff;
33 border: 1px solid #e14c46;
34 box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2); }
35 .ac-btns button.ac-btns-item.u-button.u-button-primary:hover {
36 background-color: #d7332c;
37 color: #fff; }
38 .ac-btns button.ac-btns-item.u-button.u-button-secondary {
39 background-color: #eceff1;
40 color: #212121;
41 border: 1px solid #eceff1;
42 box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2); }
43 .ac-btns button.ac-btns-item.u-button.u-button-secondary:hover {
44 border: 1px solid #dfe1e6;
45 background-color: #dfe1e6;
46 color: #212121; }
47 .ac-btns button.ac-btns-item.u-button.ac-btns-search, .ac-btns button.ac-btns-item.u-button.ac-btns-clear, .ac-btns button.ac-btns-item.u-button.ac-btns-empty, .ac-btns button.ac-btns-item.u-button.ac-btns-first, .ac-btns button.ac-btns-item.u-button.ac-btns-previous, .ac-btns button.ac-btns-item.u-button.ac-btns-next, .ac-btns button.ac-btns-item.u-button.ac-btns-last, .ac-btns button.ac-btns-item.u-button.ac-btns-max, .ac-btns button.ac-btns-item.u-button.ac-btns-min {
48 min-width: 30px;
49 padding: 0;
50 line-height: 28px;
51 color: #111;
52 background-color: #fff;
53 height: 30px; }
54 .ac-btns button.ac-btns-item.u-button.ac-btns-search {
55 background-color: #e14c46;
56 color: #fff;
57 min-width: 52px; }
58 .ac-btns button.ac-btns-item.u-button.ac-btns-max {
59 padding: 3px;
60 min-width: auto; }
61 .ac-btns button.ac-btns-item.u-button.ac-btns-max .uf {
62 font-size: 19px; }
63 .ac-btns button.ac-btns-item.u-button.ac-btns-min {
64 padding: 3px;
65 min-width: auto; }
66 .ac-btns button.ac-btns-item.u-button.ac-btns-min .uf {
67 font-size: 19px; }
68 .ac-btns button.ac-btns-item.u-button.u-button[disabled], .ac-btns button.ac-btns-item.u-button.u-button[disabled]:hover {
69 background: #fff;
70 color: #dfe1e6;
71 border-color: #d0d0d0;
72 box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2); }
73
74.ac-btns .icon.ac-btns-add, .ac-btns .icon.ac-btns-update, .ac-btns .icon.ac-btns-delete {
75 color: #e14c46; }
76 .ac-btns .icon.ac-btns-add .uf, .ac-btns .icon.ac-btns-update .uf, .ac-btns .icon.ac-btns-delete .uf {
77 padding: 0; }
78
79.u-button-group .ac-btns .u-button {
80 float: left;
81 min-width: 25px;
82 margin-right: 0; }
83
84.u-button-group .ac-btns .u-button:first-child {
85 margin-left: 0; }
86
87.u-button-group .ac-btns .u-button:first-child:not(:last-child):not(.dropdown-toggle) {
88 border-bottom-right-radius: 0;
89 border-top-right-radius: 0; }
90
91.u-button-group .ac-btns .u-button:not(:first-child):not(:last-child):not(.dropdown-toggle) {
92 border-radius: 0; }
93
94.u-button-group .ac-btns .u-button:last-child:not(:first-child) {
95 border-bottom-left-radius: 0;
96 border-top-left-radius: 0; }
97
98.u-button-group .ac-btns .u-button-border + .u-button-border,
99.u-button-group .ac-btns .u-button-border + .u-button-group,
100.u-button-group .ac-btns .u-button-group + .u-button-border,
101.u-button-group .ac-btns .u-button-group + .v-group {
102 margin-left: 1px; }
103
104.u-button-group .ac-btns .u-button + .u-button,
105.u-button-group .ac-btns .u-button + .u-button-group,
106.u-button-group .ac-btns .u-button-group + .u-button,
107.u-button-group .ac-btns .u-button-group + .v-group {
108 margin-left: -1px; }
109
110.ac-btns-dropdown .u-dropdown-menu > .u-dropdown-menu-item-selected {
111 color: #000;
112 background-color: #fff; }
113
114.ac-btns-dropdown .u-dropdown-menu > .u-dropdown-menu-item-selected:hover {
115 background-color: #ebecf0; }
116
117.ac-btns-dropdown .icon.ac-btns-add, .ac-btns-dropdown .icon.ac-btns-update, .ac-btns-dropdown .icon.ac-btns-delete {
118 color: #e14c46; }