%PDF- %PDF-
Mini Shell

Mini Shell

Direktori : /www/loslex_o/demo/resources/css/
Upload File :
Create Path :
Current File : /www/loslex_o/demo/resources/css/app.css

@import "@fortawesome/fontawesome-free/css/all.css";
@import "https://cdn.datatables.net/1.13.6/css/dataTables.tailwindcss.min.css";
@import "s2orig.css";
@import "select2.css";

@tailwind base;
@layer base {
    h1 { @apply text-2xl font-semibold; }
    h2 { @apply text-xl font-semibold; }
    h3 { @apply text-lg font-semibold; }
    a { @apply font-bold underline underline-offset-4; }
    ul { @apply list-disc list-outside ml-6; }
  }

@tailwind components;
@tailwind utilities;

.payment-status-paid { @apply text-green-500 font-bold; }
.payment-status-not-paid { @apply text-red-600 font-bold; }

.status-pass { @apply text-green-500 font-bold; }
.status-fail{ @apply text-red-600 font-bold; }

.result-odd { @apply px-2 bg-gray-100 dark:bg-gray-700; }
.result-even { @apply px-2 bg-gray-200 dark:bg-gray-800; }
.result-header { @apply px-2 bg-sky-100 dark:bg-sky-950; }
.result-best { @apply font-bold text-sky-600; }

tr.act td { @apply bg-result-act dark:bg-result-act; }
tr.marked td { @apply bg-result-marked dark:bg-result-marked; }
tr.marked.act td { @apply bg-result-markedact dark:bg-result-markedact; }

.division-active { @apply bg-amber-200 text-red-800; }
.registration-own { @apply border-orange-300 bg-orange-100 dark:font-bold dark:text-gray-950; }
.registration-paid { @apply border-green-500 bg-green-50 dark:bg-green-900; }

.search-highlight { @apply text-sky-600 italic mr-0.5; }

.dataTables_filter { @apply text-center pb-2; }
.dataTables_filter input { @apply ml-2 w-80 border-gray-300 dark:border-gray-500 dark:bg-gray-900 dark:text-gray-300 focus:border-indigo-500 dark:focus:border-indigo-600 focus:ring-indigo-500 dark:focus:ring-indigo-600 rounded-md shadow-sm; }

.toggleswitch {
    @apply w-11 h-0 cursor-pointer inline-block;
    @apply focus:outline-0 dark:focus:outline-0;
    @apply border-0 dark:border-0;
    @apply focus:ring-offset-transparent dark:focus:ring-offset-transparent;
    @apply focus:ring-transparent dark:focus:ring-transparent;
    @apply focus-within:ring-0 dark:focus-within:ring-0;
    @apply focus:shadow-none dark:focus:shadow-none;

    @apply after:absolute before:absolute;
    @apply after:top-0 before:top-0;
    @apply after:block before:inline-block;
    @apply before:rounded-full after:rounded-full;

    @apply after:content-[''] after:w-5 after:h-5 after:mt-0.5 after:ml-0.5;
    @apply after:shadow-md after:duration-100;

    @apply before:content-[''] before:w-10 before:h-full;
    @apply before:shadow-[inset_0_0_#000];

    @apply after:bg-white dark:after:bg-gray-50;
    @apply before:bg-gray-300 dark:before:bg-gray-600;
    @apply before:checked:bg-lime-500 dark:before:checked:bg-lime-500;
    @apply checked:after:duration-300 checked:after:translate-x-4;

    @apply disabled:after:bg-opacity-75 disabled:cursor-not-allowed;
    @apply disabled:checked:before:bg-opacity-40;
}

.toggleswitchlabel {
    @apply h-6 relative inline-block
}

Zerion Mini Shell 1.0