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

جزبدون خلاصۀ ویرایش
برچسب‌ها: برگردانده‌شده ویرایش مبدأ ۲۰۱۷
جزبدون خلاصۀ ویرایش
برچسب‌ها: برگردانده‌شده ویرایش مبدأ ۲۰۱۷
خط ۵: خط ۵:
</div>
</div>


<div style="display: flex; flex-wrap: wrap; gap: 15px; margin: 15px 0;">
<div style="display: table; width: 100%; margin: 15px 0;">
   <div style="flex: 0 0 150px;">
   <div style="display: table-cell; width: 150px; vertical-align: top; padding-left: 15px;">
     <img src="https://download.ghbook.ir/downloads/BookCover/flat_240-320/20400/20390.jpg"  
     <img src="https://download.ghbook.ir/downloads/BookCover/flat_240-320/20400/20390.jpg"  
         alt="جلد کتاب {{{نام|}}}"  
         alt="جلد کتاب {{{نام|}}}"  
         style="width: 100%; height: auto; border: 1px solid #ccc; border-radius: 3px;">
         style="width: 150px; height: auto; border: 1px solid #ccc; border-radius: 3px;">
   </div>
   </div>
    
    
   <div style="flex: 1; min-width: 200px;">
   <div style="display: table-cell; vertical-align: top;">
     <div style="font-weight: bold; margin-bottom: 8px;">مشخصات کتاب:</div>
     <div style="font-weight: bold; margin-bottom: 8px;">مشخصات کتاب:</div>
     <ul style="margin: 0; padding-right: 15px;">
     <ul style="margin: 0; padding-right: 15px;">
خط ۲۹: خط ۲۹:


</div>
</div>
<style>
@media (max-width: 768px) {
  .book-template div[style*="display: flex"] {
    flex-direction: column;
  }
  .book-template div[style*="flex: 0 0 150px"] {
    text-align: center;
    margin-bottom: 10px;
  }
  .book-template div[style*="flex: 0 0 150px"] img {
    max-width: 150px;
  }
}
</style>