File Manager

✏️ Edit File: /home/mklsvubc/pyan.co.uk/wp-content/plugins/latepoint/lib/assets/stylesheets/admin/_lightbox.scss

.latepoint-lightbox-w {
  position: fixed;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  transition: all 0.2s ease;
  z-index: 10000;
  display: none;
  align-items: center;
  justify-content: center;

.latepoint-lightbox-close {
    position: absolute;
    line-height: 1;
    top: 16px;
    right: 19px;
    font-size: 20px;
    color: #333;
    text-decoration: none;
    display: block;
    outline: none;
    box-shadow: none;
    padding: 5px;
    border-radius: $border-radius;
    i {
      display: block;
    }
    &:focus {
        outline: none;
    }
    &:hover {
      background-color: rgba(0,0,0,0.05);
      color: #000;
    }
  }

.latepoint-lightbox-shadow {
    background-color: rgba(79, 107, 156, 0.61);
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    z-index: 1;
  }

.latepoint-lightbox-i {
    max-height: 94vh;
    transform-origin: center center;
    transition: all 0.3s cubic-bezier(0.25, 1.1, 0.5, 1);
    background-color: #fff;
    width: 450px;
    box-shadow: 0px 20px 60px rgba(0,0,0, 0.2), 0px 5px 30px rgba(0,0,0,0.4);
    border-radius: $lightbox-border-radius;
    z-index: 2;
    display: flex;
    flex-direction: column;
    .latepoint-lightbox-wrapper-form {
      display: flex;
      flex-direction: column;
      max-height: 94vh;
    }
    > .os-form-w {
      padding: 20px;
    }

.latepoint-lightbox-inner-form {
      display: flex;
      flex-direction: column;
      max-height: 94vh;
    }
  }

&.width-400 .latepoint-lightbox-i{ width: 400px; }
  &.width-500 .latepoint-lightbox-i{ width: 500px; }
  &.width-600 .latepoint-lightbox-i{ width: 600px; }
  &.width-700 .latepoint-lightbox-i{ width: 700px; }
  &.width-800 .latepoint-lightbox-i{ width: 800px; }
  &.width-1000 .latepoint-lightbox-i{ width: 1000px; }
  &.width-max .latepoint-lightbox-i{ width: 90%; }

.latepoint-lightbox-heading {
    padding: 15px 30px;
    border-bottom: 1px solid $border-color-lightest;

&.os-loading {
      &:before {
        @include loading-circle($brand-primary);
        top: 10px;
        left: 10px;
      }
    }

h2 {
      color: $headings-color;
      margin: 0px;
      font-size: floor($headings-font-size * 1);
    }
  }

.latepoint-lightbox-content {
    padding: 30px;
    flex: 1;
    overflow: auto;
    font-size: $font-size-base;
    &.no-padding {
      padding: 0;
    }
  }

.latepoint-lightbox-footer {
    padding: 15px 30px;
    border-top: 1px solid $border-color-lightest;
    .os-form-group {
      margin-bottom: 0;
    }
    .latepoint-btn:not(:last-child) {
      margin-right: 10px;
    }
    &.right-aligned {
      display: flex;
      align-items: center;
      justify-content: flex-end;
    }
  }

.os-form-w {
    margin: 0px;
    form > .os-form-group:last-child {
      margin-bottom: 0px;
    }
  }
}
body.latepoint-lightbox-active {
  .latepoint-lightbox-w {
    display: flex;
  }
}

@keyframes floatingPopupAnimation {
  0% { transform: translate3d(-50%, -85%, 0) scale(0.8); opacity: 0; }
  100% { transform: translate3d(-50%, -100%, 0) scale(1); opacity: 1; }
}

.os-floating-popup {
  position: absolute;
  background-color: #fff;
  box-shadow: 0px 30px 60px -15px rgba(0,0,0,0.25), 0px 4px 22px -10px rgba(0,0,0,0.40);
  border-radius: $lightbox-border-radius;
  z-index: 9999;
  min-width: 400px;
  min-height: 200px;
  transform: translate3d(-50%, -100%, 0);
  animation: 0.3s cubic-bezier(0.05, 0.45, 0.1, 1) 0s floatingPopupAnimation;
  animation-fill-mode: both;
  &.os-loading {
    &:before {
      @include loading-circle($brand-primary, 30px);
    }
  }

.os-floating-popup-close {
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 18px;
    color: #333;
    text-decoration: none;
    display: block;
    transition: all 0.6s ease;
    outline: none;
    box-shadow: none;
    &:focus {
      outline: none;
    }
    &:hover {
      transform: rotate(90deg);
    }
  }
}

Batal

⬅ Naik ke stylesheets 46 item

Nama	Tipe	Ukuran	Diubah	Aksi
📄_activities.scss	scss	4.9 KB	2025-09-24 07:48	✏️ Edit 👁️ View
📄_addons.scss	scss	8.4 KB	2025-09-24 07:48	✏️ Edit 👁️ View
📄_agents.scss	scss	13.3 KB	2025-09-29 10:15	✏️ Edit 👁️ View
📄_animations.scss	scss	13.6 KB	2025-09-24 07:48	✏️ Edit 👁️ View
📄_booking_form_preview.scss	scss	38.7 KB	2025-09-24 07:48	✏️ Edit 👁️ View
📄_bookings.scss	scss	11.7 KB	2026-06-15 12:21	✏️ Edit 👁️ View
📄_bundles.scss	scss	5.2 KB	2025-09-24 07:48	✏️ Edit 👁️ View
📄_buttons.scss	scss	9 KB	2025-09-24 07:48	✏️ Edit 👁️ View
📄_calendars.scss	scss	67.3 KB	2025-09-29 10:15	✏️ Edit 👁️ View
📄_categories.scss	scss	4.2 KB	2025-09-24 07:48	✏️ Edit 👁️ View
📄_customers.scss	scss	14.7 KB	2025-10-02 11:57	✏️ Edit 👁️ View
📄_dark.scss	scss	7.1 KB	2025-09-29 10:15	✏️ Edit 👁️ View
📄_daterangepicker.scss	scss	9.4 KB	2025-09-24 07:48	✏️ Edit 👁️ View
📄_elements.scss	scss	5.7 KB	2026-05-18 15:24	✏️ Edit 👁️ View
📄_forms.scss	scss	54.2 KB	2025-09-29 10:15	✏️ Edit 👁️ View
📄_grid.scss	scss	1.7 KB	2025-01-29 06:25	✏️ Edit 👁️ View
📄_grid_variables.scss	scss	864 B	2025-01-29 06:25	✏️ Edit 👁️ View
📄_icons.scss	scss	66.6 KB	2025-01-29 06:25	✏️ Edit 👁️ View
📄_latecheckbox.scss	scss	3.5 KB	2025-09-24 07:48	✏️ Edit 👁️ View
📄_lateselect.scss	scss	3.4 KB	2025-01-29 06:25	✏️ Edit 👁️ View
📄_layout.scss	scss	17.1 KB	2025-10-02 11:57	✏️ Edit 👁️ View
📄_lightbox.scss	scss	3.9 KB	2025-09-24 07:48	✏️ Edit 👁️ View
📄_menu.scss	scss	12 KB	2025-09-29 10:15	✏️ Edit 👁️ View
📄_messages.scss	scss	1.7 KB	2025-09-24 07:48	✏️ Edit 👁️ View
📄_misc.scss	scss	18.5 KB	2025-09-29 10:15	✏️ Edit 👁️ View
📄_mixins.scss	scss	14.5 KB	2025-09-24 07:48	✏️ Edit 👁️ View
📄_notifications.scss	scss	2.5 KB	2025-09-24 07:48	✏️ Edit 👁️ View
📄_orders.scss	scss	23.6 KB	2025-09-29 10:15	✏️ Edit 👁️ View
📄_pickr.scss	scss	5.6 KB	2025-01-29 06:25	✏️ Edit 👁️ View
📄_processes.scss	scss	15.4 KB	2026-05-14 14:27	✏️ Edit 👁️ View
📄_quick_availability.scss	scss	7.5 KB	2025-09-24 07:48	✏️ Edit 👁️ View
📄_reminders.scss	scss	3.5 KB	2025-01-29 06:25	✏️ Edit 👁️ View
📄_responsive.scss	scss	58.6 KB	2025-09-29 10:15	✏️ Edit 👁️ View
📄_roles.scss	scss	5.3 KB	2025-01-29 06:25	✏️ Edit 👁️ View
📄_schedule.scss	scss	9.5 KB	2026-03-19 14:44	✏️ Edit 👁️ View
📄_services.scss	scss	11 KB	2025-09-24 07:48	✏️ Edit 👁️ View
📄_settings.scss	scss	13.9 KB	2026-05-18 15:24	✏️ Edit 👁️ View
📄_side-panel.scss	scss	15.5 KB	2025-09-28 12:03	✏️ Edit 👁️ View
📄_steps.scss	scss	2 KB	2025-01-29 06:25	✏️ Edit 👁️ View
📄_tables.scss	scss	21 KB	2025-09-24 07:48	✏️ Edit 👁️ View
📄_type.scss	scss	608 B	2025-01-29 06:25	✏️ Edit 👁️ View
📄_updates.scss	scss	10.9 KB	2025-09-24 07:48	✏️ Edit 👁️ View
📄_utilities.scss	scss	1.4 KB	2025-01-29 06:25	✏️ Edit 👁️ View
📄_variables.scss	scss	5.3 KB	2025-09-28 12:03	✏️ Edit 👁️ View
📄_widgets.scss	scss	45.9 KB	2025-09-28 12:03	✏️ Edit 👁️ View
📄_wizard.scss	scss	16.4 KB	2026-04-13 15:58	✏️ Edit 👁️ View