MediaWiki:Common.css: Difference between revisions

Latest revision as of 21:50, 3 September 2024

/* CSS placed here will be applied to all skins */
a:visited {
  color: #3366CC;
}

/** Main Page */
body.page-Main_Page h1.firstHeading { display: none; }

.hhw-mp-icons {
    padding: 1rem;

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

.hhw-mp-icon {
    display: flex;
    flex-direction: column;
    text-align: center;
}

.hhw-mp-icon-img {
    width: 64px;
}

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

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

.hhw-noticebox-error {
    border: solid 2px var(--color-error);
    border-left: solid 8px var(--color-error);
}

.hhw-noticebox-warning {
    border: solid 2px var(--color-warning);
    border-left: solid 8px var(--color-warning);
}

@@ Line 1: / Line 1: @@
 /* CSS placed here will be applied to all skins */
+a:visited {
+  color: #3366CC;
+}
 /** Main Page */
-.hhw-main-page {
+body.page-Main_Page h1.firstHeading { display: none; }
-    display: grid;
-    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 {
+.hhw-mp-icons {
-     background-color: #f4f4f4;
+     padding: 1rem;
      display: flex;
+    flex-wrap: wrap;
+    gap: 1rem;
      justify-content: center;
+}
-    font-weight: bold;
-     width: 100%;
+.hhw-mp-icon {
+     display: flex;
+    flex-direction: column;
+    text-align: center;
 }
-.hhw-item-content {
+.hhw-mp-icon-img {
-     margin: 0.5em;
+     width: 64px;
 }
-.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;
-    width: 100%;
+     padding: 1rem;
-     padding: 1em;
+     margin: 0.5rem auto 0.5rem;
-     font-weight: bold;
      border-radius: 0.5rem;
@@ Line 50: / Line 38: @@
 .hhw-noticebox-error {
-    display: flex;
-    width: 100%;
-    padding: 1em;
-    font-weight: bold;
-    border-radius: 0.5rem;
      border: solid 2px var(--color-error);
      border-left: solid 8px var(--color-error);
@@ Line 62: / Line 43: @@
 .hhw-noticebox-warning {
-    display: flex;
-    width: 100%;
-    padding: 1em;
-    font-weight: bold;
-    border-radius: 0.5rem;
      border: solid 2px var(--color-warning);
      border-left: solid 8px var(--color-warning);
 }