migrate to gtea from bistbucket
This commit is contained in:
498
public/assets/css/arabic.css
Normal file
498
public/assets/css/arabic.css
Normal file
@@ -0,0 +1,498 @@
|
||||
[dir="rtl"] body {
|
||||
background: #ecf1f9 !important;
|
||||
}
|
||||
[dir="rtl"] a,
|
||||
[dir="rtl"] button,
|
||||
[dir="rtl"] .btn,
|
||||
[dir="rtl"] ol li a,
|
||||
[dir="rtl"] ul li a {
|
||||
text-decoration: none !important;
|
||||
}
|
||||
[dir="rtl"] .dropdown-item.active,
|
||||
[dir="rtl"] .dropdown-item:active,
|
||||
[dir="rtl"] .nav-pills .nav-link.active,
|
||||
[dir="rtl"] .nav-pills .show > .nav-link,
|
||||
[dir="rtl"] .btn-primary {
|
||||
background-color: #c52127 !important;
|
||||
}
|
||||
[dir="rtl"] .btn-primary {
|
||||
border-color: #c52127 !important;
|
||||
}
|
||||
|
||||
[dir="rtl"] .text-primary,
|
||||
[dir="rtl"] .arabic-primary-clr,
|
||||
[dir="rtl"] .nav-link {
|
||||
color: #c52127 !important;
|
||||
}
|
||||
|
||||
[dir="rtl"] p {
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
[dir="rtl"] .card {
|
||||
border: 0;
|
||||
box-shadow: 0px 4px 24px 0px #e4c3c30d;
|
||||
border-radius: 12px;
|
||||
}
|
||||
|
||||
[dir="rtl"] .nav-link.active {
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
[dir="rtl"] .btn-custom-warning {
|
||||
background-color: #c52127 !important;
|
||||
color: #fff;
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
[dir="rtl"] .role-reset-btn {
|
||||
font-weight: bold;
|
||||
color: #c52127;
|
||||
border: 1px solid #c52127;
|
||||
padding: 0.2rem 0.5rem !important;
|
||||
}
|
||||
|
||||
[dir="rtl"] ol,
|
||||
[dir="rtl"] ul {
|
||||
padding-right: 0;
|
||||
}
|
||||
[dir="rtl"] .section-container {
|
||||
padding-right: 15%;
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
[dir="rtl"] .section-container.active {
|
||||
padding-left: 0;
|
||||
padding-right: 60px;
|
||||
}
|
||||
[dir="rtl"] .view-website i {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
[dir="rtl"] .sales-main-container {
|
||||
display: grid;
|
||||
grid-template-columns: 45% 55%;
|
||||
}
|
||||
[dir="rtl"] .amount-container {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 2fr;
|
||||
padding-right: 12px;
|
||||
}
|
||||
[dir="rtl"] .save-amount-container {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 2fr;
|
||||
}
|
||||
[dir="rtl"] .main-container .products-container {
|
||||
background-color: transparent;
|
||||
}
|
||||
[dir="rtl"] .sales-container {
|
||||
order: 2 !important;
|
||||
}
|
||||
[dir="rtl"] .btn-category {
|
||||
background-color: #f8961e;
|
||||
color: white;
|
||||
padding-top: 9px;
|
||||
padding-bottom: 9px;
|
||||
}
|
||||
[dir="rtl"] .btn-brand {
|
||||
background-color: #1e90ff;
|
||||
color: white;
|
||||
padding-top: 9px;
|
||||
padding-bottom: 9px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
[dir="rtl"] .btn-search {
|
||||
background-color: var(--clr-primary);
|
||||
color: white;
|
||||
border-radius: 0.25rem 0 0 0.25rem;
|
||||
}
|
||||
[dir="rtl"] .search-product {
|
||||
display: grid;
|
||||
grid-template-columns: 5fr 4fr;
|
||||
}
|
||||
@media (max-width: 1200px) {
|
||||
[dir="rtl"] .quick-actions-container {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
}
|
||||
}
|
||||
@media (max-width: 992px) {
|
||||
[dir="rtl"] .sales-main-container {
|
||||
grid-template-columns: 100%;
|
||||
}
|
||||
}
|
||||
@media (max-width: 480px) {
|
||||
[dir="rtl"] .search-product {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
}
|
||||
[dir="rtl"] .main-container {
|
||||
order: 1 !important;
|
||||
padding: 0;
|
||||
}
|
||||
[dir="rtl"] .side-bar {
|
||||
left: unset;
|
||||
right: 0;
|
||||
z-index: 10;
|
||||
}
|
||||
@media (max-width: 1400px) {
|
||||
[dir="rtl"] .section-container {
|
||||
padding-left: 0 !important;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1400px) {
|
||||
[dir="rtl"] .side-bar {
|
||||
width: 15%;
|
||||
}
|
||||
}
|
||||
[dir="rtl"] .side-bar-addon {
|
||||
right: 123px !important;
|
||||
font-size: 10px !important;
|
||||
top: 13px;
|
||||
border-radius: 3px !important;
|
||||
color: black;
|
||||
max-width: 60px;
|
||||
}
|
||||
[dir="rtl"] .side-bar-logo {
|
||||
display: flex;
|
||||
}
|
||||
[dir="rtl"] .container-fluid {
|
||||
padding: 1.5%;
|
||||
width: 100%;
|
||||
}
|
||||
[dir="rtl"] .sidebar-opner {
|
||||
margin-right: 0;
|
||||
margin-left: 20px;
|
||||
}
|
||||
[dir="rtl"] .side-bar-manu li a .sidebar-icon {
|
||||
margin-left: 10px;
|
||||
margin-right: 0;
|
||||
}
|
||||
[dir="rtl"] .side-bar.active .side-bar-manu li a .sidebar-icon {
|
||||
margin-right: 0;
|
||||
margin-left: 30px;
|
||||
left: unset;
|
||||
right: -10px;
|
||||
}
|
||||
[dir="rtl"] .side-bar-manu li .dropdown-menu li {
|
||||
padding-right: 15px;
|
||||
padding-left: 0;
|
||||
}
|
||||
[dir="rtl"] .side-bar-manu li .dropdown-menu {
|
||||
margin-left: 0;
|
||||
margin-right: 20px;
|
||||
border-left: 0;
|
||||
}
|
||||
[dir="rtl"] .main-header-section {
|
||||
z-index: 5;
|
||||
}
|
||||
[dir="rtl"] .side-bar-manu .dropdown::before {
|
||||
left: 15px;
|
||||
right: unset;
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
|
||||
[dir="rtl"] .gpt-dashboard-card .couter-box {
|
||||
justify-content: space-between !important;
|
||||
}
|
||||
|
||||
[dir="rtl"] .gpt-dashboard-card .couter-box h5 {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
[dir="rtl"] .gpt-dashboard-card .couter-box .icons {
|
||||
margin-left: 5px;
|
||||
}
|
||||
[dir="rtl"] .gpt-dashboard-card .couter-box h5,
|
||||
[dir="rtl"] .gpt-dashboard-card .couter-box p {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
[dir="rtl"] .gpt-dashboard-chart .card-header .gpt-up-down-arrow span {
|
||||
left: 20px !important;
|
||||
right: unset !important;
|
||||
}
|
||||
[dir="rtl"] .print-btn i {
|
||||
margin-right: 0;
|
||||
margin-left: 6px;
|
||||
}
|
||||
[dir="rtl"] .password-input .hide-pass {
|
||||
left: 10px;
|
||||
right: unset;
|
||||
}
|
||||
[dir="rtl"] .table-action .dropdown-menu a i {
|
||||
margin-left: 7px;
|
||||
margin-right: 0;
|
||||
}
|
||||
[dir="rtl"] .arabic-text-right {
|
||||
text-align: right !important;
|
||||
}
|
||||
|
||||
[dir="rtl"] .order-form-section label {
|
||||
left: unset;
|
||||
right: 10px;
|
||||
}
|
||||
[dir="rtl"] .order-form-section .settings-image-upload .title {
|
||||
right: 30px !important;
|
||||
}
|
||||
|
||||
[dir="rtl"] .feature-btn {
|
||||
border-top-left-radius: 4px !important;
|
||||
border-bottom-left-radius: 4px !important;
|
||||
}
|
||||
[dir="rtl"] .table > :not(:last-child) > :last-child > * {
|
||||
border-bottom-color: rgba(31, 31, 31, 0.1) !important;
|
||||
}
|
||||
[dir="rtl"] .table th {
|
||||
background-color: rgba(31, 31, 31, 0.05) !important;
|
||||
}
|
||||
|
||||
[dir="rtl"] .table-top-left .gpt-up-down-arrow span {
|
||||
right: 20px !important;
|
||||
}
|
||||
[dir="rtl"] .dashboard-table-header i {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
|
||||
@media (min-width: 500px) {
|
||||
.gpt-up-down-arrow span {
|
||||
right: 93% !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 0px) and (max-width: 500px) {
|
||||
.gpt-up-down-arrow span {
|
||||
right: 92% !important;
|
||||
}
|
||||
}
|
||||
|
||||
[dir="rtl"] .table-search .position-absolute {
|
||||
right: 92%;
|
||||
}
|
||||
|
||||
[dir="rtl"] .table-top-left.d-flex.gap-3.margin-l-16 {
|
||||
margin-right: 16px !important;
|
||||
}
|
||||
|
||||
[dir="rtl"] .erp-table-section .searchResults .w-60 {
|
||||
text-align: right !important;
|
||||
}
|
||||
|
||||
[dir="rtl"] label.upload-img-label {
|
||||
top: -6px;
|
||||
left: 5px !important;
|
||||
}
|
||||
|
||||
[dir="rtl"] .modal-body label {
|
||||
left: -5px;
|
||||
}
|
||||
|
||||
/* notification style css start */
|
||||
|
||||
[dir="rtl"] .toast.toast-success {
|
||||
background-color: green !important;
|
||||
}
|
||||
[dir="rtl"] .toast.toast-error {
|
||||
background-color: #c52127 !important;
|
||||
}
|
||||
/* notification style css end */
|
||||
|
||||
/* delete modal style css start */
|
||||
[dir="rtl"] .jconfirm-title,
|
||||
[dir="rtl"] .jconfirm-content {
|
||||
direction: ltr;
|
||||
unicode-bidi: embed;
|
||||
}
|
||||
/* delete modal style css end */
|
||||
|
||||
@media only screen and (min-width: 360px) and (max-width: 644px) {
|
||||
[dir="rtl"] .table-search .position-absolute {
|
||||
right: 77%;
|
||||
}
|
||||
}
|
||||
@media only screen and (min-width: 0px) and (max-width: 360px) {
|
||||
[dir="rtl"] .table-search .position-absolute {
|
||||
right: 75%;
|
||||
}
|
||||
}
|
||||
|
||||
/*----------- dashboard counter card css start------------*/
|
||||
@media only screen and (min-width: 1424px) {
|
||||
[dir="rtl"] .gpt-dashboard-card.counter-grid-6 {
|
||||
grid-template-columns: repeat(5, 1fr);
|
||||
}
|
||||
}
|
||||
@media only screen and (min-width: 880px) and (max-width: 1424px) {
|
||||
[dir="rtl"] .gpt-dashboard-card.counter-grid-6 {
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 650px) and (max-width: 880px) {
|
||||
[dir="rtl"] .gpt-dashboard-card.counter-grid-6 {
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 1423px) and (max-width: 1700px) {
|
||||
[dir="rtl"] .gpt-dashboard-card .couter-box .icons {
|
||||
height: 44px;
|
||||
width: 44px;
|
||||
}
|
||||
[dir="rtl"] .gpt-dashboard-card .couter-box h5 {
|
||||
font-size: 18px;
|
||||
line-height: 28px;
|
||||
}
|
||||
[dir="rtl"] .gpt-dashboard-card .couter-box p {
|
||||
font-size: 14px;
|
||||
line-height: 24px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 650px) {
|
||||
[dir="rtl"] .gpt-dashboard-card.counter-grid-6 {
|
||||
grid-template-columns: repeat(1, 1fr);
|
||||
}
|
||||
}
|
||||
|
||||
/*----------- dashboard counter card css end------------*/
|
||||
|
||||
@media only screen and (min-width: 0px) and (max-width: 400px) {
|
||||
[dir="rtl"] .header-left .text-custom-primary {
|
||||
font-size: 11px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1150px) {
|
||||
[dir="rtl"] .side-bar {
|
||||
right: -100%;
|
||||
left: unset;
|
||||
}
|
||||
[dir="rtl"] .side-bar.active {
|
||||
right: 0;
|
||||
left: unset;
|
||||
}
|
||||
[dir="rtl"] .section-container {
|
||||
padding-right: 0;
|
||||
padding-left: 0;
|
||||
}
|
||||
[dir="rtl"] .section-container.active {
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
}
|
||||
[dir="rtl"] .close-btn {
|
||||
left: 15px;
|
||||
right: unset;
|
||||
}
|
||||
[dir="rtl"] .side-bar.active .side-bar-manu li a .sidebar-icon {
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 1400px) {
|
||||
[dir="rtl"] .gpt-dashboard-card .couter-box p {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
[dir="rtl"] .input-group {
|
||||
/* position: relative; */
|
||||
display: flex !important;
|
||||
/* flex-wrap: wrap; */
|
||||
align-items: stretch;
|
||||
width: 100%;
|
||||
}
|
||||
[dir="rtl"] .dropdown-search {
|
||||
/* padding: 8px; */
|
||||
/* border-top: 1px solid #ddd; */
|
||||
position: absolute !important;
|
||||
top: 50px;
|
||||
width: 100%;
|
||||
}
|
||||
[dir="rtl"] .inventory-square-btn {
|
||||
display: none !important;
|
||||
}
|
||||
[dir="rtl"] .custom-print-btn {
|
||||
white-space: nowrap;
|
||||
}
|
||||
[dir="rtl"] .pdf-btn {
|
||||
white-space: nowrap;
|
||||
}
|
||||
[dir="rtl"] .invoice-logo {
|
||||
width: 40px;
|
||||
height: 54px;
|
||||
object-fit: contain;
|
||||
object-position: right center;
|
||||
display: block;
|
||||
}
|
||||
[dir="rtl"] .table-striped > tbody > tr:nth-of-type(odd) > * {
|
||||
--bs-table-accent-bg: white;
|
||||
color: var(--bs-table-striped-color);
|
||||
}
|
||||
|
||||
[dir="rtl"] .in-table-row-bottom td {
|
||||
padding: 2px !important;
|
||||
}
|
||||
[dir="rtl"] .in-table-row td {
|
||||
padding: 2px !important;
|
||||
}
|
||||
.choices__list--single .choices__item {
|
||||
text-align: left;
|
||||
direction: rtl;
|
||||
}
|
||||
[dir="rtl"] .delete-cancel-group {
|
||||
position: relative;
|
||||
}
|
||||
[dir="rtl"] .barcode-info h5 {
|
||||
margin: 0;
|
||||
}
|
||||
[dir="rtl"] .barcode-info h5 {
|
||||
height: 44px !important;
|
||||
background-color: #f7f7f7;
|
||||
width: 62px;
|
||||
color: #121535;
|
||||
font-size: 16px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
border-right: 1px solid #d8d8d8 !important;
|
||||
border-left: none;
|
||||
border-right: 0;
|
||||
border-top-left-radius: 0px;
|
||||
border-bottom-left-radius: 0px;
|
||||
border-top-right-radius: 4px;
|
||||
border-bottom-right-radius: 4px;
|
||||
}
|
||||
|
||||
[dir="rtl"] .barcode-info input {
|
||||
height: 44px !important;
|
||||
border-top-right-radius: 0 !important;
|
||||
border-bottom-right-radius: 0 !important;
|
||||
}
|
||||
[dir="rtl"] .custom-print-btn {
|
||||
color: white;
|
||||
}
|
||||
[dir="rtl"] .warranty-container select {
|
||||
padding: 8px 10px;
|
||||
border: 1px solid #ccc;
|
||||
border-radius: 6px;
|
||||
font-size: 14px;
|
||||
height: 45px;
|
||||
background-color: #f7f7f7;
|
||||
cursor: pointer;
|
||||
border-right: none;
|
||||
border-top-right-radius: 0px;
|
||||
border-bottom-right-radius: 0px;
|
||||
width: 230px;
|
||||
}
|
||||
[dir="rtl"] .warranty-container input[type="number"] {
|
||||
padding: 11px 10px;
|
||||
border: 1px solid #ccc;
|
||||
border-radius: 6px;
|
||||
width: 100%;
|
||||
font-size: 14px;
|
||||
border-left: none;
|
||||
border-top-left-radius: 0px;
|
||||
border-bottom-left-radius: 0px;
|
||||
}
|
||||
|
||||
[dir="rtl"] .gpt-up-down-arrow select {
|
||||
direction: rtl;
|
||||
text-align: left;
|
||||
}
|
||||
10451
public/assets/css/bootstrap.min.css
vendored
Normal file
10451
public/assets/css/bootstrap.min.css
vendored
Normal file
File diff suppressed because it is too large
Load Diff
7
public/assets/css/bootstrap.rtl.min.css
vendored
Normal file
7
public/assets/css/bootstrap.rtl.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
128
public/assets/css/calculator.css
Normal file
128
public/assets/css/calculator.css
Normal file
@@ -0,0 +1,128 @@
|
||||
/* General modal styles */
|
||||
.calculator-content {
|
||||
width: 320px;
|
||||
border-radius: 10px;
|
||||
background-color: #cfd8dc;
|
||||
box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
.modal-header {
|
||||
border-bottom: none;
|
||||
padding: 10px 20px;
|
||||
}
|
||||
.custom-modal-header {
|
||||
width: 20px;
|
||||
margin-left: auto;
|
||||
}
|
||||
.custom-modal-header:hover {
|
||||
background-color: inherit;
|
||||
}
|
||||
.close {
|
||||
font-size: 1.5rem;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.container {
|
||||
padding: 1px;
|
||||
}
|
||||
|
||||
#display {
|
||||
background-color: #eceff1;
|
||||
border: 1px solid #ddd;
|
||||
border-radius: 5px;
|
||||
font-size: 1.8rem;
|
||||
margin-bottom: 20px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.button-row {
|
||||
margin-bottom: 10px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.calculator-dialog {
|
||||
max-width: 320px;
|
||||
}
|
||||
|
||||
.calculator-dialog .calculator-btn,
|
||||
.button-row .calculator-btn {
|
||||
background-color: #546e7a;
|
||||
border: 1px solid #546e7a;
|
||||
border-radius: 8px;
|
||||
color: #ffffff;
|
||||
cursor: pointer;
|
||||
font-size: 1rem;
|
||||
flex: 1;
|
||||
margin: 0 5px;
|
||||
transition: all 0.2s ease-in-out;
|
||||
}
|
||||
.button-row .calculator-btn {
|
||||
padding: 10px 20px;
|
||||
}
|
||||
|
||||
.calculator-btn:hover {
|
||||
background-color: #f0f0f0;
|
||||
}
|
||||
.modal-body {
|
||||
padding: auto;
|
||||
}
|
||||
.calculator-btn:active {
|
||||
background-color: #ddd;
|
||||
transform: scale(0.95);
|
||||
}
|
||||
|
||||
.operator-group {
|
||||
background-color: #546e7a;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.operator-group:hover {
|
||||
background-color: #546e7a;
|
||||
}
|
||||
|
||||
.operand-group {
|
||||
background-color: #90a4ae;
|
||||
color: #ffffff;
|
||||
cursor: pointer;
|
||||
transition: box-shadow 0.3s ease;
|
||||
|
||||
/* box-shadow: 0px 4px #90a4ae; */
|
||||
}
|
||||
|
||||
.operand-group:hover {
|
||||
background-color: #90a4ae;
|
||||
}
|
||||
|
||||
#clear {
|
||||
background-color: #f44336;
|
||||
color: #ffffff;
|
||||
}
|
||||
#backspace {
|
||||
background-color: #ff9800;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
#clear:hover {
|
||||
background-color: #f44336;
|
||||
}
|
||||
|
||||
#equal {
|
||||
background-color: #4caf50;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
#equal:hover {
|
||||
background-color: #4caf50;
|
||||
}
|
||||
|
||||
@media (max-width: 576px) {
|
||||
#display {
|
||||
font-size: 1.5rem;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.calculator-btn {
|
||||
font-size: 1rem;
|
||||
padding: 3px 15px;
|
||||
}
|
||||
}
|
||||
351
public/assets/css/choices.css
Normal file
351
public/assets/css/choices.css
Normal file
@@ -0,0 +1,351 @@
|
||||
.choices {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
width: 100%;
|
||||
font-size: 16px;
|
||||
height: 44px;
|
||||
}
|
||||
.choices:focus {
|
||||
outline: 0;
|
||||
}
|
||||
.choices:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.choices.is-open {
|
||||
overflow: visible;
|
||||
}
|
||||
.choices.is-disabled .choices__inner,
|
||||
.choices.is-disabled .choices__input {
|
||||
background-color: #eaeaea;
|
||||
cursor: not-allowed;
|
||||
-webkit-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
.choices.is-disabled .choices__item {
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.choices [hidden] {
|
||||
display: none !important;
|
||||
}
|
||||
.choices[data-type*="select-one"] {
|
||||
cursor: pointer;
|
||||
}
|
||||
.choices[data-type*="select-one"] .choices__inner {
|
||||
padding-bottom: 7.5px;
|
||||
}
|
||||
.choices[data-type*="select-one"] .choices__input {
|
||||
display: block;
|
||||
width: 100%;
|
||||
padding: 10px;
|
||||
border-bottom: 1px solid #ddd;
|
||||
background-color: #fff;
|
||||
margin: 0;
|
||||
}
|
||||
.choices[data-type*="select-one"] .choices__button {
|
||||
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);
|
||||
padding: 0;
|
||||
background-size: 8px;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: 0;
|
||||
margin-top: -10px;
|
||||
margin-right: 25px;
|
||||
height: 20px;
|
||||
width: 20px;
|
||||
border-radius: 10em;
|
||||
opacity: 0.25;
|
||||
}
|
||||
.choices[data-type*="select-one"] .choices__button:focus,
|
||||
.choices[data-type*="select-one"] .choices__button:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
.choices[data-type*="select-one"] .choices__button:focus {
|
||||
box-shadow: 0 0 0 2px #005f75;
|
||||
}
|
||||
.choices[data-type*="select-one"]
|
||||
.choices__item[data-placeholder]
|
||||
.choices__button {
|
||||
display: none;
|
||||
}
|
||||
.choices[data-type*="select-one"]::after {
|
||||
content: "";
|
||||
height: 0;
|
||||
width: 0;
|
||||
border-style: solid;
|
||||
border-color: #333 transparent transparent;
|
||||
border-width: 5px;
|
||||
position: absolute;
|
||||
right: 11.5px;
|
||||
top: 50%;
|
||||
margin-top: -2.5px;
|
||||
pointer-events: none;
|
||||
}
|
||||
.choices[data-type*="select-one"].is-open::after {
|
||||
border-color: transparent transparent #333;
|
||||
margin-top: -7.5px;
|
||||
}
|
||||
.choices[data-type*="select-one"][dir="rtl"]::after {
|
||||
left: 11.5px;
|
||||
right: auto;
|
||||
}
|
||||
.choices[data-type*="select-one"][dir="rtl"] .choices__button {
|
||||
right: auto;
|
||||
left: 0;
|
||||
margin-left: 25px;
|
||||
margin-right: 0;
|
||||
}
|
||||
.choices[data-type*="select-multiple"] .choices__inner,
|
||||
.choices[data-type*="text"] .choices__inner {
|
||||
cursor: text;
|
||||
}
|
||||
.choices[data-type*="select-multiple"] .choices__button,
|
||||
.choices[data-type*="text"] .choices__button {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
margin: 0-4px 0 8px;
|
||||
padding-left: 16px;
|
||||
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDRMOCA4TTggOEw0IDEyTTggOEwxMiAxMk04IDhMNCw0IiBzdHJva2U9IiMxMjE1MzUiIHN0cm9rZS13aWR0aD0iMS4yNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPg==");
|
||||
background-size: 8px;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
line-height: 1;
|
||||
opacity: 0.75;
|
||||
border-radius: 0;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
background-size: contain;
|
||||
}
|
||||
.choices[data-type*="select-multiple"] .choices__button:focus,
|
||||
.choices[data-type*="select-multiple"] .choices__button:hover,
|
||||
.choices[data-type*="text"] .choices__button:focus,
|
||||
.choices[data-type*="text"] .choices__button:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
.choices__inner {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
width: 100%;
|
||||
background-color: #fff;
|
||||
/* padding: 2px; */
|
||||
padding: 4px 6px;
|
||||
border: 1px solid #ddd;
|
||||
border-radius: 2.5px;
|
||||
font-size: 14px;
|
||||
height: 44px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.is-focused .choices__inner,
|
||||
.is-open .choices__inner {
|
||||
border-color: #b7b7b7;
|
||||
}
|
||||
.is-open .choices__inner {
|
||||
border-radius: 2.5px 2.5px 0 0;
|
||||
}
|
||||
.is-flipped.is-open .choices__inner {
|
||||
border-radius: 0 0 2.5px 2.5px;
|
||||
}
|
||||
.choices__list {
|
||||
margin: 0;
|
||||
padding-left: 0;
|
||||
list-style: none;
|
||||
}
|
||||
.choices__list--single {
|
||||
display: inline-block;
|
||||
padding: 4px 16px 4px 4px;
|
||||
width: 100%;
|
||||
}
|
||||
[dir="rtl"] .choices__list--single {
|
||||
padding-right: 4px;
|
||||
padding-left: 16px;
|
||||
}
|
||||
.choices__list--single .choices__item {
|
||||
width: 100%;
|
||||
}
|
||||
.choices__list--multiple {
|
||||
display: inline;
|
||||
}
|
||||
.choices__list--multiple .choices__item {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
border-radius: 4px;
|
||||
padding: 2px 10px;
|
||||
font-size: 12px;
|
||||
font-weight: 500;
|
||||
margin-right: 3.75px;
|
||||
margin-bottom: 3.75px;
|
||||
background-color: #e6e6e699;
|
||||
color: #121535;
|
||||
word-break: break-all;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.choices__list--multiple .choices__item[data-deletable] {
|
||||
padding-right: 5px;
|
||||
}
|
||||
[dir="rtl"] .choices__list--multiple .choices__item {
|
||||
margin-right: 0;
|
||||
margin-left: 3.75px;
|
||||
}
|
||||
.choices__list--multiple .choices__item.is-highlighted {
|
||||
background-color: #004a5c;
|
||||
border: 1px solid #003642;
|
||||
}
|
||||
.is-disabled .choices__list--multiple .choices__item {
|
||||
background-color: #aaa;
|
||||
border: 1px solid #919191;
|
||||
}
|
||||
.choices__list--dropdown,
|
||||
.choices__list[aria-expanded] {
|
||||
display: none;
|
||||
z-index: 1;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
background-color: #fff;
|
||||
border: 1px solid #ddd;
|
||||
top: 100%;
|
||||
margin-top: -1px;
|
||||
border-bottom-left-radius: 2.5px;
|
||||
border-bottom-right-radius: 2.5px;
|
||||
overflow: hidden;
|
||||
word-break: break-all;
|
||||
}
|
||||
.is-active.choices__list--dropdown,
|
||||
.is-active.choices__list[aria-expanded] {
|
||||
display: block;
|
||||
}
|
||||
.is-open .choices__list--dropdown,
|
||||
.is-open .choices__list[aria-expanded] {
|
||||
border-color: #b7b7b7;
|
||||
}
|
||||
.is-flipped .choices__list--dropdown,
|
||||
.is-flipped .choices__list[aria-expanded] {
|
||||
top: auto;
|
||||
bottom: 100%;
|
||||
margin-top: 0;
|
||||
margin-bottom: -1px;
|
||||
border-radius: 0.25rem 0.25rem 0 0;
|
||||
}
|
||||
.choices__list--dropdown .choices__list,
|
||||
.choices__list[aria-expanded] .choices__list {
|
||||
position: relative;
|
||||
max-height: 300px;
|
||||
overflow: auto;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
will-change: scroll-position;
|
||||
}
|
||||
.choices__list--dropdown .choices__item,
|
||||
.choices__list[aria-expanded] .choices__item {
|
||||
position: relative;
|
||||
padding: 10px;
|
||||
font-size: 14px;
|
||||
}
|
||||
[dir="rtl"] .choices__list--dropdown .choices__item,
|
||||
[dir="rtl"] .choices__list[aria-expanded] .choices__item {
|
||||
text-align: right;
|
||||
}
|
||||
@media (min-width: 640px) {
|
||||
.choices__list--dropdown .choices__item--selectable[data-select-text],
|
||||
.choices__list[aria-expanded] .choices__item--selectable[data-select-text] {
|
||||
padding-right: 100px;
|
||||
}
|
||||
.choices__list--dropdown
|
||||
.choices__item--selectable[data-select-text]::after,
|
||||
.choices__list[aria-expanded]
|
||||
.choices__item--selectable[data-select-text]::after {
|
||||
content: attr(data-select-text);
|
||||
font-size: 12px;
|
||||
opacity: 0;
|
||||
position: absolute;
|
||||
right: 10px;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
[dir="rtl"]
|
||||
.choices__list--dropdown
|
||||
.choices__item--selectable[data-select-text],
|
||||
[dir="rtl"]
|
||||
.choices__list[aria-expanded]
|
||||
.choices__item--selectable[data-select-text] {
|
||||
text-align: right;
|
||||
padding-left: 100px;
|
||||
padding-right: 10px;
|
||||
}
|
||||
[dir="rtl"]
|
||||
.choices__list--dropdown
|
||||
.choices__item--selectable[data-select-text]::after,
|
||||
[dir="rtl"]
|
||||
.choices__list[aria-expanded]
|
||||
.choices__item--selectable[data-select-text]::after {
|
||||
right: auto;
|
||||
left: 10px;
|
||||
}
|
||||
}
|
||||
.choices__list--dropdown .choices__item--selectable.is-highlighted,
|
||||
.choices__list[aria-expanded] .choices__item--selectable.is-highlighted {
|
||||
background-color: #f2f2f2;
|
||||
}
|
||||
.choices__list--dropdown .choices__item--selectable.is-highlighted::after,
|
||||
.choices__list[aria-expanded] .choices__item--selectable.is-highlighted::after {
|
||||
opacity: 0.5;
|
||||
}
|
||||
.choices__item {
|
||||
cursor: default;
|
||||
}
|
||||
.choices__item--selectable {
|
||||
cursor: pointer;
|
||||
}
|
||||
.choices__item--disabled {
|
||||
cursor: not-allowed;
|
||||
-webkit-user-select: none;
|
||||
user-select: none;
|
||||
opacity: 0.5;
|
||||
}
|
||||
.choices__heading {
|
||||
font-weight: 600;
|
||||
font-size: 12px;
|
||||
padding: 10px;
|
||||
border-bottom: 1px solid #f7f7f7;
|
||||
color: gray;
|
||||
}
|
||||
.choices__button {
|
||||
text-indent: -9999px;
|
||||
appearance: none;
|
||||
border: 0;
|
||||
background-color: transparent;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
cursor: pointer;
|
||||
}
|
||||
.choices__button:focus,
|
||||
.choices__input:focus {
|
||||
outline: 0;
|
||||
}
|
||||
.choices__input {
|
||||
display: inline-block;
|
||||
vertical-align: baseline;
|
||||
background-color: #f9f9f9;
|
||||
font-size: 14px;
|
||||
margin-bottom: 5px;
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
max-width: 100%;
|
||||
padding: 4px 0 4px 2px;
|
||||
}
|
||||
.choices__input::-webkit-search-cancel-button,
|
||||
.choices__input::-webkit-search-decoration,
|
||||
.choices__input::-webkit-search-results-button,
|
||||
.choices__input::-webkit-search-results-decoration {
|
||||
display: none;
|
||||
}
|
||||
.choices__input::-ms-clear,
|
||||
.choices__input::-ms-reveal {
|
||||
display: none;
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
[dir="rtl"] .choices__input {
|
||||
padding-right: 2px;
|
||||
padding-left: 0;
|
||||
}
|
||||
.choices__placeholder {
|
||||
opacity: 0.5;
|
||||
}
|
||||
348
public/assets/css/choices.min.css
vendored
Normal file
348
public/assets/css/choices.min.css
vendored
Normal file
@@ -0,0 +1,348 @@
|
||||
.choices {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
width: 100%;
|
||||
font-size: 16px;
|
||||
/* height: 40px; */
|
||||
}
|
||||
.choices:focus {
|
||||
outline: 0;
|
||||
}
|
||||
.choices:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.choices.is-open {
|
||||
overflow: visible;
|
||||
}
|
||||
.choices.is-disabled .choices__inner,
|
||||
.choices.is-disabled .choices__input {
|
||||
background-color: #eaeaea;
|
||||
cursor: not-allowed;
|
||||
-webkit-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
.choices.is-disabled .choices__item {
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.choices [hidden] {
|
||||
display: none !important;
|
||||
}
|
||||
.choices[data-type*="select-one"] {
|
||||
cursor: pointer;
|
||||
}
|
||||
.choices[data-type*="select-one"] .choices__inner {
|
||||
padding-bottom: 6.5px;
|
||||
}
|
||||
.choices[data-type*="select-one"] .choices__input {
|
||||
display: block;
|
||||
width: 100%;
|
||||
padding: 10px;
|
||||
border-bottom: 1px solid #ddd;
|
||||
background-color: #fff;
|
||||
margin: 0;
|
||||
}
|
||||
.choices[data-type*="select-one"] .choices__button {
|
||||
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);
|
||||
padding: 0;
|
||||
background-size: 8px;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: 0;
|
||||
margin-top: -10px;
|
||||
margin-right: 25px;
|
||||
height: 20px;
|
||||
width: 20px;
|
||||
border-radius: 10em;
|
||||
opacity: 0.25;
|
||||
}
|
||||
.choices[data-type*="select-one"] .choices__button:focus,
|
||||
.choices[data-type*="select-one"] .choices__button:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
.choices[data-type*="select-one"] .choices__button:focus {
|
||||
box-shadow: 0 0 0 2px #005f75;
|
||||
}
|
||||
.choices[data-type*="select-one"]
|
||||
.choices__item[data-placeholder]
|
||||
.choices__button {
|
||||
display: none;
|
||||
}
|
||||
.choices[data-type*="select-one"]::after {
|
||||
content: "";
|
||||
height: 0;
|
||||
width: 0;
|
||||
border-style: solid;
|
||||
border-color: #333 transparent transparent;
|
||||
border-width: 5px;
|
||||
position: absolute;
|
||||
right: 11.5px;
|
||||
top: 50%;
|
||||
margin-top: -2.5px;
|
||||
pointer-events: none;
|
||||
}
|
||||
.choices[data-type*="select-one"].is-open::after {
|
||||
border-color: transparent transparent #333;
|
||||
margin-top: -7.5px;
|
||||
}
|
||||
.choices[data-type*="select-one"][dir="rtl"]::after {
|
||||
left: 11.5px;
|
||||
right: auto;
|
||||
}
|
||||
.choices[data-type*="select-one"][dir="rtl"] .choices__button {
|
||||
right: auto;
|
||||
left: 0;
|
||||
margin-left: 25px;
|
||||
margin-right: 0;
|
||||
}
|
||||
.choices[data-type*="select-multiple"] .choices__inner,
|
||||
.choices[data-type*="text"] .choices__inner {
|
||||
cursor: text;
|
||||
}
|
||||
.choices[data-type*="select-multiple"] .choices__button,
|
||||
.choices[data-type*="text"] .choices__button {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
margin: 0-4px 0 8px;
|
||||
padding-left: 16px;
|
||||
border-left: 1px solid #003642;
|
||||
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);
|
||||
background-size: 8px;
|
||||
width: 8px;
|
||||
line-height: 1;
|
||||
opacity: 0.75;
|
||||
border-radius: 0;
|
||||
}
|
||||
.choices[data-type*="select-multiple"] .choices__button:focus,
|
||||
.choices[data-type*="select-multiple"] .choices__button:hover,
|
||||
.choices[data-type*="text"] .choices__button:focus,
|
||||
.choices[data-type*="text"] .choices__button:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
.choices__inner {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
width: 100%;
|
||||
background-color: #f9f9f9;
|
||||
padding: 6.5px 6.5px 3.75px;
|
||||
border: 1px solid #ddd;
|
||||
border-radius: 2.5px;
|
||||
font-size: 14px;
|
||||
min-height: 44px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.is-focused .choices__inner,
|
||||
.is-open .choices__inner {
|
||||
border-color: #b7b7b7;
|
||||
}
|
||||
.is-open .choices__inner {
|
||||
border-radius: 2.5px 2.5px 0 0;
|
||||
}
|
||||
.is-flipped.is-open .choices__inner {
|
||||
border-radius: 0 0 2.5px 2.5px;
|
||||
}
|
||||
.choices__list {
|
||||
margin: 0;
|
||||
padding-left: 0;
|
||||
list-style: none;
|
||||
}
|
||||
.choices__list--single {
|
||||
display: inline-block;
|
||||
padding: 4px 16px 4px 4px;
|
||||
width: 100%;
|
||||
}
|
||||
[dir="rtl"] .choices__list--single {
|
||||
padding-right: 4px;
|
||||
padding-left: 16px;
|
||||
}
|
||||
.choices__list--single .choices__item {
|
||||
width: 100%;
|
||||
}
|
||||
.choices__list--multiple {
|
||||
display: inline;
|
||||
}
|
||||
.choices__list--multiple .choices__item {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
border-radius: 20px;
|
||||
padding: 4px 10px;
|
||||
font-size: 12px;
|
||||
font-weight: 500;
|
||||
margin-right: 3.75px;
|
||||
margin-bottom: 3.75px;
|
||||
background-color: #005f75;
|
||||
border: 1px solid #004a5c;
|
||||
color: #fff;
|
||||
word-break: break-all;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.choices__list--multiple .choices__item[data-deletable] {
|
||||
padding-right: 5px;
|
||||
}
|
||||
[dir="rtl"] .choices__list--multiple .choices__item {
|
||||
margin-right: 0;
|
||||
margin-left: 3.75px;
|
||||
}
|
||||
.choices__list--multiple .choices__item.is-highlighted {
|
||||
background-color: #004a5c;
|
||||
border: 1px solid #003642;
|
||||
}
|
||||
.is-disabled .choices__list--multiple .choices__item {
|
||||
background-color: #aaa;
|
||||
border: 1px solid #919191;
|
||||
}
|
||||
.choices__list--dropdown,
|
||||
.choices__list[aria-expanded] {
|
||||
display: none;
|
||||
z-index: 3;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
background-color: #fff;
|
||||
border: 1px solid #ddd;
|
||||
top: 100%;
|
||||
margin-top: -1px;
|
||||
border-bottom-left-radius: 2.5px;
|
||||
border-bottom-right-radius: 2.5px;
|
||||
overflow: hidden;
|
||||
word-break: break-all;
|
||||
}
|
||||
.is-active.choices__list--dropdown,
|
||||
.is-active.choices__list[aria-expanded] {
|
||||
display: block;
|
||||
}
|
||||
.is-open .choices__list--dropdown,
|
||||
.is-open .choices__list[aria-expanded] {
|
||||
border-color: #b7b7b7;
|
||||
}
|
||||
.is-flipped .choices__list--dropdown,
|
||||
.is-flipped .choices__list[aria-expanded] {
|
||||
top: auto;
|
||||
bottom: 100%;
|
||||
margin-top: 0;
|
||||
margin-bottom: -1px;
|
||||
border-radius: 0.25rem 0.25rem 0 0;
|
||||
}
|
||||
.choices__list--dropdown .choices__list,
|
||||
.choices__list[aria-expanded] .choices__list {
|
||||
position: relative;
|
||||
max-height: 300px;
|
||||
overflow: auto;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
will-change: scroll-position;
|
||||
}
|
||||
.choices__list--dropdown .choices__item,
|
||||
.choices__list[aria-expanded] .choices__item {
|
||||
position: relative;
|
||||
padding: 10px;
|
||||
font-size: 14px;
|
||||
}
|
||||
[dir="rtl"] .choices__list--dropdown .choices__item,
|
||||
[dir="rtl"] .choices__list[aria-expanded] .choices__item {
|
||||
text-align: right;
|
||||
}
|
||||
@media (min-width: 640px) {
|
||||
.choices__list--dropdown .choices__item--selectable[data-select-text],
|
||||
.choices__list[aria-expanded] .choices__item--selectable[data-select-text] {
|
||||
padding-right: 100px;
|
||||
}
|
||||
.choices__list--dropdown
|
||||
.choices__item--selectable[data-select-text]::after,
|
||||
.choices__list[aria-expanded]
|
||||
.choices__item--selectable[data-select-text]::after {
|
||||
content: attr(data-select-text);
|
||||
font-size: 12px;
|
||||
opacity: 0;
|
||||
position: absolute;
|
||||
right: 10px;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
[dir="rtl"]
|
||||
.choices__list--dropdown
|
||||
.choices__item--selectable[data-select-text],
|
||||
[dir="rtl"]
|
||||
.choices__list[aria-expanded]
|
||||
.choices__item--selectable[data-select-text] {
|
||||
text-align: right;
|
||||
padding-left: 100px;
|
||||
padding-right: 10px;
|
||||
}
|
||||
[dir="rtl"]
|
||||
.choices__list--dropdown
|
||||
.choices__item--selectable[data-select-text]::after,
|
||||
[dir="rtl"]
|
||||
.choices__list[aria-expanded]
|
||||
.choices__item--selectable[data-select-text]::after {
|
||||
right: auto;
|
||||
left: 10px;
|
||||
}
|
||||
}
|
||||
.choices__list--dropdown .choices__item--selectable.is-highlighted,
|
||||
.choices__list[aria-expanded] .choices__item--selectable.is-highlighted {
|
||||
background-color: #f2f2f2;
|
||||
}
|
||||
.choices__list--dropdown .choices__item--selectable.is-highlighted::after,
|
||||
.choices__list[aria-expanded] .choices__item--selectable.is-highlighted::after {
|
||||
opacity: 0.5;
|
||||
}
|
||||
.choices__item {
|
||||
cursor: default;
|
||||
}
|
||||
.choices__item--selectable {
|
||||
cursor: pointer;
|
||||
}
|
||||
.choices__item--disabled {
|
||||
cursor: not-allowed;
|
||||
-webkit-user-select: none;
|
||||
user-select: none;
|
||||
opacity: 0.5;
|
||||
}
|
||||
.choices__heading {
|
||||
font-weight: 600;
|
||||
font-size: 12px;
|
||||
padding: 10px;
|
||||
border-bottom: 1px solid #f7f7f7;
|
||||
color: gray;
|
||||
}
|
||||
.choices__button {
|
||||
text-indent: -9999px;
|
||||
appearance: none;
|
||||
border: 0;
|
||||
background-color: transparent;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
cursor: pointer;
|
||||
}
|
||||
.choices__button:focus,
|
||||
.choices__input:focus {
|
||||
outline: 0;
|
||||
}
|
||||
.choices__input {
|
||||
display: inline-block;
|
||||
vertical-align: baseline;
|
||||
background-color: #f9f9f9;
|
||||
font-size: 14px;
|
||||
margin-bottom: 5px;
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
max-width: 100%;
|
||||
padding: 4px 0 4px 2px;
|
||||
}
|
||||
.choices__input::-webkit-search-cancel-button,
|
||||
.choices__input::-webkit-search-decoration,
|
||||
.choices__input::-webkit-search-results-button,
|
||||
.choices__input::-webkit-search-results-decoration {
|
||||
display: none;
|
||||
}
|
||||
.choices__input::-ms-clear,
|
||||
.choices__input::-ms-reveal {
|
||||
display: none;
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
[dir="rtl"] .choices__input {
|
||||
padding-right: 2px;
|
||||
padding-left: 0;
|
||||
}
|
||||
.choices__placeholder {
|
||||
opacity: 0.5;
|
||||
}
|
||||
1088
public/assets/css/custom.css
Normal file
1088
public/assets/css/custom.css
Normal file
File diff suppressed because it is too large
Load Diff
60
public/assets/css/errors.css
Normal file
60
public/assets/css/errors.css
Normal file
@@ -0,0 +1,60 @@
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.error-page-container {
|
||||
height: 100vh;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.error-page-container .error-page-content {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.error-page-container .error-page-content a {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
border: 1px solid #c52127;
|
||||
color: #c52127;
|
||||
background-color: transparent;
|
||||
padding: 8px 18px;
|
||||
border-radius: 8px;
|
||||
margin-top: 16px;
|
||||
font-size: 16px;
|
||||
font-weight: 700;
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
.error-page-container .error-page-content img {
|
||||
height: 500px;
|
||||
width: 500px;
|
||||
object-fit: contain;
|
||||
}
|
||||
@media (max-width: 568px) {
|
||||
.error-page-container .error-page-content img {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.error-page-container .error-page-content p {
|
||||
color: #4d4d4d;
|
||||
}
|
||||
.error-page-container .error-page-content h4 {
|
||||
color: #121535;
|
||||
font-size: 30px;
|
||||
margin-top: 26px;
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.error-page-container .error-page-content img {
|
||||
width: 350px;
|
||||
object-fit: contain;
|
||||
}
|
||||
}
|
||||
203
public/assets/css/invoice.css
Normal file
203
public/assets/css/invoice.css
Normal file
@@ -0,0 +1,203 @@
|
||||
.invoice-container {
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
font-family: "Inter", sans-serif;
|
||||
}
|
||||
|
||||
.invoice-content {
|
||||
width: 100%;
|
||||
background-color: white;
|
||||
position: relative;
|
||||
font-family: "Inter", sans-serif;
|
||||
/* box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); */
|
||||
}
|
||||
|
||||
.print-logo-container {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
gap: 16px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.logo {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
.invoice-logo {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.invoice-logo img {
|
||||
width: 260px;
|
||||
height: 54px;
|
||||
}
|
||||
|
||||
.logo-content {
|
||||
width: 148px;
|
||||
height: auto;
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
.store-name {
|
||||
font-family: "Inter", sans-serif;
|
||||
font-size: 24px;
|
||||
font-weight: 700;
|
||||
line-height: 20px;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.right-invoice {
|
||||
font-size: 35px;
|
||||
color: white;
|
||||
background-color: #000000;
|
||||
right: 0px;
|
||||
top: 25px;
|
||||
padding: 8px 18px;
|
||||
border-radius: 30px 0 0 30px;
|
||||
position: absolute;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.billing-address {
|
||||
display: flex;
|
||||
align-items: start;
|
||||
justify-content: space-between;
|
||||
margin: 44px 0 0 0;
|
||||
}
|
||||
|
||||
.table {
|
||||
width: 100%;
|
||||
margin: 20px auto;
|
||||
border-collapse: collapse;
|
||||
font-size: 12px;
|
||||
overflow-x: auto;
|
||||
}
|
||||
|
||||
.in-table-row td {
|
||||
border: none;
|
||||
padding: 0px;
|
||||
font-family: "Inter", sans-serif;
|
||||
font-size: 12px;
|
||||
font-weight: 400;
|
||||
line-height: 24px;
|
||||
color: #212529;
|
||||
}
|
||||
|
||||
.in-table-row-bottom {
|
||||
font-family: "Inter", sans-serif;
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
line-height: 17px;
|
||||
text-align: right;
|
||||
color: #212529;
|
||||
}
|
||||
|
||||
.in-table-row-bottom .total-amound {
|
||||
background-color: #c52127;
|
||||
color: white;
|
||||
padding: 3px;
|
||||
}
|
||||
|
||||
.in-table-header {
|
||||
font-weight: 900 !important;
|
||||
font-family: "Inter", sans-serif;
|
||||
font-size: 16px;
|
||||
line-height: 24px;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.in-table-header .head-red {
|
||||
background-color: #c52127 !important;
|
||||
padding: 12px;
|
||||
border: 1px solid #d9d9d9;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.in-table-header .head-black {
|
||||
background-color: black;
|
||||
color: white;
|
||||
padding: 12px;
|
||||
border: 1px solid #d9d9d9;
|
||||
}
|
||||
|
||||
.in-table-body-container {
|
||||
border: 1.5px solid #d9d9d9 !important;
|
||||
}
|
||||
|
||||
.in-table-body td {
|
||||
padding: 5px;
|
||||
border: 1.5px solid #d9d9d9 !important;
|
||||
font-family: "Inter", sans-serif;
|
||||
font-size: 16px !important;
|
||||
font-weight: 400;
|
||||
line-height: 20px;
|
||||
color: #212529;
|
||||
}
|
||||
|
||||
.text-center {
|
||||
text-align: center;
|
||||
font-family: "Inter", sans-serif;
|
||||
font-size: 13px;
|
||||
font-weight: 400;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
.billing-amount {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.in-footer {
|
||||
bottom: 0px;
|
||||
left: 0;
|
||||
font-family: "Inter", sans-serif;
|
||||
background-color: #c52127;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
color: white;
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
padding: 6px;
|
||||
}
|
||||
|
||||
.in-signature-container {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
gap: 16px;
|
||||
padding: 8px 4px;
|
||||
}
|
||||
|
||||
.in-table-body-container tr:nth-of-type(odd) > * {
|
||||
background-color: #fbeff0;
|
||||
}
|
||||
|
||||
.text-end {
|
||||
padding: 4px 0px;
|
||||
}
|
||||
|
||||
.in-signature h4 {
|
||||
font-family: "Inter", sans-serif;
|
||||
color: white;
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
line-height: 30px;
|
||||
color: #212529;
|
||||
}
|
||||
|
||||
.phone-number {
|
||||
text-wrap: nowrap;
|
||||
}
|
||||
|
||||
#footer {
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
}
|
||||
53
public/assets/css/label-38mm-25mm.css
Normal file
53
public/assets/css/label-38mm-25mm.css
Normal file
@@ -0,0 +1,53 @@
|
||||
@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");
|
||||
@page {
|
||||
margin: 0;
|
||||
size: 38mm 25mm;
|
||||
}
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-family: "Inter", sans-serif !important;
|
||||
}
|
||||
.print-label {
|
||||
width: 38mm !important;
|
||||
height: 25mm !important;
|
||||
display: flex !important;
|
||||
justify-content: center !important;
|
||||
align-items: center !important;
|
||||
flex-direction: column !important;
|
||||
font-family: sans-serif !important;
|
||||
font-size: 10px !important;
|
||||
box-sizing: border-box !important;
|
||||
margin: auto;
|
||||
font-family: "Inter", sans-serif !important;
|
||||
}
|
||||
.print-label p {
|
||||
font-size: 10px;
|
||||
line-height: 14px;
|
||||
font-family: "Inter", sans-serif !important;
|
||||
}
|
||||
.print-label span {
|
||||
line-height: 11px;
|
||||
font-family: "Inter", sans-serif !important;
|
||||
}
|
||||
.print-label .product-name {
|
||||
font-weight: 600;
|
||||
color: black;
|
||||
padding-bottom: 3px;
|
||||
font-family: "Inter", sans-serif !important;
|
||||
}
|
||||
.print-label .product-price {
|
||||
color: black;
|
||||
padding-bottom: 2px;
|
||||
font-weight: 400;
|
||||
font-family: "Inter", sans-serif !important;
|
||||
}
|
||||
.print-label .product-price span {
|
||||
color: black;
|
||||
font-weight: 600;
|
||||
font-family: "Inter", sans-serif !important;
|
||||
}
|
||||
img.barcode {
|
||||
height: 4mm;
|
||||
margin-top: 1mm;
|
||||
}
|
||||
53
public/assets/css/label-50mm-25mm.css
Normal file
53
public/assets/css/label-50mm-25mm.css
Normal file
@@ -0,0 +1,53 @@
|
||||
@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");
|
||||
@page {
|
||||
margin: 0;
|
||||
size: 50mm 25mm;
|
||||
}
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-family: "Inter", sans-serif !important;
|
||||
}
|
||||
.print-label {
|
||||
width: 50mm !important;
|
||||
height: 25mm !important;
|
||||
display: flex !important;
|
||||
justify-content: center !important;
|
||||
align-items: center !important;
|
||||
flex-direction: column !important;
|
||||
font-family: sans-serif !important;
|
||||
font-size: 10px !important;
|
||||
box-sizing: border-box !important;
|
||||
margin: auto;
|
||||
font-family: "Inter", sans-serif !important;
|
||||
}
|
||||
.print-label p {
|
||||
font-size: 10px;
|
||||
line-height: 14px;
|
||||
font-family: "Inter", sans-serif !important;
|
||||
}
|
||||
.print-label span {
|
||||
line-height: 11px;
|
||||
font-family: "Inter", sans-serif !important;
|
||||
}
|
||||
.print-label .product-name {
|
||||
font-weight: 600;
|
||||
color: black;
|
||||
padding-bottom: 3.5px;
|
||||
font-family: "Inter", sans-serif !important;
|
||||
}
|
||||
.print-label .product-price {
|
||||
color: black;
|
||||
padding-bottom: 2px;
|
||||
font-weight: 400;
|
||||
font-family: "Inter", sans-serif !important;
|
||||
}
|
||||
.print-label .product-price span {
|
||||
color: black;
|
||||
font-weight: 600;
|
||||
font-family: "Inter", sans-serif !important;
|
||||
}
|
||||
img.barcode {
|
||||
height: 4mm;
|
||||
margin-top: 1mm;
|
||||
}
|
||||
66
public/assets/css/label-a4.css
Normal file
66
public/assets/css/label-a4.css
Normal file
@@ -0,0 +1,66 @@
|
||||
@page {
|
||||
margin: 0;
|
||||
size: 50mm 25mm;
|
||||
}
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.print-label {
|
||||
width: 50mm !important;
|
||||
height: 25mm !important;
|
||||
display: flex !important;
|
||||
justify-content: center !important;
|
||||
align-items: center !important;
|
||||
flex-direction: column !important;
|
||||
font-family: sans-serif !important;
|
||||
font-size: 10px !important;
|
||||
box-sizing: border-box !important;
|
||||
margin: auto;
|
||||
}
|
||||
.print-label p {
|
||||
font-size: 10px;
|
||||
line-height: 11px;
|
||||
}
|
||||
.print-label span {
|
||||
font-size: 10px;
|
||||
line-height: 11px;
|
||||
}
|
||||
.print-label .product-name {
|
||||
font-weight: 600;
|
||||
color: black;
|
||||
padding-bottom: 2px;
|
||||
}
|
||||
.print-label .product-price {
|
||||
color: black;
|
||||
padding-bottom: 2px;
|
||||
font-weight: 400;
|
||||
}
|
||||
.print-label .product-price span {
|
||||
color: black;
|
||||
font-weight: 600;
|
||||
}
|
||||
img.barcode {
|
||||
height: 5mm;
|
||||
margin-top: 1mm;
|
||||
}
|
||||
.barcode-print-container {
|
||||
display: grid;
|
||||
max-width: 800px;
|
||||
margin: auto;
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
gap: 16px;
|
||||
padding: 1rem;
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.barcode-print-container {
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 480px) {
|
||||
.barcode-print-container {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
}
|
||||
200
public/assets/css/lity.css
Normal file
200
public/assets/css/lity.css
Normal file
@@ -0,0 +1,200 @@
|
||||
/*! Lity - v2.4.1 - 2020-04-26
|
||||
* http://sorgalla.com/lity/
|
||||
* Copyright (c) 2015-2020 Jan Sorgalla; Licensed MIT */
|
||||
.lity {
|
||||
z-index: 9990;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
white-space: nowrap;
|
||||
background: #0b0b0b;
|
||||
background: rgba(0, 0, 0, 0.9);
|
||||
outline: none !important;
|
||||
opacity: 0;
|
||||
-webkit-transition: opacity 0.3s ease;
|
||||
-o-transition: opacity 0.3s ease;
|
||||
transition: opacity 0.3s ease;
|
||||
}
|
||||
.lity.lity-opened {
|
||||
opacity: 1;
|
||||
}
|
||||
.lity.lity-closed {
|
||||
opacity: 0;
|
||||
}
|
||||
.lity * {
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.lity-wrap {
|
||||
z-index: 9990;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
text-align: center;
|
||||
outline: none !important;
|
||||
}
|
||||
.lity-wrap:before {
|
||||
content: '';
|
||||
display: inline-block;
|
||||
height: 100%;
|
||||
vertical-align: middle;
|
||||
margin-right: -0.25em;
|
||||
}
|
||||
.lity-loader {
|
||||
z-index: 9991;
|
||||
color: #fff;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
margin-top: -0.8em;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
font-size: 14px;
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
opacity: 0;
|
||||
-webkit-transition: opacity 0.3s ease;
|
||||
-o-transition: opacity 0.3s ease;
|
||||
transition: opacity 0.3s ease;
|
||||
}
|
||||
.lity-loading .lity-loader {
|
||||
opacity: 1;
|
||||
}
|
||||
.lity-container {
|
||||
z-index: 9992;
|
||||
position: relative;
|
||||
text-align: left;
|
||||
vertical-align: middle;
|
||||
display: inline-block;
|
||||
white-space: normal;
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
outline: none !important;
|
||||
}
|
||||
.lity-content {
|
||||
z-index: 9993;
|
||||
width: 100%;
|
||||
-webkit-transform: scale(1);
|
||||
-ms-transform: scale(1);
|
||||
-o-transform: scale(1);
|
||||
transform: scale(1);
|
||||
-webkit-transition: -webkit-transform 0.3s ease;
|
||||
transition: -webkit-transform 0.3s ease;
|
||||
-o-transition: -o-transform 0.3s ease;
|
||||
transition: transform 0.3s ease;
|
||||
transition: transform 0.3s ease, -webkit-transform 0.3s ease, -o-transform 0.3s ease;
|
||||
}
|
||||
.lity-loading .lity-content,
|
||||
.lity-closed .lity-content {
|
||||
-webkit-transform: scale(0.8);
|
||||
-ms-transform: scale(0.8);
|
||||
-o-transform: scale(0.8);
|
||||
transform: scale(0.8);
|
||||
}
|
||||
.lity-content:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
display: block;
|
||||
right: 0;
|
||||
width: auto;
|
||||
height: auto;
|
||||
z-index: -1;
|
||||
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
|
||||
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
|
||||
}
|
||||
.lity-close {
|
||||
z-index: 9994;
|
||||
width: 35px;
|
||||
height: 35px;
|
||||
position: fixed;
|
||||
right: 0;
|
||||
top: 0;
|
||||
-webkit-appearance: none;
|
||||
cursor: pointer;
|
||||
text-decoration: none;
|
||||
text-align: center;
|
||||
padding: 0;
|
||||
color: #fff;
|
||||
font-style: normal;
|
||||
font-size: 35px;
|
||||
font-family: Arial, Baskerville, monospace;
|
||||
line-height: 35px;
|
||||
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
|
||||
border: 0;
|
||||
background: none;
|
||||
outline: none;
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
.lity-close::-moz-focus-inner {
|
||||
border: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.lity-close:hover,
|
||||
.lity-close:focus,
|
||||
.lity-close:active,
|
||||
.lity-close:visited {
|
||||
text-decoration: none;
|
||||
text-align: center;
|
||||
padding: 0;
|
||||
color: #fff;
|
||||
font-style: normal;
|
||||
font-size: 35px;
|
||||
font-family: Arial, Baskerville, monospace;
|
||||
line-height: 35px;
|
||||
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
|
||||
border: 0;
|
||||
background: none;
|
||||
outline: none;
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
.lity-close:active {
|
||||
top: 1px;
|
||||
}
|
||||
/* Image */
|
||||
.lity-image img {
|
||||
max-width: 100%;
|
||||
display: block;
|
||||
line-height: 0;
|
||||
border: 0;
|
||||
}
|
||||
/* iFrame */
|
||||
.lity-iframe .lity-container,
|
||||
.lity-youtube .lity-container,
|
||||
.lity-vimeo .lity-container,
|
||||
.lity-facebookvideo .lity-container,
|
||||
.lity-googlemaps .lity-container {
|
||||
width: 100%;
|
||||
max-width: 964px;
|
||||
}
|
||||
.lity-iframe-container {
|
||||
width: 100%;
|
||||
height: 0;
|
||||
padding-top: 56.25%;
|
||||
overflow: auto;
|
||||
pointer-events: auto;
|
||||
-webkit-transform: translateZ(0);
|
||||
transform: translateZ(0);
|
||||
-webkit-overflow-scrolling: touch;
|
||||
}
|
||||
.lity-iframe-container iframe {
|
||||
position: absolute;
|
||||
display: block;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
|
||||
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
|
||||
background: #000;
|
||||
}
|
||||
.lity-hide {
|
||||
display: none;
|
||||
}
|
||||
138
public/assets/css/nice-select.css
Normal file
138
public/assets/css/nice-select.css
Normal file
@@ -0,0 +1,138 @@
|
||||
.nice-select {
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
background-color: #fff;
|
||||
border-radius: 5px;
|
||||
border: solid 1px #e8e8e8;
|
||||
box-sizing: border-box;
|
||||
clear: both;
|
||||
cursor: pointer;
|
||||
display: block;
|
||||
float: left;
|
||||
font-family: inherit;
|
||||
font-size: 14px;
|
||||
font-weight: normal;
|
||||
height: 42px;
|
||||
line-height: 40px;
|
||||
outline: none;
|
||||
padding-left: 18px;
|
||||
padding-right: 30px;
|
||||
position: relative;
|
||||
text-align: left !important;
|
||||
-webkit-transition: all 0.2s ease-in-out;
|
||||
transition: all 0.2s ease-in-out;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
white-space: nowrap;
|
||||
width: auto; }
|
||||
.nice-select:hover {
|
||||
border-color: #dbdbdb; }
|
||||
.nice-select:active, .nice-select.open, .nice-select:focus {
|
||||
border-color: #999; }
|
||||
.nice-select:after {
|
||||
border-bottom: 2px solid #999;
|
||||
border-right: 2px solid #999;
|
||||
content: '';
|
||||
display: block;
|
||||
height: 5px;
|
||||
margin-top: -4px;
|
||||
pointer-events: none;
|
||||
position: absolute;
|
||||
right: 12px;
|
||||
top: 50%;
|
||||
-webkit-transform-origin: 66% 66%;
|
||||
-ms-transform-origin: 66% 66%;
|
||||
transform-origin: 66% 66%;
|
||||
-webkit-transform: rotate(45deg);
|
||||
-ms-transform: rotate(45deg);
|
||||
transform: rotate(45deg);
|
||||
-webkit-transition: all 0.15s ease-in-out;
|
||||
transition: all 0.15s ease-in-out;
|
||||
width: 5px; }
|
||||
.nice-select.open:after {
|
||||
-webkit-transform: rotate(-135deg);
|
||||
-ms-transform: rotate(-135deg);
|
||||
transform: rotate(-135deg); }
|
||||
.nice-select.open .list {
|
||||
opacity: 1;
|
||||
pointer-events: auto;
|
||||
-webkit-transform: scale(1) translateY(0);
|
||||
-ms-transform: scale(1) translateY(0);
|
||||
transform: scale(1) translateY(0); }
|
||||
.nice-select.disabled {
|
||||
border-color: #ededed;
|
||||
color: #999;
|
||||
pointer-events: none; }
|
||||
.nice-select.disabled:after {
|
||||
border-color: #cccccc; }
|
||||
.nice-select.wide {
|
||||
width: 100%; }
|
||||
.nice-select.wide .list {
|
||||
left: 0 !important;
|
||||
right: 0 !important; }
|
||||
.nice-select.right {
|
||||
float: right; }
|
||||
.nice-select.right .list {
|
||||
left: auto;
|
||||
right: 0; }
|
||||
.nice-select.small {
|
||||
font-size: 12px;
|
||||
height: 36px;
|
||||
line-height: 34px; }
|
||||
.nice-select.small:after {
|
||||
height: 4px;
|
||||
width: 4px; }
|
||||
.nice-select.small .option {
|
||||
line-height: 34px;
|
||||
min-height: 34px; }
|
||||
.nice-select .list {
|
||||
background-color: #fff;
|
||||
border-radius: 5px;
|
||||
box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
|
||||
box-sizing: border-box;
|
||||
margin-top: 4px;
|
||||
opacity: 0;
|
||||
overflow: hidden;
|
||||
padding: 0;
|
||||
pointer-events: none;
|
||||
position: absolute;
|
||||
top: 100%;
|
||||
left: 0;
|
||||
-webkit-transform-origin: 50% 0;
|
||||
-ms-transform-origin: 50% 0;
|
||||
transform-origin: 50% 0;
|
||||
-webkit-transform: scale(0.75) translateY(-21px);
|
||||
-ms-transform: scale(0.75) translateY(-21px);
|
||||
transform: scale(0.75) translateY(-21px);
|
||||
-webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
|
||||
transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
|
||||
z-index: 9; }
|
||||
.nice-select .list:hover .option:not(:hover) {
|
||||
background-color: transparent !important; }
|
||||
.nice-select .option {
|
||||
cursor: pointer;
|
||||
font-weight: 400;
|
||||
line-height: 40px;
|
||||
list-style: none;
|
||||
min-height: 40px;
|
||||
outline: none;
|
||||
padding-left: 18px;
|
||||
padding-right: 29px;
|
||||
text-align: left;
|
||||
-webkit-transition: all 0.2s;
|
||||
transition: all 0.2s; }
|
||||
.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
|
||||
background-color: #f6f6f6; }
|
||||
.nice-select .option.selected {
|
||||
font-weight: bold; }
|
||||
.nice-select .option.disabled {
|
||||
background-color: transparent;
|
||||
color: #999;
|
||||
cursor: default; }
|
||||
|
||||
.no-csspointerevents .nice-select .list {
|
||||
display: none; }
|
||||
|
||||
.no-csspointerevents .nice-select.open .list {
|
||||
display: block; }
|
||||
196
public/assets/css/payments.css
Normal file
196
public/assets/css/payments.css
Normal file
@@ -0,0 +1,196 @@
|
||||
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
|
||||
:root {
|
||||
--clr-primary: #c52127;
|
||||
--clr-white: #fff;
|
||||
--clr-white2: #f9f9f9;
|
||||
--clr-white3: #f3f7ff;
|
||||
--clr-black: #01040d;
|
||||
--clr-black2: #171717;
|
||||
--clr-black3: #344054;
|
||||
--clr-gray: #525252;
|
||||
--clr-gray1: #737373;
|
||||
--clr-gray2: #d4d4d4;
|
||||
--clr-gray3: #f5f5f5;
|
||||
--clr-gray4: #f4f5f7;
|
||||
--clr-gray5: #a3a3a3;
|
||||
--clr-violet: rgba(130, 49, 211, 1);
|
||||
--clr-violet-light: rgba(130, 49, 211, 0.12);
|
||||
--clr-green: #01b81a;
|
||||
--clr-green-light: rgba(1, 184, 26, 0.12);
|
||||
--clr-orange: #ff6565;
|
||||
--clr-orange-light: rgba(255, 116, 62, 0.12);
|
||||
--clr-red: #ef4444;
|
||||
--ff: "Inter", sans-serif;
|
||||
}
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0 !important;
|
||||
color: #404040;
|
||||
font-size: 14px;
|
||||
font-family: "Inter", sans-serif;
|
||||
line-height: 18px;
|
||||
background: #ecf1f9;
|
||||
}
|
||||
|
||||
.payment-method-section {
|
||||
padding: 45px 0;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.payment-items {
|
||||
font-weight: bold;
|
||||
border-radius: 8px;
|
||||
padding: 14px 15px;
|
||||
border-radius: 8px;
|
||||
background: #fff;
|
||||
-webkit-box-shadow: 0px 3px 8px -1px rgba(71, 50, 50, 0.05),
|
||||
0px 0px 1px 0px rgba(12, 26, 75, 0.24);
|
||||
box-shadow: 0px 3px 8px -1px rgba(71, 50, 50, 0.05),
|
||||
0px 0px 1px 0px rgba(12, 26, 75, 0.24);
|
||||
display: block;
|
||||
margin-bottom: 10px;
|
||||
position: relative;
|
||||
color: #000;
|
||||
}
|
||||
.payment-items:hover {
|
||||
color: #000;
|
||||
}
|
||||
.payment-items:after {
|
||||
position: absolute;
|
||||
content: "";
|
||||
display: block;
|
||||
right: 20px;
|
||||
top: 18px;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
border: solid rgb(115, 115, 115);
|
||||
border-width: 0 2px 2px 0;
|
||||
-webkit-transform: rotate(-45deg);
|
||||
transform: rotate(-45deg);
|
||||
}
|
||||
.payment-items img {
|
||||
max-height: 20px;
|
||||
}
|
||||
.payment-items.active {
|
||||
background: var(--clr-primary);
|
||||
color: #fff;
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
.payment-items.active::after {
|
||||
border-color: #fff;
|
||||
}
|
||||
.payment-items.active svg {
|
||||
fill: #fff;
|
||||
}
|
||||
.payment-items.active svg path {
|
||||
fill: #fff;
|
||||
}
|
||||
|
||||
.payment-method-nav {
|
||||
padding: 16px;
|
||||
border-radius: 16px;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.payment-method-wrp {
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.payment-list-table {
|
||||
border-radius: 16px;
|
||||
background: #fff;
|
||||
padding: 15px;
|
||||
}
|
||||
.payment-list-table td {
|
||||
color: #404040;
|
||||
font-size: 14px;
|
||||
line-height: 18px;
|
||||
padding: 12px 15px;
|
||||
}
|
||||
.payment-list-table th {
|
||||
padding: 12px 15px;
|
||||
font-weight: 500;
|
||||
}
|
||||
.payment-list-table .table-striped > tbody > tr:nth-of-type(odd) > * {
|
||||
background: #ffffff17;
|
||||
border: none;
|
||||
}
|
||||
.payment-list-table tbody,
|
||||
.payment-list-table td,
|
||||
.payment-list-table tfoot,
|
||||
.payment-list-table th,
|
||||
.payment-list-table thead,
|
||||
.payment-list-table tr {
|
||||
border: none;
|
||||
}
|
||||
|
||||
.payment-title {
|
||||
color: #000;
|
||||
font-size: 16px;
|
||||
font-weight: 400 !important;
|
||||
}
|
||||
|
||||
.payment-btn {
|
||||
background: var(--clr-primary) !important;
|
||||
color: #fff !important;
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
line-height: 20px;
|
||||
padding: 10px 30px;
|
||||
}
|
||||
|
||||
.stripe-form {
|
||||
margin-top: 20px;
|
||||
}
|
||||
.stripe-form .form-control {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
margin-top: 5px;
|
||||
padding: 9px;
|
||||
}
|
||||
.stripe-form .form-control svg {
|
||||
min-width: 30px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
.stripe-form input {
|
||||
border: none;
|
||||
outline: none;
|
||||
width: 100%;
|
||||
color: #737373;
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
}
|
||||
.stripe-form input:last-child {
|
||||
text-align: right;
|
||||
}
|
||||
@media (max-width: 992px) {
|
||||
.payment-list-table {
|
||||
margin-top: 24px;
|
||||
}
|
||||
}
|
||||
.country-number-input {
|
||||
display: flex !important;
|
||||
}
|
||||
.country-input {
|
||||
width: 150px !important;
|
||||
border-top-right-radius: 0 !important;
|
||||
border-bottom-right-radius: 0 !important;
|
||||
}
|
||||
.country-input:focus {
|
||||
box-shadow: none;
|
||||
outline: none;
|
||||
}
|
||||
.number-input {
|
||||
border-top-left-radius: 0 !important;
|
||||
border-bottom-left-radius: 0 !important;
|
||||
border-left: none !important;
|
||||
}
|
||||
.number-input:focus {
|
||||
box-shadow: none;
|
||||
outline: none;
|
||||
}
|
||||
260
public/assets/css/pdf.css
Normal file
260
public/assets/css/pdf.css
Normal file
@@ -0,0 +1,260 @@
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.styled-table {
|
||||
border-collapse: collapse;
|
||||
margin: 25px 0;
|
||||
font-size: 0.9em;
|
||||
font-family: sans-serif;
|
||||
width: 100%;
|
||||
}
|
||||
.paid-by {
|
||||
text-align: left !important;
|
||||
}
|
||||
.styled-table thead tr {
|
||||
background-color: rgba(31, 31, 31, 0.05);
|
||||
color: #000;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.styled-table th,
|
||||
.styled-table td {
|
||||
/* padding: 12px 15px; */
|
||||
text-align: center;
|
||||
}
|
||||
.production-pdf-table th,
|
||||
.production-pdf-table td {
|
||||
border-right: 1px solid #dddddd;
|
||||
}
|
||||
.production-pdf-table th {
|
||||
border-bottom: 1px solid #dddddd;
|
||||
}
|
||||
.production-pdf-table tr td {
|
||||
padding: 5px;
|
||||
white-space: pre-wrap;
|
||||
}
|
||||
|
||||
.styled-table tbody tr {
|
||||
border-bottom: 1px solid #dddddd;
|
||||
}
|
||||
|
||||
.styled-table tbody tr:nth-of-type(even) {
|
||||
background-color: rgba(31, 31, 31, 0.05);
|
||||
}
|
||||
|
||||
.styled-table .table-img {
|
||||
height: 25px;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.table-header {
|
||||
text-align: center;
|
||||
}
|
||||
.in-table-header .head-red {
|
||||
background-color: #c52127 !important;
|
||||
color: white;
|
||||
padding: 12px;
|
||||
font-weight: 800;
|
||||
border: 1px solid gray;
|
||||
}
|
||||
.in-table-header .head-black {
|
||||
background-color: black !important;
|
||||
color: white;
|
||||
padding: 12px;
|
||||
font-weight: 800;
|
||||
border: 1px solid gray;
|
||||
}
|
||||
.in-table-body-container {
|
||||
border: 1.5px solid #d9d9d9 !important;
|
||||
}
|
||||
.in-table-body td {
|
||||
padding: 5px;
|
||||
border-left: 1.5px solid #d9d9d9;
|
||||
}
|
||||
.pdf-logo {
|
||||
display: flex !important;
|
||||
align-items: center !important;
|
||||
}
|
||||
/* .invoice-container {
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
overflow: auto;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
padding: 0 0px;
|
||||
}
|
||||
.invoice-content {
|
||||
width: 800px;
|
||||
background-color: white;
|
||||
margin: 12px;
|
||||
position: relative;
|
||||
}
|
||||
.invoice-logo {
|
||||
width: 52px;
|
||||
height: 54px;
|
||||
}
|
||||
.logo {
|
||||
padding-top: 12px;
|
||||
margin-bottom: 26px;
|
||||
}
|
||||
.logo h3 {
|
||||
font-size: 24px;
|
||||
font-weight: 700;
|
||||
}
|
||||
.business-footer {
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
}
|
||||
.right-invoice {
|
||||
font-size: 35px;
|
||||
color: white;
|
||||
background-color: #000000;
|
||||
right: 38px;
|
||||
top: 100px;
|
||||
padding: 8px 18px;
|
||||
border-radius: 30px 0 0 30px;
|
||||
position: absolute;
|
||||
margin: 0;
|
||||
}
|
||||
.in-table-row td {
|
||||
border: none !important;
|
||||
font-size: 12px !important;
|
||||
padding: 0px;
|
||||
}
|
||||
.in-table-row-bottom td {
|
||||
border: none !important;
|
||||
font-size: 14px !important;
|
||||
font-weight: 600;
|
||||
padding: 0px;
|
||||
}
|
||||
.in-table-row-bottom .total-amound {
|
||||
background-color: #c52127;
|
||||
color: white;
|
||||
padding: 3px;
|
||||
}
|
||||
.in-table-header .head-red {
|
||||
background-color: #c52127 !important;
|
||||
color: white;
|
||||
padding: 12px;
|
||||
font-weight: 800;
|
||||
border: 1px solid gray;
|
||||
}
|
||||
.in-table-header .head-black {
|
||||
background-color: black !important;
|
||||
color: white;
|
||||
padding: 12px;
|
||||
font-weight: 800;
|
||||
border: 1px solid gray;
|
||||
}
|
||||
.in-print-btn {
|
||||
background-color: #f9f9f9;
|
||||
color: black;
|
||||
height: 32px;
|
||||
width: 32px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
border-radius: 10%;
|
||||
font-size: 18px;
|
||||
}
|
||||
.in-print-btn-container {
|
||||
position: absolute;
|
||||
}
|
||||
.in-table-body-container {
|
||||
border: 1.5px solid #d9d9d9 !important;
|
||||
}
|
||||
.in-table-body td {
|
||||
padding: 5px;
|
||||
border-left: 1.5px solid #d9d9d9;
|
||||
}
|
||||
.in-footer {
|
||||
position: absolute;
|
||||
bottom: 0px;
|
||||
left: 0;
|
||||
background-color: #c52127;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
color: white;
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
padding: 6px;
|
||||
}
|
||||
|
||||
.in-hr {
|
||||
margin: 0px !important;
|
||||
}
|
||||
.in-signature h4 {
|
||||
font-size: 14px !important;
|
||||
font-weight: 500;
|
||||
}
|
||||
.in-signature-container {
|
||||
bottom: 50px;
|
||||
width: 100%;
|
||||
right: 0px;
|
||||
}
|
||||
.word-amount {
|
||||
top: -8px;
|
||||
line-height: 20px;
|
||||
position: absolute;
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
max-width: 450px;
|
||||
text-wrap: auto;
|
||||
} */
|
||||
|
||||
/* .print-container {
|
||||
display: block;
|
||||
}
|
||||
.pdf-mode .print-container {
|
||||
display: none;
|
||||
} */
|
||||
|
||||
/* pdf css */
|
||||
|
||||
h4 {
|
||||
margin: 0;
|
||||
}
|
||||
.w-full {
|
||||
width: 100%;
|
||||
}
|
||||
.w-half {
|
||||
width: 50%;
|
||||
}
|
||||
.margin-top {
|
||||
margin-top: 1.25rem;
|
||||
}
|
||||
.footer {
|
||||
font-size: 0.875rem;
|
||||
padding: 1rem;
|
||||
background-color: rgb(241 245 249);
|
||||
}
|
||||
table {
|
||||
width: 100%;
|
||||
border-spacing: 0;
|
||||
}
|
||||
table.products {
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
table.products tr {
|
||||
background-color: rgb(96 165 250);
|
||||
}
|
||||
table.products th {
|
||||
color: #ffffff;
|
||||
padding: 0.5rem;
|
||||
}
|
||||
table tr.items {
|
||||
background-color: rgb(241 245 249);
|
||||
}
|
||||
table tr.items td {
|
||||
padding: 0.5rem;
|
||||
}
|
||||
.total {
|
||||
text-align: right;
|
||||
margin-top: 1rem;
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
1
public/assets/css/select2.min.css
vendored
Normal file
1
public/assets/css/select2.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
204
public/assets/css/slick-theme.css
Normal file
204
public/assets/css/slick-theme.css
Normal file
@@ -0,0 +1,204 @@
|
||||
@charset 'UTF-8';
|
||||
/* Slider */
|
||||
/* .slick-loading .slick-list
|
||||
{
|
||||
background: #fff url('./ajax-loader.gif') center center no-repeat;
|
||||
} */
|
||||
|
||||
/* Icons */
|
||||
@font-face
|
||||
{
|
||||
font-family: 'slick';
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
|
||||
src: url('./fonts/slick.eot');
|
||||
src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
|
||||
}
|
||||
/* Arrows */
|
||||
.slick-prev,
|
||||
.slick-next
|
||||
{
|
||||
font-size: 0;
|
||||
line-height: 0;
|
||||
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
|
||||
display: block;
|
||||
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
padding: 0;
|
||||
-webkit-transform: translate(0, -50%);
|
||||
-ms-transform: translate(0, -50%);
|
||||
transform: translate(0, -50%);
|
||||
|
||||
cursor: pointer;
|
||||
|
||||
color: transparent;
|
||||
border: none;
|
||||
outline: none;
|
||||
background: transparent;
|
||||
}
|
||||
.slick-prev:hover,
|
||||
.slick-prev:focus,
|
||||
.slick-next:hover,
|
||||
.slick-next:focus
|
||||
{
|
||||
color: transparent;
|
||||
outline: none;
|
||||
background: transparent;
|
||||
}
|
||||
.slick-prev:hover:before,
|
||||
.slick-prev:focus:before,
|
||||
.slick-next:hover:before,
|
||||
.slick-next:focus:before
|
||||
{
|
||||
opacity: 1;
|
||||
}
|
||||
.slick-prev.slick-disabled:before,
|
||||
.slick-next.slick-disabled:before
|
||||
{
|
||||
opacity: .25;
|
||||
}
|
||||
|
||||
.slick-prev:before,
|
||||
.slick-next:before
|
||||
{
|
||||
font-family: 'slick';
|
||||
font-size: 20px;
|
||||
line-height: 1;
|
||||
|
||||
opacity: .75;
|
||||
color: white;
|
||||
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.slick-prev
|
||||
{
|
||||
left: -25px;
|
||||
}
|
||||
[dir='rtl'] .slick-prev
|
||||
{
|
||||
right: -25px;
|
||||
left: auto;
|
||||
}
|
||||
.slick-prev:before
|
||||
{
|
||||
content: '<';
|
||||
}
|
||||
[dir='rtl'] .slick-prev:before
|
||||
{
|
||||
content: '→';
|
||||
}
|
||||
|
||||
.slick-next
|
||||
{
|
||||
right: -25px;
|
||||
}
|
||||
[dir='rtl'] .slick-next
|
||||
{
|
||||
right: auto;
|
||||
left: -25px;
|
||||
}
|
||||
.slick-next:before
|
||||
{
|
||||
content: '>';
|
||||
}
|
||||
[dir='rtl'] .slick-next:before
|
||||
{
|
||||
content: 'â†';
|
||||
}
|
||||
|
||||
/* Dots */
|
||||
.slick-dotted.slick-slider
|
||||
{
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.slick-dots
|
||||
{
|
||||
position: absolute;
|
||||
bottom: -25px;
|
||||
|
||||
display: block;
|
||||
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
|
||||
list-style: none;
|
||||
|
||||
text-align: center;
|
||||
}
|
||||
.slick-dots li
|
||||
{
|
||||
position: relative;
|
||||
|
||||
display: inline-block;
|
||||
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
margin: 0 5px;
|
||||
padding: 0;
|
||||
|
||||
cursor: pointer;
|
||||
}
|
||||
.slick-dots li button
|
||||
{
|
||||
font-size: 0;
|
||||
line-height: 0;
|
||||
|
||||
display: block;
|
||||
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
padding: 5px;
|
||||
|
||||
cursor: pointer;
|
||||
|
||||
color: transparent;
|
||||
border: 0;
|
||||
outline: none;
|
||||
background: transparent;
|
||||
}
|
||||
.slick-dots li button:hover,
|
||||
.slick-dots li button:focus
|
||||
{
|
||||
outline: none;
|
||||
}
|
||||
.slick-dots li button:hover:before,
|
||||
.slick-dots li button:focus:before
|
||||
{
|
||||
opacity: 1;
|
||||
}
|
||||
.slick-dots li button:before
|
||||
{
|
||||
font-family: 'slick';
|
||||
font-size: 6px;
|
||||
line-height: 20px;
|
||||
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
|
||||
content: '•';
|
||||
text-align: center;
|
||||
|
||||
opacity: .25;
|
||||
color: black;
|
||||
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
.slick-dots li.slick-active button:before
|
||||
{
|
||||
opacity: .75;
|
||||
color: black;
|
||||
}
|
||||
119
public/assets/css/slick.css
Normal file
119
public/assets/css/slick.css
Normal file
@@ -0,0 +1,119 @@
|
||||
/* Slider */
|
||||
.slick-slider
|
||||
{
|
||||
position: relative;
|
||||
|
||||
display: block;
|
||||
box-sizing: border-box;
|
||||
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
|
||||
-webkit-touch-callout: none;
|
||||
-khtml-user-select: none;
|
||||
-ms-touch-action: pan-y;
|
||||
touch-action: pan-y;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
}
|
||||
|
||||
.slick-list
|
||||
{
|
||||
position: relative;
|
||||
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.slick-list:focus
|
||||
{
|
||||
outline: none;
|
||||
}
|
||||
.slick-list.dragging
|
||||
{
|
||||
cursor: pointer;
|
||||
cursor: hand;
|
||||
}
|
||||
|
||||
.slick-slider .slick-track,
|
||||
.slick-slider .slick-list
|
||||
{
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
-moz-transform: translate3d(0, 0, 0);
|
||||
-ms-transform: translate3d(0, 0, 0);
|
||||
-o-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0);
|
||||
}
|
||||
|
||||
.slick-track
|
||||
{
|
||||
position: relative;
|
||||
top: 0;
|
||||
left: 0;
|
||||
|
||||
display: block;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
.slick-track:before,
|
||||
.slick-track:after
|
||||
{
|
||||
display: table;
|
||||
|
||||
content: '';
|
||||
}
|
||||
.slick-track:after
|
||||
{
|
||||
clear: both;
|
||||
}
|
||||
.slick-loading .slick-track
|
||||
{
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.slick-slide
|
||||
{
|
||||
display: none;
|
||||
float: left;
|
||||
|
||||
height: 100%;
|
||||
min-height: 1px;
|
||||
}
|
||||
[dir='rtl'] .slick-slide
|
||||
{
|
||||
float: right;
|
||||
}
|
||||
.slick-slide img
|
||||
{
|
||||
display: block;
|
||||
}
|
||||
.slick-slide.slick-loading img
|
||||
{
|
||||
display: none;
|
||||
}
|
||||
.slick-slide.dragging img
|
||||
{
|
||||
pointer-events: none;
|
||||
}
|
||||
.slick-initialized .slick-slide
|
||||
{
|
||||
display: block;
|
||||
}
|
||||
.slick-loading .slick-slide
|
||||
{
|
||||
visibility: hidden;
|
||||
}
|
||||
.slick-vertical .slick-slide
|
||||
{
|
||||
display: block;
|
||||
|
||||
height: auto;
|
||||
|
||||
border: 1px solid transparent;
|
||||
}
|
||||
.slick-arrow.slick-hidden {
|
||||
display: none;
|
||||
}
|
||||
10416
public/assets/css/style.css
Normal file
10416
public/assets/css/style.css
Normal file
File diff suppressed because it is too large
Load Diff
13
public/assets/css/summernote-lite.css
Normal file
13
public/assets/css/summernote-lite.css
Normal file
File diff suppressed because one or more lines are too long
13
public/assets/css/swiper-bundle.min.css
vendored
Normal file
13
public/assets/css/swiper-bundle.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
1
public/assets/css/tagify.css
Normal file
1
public/assets/css/tagify.css
Normal file
File diff suppressed because one or more lines are too long
1
public/assets/css/toastr.min.css
vendored
Normal file
1
public/assets/css/toastr.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user