رده:موسسه غدیرستان: تفاوت میان نسخه‌ها

@@ خط ۳: / خط ۳: @@
 <div style="display: flex; flex-wrap: wrap; gap: 15px;">
-<div style="flex: 1 1 200px; border: 1px solid #ddd; border-radius: 8px; padding: 12px; background: white;">
+<div style="flex: 1 1 200px; border: 2px solid #e74c3c; border-radius: 8px; padding: 12px; background: #fdf2f2;">
-<div style="font-weight: bold; padding-bottom: 8px; border-bottom: 1px dashed #ccc; margin-bottom: 8px;">فصل ۱</div>
+<div style="font-weight: bold; font-size: 16px; color: #c0392b; padding-bottom: 8px; border-bottom: 2px solid #e74c3c; margin-bottom: 8px;">فصل ۱</div>
 <div style="font-size: 14px; line-height: 2;">
-[[صفحه ۱-۱]]<br>[[صفحه ۱-۲]]<br>
+[[صفحه ۱-۱]]
-<div class="mw-collapsible" style="margin:0;">
+<br>[[صفحه ۱-۲]]
-<span class="mw-collapsible-toggle" style="color:#0645ad;cursor:pointer;">بیشتر ▼</span>
+<br>
-<div class="mw-collapsible-content" style="padding-right:10px;">
+<div class="mw-collapsible" style="margin:0; padding:0;">
+<div class="mw-collapsible-toggle" style="color:#c0392b; cursor:pointer; font-weight:bold;">▼ زیرشاخه‌ها</div>
+<div class="mw-collapsible-content" style="padding-right:10px; padding-top:5px; color:#7f8c8d;">
 [[زیرشاخه ۱-۳-۱]]<br>
 [[زیرشاخه ۱-۳-۲]]<br>
@@ خط ۱۹: / خط ۲۱: @@
 </div>
-<!-- تا ۱۰ -->
+<div style="flex: 1 1 200px; border: 2px solid #3498db; border-radius: 8px; padding: 12px; background: #f0f8ff;">
+<div style="font-weight: bold; font-size: 16px; color: #2980b9; padding-bottom: 8px; border-bottom: 2px solid #3498db; margin-bottom: 8px;">فصل ۲</div>
+<div style="font-size: 14px; line-height: 2;">
+[[صفحه ۲-۱]]
+<br>
+<div class="mw-collapsible" style="margin:0; padding:0;">
+<div class="mw-collapsible-toggle" style="color:#2980b9; cursor:pointer; font-weight:bold;">▼ زیرشاخه‌ها</div>
+<div class="mw-collapsible-content" style="padding-right:10px; padding-top:5px; color:#7f8c8d;">
+[[زیرشاخه ۲-۱-۱]]<br>
+[[زیرشاخه ۲-۱-۲]]
+</div>
+</div>
+<br>[[صفحه ۲-۲]]<br>[[صفحه ۲-۳]]<br>[[صفحه ۲-۴]]
+</div>
+</div>
+<div style="flex: 1 1 200px; border: 2px solid #2ecc71; border-radius: 8px; padding: 12px; background: #f0fff4;">
+<div style="font-weight: bold; font-size: 16px; color: #27ae60; padding-bottom: 8px; border-bottom: 2px solid #2ecc71; margin-bottom: 8px;">فصل ۳</div>
+<div style="font-size: 14px; line-height: 2;">
+[[صفحه ۳-۱]]<br>[[صفحه ۳-۲]]
+<br>
+<div class="mw-collapsible" style="margin:0; padding:0;">
+<div class="mw-collapsible-toggle" style="color:#27ae60; cursor:pointer; font-weight:bold;">▼ زیرشاخه‌ها</div>
+<div class="mw-collapsible-content" style="padding-right:10px; padding-top:5px; color:#7f8c8d;">
+[[زیرشاخه ۳-۲-۱]]<br>
+[[زیرشاخه ۳-۲-۲]]
+</div>
+</div>
+<br>[[صفحه ۳-۳]]<br>[[صفحه ۳-۴]]
+</div>
+</div>
+<div style="flex: 1 1 200px; border: 2px solid #f39c12; border-radius: 8px; padding: 12px; background: #fef9f0;">
+<div style="font-weight: bold; font-size: 16px; color: #d68910; padding-bottom: 8px; border-bottom: 2px solid #f39c12; margin-bottom: 8px;">فصل ۴</div>
+<div style="font-size: 14px; line-height: 2;">
+[[صفحه ۴-۱]]
+<br>
+<div class="mw-collapsible" style="margin:0; padding:0;">
+<div class="mw-collapsible-toggle" style="color:#d68910; cursor:pointer; font-weight:bold;">▼ زیرشاخه‌ها</div>
+<div class="mw-collapsible-content" style="padding-right:10px; padding-top:5px; color:#7f8c8d;">
+[[زیرشاخه ۴-۱-۱]]<br>
+[[زیرشاخه ۴-۱-۲]]<br>
+[[زیرشاخه ۴-۱-۳]]
+</div>
+</div>
+<br>[[صفحه ۴-۲]]<br>[[صفحه ۴-۳]]<br>[[صفحه ۴-۴]]
+</div>
+</div>
+<div style="flex: 1 1 200px; border: 2px solid #9b59b6; border-radius: 8px; padding: 12px; background: #f8f0ff;">
+<div style="font-weight: bold; font-size: 16px; color: #8e44ad; padding-bottom: 8px; border-bottom: 2px solid #9b59b6; margin-bottom: 8px;">فصل ۵</div>
+<div style="font-size: 14px; line-height: 2;">
+[[صفحه ۵-۱]]<br>[[صفحه ۵-۲]]<br>[[صفحه ۵-۳]]
+<br>
+<div class="mw-collapsible" style="margin:0; padding:0;">
+<div class="mw-collapsible-toggle" style="color:#8e44ad; cursor:pointer; font-weight:bold;">▼ زیرشاخه‌ها</div>
+<div class="mw-collapsible-content" style="padding-right:10px; padding-top:5px; color:#7f8c8d;">
+[[زیرشاخه ۵-۳-۱]]<br>
+[[زیرشاخه ۵-۳-۲]]
+</div>
+</div>
+<br>[[صفحه ۵-۴]]
+</div>
+</div>
+<div style="flex: 1 1 200px; border: 2px solid #1abc9c; border-radius: 8px; padding: 12px; background: #f0fffd;">
+<div style="font-weight: bold; font-size: 16px; color: #16a085; padding-bottom: 8px; border-bottom: 2px solid #1abc9c; margin-bottom: 8px;">فصل ۶</div>
+<div style="font-size: 14px; line-height: 2;">
+[[صفحه ۶-۱]]
+<br>
+<div class="mw-collapsible" style="margin:0; padding:0;">
+<div class="mw-collapsible-toggle" style="color:#16a085; cursor:pointer; font-weight:bold;">▼ زیرشاخه‌ها</div>
+<div class="mw-collapsible-content" style="padding-right:10px; padding-top:5px; color:#7f8c8d;">
+[[زیرشاخه ۶-۱-۱]]<br>
+[[زیرشاخه ۶-۱-۲]]<br>
+[[زیرشاخه ۶-۱-۳]]
+</div>
+</div>
+<br>[[صفحه ۶-۲]]<br>[[صفحه ۶-۳]]<br>[[صفحه ۶-۴]]
+</div>
+</div>
+<div style="flex: 1 1 200px; border: 2px solid #e67e22; border-radius: 8px; padding: 12px; background: #fef5ef;">
+<div style="font-weight: bold; font-size: 16px; color: #d35400; padding-bottom: 8px; border-bottom: 2px solid #e67e22; margin-bottom: 8px;">فصل ۷</div>
+<div style="font-size: 14px; line-height: 2;">
+[[صفحه ۷-۱]]<br>[[صفحه ۷-۲]]
+<br>
+<div class="mw-collapsible" style="margin:0; padding:0;">
+<div class="mw-collapsible-toggle" style="color:#d35400; cursor:pointer; font-weight:bold;">▼ زیرشاخه‌ها</div>
+<div class="mw-collapsible-content" style="padding-right:10px; padding-top:5px; color:#7f8c8d;">
+[[زیرشاخه ۷-۲-۱]]<br>
+[[زیرشاخه ۷-۲-۲]]
+</div>
+</div>
+<br>[[صفحه ۷-۳]]<br>[[صفحه ۷-۴]]
+</div>
+</div>
+<div style="flex: 1 1 200px; border: 2px solid #2c3e50; border-radius: 8px; padding: 12px; background: #f5f7fa;">
+<div style="font-weight: bold; font-size: 16px; color: #2c3e50; padding-bottom: 8px; border-bottom: 2px solid #2c3e50; margin-bottom: 8px;">فصل ۸</div>
+<div style="font-size: 14px; line-height: 2;">
+[[صفحه ۸-۱]]<br>[[صفحه ۸-۲]]<br>[[صفحه ۸-۳]]<br>[[صفحه ۸-۴]]
+</div>
+</div>
+<div style="flex: 1 1 200px; border: 2px solid #e74c3c; border-radius: 8px; padding: 12px; background: #fdf2f2;">
+<div style="font-weight: bold; font-size: 16px; color: #c0392b; padding-bottom: 8px; border-bottom: 2px solid #e74c3c; margin-bottom: 8px;">فصل ۹</div>
+<div style="font-size: 14px; line-height: 2;">
+[[صفحه ۹-۱]]
+<br>
+<div class="mw-collapsible" style="margin:0; padding:0;">
+<div class="mw-collapsible-toggle" style="color:#c0392b; cursor:pointer; font-weight:bold;">▼ زیرشاخه‌ها</div>
+<div class="mw-collapsible-content" style="padding-right:10px; padding-top:5px; color:#7f8c8d;">
+[[زیرشاخه ۹-۱-۱]]<br>
+[[زیرشاخه ۹-۱-۲]]
+</div>
+</div>
+<br>[[صفحه ۹-۲]]<br>[[صفحه ۹-۳]]<br>[[صفحه ۹-۴]]
+</div>
+</div>
+<div style="flex: 1 1 200px; border: 2px solid #3498db; border-radius: 8px; padding: 12px; background: #f0f8ff;">
+<div style="font-weight: bold; font-size: 16px; color: #2980b9; padding-bottom: 8px; border-bottom: 2px solid #3498db; margin-bottom: 8px;">فصل ۱۰</div>
+<div style="font-size: 14px; line-height: 2;">
+[[صفحه ۱۰-۱]]<br>[[صفحه ۱۰-۲]]<br>[[صفحه ۱۰-۳]]
+<br>
+<div class="mw-collapsible" style="margin:0; padding:0;">
+<div class="mw-collapsible-toggle" style="color:#2980b9; cursor:pointer; font-weight:bold;">▼ زیرشاخه‌ها</div>
+<div class="mw-collapsible-content" style="padding-right:10px; padding-top:5px; color:#7f8c8d;">
+[[زیرشاخه ۱۰-۳-۱]]<br>
+[[زیرشاخه ۱۰-۳-۲]]<br>
+[[زیرشاخه ۱۰-۳-۳]]
+</div>
+</div>
+<br>[[صفحه ۱۰-۴]]
+</div>
+</div>
 </div>