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

← Older edit

@@ Line 150: / Line 150: @@
      margin-bottom: 2em;
 }
@@ Line 163: / Line 159: @@
 .feature-box {
-   border: 1px solid #aac;
+   border: 1px solid #a2a9b1;
-   background-color: #f9fff6;
+   background-color: #f5fff5;
-  padding: 15px;
    margin-bottom: 20px;
-   font-family: Arial, sans-serif;
+   padding: 10px;
 }
 .feature-box-title {
-   background-color: #b8d8be;
+   background-color: #cef2e0;
+  border: 1px solid #a2a9b1;
+  padding: 8px 12px;
    font-weight: bold;
-   padding: 10px;
+   font-family: sans-serif;
-   margin-bottom: 15px;
+   font-size: 17px;
-   border: 1px solid #8ebf82;
+   margin-bottom: 10px;
 }
 .feature-grid {
    display: flex;
+  flex-wrap: wrap;
+  gap: 10px;
    justify-content: space-between;
 }
 .feature-item {
-   background-color: #f0e8ff;
+  width: 19%;
-   padding: 15px;
+   background-color: #f3e8fd;
-   width: 180px;
+  border: 1px solid #ddd;
+   padding: 10px;
+   box-sizing: border-box;
    text-align: center;
-   border-radius: 3px;
+  font-size: 13px;
-   box-shadow: 0 0 5px #ccc;
+  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: 10px;
+   padding: 0px;
    margin-bottom: 8px;
    display: inline-block;
@@ Line 201: / Line 209: @@
 .feature-image img {
-   width: 120px;
+   width: 100%;
    height: auto;
 }
-.feature-name a {
-  text-decoration: none;
-  color: #003366;
+.feature-name {
    font-weight: bold;
-   display: block;
+   margin: 4px 0;
-   margin-bottom: 6px;
+   font-size: 18px;
 }
 .feature-desc {
    font-size: 13px;
-   color: #555;
+   color: #444;
-  line-height: 1.3;
 }