|
|
| Line 11: |
Line 11: |
| flex: 1 1 0; | | flex: 1 1 0; |
| min-width: 250px; /* Optional: prevent columns from becoming too narrow */ | | min-width: 250px; /* Optional: prevent columns from becoming too narrow */ |
| }
| |
|
| |
| /* gpt o4-mini-high character hub default layout styling */
| |
| /* Container around each card */
| |
| .charcard {
| |
| display: inline-block;
| |
| vertical-align: top;
| |
| margin: 0.5em;
| |
| font-family: inherit; /* use skin default */
| |
| }
| |
|
| |
| /* The image link: center block, cap at 300px */
| |
| .charcard-image img {
| |
| display: block;
| |
| max-width: 300px;
| |
| width: 100%;
| |
| height: auto;
| |
| margin: 0 auto;
| |
| }
| |
|
| |
| /* The box under the image */
| |
| /* Container around each card */
| |
| .charcard {
| |
| display: inline-block;
| |
| vertical-align: top;
| |
| margin: 0.5em;
| |
| font-family: inherit; /* use skin default */
| |
| }
| |
|
| |
| /* The image link: center block, cap at 300px */
| |
| .charcard-image img {
| |
| display: block;
| |
| max-width: 300px;
| |
| width: 100%;
| |
| height: auto;
| |
| margin: 0 auto;
| |
| }
| |
|
| |
| /* The box under the image */
| |
| .charcard-info {
| |
| border: 1px solid var(--border-color);
| |
| border-radius: 4px;
| |
| padding: 0.5em;
| |
| text-align: center;
| |
| background: transparent; /* let theme handle background */
| |
| font-family: inherit; /* ensure default font */
| |
| }
| |
|
| |
| /* Title / name */
| |
| .charcard-title {
| |
| font-size: 1.2em;
| |
| font-weight: bold;
| |
| margin-bottom: 0.4em;
| |
| }
| |
|
| |
| /* Logos row */
| |
| .charcard-logos {
| |
| margin-bottom: 0.4em;
| |
| }
| |
|
| |
| /* Blurb text */
| |
| .charcard-blurb {
| |
| font-size: 0.9em;
| |
| line-height: 1.3;
| |
| } | | } |
Latest revision as of 17:30, 19 April 2025
/* CSS placed here will be applied to all skins */
.two-column-manual {
display: flex; /* Use flex to place columns side by side */
flex-wrap: wrap; /* Allows wrapping on smaller screens */
gap: 1.5em; /* Space between columns */
align-items: flex-start;
margin: 1em 0;
}
.two-column-manual > div {
flex: 1 1 0;
min-width: 250px; /* Optional: prevent columns from becoming too narrow */
}
