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; }
|
119 |
|
120 | .ac-btns-item {
|
121 | margin-top: 10px; }
|
122 |
|
123 | .demo2-title {
|
124 | margin-top: 10px;
|
125 | margin-bottom: 10px; }
|
126 |
|
127 |
|