صفحهٔ اصلی: تفاوت میان نسخهها
جزبدون خلاصۀ ویرایش برچسب: ویرایش مبدأ ۲۰۱۷ |
جزبدون خلاصۀ ویرایش برچسب: ویرایش مبدأ ۲۰۱۷ |
||
| خط ۸۰: | خط ۸۰: | ||
</div> | </div> | ||
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax( | |||
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 25px;"> | |||
<!-- مورد اول - مقالات --> | <!-- مورد اول - مقالات --> | ||
<div style="border | <div style="border: 1px solid #e0e6ed; border-radius: 12px; padding: 0; background: white; box-shadow: 0 2px 8px rgba(0,0,0,0.08); overflow: hidden;"> | ||
<h2 style="text-align: center; padding: | <h2 style="text-align: center; padding: 16px; margin: 0; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; font-size: 18px; font-weight: 600;">مقالات</h2> | ||
<div style=" | <div style="padding: 15px; max-height: 400px;"> | ||
<categorytree mode="all" hideroot="true" depth="1">مقالات</categorytree> | <categorytree mode="all" hideroot="true" depth="1" style="font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; font-size: 14px;">مقالات</categorytree> | ||
</div> | </div> | ||
<style> | |||
.categorytreeChildren li:nth-child(n+11) { | |||
display: none !important; | |||
} | |||
</style> | |||
</div> | </div> | ||
<!-- مورد دوم - اخبار --> | <!-- مورد دوم - اخبار --> | ||
<div style="border | <div style="border: 1px solid #e0e6ed; border-radius: 12px; padding: 0; background: white; box-shadow: 0 2px 8px rgba(0,0,0,0.08); overflow: hidden;"> | ||
<h2 style="text-align: center; padding: | <h2 style="text-align: center; padding: 16px; margin: 0; background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%); color: white; font-size: 18px; font-weight: 600;">اخبار</h2> | ||
<div style=" | <div style="padding: 15px; max-height: 400px;"> | ||
<categorytree mode="all" hideroot="true" depth="1">موسسه غدیرستان</categorytree> | <categorytree mode="all" hideroot="true" depth="1" style="font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; font-size: 14px;">موسسه غدیرستان</categorytree> | ||
</div> | </div> | ||
<style> | |||
.categorytreeChildren li:nth-child(n+11) { | |||
display: none !important; | |||
} | |||
</style> | |||
</div> | </div> | ||
<!-- مورد سوم - آموزش --> | <!-- مورد سوم - آموزش --> | ||
<div style="border | <div style="border: 1px solid #e0e6ed; border-radius: 12px; padding: 0; background: white; box-shadow: 0 2px 8px rgba(0,0,0,0.08); overflow: hidden;"> | ||
<h2 style="text-align: center; padding: | <h2 style="text-align: center; padding: 16px; margin: 0; background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%); color: white; font-size: 18px; font-weight: 600;">آموزش</h2> | ||
<div style=" | <div style="padding: 15px; max-height: 400px;"> | ||
<categorytree mode="all" hideroot="true" depth="1">۰۱- باب اول: فضیلت عقل و مذمت جهل (ابواب عقل و جهل)</categorytree> | <categorytree mode="all" hideroot="true" depth="1" style="font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; font-size: 14px;">۰۱- باب اول: فضیلت عقل و مذمت جهل (ابواب عقل و جهل)</categorytree> | ||
</div> | </div> | ||
<style> | |||
.categorytreeChildren li:nth-child(n+11) { | |||
display: none !important; | |||
} | |||
</style> | |||
</div> | </div> | ||
</div> | </div> | ||