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

גרסה מ־19:49, 14 בספטמבר 2024

/* All CSS here will be loaded for users of the Vector skin */
body {
    background-color: #f5e6cc; /* צבע רקע חום בהיר */
}
/* עיצוב גוף האתר */
#content {
    background-color: #ffffff; /* רקע לבן לגוף האתר */
    padding: 20px;
    border-radius: 10px; /* פינות מעוגלות */
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2); /* צל קל מסביב */
    transition: box-shadow 0.3s ease, transform 0.3s ease; /* מעבר חלק */
    width: 90%; /* רוחב מותאם */
    max-width: 1200px; /* רוחב מקסימלי */
    margin: 50px auto; /* מרכז את גוף האתר */
}

/* אפקט ריחוף על גוף האתר */
#content:hover {
    box-shadow: 0 12px 22px rgba(0, 0, 0, 0.25); /* צל חזק יותר */
    transform: translateY(-5px); /* הרמת גוף האתר בריחוף */
}

/* אפקט ריחוף על טקסט בגוף האתר */
#content p:hover {
    color: #FFD700; /* שינוי צבע טקסט לצהוב בריחוף */
}

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