صفحهٔ اصلی: تفاوت میان نسخه‌ها

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

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

@@ خط ۱۰۹: / خط ۱۰۹: @@
 ===ییی===
-<div style="display: flex; flex-wrap: wrap; gap: 20px; justify-content: center; padding: 10px;">
+<div style="display: flex; flex-wrap: wrap; gap: 20px; justify-content: center; padding: 15px;">
-<div style="border: 2px solid #4CAF50; padding: 15px; background: #E8F5E8; border-radius: 10px; flex: 1 1 300px; min-width: 250px; max-width: 350px; height: 300px; display: flex; flex-direction: column;">
+<div style="border: 1px solid #e0e0e0; padding: 15px; background: #fafafa; border-radius: 8px; flex: 1 1 300px; min-width: 250px; max-width: 350px; height: 280px; display: flex; flex-direction: column; transition: all 0.3s ease; box-shadow: 0 2px 8px rgba(0,0,0,0.08);">
-   <h3 style="margin: 0 0 10px 0; text-align: center; color: #2E7D32;">📚 کتابخانه</h3>
+   <h3 style="margin: 0 0 12px 0; text-align: center; color: #424242; font-weight: 500;">📚 کتابخانه</h3>
-   <div style="overflow-y: auto; flex-grow: 1;">
+   <div style="overflow-y: auto; flex-grow: 1; padding: 5px;">
      <categorytree mode=pages>کتابخانه</categorytree>
    </div>
 </div>
-<div style="border: 2px solid #2196F3; padding: 15px; background: #E3F2FD; border-radius: 10px; flex: 1 1 300px; min-width: 250px; max-width: 350px; height: 300px; display: flex; flex-direction: column;">
+<div style="border: 1px solid #e0e0e0; padding: 15px; background: #fafafa; border-radius: 8px; flex: 1 1 300px; min-width: 250px; max-width: 350px; height: 280px; display: flex; flex-direction: column; transition: all 0.3s ease; box-shadow: 0 2px 8px rgba(0,0,0,0.08);">
-   <h3 style="margin: 0 0 10px 0; text-align: center; color: #1565C0;">🎵 موسیقی</h3>
+   <h3 style="margin: 0 0 12px 0; text-align: center; color: #424242; font-weight: 500;">🎵 موسیقی</h3>
-   <div style="overflow-y: auto; flex-grow: 1;">
+   <div style="overflow-y: auto; flex-grow: 1; padding: 5px;">
      <categorytree mode=pages>موضوعات</categorytree>
    </div>
 </div>
-<div style="border: 2px solid #FF9800; padding: 15px; background: #FFF3E0; border-radius: 10px; flex: 1 1 300px; min-width: 250px; max-width: 350px; height: 300px; display: flex; flex-direction: column;">
+<div style="border: 1px solid #e0e0e0; padding: 15px; background: #fafafa; border-radius: 8px; flex: 1 1 300px; min-width: 250px; max-width: 350px; height: 280px; display: flex; flex-direction: column; transition: all 0.3s ease; box-shadow: 0 2px 8px rgba(0,0,0,0.08);">
-   <h3 style="margin: 0 0 10px 0; text-align: center; color: #EF6C00;">🎬 فیلم</h3>
+   <h3 style="margin: 0 0 12px 0; text-align: center; color: #424242; font-weight: 500;">🎬 فیلم</h3>
-   <div style="overflow-y: auto; flex-grow: 1;">
+   <div style="overflow-y: auto; flex-grow: 1; padding: 5px;">
      <categorytree mode=pages>اساتید</categorytree>
    </div>