More actions
Created page with "→CSS placed here will be applied to all skins: .carousel-container { overflow-x: auto; white-space: nowrap; padding: 10px; } .card { display: inline-block; vertical-align: top; width: 200px; margin-right: 12px; border: 1px solid #ccc; border-radius: 8px; padding: 8px; background: #fff; box-shadow: 0 2px 5px rgba(0,0,0,0.1); } .card-image { text-align: center; margin-bottom: 8px; } .card-title { font-weight: bold; font-size: 1.1em;..." |
No edit summary |
||
| Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
<style> | |||
.carousel-container { | .carousel-container { | ||
display: flex; | |||
overflow-x: auto; | overflow-x: auto; | ||
gap: 1rem; | |||
padding: | padding: 1rem 0; | ||
} | } | ||
.card { | .card { | ||
flex: 0 0 auto; | |||
width: 200px; | width: 200px; | ||
border: 1px solid #ccc; | border: 1px solid #ccc; | ||
padding: 0.5rem; | |||
border-radius: 8px; | border-radius: 8px; | ||
background: #f9f9f9; | |||
background: # | |||
} | } | ||
.card-image { | .card-image { | ||
text-align: center; | text-align: center; | ||
} | } | ||
.card-title { | .card-title { | ||
font-weight: bold; | font-weight: bold; | ||
margin-top: 0.5rem; | |||
} | } | ||
.card-snippet { | .card-snippet { | ||
font-size: 0.9em; | font-size: 0.9em; | ||
color: #444; | color: #444; | ||
} | } | ||
</style> | |||
Revision as of 23:11, 24 May 2025
/* CSS placed here will be applied to all skins */
<style>
.carousel-container {
display: flex;
overflow-x: auto;
gap: 1rem;
padding: 1rem 0;
}
.card {
flex: 0 0 auto;
width: 200px;
border: 1px solid #ccc;
padding: 0.5rem;
border-radius: 8px;
background: #f9f9f9;
}
.card-image {
text-align: center;
}
.card-title {
font-weight: bold;
margin-top: 0.5rem;
}
.card-snippet {
font-size: 0.9em;
color: #444;
}
</style>