الگو:پراپ‌ها/styles.css: تفاوت میان نسخه‌ها

نسخهٔ کنونی تا ‏۳۰ نوامبر ۲۰۲۴، ساعت ۱۲:۵۵

        table {
            width: 100%;
            border-collapse: collapse;
            margin: 20px 0;
            border-radius: 10px;
            overflow: hidden;
            box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2);
            background-color: #fff;
        }

        th {
            background-color: #003b6b; /* رنگ سورمه‌ای */
            color: #fff; /* رنگ متن سفید */
            font-size: 16px;
            padding: 8px 15px; /* کاهش ارتفاع */
        }

        td {
            padding: 15px;
            font-size: 14px;
            color: #333;
        }

        tr:nth-child(even) {
            background-color: #f9f9f9;
        }

        tr:hover {
            background-color: rgba(0, 120, 215, 0.1);
            transition: background-color 0.3s ease;
        }

        .button {
            display: flex;
            align-items: center;
            padding: 12px 18px;
            background: linear-gradient(45deg, #0078d7, #0056a0);
            color: white !important;
            font-size: 14px;
            font-weight: bold;
            border: none;
            border-radius: 5px;
            cursor: pointer;
            text-decoration: none;
            width: 100%;
            transition: background 0.3s ease, transform 0.2s;
            text-align: right;
        }

        .button i {
            margin-left: 5px;
        }

        .button:hover {
            background: linear-gradient(45deg, #0056a0, #003b6b);
            transform: scale(1.05);
        }

        a.button, a.button:hover, a.button:active {
            color: white !important;
            text-decoration: none;
        }

        .special-button {
            background: linear-gradient(45deg, #42EB9C, #2FA674) !important;
            color: #002060 !important;
            font-size: 18px; /* اندازه متن دکمه بررسی تخصصی */
        }

        .special-button:hover {
            background: linear-gradient(45deg, #2FA674, #1C8B61) !important;
        }

        .special-button, .special-button:link, .special-button:visited, .special-button:hover, .special-button:active {
            color: #003b6b !important; /* رنگ سورمه‌ای برای متن */
        }

        .image-cell img {
            width: 80px;
            height: 80px;
            object-fit: cover;
            border-radius: 50%;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
        }

        .rating {
            display: inline-flex;
            align-items: center;
        }

        .stars {
            display: flex;
            justify-content: flex-start;
            direction: rtl; /* برای نمایش ستاره‌ها از راست به چپ */
        }

        .stars i {
            font-size: 12px; /* اندازه کوچکتر ستاره‌ها */
            color: #ccc; /* رنگ پیش‌فرض ستاره‌ها (تو خالی) */
            margin-left: 3px;
        }

        .stars i.filled {
            color: #003b6b; /* رنگ سورمه‌ای برای ستاره‌های پر شده */
        }

        p {
            margin: 0;
            font-size: 14px;
        }

        .rating p {
            margin-right: 10px; /* فاصله بین متن و ستاره‌ها */
            font-weight: bold;
        }

        .propiy-name strong {
            font-size: 20px; /* سایز بزرگتر برای "پراپی" */
        }

        .propiy-name span {
            font-size: 18px; /* سایز بزرگتر برای "propiy" */
        }