Untitled
unknown
plain_text
4 days ago
3.4 kB
2
Indexable
Never
/* Global styles */ * { box-sizing: border-box; margin: 0; padding: 0; font-family: "Helvetica Neue", Arial, sans-serif; } /* Body */ body { background-color: #f8f9fa; color: #212529; padding: 20px; font-size: 16px; line-height: 1.6; } /* Headings */ h1, h2, h3, h4, h5, h6 { margin-bottom: 1.5rem; font-weight: 500; color: #343a40; } h1 { font-size: 2.5rem; } h2 { font-size: 2rem; } h3 { font-size: 1.75rem; } h4 { font-size: 1.5rem; } h5 { font-size: 1.25rem; } h6 { font-size: 1rem; } /* Paragraphs */ p { margin-bottom: 1rem; color: #495057; } /* Links */ a { color: #007bff; text-decoration: none; } a:hover { opacity: 0.8; } /* Buttons */ button, input[type="button"], input[type="submit"] { display: inline-block; font-weight: 400; color: #fff; background-color: #007bff; border: 1px solid #007bff; padding: 0.375rem 0.75rem; font-size: 1rem; border-radius: 0.25rem; transition: background-color 0.15s ease-in-out; cursor: pointer; } button:hover, input[type="button"]:hover, input[type="submit"]:hover { background-color: #0056b3; border-color: #0056b3; } button:disabled, input[type="button"]:disabled, input[type="submit"]:disabled { background-color: #6c757d; border-color: #6c757d; cursor: not-allowed; } /* Inputs */ input, textarea, select { display: block; width: 100%; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 0.25rem; margin-bottom: 1rem; } input:focus, textarea:focus, select:focus { border-color: #80bdff; outline: none; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } /* Form group */ .form-group { margin-bottom: 1rem; } /* Tables */ /* table { width: 100%; margin-bottom: 1rem; border-collapse: collapse; color: #212529; } table th, table td { padding: 0.75rem; vertical-align: top; border-top: 1px solid #dee2e6; } table thead th { vertical-align: bottom; border-bottom: 2px solid #dee2e6; background-color: #f1f3f5; } */ /* Styling for the table */ table { width: 100%; border-collapse: collapse; font-family: "Inter", sans-serif; font-size: 14px; color: #333; } /* Header row */ thead th { background-color: #f3f4f6; text-align: left; padding: 12px 16px; font-weight: 600; font-size: 14px; border-bottom: 2px solid #e5e7eb; } /* Body rows */ tbody tr { border-bottom: 1px solid #e5e7eb; transition: background-color 0.2s ease; } tbody tr:hover { background-color: #f9fafb; } /* Cell styling */ tbody td { padding: 12px 16px; vertical-align: middle; } /* Links inside table */ tbody td a { color: #2563eb; text-decoration: none; font-weight: 500; padding: 6px 12px; border-radius: 6px; transition: background-color 0.2s ease, color 0.2s ease; } tbody td a:hover { background-color: #e5e7eb; color: #1e40af; } /* Destroy link warning styling */ tbody td a[data-method="delete"] { color: #ef4444; } tbody td a[data-method="delete"]:hover { background-color: #fee2e2; color: #b91c1c; } /* Responsive adjustment */ @media (max-width: 768px) { thead th { font-size: 12px; padding: 10px 12px; } tbody td { font-size: 12px; padding: 10px 12px; } } /* Images */ img { max-width: 100%; height: auto; border-radius: 0.25rem; }
Leave a Comment