الگو:کانتینر کله قندی/کاووسی: تفاوت میان نسخه‌ها

بدون خلاصۀ ویرایش
بدون خلاصۀ ویرایش
 
(۴ نسخهٔ میانیِ ایجادشده توسط همین کاربر نشان داده نشد)
خط ۱۶: خط ۱۶:


     .orange-box {
     .orange-box {
         background-color:#4682B4;
         background-color: #0F172A;
         height: 200px;
         height: 250px;
         /* این خط جادوی اصلی برای ایجاد حالت کله‌قندی است */
         /* این خط جادوی اصلی برای ایجاد حالت کله‌قندی است */
         clip-path: polygon(0 0, 100% 0, 100% 85%, 50% 100%, 0 85%);
         clip-path: polygon(0 0, 100% 0, 100% 85%, 50% 100%, 0 85%);
          
         font-weight: bold;
         display: flex;
         display: flex;
         flex-direction: column;
         flex-direction: column;
خط ۲۷: خط ۲۷:
         padding-top: 10px;
         padding-top: 10px;
         color: #d9d900;
         color: #d9d900;
        font-size: 0.9rem;
     }
     }


خط ۳۷: خط ۳۸:
     .card-title {
     .card-title {
         margin-top: 15px;
         margin-top: 15px;
         font-weight: bold;
       
         font-size: 0.5 rem;
         font-size: 10px;
         font-family: iransans;
     }
     }
</style>
</style>