MediaWiki:Common.css: Difference between revisions

Revision as of 17:08, 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 */
/* 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;
}