diff options
Diffstat (limited to 'static/main.css')
-rw-r--r-- | static/main.css | 573 |
1 files changed, 190 insertions, 383 deletions
diff --git a/static/main.css b/static/main.css index 1520804..e2fc078 100644 --- a/static/main.css +++ b/static/main.css @@ -705,40 +705,6 @@ select { --tw-backdrop-sepia: ; } -.container { - width: 100%; -} - -@media (min-width: 640px) { - .container { - max-width: 640px; - } -} - -@media (min-width: 768px) { - .container { - max-width: 768px; - } -} - -@media (min-width: 1024px) { - .container { - max-width: 1024px; - } -} - -@media (min-width: 1280px) { - .container { - max-width: 1280px; - } -} - -@media (min-width: 1536px) { - .container { - max-width: 1536px; - } -} - .sr-only { position: absolute; width: 1px; @@ -775,14 +741,6 @@ select { position: sticky; } -.-inset-0 { - inset: -0px; -} - -.-inset-0\.5 { - inset: -0.125rem; -} - .inset-0 { inset: 0px; } @@ -792,64 +750,52 @@ select { bottom: 0px; } -.left-0 { - left: 0px; -} - -.left-72 { - left: 18rem; +.bottom-0 { + bottom: 0px; } -.left-full { - left: 100%; +.left-0 { + left: 0px; } -.top-0 { - top: 0px; +.left-20 { + left: 5rem; } -.bottom-0 { - bottom: 0px; +.left-4 { + left: 1rem; } -.left-20 { - left: 5rem; +.left-full { + left: 100%; } .right-0 { right: 0px; } -.top-16 { - top: 4rem; +.top-0 { + top: 0px; } -.left-4 { - left: 1rem; +.top-16 { + top: 4rem; } .top-4 { top: 1rem; } -.z-40 { - z-index: 40; -} - -.z-50 { - z-index: 50; -} - .z-10 { z-index: 10; } -.-m-2 { - margin: -0.5rem; +.z-40 { + z-index: 40; } -.-m-2\.5 { - margin: -0.625rem; +.z-50 { + z-index: 50; } .-m-1 { @@ -860,9 +806,12 @@ select { margin: -0.375rem; } -.mx-auto { - margin-left: auto; - margin-right: auto; +.-m-2 { + margin: -0.5rem; +} + +.-m-2\.5 { + margin: -0.625rem; } .-mx-2 { @@ -870,21 +819,17 @@ select { margin-right: -0.5rem; } -.-mx-6 { - margin-left: -1.5rem; - margin-right: -1.5rem; -} - -.mt-2 { - margin-top: 0.5rem; +.mx-auto { + margin-left: auto; + margin-right: auto; } -.mr-16 { - margin-right: 4rem; +.-mb-8 { + margin-bottom: -2rem; } -.mt-auto { - margin-top: auto; +.-ml-px { + margin-left: -1px; } .ml-2 { @@ -895,24 +840,24 @@ select { margin-left: 1rem; } -.mt-2\.5 { - margin-top: 0.625rem; +.ml-auto { + margin-left: auto; } -.mt-8 { - margin-top: 2rem; +.mr-16 { + margin-right: 4rem; } -.ml-auto { - margin-left: auto; +.mt-2 { + margin-top: 0.5rem; } -.-mb-8 { - margin-bottom: -2rem; +.mt-2\.5 { + margin-top: 0.625rem; } -.-ml-px { - margin-left: -1px; +.mt-8 { + margin-top: 2rem; } .block { @@ -955,99 +900,83 @@ select { height: 100%; } -.w-5 { - width: 1.25rem; -} - -.w-6 { - width: 1.5rem; -} - -.w-auto { - width: auto; +.w-0 { + width: 0px; } -.w-full { - width: 100%; +.w-0\.5 { + width: 0.125rem; } .w-16 { width: 4rem; } -.w-8 { - width: 2rem; +.w-32 { + width: 8rem; } -.w-96 { - width: 24rem; +.w-5 { + width: 1.25rem; } -.w-32 { - width: 8rem; +.w-6 { + width: 1.5rem; } -.w-px { - width: 1px; +.w-8 { + width: 2rem; } .w-9 { width: 2.25rem; } -.w-0 { - width: 0px; +.w-96 { + width: 24rem; } -.w-0\.5 { - width: 0.125rem; +.w-auto { + width: auto; } -.min-w-max { - min-width: -moz-max-content; - min-width: max-content; +.w-full { + width: 100%; } -.min-w-0 { - min-width: 0px; +.w-px { + width: 1px; } -.max-w-7xl { - max-width: 80rem; +.min-w-0 { + min-width: 0px; } -.max-w-sm { - max-width: 24rem; +.min-w-max { + min-width: -moz-max-content; + min-width: max-content; } -.max-w-xs { - max-width: 20rem; +.max-w-2xl { + max-width: 42rem; } .max-w-3xl { max-width: 48rem; } -.max-w-4xl { - max-width: 56rem; -} - -.max-w-2xl { - max-width: 42rem; +.max-w-7xl { + max-width: 80rem; } -.max-w-6xl { - max-width: 72rem; +.max-w-xs { + max-width: 20rem; } .flex-1 { flex: 1 1 0%; } -.flex-shrink-0 { - flex-shrink: 0; -} - .shrink-0 { flex-shrink: 0; } @@ -1112,17 +1041,14 @@ select { column-gap: 1rem; } -.gap-x-6 { - -moz-column-gap: 1.5rem; - column-gap: 1.5rem; -} - .gap-y-5 { row-gap: 1.25rem; } -.gap-y-7 { - row-gap: 1.75rem; +.space-x-3 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(0.75rem * var(--tw-space-x-reverse)); + margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse))); } .space-x-4 > :not([hidden]) ~ :not([hidden]) { @@ -1137,12 +1063,6 @@ select { margin-bottom: calc(0.25rem * var(--tw-space-y-reverse)); } -.space-x-3 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(0.75rem * var(--tw-space-x-reverse)); - margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse))); -} - .divide-y > :not([hidden]) ~ :not([hidden]) { --tw-divide-y-reverse: 0; border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); @@ -1166,66 +1086,56 @@ select { overflow-y: auto; } -.truncate { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - .whitespace-nowrap { white-space: nowrap; } -.rounded-md { - border-radius: 0.375rem; +.rounded { + border-radius: 0.25rem; } .rounded-full { border-radius: 9999px; } -.rounded-lg { - border-radius: 0.5rem; +.rounded-md { + border-radius: 0.375rem; } -.rounded { - border-radius: 0.25rem; +.border { + border-width: 1px; } .border-0 { border-width: 0px; } -.border { - border-width: 1px; +.border-b { + border-bottom-width: 1px; } .border-r { border-right-width: 1px; } -.border-b { - border-bottom-width: 1px; -} - .border-gray-200 { --tw-border-opacity: 1; border-color: rgb(229 231 235 / var(--tw-border-opacity)); } -.bg-gray-800 { +.bg-blue-500 { --tw-bg-opacity: 1; - background-color: rgb(31 41 55 / var(--tw-bg-opacity)); + background-color: rgb(59 130 246 / var(--tw-bg-opacity)); } -.bg-gray-900 { +.bg-gray-200 { --tw-bg-opacity: 1; - background-color: rgb(17 24 39 / var(--tw-bg-opacity)); + background-color: rgb(229 231 235 / var(--tw-bg-opacity)); } -.bg-white { +.bg-gray-400 { --tw-bg-opacity: 1; - background-color: rgb(255 255 255 / var(--tw-bg-opacity)); + background-color: rgb(156 163 175 / var(--tw-bg-opacity)); } .bg-gray-50 { @@ -1233,42 +1143,45 @@ select { background-color: rgb(249 250 251 / var(--tw-bg-opacity)); } -.bg-gray-900\/80 { - background-color: rgb(17 24 39 / 0.8); +.bg-gray-800 { + --tw-bg-opacity: 1; + background-color: rgb(31 41 55 / var(--tw-bg-opacity)); +} + +.bg-gray-900 { + --tw-bg-opacity: 1; + background-color: rgb(17 24 39 / var(--tw-bg-opacity)); } .bg-gray-900\/10 { background-color: rgb(17 24 39 / 0.1); } -.bg-gray-100 { - --tw-bg-opacity: 1; - background-color: rgb(243 244 246 / var(--tw-bg-opacity)); +.bg-gray-900\/80 { + background-color: rgb(17 24 39 / 0.8); } -.bg-indigo-600 { +.bg-green-500 { --tw-bg-opacity: 1; - background-color: rgb(79 70 229 / var(--tw-bg-opacity)); + background-color: rgb(34 197 94 / var(--tw-bg-opacity)); } -.bg-blue-500 { +.bg-indigo-600 { --tw-bg-opacity: 1; - background-color: rgb(59 130 246 / var(--tw-bg-opacity)); + background-color: rgb(79 70 229 / var(--tw-bg-opacity)); } -.bg-gray-200 { +.bg-white { --tw-bg-opacity: 1; - background-color: rgb(229 231 235 / var(--tw-bg-opacity)); + background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } -.bg-gray-400 { - --tw-bg-opacity: 1; - background-color: rgb(156 163 175 / var(--tw-bg-opacity)); +.p-1 { + padding: 0.25rem; } -.bg-green-500 { - --tw-bg-opacity: 1; - background-color: rgb(34 197 94 / var(--tw-bg-opacity)); +.p-1\.5 { + padding: 0.375rem; } .p-2 { @@ -1279,43 +1192,30 @@ select { padding: 0.625rem; } -.p-1 { - padding: 0.25rem; -} - -.p-1\.5 { - padding: 0.375rem; -} - .p-3 { padding: 0.75rem; } +.px-1 { + padding-left: 0.25rem; + padding-right: 0.25rem; +} + .px-2 { padding-left: 0.5rem; padding-right: 0.5rem; } +.px-2\.5 { + padding-left: 0.625rem; + padding-right: 0.625rem; +} + .px-3 { padding-left: 0.75rem; padding-right: 0.75rem; } -.py-1 { - padding-top: 0.25rem; - padding-bottom: 0.25rem; -} - -.py-1\.5 { - padding-top: 0.375rem; - padding-bottom: 0.375rem; -} - -.py-2 { - padding-top: 0.5rem; - padding-bottom: 0.5rem; -} - .px-4 { padding-left: 1rem; padding-right: 1rem; @@ -1326,49 +1226,29 @@ select { padding-right: 1.5rem; } -.py-10 { - padding-top: 2.5rem; - padding-bottom: 2.5rem; -} - -.py-3 { - padding-top: 0.75rem; - padding-bottom: 0.75rem; -} - -.py-4 { - padding-top: 1rem; - padding-bottom: 1rem; -} - -.py-6 { - padding-top: 1.5rem; - padding-bottom: 1.5rem; -} - .py-0 { padding-top: 0px; padding-bottom: 0px; } -.px-2\.5 { - padding-left: 0.625rem; - padding-right: 0.625rem; -} - .py-0\.5 { padding-top: 0.125rem; padding-bottom: 0.125rem; } -.px-1 { - padding-left: 0.25rem; - padding-right: 0.25rem; +.py-1 { + padding-top: 0.25rem; + padding-bottom: 0.25rem; } -.px-1\.5 { - padding-left: 0.375rem; - padding-right: 0.375rem; +.py-1\.5 { + padding-top: 0.375rem; + padding-bottom: 0.375rem; +} + +.py-2 { + padding-top: 0.5rem; + padding-bottom: 0.5rem; } .py-2\.5 { @@ -1376,28 +1256,26 @@ select { padding-bottom: 0.625rem; } -.pb-3 { - padding-bottom: 0.75rem; -} - -.pl-10 { - padding-left: 2.5rem; -} - -.pl-3 { - padding-left: 0.75rem; +.py-4 { + padding-top: 1rem; + padding-bottom: 1rem; } -.pt-2 { - padding-top: 0.5rem; +.py-6 { + padding-top: 1.5rem; + padding-bottom: 1.5rem; } .pb-2 { padding-bottom: 0.5rem; } -.pt-5 { - padding-top: 1.25rem; +.pb-8 { + padding-bottom: 2rem; +} + +.pl-3 { + padding-left: 0.75rem; } .pl-8 { @@ -1420,10 +1298,6 @@ select { padding-right: 3.5rem; } -.pb-8 { - padding-bottom: 2rem; -} - .pt-1 { padding-top: 0.25rem; } @@ -1432,6 +1306,10 @@ select { padding-top: 0.375rem; } +.pt-5 { + padding-top: 1.25rem; +} + .text-center { text-align: center; } @@ -1444,20 +1322,11 @@ select { font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } -.text-base { - font-size: 1rem; - line-height: 1.5rem; -} - .text-sm { font-size: 0.875rem; line-height: 1.25rem; } -.text-\[0\.625rem\] { - font-size: 0.625rem; -} - .text-xs { font-size: 0.75rem; line-height: 1rem; @@ -1471,17 +1340,12 @@ select { font-weight: 600; } -.leading-6 { - line-height: 1.5rem; -} - .leading-5 { line-height: 1.25rem; } -.text-gray-300 { - --tw-text-opacity: 1; - color: rgb(209 213 219 / var(--tw-text-opacity)); +.leading-6 { + line-height: 1.5rem; } .text-gray-400 { @@ -1489,14 +1353,14 @@ select { color: rgb(156 163 175 / var(--tw-text-opacity)); } -.text-gray-900 { +.text-gray-500 { --tw-text-opacity: 1; - color: rgb(17 24 39 / var(--tw-text-opacity)); + color: rgb(107 114 128 / var(--tw-text-opacity)); } -.text-white { +.text-gray-600 { --tw-text-opacity: 1; - color: rgb(255 255 255 / var(--tw-text-opacity)); + color: rgb(75 85 99 / var(--tw-text-opacity)); } .text-gray-700 { @@ -1504,19 +1368,19 @@ select { color: rgb(55 65 81 / var(--tw-text-opacity)); } -.text-indigo-600 { +.text-gray-900 { --tw-text-opacity: 1; - color: rgb(79 70 229 / var(--tw-text-opacity)); + color: rgb(17 24 39 / var(--tw-text-opacity)); } -.text-gray-600 { +.text-indigo-600 { --tw-text-opacity: 1; - color: rgb(75 85 99 / var(--tw-text-opacity)); + color: rgb(79 70 229 / var(--tw-text-opacity)); } -.text-gray-500 { +.text-white { --tw-text-opacity: 1; - color: rgb(107 114 128 / var(--tw-text-opacity)); + color: rgb(255 255 255 / var(--tw-text-opacity)); } .opacity-0 { @@ -1527,9 +1391,9 @@ select { opacity: 1; } -.shadow-sm { - --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); - --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); +.shadow { + --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); + --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } @@ -1539,9 +1403,9 @@ select { box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } -.shadow { - --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); - --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); +.shadow-sm { + --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); + --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } @@ -1561,6 +1425,11 @@ select { --tw-ring-inset: inset; } +.ring-gray-200 { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(229 231 235 / var(--tw-ring-opacity)); +} + .ring-gray-300 { --tw-ring-opacity: 1; --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity)); @@ -1570,20 +1439,15 @@ select { --tw-ring-color: rgb(17 24 39 / 0.05); } -.ring-white\/10 { - --tw-ring-color: rgb(255 255 255 / 0.1); -} - -.ring-gray-200 { - --tw-ring-opacity: 1; - --tw-ring-color: rgb(229 231 235 / var(--tw-ring-opacity)); -} - .ring-white { --tw-ring-opacity: 1; --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity)); } +.ring-white\/10 { + --tw-ring-color: rgb(255 255 255 / 0.1); +} + .transition { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; @@ -1598,18 +1462,22 @@ select { transition-duration: 150ms; } -.duration-300 { - transition-duration: 300ms; -} - .duration-100 { transition-duration: 100ms; } +.duration-300 { + transition-duration: 300ms; +} + .duration-75 { transition-duration: 75ms; } +.ease-in { + transition-timing-function: cubic-bezier(0.4, 0, 1, 1); +} + .ease-in-out { transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } @@ -1618,10 +1486,6 @@ select { transition-timing-function: linear; } -.ease-in { - transition-timing-function: cubic-bezier(0.4, 0, 1, 1); -} - .ease-out { transition-timing-function: cubic-bezier(0, 0, 0.2, 1); } @@ -1636,11 +1500,6 @@ select { color: rgb(156 163 175 / var(--tw-text-opacity)); } -.hover\:bg-gray-700:hover { - --tw-bg-opacity: 1; - background-color: rgb(55 65 81 / var(--tw-bg-opacity)); -} - .hover\:bg-gray-50:hover { --tw-bg-opacity: 1; background-color: rgb(249 250 251 / var(--tw-bg-opacity)); @@ -1656,9 +1515,9 @@ select { background-color: rgb(99 102 241 / var(--tw-bg-opacity)); } -.hover\:text-white:hover { +.hover\:text-gray-500:hover { --tw-text-opacity: 1; - color: rgb(255 255 255 / var(--tw-text-opacity)); + color: rgb(107 114 128 / var(--tw-text-opacity)); } .hover\:text-indigo-600:hover { @@ -1666,9 +1525,9 @@ select { color: rgb(79 70 229 / var(--tw-text-opacity)); } -.hover\:text-gray-500:hover { +.hover\:text-white:hover { --tw-text-opacity: 1; - color: rgb(107 114 128 / var(--tw-text-opacity)); + color: rgb(255 255 255 / var(--tw-text-opacity)); } .focus\:outline-none:focus { @@ -1676,15 +1535,15 @@ select { outline-offset: 2px; } -.focus\:ring-2:focus { +.focus\:ring-0:focus { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); - --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); + --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } -.focus\:ring-0:focus { +.focus\:ring-2:focus { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); - --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); + --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } @@ -1697,11 +1556,6 @@ select { --tw-ring-color: rgb(79 70 229 / var(--tw-ring-opacity)); } -.focus\:ring-white:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity)); -} - .focus-visible\:outline:focus-visible { outline-style: solid; } @@ -1718,37 +1572,7 @@ select { outline-color: #4f46e5; } -.group:hover .group-hover\:border-indigo-600 { - --tw-border-opacity: 1; - border-color: rgb(79 70 229 / var(--tw-border-opacity)); -} - -.group:hover .group-hover\:text-indigo-600 { - --tw-text-opacity: 1; - color: rgb(79 70 229 / var(--tw-text-opacity)); -} - @media (min-width: 640px) { - .sm\:ml-6 { - margin-left: 1.5rem; - } - - .sm\:block { - display: block; - } - - .sm\:hidden { - display: none; - } - - .sm\:items-stretch { - align-items: stretch; - } - - .sm\:justify-start { - justify-content: flex-start; - } - .sm\:gap-x-6 { -moz-column-gap: 1.5rem; column-gap: 1.5rem; @@ -1803,10 +1627,6 @@ select { height: 1.5rem; } - .lg\:w-72 { - width: 18rem; - } - .lg\:w-20 { width: 5rem; } @@ -1815,10 +1635,6 @@ select { width: 1px; } - .lg\:flex-col { - flex-direction: column; - } - .lg\:items-center { align-items: center; } @@ -1846,15 +1662,6 @@ select { padding-right: 2rem; } - .lg\:py-6 { - padding-top: 1.5rem; - padding-bottom: 1.5rem; - } - - .lg\:pl-72 { - padding-left: 18rem; - } - .lg\:pb-4 { padding-bottom: 1rem; } |