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 */
-@import url('https://fonts.googleapis.com/css2?family=Neuton:ital,wght@0,200;0,300;0,400;0,700;0,800;1,400&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');
+a:visited {
+  color: #3366CC;
-body {
-    background-color: #f0f0f0;
 }
-#content {
+/** Main Page */
-    font-family: 'Raleway', sans-serif;
+body.page-Main_Page h1.firstHeading { display: none; }
-}
-.mw-page-title-main .mw-headline {
+.hhw-mp-icons {
-     font-family: 'Neuton', 'Raleway', serif;
+     padding: 1rem;
-    font-weight: bold;
-}
-.branding-box {
+    display: flex;
-     font-weight: bold;
+     flex-wrap: wrap;
-}
+    gap: 1rem;
-.minerva-search-form {
      justify-content: center;
 }
-/** Main Page */
+.hhw-mp-icon {
-.hhw-main-page {
-    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 {
-    background-color: #f4f4f4;
      display: flex;
-     justify-content: center;
+     flex-direction: column;
+     text-align: center;
-    font-weight: bold;
-    width: 100%;
 }
-.hhw-item-content {
+.hhw-mp-icon-img {
-     margin: 0.5em;
+     width: 64px;
 }
-.hhw-item   { background-color: #fff }
-.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 72: / 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 84: / 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);
 }