Spaces:
Running
Running
File size: 2,602 Bytes
c69ac98 5a33600 3884117 5a33600 c69ac98 3884117 5a33600 3884117 5a33600 3884117 5a33600 3884117 215ccf1 3884117 5a33600 3884117 5a33600 3884117 5a33600 3884117 c69ac98 3ec6d61 3884117 c69ac98 3ec6d61 3884117 5a33600 3884117 c69ac98 3ec6d61 3884117 c69ac98 3ec6d61 3884117 215ccf1 3884117 215ccf1 3884117 215ccf1 5a33600 3884117 5a33600 3ec6d61 5a33600 3884117 3ec6d61 215ccf1 3884117 215ccf1 3884117 3ec6d61 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 |
body {
font-family: 'Roboto', sans-serif;
background: linear-gradient(135deg, #1e1e1e 0%, #12122a 100%);
color: #d3d4e8;
min-height: 100vh;
display: flex;
flex-direction: column;
}
.hero {
background: linear-gradient(45deg, #2a2a3a, #1a1a2a);
border-bottom: 3px solid #00f6ff;
animation: slideIn 1.5s ease-out;
box-shadow: 0 4px 20px rgba(0, 246, 255, 0.3);
}
.hero h1 {
font-family: 'Orbitron', sans-serif;
color: #ffffff;
text-shadow: 0 0 8px rgba(0, 246, 255, 0.6);
letter-spacing: 2px;
}
.hero .lead {
color: #b0b0d0;
font-size: 1.3rem;
font-weight: 400;
}
.card {
background: #252535;
border: 2px solid #00f6ff;
transition: transform 0.3s ease, box-shadow 0.3s ease;
box-shadow: 0 4px 15px rgba(0, 246, 255, 0.2);
}
.card:hover {
transform: translateY(-8px);
box-shadow: 0 6px 20px rgba(0, 246, 255, 0.4);
}
.form-select {
background: #2f2f4f;
border: 1px solid #00f6ff;
color: #d3d4e8;
font-weight: 500;
transition: background 0.3s ease, box-shadow 0.3s ease;
}
.form-select:focus {
background: #2f2f4f;
border-color: #00f6ff;
box-shadow: 0 0 0 0.25rem rgba(0, 246, 255, 0.5);
}
.table-dark {
background: #252535;
border: 1px solid #00f6ff;
}
.table-dark th,
.table-dark td {
border-color: #3a3a5a;
padding: 12px 15px;
vertical-align: middle;
}
.table-dark tbody tr {
transition: background 0.3s ease, transform 0.2s ease;
}
.table-dark tbody tr:hover {
background: #3a3a5a;
transform: translateX(5px);
}
.pagination .page-item .page-link {
background: #2f2f4f;
border: 1px solid #00f6ff;
color: #d3d4e8;
font-weight: 500;
transition: background 0.3s ease, color 0.3s ease;
margin: 0 2px;
}
.pagination .page-item.active .page-link {
background: #00f6ff;
border-color: #00f6ff;
color: #1e1e2e;
}
.pagination .page-item .page-link:hover {
background: #00f6ff;
color: #1e1e2e;
}
.pagination .page-item.disabled .page-link {
background: #3a3a5a;
border-color: #3a3a5a;
color: #6a6a8a;
}
.container {
max-width: 1300px;
flex: 1;
}
footer {
background: #1a1a2a;
border-top: 2px solid #00f6ff;
color: #8a8aaa;
font-size: 0.9rem;
}
.border-neon {
border-color: #00f6ff !important;
}
.border-neon-dark {
border-color: #3a3a5a !important;
}
@keyframes slideIn {
from { opacity: 0; transform: translateY(-50px); }
to { opacity: 1; transform: translateY(0); }
}
.table-responsive {
box-shadow: 0 4px 15px rgba(0, 246, 255, 0.2);
} |