More actions
Futureself (talk | contribs) No edit summary Tag: Manual revert |
Futureself (talk | contribs) No edit summary Tag: Reverted |
||
| 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 */ | |||
.charcard { | |||
display: inline-block; | |||
vertical-align: top; | |||
text-align: center; | |||
margin: 8px; | |||
padding: 6px; | |||
border: 1px solid #AAA; | |||
border-radius: 4px; | |||
background: #F9F9F9; | |||
} | |||
.charcard .charcard-image { margin-bottom: 6px; } | |||
.charcard .charcard-title { | |||
font-size: 1.2em; | |||
font-weight: bold; | |||
margin-bottom: 4px; | |||
} | |||
.charcard .charcard-logos { margin-bottom: 6px; } | |||
.charcard .charcard-blurb { | |||
font-size: 0.9em; | |||
color: #333; | |||
} | } | ||
Revision as of 17:04, 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 */
}
/* gpt o4-mini-high character hub default layout styling */
.charcard {
display: inline-block;
vertical-align: top;
text-align: center;
margin: 8px;
padding: 6px;
border: 1px solid #AAA;
border-radius: 4px;
background: #F9F9F9;
}
.charcard .charcard-image { margin-bottom: 6px; }
.charcard .charcard-title {
font-size: 1.2em;
font-weight: bold;
margin-bottom: 4px;
}
.charcard .charcard-logos { margin-bottom: 6px; }
.charcard .charcard-blurb {
font-size: 0.9em;
color: #333;
}