|
|
@@ -47,6 +47,111 @@
|
|
|
}
|
|
|
|
|
|
</style>
|
|
|
+ <style>
|
|
|
+ .card {
|
|
|
+ border: 1px solid #e0e0e0;
|
|
|
+ border-radius: 8px;
|
|
|
+ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
|
|
|
+ overflow: hidden;
|
|
|
+ background-color: #fff;
|
|
|
+ transition: box-shadow 0.3s ease;
|
|
|
+ }
|
|
|
+
|
|
|
+ .card:hover {
|
|
|
+ box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
|
|
|
+ }
|
|
|
+
|
|
|
+ .card-img-top {
|
|
|
+ width: 100%;
|
|
|
+ height: 200px;
|
|
|
+ object-fit: cover;
|
|
|
+ border-bottom: 1px solid #e0e0e0;
|
|
|
+ }
|
|
|
+
|
|
|
+ .card-block {
|
|
|
+ padding: 16px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .card-title {
|
|
|
+ font-size: 1.2rem;
|
|
|
+ font-weight: 600;
|
|
|
+ margin-bottom: 8px;
|
|
|
+ color: #333;
|
|
|
+ }
|
|
|
+
|
|
|
+ .card-text {
|
|
|
+ font-size: 0.95rem;
|
|
|
+ color: #555;
|
|
|
+ line-height: 1.4;
|
|
|
+ }
|
|
|
+
|
|
|
+ .card-footer {
|
|
|
+ padding: 10px 16px;
|
|
|
+ font-size: 0.85rem;
|
|
|
+ background-color: #f8f9fa;
|
|
|
+ border-top: 1px solid #e0e0e0;
|
|
|
+ color: #666;
|
|
|
+ }
|
|
|
+
|
|
|
+ .card-header {
|
|
|
+ background-color: #f1f1f1;
|
|
|
+ padding: 10px 16px;
|
|
|
+ font-weight: 600;
|
|
|
+ font-size: 0.95rem;
|
|
|
+ color: #333;
|
|
|
+ border-bottom: 1px solid #ddd;
|
|
|
+ }
|
|
|
+
|
|
|
+ .table.projects {
|
|
|
+ margin: 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ .table td, .table th {
|
|
|
+ padding: 8px;
|
|
|
+ font-size: 0.9rem;
|
|
|
+ vertical-align: middle;
|
|
|
+ }
|
|
|
+
|
|
|
+ .attribute-label {
|
|
|
+ font-weight: 600;
|
|
|
+ color: #333;
|
|
|
+ margin-right: 4px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .card-body input.dial {
|
|
|
+ margin-bottom: 10px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .after_score {
|
|
|
+ animation: fadeIn 0.3s ease-in-out;
|
|
|
+ }
|
|
|
+
|
|
|
+ .row.mb-4 {
|
|
|
+ margin-bottom: 2rem !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ .table-striped tbody tr:nth-of-type(odd) {
|
|
|
+ background-color: #fafafa;
|
|
|
+ }
|
|
|
+
|
|
|
+ @keyframes fadeIn {
|
|
|
+ from { opacity: 0; }
|
|
|
+ to { opacity: 1; }
|
|
|
+ }
|
|
|
+
|
|
|
+ @media (max-width: 768px) {
|
|
|
+ .col-md-4 {
|
|
|
+ flex: 0 0 100%;
|
|
|
+ max-width: 100%;
|
|
|
+ margin-bottom: 1rem;
|
|
|
+ }
|
|
|
+
|
|
|
+ .card-img-top {
|
|
|
+ height: 180px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+</style>
|
|
|
+
|
|
|
</head>
|
|
|
|
|
|
<body class="layout-fixed sidebar-expand-lg sidebar-mini app-loaded sidebar-collapse"> <!--begin::App Wrapper-->
|
