1form {
2    display: inline;
3}
4
5input[type=submit],
6input[type=button],
7input[type=reset],
8input.button,
9a.button,
10button,
11.qq-upload-button {
12    display: inline-block;
13    text-align: center;
14    cursor: pointer;
15    white-space: nowrap;
16    line-height: 20px;
17    padding: 7px 15px;
18    border-radius: 6px;
19    color: @ini_text;
20    font-size: .9375rem;
21    border: 1px solid #d3d4d6;
22    background-color: #fafbfc;
23    box-shadow: 0 1px 0 rgba(27, 31, 35, 0.04),
24    inset 0 1px 0 rgba(255, 255, 255, 0.25);
25    transition: background-color 0.2s cubic-bezier(0.3, 0, 0.5, 1);
26}
27input[type=submit]:hover,
28input[type=submit]:active,
29input[type=submit]:focus,
30input[type=button]:hover,
31input[type=button]:active,
32input[type=button]:hover,
33input[type=reset]:hover,
34input[type=reset]:active,
35input[type=reset]:hover,
36input.button:hover,
37input.button:active,
38input.button:focus,
39a.button:hover,
40a.button:active,
41a.button:focus,
42button:hover,
43button:active,
44button:focus,
45.qq-upload-button:hover {
46    background-color: #f3f4f6;
47}
48
49
50.uninstall {
51    color: #D73A49;
52
53    &:hover {
54        color: #fff;
55        background-color: #CB2431;
56        border-color: #B1242F;
57    }
58}
59
60button:disabled {
61    opacity: .6;
62    cursor: no-drop;
63}
64
65input[type=checkbox] {
66    width: 16px;
67    height: 16px;
68    margin-top: -2px;
69    vertical-align: middle;
70}
71
72select {
73    display: inline-block;
74    line-height: 20px;
75    padding: 7px 28px 7px 12px;
76    font-size: .9375rem;
77    color: #495057;
78    border: 1px solid @ini_border;
79    border-radius: 6px;
80    background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat;
81    vertical-align: middle;
82    -webkit-appearance: none;
83    -moz-appearance: none;
84    appearance: none;
85}
86
87textarea {
88    width: 100%;
89    padding: 1rem;
90    background-color: #fafbfc;
91    border: 1px solid @ini_border;
92    border-radius: 6px;
93    box-shadow: inset 0 1px 0 rgba(225,228,232,0.2);
94    transition: border-color 0.15s ease-in-out;
95
96    &:focus {
97        background-color: @ini_background;
98        border-color: @ini_text_alt;
99        outline: 0;
100    }
101}
102
103.toolbar {
104    margin-bottom: 12px;
105}
106
107.toolbutton {
108    padding: 8px;
109    border: 0;
110    border-radius: 0;
111
112    img {
113        width: 24px;
114        height: 24px;
115    }
116}
117
118.editBar {
119    #size__ctl {
120        float: right;
121    }
122
123    .summary {
124        margin-top: 1rem;
125
126        .missing {
127            background-color:#FFEEF0;
128        }
129    }
130}
131
132input.edit {
133    padding: 0.375rem .5rem;
134    font-size: .9375rem;
135    line-height: 1.5;
136    color: @ini_text_alt;
137    background-color: #fafbfc;
138    border: 1px solid @ini_border;
139    border-radius: 6px;
140    box-shadow: inset 0 1px 0 rgba(225,228,232,0.2);
141    transition: border-color 0.15s ease-in-out;
142
143    &:focus {
144        color: @ini_text_alt;
145        background-color: @ini_background;
146        border-color: @ini_text_alt;
147        outline: 0;
148    }
149}