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

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

دیداریویکی‌متن

@@ خط ۹: / خط ۹: @@
 <!-- دیو اصلی نگهدارنده کارت‌های اساتید -->
-<div style="display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; padding: 0 5px;">
+<div style="display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; padding: 0 3px;">
 <!-- استاد 1 -->
-<div style="flex: 1 1 280px; max-width: 45%; min-width: 250px; border: 1px solid rgba(139, 125, 107, 0.3); border-radius: 10px; padding: 12px 10px; background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(10px); box-sizing: border-box; box-shadow: 0 2px 12px rgba(0,0,0,0.04);">
+<div style="flex: 1 1 280px; max-width: 400px; min-width: 250px; border: 1px solid rgba(139, 125, 107, 0.3); border-radius: 8px; padding: 8px 6px; background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(10px); box-sizing: border-box; box-shadow: 0 2px 8px rgba(0,0,0,0.04);">
-     <div style="font-weight:bold; font-size: clamp(13px, 1.2vw, 15px); color: #1a1a1a; border-bottom: 1px solid rgba(139, 125, 107, 0.2); padding-bottom: 6px; margin-bottom: 8px; word-break: break-word;">»آیت الله سید حسن فقیه امامی</div>
+     <div style="font-weight:bold; font-size: clamp(13px, 1.2vw, 15px); color: #ffffff; background: #a5a3a3; border-bottom: 1px solid rgba(139, 125, 107, 0.2); padding: 5px 8px; margin-bottom: 5px; border-radius: 4px; text-align: right;">* آیت الله سید حسن فقیه امامی</div>
      <div class="mw-collapsible mw-collapsed" style="margin:0; padding:0;">
-         <div class="mw-collapsible-toggle" style="color:#5a4a2a; cursor:pointer; font-weight:bold; font-size: clamp(11px, 1vw, 13px); text-align: right; padding:0;">▼ زیرشاخه‌ها</div>
+         <div class="mw-collapsible-toggle" style="color:#5a4a2a; cursor:pointer; font-weight:bold; font-size: clamp(11px, 1vw, 13px); text-align: right; padding:0 8px 0 0;">▼ زیرشاخه‌ها</div>
-         <div class="mw-collapsible-content" style="padding-top:4px; padding:0; color:#1a1a1a; font-size: clamp(11px, 1vw, 13px); line-height:1.8; text-align: right; word-break: break-word; direction: ltr;">
+         <div class="mw-collapsible-content" style="padding-top:3px; padding:0 8px 0 0; color:#1a1a1a; font-size: clamp(11px, 1vw, 13px); line-height:1.6; text-align: right; word-break: break-word; direction: rtl;">
-             » ۱. سندسازی و سند سوزی<br>
+             <span style="display: block;">۱. [http://example.com/1 سندسازی و سند سوزی]</span>
          </div>
      </div>
@@ خط ۲۳: / خط ۲۳: @@
 <!-- استاد 2 -->
-<div style="flex: 1 1 280px; max-width: 45%; min-width: 250px; border: 1px solid rgba(139, 125, 107, 0.3); border-radius: 10px; padding: 12px 10px; background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(10px); box-sizing: border-box; box-shadow: 0 2px 12px rgba(0,0,0,0.04);">
+<div style="flex: 1 1 280px; max-width: 400px; min-width: 250px; border: 1px solid rgba(139, 125, 107, 0.3); border-radius: 8px; padding: 8px 6px; background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(10px); box-sizing: border-box; box-shadow: 0 2px 8px rgba(0,0,0,0.04);">
-     <div style="font-weight:bold; font-size: clamp(13px, 1.2vw, 15px); color: #1a1a1a; border-bottom: 1px solid rgba(139, 125, 107, 0.2); padding-bottom: 6px; margin-bottom: 8px; word-break: break-word;">»آیت الله محمد سند بحرینی</div>
+     <div style="font-weight:bold; font-size: clamp(13px, 1.2vw, 15px); color: #ffffff; background: #a5a3a3; border-bottom: 1px solid rgba(139, 125, 107, 0.2); padding: 5px 8px; margin-bottom: 5px; border-radius: 4px; text-align: right;">* آیت الله محمد سند بحرینی</div>
      <div class="mw-collapsible mw-collapsed" style="margin:0; padding:0;">
-         <div class="mw-collapsible-toggle" style="color:#5a4a2a; cursor:pointer; font-weight:bold; font-size: clamp(11px, 1vw, 13px); text-align: right; padding:0;">▼ زیرشاخه‌ها</div>
+         <div class="mw-collapsible-toggle" style="color:#5a4a2a; cursor:pointer; font-weight:bold; font-size: clamp(11px, 1vw, 13px); text-align: right; padding:0 8px 0 0;">▼ زیرشاخه‌ها</div>
-         <div class="mw-collapsible-content" style="padding-top:4px; padding:0; color:#1a1a1a; font-size: clamp(11px, 1vw, 13px); line-height:1.8; text-align: right; word-break: break-word; direction: ltr;">
+         <div class="mw-collapsible-content" style="padding-top:3px; padding:0 8px 0 0; color:#1a1a1a; font-size: clamp(11px, 1vw, 13px); line-height:1.6; text-align: right; word-break: break-word; direction: rtl;">
-             » ۱. غدیر و یوم الدار<br>
+             <span style="display: block;">۱. [http://example.com/2 غدیر و یوم الدار]</span>
          </div>
      </div>
@@ خط ۳۴: / خط ۳۴: @@
 <!-- استاد 3 -->
-<div style="flex: 1 1 280px; max-width: 45%; min-width: 250px; border: 1px solid rgba(139, 125, 107, 0.3); border-radius: 10px; padding: 12px 10px; background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(10px); box-sizing: border-box; box-shadow: 0 2px 12px rgba(0,0,0,0.04);">
+<div style="flex: 1 1 280px; max-width: 400px; min-width: 250px; border: 1px solid rgba(139, 125, 107, 0.3); border-radius: 8px; padding: 8px 6px; background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(10px); box-sizing: border-box; box-shadow: 0 2px 8px rgba(0,0,0,0.04);">
-     <div style="font-weight:bold; font-size: clamp(13px, 1.2vw, 15px); color: #1a1a1a; border-bottom: 1px solid rgba(139, 125, 107, 0.2); padding-bottom: 6px; margin-bottom: 8px; word-break: break-word;">»آیت الله سید علی میلانی</div>
+     <div style="font-weight:bold; font-size: clamp(13px, 1.2vw, 15px); color: #ffffff; background: #a5a3a3; border-bottom: 1px solid rgba(139, 125, 107, 0.2); padding: 5px 8px; margin-bottom: 5px; border-radius: 4px; text-align: right;">* آیت الله سید علی میلانی</div>
      <div class="mw-collapsible mw-collapsed" style="margin:0; padding:0;">
-         <div class="mw-collapsible-toggle" style="color:#5a4a2a; cursor:pointer; font-weight:bold; font-size: clamp(11px, 1vw, 13px); text-align: right; padding:0;">▼ زیرشاخه‌ها</div>
+         <div class="mw-collapsible-toggle" style="color:#5a4a2a; cursor:pointer; font-weight:bold; font-size: clamp(11px, 1vw, 13px); text-align: right; padding:0 8px 0 0;">▼ زیرشاخه‌ها</div>
-         <div class="mw-collapsible-content" style="padding-top:4px; padding:0; color:#1a1a1a; font-size: clamp(11px, 1vw, 13px); line-height:1.8; text-align: right; word-break: break-word; direction: ltr;">
+         <div class="mw-collapsible-content" style="padding-top:3px; padding:0 8px 0 0; color:#1a1a1a; font-size: clamp(11px, 1vw, 13px); line-height:1.6; text-align: right; word-break: break-word; direction: rtl;">
-             » ۱. حب و بغض در مذهب تشیع<br>
+             <span style="display: block;">۱. [http://example.com/3 حب و بغض در مذهب تشیع]</span>
-             » ۲. وظائف مبلغین غدیر<br>
+             <span style="display: block;">۲. [http://example.com/4 وظائف مبلغین غدیر]</span>
-             » ۳. مقام اولویت امیرالمومنین بر مومنین<br>
+             <span style="display: block;">۳. [http://example.com/5 مقام اولویت امیرالمومنین بر مومنین]</span>
-             » ۴. همه در برابر غدیر مسئولیم<br>
+             <span style="display: block;">۴. [http://example.com/6 همه در برابر غدیر مسئولیم]</span>
-             » ۵. ما وغدیر<br>
+             <span style="display: block;">۵. [http://example.com/7 ما وغدیر]</span>
          </div>
      </div>
@@ خط ۴۹: / خط ۴۹: @@
 <!-- استاد 4 -->
-<div style="flex: 1 1 280px; max-width: 45%; min-width: 250px; border: 1px solid rgba(139, 125, 107, 0.3); border-radius: 10px; padding: 12px 10px; background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(10px); box-sizing: border-box; box-shadow: 0 2px 12px rgba(0,0,0,0.04);">
+<div style="flex: 1 1 280px; max-width: 400px; min-width: 250px; border: 1px solid rgba(139, 125, 107, 0.3); border-radius: 8px; padding: 8px 6px; background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(10px); box-sizing: border-box; box-shadow: 0 2px 8px rgba(0,0,0,0.04);">
-     <div style="font-weight:bold; font-size: clamp(13px, 1.2vw, 15px); color: #1a1a1a; border-bottom: 1px solid rgba(139, 125, 107, 0.2); padding-bottom: 6px; margin-bottom: 8px; word-break: break-word;">»آیت الله نجم الدین طبسی</div>
+     <div style="font-weight:bold; font-size: clamp(13px, 1.2vw, 15px); color: #ffffff; background: #a5a3a3; border-bottom: 1px solid rgba(139, 125, 107, 0.2); padding: 5px 8px; margin-bottom: 5px; border-radius: 4px; text-align: right;">* آیت الله نجم الدین طبسی</div>
      <div class="mw-collapsible mw-collapsed" style="margin:0; padding:0;">
-         <div class="mw-collapsible-toggle" style="color:#5a4a2a; cursor:pointer; font-weight:bold; font-size: clamp(11px, 1vw, 13px); text-align: right; padding:0;">▼ زیرشاخه‌ها</div>
+         <div class="mw-collapsible-toggle" style="color:#5a4a2a; cursor:pointer; font-weight:bold; font-size: clamp(11px, 1vw, 13px); text-align: right; padding:0 8px 0 0;">▼ زیرشاخه‌ها</div>
-         <div class="mw-collapsible-content" style="padding-top:4px; padding:0; color:#1a1a1a; font-size: clamp(11px, 1vw, 13px); line-height:1.8; text-align: right; word-break: break-word; direction: ltr;">
+         <div class="mw-collapsible-content" style="padding-top:3px; padding:0 8px 0 0; color:#1a1a1a; font-size: clamp(11px, 1vw, 13px); line-height:1.6; text-align: right; word-break: break-word; direction: rtl;">
-             » ۱. شعرای غدیر در الغدیر شناسی<br>
+             <span style="display: block;">۱. شعرای غدیر در الغدیر شناسی</span>
-             <div class="mw-collapsible mw-collapsed" style="margin:3px 0 0 0; padding:0;">
+             <div class="mw-collapsible mw-collapsed" style="margin:2px 0 0 0; padding:0;">
-                 <div class="mw-collapsible-toggle" style="color:#5a4a2a; cursor:pointer; font-weight:bold; font-size: clamp(11px, 1vw, 13px); text-align: right; padding:0;">▼ فیلم‌ها</div>
+                 <div class="mw-collapsible-toggle" style="color:#5a4a2a; cursor:pointer; font-weight:bold; font-size: clamp(11px, 1vw, 13px); text-align: right; padding:0 8px 0 0;">▼ فیلم‌ها</div>
-                 <div class="mw-collapsible-content" style="padding-top:4px; padding:0; color:#1a1a1a; text-align: right; word-break: break-word; direction: ltr;">
+                 <div class="mw-collapsible-content" style="padding-top:3px; padding:0 8px 0 0; color:#1a1a1a; text-align: right; word-break: break-word; direction: rtl;">
-                     »» ۱. فیلم اول<br>
+                     <span style="display: block;">۱. [http://example.com/film1 فیلم اول]</span>
-                     »» ۲. فیلم دوم<br>
+                     <span style="display: block;">۲. [http://example.com/film2 فیلم دوم]</span>
-                     »» ۳. فیلم سوم<br>
+                     <span style="display: block;">۳. [http://example.com/film3 فیلم سوم]</span>
-                     »» ۴. فیلم چهارم<br>
+                     <span style="display: block;">۴. [http://example.com/film4 فیلم چهارم]</span>
-                     »» ۵. فیلم پنجم<br>
+                     <span style="display: block;">۵. [http://example.com/film5 فیلم پنجم]</span>
-                     »» ۶. فیلم ششم<br>
+                     <span style="display: block;">۶. [http://example.com/film6 فیلم ششم]</span>
-                     »» ۷. فیلم هفتم<br>
+                     <span style="display: block;">۷. [http://example.com/film7 فیلم هفتم]</span>
                  </div>
              </div>
-             » ۲. کتب حدیثی و تاریخی<br>
+             <span style="display: block;">۲. [http://example.com/9 کتب حدیثی و تاریخی]</span>
-             » ۳. غدیر و مهدویت<br>
+             <span style="display: block;">۳. [http://example.com/10 غدیر و مهدویت]</span>
-             » ۴. غدیر و دشمنان<br>
+             <span style="display: block;">۴. [http://example.com/11 غدیر و دشمنان]</span>
-             » ۵. مخالفین سقیفه<br>
+             <span style="display: block;">۵. [http://example.com/12 مخالفین سقیفه]</span>
-             » ۶. مخالفت سقیفه با غدیر<br>
+             <span style="display: block;">۶. [http://example.com/13 مخالفت سقیفه با غدیر]</span>
          </div>
      </div>