Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/* 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 */
}
/* 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;
}