|
|
(22 גרסאות ביניים של אותו משתמש אינן מוצגות) |
שורה 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: #e6cbb0; /* צבע רקע בהיר אך לא מדי */ | | 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 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; /* שינוי צבע הקישור כשהוא נלחץ ללבן */
| |
| } | | } |