پرش به محتوا

منو اصلی/بخشنده - فراغیب

از فراغیب
بدون خلاصۀ ویرایش
برچسب: واگردانی دستی
بدون خلاصۀ ویرایش
خط ۱۰: خط ۱۰:
      
      
     <style>
     <style>
        @import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@100;400;700&display=swap');
      /* ===========================
       
  HEADER (Desktop)
        :root {
=========================== */
            --primary-color: #db2777;
        }


        body {  
header{
            font-family: 'Vazirmatn', sans-serif;  
    position:sticky;
            margin: 0;
    top:0;
            padding:1px 0 0 0;
    right:0;
        }
    left:0;
    width:100%;
    margin:0;
    padding:0;
    z-index:999;
    background:#fff;
    box-shadow:0 3px 15px rgba(0,0,0,.08);
}


        /* اصلاح مشکل زیرمنوها */
header nav{
        .dropdown-menu {
    width:100%;
            display: none;
    max-width:100%;
            position: absolute;
    margin:0;
            top: 100%;
    padding:0 20px;
            right: 0;
    box-sizing:border-box;
            min-width: 200px;
}
            background-color: white;
            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
            border-radius: 0.5rem;
            z-index: 50;
            border-top: 2px solid #db2777;
        }


        /* نمایش زیرمنو فقط هنگام هاور روی والد */
header nav>ul{
        .group:hover .dropdown-menu {
    width:100%;
            display: block;
    margin:0;
        }
    padding:0;
    min-height:64px;
}


        /* استایل Modal */
/* حذف فاصله‌های اضافی */
        #registrationModal {
            display: none;
            position: fixed;
            inset: 0;
            z-index: 9999;
            overflow-y: auto;
        }


        .modal-overlay {
body{
            position: fixed;
    margin:0;
            inset: 0;
    padding:0;
            background: rgba(0, 0, 0, 0.6);
}
            backdrop-filter: blur(8px);
            z-index: -1;
        }


        .modal-content {
/* ===========================
            animation: slideUp 0.4s ease-out;
  Dropdown
        }
=========================== */


        @keyframes slideUp {
.dropdown-menu{
            from { transform: translateY(50px); opacity: 0; }
    display:none;
            to { transform: translateY(0); opacity: 1; }
    position:absolute;
        }
    top:100%;
    right:0;
    min-width:220px;
    background:#fff;
    border-radius:10px;
    border-top:3px solid #db2777;
    box-shadow:0 12px 25px rgba(0,0,0,.12);
    z-index:9999;
}


        .step-card { display: none; }
.group:hover>.dropdown-menu{
        .step-card.active { display: block; }
    display:block;
}


        @media (max-width: 768px) {
/* ===========================
            .modal-content {
  Mobile
                width: 100%;
=========================== */
                height: 100%;
 
                border-radius: 0;
@media (max-width:768px){
                margin: 0 !important;
 
            }
    header{
        }
        display:none;
    }
 
}
 
/* ===========================
  Tablet
=========================== */
 
@media (min-width:769px){
 
    header{
        display:block;
    }
 
}
     </style>
     </style>
</head>
</head>

نسخهٔ ‏۱۱ اوت ۲۰۲۶، ساعت ۰۷:۴۳

خدمات تخصصی سلامت بانوان | ثبت‌نام آنلاین