پراپ اف ایکس فایننسر: تفاوت میان نسخه‌ها

از ویکی تریدر | اولین دانشنامه تخصصی بازارهای مالی فارکس و ارز دیجیتال
→ تفاوت با ویرایش قدیمی‌ترتفاوت با ویرایش جدیدتر ←
دیداریویکی‌متن
بدون خلاصۀ ویرایش
بدون خلاصۀ ویرایش
خط ۱۳: خط ۱۳:
         body {
         body {
             font-family: 'Vazir', Arial, sans-serif;
             font-family: 'Vazir', Arial, sans-serif;
            margin: 0;
            padding: 0;
             background-color: #f5f7fa;
             background-color: #f5f7fa;
         }
         }
خط ۲۰: خط ۲۲:
             justify-content: center;
             justify-content: center;
             align-items: center;
             align-items: center;
            height: 100vh;
             padding: 20px;
             padding: 20px;
         }
         }
خط ۲۷: خط ۳۰:
             color: #fff;
             color: #fff;
             width: 100%;
             width: 100%;
             max-width: 700px;
             max-width: 1200px;
             border-radius: 10px;
             border-radius: 12px;
             box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
             box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
             padding: 20px;
             padding: 20px;
            box-sizing: border-box;
         }
         }


         .prop-header {
         .prop-header {
             font-size: 1.6rem;
             font-size: 2rem;
             color: #42eb9c;
             color: #42eb9c;
             font-weight: bold;
             font-weight: bold;
             text-align: center;
             text-align: center;
             margin-bottom: 20px;
             margin-bottom: 20px;
            text-shadow: 0 0 10px #42eb9c, 0 0 20px #42eb9c;
         }
         }


خط ۴۶: خط ۵۱:
             align-items: center;
             align-items: center;
             gap: 10px;
             gap: 10px;
            margin-bottom: 20px;
         }
         }


        /* استایل کشو */
         select {
         select {
             padding: 10px 15px;
             padding: 10px 15px;
خط ۶۰: خط ۶۵:
             outline: none;
             outline: none;
             cursor: pointer;
             cursor: pointer;
            transition: all 0.3s ease;
             width: 50%; /* عرض کاهش یافته */
             width: 70%;
             transition: border-color 0.3s, box-shadow 0.3s;
        }
             height: 40px;
 
             line-height: 20px;
        select::after {
             content: '\25BC';
            font-size: 1.2rem;
             color: #fff;
             position: absolute;
            right: 10px;
            top: 50%;
            transform: translateY(-50%);
         }
         }


خط ۷۹: خط ۷۶:
         }
         }


        /* انیمیشن کشویی */
        .select-container select:focus {
            animation: openSelect 0.4s ease-out forwards;
        }
        @keyframes openSelect {
            0% {
                opacity: 0;
                transform: translateY(-20px);
            }
            100% {
                opacity: 1;
                transform: translateY(0);
            }
        }
        /* استایل برای دکمه */
         .prop-button {
         .prop-button {
             background-color: #42eb9c;
             background-color: #42eb9c;
خط ۱۰۸: خط ۸۸:
             border: 2px solid transparent;
             border: 2px solid transparent;
             margin-top: 15px;
             margin-top: 15px;
            height: 40px;
            line-height: 20px;
         }
         }


خط ۱۱۴: خط ۹۶:
             box-shadow: 0 0 12px rgba(53, 192, 125, 0.7);
             box-shadow: 0 0 12px rgba(53, 192, 125, 0.7);
             border: 2px solid #42eb9c;
             border: 2px solid #42eb9c;
        }
        option {
            background-color: #34495e;
            color: #fff;
         }
         }


خط ۱۲۴: خط ۱۰۱:
         .prop-grid {
         .prop-grid {
             display: grid;
             display: grid;
             grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
             grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); /* عرض ستون‌های قابل تغییر */
             gap: 12px;
             gap: 15px;
             text-align: center;
             text-align: center;
            margin-top: 20px;
         }
         }


خط ۱۴۹: خط ۱۲۷:
         }
         }


         /* تنظیمات ریسپانسیو */
         /* ریسپانسیو */
         @media (max-width: 600px) {
         @media (max-width: 768px) {
            .select-container {
                flex-direction: column;
                align-items: flex-start;
            }
 
            select {
                width: 100%;
                margin-bottom: 10px;
            }
 
            .prop-item {
                font-size: 0.9rem;
            }
 
             .prop-grid {
             .prop-grid {
                 grid-template-columns: 1fr;
                 grid-template-columns: 1fr;
            }
        }
        /* برای نمایش در اندازه‌های بسیار کوچک (گوشی‌های قدیمی‌تر) */
        @media (max-width: 480px) {
            .prop-header {
                font-size: 1.6rem;
             }
             }


             .select-container {
             .select-container {
                 flex-direction: column;
                 width: 100%;
                gap: 10px;
             }
             }


خط ۱۶۴: خط ۱۶۲:
             }
             }


             .prop-item {
             .prop-button {
                 font-size: 0.9rem;
                 width: 100%;
                padding: 10px;
             }
             }
         }
         }

نسخهٔ ‏۲۰ دسامبر ۲۰۲۴، ساعت ۱۸:۲۰

<!DOCTYPE html> لیست پراپ‌ها

لیست پراپ‌ها
دکمه فعال
پراپ آرکن پراپی
پراپ آریا اینوستور
پراپ آقای سرمایه‌گذار

برگرفته از «https://wiki.ostadganji.ir/index.php?title=پراپ_اف_ایکس_فایننسر&oldid=2458»