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

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

@@ خط ۱۰۰: / خط ۱۰۰: @@
    color: #ffffff !important;
    border-color: #3a5a40;
+}
+.mainpage_body_box, #mp-upper {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 15px;
+  margin-top: 15px;
+}
+#mp-article, #mp-help {
+  flex: 1 1 65%;
+  display: flex;
+  flex-direction: column;
+}
+.mp-article-box, #mp-article-box, #mp-help-box,
+.mainpage_box, #mp-sidebar-box {
+  background: #f7f7f7;
+  border: 1px solid #a3b18a;
+  border-radius: 10px;
+  margin-bottom: 1.2em;
+  box-shadow: 0 4px 12px rgba(52, 78, 65, 0.05);
+  overflow: hidden;
+  transition: box-shadow 0.2s ease, border-color 0.2s ease;
+}
+.mp-article-box:hover, #mp-article-box:hover, #mp-help-box:hover,
+.mainpage_box:hover, #mp-sidebar-box:hover {
+  box-shadow: 0 6px 16px rgba(52, 78, 65, 0.1);
+  border-color: #588157;
+}
+.mp-h2,
+.mainpage_box_header {
+  background: linear-gradient(135deg, #3a5a40 0%, #588157 100%);
+  color: #ffffff !important;
+  font-weight: bold;
+  font-size: 15px;
+  padding: 10px 15px;
+  border-bottom: 2px solid #a3b18a;
+  border-radius: 0;
+  margin: 0;
+}
+.mp-h2 span,
+.mainpage_box_header span {
+  font-size: 16px;
+  font-weight: bold;
+  color: #ffffff;
+}
+.mp-article-footer {
+  border-top: 1px dashed #a3b18a;
+  text-align: center;
+  font-size: 95%;
+  margin-top: 15px;
+  padding-top: 10px;
+  color: #344e41;
+}
+#mp-left, .mainpage_body_left, #mp-sidebar {
+  flex: 1 1 30%;
+  display: flex;
+  flex-direction: column;
+}
+.mainpage_box_content {
+  padding: 15px;
+  color: #344e41;
+  font-size: 14px;
+  line-height: 1.8;
+}
+.mainpage_box > *:not(.mainpage_box_header):not(.mainpage_box_content) {
+  padding: 15px;
+}
+.mainpage_box a {
+  color: #3a5a40;
+  text-decoration: none;
+  transition: color 0.2s ease;
+}
+.mainpage_box a:hover {
+  color: #588157;
+  text-decoration: underline;
+}
+.mainpage_box ul, .mainpage_box ol {
+  margin: 5px 15px 5px 0;
+  padding: 0;
+}
+.mainpage_box li {
+  margin-bottom: 6px;
+  color: #344e41;
+}
+#mp-more {
+  float: left;
+  margin-left: 10px;
+  color: #3a5a40;
+  font-weight: bold;
+}
+#mp-new ol {
+  margin: 10px 10px 0 0;
+  padding: 0;
+}
+#mp-new ol li {
+  list-style: none;
+  line-height: 1.8;
+  color: #344e41;
+}
+#mp-new ol li:before {
+  content: "";
+  line-height: 1em;
+  width: 6px;
+  height: 6px;
+  background-color: #588157;
+  float: right;
+  margin: 9px 0 0 8px;
+  border-radius: 50%;
+}
+#badge {
+  font-weight: bold;
+  color: #588157;
+}
+@media (max-width: 875px) {
+  .mp-topbanner {
+    margin: 10px 0;
+  }
+  .mp-welcome {
+    font-size: 20px;
+  }
+  .mainpage_body_box, #mp-upper, #mp-bottom {
+    flex-direction: column;
+  }
+  #mp-article, #mp-help, #mp-left, .mainpage_body_left, #mp-sidebar {
+    flex: 1 1 100%;
+    margin-left: 0;
+    margin-right: 0;
+  }
+  .mp-logo-box {
+    position: static;
+    margin-bottom: 10px;
+  }
+}
+.main_foot {
+  width: 100%;
+  margin-top: 15px;
+  clear: both;
+}
+#mp-lower {
+  background: #F6F7F3;
+  border: 1px solid #a3b18a;
+  border-radius: 10px;
+  box-shadow: 0 4px 12px rgba(52, 78, 65, 0.05);
+  overflow: hidden;
+}
+#mp-lower .mainpage_box_content {
+  text-align: center;
+  padding: 20px;
+  color: #344e41;
+}
+#mp-lower .mainpage_box_content img {
+  max-width: 100%;
+  height: auto;
+  border-radius: 8px;
+  border: 1px solid #dad7cd;
+  box-shadow: 0 4px 10px rgba(52, 78, 65, 0.08);
+  transition: transform 0.2s ease, box-shadow 0.2s ease;
+}
+#mp-lower .mainpage_box_content img:hover {
+  transform: scale(1.005);
+  box-shadow: 0 6px 15px rgba(52, 78, 65, 0.12);
 }