MediaWiki:Common.css: Difference between revisions

/* CODE FOR I/M/D PROGRAM PAGE*/
/* Base pill style */
.class-block {
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 0.3em;
  padding: 0.2em 0.5em;
  margin: 0.2em;
  color: #000;
}

/* Program‑line background colors (20% opacity) */
.class-conceptualisation     { background: rgba(255, 235,  59, 0.2); }  /* yellow */
.class-researchreflection    { background: rgba( 76, 175,  80, 0.2); }  /* green  */
.class-creativetech          { background: rgba(233,  30,  99, 0.2); }  /* pink   */
.class-visualisationmaterial { background: rgba(156,  39, 176, 0.2); }  /* purple */
.class-professionalisation   { background: rgba( 33, 150, 243, 0.2); }  /* blue   */
.class-academywide           { background: rgba(255, 165,   0, 0.2); }  /* orange */

/* Table spacing */
.wikitable.semesters-overview,
.wikitable.programlines-overview {
  border-collapse: separate;
  border-spacing: 0.5em;
}

.wikitable.semesters-overview th,
.wikitable.programlines-overview th {
  padding: 0.5em;
  text-align: center;
}
/* -------------- */

@font-face {
  font-family: 'Ronzino';
  src: url('/fonts/Ronzino/Ronzino-Regular.otf') format('opentype'),
       url('/fonts/Ronzino/Ronzino-Regular.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Ronzino';
  src: url('/fonts/Ronzino/Ronzino-Medium.otf') format('opentype'),
       url('/fonts/Ronzino/Ronzino-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'GapSans';
  src: url('/fonts/GapSans/GapSansBold.ttf') format('truetype'),
       url('/fonts/GapSans/GapSansBold.woff2') format('woff2');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

/* Body / main content */
body, .mw-body {
  font-family: 'Ronzino', sans-serif;
  font-weight: normal;
}

/* All wiki headings */
h1, h2, h3, h4, h5, h6,
.mw-headline {
  font-family: 'GapSans', sans-serif;
  font-weight: bold;
}