Template:Home/Actions.css: Difference between revisions

Revision as of 14:59, 27 August 2025

/* Actions row + search */
.mw-parser-output .lw-actions {
  display: flex; flex-wrap: wrap; gap: 12px;
  justify-content: center; align-items: center;
  max-width: 1080px; margin: 12px auto 24px auto;
}
.mw-parser-output .lw-pill {
  display: inline-flex; align-items: center; justify-content: center;
  padding: 9px 14px; border: 1px solid #cfd7c9; border-radius: 999px;
  background: #fff; color: #2d5016; font-weight: 600; text-decoration: none;
}
.mw-parser-output .lw-pill:hover { background: #f3f4f6; }
.mw-parser-output .lw-search {
  display: flex; gap: 8px; align-items: center;
  border: 1px solid #e5e7eb; border-radius: 999px; padding: 6px 10px; background:#fff;
}
.mw-parser-output .lw-search input[type="search"] {
  border: 0; outline: 0; font-size: 16px; min-width: 260px; background: transparent;
}
.mw-parser-output .lw-search input[type="submit"] {
  border: 0; background: #2d5016; color: #fff; padding: 6px 12px; border-radius: 999px; cursor: pointer;
}

@@ Line 1: / Line 1: @@
+/* Actions row + search */
 .mw-parser-output .lw-actions {
-   display:flex;
+   display: flex; flex-wrap: wrap; gap: 12px;
-   justify-content:center;
+   justify-content: center; align-items: center;
-  align-items:center;
+   max-width: 1080px; margin: 12px auto 24px auto;
-   flex-wrap:wrap;
-  gap:12px;
-  margin:18px 0 28px 0;
 }
+.mw-parser-output .lw-pill {
-.mw-parser-output .lw-actions .pill {
+   display: inline-flex; align-items: center; justify-content: center;
-   display:inline-flex;
+   padding: 9px 14px; border: 1px solid #cfd7c9; border-radius: 999px;
-  align-items:center;
+   background: #fff; color: #2d5016; font-weight: 600; text-decoration: none;
-  justify-content:center;
-   padding:9px 14px;
-  min-width:13ch;
-  border:1px solid #cfd7c9;
-  border-radius:999px;
-   background:#fff;
-  color:#2d5016;
-  font-weight:600;
-  line-height:1.1;
-  text-decoration:none;
 }
+.mw-parser-output .lw-pill:hover { background: #f3f4f6; }
-.mw-parser-output .lw-actions a {
+.mw-parser-output .lw-search {
-   text-decoration:none !important;
+   display: flex; gap: 8px; align-items: center;
+  border: 1px solid #e5e7eb; border-radius: 999px; padding: 6px 10px; background:#fff;
 }
-.mw-parser-output .lw-actions a:hover .pill {
+.mw-parser-output .lw-search input[type="search"] {
-   border-color:#9fb39a;
+  border: 0; outline: 0; font-size: 16px; min-width: 260px; background: transparent;
-  box-shadow:0 1px 4px rgba(0,0,0,.08);
+}
+.mw-parser-output .lw-search input[type="submit"] {
+   border: 0; background: #2d5016; color: #fff; padding: 6px 12px; border-radius: 999px; cursor: pointer;
 }