MediaWiki:Common.css

/* CSS placed here will be applied to all skins */
.alert--success {
    background-color: #00a40026; /* Highlight background color */
    color: #4CAF50; /* Foreground color */
    border: 1px solid #4CAF50; /* Border color */
    border-radius: 5px; /* Rounded corners */
    padding: 10px; /* Padding */
    margin: 10px 0; /* Margin */
}

.alert--success .admonitionHeading_Gvgb {
    font-weight: bold; /* Heading style */
    margin-bottom: 5px; /* Space below heading */
}

.alert--success .admonitionContent_BuS1 {
    margin: 5px 0; /* Space around content */
}

.alert--success .admonitionIcon_Rf37 {
    margin-right: 5px; /* Space between icon and text */
}

/* To make images responsive */
img {
	max-width:100%;
	height:auto;
}

/* Base Admonition Styles */
.admonition {
  display: flex;
  align-items: flex-start;
  border-radius: 4px;
  padding: 16px;
  margin: 1.5em 0;
  border: 1px solid #ddd;
}

.admonition-icon {
  font-size: 24px;
  margin-right: 12px;
}

.admonition-content {
  flex: 1;
}

.admonition-title {
  font-weight: bold;
  margin-bottom: 8px;
}

/* Specific Admonition Types */

/* Note */
.admonition-note {
  background-color: #f0f6ff;
  border-left: 4px solid #2196f3;
}

/* Tip */
.admonition-tip {
  background-color: #e6ffed;
  border-left: 4px solid #4caf50;
}

/* Caution */
.admonition-caution {
  background-color: #fff4e5;
  border-left: 4px solid #ff9800;
}

/* Warning */
.admonition-warning {
  background-color: #ffe6e6;
  border-left: 4px solid #f44336;
}