MediaWiki:Common.css: Difference between revisions

Revision as of 06:38, 12 August 2024

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

/* 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;
  display: flex;
  align-items: center;
  justify-content: center;
}

.admonition-content {
  flex: 1;
}

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

.admonition-text {
  margin: 0;
}

/* 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;
  display: flex;
  align-items: center;
}

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

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

@@ Line 1: / Line 1: @@
 /* 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 */
@@ Line 41: / Line 20: @@
    font-size: 24px;
    margin-right: 12px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }
@@ Line 50: / Line 32: @@
    font-weight: bold;
    margin-bottom: 8px;
+}
+.admonition-text {
+  margin: 0;
 }
@@ Line 64: / Line 50: @@
    background-color: #e6ffed;
    border-left: 4px solid #4caf50;
+  display: flex;
+  align-items: center;
 }