phase 1 partial
This commit is contained in:
IGNY8 VPS (Salman)
290
backend/igny8_core/static/admin/css/igny8_admin.css
Normal file
290
backend/igny8_core/static/admin/css/igny8_admin.css
Normal file
@@ -0,0 +1,290 @@
|
||||
/* IGNY8 Custom Admin Styles */
|
||||
|
||||
/* Status badges */
|
||||
.status-active {
|
||||
color: #28a745 !important;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.status-inactive {
|
||||
color: #dc3545 !important;
|
||||
}
|
||||
|
||||
.status-pending {
|
||||
color: #ffc107 !important;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.status-succeeded, .status-completed {
|
||||
color: #28a745 !important;
|
||||
}
|
||||
|
||||
.status-failed, .status-error {
|
||||
color: #dc3545 !important;
|
||||
}
|
||||
|
||||
/* Credit indicators */
|
||||
.credits-low {
|
||||
color: #dc3545 !important;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.credits-medium {
|
||||
color: #ffc107 !important;
|
||||
}
|
||||
|
||||
.credits-high {
|
||||
color: #28a745 !important;
|
||||
}
|
||||
|
||||
/* Quick action buttons */
|
||||
.admin-action-button {
|
||||
padding: 5px 15px;
|
||||
border-radius: 4px;
|
||||
cursor: pointer;
|
||||
text-decoration: none;
|
||||
display: inline-block;
|
||||
margin: 2px;
|
||||
background-color: #417690;
|
||||
color: white;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.admin-action-button:hover {
|
||||
background-color: #305d75;
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
/* List view enhancements */
|
||||
#content-main table tr:hover {
|
||||
background-color: #f8f9fa !important;
|
||||
}
|
||||
|
||||
/* Improve sidebar menu appearance */
|
||||
#content-related h3 {
|
||||
background: #417690;
|
||||
color: white;
|
||||
padding: 10px;
|
||||
border-radius: 4px 4px 0 0;
|
||||
}
|
||||
|
||||
/* Better form field spacing */
|
||||
.form-row {
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
/* Highlight required fields */
|
||||
.required label:after {
|
||||
content: " *";
|
||||
color: #dc3545;
|
||||
}
|
||||
|
||||
/* Success messages */
|
||||
.success, .messagelist .success {
|
||||
background-color: #d4edda !important;
|
||||
border-color: #c3e6cb !important;
|
||||
color: #155724 !important;
|
||||
}
|
||||
|
||||
/* Warning messages */
|
||||
.warning, .messagelist .warning {
|
||||
background-color: #fff3cd !important;
|
||||
border-color: #ffeaa7 !important;
|
||||
color: #856404 !important;
|
||||
}
|
||||
|
||||
/* Error messages */
|
||||
.error, .messagelist .error {
|
||||
background-color: #f8d7da !important;
|
||||
border-color: #f5c6cb !important;
|
||||
color: #721c24 !important;
|
||||
}
|
||||
|
||||
/* Improve table readability */
|
||||
#result_list tbody tr:nth-child(odd) {
|
||||
background-color: #f9f9f9;
|
||||
}
|
||||
|
||||
#result_list tbody tr:nth-child(even) {
|
||||
background-color: #ffffff;
|
||||
}
|
||||
|
||||
/* Better button styling */
|
||||
.button, input[type=submit], input[type=button], .submit-row input {
|
||||
background: #417690 !important;
|
||||
color: white !important;
|
||||
border: none !important;
|
||||
padding: 10px 15px !important;
|
||||
border-radius: 4px !important;
|
||||
cursor: pointer !important;
|
||||
}
|
||||
|
||||
.button:hover, input[type=submit]:hover, input[type=button]:hover {
|
||||
background: #305d75 !important;
|
||||
}
|
||||
|
||||
/* Delete button styling */
|
||||
.deletelink, .deletelink-box a {
|
||||
background: #dc3545 !important;
|
||||
}
|
||||
|
||||
.deletelink:hover, .deletelink-box a:hover {
|
||||
background: #c82333 !important;
|
||||
}
|
||||
|
||||
/* Improve filter sidebar */
|
||||
#changelist-filter h2 {
|
||||
background: #417690;
|
||||
color: white;
|
||||
padding: 8px 10px;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
#changelist-filter h3 {
|
||||
font-weight: bold;
|
||||
margin-top: 15px;
|
||||
padding-bottom: 5px;
|
||||
border-bottom: 1px solid #ddd;
|
||||
}
|
||||
|
||||
/* Better pagination */
|
||||
.paginator {
|
||||
font-size: 14px;
|
||||
padding: 10px;
|
||||
background: #f8f9fa;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.paginator a {
|
||||
padding: 5px 10px;
|
||||
margin: 0 2px;
|
||||
background: white;
|
||||
border: 1px solid #ddd;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.paginator a:hover {
|
||||
background: #417690;
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
/* Responsive improvements */
|
||||
@media (max-width: 768px) {
|
||||
#content-main {
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.module table {
|
||||
font-size: 12px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Admin header improvements */
|
||||
#header {
|
||||
background: #417690;
|
||||
color: white;
|
||||
}
|
||||
|
||||
#header a:link, #header a:visited {
|
||||
color: white;
|
||||
}
|
||||
|
||||
#branding h1 {
|
||||
color: white;
|
||||
}
|
||||
|
||||
/* Fieldset legend styling */
|
||||
fieldset.module h2 {
|
||||
background: #417690;
|
||||
color: white;
|
||||
padding: 8px 10px;
|
||||
border-radius: 4px 4px 0 0;
|
||||
}
|
||||
|
||||
/* Inline forms */
|
||||
.inline-group {
|
||||
border: 1px solid #ddd;
|
||||
border-radius: 4px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.inline-group .tabular {
|
||||
overflow-x: auto;
|
||||
}
|
||||
|
||||
/* Help text styling */
|
||||
.help {
|
||||
font-size: 12px;
|
||||
color: #666;
|
||||
display: block;
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
/* Dashboard widget styling */
|
||||
.dashboard-card {
|
||||
background: white;
|
||||
border: 1px solid #ddd;
|
||||
border-radius: 8px;
|
||||
padding: 20px;
|
||||
margin: 10px 0;
|
||||
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
|
||||
}
|
||||
|
||||
.dashboard-card h2 {
|
||||
margin-top: 0;
|
||||
border-bottom: 2px solid #417690;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
|
||||
.metric {
|
||||
display: inline-block;
|
||||
margin: 10px 20px 10px 0;
|
||||
}
|
||||
|
||||
.metric-value {
|
||||
font-size: 32px;
|
||||
font-weight: bold;
|
||||
color: #417690;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.metric-label {
|
||||
font-size: 12px;
|
||||
color: #666;
|
||||
display: block;
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
/* Alert styling */
|
||||
.alert {
|
||||
padding: 15px;
|
||||
margin: 10px 0;
|
||||
border-radius: 4px;
|
||||
border-left: 4px solid;
|
||||
}
|
||||
|
||||
.alert-error {
|
||||
background-color: #f8d7da;
|
||||
border-left-color: #dc3545;
|
||||
color: #721c24;
|
||||
}
|
||||
|
||||
.alert-warning {
|
||||
background-color: #fff3cd;
|
||||
border-left-color: #ffc107;
|
||||
color: #856404;
|
||||
}
|
||||
|
||||
.alert-info {
|
||||
background-color: #d1ecf1;
|
||||
border-left-color: #17a2b8;
|
||||
color: #0c5460;
|
||||
}
|
||||
|
||||
.alert-success {
|
||||
background-color: #d4edda;
|
||||
border-left-color: #28a745;
|
||||
color: #155724;
|
||||
}
|
||||
Reference in New Issue
Block a user