מדיה ויקי:Common.css: הבדלים בין גרסאות בדף
קפיצה לניווט
קפיצה לחיפוש
אין תקציר עריכה |
אין תקציר עריכה תגית: שוחזרה |
||
| שורה 48: | שורה 48: | ||
text-align: center; | text-align: center; | ||
} | } | ||
#toc { | #toc { | ||
position: fixed; | |||
right: 0; | |||
top: 100px; /* התאמת המרחק מהחלק העליון של הדף */ | |||
width: 200px; /* רוחב של תוכן העניינים */ | |||
background-color: #f9f9f9; /* צבע רקע - אפשר לשנות לפי רצונך */ | |||
border: 1px solid #a2a9b1; /* גבול - אפשר לשנות לפי רצונך */ | |||
padding: 10px; | |||
z-index: 100; /* מוודא שהתוכן יופיע מעל תכנים אחרים */ | |||
} | |||
#toc a { | |||
display: none; /* הסרת כל הקישורים המיותרים */ | |||
} | |||
#toc h2 { | |||
text-align: center; /* יישור כותרת תוכן העניינים למרכז */ | |||
} | |||
#toc ul { | |||
padding-left: 0; /* הסרת הזחה לרשימה */ | |||
list-style-type: none; /* הסרת הסימנים מהרשימה */ | |||
} | } | ||
גרסה מ־20:20, 14 באוגוסט 2024
@import url('https://fonts.googleapis.com/css2?family=David+Libre:wght@400;700&display=swap');
body {
font-family: 'David Libre', serif;
font-size: 18px; /* הוסף שורה זו לשינוי גודל הפונט */
}
.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 {
position: fixed;
right: 0;
top: 100px; /* התאמת המרחק מהחלק העליון של הדף */
width: 200px; /* רוחב של תוכן העניינים */
background-color: #f9f9f9; /* צבע רקע - אפשר לשנות לפי רצונך */
border: 1px solid #a2a9b1; /* גבול - אפשר לשנות לפי רצונך */
padding: 10px;
z-index: 100; /* מוודא שהתוכן יופיע מעל תכנים אחרים */
}
#toc a {
display: none; /* הסרת כל הקישורים המיותרים */
}
#toc h2 {
text-align: center; /* יישור כותרת תוכן העניינים למרכז */
}
#toc ul {
padding-left: 0; /* הסרת הזחה לרשימה */
list-style-type: none; /* הסרת הסימנים מהרשימה */
}