MediaWiki:Common.css

/* CSS placed here will be applied to all skins */
#footer-unitaico{
	float: none!important;
}

.in-front{
	z-index:1000;
}

.to-back{
	z-index: -1;
}

/* === Custom info box styling ===*/
table.customInfoTable {
  float: right;
  clear: right;
  background-color: #EEEEEE;
  border-collapse: collapse;
  border-width: 1px;
  border-color: lightgrey;
  border-style: solid;
  color: #000000;
  margin: 16px;
  max-width:420px;
}

table.customInfoTable pre {
  display: none; /* or */
  all: unset; /* to remove all styles */
}

table.customInfoTable tr:first-child {
  font-size: larger;
}

table.customInfoTable td:last-child {
  text-align: right;
}

table.customInfoTable td, table.customInfoTable th {
  border-width: 1px 0 1px 0;
  border-color: lightgrey;
  border-style: solid;
  padding: 5px;
}

table.centered-table th,
table.centered-table td {
  vertical-align: middle; /* Vertically center the content */
  text-align: left;       /* Horizontally align the text to the left */
}

.noticebox {
  /* Soft red background with a stronger red accent stripe */
  background-color: rgba(231, 76, 60, 0.1);
  border-left: 4px solid #e74c3c;
  
  /* Gentle rounding and drop-shadow for depth */
  border-radius: 4px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
  
  /* Spacious padding & margin */
  padding: 1em;
  margin: 1.5em 0;
  
  /* Align text nicely */
  font-family: sans-serif;
  line-height: 1.4;
  color: #333;
  
  /* Use flex so we can easily add an icon */
  display: flex;
  align-items: flex-start;
}

/* Optional: add an icon before the text */
.noticebox::before {
  content: "⚠️";       /* or use a FontAwesome icon */
  font-size: 1.4em;
  margin-right: 0.5em;
  line-height: 1;      /* align the emoji nicely */
}

/* If you want a bold header within the box */
.noticebox strong {
  display: block;
  margin-bottom: 0.4em;
  font-size: 1.1em;
}