Fix styles.css

MediaHarbor · Nov 16, 2024 · 1eb7b47 · 1eb7b47
1 parent 6c09f50
commit 1eb7b47
Showing 1 changed file with 15 additions and 29 deletions.
diff --git a/styles.css b/styles.css
@@ -1,17 +1,3 @@
-:root {
-    --primary-color: #0d6efd;
-    --primary-hover: #084298;
-    --background-color: #f9f9f9;
-    --table-header-bg: #ffffff;
-    --table-header-color: #333333;
-    --table-row-bg: #ffffff;
-    --table-border-color: #dee2e6;
-    --scrollbar-thumb: #c1c1c1;
-    --scrollbar-thumb-hover: #a8a8a8;
-    --shadow-color: rgba(0, 0, 0, 0.1);
-    --font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
-}
-
 body {
     margin: 0;
     padding: 0;
@@ -359,7 +345,7 @@ img {
 }
 .platform-section {
     padding: 60px 20px;
-    background-color: var(--background-color);
+    background-color: #f9f9f9;
 }
 
 .platform-section h2 {
@@ -374,7 +360,7 @@ img {
     max-height: 500px;
     overflow: auto;
     border-radius: 8px;
-    box-shadow: inset 0 0 10px var(--shadow-color);
+    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1);
     background-color: #fff;
 }
 
@@ -389,17 +375,17 @@ img {
 }
 
 .scrollable-table-container::-webkit-scrollbar-thumb {
-    background: var(--scrollbar-thumb);
+    background: #c1c1c1;
     border-radius: 4px;
 }
 
 .scrollable-table-container::-webkit-scrollbar-thumb:hover {
-    background: var(--scrollbar-thumb-hover);
+    background: #a8a8a8;
 }
 
 .scrollable-table-container {
     scrollbar-width: thin;
-    scrollbar-color: var(--scrollbar-thumb) #f1f1f1;
+    scrollbar-color: #c1c1c1 #f1f1f1;
 }
 
 .table {
@@ -411,34 +397,34 @@ img {
 }
 
 .table thead {
-    background-color: var(--table-header-bg);
+    background-color: #ffffff;
     position: sticky;
     top: 0;
     z-index: 2;
 }
 
 .table thead th {
     padding: 15px 20px;
-    border-bottom: 2px solid var(--table-border-color);
-    color: var(--table-header-color);
+    border-bottom: 2px solid #dee2e6;
+    color: #333333;
     text-align: center;
     font-weight: 600;
 }
 
 .table tbody tr {
-    background-color: var(--table-row-bg);
+    background-color: #ffffff;
     border-radius: 8px;
     transition: transform 0.3s ease, box-shadow 0.3s ease;
 }
 
 .table tbody tr:hover {
     transform: translateY(-5px);
-    box-shadow: 0 8px 30px var(--shadow-color);
+    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1);
 }
 
 .table td, .table th {
     padding: 15px 20px;
-    border: 1px solid var(--table-border-color);
+    border: 1px solid #dee2e6;
     white-space: nowrap;
     text-align: center;
     vertical-align: middle;
@@ -451,18 +437,18 @@ img {
 }
 
 .table .fa-cloud-arrow-down {
-    color: var(--primary-color);
+    color: #0d6efd;
 }
 
 .table a.text-info {
     text-decoration: none;
     font-weight: 500;
-    color: var(--primary-color);
+    color: #0d6efd;
     transition: color 0.3s ease, text-decoration 0.3s ease;
 }
 
 .table a.text-info:hover {
-    color: var(--primary-hover);
+    color: #084298;
     text-decoration: underline;
 }
 
@@ -483,7 +469,7 @@ img {
 
     .table tr {
         margin-bottom: 15px;
-        box-shadow: 0 4px 12px var(--shadow-color);
+        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
         border-radius: 8px;
         padding: 10px;
     }