מדיה ויקי:Vector.css: הבדלים בין גרסאות בדף
קפיצה לניווט
קפיצה לחיפוש
אין תקציר עריכה |
אין תקציר עריכה |
||
| שורה 5: | שורה 5: | ||
/* עיצוב גוף האתר */ | /* עיצוב גוף האתר */ | ||
#content { | #content { | ||
background-color: #6d3327; /* צבע הרקע | background-color: #6d3327; /* צבע הרקע כפי שהגדרת קודם */ | ||
color: # | color: #d1bf5d; /* צבע הטקסט החדש */ | ||
padding: 20px; | padding: 20px; | ||
border-radius: 10px; /* פינות מעוגלות */ | border-radius: 10px; /* פינות מעוגלות */ | ||
| שורה 25: | שורה 25: | ||
#content h1, #content h2, #content h3 { | #content h1, #content h2, #content h3 { | ||
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); /* צל קטן שמוסיף עומק לכותרות */ | text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); /* צל קטן שמוסיף עומק לכותרות */ | ||
color: # | color: #d1bf5d; /* צבע הכותרות, תואם לצבע הטקסט */ | ||
} | } | ||
גרסה מ־21:01, 14 בספטמבר 2024
/* All CSS here will be loaded for users of the Vector skin */
body {
background-color: #f5e6cc; /* צבע רקע חום בהיר */
}
/* עיצוב גוף האתר */
#content {
background-color: #6d3327; /* צבע הרקע כפי שהגדרת קודם */
color: #d1bf5d; /* צבע הטקסט החדש */
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: 100%; /* שמירה על רוחב מלא של התוכן */
max-width: 1200px; /* רוחב מקסימלי */
margin: 50px auto; /* מרכז את גוף האתר */
}
/* אפקט ריחוף על גוף האתר בלבד */
#content:hover {
box-shadow: 0 12px 22px rgba(0, 0, 0, 0.25); /* צל חזק יותר */
transform: translateY(-5px); /* הרמת גוף האתר בריחוף */
}
/* עיצוב כותרות בגוף האתר */
#content h1, #content h2, #content h3 {
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); /* צל קטן שמוסיף עומק לכותרות */
color: #d1bf5d; /* צבע הכותרות, תואם לצבע הטקסט */
}