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

← Older edit Newer edit →

@@ Line 162: / Line 162: @@
-/* Full container with background */
+.feature-box {
-.all-feature-sections {
-  background-color: #f5f5f5; /* light gray full box */
    border: 1px solid #a2a9b1;
-   padding: 20px;
+   background-color: #f8f9fa;
-   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: #fff;
+  border: 1px solid #ddd;
+  padding: 10px;
+  box-sizing: border-box;
+  text-align: center;
+  font-size: 13px;
+  font-family: sans-serif;
+  border-radius: 5px;
+}
+.feature-item img {
+  width: 100%;
+  height: auto;
+  max-height: 120px;
+  object-fit: cover;
+  margin-bottom: 6px;
+  border-radius: 4px;
+}
+.feature-name {
+  font-weight: bold;
+   margin: 4px 0;
+  font-size: 14px;
+}
+.feature-desc {
+  font-size: 12px;
+  color: #444;
 }