מדיה ויקי:Vector.css

מתוך אוצר מהרי''ט
קפיצה לניווט קפיצה לחיפוש

הערה: לאחר הפרסום, ייתכן שיהיה צורך לנקות את זיכרון המטמון (cache) של הדפדפן כדי להבחין בשינויים.

  • פיירפוקס / ספארי: להחזיק את המקש Shift בעת לחיצה על טעינה מחדש (Reload) או ללחוץ על צירוף המקשים Ctrl-F5 או Ctrl-R (במחשב מק: ⌘-R).
  • גוגל כרום: ללחוץ על צירוף המקשים Ctrl-Shift-R (במחשב מק: ⌘-Shift-R).
  • אינטרנט אקספלורר / אדג': להחזיק את המקש Ctrl בעת לחיצה על רענן (Refresh) או ללחוץ על צירוף המקשים Ctrl-F5.
  • אופרה: ללחוץ על Ctrl-F5.
/* All CSS here will be loaded for users of the Vector skin */
body {
    background-color: #f5e6cc; /* צבע רקע חום בהיר */
}
/* שינוי צבע הרקע של המסגרת החומה */
body {
    background-color: #f5e6cc; /* חום בהיר */
}

/* הוספת צל ותחושת עובי לגוף האתר */
#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); /* צל קטן שמוסיף עומק לכותרות */
}