الگو:جعبه اطلاعات کتاب: تفاوت میان نسخه‌ها

جزبدون خلاصۀ ویرایش
برچسب‌ها: ویرایش همراه ویرایش از وبگاه همراه ویرایش پیشرفتهٔ همراه
جزبدون خلاصۀ ویرایش
برچسب‌ها: ویرایش همراه ویرایش از وبگاه همراه ویرایش پیشرفتهٔ همراه
خط ۵: خط ۵:


<!-- نسخه دسکتاپ -->
<!-- نسخه دسکتاپ -->
<div class="book-desktop" style="display: flex; direction: rtl; margin: 15px 0; border: 1px solid #e0e0e0; padding: 20px; background: #ffffff; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.1);">
<div style="display: flex; direction: rtl; margin: 15px 0; border: 1px solid #e0e0e0; padding: 20px; background: #ffffff; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.1);">


     <!-- بخش عکس کتاب برای دسکتاپ -->
     <!-- بخش عکس کتاب برای دسکتاپ -->
خط ۳۷: خط ۳۷:


<!-- نسخه موبایل -->
<!-- نسخه موبایل -->
<div class="book-mobile" style="display: none; direction: rtl; margin: 15px 0; border: 1px solid #e0e0e0; padding: 15px; background: #ffffff; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.1); text-align: center;">
<div style="display: none; direction: rtl; margin: 15px 0; border: 1px solid #e0e0e0; padding: 15px; background: #ffffff; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.1); text-align: center;">


     <!-- عنوان کتاب در بالای عکس برای موبایل -->
     <!-- عنوان کتاب در بالای عکس برای موبایل -->
خط ۶۶: خط ۶۶:
     </table>
     </table>
</div>
</div>
<style>
@media only screen and (max-width: 768px) {
    .book-desktop {
        display: none !important;
    }
    .book-mobile {
        display: block !important;
    }
}
@media only screen and (min-width: 769px) {
    .book-mobile {
        display: none !important;
    }
    .book-desktop {
        display: flex !important;
    }
}
</style>
</includeonly>
</includeonly>