Template:Main Page/styles.css: Difference between revisions

← Older edit

@@ Line 158: / Line 158: @@
+.feature-box {
-/* Full container with background */
-.all-feature-sections {
-  background-color: #f5f5f5; /* light gray full box */
    border: 1px solid #a2a9b1;
-   padding: 20px;
+   background-color: #f5fff5;
-   margin-bottom: 30px;
+   margin-bottom: 20px;
-   border-radius: 8px;
+   padding: 10px;
 }
-/* Section Title Bar (exact match to Wikipedia style) */
+.feature-box-title {
-.feature-title {
+   background-color: #cef2e0;
-   background-color: #cef2e0; /* Wikipedia green header */
+  border: 1px solid #a2a9b1;
-   padding: 8px 10px;
+   padding: 8px 12px;
    font-weight: bold;
    font-family: sans-serif;
-   font-size: 16px;
+   font-size: 17px;
-   border-top: 1px solid #a2a9b1;
+   margin-bottom: 10px;
-  border-bottom: 1px solid #a2a9b1;
-  color: black;
-  margin-top: 25px;
 }
-/* Grid layout for person cards */
 .feature-grid {
    display: flex;
    flex-wrap: wrap;
-   gap: 15px;
+   gap: 10px;
    justify-content: space-between;
-   margin-top: 12px;
+}
+.feature-item {
+  width: 19%;
+  background-color: #f3e8fd;
+  border: 1px solid #ddd;
+  padding: 10px;
+  box-sizing: border-box;
+  text-align: center;
+  font-size: 13px;
+  font-family: sans-serif;
+  border-radius: 5px;
+  transition: transform 0.3s ease;
+}
+.feature-item:hover {
+  transform: scale(1.05);
+  z-index: 10;
+}
+.feature-image {
+  background-color: #fff;
+  padding: 0px;
+  margin-bottom: 8px;
+  display: inline-block;
+  border: 1px solid #ddd;
+}
+.feature-image img {
+  width: 100%;
+  height: auto;
+}
+.feature-name {
+  font-weight: bold;
+   margin: 4px 0;
+  font-size: 18px;
+}
+.feature-desc {
+  font-size: 13px;
+  color: #444;
 }