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

← Older edit Newer edit →

@@ Line 160: / Line 160: @@
-/* Wrapper for all 4 sections */
+/* Full container with background */
 .all-feature-sections {
-   border: 2px solid #a2a9b1;
+   background-color: #f5f5f5; /* light gray full box */
-   background-color: #fefefe;
+   border: 1px solid #a2a9b1;
    padding: 20px;
    margin-bottom: 30px;
@@ Line 169: / Line 171: @@
 }
-/* Each section header */
+/* Section Title Bar (exact match to Wikipedia style) */
-.feature-box-title {
+.feature-title {
-   background-color: #e2f3f5; /* Light teal for clean feel */
+   background-color: #cef2e0; /* Wikipedia green header */
-  border-left: 6px solid #36c; /* Blue bar like Wikipedia */
+   padding: 8px 10px;
-   padding: 8px 12px;
    font-weight: bold;
    font-family: sans-serif;
-   font-size: 17px;
+   font-size: 16px;
-   margin: 25px 0 12px;
+   border-top: 1px solid #a2a9b1;
-   color: #202122;
+  border-bottom: 1px solid #a2a9b1;
+   color: black;
+  margin-top: 25px;
 }
-/* Grid layout for profiles */
+/* Grid layout for person cards */
 .feature-grid {
    display: flex;
@@ Line 187: / Line 190: @@
    gap: 15px;
    justify-content: space-between;
-}
+   margin-top: 12px;
-/* Individual profile box */
-.feature-item {
-  width: 19%;
-  background-color: #f4f8fb;  /* Light background */
-  border: 1px solid #ccd6dd;
-  padding: 10px;
-  box-sizing: border-box;
-  text-align: center;
-  font-size: 13px;
-  font-family: sans-serif;
-  border-radius: 6px;
-  box-shadow: 0 2px 4px rgba(0,0,0,0.05);
-  transition: transform 0.2s ease;
-}
-.feature-item:hover {
-  transform: translateY(-3px);
-}
-/* Image */
-.feature-item img {
-  width: 100%;
-  height: auto;
-  max-height: 130px;
-  object-fit: cover;
-  border-radius: 4px;
-   margin-bottom: 8px;
-}
-/* Name */
-.feature-name {
-  font-weight: bold;
-  margin-bottom: 4px;
-  font-size: 14px;
-  color: #202122;
-}
-/* Description */
-.feature-desc {
-  font-size: 12px;
-  color: #54595d;
 }