| @@ -1,6 +1,6 @@ | ||
| 1 | -.ui_element .wpbc_button_as_icon, | |
| 2 | -.ui_element .wpbc_ui_button { | |
| 1 | +html .ui_element .wpbc_button_as_icon, | |
| 2 | +html .ui_element .wpbc_ui_button { | |
| 3 | 3 | display: -ms-flexbox; |
| 4 | 4 | display: flex; |
| 5 | 5 | -ms-flex-flow: row nowrap; |
| 6 | 6 | flex-flow: row nowrap; |
| @@ -17,46 +17,47 @@ | ||
| 17 | 17 | -webkit-appearance: none; |
| 18 | 18 | white-space: nowrap; |
| 19 | 19 | box-sizing: border-box |
| 20 | 20 | } |
| 21 | -.ui_element .wpbc_button_as_icon { | |
| 21 | +html .ui_element .wpbc_button_as_icon { | |
| 22 | 22 | border: none |
| 23 | 23 | } |
| 24 | -.ui_element .wpbc_ui_button, | |
| 25 | -.ui_element .wpbc_ui_button-secondary { | |
| 24 | +html .ui_element .wpbc_ui_button, | |
| 25 | +html .ui_element .wpbc_ui_button-secondary { | |
| 26 | 26 | color: #555; |
| 27 | 27 | border-color: #d7d7d7; |
| 28 | 28 | background: #fdfdfd; |
| 29 | 29 | vertical-align: top |
| 30 | 30 | } |
| 31 | -.ui_element .wpbc_ui_button-secondary:hover:not(.inactive), | |
| 32 | -.ui_element .wpbc_ui_button.hover:not(.inactive), | |
| 33 | -.ui_element .wpbc_ui_button:hover:not(.inactive) { | |
| 31 | +html .ui_element .wpbc_ui_button-secondary:hover:not(.inactive), | |
| 32 | +html .ui_element .wpbc_ui_button.hover:not(.inactive), | |
| 33 | +html .ui_element .wpbc_ui_button:hover:not(.inactive) { | |
| 34 | 34 | background: #fafafa; |
| 35 | 35 | border-color: #d8d8d8; |
| 36 | 36 | color: #23282d; |
| 37 | 37 | text-decoration: none |
| 38 | 38 | } |
| 39 | -.ui_element .wpbc_ui_button-secondary.inactive:hover, | |
| 40 | -.ui_element .wpbc_ui_button.hover.inactive, | |
| 41 | -.ui_element .wpbc_ui_button.inactive:hover { | |
| 39 | +html .ui_element .wpbc_ui_button-secondary.inactive:hover, | |
| 40 | +html .ui_element .wpbc_ui_button.hover.inactive, | |
| 41 | +html .ui_element .wpbc_ui_button.inactive:hover { | |
| 42 | 42 | cursor: default |
| 43 | 43 | } |
| 44 | -.ui_element .wpbc_ui_button-secondary:focus, | |
| 45 | -.ui_element .wpbc_ui_button.focus, | |
| 46 | -.ui_element .wpbc_ui_button:focus { | |
| 44 | +html .ui_element .wpbc_ui_button-secondary:focus, | |
| 45 | +html .ui_element .wpbc_ui_button.focus, | |
| 46 | +html .ui_element .wpbc_ui_button:focus { | |
| 47 | 47 | background: #fafafa; |
| 48 | 48 | border-color: #d8d8d8; |
| 49 | 49 | color: #23282d; |
| 50 | 50 | box-shadow: 0 0 0 0 #4f94d4,0 0 1px 1px rgba(79,148,212,.8); |
| 51 | + box-shadow: 0 0 0 1px #fff,0 0 0 3px var(--wpbc_admin-theme-color,#2271b1); | |
| 51 | 52 | z-index: 1; |
| 52 | 53 | text-decoration: none; |
| 53 | 54 | outline: transparent solid 2px; |
| 54 | 55 | outline-offset: 0 |
| 55 | 56 | } |
| 56 | -.ui_element .wpbc_ui_button-secondary:active:not(.inactive), | |
| 57 | -.ui_element .wpbc_ui_button:active:not(.inactive), | |
| 58 | -.wpbc_ui_dropdown.open > .wpbc_ui_button:not(.inactive) { | |
| 57 | +html .ui_element .wpbc_ui_button-secondary:active:not(.inactive), | |
| 58 | +html .ui_element .wpbc_ui_button:active:not(.inactive), | |
| 59 | +html .wpbc_ui_dropdown.open > .wpbc_ui_button:not(.inactive) { | |
| 59 | 60 | border-color: #d8d8d8; |
| 60 | 61 | outline: 0; |
| 61 | 62 | text-decoration: none; |
| 62 | 63 | background: #fff; |
| @@ -61,16 +62,16 @@ | ||
| 61 | 62 | text-decoration: none; |
| 62 | 63 | background: #fff; |
| 63 | 64 | box-shadow: inset 0 5px 20px -3px rgba(0,0,0,.06) |
| 64 | 65 | } |
| 65 | -.ui_element .wpbc_ui_button-disabled, | |
| 66 | -.ui_element .wpbc_ui_button-secondary.disabled, | |
| 67 | -.ui_element .wpbc_ui_button-secondary:disabled, | |
| 68 | -.ui_element .wpbc_ui_button-secondary[disabled], | |
| 69 | -.ui_element .wpbc_ui_button.disabled, | |
| 70 | -.ui_element .wpbc_ui_button:disabled, | |
| 71 | -.ui_element .wpbc_ui_button[disabled], | |
| 72 | -.ui_element.disabled .wpbc_ui_button { | |
| 66 | +html .ui_element .wpbc_ui_button-disabled, | |
| 67 | +html .ui_element .wpbc_ui_button-secondary.disabled, | |
| 68 | +html .ui_element .wpbc_ui_button-secondary:disabled, | |
| 69 | +html .ui_element .wpbc_ui_button-secondary[disabled], | |
| 70 | +html .ui_element .wpbc_ui_button.disabled, | |
| 71 | +html .ui_element .wpbc_ui_button:disabled, | |
| 72 | +html .ui_element .wpbc_ui_button[disabled], | |
| 73 | +html .ui_element.disabled .wpbc_ui_button { | |
| 73 | 74 | color: #a7aaad!important; |
| 74 | 75 | border-color: #dcdcde!important; |
| 75 | 76 | background: #f6f7f7!important; |
| 76 | 77 | box-shadow: none!important; |
| @@ -77,10 +78,10 @@ | ||
| 77 | 78 | cursor: default; |
| 78 | 79 | -ms-transform: none!important; |
| 79 | 80 | transform: none!important |
| 80 | 81 | } |
| 81 | -.ui_element .wpbc_ui_button.active:hover:not(.inactive), | |
| 82 | -.ui_element .wpbc_ui_button.active:not(.inactive) { | |
| 82 | +html .ui_element .wpbc_ui_button.active:hover:not(.inactive), | |
| 83 | +html .ui_element .wpbc_ui_button.active:not(.inactive) { | |
| 83 | 84 | background: #f6f7f7; |
| 84 | 85 | border-color: #d8d8d8; |
| 85 | 86 | box-shadow: inset 0 1px 7px -3px rgba(0,0,0,.3); |
| 86 | 87 | -ms-transform: translateY(1px); |
| @@ -87,45 +88,46 @@ | ||
| 87 | 88 | transform: translateY(1px); |
| 88 | 89 | outline: 0; |
| 89 | 90 | text-decoration: none |
| 90 | 91 | } |
| 91 | -.ui_element .wpbc_ui_button.active:focus:not(.inactive) { | |
| 92 | +html .ui_element .wpbc_ui_button.active:focus:not(.inactive) { | |
| 92 | 93 | border-color: #3582c4; |
| 93 | 94 | box-shadow: inset 0 1px 5px -3px #0a4b78,0 0 1px 1px rgba(79,148,212,.1) |
| 94 | 95 | } |
| 95 | -.ui_element .wpbc_ui_button_primary { | |
| 96 | - background: #0085ba; | |
| 97 | - border-color: #0073aa #006799 #006799; | |
| 96 | +html .ui_element .wpbc_ui_button_primary { | |
| 97 | + background: var(--wpbc_admin-theme-color,#0085ba); | |
| 98 | + border-color: transparent; | |
| 98 | 99 | color: #fff; |
| 99 | 100 | text-shadow: 0 -1px 1px #006799,1px 0 1px #006799,0 1px 1px #006799,-1px 0 1px #006799; |
| 100 | 101 | text-decoration: none; |
| 101 | 102 | box-shadow: 0 1px 0 #f1f1f1 |
| 102 | 103 | } |
| 103 | -.ui_element .wpbc_ui_button_primary.focus:not(.inactive), | |
| 104 | -.ui_element .wpbc_ui_button_primary.hover:not(.inactive), | |
| 105 | -.ui_element .wpbc_ui_button_primary:focus:not(.inactive), | |
| 106 | -.ui_element .wpbc_ui_button_primary:hover:not(.inactive) { | |
| 107 | - background: #008ec2; | |
| 104 | +html .ui_element .wpbc_ui_button_primary.focus:not(.inactive), | |
| 105 | +html .ui_element .wpbc_ui_button_primary.hover:not(.inactive), | |
| 106 | +html .ui_element .wpbc_ui_button_primary:focus:not(.inactive), | |
| 107 | +html .ui_element .wpbc_ui_button_primary:hover:not(.inactive) { | |
| 108 | + background: var(--wpbc_admin-theme-color,#008ec2); | |
| 108 | 109 | border-color: #006799; |
| 109 | 110 | color: #fff |
| 110 | 111 | } |
| 111 | -.ui_element .wpbc_ui_button_primary.focus:not(.inactive), | |
| 112 | -.ui_element .wpbc_ui_button_primary:focus:not(.inactive) { | |
| 113 | - box-shadow: 0 0 0 0 #fff,0 0 2px 1px #a4d7ff | |
| 112 | +html .ui_element .wpbc_ui_button_primary.focus:not(.inactive), | |
| 113 | +html .ui_element .wpbc_ui_button_primary:focus:not(.inactive) { | |
| 114 | + box-shadow: 0 0 0 0 #fff,0 0 2px 1px #a4d7ff; | |
| 115 | + box-shadow: 0 0 0 1.5px #fff,0 0 0 3px var(--wpbc_admin-theme-color,#2271b1) | |
| 114 | 116 | } |
| 115 | -.ui_element .wpbc_ui_button_primary.active:focus:not(.inactive), | |
| 116 | -.ui_element .wpbc_ui_button_primary.active:hover:not(.inactive), | |
| 117 | -.ui_element .wpbc_ui_button_primary.active:not(.inactive), | |
| 118 | -.ui_element .wpbc_ui_button_primary:active:not(.inactive) { | |
| 117 | +html .ui_element .wpbc_ui_button_primary.active:focus:not(.inactive), | |
| 118 | +html .ui_element .wpbc_ui_button_primary.active:hover:not(.inactive), | |
| 119 | +html .ui_element .wpbc_ui_button_primary.active:not(.inactive), | |
| 120 | +html .ui_element .wpbc_ui_button_primary:active:not(.inactive) { | |
| 119 | 121 | background: #0c7ca8; |
| 120 | 122 | border-color: #0b79a4; |
| 121 | 123 | box-shadow: inset 0 1px 7px -3px rgba(0,0,0,.3); |
| 122 | 124 | color: #fff |
| 123 | 125 | } |
| 124 | -.ui_element .wpbc_ui_button_primary-disabled, | |
| 125 | -.ui_element .wpbc_ui_button_primary.disabled, | |
| 126 | -.ui_element .wpbc_ui_button_primary:disabled, | |
| 127 | -.ui_element .wpbc_ui_button_primary[disabled] { | |
| 126 | +html .ui_element .wpbc_ui_button_primary-disabled, | |
| 127 | +html .ui_element .wpbc_ui_button_primary.disabled, | |
| 128 | +html .ui_element .wpbc_ui_button_primary:disabled, | |
| 129 | +html .ui_element .wpbc_ui_button_primary[disabled] { | |
| 128 | 130 | color: #a7aaad!important; |
| 129 | 131 | background: #f6f7f7!important; |
| 130 | 132 | border-color: #dcdcde!important; |
| 131 | 133 | box-shadow: none!important; |
| @@ -131,9 +133,9 @@ | ||
| 131 | 133 | box-shadow: none!important; |
| 132 | 134 | text-shadow: none!important; |
| 133 | 135 | cursor: default |
| 134 | 136 | } |
| 135 | -.ui_element .wpbc_ui_button_danger { | |
| 137 | +html .ui_element .wpbc_ui_button_danger { | |
| 136 | 138 | background: #de605c; |
| 137 | 139 | border-color: #c05d5a; |
| 138 | 140 | color: #f7f7f7; |
| 139 | 141 | text-shadow: 0 0 #ba5956; |
| @@ -139,34 +141,38 @@ | ||
| 139 | 141 | text-shadow: 0 0 #ba5956; |
| 140 | 142 | text-decoration: none; |
| 141 | 143 | box-shadow: 0 1px 0 #f1f1f1 |
| 142 | 144 | } |
| 143 | -.ui_element .wpbc_ui_button_danger.focus:not(.inactive), | |
| 144 | -.ui_element .wpbc_ui_button_danger.hover:not(.inactive), | |
| 145 | -.ui_element .wpbc_ui_button_danger:focus:not(.inactive), | |
| 146 | -.ui_element .wpbc_ui_button_danger:hover:not(.inactive) { | |
| 145 | +html .ui_element .wpbc_ui_button_danger.focus:not(.inactive), | |
| 146 | +html .ui_element .wpbc_ui_button_danger.hover:not(.inactive), | |
| 147 | +html .ui_element .wpbc_ui_button_danger:focus:not(.inactive), | |
| 148 | +html .ui_element .wpbc_ui_button_danger:hover:not(.inactive) { | |
| 147 | 149 | background: #e6716f; |
| 148 | - border-color: #d58582; | |
| 150 | + border-color: transparent; | |
| 149 | 151 | color: #fdfdfd; |
| 150 | - text-shadow: none | |
| 152 | + text-shadow: none; | |
| 153 | + box-shadow: 0 0 0 1.5px #fff,0 0 0 3px var(--wpbc_admin-theme-color,#2271b1) | |
| 151 | 154 | } |
| 152 | -.ui_element .wpbc_ui_button_danger.focus:not(.inactive), | |
| 153 | -.ui_element .wpbc_ui_button_danger:focus:not(.inactive) { | |
| 154 | - box-shadow: 0 0 0 0 #fff,0 0 2px 1px #a4d7ff | |
| 155 | +html .ui_element .wpbc_ui_button_danger.focus:not(.inactive), | |
| 156 | +html .ui_element .wpbc_ui_button_danger:focus:not(.inactive) { | |
| 157 | + box-shadow: 0 0 0 0 #fff,0 0 2px 1px #a4d7ff; | |
| 158 | + box-shadow: 0 0 0 1.5px #fff,0 0 0 3px var(--wpbc_admin-theme-color,#2271b1); | |
| 159 | + border-color: transparent | |
| 155 | 160 | } |
| 156 | -.ui_element .wpbc_ui_button_danger.active:focus:not(.inactive), | |
| 157 | -.ui_element .wpbc_ui_button_danger.active:hover:not(.inactive), | |
| 158 | -.ui_element .wpbc_ui_button_danger.active:not(.inactive), | |
| 159 | -.ui_element .wpbc_ui_button_danger:active:not(.inactive) { | |
| 161 | +html .ui_element .wpbc_ui_button_danger.active:focus:not(.inactive), | |
| 162 | +html .ui_element .wpbc_ui_button_danger.active:hover:not(.inactive), | |
| 163 | +html .ui_element .wpbc_ui_button_danger.active:not(.inactive), | |
| 164 | +html .ui_element .wpbc_ui_button_danger:active:not(.inactive) { | |
| 160 | 165 | background: #ba4c48; |
| 161 | - border-color: #c05d5a; | |
| 166 | + border-color: transparent; | |
| 162 | 167 | box-shadow: inset 0 1px 7px -3px rgba(0,0,0,.1); |
| 163 | - color: #f3f2f2 | |
| 168 | + color: #f3f2f2; | |
| 169 | + box-shadow: 0 0 0 1.5px #fff,0 0 0 3px var(--wpbc_admin-theme-color,#2271b1) | |
| 164 | 170 | } |
| 165 | -.ui_element .wpbc_ui_button_danger-disabled, | |
| 166 | -.ui_element .wpbc_ui_button_danger.disabled, | |
| 167 | -.ui_element .wpbc_ui_button_danger:disabled, | |
| 168 | -.ui_element .wpbc_ui_button_danger[disabled] { | |
| 171 | +html .ui_element .wpbc_ui_button_danger-disabled, | |
| 172 | +html .ui_element .wpbc_ui_button_danger.disabled, | |
| 173 | +html .ui_element .wpbc_ui_button_danger:disabled, | |
| 174 | +html .ui_element .wpbc_ui_button_danger[disabled] { | |
| 169 | 175 | color: #a7aaad!important; |
| 170 | 176 | background: #f6f7f7!important; |
| 171 | 177 | border-color: #dcdcde!important; |
| 172 | 178 | box-shadow: none!important; |
| @@ -173,12 +179,67 @@ | ||
| 173 | 179 | text-shadow: none!important; |
| 174 | 180 | cursor: default |
| 175 | 181 | } |
| 176 | 182 | @media (max-width:782px) { |
| 177 | - .ui_element .in-button-text { | |
| 183 | + html .ui_element .in-button-text { | |
| 178 | 184 | display: none |
| 179 | 185 | } |
| 180 | 186 | } |
| 187 | +html .ui_element .wpbc_ui_button_green { | |
| 188 | + text-shadow: 0 0 0 #429120; | |
| 189 | + text-decoration: none; | |
| 190 | + box-shadow: none; | |
| 191 | + background: #64aa45; | |
| 192 | + color: #fff; | |
| 193 | + border-color: #5b963b | |
| 194 | +} | |
| 195 | +html .ui_element .wpbc_ui_button_green.focus:not(.inactive), | |
| 196 | +html .ui_element .wpbc_ui_button_green.hover:not(.inactive), | |
| 197 | +html .ui_element .wpbc_ui_button_green:focus:not(.inactive), | |
| 198 | +html .ui_element .wpbc_ui_button_green:hover:not(.inactive) { | |
| 199 | + background: #5b963b; | |
| 200 | + color: #fff; | |
| 201 | + text-shadow: none; | |
| 202 | + box-shadow: 0 0 0 1.5px #fff,0 0 0 2.5px #5b963b; | |
| 203 | + box-shadow: none; | |
| 204 | + border-color: transparent | |
| 205 | +} | |
| 206 | +html .ui_element .wpbc_ui_button_green.focus:not(.inactive) *, | |
| 207 | +html .ui_element .wpbc_ui_button_green.hover:not(.inactive) *, | |
| 208 | +html .ui_element .wpbc_ui_button_green:focus:not(.inactive) *, | |
| 209 | +html .ui_element .wpbc_ui_button_green:hover:not(.inactive) * { | |
| 210 | + color: #fff | |
| 211 | +} | |
| 212 | +html .ui_element .wpbc_ui_button_green.focus:not(.inactive), | |
| 213 | +html .ui_element .wpbc_ui_button_green:focus:not(.inactive) { | |
| 214 | + box-shadow: 0 0 0 1.5px #fff,0 0 0 3px #5e993d; | |
| 215 | + border-color: transparent | |
| 216 | +} | |
| 217 | +html .ui_element .wpbc_ui_button_green.active:focus:not(.inactive), | |
| 218 | +html .ui_element .wpbc_ui_button_green.active:hover:not(.inactive), | |
| 219 | +html .ui_element .wpbc_ui_button_green.active:not(.inactive), | |
| 220 | +html .ui_element .wpbc_ui_button_green:active:not(.inactive) { | |
| 221 | + background: #5b963b; | |
| 222 | + box-shadow: inset 0 1px 7px -3px rgba(0,0,0,.1); | |
| 223 | + color: #fff; | |
| 224 | + box-shadow: 0 0 0 1.5px #fff,0 0 0 3px #5b963b; | |
| 225 | + border-color: transparent | |
| 226 | +} | |
| 227 | +html .ui_element .wpbc_ui_button_green-disabled, | |
| 228 | +html .ui_element .wpbc_ui_button_green-disabled:hover, | |
| 229 | +html .ui_element .wpbc_ui_button_green.disabled, | |
| 230 | +html .ui_element .wpbc_ui_button_green.disabled:hover, | |
| 231 | +html .ui_element .wpbc_ui_button_green:disabled, | |
| 232 | +html .ui_element .wpbc_ui_button_green:disabled:hover, | |
| 233 | +html .ui_element .wpbc_ui_button_green[disabled], | |
| 234 | +html .ui_element .wpbc_ui_button_green[disabled]:hover { | |
| 235 | + color: #a7aaad!important; | |
| 236 | + background: #f6f7f7!important; | |
| 237 | + border-color: #dcdcde!important; | |
| 238 | + box-shadow: none!important; | |
| 239 | + text-shadow: none!important; | |
| 240 | + cursor: default | |
| 241 | +} | |
| 181 | 242 | .ui_element .wpbc_ui_text { |
| 182 | 243 | border: 1px solid #d6d6d6; |
| 183 | 244 | -ms-flex: 1 1 120px; |
| 184 | 245 | flex: 1 1 120px |
| @@ -184,10 +245,11 @@ | ||
| 184 | 245 | flex: 1 1 120px |
| 185 | 246 | } |
| 186 | 247 | .ui_element .wpbc_ui_text.focus, |
| 187 | 248 | .ui_element .wpbc_ui_text:focus { |
| 249 | + border-color: var(--wpbc_admin-theme-color,#2271b1); | |
| 250 | + box-shadow: 0 0 0 1px var(--wpbc_admin-theme-color,#2271b1); | |
| 188 | 251 | border-color: #d8d8d8; |
| 189 | - box-shadow: 0 0 0 1px #2271b1; | |
| 190 | 252 | box-shadow: 0 0 0 0 #4f94d4,0 0 1px 1px rgba(79,148,212,.8); |
| 191 | 253 | z-index: 1; |
| 192 | 254 | outline: transparent solid 2px |
| 193 | 255 | } |
| @@ -197,10 +259,11 @@ | ||
| 197 | 259 | flex: 1 1 auto |
| 198 | 260 | } |
| 199 | 261 | .ui_element .wpbc_ui_select.focus, |
| 200 | 262 | .ui_element .wpbc_ui_select:focus { |
| 263 | + border-color: var(--wpbc_admin-theme-color,#2271b1); | |
| 264 | + box-shadow: 0 0 0 1px var(--wpbc_admin-theme-color,#2271b1); | |
| 201 | 265 | border-color: #d8d8d8; |
| 202 | - box-shadow: 0 0 0 1px #2271b1; | |
| 203 | 266 | box-shadow: 0 0 0 0 #4f94d4,0 0 1px 1px rgba(79,148,212,.8); |
| 204 | 267 | z-index: 1; |
| 205 | 268 | outline: transparent solid 2px |
| 206 | 269 | } |
| @@ -223,9 +286,9 @@ | ||
| 223 | 286 | width: 1rem; |
| 224 | 287 | min-width: 1rem; |
| 225 | 288 | -webkit-appearance: none; |
| 226 | 289 | box-shadow: inset 0 1px 2px rgba(0,0,0,.1); |
| 227 | - transition: border-color .05s ease-in-out; | |
| 290 | + transition: border-color 50ms ease-in-out; | |
| 228 | 291 | -ms-flex-item-align: center; |
| 229 | 292 | align-self: center |
| 230 | 293 | } |
| 231 | 294 | .ui_element .wpbc_ui_radio { |
| @@ -232,14 +295,19 @@ | ||
| 232 | 295 | border-radius: 50%; |
| 233 | 296 | margin-right: .25rem; |
| 234 | 297 | line-height: .71428571 |
| 235 | 298 | } |
| 299 | +input[type=checkbox].wpbc_ui_checkbox:checked::before, | |
| 300 | +input[type=radio].wpbc_ui_radio:checked::before { | |
| 301 | + margin: .2rem .2rem auto | |
| 302 | +} | |
| 236 | 303 | .ui_element .wpbc_ui_checkbox.focus, |
| 237 | 304 | .ui_element .wpbc_ui_checkbox:focus, |
| 238 | 305 | .ui_element .wpbc_ui_radio.focus, |
| 239 | 306 | .ui_element .wpbc_ui_radio:focus { |
| 307 | + border-color: var(--wpbc_admin-theme-color,#2271b1); | |
| 308 | + box-shadow: 0 0 0 1px var(--wpbc_admin-theme-color,#2271b1); | |
| 240 | 309 | border-color: #d8d8d8; |
| 241 | - box-shadow: 0 0 0 1px #2271b1; | |
| 242 | 310 | box-shadow: 0 0 0 0 #4f94d4,0 0 1px 1px rgba(79,148,212,.8); |
| 243 | 311 | z-index: 1; |
| 244 | 312 | outline: transparent solid 2px!important |
| 245 | 313 | } |
| @@ -271,9 +339,9 @@ | ||
| 271 | 339 | height: 0; |
| 272 | 340 | width: 0 |
| 273 | 341 | } |
| 274 | 342 | .wpbc_ui__toggle input[type=checkbox]:checked + label.wpbc_ui__toggle_icon { |
| 275 | - background-color: #036aab | |
| 343 | + background-color: var(--wpbc_admin-theme-color,#036aab) | |
| 276 | 344 | } |
| 277 | 345 | .wpbc_ui__toggle input[type=checkbox]:checked + label.wpbc_ui__toggle_icon:after { |
| 278 | 346 | left: calc(100% - 13px - 2px) |
| 279 | 347 | } |
| @@ -325,9 +393,9 @@ | ||
| 325 | 393 | .wpbc_ui__toggle .wpbc-help-tooltip { |
| 326 | 394 | margin: 0!important |
| 327 | 395 | } |
| 328 | 396 | .wpbc_ui__toggle:hover input:checked + label.wpbc_ui__toggle_icon { |
| 329 | - background-color: #215d8f | |
| 397 | + background-color: var(--wpbc_admin-theme-color,#215d8f) | |
| 330 | 398 | } |
| 331 | 399 | .wpbc_ui__toggle:hover .wpbc_ui__toggle_icon { |
| 332 | 400 | background-color: #777 |
| 333 | 401 | } |
| @@ -367,8 +435,55 @@ | ||
| 367 | 435 | .wpbc_toggle_danger.wpbc_ui__toggle input[type=checkbox]:checked+label.wpbc_ui__toggle_icon, |
| 368 | 436 | .wpbc_toggle_danger.wpbc_ui__toggle:hover input:checked+label.wpbc_ui__toggle_icon { |
| 369 | 437 | background-color: #d63638 |
| 370 | 438 | } |
| 439 | +.wpbc_ui__toggle .wpbc_ui__toggle_icon_checkbox, | |
| 440 | +.wpbc_ui__toggle .wpbc_ui__toggle_icon_checkbox:hover, | |
| 441 | +.wpbc_ui__toggle .wpbc_ui__toggle_icon_radio, | |
| 442 | +.wpbc_ui__toggle .wpbc_ui__toggle_icon_radio:hover { | |
| 443 | + cursor: pointer | |
| 444 | +} | |
| 445 | +.wpbc_ui__toggle .wpbc_ui__toggle_icon_checkbox::before, | |
| 446 | +.wpbc_ui__toggle .wpbc_ui__toggle_icon_radio::before { | |
| 447 | + font-family: wpbc-material-icons; | |
| 448 | + display: inline-block; | |
| 449 | + font-variant: normal; | |
| 450 | + font-weight: 400; | |
| 451 | + font-style: normal; | |
| 452 | + line-height: 1; | |
| 453 | + letter-spacing: normal; | |
| 454 | + text-transform: none; | |
| 455 | + white-space: nowrap; | |
| 456 | + word-wrap: normal; | |
| 457 | + direction: ltr; | |
| 458 | + font-feature-settings: "liga"; | |
| 459 | + -moz-font-feature-settings: "liga"; | |
| 460 | + -webkit-font-smoothing: antialiased; | |
| 461 | + text-rendering: optimizeLegibility; | |
| 462 | + -moz-osx-font-smoothing: grayscale; | |
| 463 | + font-size: 20px; | |
| 464 | + vertical-align: -.25125em | |
| 465 | +} | |
| 466 | +.wpbc_ui__toggle .wpbc_ui__toggle_icon_checkbox::before { | |
| 467 | + content: "\e835" | |
| 468 | +} | |
| 469 | +.wpbc_ui__toggle input:checked ~ label.wpbc_ui__toggle_icon_checkbox::before { | |
| 470 | + content: "\e834" | |
| 471 | +} | |
| 472 | +.wpbc_ui__toggle .wpbc_ui__toggle_icon_radio::before { | |
| 473 | + content: "\e836" | |
| 474 | +} | |
| 475 | +.wpbc_ui__toggle input:checked ~ label.wpbc_ui__toggle_icon_radio::before { | |
| 476 | + content: "\e837" | |
| 477 | +} | |
| 478 | +.wpbc_ui__toggle .wpbc_ui__toggle_icon_checkbox::before { | |
| 479 | + font-family: wpbc-bootstrap-icons!important; | |
| 480 | + font-size: 17px; | |
| 481 | + content: "\f584" | |
| 482 | +} | |
| 483 | +.wpbc_ui__toggle input:checked ~ label.wpbc_ui__toggle_icon_checkbox::before { | |
| 484 | + content: "\f26d" | |
| 485 | +} | |
| 371 | 486 | .ui_element .wpbc_ui_addon { |
| 372 | 487 | -ms-flex: 0 1 auto; |
| 373 | 488 | flex: 0 1 auto; |
| 374 | 489 | display: -ms-flexbox; |
| @@ -632,14 +747,16 @@ | ||
| 632 | 747 | .ui_element .wpbc_ui_dropdown .ui_dropdown_menu > li > a { |
| 633 | 748 | color: #333; |
| 634 | 749 | text-decoration: none; |
| 635 | 750 | font-weight: 400; |
| 636 | - padding: 5px 15px; | |
| 751 | + padding: 8px 15px; | |
| 637 | 752 | white-space: nowrap; |
| 638 | 753 | display: block; |
| 639 | 754 | clear: both; |
| 640 | 755 | font-size: 1em; |
| 641 | - line-height: 1.42857143 | |
| 756 | + line-height: 1.42857143; | |
| 757 | + margin: 1px 5px; | |
| 758 | + border-radius: 2px | |
| 642 | 759 | } |
| 643 | 760 | .ui_element .wpbc_ui_dropdown .ui_dropdown_menu > .active > a, |
| 644 | 761 | .ui_element .wpbc_ui_dropdown .ui_dropdown_menu > .active > a:focus, |
| 645 | 762 | .ui_element .wpbc_ui_dropdown .ui_dropdown_menu > .active > a:hover, |
| @@ -646,8 +763,9 @@ | ||
| 646 | 763 | .ui_element .wpbc_ui_dropdown .ui_dropdown_menu > li > a:focus, |
| 647 | 764 | .ui_element .wpbc_ui_dropdown .ui_dropdown_menu > li > a:hover { |
| 648 | 765 | color: #fff; |
| 649 | 766 | background: #08c; |
| 767 | + background: var(--wpbc_ui_dropdown__active-a-background); | |
| 650 | 768 | text-decoration: none; |
| 651 | 769 | outline: 0; |
| 652 | 770 | box-shadow: none |
| 653 | 771 | } |
| @@ -721,8 +839,9 @@ | ||
| 721 | 839 | -ms-flex-pack: start; |
| 722 | 840 | justify-content: flex-start; |
| 723 | 841 | -ms-flex-align: stretch; |
| 724 | 842 | align-items: stretch; |
| 843 | + gap: 20px; | |
| 725 | 844 | margin: 0; |
| 726 | 845 | box-shadow: none; |
| 727 | 846 | border: 1px solid #dadada; |
| 728 | 847 | border-top: none; |
| @@ -783,11 +902,9 @@ | ||
| 783 | 902 | justify-content: flex-start; |
| 784 | 903 | -ms-flex-align: stretch; |
| 785 | 904 | align-items: stretch; |
| 786 | 905 | border: none; |
| 787 | - margin: 0 20px 0 0 | |
| 788 | -} | |
| 789 | -.wpbc_ajx_toolbar .ui_container .ui_group:last-child { | |
| 906 | + gap: 15px; | |
| 790 | 907 | margin: 0 |
| 791 | 908 | } |
| 792 | 909 | .wpbc_not_toolbar_is_send_emails { |
| 793 | 910 | border-left: 1px solid #dbdbdb; |
| @@ -803,14 +920,10 @@ | ||
| 803 | 920 | -ms-flex-align: stretch; |
| 804 | 921 | align-items: stretch; |
| 805 | 922 | -ms-flex: 0 1 auto; |
| 806 | 923 | flex: 0 1 auto; |
| 807 | - position: relative; | |
| 808 | - margin: 0 15px 0 0 | |
| 924 | + position: relative | |
| 809 | 925 | } |
| 810 | -.wpbc_ajx_toolbar .ui_container .ui_group .ui_element:last-child { | |
| 811 | - margin-right: 0 | |
| 812 | -} | |
| 813 | 926 | .wpbc_ajx_toolbar .ui_container .ui_group .ui_element > * { |
| 814 | 927 | margin: 5px 0; |
| 815 | 928 | height: 38px |
| 816 | 929 | } |
| @@ -864,11 +977,8 @@ | ||
| 864 | 977 | -ms-flex-align: center; |
| 865 | 978 | align-items: center |
| 866 | 979 | } |
| 867 | 980 | } |
| 868 | -.wpbc_ajx_toolbar .ui_container .ui_group.ui_group__dates_status { | |
| 869 | - margin-right: 2.5em | |
| 870 | -} | |
| 871 | 981 | .wpbc_ajx_toolbar .ui_container .ui_group.ui_group__keyword, |
| 872 | 982 | .wpbc_ajx_toolbar .ui_container .ui_group.ui_group__keyword .ui_element { |
| 873 | 983 | -ms-flex: 1 1 auto; |
| 874 | 984 | flex: 1 1 auto |
| @@ -1004,9 +1114,9 @@ | ||
| 1004 | 1114 | outline: 0; |
| 1005 | 1115 | box-shadow: none |
| 1006 | 1116 | } |
| 1007 | 1117 | .wpbc_blur { |
| 1008 | - filter: blur(.75px); | |
| 1118 | + filter: blur(1px); | |
| 1009 | 1119 | pointer-events: none; |
| 1010 | 1120 | -webkit-user-select: none; |
| 1011 | 1121 | -ms-user-select: none; |
| 1012 | 1122 | user-select: none |
| @@ -1016,9 +1126,9 @@ | ||
| 1016 | 1126 | top: 50%; |
| 1017 | 1127 | background-color: #fff; |
| 1018 | 1128 | padding: 10px; |
| 1019 | 1129 | border: 1px solid #d1d1d1; |
| 1020 | - box-shadow: 0 3px 10px #5e5e5e33; | |
| 1130 | + box-shadow: 0 3px 10px rgba(94,94,94,.2); | |
| 1021 | 1131 | color: #141b38; |
| 1022 | 1132 | font-size: 15px; |
| 1023 | 1133 | font-weight: 600; |
| 1024 | 1134 | width: 100%; |
| @@ -1049,9 +1159,9 @@ | ||
| 1049 | 1159 | -ms-flex-line-pack: center; |
| 1050 | 1160 | align-content: center; |
| 1051 | 1161 | -ms-flex-align: center; |
| 1052 | 1162 | align-items: center; |
| 1053 | - border: 3px solid #5e9b05bd; | |
| 1163 | + border: 3px solid rgba(94,155,5,.7411764706); | |
| 1054 | 1164 | border-radius: 10px; |
| 1055 | 1165 | font-size: 16px |
| 1056 | 1166 | } |
| 1057 | 1167 | .wpbc_upgrade_widget { |
