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

מתוך אוצר מהרי''ט
קפיצה לניווט קפיצה לחיפוש
אין תקציר עריכה
תגית: שוחזרה
אין תקציר עריכה
 
(35 גרסאות ביניים של אותו משתמש אינן מוצגות)
שורה 1: שורה 1:
/* All CSS here will be loaded for users of the Vector skin */
/* All CSS here will be loaded for users of the Vector skin */
/* רקע הדף */
body {
body {
     background-color: #f5e6cc; /* צבע רקע חום בהיר */
     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); /* צל קטן שמוסיף עומק לכותרות */
}
}

גרסה אחרונה מ־17:12, 20 בנובמבר 2024

/* All CSS here will be loaded for users of the Vector skin */
/* רקע הדף */
body {
    background-color: #f5e6cc; /* חום בהיר */
}