MediaWiki:Common.css: Difference between revisions

← Older edit

@@ Line 16: / Line 16: @@
    display: inline-flex;
    align-items: center;
-   max-width: 100%;
+   justify-content: flex-start;
    background-color: #e9e9e9;
    border-left: 4px solid #09bb62;
@@ Line 23: / Line 23: @@
    font-size: 0.95em;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
-   margin: 1em auto;
+   margin: 1em auto;              /* center horizontally */
-   float: left;
+   max-width: 100%;               /* never overflow container */
-   clear: both;
+   white-space: normal;           /* allow multi-line text */
+  gap: 10px;                     /* spacing between icon and text */
 }
-.stub-image {
+.stub-text {
-   display: flex;
+   text-align: left;
-  align-items: center;
+   line-height: 1.4em;
-   margin-right: 10px;
 }
 .stub-image img {
    display: block;
-   margin: 0;
+   max-height: 32px;
-  padding: 0;
+   width: auto;
-  vertical-align: middle;
-   line-height: 1;
 }
-.stub-text {
+.stub-word {
+  color: #4f504c;
+}
+.alert-box {
+  display: inline-flex;
+  align-items: center;
+  justify-content: flex-start;
+  background-color: #e9e9e9;
+  padding: 10px 15px;
+  border-radius: 8px;
+  font-size: 0.95em;
+  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
+  margin: 1em auto;              /* center horizontally */
+  max-width: 100%;               /* never overflow container */
+  white-space: normal;           /* allow multi-line text */
+  gap: 10px;                     /* spacing between icon and text */
+}
+.alert-text {
    text-align: left;
    line-height: 1.4em;
-  white-space: normal;
-  color: #1e1f22;
 }
-.stub-word {
+.alert-image img {
-   color: #4f504c;
+   display: block;
+  max-height: 32px;
+  width: auto;
 }