MediaWiki:Common.css

/* Modern Blue Theme for SimpleDarkInfobox */
.infobox {
  background-color: #222; /* Dark gray background for the entire infobox */
  border: 2px solid #0066cc; /* Blue border */
  border-radius: 10px; /* Rounded corners */
  color: #ffffff; /* White text */
  font-family: 'Arial', sans-serif; /* Modern, clean font */
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* Subtle shadow */
  margin: 10px;
  float: right; /* Float to the right */
  clear: right; /* Align to the top right */
  width: 300px; /* Fixed width */
}

.infobox th {
  background-color: #0066cc; /* Blue background for headers */
  color: #FFFFFF; /* White text for contrast */
  padding: 10px; /* Padding for the header */
  text-align: center; /* Center-align the header text */
  font-size: 1.25em; /* Slightly larger text */
  font-weight: bold; /* Bold header text */
}

.infobox td {
  border-bottom: 1px solid #0066cc; /* Blue row separator */
  padding: 5px; /* Padding for table cells */
}

.infobox td:first-child {
  background-color: #444; /* Dark gray for label cells */
  font-weight: bold; /* Bold text for labels */
  padding: 5px;
  width: 40%; /* Fixed width for the label column */
}

.infobox td:last-child {
  background-color: #333; /* Slightly lighter dark gray for data cells */
  padding: 5px;
}

.infobox a {
  color: #66ccff; /* Light blue for links */
  text-decoration: none; /* Remove underline from links */
}

.infobox a:hover {
  color: #3399ff; /* Bright blue for hovered links */
  text-decoration: underline; /* Underline on hover */
}

/* Center the image within the infobox */
.infobox td img {
  display: block;
  margin: 0 auto;
}