מדיה ויקי:Vector.css: הבדלים בין גרסאות בדף
קפיצה לניווט
קפיצה לחיפוש
אין תקציר עריכה |
אין תקציר עריכה |
||
שורה 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: # | background-color: #e6cbb0; /* צבע רקע בהיר אך לא מדי */ | ||
} | } | ||
/* עיצוב גוף האתר */ | /* עיצוב גוף האתר */ | ||
#content { | #content { | ||
background-color: # | background-color: #6d3327; /* צבע כהה מסביב לטקסט */ | ||
color: #d1bf5d; /* צבע הטקסט */ | color: #d1bf5d; /* צבע הטקסט */ | ||
padding: 20px; | padding: 20px; | ||
שורה 20: | שורה 20: | ||
#content p, #content h1, #content h2, #content h3 { | #content p, #content h1, #content h2, #content h3 { | ||
text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); /* הוספת הצללה מסביב לטקסט */ | text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); /* הוספת הצללה מסביב לטקסט */ | ||
color: #d1bf5d; /* צבע הטקסט * | color: #d1bf5d; /* צבע הטקסט כפי שסיפקת */ | ||
} | |||
/* אפקט ריחוף על גוף האתר בלבד */ | |||
#content:hover { | |||
box-shadow: 0 12px 22px rgba(0, 0, 0, 0.25); /* צל חזק יותר */ | |||
transform: translateY(-5px); /* הרמת גוף האתר בריחוף */ | |||
} | |||
/* עיצוב כותרות בגוף האתר */ | |||
#content h1, #content h2, #content h3 { | |||
text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4); /* צל מסביב לכותרות להבלטה */ | |||
color: #d1bf5d; /* צבע הכותרות */ | |||
} | |||
/* עיצוב קישורים */ | |||
a { | |||
color: white; /* שינוי צבע הקישורים ללבן */ | |||
} | |||
a:visited { | |||
color: white; /* שינוי צבע הקישורים שביקרת בהם ללבן */ | |||
} | |||
a:hover { | |||
color: #d1bf5d; /* שינוי צבע הקישור בעת ריחוף ל-#d1bf5d */ | |||
} | |||
a:active { | |||
color: white; /* שינוי צבע הקישור כשהוא נלחץ ללבן */ | |||
} |
גרסה מ־21:18, 14 בספטמבר 2024
/* All CSS here will be loaded for users of the Vector skin */ body { background-color: #e6cbb0; /* צבע רקע בהיר אך לא מדי */ } /* עיצוב גוף האתר */ #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 p, #content h1, #content h2, #content h3 { text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); /* הוספת הצללה מסביב לטקסט */ color: #d1bf5d; /* צבע הטקסט כפי שסיפקת */ } /* אפקט ריחוף על גוף האתר בלבד */ #content:hover { box-shadow: 0 12px 22px rgba(0, 0, 0, 0.25); /* צל חזק יותר */ transform: translateY(-5px); /* הרמת גוף האתר בריחוף */ } /* עיצוב כותרות בגוף האתר */ #content h1, #content h2, #content h3 { text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4); /* צל מסביב לכותרות להבלטה */ color: #d1bf5d; /* צבע הכותרות */ } /* עיצוב קישורים */ a { color: white; /* שינוי צבע הקישורים ללבן */ } a:visited { color: white; /* שינוי צבע הקישורים שביקרת בהם ללבן */ } a:hover { color: #d1bf5d; /* שינוי צבע הקישור בעת ריחוף ל-#d1bf5d */ } a:active { color: white; /* שינוי צבע הקישור כשהוא נלחץ ללבן */ }