| @@ -1,4 +1,4 @@ | ||
| 1 | 1 | /* Main Wrapper */ |
| 2 | 2 | .wpbc_gb_div_block { |
| 3 | 3 | font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; |
| 4 | 4 | font-size: 1.2em; |
| @@ -28,9 +28,9 @@ | ||
| 28 | 28 | } |
| 29 | 29 | |
| 30 | 30 | /* Block Preview == Booking Form, Availability Calendar == */ |
| 31 | 31 | .wpbc_gb_block_preview_booking, |
| 32 | -.wpbc_gb_block_preview_bookingcalendar { | |
| 32 | +.wpbc_gb_block_preview_bookingcalendar { | |
| 33 | 33 | width: 284px; |
| 34 | 34 | } |
| 35 | 35 | .wpbc_gb_block_preview_booking .wpbc_gb_block_shortcode_preview_content, |
| 36 | 36 | .wpbc_gb_block_preview_bookingcalendar .wpbc_gb_block_shortcode_preview_content { |
| @@ -73,16 +73,18 @@ | ||
| 73 | 73 | |
| 74 | 74 | /* FixIn: 8.4.3.2 */ |
| 75 | 75 | /* == Block Preview - Content and Header == */ |
| 76 | 76 | .wpbc_gb_block_shortcode_preview_wrapper .wpbc_gb_block_shortcode_preview_content { |
| 77 | - border: #e4951b solid 1px; | |
| 78 | - border-bottom: none; | |
| 79 | - padding: 0 10px 20px; | |
| 77 | + border: var(--wp-components-color-accent-darker-10, var(--wp-admin-theme-color-darker-10, #2145e6)) solid 2.2px; | |
| 78 | + border-bottom: none; | |
| 79 | + padding: 0 10px 20px; | |
| 80 | + background: #fff; | |
| 81 | + border-radius: 10px 10px 0 0; | |
| 80 | 82 | } |
| 81 | 83 | |
| 82 | 84 | /* == Block Preview - Header == */ |
| 83 | 85 | .wpbc_gb_block_shortcode_preview_wrapper .wpbc_gb_block_preview_inner_header{ |
| 84 | - border-bottom: #e4951b solid 1px; | |
| 86 | + border-bottom: var(--wp-components-color-accent-darker-10, var(--wp-admin-theme-color-darker-10, #2145e6)) solid 1px; | |
| 85 | 87 | margin: 0.5em 0 1em; |
| 86 | 88 | font-weight: 600; |
| 87 | 89 | } |
| 88 | 90 | |
| @@ -124,17 +126,20 @@ | ||
| 124 | 126 | |
| 125 | 127 | /* == Block Preview - Footer == */ |
| 126 | 128 | .wpbc_gb_block_shortcode_preview_wrapper .wpbc_gb_block_preview_inner_footer { |
| 127 | 129 | width: 100%; |
| 128 | - background: #f0f0f0; | |
| 129 | - margin: 0; | |
| 130 | - padding: 10px; | |
| 131 | - color: #777; | |
| 132 | - border: #e4951b solid 1px; | |
| 133 | - border-top: none; | |
| 134 | - font-size: 0.9em; | |
| 135 | - font-weight: 600; | |
| 136 | - box-sizing: border-box; | |
| 130 | + background: #fbfbfc; | |
| 131 | + margin: 0; | |
| 132 | + padding: 10px; | |
| 133 | + color: #1e1e1e; | |
| 134 | + border: var(--wp-components-color-accent-darker-10, var(--wp-admin-theme-color-darker-10, #2145e6)) solid 2.2px; | |
| 135 | + border-top: none; | |
| 136 | + font-size: 13px; | |
| 137 | + font-weight: 600; | |
| 138 | + box-sizing: border-box; | |
| 139 | + border-radius: 0 0 15px 15px; | |
| 140 | + line-height: 2.1; | |
| 141 | + border-top: var(--wp-components-color-accent-darker-10, var(--wp-admin-theme-color-darker-10, #2145e6)) dashed 1.5px; | |
| 137 | 142 | } |
| 138 | 143 | |
| 139 | 144 | |
| 140 | 145 | /** B U T T O N S and some other elements *************************************************************************/ |
| @@ -157,14 +162,8 @@ | ||
| 157 | 162 | |
| 158 | 163 | |
| 159 | 164 | |
| 160 | 165 | |
| 161 | -/* Show Blue configuration shortcode button, if block selected or when no shortcode at all */ | |
| 162 | -.editor-block-list__block .wpbc_gb_div_block.wpbc_gb_div_block_no_shortcode a.wpbc-gutenberg-open-btn, | |
| 163 | -.editor-block-list__block.is-selected .wpbc_gb_div_block a.wpbc-gutenberg-open-btn, | |
| 164 | -.block-editor-block-list__block.is-selected .wpbc_gb_div_block a.wpbc-gutenberg-open-btn /* FixIn: 8.7.6.11 */ { | |
| 165 | - display: block; | |
| 166 | -} | |
| 167 | 166 | /* Hide Green Preview block buttin inside of the Block for WordPress older than 5.4 update*/ |
| 168 | 167 | .editor-block-list__block.is-selected .wpbc-gutenberg-update-view .wpbc-gutenberg-update-preview-btn{ |
| 169 | 168 | visibility: hidden; |
| 170 | 169 | } |
| @@ -172,17 +171,31 @@ | ||
| 172 | 171 | /* PopUp Blue Button */ |
| 173 | 172 | .wpbc_gb_div_block a.wpbc-gutenberg-open-btn, |
| 174 | 173 | .wpbc_gb_div_block a.wpbc-gutenberg-open-btn:hover, |
| 175 | 174 | .wpbc_gb_div_block a.wpbc-gutenberg-open-btn:focus { |
| 176 | - display: none; | |
| 177 | - background-color: #3b9fcf; | |
| 175 | + display: none; | |
| 176 | + background-color: var(--wp-components-color-accent-darker-10, var(--wp-admin-theme-color-darker-10, #2145e6)); | |
| 178 | 177 | color: #fff; |
| 179 | 178 | border-color: #3b9fcf; |
| 180 | 179 | text-align: center; |
| 181 | 180 | font-family: Helvetica, Arial; |
| 182 | - margin-bottom: 20px; | |
| 181 | + font-family: inherit; | |
| 182 | + font-size: 16px; | |
| 183 | + font-weight: var(--wpds-typography-font-weight-emphasis, 600); | |
| 184 | + text-decoration: none; | |
| 185 | + margin: 5px auto 20px; | |
| 186 | + padding: 10px 20px; | |
| 187 | + width: auto; | |
| 188 | + max-width: max-content; | |
| 183 | 189 | } |
| 184 | 190 | |
| 191 | +/* Show Blue configuration shortcode button, if block selected or when no shortcode at all */ | |
| 192 | +.wpbc_gb_div_block.wpbc_gb_div_block_no_shortcode a.wpbc-gutenberg-open-btn, | |
| 193 | +.editor-block-list__block.is-selected .wpbc_gb_div_block a.wpbc-gutenberg-open-btn, | |
| 194 | +.block-editor-block-list__block.is-selected .wpbc_gb_div_block a.wpbc-gutenberg-open-btn /* FixIn: 8.7.6.11 */ { | |
| 195 | + display: block; | |
| 196 | +} | |
| 197 | + | |
| 185 | 198 | /* Shortcode Input Text */ |
| 186 | 199 | .wpbc_gb_div_block .wpbc_gb_text_shortcode { |
| 187 | 200 | opacity: 0.3; |
| 188 | 201 | display: none; |
| @@ -199,5 +212,5 @@ | ||
| 199 | 212 | |
| 200 | 213 | /* FixIn: 8.4.3.2 */ |
| 201 | 214 | div.wpbc_gb_block_shortcode_preview_wrapper strong { |
| 202 | 215 | font-weight: 600; |
| 203 | -} | |
| 216 | +} | |
