%PDF- %PDF-
Direktori : /www/loslex/demo/resources/css/ |
Current File : //www/loslex/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 }