MediaWiki:Common.css: Difference between revisions

Revision as of 14:07, 17 August 2024

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

/** Main Page */
.hhw-mp-icons {
    padding: 1rem;

    display: flex;
    flex-wrap: wrap;
    row-gap: 1rem;
    justify-content: center;
}

.hhw-mp-icon {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

/** Notice Boxes */
.hhw-noticebox {
    display: flex;
    padding: 1rem;
    margin: 0.5rem auto 0.5rem;

    font-weight: bold;

    border-radius: 0.5rem;
    border: solid 2px var(--color-progressive);
    border-left: solid 8px var(--color-progressive);
}

.hhw-noticebox-error {
    display: flex;
    padding: 1rem;
    margin: 0.5rem;

    font-weight: bold;

    border-radius: 0.5rem;
    border: solid 2px var(--color-error);
    border-left: solid 8px var(--color-error);
}

.hhw-noticebox-warning {
    display: flex;
    padding: 1rem;
    margin: 0.5rem;

    font-weight: bold;

    border-radius: 0.5rem;
    border: solid 2px var(--color-warning);
    border-left: solid 8px var(--color-warning);
}

@@ Line 2: / Line 2: @@
 /** Main Page */
-.hhw-main-page {
+.hhw-mp-icons {
-    display: grid;
+     padding: 1rem;
-    grid-template-areas:
-        "a a a"
-        "b b c"
-        "d e f";
-    grid-template-columns: repeat(3, 1fr);
-    grid-gap: 4px;
-     padding: 4px;
-}
-.hhw-item-header {
-    background-color: #f4f4f4;
      display: flex;
+    flex-wrap: wrap;
+    row-gap: 1rem;
      justify-content: center;
-    font-weight: bold;
-    width: 100%;
 }
-.hhw-item-content {
+.hhw-mp-icon {
-     margin: 0.5em;
+     display: flex;
+    flex-direction: column;
+    gap: 0.25rem;
 }
-.hhw-item   { background-color: #fff; border: solid 1px #00000044 }
-.hhw-item-1 { grid-area: a; }
-.hhw-item-2 { grid-area: b; }
-.hhw-item-3 { grid-area: c; }
-.hhw-item-4 { grid-area: d; }
-.hhw-item-5 { grid-area: e; }
-.hhw-item-6 { grid-area: f; }
 /** Notice Boxes */
 .hhw-noticebox {
      display: flex;
-     padding: 1em;
+     padding: 1rem;
      margin: 0.5rem auto 0.5rem;
@@ Line 51: / Line 32: @@
 .hhw-noticebox-error {
      display: flex;
-     padding: 1em;
+     padding: 1rem;
      margin: 0.5rem;
@@ Line 63: / Line 44: @@
 .hhw-noticebox-warning {
      display: flex;
-     padding: 1em;
+     padding: 1rem;
      margin: 0.5rem;