MediaWiki:Common.css: Difference between revisions

← Older edit

@@ Line 13: / Line 13: @@
 }
-/* Prettify stub boxes */
 .stub-box {
-   display: flex;
+   display: inline-flex;
    align-items: center;
+  justify-content: flex-start;
    background-color: #e9e9e9;
    border-left: 4px solid #09bb62;
@@ Line 22: / Line 22: @@
    border-radius: 8px;
    font-size: 0.95em;
-   box-shadow: 0 0 4px rgba(0,0,0,0.2);
+   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 */
 }
-.stub-image {
-   display: flex;
+.stub-text {
-  align-items: center;
+   text-align: left;
-   margin-right: 10px;
+   line-height: 1.4em;
-  padding: 0;
 }
 .stub-image img {
    display: block;
-   margin: 0;
+   max-height: 32px;
-  padding: 0;
+   width: auto;
-  line-height: 1;
-   vertical-align: middle;
 }
-.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;
 }
-.stub-word {
-   color: #4f504c;
+.alert-image img {
+   display: block;
+  max-height: 32px;
+  width: auto;
 }
 /* Main page stuff */