לדלג לתוכן

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

מתוך המלאכים

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

  • פיירפוקס / ספארי: להחזיק את המקש Shift בעת לחיצה על טעינה מחדש (Reload) או ללחוץ על צירוף המקשים Ctrl-F5 או Ctrl-R (במחשב מק: ⌘-R).
  • גוגל כרום: ללחוץ על צירוף המקשים Ctrl-Shift-R (במחשב מק: ⌘-Shift-R).
  • אדג': להחזיק את המקש Ctrl בעת לחיצה על רענן (Refresh) או ללחוץ על צירוף המקשים Ctrl-F5.
/* ✅ פונט אחיד Calibri בכל האתר */
body, input, select, textarea,
.mw-body, .mw-content-ltr, .mw-content-rtl,
h1, h2, h3, h4, h5, h6,
.vector-page-titlebar h1,
#content h1, #firstHeading {
    font-family: 'Calibri', sans-serif !important;
}

/* ✅ הסתרת שם האתר ליד הלוגו */
.mw-logo-container .mw-logo-wordmark {
    display: none !important;
}

/* ✅ יישור הלוגו למרכז + הגדלת גובה */
.mw-logo-container {
    justify-content: center;
}
.mw-logo-icon {
    height: 80px;
    width: auto;
}

/* ✅ רקע כללי – תמונה מרשימה עם כיסוי */
body {
    background-image: url("https://images.pexels.com/photos/531880/pexels-photo-531880.jpeg");
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
}

/* ✅ מלבן תוכן מרכזי – לבן חצי שקוף */
#content, .mw-body {
    background-color: rgba(255, 255, 255, 0.95) !important;
    padding: 30px;
    border-radius: 12px;
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.15);
    border: 1px solid #ccc;
}

/* ✅ תפריט צד – חצי שקוף עם רקע בהיר */
#mw-panel {
    background-color: rgba(255, 255, 255, 0.7) !important;
    border-radius: 8px;
    padding: 10px;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
}

/* ✅ סרגל עליון */
#mw-head {
    background-color: #f7f9fc !important;
    border-bottom: 1px solid #ccc;
}

/* ✅ תיבת חיפוש */
#searchInput {
    border: 1px solid #aaa;
    padding: 5px;
    border-radius: 4px;
}

/* ✅ כותרות בצבע כחול */
h1, h2, h3, h4, h5 {
    color: #0466c8 !important;
}

/* ✅ קישורים מעוצבים */
a, a:visited {
    color: #004080 !important;
    text-decoration: none;
}
a:hover {
    color: #0466c8 !important;
    text-decoration: underline;
}