الگو:صفحهٔ اصلی/styles.css: تفاوت میان نسخه‌ها

→ تفاوت با ویرایش قدیمی‌تر تفاوت با ویرایش جدیدتر ←

@@ خط ۱: / خط ۱: @@
 .mp-topbanner {
-    background-color: #fcfdfc;
+  position: relative;
-    border: 1px solid var(--wiki-dry-sage);
+  background: linear-gradient(135deg, #ffffff 0%, #f4f5f0 100%);
-    border-radius: 8px;
+  border: 1px solid #a3b18a;
-    padding: 24px 20px;
+  border-top: 4px solid #588157;
-    text-align: center;
+  border-radius: 12px;
-    box-shadow: 0 4px 12px rgba(52, 78, 65, 0.05);
+  padding: 25px 20px;
-    margin-bottom: 20px;
+  margin: 20px 0;
+  text-align: center;
+  box-shadow: 0 6px 18px rgba(52, 78, 65, 0.08);
+  color: #344e41;
 }
-.mp-welcome-title {
+.mp-logo-box {
-    font-size: 26px;
+  position: absolute;
-    font-weight: bold;
+  top: 15px;
-    color: var(--wiki-pine-teal);
+  right: 20px;
-    margin-bottom: 10px;
+}
+.mp-logo-box img {
+  max-height: 55px;
+  width: auto;
 }
-.mp-description {
+.mp-welcome {
-    font-size: 15px;
+  font-size: 24px;
-    color: var(--wiki-hunter-green);
+  font-weight: 800;
-    line-height: 1.8;
+  color: #344e41;
-    margin-bottom: 15px;
+  margin: 10px 0 15px 0;
-    border-bottom: 1px solid var(--wiki-dust-grey);
+  border: none !important;
-    padding-bottom: 12px;
 }
-.mp-search-box {
+.mp-welcome-title {
-    margin: 15px 0;
+  color: #3a5a40;
+  background-color: #dad7cd;
+  padding: 2px 10px;
+  border-radius: 6px;
 }
-.mp-menu {
+.mp-description {
-    font-size: 14px;
+  font-size: 14px;
-    color: var(--wiki-fern);
+  line-height: 1.9;
+  color: #344e41;
+  margin-bottom: 15px;
+  padding-bottom: 12px;
+  border-bottom: 1px dashed #a3b18a;
 }
-.mp-menu a {
+.mp-search-container {
-    color: var(--wiki-hunter-green);
+  margin: 15px 0;
-    font-weight: bold;
-    text-decoration: none;
 }
-.mp-menu a:hover {
+.mp-search-container input[type="text"] {
-    color: var(--wiki-pine-teal);
+  border: 1px solid #a3b18a !important;
-    text-decoration: underline;
+  border-radius: 6px !important;
+  padding: 6px 12px !important;
+  outline: none;
+  color: #344e41;
 }
-#mp-upper, #mp-bottom {
+.mp-search-container input[type="text"]:focus {
-    display: flex;
+  border-color: #588157 !important;
-    gap: 16px;
+  box-shadow: 0 0 5px rgba(88, 129, 87, 0.3);
 }
-#mp-article, #mp-help {
+.mp-search-container input[type="submit"] {
-    flex: 1 1 67%;
+  background-color: #3a5a40 !important;
-    display: flex;
+  color: #ffffff !important;
-    flex-direction: column;
+  border: none !important;
+  border-radius: 6px !important;
+  padding: 6px 16px !important;
+  cursor: pointer;
+  transition: background-color 0.2s ease;
 }
-#mp-sidebar {
+.mp-search-container input[type="submit"]:hover {
-    flex: 1 1 33%;
+  background-color: #344e41 !important;
 }
-.mp-box {
+.mp-menu {
-    background: #ffffff;
+  margin-top: 12px;
-    border: 1px solid var(--wiki-dust-grey);
+  font-size: 14px;
-    border-radius: 8px;
-    padding: 16px;
-    margin-bottom: 16px;
-    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);
 }
-.mp-h2 {
+.mp-menu a {
-    padding: 10px 14px;
+  display: inline-block;
-    border-radius: 6px;
+  color: #3a5a40 !important;
-    background: var(--wiki-dry-sage);
+  font-weight: bold;
-    color: var(--wiki-pine-teal);
+  text-decoration: none !important;
-    font-size: 16px;
+  padding: 6px 18px;
-    font-weight: bold;
+  background-color: #ffffff;
-    margin-top: 0;
+  border: 1px solid #a3b18a;
-    margin-bottom: 12px;
+  border-radius: 20px;
-    border-right: 5px solid var(--wiki-hunter-green);
+  transition: all 0.2s ease;
 }
-@media (max-width: 875px) {
+.mp-menu a:hover {
-    #mp-upper, #mp-bottom {
+  background-color: #3a5a40;
-        flex-direction: column;
+  color: #ffffff !important;
-    }
+  border-color: #3a5a40;
 }