| @@ -1,20 +1,4 @@ | ||
| 1 | -/** | |
| 2 | - * WpStream admin onboarding wizard styles. | |
| 3 | - * | |
| 4 | - * Styles the guided first-run onboarding experience shown inside wp-admin: | |
| 5 | - * the centered onboarding modal/wrapper, the contextual "bubble" tooltips that | |
| 6 | - * point at page elements, the account register/login step, the per-content | |
| 7 | - * setup steps (live channel, PPV/free VOD), the accordion sections, the call-to | |
| 8 | - * -action buttons, the full-screen dark modal backgrounds, and the responsive | |
| 9 | - * adjustments that keep the wizard usable on short/narrow viewports. | |
| 10 | - * | |
| 11 | - * Loaded on the plugin's admin onboarding screens only. | |
| 12 | - */ | |
| 13 | - | |
| 14 | -/* Onboarding wrapper: the fixed, centered panel that hosts the wizard steps. | |
| 15 | - Hidden by default; JS toggles it on. Width is offset by half via negative | |
| 16 | - margin-left to center it against left:50%. */ | |
| 17 | 1 | .wpstream_on_boarding_wrapper{ |
| 18 | 2 | background-color: #fff; |
| 19 | 3 | position: fixed; |
| 20 | 4 | width: 500px; |
| @@ -19,20 +3,15 @@ | ||
| 19 | 3 | position: fixed; |
| 20 | 4 | width: 500px; |
| 21 | 5 | top: 125px; |
| 22 | 6 | left: 50%; |
| 23 | - margin-left: -250px; | |
| 7 | + margin-left: -250px; | |
| 24 | 8 | z-index: 10002; |
| 25 | 9 | display: none; |
| 26 | 10 | } |
| 27 | 11 | |
| 28 | -/* Contextual tooltip bubble: floating hint anchored beside a target element. | |
| 29 | - Hidden by default. Fixed (viewport-relative, not page-relative) so JS can | |
| 30 | - keep it pinned to its target across page scroll, scroll of an inner | |
| 31 | - container (e.g. the block editor sidebar), and window resize by simply | |
| 32 | - re-reading the target's current getBoundingClientRect() on those events. */ | |
| 33 | 12 | #wpstream_onboard_bubble{ |
| 34 | - position: fixed; | |
| 13 | + position: absolute; | |
| 35 | 14 | z-index: 10002; |
| 36 | 15 | background: #fff; |
| 37 | 16 | left: 175px; |
| 38 | 17 | top: -30px; |
| @@ -39,11 +18,8 @@ | ||
| 39 | 18 | width: 375px; |
| 40 | 19 | display: none; |
| 41 | 20 | } |
| 42 | 21 | |
| 43 | -/* Bubble arrows: the little CSS triangle "pointer" on the side of a bubble, | |
| 44 | - drawn with the classic transparent-border trick. Left/right variants point | |
| 45 | - the bubble toward its anchor on either side. */ | |
| 46 | 22 | .boarding-left-arrow:after{ |
| 47 | 23 | content: " "; |
| 48 | 24 | position: absolute; |
| 49 | 25 | top: 20%; |
| @@ -71,10 +47,8 @@ | ||
| 71 | 47 | |
| 72 | 48 | |
| 73 | 49 | |
| 74 | 50 | |
| 75 | -/* Shared card chrome: the drop shadow, padding, rounded corners and border | |
| 76 | - applied to both the bubble and the main wrapper so they read as one surface. */ | |
| 77 | 51 | #wpstream_onboard_bubble, |
| 78 | 52 | .wpstream_on_boarding_wrapper{ |
| 79 | 53 | box-shadow: 8px 8px 7px 1px #0606061f; |
| 80 | 54 | padding: 20px 30px; |
| @@ -82,10 +56,8 @@ | ||
| 82 | 56 | border: 1px solid #ccc; |
| 83 | 57 | } |
| 84 | 58 | |
| 85 | 59 | |
| 86 | -/* Wrapper overrides: bump the wrapper padding and give it the light purple | |
| 87 | - fill used across the onboarding UI. */ | |
| 88 | 60 | .wpstream_on_boarding_wrapper{ |
| 89 | 61 | padding: 30px; |
| 90 | 62 | min-height: 60px; |
| 91 | 63 | background-color: #F7F4FC; |
| @@ -92,11 +64,8 @@ | ||
| 92 | 64 | |
| 93 | 65 | } |
| 94 | 66 | |
| 95 | 67 | |
| 96 | -/* Wizard steps: each step is a hidden panel toggled into view by JS, with a | |
| 97 | - centered heading. wpstream_has_credential is the variant shown once the user | |
| 98 | - already has WpStream credentials. */ | |
| 99 | 68 | .wpstream_step_wrapper{ |
| 100 | 69 | display: none; |
| 101 | 70 | } |
| 102 | 71 | |
| @@ -120,11 +89,8 @@ | ||
| 120 | 89 | width: 100%; |
| 121 | 90 | padding: 0px 0px 0px 0px; |
| 122 | 91 | } |
| 123 | 92 | |
| 124 | -/* Register / option panels: the boxed sub-sections inside a step (account | |
| 125 | - registration form and generic option groups) with their own padded, bordered | |
| 126 | - purple card. */ | |
| 127 | 93 | .wpstream_on_board_register_wrapper, |
| 128 | 94 | .wpstream_step_wrapper .wpstream_option_wrapper { |
| 129 | 95 | max-width: 100%; |
| 130 | 96 | padding: 0px 0px 0px 0px; |
| @@ -139,19 +105,8 @@ | ||
| 139 | 105 | color:#221466; |
| 140 | 106 | margin-top: 0px; |
| 141 | 107 | } |
| 142 | 108 | |
| 143 | -.wpstream_on_board_register_wrapper #wpstream_register_privacy { | |
| 144 | - width: 1rem; | |
| 145 | -} | |
| 146 | - | |
| 147 | -.wpstream_on_board_register_wrapper .wpstream_terms_agreement { | |
| 148 | - display: flex; | |
| 149 | - flex-direction: row; | |
| 150 | - align-items: center; | |
| 151 | -} | |
| 152 | - | |
| 153 | -/* Login explanation blurb: the small centered helper text above the login form. */ | |
| 154 | 109 | .wpstream_on_board_login_wrapper_explanations{ |
| 155 | 110 | margin-bottom: 35px; |
| 156 | 111 | font-size: 14px; |
| 157 | 112 | line-height: 1.6em; |
| @@ -158,9 +113,8 @@ | ||
| 158 | 113 | margin-top: -20px; |
| 159 | 114 | text-align: center; |
| 160 | 115 | } |
| 161 | 116 | |
| 162 | -/* Register/login submit buttons stretch full width of their card. */ | |
| 163 | 117 | .wpstream_onboard_register, |
| 164 | 118 | .wpstream_onboard_login{ |
| 165 | 119 | width:100%; |
| 166 | 120 | |
| @@ -165,10 +119,8 @@ | ||
| 165 | 119 | width:100%; |
| 166 | 120 | |
| 167 | 121 | } |
| 168 | 122 | |
| 169 | -/* Auth toggles hidden by default: the login action link and the register/login | |
| 170 | - panels start collapsed and are revealed by JS as the user switches modes. */ | |
| 171 | 123 | #wpstream_onboarding_action_login, |
| 172 | 124 | .wpstream_on_board_register_wrapper, |
| 173 | 125 | .wpstream_on_board_login_wrapper{ |
| 174 | 126 | display: none; |
| @@ -175,10 +127,8 @@ | ||
| 175 | 127 | } |
| 176 | 128 | |
| 177 | 129 | |
| 178 | 130 | |
| 179 | -/* Inline status messages: green success "notification" pill (hidden until JS | |
| 180 | - shows it), a red error variant, and the "checking account status" text. */ | |
| 181 | 131 | .wpstream_onboarding_notification{ |
| 182 | 132 | background: #45a73f; |
| 183 | 133 | padding: 5px 10px; |
| 184 | 134 | color: #fff; |
| @@ -205,20 +155,17 @@ | ||
| 205 | 155 | font-weight: 500; |
| 206 | 156 | } |
| 207 | 157 | |
| 208 | 158 | |
| 209 | -/* Option inputs span the full width of their row. */ | |
| 210 | 159 | .wpstream_step_wrapper .wpstream_option input{ |
| 211 | 160 | width: 100%; |
| 212 | 161 | |
| 213 | 162 | } |
| 214 | 163 | |
| 215 | -/* Register action link hidden by default. */ | |
| 216 | 164 | #wpstream_onboarding_action_register{ |
| 217 | 165 | display: none; |
| 218 | 166 | } |
| 219 | 167 | |
| 220 | -/* The login/register mode-switch links: small underlined clickable text. */ | |
| 221 | 168 | #wpstream_onboarding_action_login, |
| 222 | 169 | #wpstream_onboarding_action_register{ |
| 223 | 170 | font-size: 14px; |
| 224 | 171 | font-weight: 500; |
| @@ -227,9 +174,8 @@ | ||
| 227 | 174 | cursor: pointer; |
| 228 | 175 | margin-bottom: 10px; |
| 229 | 176 | } |
| 230 | 177 | |
| 231 | -/* Step 1 is the only step visible on load. */ | |
| 232 | 178 | .wpstream_step_1{ |
| 233 | 179 | display: block; |
| 234 | 180 | } |
| 235 | 181 | |
| @@ -234,9 +180,8 @@ | ||
| 234 | 180 | } |
| 235 | 181 | |
| 236 | 182 | |
| 237 | 183 | |
| 238 | -/* The "or" divider between two alternative actions (e.g. login vs register). */ | |
| 239 | 184 | .wpstram_or{ |
| 240 | 185 | text-align: center; |
| 241 | 186 | font-size: 14px; |
| 242 | 187 | color: #221466; |
| @@ -242,9 +187,8 @@ | ||
| 242 | 187 | color: #221466; |
| 243 | 188 | font-weight: 500; |
| 244 | 189 | } |
| 245 | 190 | |
| 246 | -/* Warning callout: soft-red boxed notice used for onboarding warnings. */ | |
| 247 | 191 | .wpstream_warning_onboarding{ |
| 248 | 192 | background: #ffe5e5; |
| 249 | 193 | border: 1px solid #ff4c4c8c; |
| 250 | 194 | color: #3b3b3b; |
| @@ -257,10 +201,8 @@ | ||
| 257 | 201 | } |
| 258 | 202 | |
| 259 | 203 | |
| 260 | 204 | |
| 261 | -/* Accordion header: the clickable collapsible section title (live/VOD setup), | |
| 262 | - with a purple hover state. */ | |
| 263 | 205 | .wpstream_accordion_header{ |
| 264 | 206 | padding: 20px 10px; |
| 265 | 207 | border: 1px solid #ccc; |
| 266 | 208 | cursor: pointer; |
| @@ -282,9 +224,8 @@ | ||
| 282 | 224 | color: #fff; |
| 283 | 225 | } |
| 284 | 226 | |
| 285 | 227 | |
| 286 | -/* Live-setup sub-block and the field labels used throughout the steps. */ | |
| 287 | 228 | .wpstream_onboard_live{ |
| 288 | 229 | padding: 10px; |
| 289 | 230 | border: 1px solid #ccc; |
| 290 | 231 | } |
| @@ -296,9 +237,8 @@ | ||
| 296 | 237 | margin-bottom: 5px; |
| 297 | 238 | } |
| 298 | 239 | |
| 299 | 240 | |
| 300 | -/* Accordion body: the padded purple panel revealed under an accordion header. */ | |
| 301 | 241 | .wpstream_accordion_container{ |
| 302 | 242 | padding: 30px; |
| 303 | 243 | border-radius: 5px; |
| 304 | 244 | margin-bottom: 30px; |
| @@ -305,10 +245,8 @@ | ||
| 305 | 245 | background-color: #eae8fc; |
| 306 | 246 | border: 1px solid #e8dbfc; |
| 307 | 247 | } |
| 308 | 248 | |
| 309 | -/* Onboarding form fields: shared white text-input styling for every channel / | |
| 310 | - VOD name and price input across the live, PPV and free-VOD setup steps. */ | |
| 311 | 249 | #wpstream_free_vod_file_name_for_ppv, |
| 312 | 250 | #wpstream_onboarding_vod_price, |
| 313 | 251 | #wpstream_onboarding_ppv_vod_name, |
| 314 | 252 | #wpstream_ppv_vod_file_name, |
| @@ -324,10 +262,8 @@ | ||
| 324 | 262 | width: 100%; |
| 325 | 263 | margin-bottom: 15px; |
| 326 | 264 | } |
| 327 | 265 | |
| 328 | -/* Width tweaks: cap the PPV VOD name field, make the editable post-name a | |
| 329 | - positioning context, and force the VOD file-name fields to full width. */ | |
| 330 | 266 | #wpstream_onboarding_ppv_vod_name{ |
| 331 | 267 | max-width: 450px; |
| 332 | 268 | } |
| 333 | 269 | #editable-post-name{ |
| @@ -340,9 +276,8 @@ | ||
| 340 | 276 | max-width: 100%; |
| 341 | 277 | width: 100%; |
| 342 | 278 | } |
| 343 | 279 | |
| 344 | -/* Legacy "on board" trigger button (brown). */ | |
| 345 | 280 | #wpstream_on_board{ |
| 346 | 281 | background-color: brown; |
| 347 | 282 | padding: 15px; |
| 348 | 283 | cursor: pointer; |
| @@ -352,11 +287,8 @@ | ||
| 352 | 287 | /* float: left; */ |
| 353 | 288 | margin: 20px; |
| 354 | 289 | } |
| 355 | 290 | |
| 356 | -/* Primary action buttons: the shared purple pill styling for every wizard/ | |
| 357 | - bubble control (next, prev, finish, upload, try again, install, view VOD, | |
| 358 | - start channel, close). */ | |
| 359 | 291 | #wpstream_onboarding_view_vod, |
| 360 | 292 | .wpstream_upload_video, |
| 361 | 293 | .wpstream_onboarding_tryagain, |
| 362 | 294 | .wpstream_install_plugin, |
| @@ -377,9 +309,8 @@ | ||
| 377 | 309 | display: inline-block; |
| 378 | 310 | line-height: 1.4em; |
| 379 | 311 | } |
| 380 | 312 | |
| 381 | -/* Extra top margin for the try-again / install-plugin buttons. */ | |
| 382 | 313 | .wpstream_onboarding_tryagain, |
| 383 | 314 | .wpstream_install_plugin{ |
| 384 | 315 | margin: 30px 0px 0px 0px; |
| 385 | 316 | } |
| @@ -384,9 +315,8 @@ | ||
| 384 | 315 | margin: 30px 0px 0px 0px; |
| 385 | 316 | } |
| 386 | 317 | |
| 387 | 318 | |
| 388 | -/* Positioning contexts so absolutely-positioned bubbles/controls anchor here. */ | |
| 389 | 319 | #post-body, |
| 390 | 320 | .wpstream_initial_onboarding_controls_wrapper{ |
| 391 | 321 | position: relative; |
| 392 | 322 | } |
| @@ -391,9 +321,8 @@ | ||
| 391 | 321 | position: relative; |
| 392 | 322 | } |
| 393 | 323 | |
| 394 | 324 | |
| 395 | -/* Start-channel button laid out as its own block. */ | |
| 396 | 325 | #wpstream_onboarding_start_chanel{ |
| 397 | 326 | display: block; |
| 398 | 327 | width: fit-content; |
| 399 | 328 | margin: 10px 0px; |
| @@ -398,9 +327,8 @@ | ||
| 398 | 327 | width: fit-content; |
| 399 | 328 | margin: 10px 0px; |
| 400 | 329 | } |
| 401 | 330 | |
| 402 | -/* Shared dark-purple hover state for the action buttons above. */ | |
| 403 | 331 | .wpstream_onboard_initial_bubble_prev:hover, |
| 404 | 332 | #wpstream_onboarding_view_vod:hover, |
| 405 | 333 | .wpstream_onboarding_tryagain:hover, |
| 406 | 334 | .wpstream_install_plugin:hover, |
| @@ -411,9 +339,8 @@ | ||
| 411 | 339 | background-color: #221466; |
| 412 | 340 | } |
| 413 | 341 | |
| 414 | 342 | |
| 415 | -/* Progress dots: the row of small round step indicators under a bubble. */ | |
| 416 | 343 | .wpstream_round_bubble{ |
| 417 | 344 | text-align: center; |
| 418 | 345 | } |
| 419 | 346 | |
| @@ -428,15 +355,12 @@ | ||
| 428 | 355 | } |
| 429 | 356 | |
| 430 | 357 | |
| 431 | 358 | |
| 432 | -/* The bubble "finish" button is hidden until the last step. */ | |
| 433 | 359 | .wpstream_onboard_bubble_finish{ |
| 434 | 360 | display: none; |
| 435 | 361 | } |
| 436 | 362 | |
| 437 | -/* Modal backdrop: full-screen dark dimming layer behind the onboarding modal | |
| 438 | - (hidden until the wizard opens). */ | |
| 439 | 363 | .wpstream_modal_background_onboard { |
| 440 | 364 | position: fixed; |
| 441 | 365 | z-index: 10001; |
| 442 | 366 | top: 0px; |
| @@ -447,9 +371,8 @@ | ||
| 447 | 371 | opacity: 0.7; |
| 448 | 372 | display: none; |
| 449 | 373 | } |
| 450 | 374 | |
| 451 | -/* Decorative background image layer sitting behind the backdrop content. */ | |
| 452 | 375 | .wpstream_modal_back{ |
| 453 | 376 | position: absolute; |
| 454 | 377 | width: 100%; |
| 455 | 378 | height: 100%; |
| @@ -463,9 +386,8 @@ | ||
| 463 | 386 | } |
| 464 | 387 | |
| 465 | 388 | |
| 466 | 389 | |
| 467 | -/* Secondary backdrop variant (lower z-index) for a second modal layer. */ | |
| 468 | 390 | .wpstream_modal_background_onboard2 { |
| 469 | 391 | position: fixed; |
| 470 | 392 | z-index: 1000; |
| 471 | 393 | top: 0px; |
| @@ -476,10 +398,8 @@ | ||
| 476 | 398 | opacity: 0.7; |
| 477 | 399 | display: none; |
| 478 | 400 | } |
| 479 | 401 | |
| 480 | -/* Close (X) button: the top-right dismiss control on the onboarding panel, | |
| 481 | - using a background-image icon; a second rule nudges it for the initial modal. */ | |
| 482 | 402 | .wpstream_close_onboarding{ |
| 483 | 403 | width:30px; |
| 484 | 404 | height: 30px; |
| 485 | 405 | background-color: rgba(13,110,253,0.12); |
| @@ -504,9 +424,8 @@ | ||
| 504 | 424 | |
| 505 | 425 | |
| 506 | 426 | |
| 507 | 427 | |
| 508 | -/* "Acknowledge / close" text button inside the modal. */ | |
| 509 | 428 | #wpstrean_close_modal_ack{ |
| 510 | 429 | font-size: 14px; |
| 511 | 430 | margin-top: 20px; |
| 512 | 431 | font-weight: 400; |
| @@ -512,9 +431,8 @@ | ||
| 512 | 431 | font-weight: 400; |
| 513 | 432 | margin-bottom: 0px; |
| 514 | 433 | } |
| 515 | 434 | |
| 516 | -/* Confirmation text shown when the user tries to close mid-onboarding. */ | |
| 517 | 435 | .wpstream_close_onboarding_warning{ |
| 518 | 436 | color: #1d2327; |
| 519 | 437 | margin: 15px 0px 0px 0px; |
| 520 | 438 | display: inline-block; |
| @@ -524,9 +442,8 @@ | ||
| 524 | 442 | font-weight: 500; |
| 525 | 443 | } |
| 526 | 444 | |
| 527 | 445 | |
| 528 | -/* Bubble body text and its line-break spacer. */ | |
| 529 | 446 | #wpstream_onboard_bubble_content{ |
| 530 | 447 | color: #1d2327; |
| 531 | 448 | margin: 0px 0px 15px 0px; |
| 532 | 449 | display: inline-block; |
| @@ -540,9 +457,8 @@ | ||
| 540 | 457 | #wpstream_onboard_bubble_content .onboard_line_break{ |
| 541 | 458 | margin-bottom: 10px; |
| 542 | 459 | } |
| 543 | 460 | |
| 544 | -/* Bubble title heading (note: id spells "tile"), forced with !important. */ | |
| 545 | 461 | #wpstream_onboard_bubble_tile{ |
| 546 | 462 | margin: 15px 0px 15px 0px!important; |
| 547 | 463 | line-height: 1.3em!important; |
| 548 | 464 | padding: 0px!important; |
| @@ -552,9 +468,8 @@ | ||
| 552 | 468 | float: left; |
| 553 | 469 | font-weight: 600!important; |
| 554 | 470 | } |
| 555 | 471 | |
| 556 | -/* Start-channel button, distinct green "success" styling with a green hover. */ | |
| 557 | 472 | #wpstream_onboarding_start_chanel { |
| 558 | 473 | padding: 9px 20px; |
| 559 | 474 | width: auto; |
| 560 | 475 | min-width: 130px; |
| @@ -575,10 +490,8 @@ | ||
| 575 | 490 | background: #45a73f; |
| 576 | 491 | color: #fff; |
| 577 | 492 | } |
| 578 | 493 | |
| 579 | -/* Purple call-to-action buttons: register/login, quick-start trigger and the | |
| 580 | - VOD/live "action" buttons, with a shared dark-purple hover. */ | |
| 581 | 494 | .wpstream_onboard_register, |
| 582 | 495 | .wpstream_onboard_login, |
| 583 | 496 | #wpstream_trigger_quick_start, |
| 584 | 497 | #wpstream_onboard_vod_ppv_action, |
| @@ -587,13 +500,8 @@ | ||
| 587 | 500 | .wpstream_onboard_live_action{ |
| 588 | 501 | background-color:#4e2ee6 |
| 589 | 502 | } |
| 590 | 503 | |
| 591 | -/* The quick-start trigger sizes to its label instead of the shared fixed button height. */ | |
| 592 | -#wpstream_trigger_quick_start{ | |
| 593 | - height: auto; | |
| 594 | -} | |
| 595 | - | |
| 596 | 504 | .wpstream_onboard_register:hover, |
| 597 | 505 | .wpstream_onboard_login:hover, |
| 598 | 506 | #wpstream_trigger_quick_start:hover, |
| 599 | 507 | #wpstream_onboard_vod_ppv_action:hover, |
| @@ -602,10 +510,8 @@ | ||
| 602 | 510 | .wpstream_onboard_live_action:hover{ |
| 603 | 511 | background-color: #221466; |
| 604 | 512 | } |
| 605 | 513 | |
| 606 | -/* Sample inline icons: small square glyph badges (settings/camera/view) used | |
| 607 | - in the instructional copy, each set via a background-image SVG with a hover. */ | |
| 608 | 514 | .wpstream_sample_icon_settings{ |
| 609 | 515 | width: 37px; |
| 610 | 516 | height: 37px; |
| 611 | 517 | border: 1px solid #f0f0f0; |
| @@ -640,10 +546,8 @@ | ||
| 640 | 546 | cursor: pointer; |
| 641 | 547 | } |
| 642 | 548 | |
| 643 | 549 | |
| 644 | -/* Quick-start card: the white bordered panel promoting the quick-start flow, | |
| 645 | - with its heading and paragraph styles. */ | |
| 646 | 550 | .wpstream_quick_start_wrapper{ |
| 647 | 551 | background: #fff; |
| 648 | 552 | margin: 5px 15px 2px; |
| 649 | 553 | padding: 30px 30px; |
| @@ -662,10 +566,8 @@ | ||
| 662 | 566 | margin: 25px 0px; |
| 663 | 567 | } |
| 664 | 568 | |
| 665 | 569 | |
| 666 | -/* Responsive: short-viewport tweaks. As screen height shrinks the wizard moves | |
| 667 | - up, narrows, drops the logo and tightens spacing so it still fits on screen. */ | |
| 668 | 570 | @media screen and (max-height: 850px) { |
| 669 | 571 | .wpstream_on_boarding_wrapper{ |
| 670 | 572 | top: 45px; |
| 671 | 573 | } |
| @@ -722,12 +624,10 @@ | ||
| 722 | 624 | } |
| 723 | 625 | } |
| 724 | 626 | |
| 725 | 627 | |
| 726 | -/* Responsive: narrow (mobile) viewports. The wizard goes full-screen and form | |
| 727 | - fields/links stretch to fit the small width. */ | |
| 728 | 628 | @media screen and (max-width: 768px) { |
| 729 | - | |
| 629 | + | |
| 730 | 630 | .wpstream_on_boarding_wrapper { |
| 731 | 631 | position: fixed; |
| 732 | 632 | width: 100%; |
| 733 | 633 | top: 0px; |
| @@ -753,21 +653,15 @@ | ||
| 753 | 653 | } |
| 754 | 654 | |
| 755 | 655 | } |
| 756 | 656 | |
| 757 | -/* Loading spinner shown full-width and centred inside an accordion while work is | |
| 758 | - pending (core floats it right, which pushes it to the bottom corner). */ | |
| 759 | 657 | .wpstream_accordion_container .spinner { |
| 760 | 658 | visibility: visible; |
| 761 | 659 | background-position: center; |
| 762 | 660 | width: 100%; |
| 763 | - float: none; | |
| 764 | - margin: 0 auto; | |
| 765 | 661 | } |
| 766 | 662 | |
| 767 | -/* Strip the default admin link box-shadow from links inside a warning box | |
| 768 | - (uses CSS nesting). */ | |
| 769 | 663 | .wpstream_warning_onboarding { |
| 770 | 664 | a { |
| 771 | 665 | box-shadow: none; |
| 772 | 666 | } |
| 773 | 667 | } |
