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

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

@@ خط ۱: / خط ۱: @@
-/* ==========================================================================
-   ۱. بنر بالای صفحه (Top Banner)
-   ========================================================================== */
 .mp-topbanner {
    position: relative;
@@ خط ۱۰۵: / خط ۱۰۲: @@
 }
-/* ==========================================================================
-   ۲. چیدمان کلی دو ستونه (Main Layout Wrapper)
-   ========================================================================== */
 .mainpage_body_box, #mp-upper {
    display: flex;
@@ خط ۱۱۵: / خط ۱۰۹: @@
 }
-/* ==========================================================================
-   ۳. ستون راست / اصلی (Article & Main Content)
-   ========================================================================== */
 #mp-article, #mp-help {
    flex: 1 1 65%;
@@ خط ۱۲۴: / خط ۱۱۵: @@
 }
-.mp-article-box, #mp-article-box, #mp-help-box {
+.mp-article-box, #mp-article-box, #mp-help-box,
-   margin-bottom: 1em;
+.mainpage_box, #mp-sidebar-box {
-   padding: 1.2em;
+   background: #f7f7f7;
+   border: 1px solid #a3b18a;
    border-radius: 10px;
-   border: 1px solid #a3b18a;
+   margin-bottom: 1.2em;
    box-shadow: 0 4px 12px rgba(52, 78, 65, 0.05);
-   background: #ffffff;
+   overflow: hidden;
-   transition: box-shadow 0.2s ease;
+   transition: box-shadow 0.2s ease, border-color 0.2s ease;
 }
-.mp-article-box:hover, #mp-article-box:hover, #mp-help-box:hover {
+.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-help-box {
+.mp-h2,
-   background: #f4f5f0;
+.mainpage_box_header {
-}
+   background: linear-gradient(135deg, #3a5a40 0%, #588157 100%);
+  color: #ffffff !important;
-.mp-h2 {
+  font-weight: bold;
+  font-size: 15px;
    padding: 10px 15px;
-   border-radius: 8px;
+   border-bottom: 2px solid #a3b18a;
-   background: linear-gradient(135deg, #3a5a40 0%, #588157 100%);
+   border-radius: 0;
-  color: #ffffff;
+   margin: 0;
-   margin-bottom: 15px;
 }
-.mp-h2 span {
+.mp-h2 span,
+.mainpage_box_header span {
    font-size: 16px;
    font-weight: bold;
-  position: relative;
    color: #ffffff;
 }
@@ خط ۱۶۶: / خط ۱۶۰: @@
 }
-/* ==========================================================================
-   ۴. ستون چپ (Sidebar & Left Boxes)
-   ========================================================================== */
 #mp-left, .mainpage_body_left, #mp-sidebar {
    flex: 1 1 30%;
    display: flex;
    flex-direction: column;
-}
-.mainpage_box, #mp-sidebar-box {
-  background: #ffffff;
-  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;
-}
-.mainpage_box:hover, #mp-sidebar-box:hover {
-  box-shadow: 0 6px 16px rgba(52, 78, 65, 0.1);
-  border-color: #588157;
-}
-.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;
 }
@@ خط ۲۳۱: / خط ۱۹۸: @@
 }
-/* ==========================================================================
-   ۵. جزئیات جانبی و لیست‌ها
-   ========================================================================== */
 #mp-more {
    float: left;
@@ خط ۲۶۸: / خط ۲۳۲: @@
 }
-/* ==========================================================================
-   ۶. تنظیمات واکنش‌گرایی (Responsive / Mobile)
-   ========================================================================== */
 @media (max-width: 875px) {
    .mp-topbanner {
@@ خط ۲۹۶: / خط ۲۵۷: @@
 }
-/* ==========================================================================
-   ۷. فوتر و بخش تصویر برگزیده (Footer & Featured Image)
-   ========================================================================== */
 .main_foot {
    width: 100%;
@@ خط ۳۰۶: / خط ۲۶۴: @@
 #mp-lower {
-   background: #ffffff;
+   background: #F6F7F3;
    border: 1px solid #a3b18a;
    border-radius: 10px;
@@ خط ۳۱۳: / خط ۲۷۱: @@
 }
-/* مرکزچین کردن و استایل تصویر برگزیده */
 #mp-lower .mainpage_box_content {
    text-align: center;