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}