| @@ -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,47 +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 #2271b1; | |
| 51 | + box-shadow: 0 0 0 1px #fff,0 0 0 3px var(--wpbc_admin-theme-color,#2271b1); | |
| 52 | 52 | z-index: 1; |
| 53 | 53 | text-decoration: none; |
| 54 | 54 | outline: transparent solid 2px; |
| 55 | 55 | outline-offset: 0 |
| 56 | 56 | } |
| 57 | -.ui_element .wpbc_ui_button-secondary:active:not(.inactive), | |
| 58 | -.ui_element .wpbc_ui_button:active:not(.inactive), | |
| 59 | -.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) { | |
| 60 | 60 | border-color: #d8d8d8; |
| 61 | 61 | outline: 0; |
| 62 | 62 | text-decoration: none; |
| 63 | 63 | background: #fff; |
| @@ -62,16 +62,16 @@ | ||
| 62 | 62 | text-decoration: none; |
| 63 | 63 | background: #fff; |
| 64 | 64 | box-shadow: inset 0 5px 20px -3px rgba(0,0,0,.06) |
| 65 | 65 | } |
| 66 | -.ui_element .wpbc_ui_button-disabled, | |
| 67 | -.ui_element .wpbc_ui_button-secondary.disabled, | |
| 68 | -.ui_element .wpbc_ui_button-secondary:disabled, | |
| 69 | -.ui_element .wpbc_ui_button-secondary[disabled], | |
| 70 | -.ui_element .wpbc_ui_button.disabled, | |
| 71 | -.ui_element .wpbc_ui_button:disabled, | |
| 72 | -.ui_element .wpbc_ui_button[disabled], | |
| 73 | -.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 { | |
| 74 | 74 | color: #a7aaad!important; |
| 75 | 75 | border-color: #dcdcde!important; |
| 76 | 76 | background: #f6f7f7!important; |
| 77 | 77 | box-shadow: none!important; |
| @@ -78,10 +78,10 @@ | ||
| 78 | 78 | cursor: default; |
| 79 | 79 | -ms-transform: none!important; |
| 80 | 80 | transform: none!important |
| 81 | 81 | } |
| 82 | -.ui_element .wpbc_ui_button.active:hover:not(.inactive), | |
| 83 | -.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) { | |
| 84 | 84 | background: #f6f7f7; |
| 85 | 85 | border-color: #d8d8d8; |
| 86 | 86 | box-shadow: inset 0 1px 7px -3px rgba(0,0,0,.3); |
| 87 | 87 | -ms-transform: translateY(1px); |
| @@ -88,46 +88,46 @@ | ||
| 88 | 88 | transform: translateY(1px); |
| 89 | 89 | outline: 0; |
| 90 | 90 | text-decoration: none |
| 91 | 91 | } |
| 92 | -.ui_element .wpbc_ui_button.active:focus:not(.inactive) { | |
| 92 | +html .ui_element .wpbc_ui_button.active:focus:not(.inactive) { | |
| 93 | 93 | border-color: #3582c4; |
| 94 | 94 | box-shadow: inset 0 1px 5px -3px #0a4b78,0 0 1px 1px rgba(79,148,212,.1) |
| 95 | 95 | } |
| 96 | -.ui_element .wpbc_ui_button_primary { | |
| 97 | - background: #0085ba; | |
| 98 | - 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; | |
| 99 | 99 | color: #fff; |
| 100 | 100 | text-shadow: 0 -1px 1px #006799,1px 0 1px #006799,0 1px 1px #006799,-1px 0 1px #006799; |
| 101 | 101 | text-decoration: none; |
| 102 | 102 | box-shadow: 0 1px 0 #f1f1f1 |
| 103 | 103 | } |
| 104 | -.ui_element .wpbc_ui_button_primary.focus:not(.inactive), | |
| 105 | -.ui_element .wpbc_ui_button_primary.hover:not(.inactive), | |
| 106 | -.ui_element .wpbc_ui_button_primary:focus:not(.inactive), | |
| 107 | -.ui_element .wpbc_ui_button_primary:hover:not(.inactive) { | |
| 108 | - 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); | |
| 109 | 109 | border-color: #006799; |
| 110 | 110 | color: #fff |
| 111 | 111 | } |
| 112 | -.ui_element .wpbc_ui_button_primary.focus:not(.inactive), | |
| 113 | -.ui_element .wpbc_ui_button_primary:focus:not(.inactive) { | |
| 112 | +html .ui_element .wpbc_ui_button_primary.focus:not(.inactive), | |
| 113 | +html .ui_element .wpbc_ui_button_primary:focus:not(.inactive) { | |
| 114 | 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 #2271b1 | |
| 115 | + box-shadow: 0 0 0 1.5px #fff,0 0 0 3px var(--wpbc_admin-theme-color,#2271b1) | |
| 116 | 116 | } |
| 117 | -.ui_element .wpbc_ui_button_primary.active:focus:not(.inactive), | |
| 118 | -.ui_element .wpbc_ui_button_primary.active:hover:not(.inactive), | |
| 119 | -.ui_element .wpbc_ui_button_primary.active:not(.inactive), | |
| 120 | -.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) { | |
| 121 | 121 | background: #0c7ca8; |
| 122 | 122 | border-color: #0b79a4; |
| 123 | 123 | box-shadow: inset 0 1px 7px -3px rgba(0,0,0,.3); |
| 124 | 124 | color: #fff |
| 125 | 125 | } |
| 126 | -.ui_element .wpbc_ui_button_primary-disabled, | |
| 127 | -.ui_element .wpbc_ui_button_primary.disabled, | |
| 128 | -.ui_element .wpbc_ui_button_primary:disabled, | |
| 129 | -.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] { | |
| 130 | 130 | color: #a7aaad!important; |
| 131 | 131 | background: #f6f7f7!important; |
| 132 | 132 | border-color: #dcdcde!important; |
| 133 | 133 | box-shadow: none!important; |
| @@ -133,9 +133,9 @@ | ||
| 133 | 133 | box-shadow: none!important; |
| 134 | 134 | text-shadow: none!important; |
| 135 | 135 | cursor: default |
| 136 | 136 | } |
| 137 | -.ui_element .wpbc_ui_button_danger { | |
| 137 | +html .ui_element .wpbc_ui_button_danger { | |
| 138 | 138 | background: #de605c; |
| 139 | 139 | border-color: #c05d5a; |
| 140 | 140 | color: #f7f7f7; |
| 141 | 141 | text-shadow: 0 0 #ba5956; |
| @@ -141,38 +141,38 @@ | ||
| 141 | 141 | text-shadow: 0 0 #ba5956; |
| 142 | 142 | text-decoration: none; |
| 143 | 143 | box-shadow: 0 1px 0 #f1f1f1 |
| 144 | 144 | } |
| 145 | -.ui_element .wpbc_ui_button_danger.focus:not(.inactive), | |
| 146 | -.ui_element .wpbc_ui_button_danger.hover:not(.inactive), | |
| 147 | -.ui_element .wpbc_ui_button_danger:focus:not(.inactive), | |
| 148 | -.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) { | |
| 149 | 149 | background: #e6716f; |
| 150 | 150 | border-color: transparent; |
| 151 | 151 | color: #fdfdfd; |
| 152 | 152 | text-shadow: none; |
| 153 | - box-shadow: 0 0 0 1.5px #fff,0 0 0 3px #2271b1 | |
| 153 | + box-shadow: 0 0 0 1.5px #fff,0 0 0 3px var(--wpbc_admin-theme-color,#2271b1) | |
| 154 | 154 | } |
| 155 | -.ui_element .wpbc_ui_button_danger.focus:not(.inactive), | |
| 156 | -.ui_element .wpbc_ui_button_danger:focus:not(.inactive) { | |
| 155 | +html .ui_element .wpbc_ui_button_danger.focus:not(.inactive), | |
| 156 | +html .ui_element .wpbc_ui_button_danger:focus:not(.inactive) { | |
| 157 | 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 #2271b1; | |
| 158 | + box-shadow: 0 0 0 1.5px #fff,0 0 0 3px var(--wpbc_admin-theme-color,#2271b1); | |
| 159 | 159 | border-color: transparent |
| 160 | 160 | } |
| 161 | -.ui_element .wpbc_ui_button_danger.active:focus:not(.inactive), | |
| 162 | -.ui_element .wpbc_ui_button_danger.active:hover:not(.inactive), | |
| 163 | -.ui_element .wpbc_ui_button_danger.active:not(.inactive), | |
| 164 | -.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) { | |
| 165 | 165 | background: #ba4c48; |
| 166 | 166 | border-color: transparent; |
| 167 | 167 | box-shadow: inset 0 1px 7px -3px rgba(0,0,0,.1); |
| 168 | 168 | color: #f3f2f2; |
| 169 | - box-shadow: 0 0 0 1.5px #fff,0 0 0 3px #2271b1 | |
| 169 | + box-shadow: 0 0 0 1.5px #fff,0 0 0 3px var(--wpbc_admin-theme-color,#2271b1) | |
| 170 | 170 | } |
| 171 | -.ui_element .wpbc_ui_button_danger-disabled, | |
| 172 | -.ui_element .wpbc_ui_button_danger.disabled, | |
| 173 | -.ui_element .wpbc_ui_button_danger:disabled, | |
| 174 | -.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] { | |
| 175 | 175 | color: #a7aaad!important; |
| 176 | 176 | background: #f6f7f7!important; |
| 177 | 177 | border-color: #dcdcde!important; |
| 178 | 178 | box-shadow: none!important; |
| @@ -179,12 +179,67 @@ | ||
| 179 | 179 | text-shadow: none!important; |
| 180 | 180 | cursor: default |
| 181 | 181 | } |
| 182 | 182 | @media (max-width:782px) { |
| 183 | - .ui_element .in-button-text { | |
| 183 | + html .ui_element .in-button-text { | |
| 184 | 184 | display: none |
| 185 | 185 | } |
| 186 | 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 | +} | |
| 187 | 242 | .ui_element .wpbc_ui_text { |
| 188 | 243 | border: 1px solid #d6d6d6; |
| 189 | 244 | -ms-flex: 1 1 120px; |
| 190 | 245 | flex: 1 1 120px |
| @@ -190,10 +245,11 @@ | ||
| 190 | 245 | flex: 1 1 120px |
| 191 | 246 | } |
| 192 | 247 | .ui_element .wpbc_ui_text.focus, |
| 193 | 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); | |
| 194 | 251 | border-color: #d8d8d8; |
| 195 | - box-shadow: 0 0 0 1px #2271b1; | |
| 196 | 252 | box-shadow: 0 0 0 0 #4f94d4,0 0 1px 1px rgba(79,148,212,.8); |
| 197 | 253 | z-index: 1; |
| 198 | 254 | outline: transparent solid 2px |
| 199 | 255 | } |
| @@ -203,10 +259,11 @@ | ||
| 203 | 259 | flex: 1 1 auto |
| 204 | 260 | } |
| 205 | 261 | .ui_element .wpbc_ui_select.focus, |
| 206 | 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); | |
| 207 | 265 | border-color: #d8d8d8; |
| 208 | - box-shadow: 0 0 0 1px #2271b1; | |
| 209 | 266 | box-shadow: 0 0 0 0 #4f94d4,0 0 1px 1px rgba(79,148,212,.8); |
| 210 | 267 | z-index: 1; |
| 211 | 268 | outline: transparent solid 2px |
| 212 | 269 | } |
| @@ -229,9 +286,9 @@ | ||
| 229 | 286 | width: 1rem; |
| 230 | 287 | min-width: 1rem; |
| 231 | 288 | -webkit-appearance: none; |
| 232 | 289 | box-shadow: inset 0 1px 2px rgba(0,0,0,.1); |
| 233 | - transition: border-color .05s ease-in-out; | |
| 290 | + transition: border-color 50ms ease-in-out; | |
| 234 | 291 | -ms-flex-item-align: center; |
| 235 | 292 | align-self: center |
| 236 | 293 | } |
| 237 | 294 | .ui_element .wpbc_ui_radio { |
| @@ -238,14 +295,19 @@ | ||
| 238 | 295 | border-radius: 50%; |
| 239 | 296 | margin-right: .25rem; |
| 240 | 297 | line-height: .71428571 |
| 241 | 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 | +} | |
| 242 | 303 | .ui_element .wpbc_ui_checkbox.focus, |
| 243 | 304 | .ui_element .wpbc_ui_checkbox:focus, |
| 244 | 305 | .ui_element .wpbc_ui_radio.focus, |
| 245 | 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); | |
| 246 | 309 | border-color: #d8d8d8; |
| 247 | - box-shadow: 0 0 0 1px #2271b1; | |
| 248 | 310 | box-shadow: 0 0 0 0 #4f94d4,0 0 1px 1px rgba(79,148,212,.8); |
| 249 | 311 | z-index: 1; |
| 250 | 312 | outline: transparent solid 2px!important |
| 251 | 313 | } |
| @@ -277,9 +339,9 @@ | ||
| 277 | 339 | height: 0; |
| 278 | 340 | width: 0 |
| 279 | 341 | } |
| 280 | 342 | .wpbc_ui__toggle input[type=checkbox]:checked + label.wpbc_ui__toggle_icon { |
| 281 | - background-color: #036aab | |
| 343 | + background-color: var(--wpbc_admin-theme-color,#036aab) | |
| 282 | 344 | } |
| 283 | 345 | .wpbc_ui__toggle input[type=checkbox]:checked + label.wpbc_ui__toggle_icon:after { |
| 284 | 346 | left: calc(100% - 13px - 2px) |
| 285 | 347 | } |
| @@ -331,9 +393,9 @@ | ||
| 331 | 393 | .wpbc_ui__toggle .wpbc-help-tooltip { |
| 332 | 394 | margin: 0!important |
| 333 | 395 | } |
| 334 | 396 | .wpbc_ui__toggle:hover input:checked + label.wpbc_ui__toggle_icon { |
| 335 | - background-color: #215d8f | |
| 397 | + background-color: var(--wpbc_admin-theme-color,#215d8f) | |
| 336 | 398 | } |
| 337 | 399 | .wpbc_ui__toggle:hover .wpbc_ui__toggle_icon { |
| 338 | 400 | background-color: #777 |
| 339 | 401 | } |
| @@ -373,8 +435,55 @@ | ||
| 373 | 435 | .wpbc_toggle_danger.wpbc_ui__toggle input[type=checkbox]:checked+label.wpbc_ui__toggle_icon, |
| 374 | 436 | .wpbc_toggle_danger.wpbc_ui__toggle:hover input:checked+label.wpbc_ui__toggle_icon { |
| 375 | 437 | background-color: #d63638 |
| 376 | 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 | +} | |
| 377 | 486 | .ui_element .wpbc_ui_addon { |
| 378 | 487 | -ms-flex: 0 1 auto; |
| 379 | 488 | flex: 0 1 auto; |
| 380 | 489 | display: -ms-flexbox; |
| @@ -730,8 +839,9 @@ | ||
| 730 | 839 | -ms-flex-pack: start; |
| 731 | 840 | justify-content: flex-start; |
| 732 | 841 | -ms-flex-align: stretch; |
| 733 | 842 | align-items: stretch; |
| 843 | + gap: 20px; | |
| 734 | 844 | margin: 0; |
| 735 | 845 | box-shadow: none; |
| 736 | 846 | border: 1px solid #dadada; |
| 737 | 847 | border-top: none; |
| @@ -792,11 +902,9 @@ | ||
| 792 | 902 | justify-content: flex-start; |
| 793 | 903 | -ms-flex-align: stretch; |
| 794 | 904 | align-items: stretch; |
| 795 | 905 | border: none; |
| 796 | - margin: 0 20px 0 0 | |
| 797 | -} | |
| 798 | -.wpbc_ajx_toolbar .ui_container .ui_group:last-child { | |
| 906 | + gap: 15px; | |
| 799 | 907 | margin: 0 |
| 800 | 908 | } |
| 801 | 909 | .wpbc_not_toolbar_is_send_emails { |
| 802 | 910 | border-left: 1px solid #dbdbdb; |
| @@ -812,14 +920,10 @@ | ||
| 812 | 920 | -ms-flex-align: stretch; |
| 813 | 921 | align-items: stretch; |
| 814 | 922 | -ms-flex: 0 1 auto; |
| 815 | 923 | flex: 0 1 auto; |
| 816 | - position: relative; | |
| 817 | - margin: 0 15px 0 0 | |
| 924 | + position: relative | |
| 818 | 925 | } |
| 819 | -.wpbc_ajx_toolbar .ui_container .ui_group .ui_element:last-child { | |
| 820 | - margin-right: 0 | |
| 821 | -} | |
| 822 | 926 | .wpbc_ajx_toolbar .ui_container .ui_group .ui_element > * { |
| 823 | 927 | margin: 5px 0; |
| 824 | 928 | height: 38px |
| 825 | 929 | } |
| @@ -873,11 +977,8 @@ | ||
| 873 | 977 | -ms-flex-align: center; |
| 874 | 978 | align-items: center |
| 875 | 979 | } |
| 876 | 980 | } |
| 877 | -.wpbc_ajx_toolbar .ui_container .ui_group.ui_group__dates_status { | |
| 878 | - margin-right: 2.5em | |
| 879 | -} | |
| 880 | 981 | .wpbc_ajx_toolbar .ui_container .ui_group.ui_group__keyword, |
| 881 | 982 | .wpbc_ajx_toolbar .ui_container .ui_group.ui_group__keyword .ui_element { |
| 882 | 983 | -ms-flex: 1 1 auto; |
| 883 | 984 | flex: 1 1 auto |
| @@ -1025,9 +1126,9 @@ | ||
| 1025 | 1126 | top: 50%; |
| 1026 | 1127 | background-color: #fff; |
| 1027 | 1128 | padding: 10px; |
| 1028 | 1129 | border: 1px solid #d1d1d1; |
| 1029 | - box-shadow: 0 3px 10px #5e5e5e33; | |
| 1130 | + box-shadow: 0 3px 10px rgba(94,94,94,.2); | |
| 1030 | 1131 | color: #141b38; |
| 1031 | 1132 | font-size: 15px; |
| 1032 | 1133 | font-weight: 600; |
| 1033 | 1134 | width: 100%; |
| @@ -1058,9 +1159,9 @@ | ||
| 1058 | 1159 | -ms-flex-line-pack: center; |
| 1059 | 1160 | align-content: center; |
| 1060 | 1161 | -ms-flex-align: center; |
| 1061 | 1162 | align-items: center; |
| 1062 | - border: 3px solid #5e9b05bd; | |
| 1163 | + border: 3px solid rgba(94,155,5,.7411764706); | |
| 1063 | 1164 | border-radius: 10px; |
| 1064 | 1165 | font-size: 16px |
| 1065 | 1166 | } |
| 1066 | 1167 | .wpbc_upgrade_widget { |
