MediaWiki:Common.css: Difference between revisions

From Mandela Agency
Content deleted Content added
No edit summary
No edit summary
Line 153: Line 153:
font-size: 0.95em;
font-size: 0.95em;
line-height: 1.5;
line-height: 1.5;
}

/* Mandela.academy – ShiftLog table */
.mandela-shiftlog {
border-collapse: collapse;
margin: 1em 0;
width: 100%;
max-width: 420px;
background: #fdfdfd;
border: 1px solid #ccc;
}

.mandela-shiftlog-title {
background: #333;
color: #fff;
text-align: left;
padding: 0.4em 0.6em;
font-size: 0.9em;
}

.mandela-shiftlog-label {
font-weight: bold;
background: #f0f0f0;
padding: 0.4em 0.6em;
width: 35%;
vertical-align: top;
}

.mandela-shiftlog-value {
padding: 0.4em 0.6em;
vertical-align: top;
}
}

Revision as of 23:33, 22 December 2025

/* CSS placed here will be applied to all skins */

/* Mandela.academy – Abstract block styling */
.mandela-abstract {
  border-left: 4px solid #666;
  background: #f9f9f9;
  padding: 0.75em 1em;
  margin: 1em 0;
}

.mandela-abstract-label {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 0.85em;
  color: #555;
  margin-bottom: 0.25em;
}

.mandela-abstract-body {
  font-size: 0.95em;
  line-height: 1.5;
}

/* Mandela.academy – Timeline block styling */
.mandela-timeline {
  border-left: 4px solid #2c5aa0;
  background: #f7faff;
  padding: 0.75em 1em;
  margin: 1em 0;
}

.mandela-timeline-label {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 0.85em;
  color: #2c5aa0;
  margin-bottom: 0.25em;
}

.mandela-timeline-body {
  font-size: 0.95em;
  line-height: 1.5;
}

/* Mandela.academy – Anomaly block styling */
.mandela-anomaly {
  border-left: 4px solid #a02c2c;
  background: #fff7f7;
  padding: 0.75em 1em;
  margin: 1em 0;
}

.mandela-anomaly-label {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 0.85em;
  color: #a02c2c;
  margin-bottom: 0.25em;
}

.mandela-anomaly-body {
  font-size: 0.95em;
  line-height: 1.5;
}

/* Mandela.academy – Interpretations block styling */
.mandela-interpretations {
  border-left: 4px solid #5a2ca0;
  background: #fbf7ff;
  padding: 0.75em 1em;
  margin: 1em 0;
}

.mandela-interpretations-label {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 0.85em;
  color: #5a2ca0;
  margin-bottom: 0.25em;
}

.mandela-interpretations-note {
  font-size: 0.9em;
  color: #444;
  margin: 0.25em 0 0.5em 0;
}

.mandela-interpretations-body {
  font-size: 0.95em;
  line-height: 1.5;
}


/* Mandela.academy – Confidence badge */
.mandela-confidence {
  display: inline-block;
  padding: 0.2em 0.5em;
  margin-bottom: 0.5em;
  font-size: 0.9em;
  border-radius: 4px;
  background: #eee;
  color: #000;
}

/* Confidence levels */
.mandela-confidence-low {
  background: #f8d7da;
  color: #721c24;
}

.mandela-confidence-moderate {
  background: #fff3cd;
  color: #856404;
}

.mandela-confidence-high {
  background: #d4edda;
  color: #155724;
}

.mandela-confidence-unknown {
  background: #e2e3e5;
  color: #383d41;
}

/* Mandela.academy – Source classification */
.mandela-sourceclass {
  display: inline-block;
  margin-bottom: 0.5em;
  padding: 0.25em 0.5em;
  background: #f0f0f0;
  border-left: 4px solid #666;
  font-size: 0.9em;
}

/* Mandela.academy – Primary sources block */
.mandela-primarysources {
  border-left: 4px solid #444;
  background: #fafafa;
  padding: 0.75em 1em;
  margin: 1em 0;
}

.mandela-primarysources-label {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 0.85em;
  color: #333;
  margin-bottom: 0.25em;
}

.mandela-primarysources-body {
  font-size: 0.95em;
  line-height: 1.5;
}

/* Mandela.academy – ShiftLog table */
.mandela-shiftlog {
  border-collapse: collapse;
  margin: 1em 0;
  width: 100%;
  max-width: 420px;
  background: #fdfdfd;
  border: 1px solid #ccc;
}

.mandela-shiftlog-title {
  background: #333;
  color: #fff;
  text-align: left;
  padding: 0.4em 0.6em;
  font-size: 0.9em;
}

.mandela-shiftlog-label {
  font-weight: bold;
  background: #f0f0f0;
  padding: 0.4em 0.6em;
  width: 35%;
  vertical-align: top;
}

.mandela-shiftlog-value {
  padding: 0.4em 0.6em;
  vertical-align: top;
}