מדיה ויקי:Vector.css: הבדלים בין גרסאות בדף

גרסה מ־00:12, 13 בספטמבר 2024

/* All CSS here will be loaded for users of the Vector skin */
body {
    background-color: #f5e6cc; /* צבע רקע חום בהיר */
}
/* שינוי הרקע לרקע של ספרי קודש עתיקים */
body {
    background-image: url('URL-של-התמונה-כאן'); /* הכנס את ה-URL של התמונה */
    background-size: cover; /* התאמת התמונה למלא את כל המסך */
    background-repeat: no-repeat; /* מניעת חזרה של התמונה */
    background-attachment: fixed; /* שמירה על תמונה קבועה כשגוללים */
    background-position: center; /* מיקום התמונה במרכז */
}

/* הוספת צל ותחושת עובי לגוף האתר */
#content {
    background-color: #ffffff; /* רקע לבן לגוף האתר */
    padding: 20px;
    border-radius: 10px; /* פינות מעט מעוגלות */
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2), /* צל עיקרי */
                0 4px 6px rgba(0, 0, 0, 0.1);  /* צל נוסף לתחושת עובי */
    transition: box-shadow 0.3s ease; /* מעבר חלק לשינויים */
    width: 80%; /* קביעת רוחב מותאם */
    max-width: 1200px; /* הגבלת רוחב מקסימלי */
    margin: 0 auto; /* מרכז את התוכן */
}

/* אפקט ריחוף שמוסיף עוד עומק */
#content:hover {
    box-shadow: 0 12px 22px rgba(0, 0, 0, 0.25),  /* הגברת הצל */
                0 6px 8px rgba(0, 0, 0, 0.15);   /* צל נוסף בריחוף */
}

/* הוספת צל קל לכותרות */
h1, h2, h3 {
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); /* צל קטן שמוסיף עומק לכותרות */
}