מדיה ויקי:Common.css
הערה: לאחר הפרסום, ייתכן שיהיה צורך לנקות את זיכרון המטמון (cache) של הדפדפן כדי להבחין בשינויים.
- פיירפוקס / ספארי: להחזיק את המקש Shift בעת לחיצה על טעינה מחדש (Reload) או ללחוץ על צירוף המקשים Ctrl-F5 או Ctrl-R (במחשב מק: ⌘-R).
- גוגל כרום: ללחוץ על צירוף המקשים Ctrl-Shift-R (במחשב מק: ⌘-Shift-R).
- אדג': להחזיק את המקש Ctrl בעת לחיצה על רענן (Refresh) או ללחוץ על צירוף המקשים Ctrl-F5.
@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;
}
.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%;
position: absolute;
right: -250px; /* מיקום מחוץ לשוליים הימניים */
top: 100px; /* התאמה לפי הצורך */
border: none; /* להסרת הריבוע מסביב */
background: none; /* להסרת צבע רקע */
font-size: 75%; /* שינוי גודל הפונט בתוכן העניינים */
margin-right: 70px; /* משנה את המרווח בין תוכן העניינים לטקסט */
}
#toc .toctitle {
display: none;
}
.mainpage #toc {
display: none;
}
/* הסתרת כל תפריטי הצד, למעט התפריט העליון עם הלוגו והקישור לעמוד הראשי */
#mw-panel {
display: none;
}
#p-logo {
display: block;
}
#n-mainpage-description {
display: block;
}
#n-recentchanges, #n-randompage, #n-helppage {
display: none;
}
/* הגדרות תוכן הדף */
#content {
margin-left: 10%;
margin-right: 10%;
}
@media screen and (max-width: 768px) {
#content {
margin-left: 5%;
margin-right: 5%;
}
}
#p-logo {
display: block !important;
margin: 0 auto;
visibility: visible !important;
}
#n-mainpage-description {
display: block !important;
visibility: visible !important;
}
#mw-panel {
display: none;
}
#p-navigation,
#p-tb,
#p-cactions {
display: none;
}