מדיה ויקי:Common.css: הבדלים בין גרסאות בדף
קפיצה לניווט
קפיצה לחיפוש
אין תקציר עריכה תגית: שחזור ידני |
אין תקציר עריכה |
||
שורה 126: | שורה 126: | ||
#p-tb { display: none; } | #p-tb { display: none; } | ||
.toc { | .toc { | ||
position: fixed !important; | position: fixed !important; | ||
top: | top: 50px !important; /* מרחק קטן מהחלק העליון */ | ||
right: 0 !important; | right: 0 !important; | ||
width: 200px !important; | width: 200px !important; | ||
padding: 10px !important; | padding: 10px !important; | ||
max-height: | max-height: calc(100vh - 60px) !important; /* גובה מקסימלי פחות המרחק מלמעלה */ | ||
overflow-y: auto !important; | overflow-y: auto !important; | ||
z-index: 1000 !important; | z-index: 1000 !important; | ||
} | } | ||
#content { | #content { | ||
margin-right: 300px !important; | margin-right: 300px !important; | ||
} | } | ||
@media screen and (max-width: 768px) { | @media screen and (max-width: 768px) { | ||
.toc { | |||
display: none !important; | display: none !important; | ||
} | } |
גרסה מ־16:51, 2 בפברואר 2025
@import url('https://fonts.googleapis.com/css2?family=David+Libre:wght@400;700&display=swap'); body { font-family: 'David Libre', serif; font-size: 19px; /* הוסף שורה זו לשינוי גודל הפונט */ } .bookshelf-container { display: flex; flex-direction: column; align-items: center; background-color: #F5F5DC; padding: 20px; border: 2px solid #8B4513; } .shelf { display: flex; justify-content: center; align-items: flex-end; width: 100%; padding: 10px; border-bottom: 5px solid #8B4513; margin-bottom: 20px; } #toc { position: fixed; /* קיבוע המיקום כך שיישאר במקום בזמן גלילה */ right: 20px; /* מרחק מימין */ top: 20px; /* מרחק מלמעלה */ width: 250px; /* רוחב קבוע לתפריט */ max-height: calc(100vh - 40px); /* גובה מקסימלי שמתאים למסך */ overflow-y: auto; /* מאפשר גלילה בתוך התפריט אם הוא ארוך */ background-color: #faf5eb; /* צבע רקע בהיר */ padding: 15px; /* ריווח פנימי */ border-radius: 8px; /* פינות מעוגלות */ box-shadow: 0 2px 4px rgba(0,0,0,0.1); /* צל עדין */ z-index: 1000; /* מבטיח שהתפריט יופיע מעל שאר התוכן */ } /* התאמה למסכים קטנים */ @media screen and (max-width: 768px) { #toc { position: static; /* במסך קטן התפריט חוזר למצב רגיל */ width: auto; margin: 20px; right: auto; } #content { margin-right: 20px; /* התאמת המרווח בתוכן */ } } .book { width: 100px; height: 150px; margin: 0 10px; display: flex; align-items: center; justify-content: center; border: 1px solid #000; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5); transform: rotate(-5deg); transition: transform 0.3s ease; } .book:hover { transform: rotate(0deg); } .book-link { text-decoration: none; color: white; font-weight: bold; text-align: center; } #toc { float: right; margin: 0 0 1em 1em; width: 20%; } #content { margin-left: 10%; margin-right: 10%; } @media screen and (max-width: 768px) { #content { margin-left: 5%; margin-right: 5%; } } #toc { position: absolute; right: -250px; /* מיקום מחוץ לשוליים הימניים */ top: 100px; /* התאמה לפי הצורך */ border: none; /* להסרת הריבוע מסביב */ background: none; /* להסרת צבע רקע */ } #toc { margin-right: 70px; /* משנה את המרווח בין תוכן העניינים לטקסט */ } #toc .toctitle { display: none; } .mainpage #toc { display: none; } #toc { font-size: 75%; /* משנה את גודל הפונט בתוכן העניינים */ } .page-וויאל_משה_מאמר_לשון_הקודש #toc, .page-וויאל_משה_מאמר_לשון_הקודש_ .mw-parser-output #toc { display: none; } #p-tb { display: none; } /* הסתרת הכלים */ #p-tb { display: none; } .toc { position: fixed !important; top: 50px !important; /* מרחק קטן מהחלק העליון */ right: 0 !important; width: 200px !important; padding: 10px !important; max-height: calc(100vh - 60px) !important; /* גובה מקסימלי פחות המרחק מלמעלה */ overflow-y: auto !important; z-index: 1000 !important; } #content { margin-right: 300px !important; } @media screen and (max-width: 768px) { .toc { display: none !important; } #content { margin-right: 20px !important; } }