Untitled
Anis
plain_text
a year ago
22 kB
3
Indexable
/* Animate css */ @import './animate.css'; /* Elements - Progressbar */ @import './progressbar.css'; /* swiper css */ @import './swiper.css'; /* flatpickr css */ @import './flatpickr.css'; /* form element*/ @import './form-elements.css'; /* tippy css */ /* @import './tippy.css'; */ /* Data tables css */ /* @import './datatables.css'; */ /* scrumboard */ /* @import './scrumboard.css'; */ /* calendar css */ /* @import './fullcalendar.css'; */ /* sweetalert css */ /* @import './sweetalert.css'; */ /* quill-editor css */ /* @import './quill-editor.css'; */ /* markdown-editor css */ /* @import './markdown-editor.css'; */ /* file upload with preview */ /* @import './file-upload-preview.css'; */ /* dragndrop*/ /* @import './dragndrop.css'; */ /* Select2*/ @import './select2.css'; @tailwind base; @tailwind components; @tailwind utilities; @layer components { html { @apply scroll-smooth; } body { @apply bg-[#fafafa] font-nunito; } body.dark { @apply bg-[#060818]; } /* Panel */ .panel { @apply relative rounded-md bg-white p-5 shadow dark:bg-black; } /* Navbar */ .navbar-sticky header, .navbar-floating header { @apply sticky top-0 z-20; } .navbar-floating header { @apply bg-[#fafafa]/90 px-6 pt-4 dark:bg-[#060818]/90; } .navbar-floating header > div .horizontal-menu { @apply rounded-b-md shadow; } /* Sidebar */ .sidebar:hover .nav-item > a { @apply w-auto; } .sidebar .nav-item > button, .sidebar .nav-item > a { @apply mb-1 flex w-full items-center justify-between overflow-hidden whitespace-nowrap rounded-md p-2.5 text-[#506690] hover:bg-[#000]/[0.08] hover:text-black dark:hover:bg-[#181f32] dark:hover:text-white-dark; } .sidebar .nav-item > button.active, .sidebar .nav-item > a.active { @apply bg-[#000]/[0.08] text-black dark:bg-[#181f32] dark:text-white-dark; } .sidebar .nav-item > button.active > div > span, .sidebar .nav-item > a.active > div > span { @apply dark:!text-white-dark; } .sidebar ul.sub-menu li button, .sidebar ul.sub-menu li a { @apply flex items-center px-9 py-2.5 before:h-0.5 before:w-2 before:rounded before:bg-gray-300 hover:bg-gray-100 hover:text-primary hover:before:!bg-primary ltr:before:mr-2 rtl:before:ml-2 dark:before:bg-gray-500 dark:hover:bg-gray-900 dark:hover:text-primary; } .sidebar ul.sub-menu li button.active, .sidebar ul.sub-menu li a.active { @apply text-primary before:bg-primary; } .sidebar .nav-item a div:first-child svg, .sidebar .nav-item button div:first-child svg { @apply h-5 w-5 text-black/50 dark:text-white/50; } .main-container .main-content { @apply transition-all duration-300 lg:ltr:ml-[220px] lg:rtl:mr-[220px]; } /* Horizontal layouts */ .horizontal .horizontal-menu { @apply hidden shadow-md lg:flex; } .horizontal .horizontal-logo { @apply flex; } .horizontal .main-container .main-content { @apply ltr:ml-0 rtl:mr-0; } .horizontal .sidebar { @apply ltr:-left-[220px] rtl:-right-[220px]; } .horizontal.toggle-sidebar .sidebar { @apply ltr:left-0 rtl:right-0 lg:ltr:-left-[220px] lg:rtl:-right-[220px]; } .horizontal .nav-item a div:first-child svg, .horizontal .nav-item button div:first-child svg { @apply h-5 w-5 text-black/50 dark:text-white/50; } .horizontal .dark .nav-item a div:first-child svg, .dark.horizontal .nav-item a div:first-child svg, .horizontal .dark .nav-item button div:first-child svg, .dark.horizontal .nav-item button div:first-child svg { @apply text-white/50; } .horizontal-menu .nav-link { @apply flex items-center rounded-lg px-2 py-2.5 hover:bg-[#000]/[0.08] hover:text-black dark:hover:bg-[#181f32] dark:hover:text-white-dark xl:px-4; } .horizontal-menu .nav-link.active { @apply bg-[#000]/[0.08] text-black dark:bg-[#181f32] dark:text-white-dark; } .horizontal-menu ul.sub-menu { @apply absolute top-full z-[10] hidden min-w-[180px] rounded bg-white p-0 py-2 text-dark shadow dark:bg-[#1b2e4b] dark:text-white-dark; } .horizontal-menu ul.sub-menu a, .horizontal-menu ul.sub-menu button { @apply flex w-full items-center justify-between px-4 py-2 hover:bg-gray-100 hover:text-primary dark:hover:bg-primary/10; } .horizontal-menu ul.sub-menu a.active, .horizontal-menu ul.sub-menu button.active { @apply bg-gray-100 text-primary dark:bg-primary/10; } .horizontal-menu > li.nav-item:hover > ul.sub-menu, .horizontal-menu > li.nav-item > ul.sub-menu > li:hover > ul { @apply block; } /* Vertical layouts */ .vertical.toggle-sidebar .horizontal-logo, .vertical.toggle-sidebar .collapse-icon { @apply flex; } .vertical.toggle-sidebar .main-container .main-content { @apply ltr:ml-0 rtl:mr-0; } .vertical .sidebar { @apply ltr:-left-[220px] rtl:-right-[220px] lg:ltr:left-0 lg:rtl:right-0; } .vertical.toggle-sidebar .sidebar { @apply ltr:left-0 rtl:right-0 lg:ltr:-left-[220px] lg:rtl:-right-[220px]; } /* Collapsible vertical layouts */ .collapsible-vertical .sidebar { @apply hover:w-[220px] ltr:-left-[220px] rtl:-right-[220px] lg:w-[70px] lg:ltr:left-0 lg:rtl:right-0; } .collapsible-vertical.toggle-sidebar .sidebar { @apply ltr:left-0 rtl:right-0; } .collapsible-vertical.toggle-sidebar .sidebar { @apply lg:w-[220px]; } .collapsible-vertical.toggle-sidebar .sidebar .nav-item > a { @apply w-auto; } .collapsible-vertical.toggle-sidebar .main-content { @apply lg:w-[calc(100%-220px)] lg:ltr:ml-[220px] lg:rtl:mr-[220px]; } .collapsible-vertical .sidebar .sub-menu { @apply lg:hidden; } .collapsible-vertical .sidebar:hover .sub-menu, .collapsible-vertical .sidebar:hover .sub-menu.recent-submenu, .collapsible-vertical.toggle-sidebar .sidebar .sub-menu { @apply block; } .collapsible-vertical .main-content { @apply lg:w-[calc(100%-70px)] lg:ltr:ml-[70px] lg:rtl:mr-[70px]; } .collapsible-vertical .sidebar .collapse-icon, .collapsible-vertical .main-logo > span { @apply transition-opacity duration-300 lg:opacity-0; } .collapsible-vertical .sidebar:hover .collapse-icon, .collapsible-vertical.toggle-sidebar .collapse-icon, .collapsible-vertical .sidebar:hover .main-logo > span, .collapsible-vertical.toggle-sidebar .main-logo > span { @apply duration-500 lg:opacity-100; } .collapsible-vertical.toggle-sidebar .sidebar .collapse-icon { @apply flex rotate-0; } .collapsible-vertical .sidebar:hover .collapse-icon { @apply flex rotate-180; } .collapsible-vertical .sidebar ul > h2 span { @apply hidden whitespace-nowrap; } .collapsible-vertical .sidebar ul > h2 svg { @apply block; } .collapsible-vertical .sidebar:hover ul > h2 span, .collapsible-vertical.toggle-sidebar .sidebar ul > h2 span { @apply inline; } .collapsible-vertical .sidebar:hover ul > h2 svg, .collapsible-vertical.toggle-sidebar .sidebar ul > h2 svg { @apply hidden; } /* boxed-layout */ .boxed-layout { @apply mx-auto max-w-[1400px]; } .boxed-layout.vertical .sidebar, .boxed-layout.collapsible-vertical .sidebar { @apply overflow-hidden lg:ltr:left-auto lg:rtl:right-auto; } .boxed-layout.vertical.toggle-sidebar .sidebar { @apply lg:w-0; } /* Buttons */ /* .btn { @apply relative flex items-center justify-center rounded-md border px-5 py-2 text-sm font-semibold shadow-[0_10px_20px_-10px] outline-none transition duration-300 hover:shadow-none; } .btn-lg { @apply px-7 py-2.5 text-base; } .btn-sm { @apply px-2.5 py-1.5 text-xs; } .btn[disabled] { @apply cursor-not-allowed opacity-60; } .btn-primary { @apply border-primary bg-primary text-white shadow-primary/60; } .btn-outline-primary { @apply border-primary text-primary shadow-none hover:bg-primary hover:text-white; } .btn-secondary { @apply border-secondary bg-secondary text-white shadow-secondary/60; } .btn-outline-secondary { @apply border-secondary text-secondary shadow-none hover:bg-secondary hover:text-white; } .btn-success { @apply border-success bg-success text-white shadow-success/60; } .btn-outline-success { @apply border-success text-success shadow-none hover:bg-success hover:text-white; } .btn-danger { @apply border-danger bg-danger text-white shadow-danger/60; } .btn-outline-danger { @apply border-danger text-danger shadow-none hover:bg-danger hover:text-white; } .btn-warning { @apply border-warning bg-warning text-white shadow-warning/60; } .btn-outline-warning { @apply border-warning text-warning shadow-none hover:bg-warning hover:text-white; } .btn-info { @apply border-info bg-info text-white shadow-info/60; } .btn-outline-info { @apply border-info text-info shadow-none hover:bg-info hover:text-white; } .btn-dark { @apply border-dark bg-dark text-white shadow-dark/60; } .btn-outline-dark { @apply border-dark text-dark shadow-none hover:bg-dark hover:text-white; } */ /* Badge */ .badge { @apply relative my-1 rounded border border-transparent px-2 py-0.5 text-xs font-semibold text-white; } .badge-outline-primary { @apply border-primary text-primary hover:bg-primary-light dark:hover:bg-primary dark:hover:text-white-light; } .badge-outline-secondary { @apply border-secondary text-secondary hover:bg-secondary-light dark:hover:bg-secondary dark:hover:text-white-light; } .badge-outline-success { @apply border-success text-success hover:bg-success-light dark:hover:bg-success dark:hover:text-white-light; } .badge-outline-danger { @apply border-danger text-danger hover:bg-danger-light dark:hover:bg-danger dark:hover:text-white-light; } .badge-outline-warning { @apply border-warning text-warning hover:bg-warning-light dark:hover:bg-warning dark:hover:text-white-light; } .badge-outline-info { @apply border-info text-info hover:bg-info-light dark:hover:bg-info dark:hover:text-white-light; } .badge-outline-dark { @apply border-dark text-dark hover:bg-dark-light dark:hover:bg-dark dark:hover:text-white-light; } /* Form */ .form-input, .form-textarea, .form-select, .form-multiselect { @apply w-full rounded-md border border-white-light bg-white px-4 py-2 text-sm font-semibold text-black !outline-none focus:border-primary focus:ring-transparent dark:border-[#17263c] dark:bg-[#121e32] dark:text-white-dark dark:focus:border-primary; } .form-input-lg, .form-textarea-lg, .form-select-lg, .form-multiselect-lg { @apply py-2.5 text-base; } .form-input-sm, .form-textarea-sm, .form-select-sm, .form-multiselect-sm { @apply py-1.5 text-xs; } label { @apply mb-1.5 block font-semibold; } [dir='rtl'] select { background-position: left 0.5rem center; } .has-error .form-input, .has-error .form-textarea, .has-error .form-select, .has-error .form-multiselect, .has-error .multiselect__tags { @apply border-danger bg-danger/[0.08] text-danger placeholder-danger/70 focus:border-danger; } .has-error .form-label, .has-error .form-help, .has-error .form-icon, .has-error .multiselect__placeholder { @apply text-danger; } .has-error .multiselect__input { @apply bg-[#F7ECF0] !placeholder-danger/70; } .has-error .multiselect__tags:hover, .has-error .form-checkbox { @apply border-danger; } .has-success .form-input, .has-success .form-textarea, .has-success .form-select, .has-success .form-multiselect, .has-success .multiselect__tags { @apply border-success bg-success/[0.08] text-success placeholder-success/70 focus:border-success; } .has-success .form-label, .has-success .form-help, .has-success .form-icon, .has-success .multiselect__placeholder { @apply text-success; } .has-success .multiselect__input { @apply bg-[#F7ECF0] !placeholder-success/70; } .has-success .multiselect__tags:hover { @apply border-success; } /* checkbox & radio */ .form-radio, .form-checkbox { @apply h-5 w-5 cursor-pointer rounded border-2 border-white-light bg-transparent text-primary !shadow-none !outline-none !ring-0 !ring-offset-0 checked:bg-[length:90%_90%] disabled:cursor-not-allowed disabled:bg-[#eee] ltr:mr-1.5 rtl:ml-1.5 dark:border-[#253b5c] dark:checked:border-transparent dark:disabled:bg-[#1b2e4b]; } .form-checkbox.outline-primary:checked { @apply border-primary bg-transparent; background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%234361ee' xmlns='http://www.w3.org/2000/svg'><path d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/></svg>"); } .form-checkbox.outline-secondary:checked { @apply border-secondary bg-transparent; background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23805dca' xmlns='http://www.w3.org/2000/svg'><path d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/></svg>"); } .form-checkbox.outline-success:checked { @apply border-success bg-transparent; background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%2300ab55' xmlns='http://www.w3.org/2000/svg'><path d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/></svg>"); } .form-checkbox.outline-danger:checked { @apply border-danger bg-transparent; background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23e7515a' xmlns='http://www.w3.org/2000/svg'><path d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/></svg>"); } .form-checkbox.outline-warning:checked { @apply border-warning bg-transparent; background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23e2a03f' xmlns='http://www.w3.org/2000/svg'><path d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/></svg>"); } .form-checkbox.outline-info:checked { @apply border-info bg-transparent; background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%232196f3' xmlns='http://www.w3.org/2000/svg'><path d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/></svg>"); } .form-checkbox.outline-dark:checked { @apply border-dark bg-transparent; background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%233b3f5c' xmlns='http://www.w3.org/2000/svg'><path d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/></svg>"); } .form-radio { @apply rounded-full; } .form-radio.outline-primary:checked { @apply border-primary bg-transparent bg-none; } .form-radio.outline-secondary:checked { @apply border-secondary bg-transparent bg-none; } .form-radio.outline-success:checked { @apply border-success bg-transparent bg-none; } .form-radio.outline-danger:checked { @apply border-danger bg-transparent bg-none; } .form-radio.outline-warning:checked { @apply border-warning bg-transparent bg-none; } .form-radio.outline-info:checked { @apply border-info bg-transparent bg-none; } .form-radio.outline-dark:checked { @apply border-dark bg-transparent bg-none; } /* dropdown */ .dropdown { @apply relative; } .dropdown > button { @apply flex; } .dropdown ul { @apply my-1 min-w-[120px] rounded bg-white p-0 py-2 text-black shadow dark:bg-[#1b2e4b] dark:text-white-dark; } .dropdown ul li > a, .dropdown ul li > button { @apply flex items-center px-4 py-2 hover:bg-primary/10 hover:text-primary; } .dropdown ul li > button { @apply w-full; } /* tables */ .table-responsive { @apply overflow-auto; } table { @apply w-full !border-collapse; } table thead tr, table tfoot tr { @apply border-b-0 bg-white-light/30 dark:!bg-[#1a2941]; } table thead tr th, table tfoot tr th, table tbody tr td { @apply px-4 py-3 ltr:text-left rtl:text-right; } table thead tr th, table tfoot tr th { @apply font-semibold; } table tbody tr { @apply border-b !border-white-light/40 dark:!border-[#191e3a]; } table.table-hover tbody tr { @apply hover:!bg-white-light/20 dark:hover:!bg-[#1a2941]/40; } table.table-striped tbody tr:nth-child(odd) { @apply !bg-white-light/20 dark:!bg-[#1a2941]/40; } table.dataTable-table tbody tr th, table.dataTable-table tbody tr td { @apply border-b border-[#e5e7eb] px-4 py-3 ltr:text-left rtl:text-right dark:border-[#191e3a]; } table.dataTable-table tbody tr:last-child td { @apply border-b-0; } /* code hightlight */ pre { direction: ltr; } } /* perfect scrollbar */ .ps__rail-y > .ps__thumb-y, .ps__rail-y > .ps__thumb-y { @apply !w-1.5 !bg-[#DDDDDD] dark:!bg-[#2d334c]; } .ps .ps__rail-x:hover, .ps .ps__rail-y:hover, .ps .ps__rail-x:focus, .ps .ps__rail-y:focus, .ps .ps__rail-x.ps--clicking, .ps .ps__rail-y.ps--clicking { @apply !opacity-60; } .ps .ps__rail-x:hover, .ps .ps__rail-y:hover, .ps .ps__rail-x:focus, .ps .ps__rail-y:focus, .ps .ps__rail-x.ps--clicking, .ps .ps__rail-y.ps--clicking { @apply !bg-transparent; } /* Animations */ .slide-down-enter-active { @apply transition duration-100 ease-out; } .slide-down-leave-active { @apply transition duration-75 ease-in; } .slide-down-enter-from, .slide-down-leave-to { @apply scale-95 transform opacity-0; } .slide-down-enter-to, .slide-down-leave-from { @apply scale-100 transform opacity-100; } .modal-fade-enter-active { @apply transition duration-300 ease-out; } .modal-fade-leave-active { @apply transition duration-200 ease-in; } .modal-fade-enter-from, .modal-fade-leave-to { @apply scale-95 transform opacity-0; } .modal-fade-enter-to, .modal-fade-leave-from { @apply scale-100 transform opacity-100; } /* Hightlight JS */ pre.hljs { @apply overflow-x-auto rounded-md !bg-[#191e3a] p-6; } /* apex chart */ .apexcharts-canvas .apexcharts-tooltip.apexcharts-theme-light, .apexcharts-canvas .apexcharts-xaxistooltip.apexcharts-theme-light { box-shadow: none; @apply border-[#050717cc] bg-[#050717cc] text-white; } .apexcharts-canvas .apexcharts-xaxistooltip-bottom:before, .apexcharts-canvas .apexcharts-xaxistooltip-bottom:after { @apply border-b-[#050717cc]; } .apexcharts-canvas .apexcharts-tooltip-series-group.apexcharts-active { @apply text-white; } .apexcharts-canvas .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title { @apply border-dark bg-[#060818]; } .apexcharts-legend-series { @apply ltr:!mr-2 rtl:!ml-2; } .dark .apexcharts-title-text { fill: #e0e6ed; } .dark .apexcharts-canvas .apexcharts-text.apexcharts-xaxis-label, .dark .apexcharts-canvas .apexcharts-text.apexcharts-yaxis-label { fill: #e0e6ed; } .dark .apexcharts-canvas .apexcharts-text, .dark .apexcharts-canvas .apexcharts-text { fill: #e0e6ed; } .dark .apexcharts-canvas .apexcharts-legend-text { color: #e0e6ed !important; } .dark .apexcharts-canvas .apexcharts-radialbar-track.apexcharts-track .apexcharts-radialbar-area { stroke: #191e3a; } .dark .apexcharts-canvas .apexcharts-series-markers.apexcharts-series-bubble .apexcharts-marker { stroke: #191e3a; } .dark .apexcharts-canvas .apexcharts-pie-label, .dark .apexcharts-canvas .apexcharts-datalabel, .dark .apexcharts-canvas .apexcharts-datalabel-label, .dark .apexcharts-canvas .apexcharts-datalabel-value { fill: #bfc9d4; } .dark .apexcharts-canvas .apexcharts-tooltip.apexcharts-theme-dark { box-shadow: none; } .apexcharts-canvas .apexcharts-legend-marker { @apply ltr:!mr-1.5 rtl:!mr-0 rtl:ml-1.5; } [dir='rtl'] .apexcharts-tooltip-marker { @apply ml-2.5 mr-0; } /* swal2 */ .swal2-container .swal2-close { @apply text-white hover:text-dark-light focus:shadow-none; } .swal2-container .swal2-popup.swal2-toast { @apply bg-dark px-5 py-2.5; } .swal2-popup.swal2-toast .swal2-title, .swal2-container .swal2-popup.swal2-toast .swal2-html-container { @apply text-white; } .swal2-container .swal2-popup.swal2-toast.color-primary { @apply bg-primary; } .swal2-container .swal2-popup.swal2-toast.color-secondary { @apply bg-secondary; } .swal2-container .swal2-popup.swal2-toast.color-warning { @apply bg-warning; } .swal2-container .swal2-popup.swal2-toast.color-info { @apply bg-info; } .swal2-container .swal2-popup.swal2-toast.color-danger { @apply bg-danger; } .swal2-container .swal2-popup.swal2-toast.color-success { @apply bg-success; }
Editor is loading...