MediaWiki:Common.css: Difference between revisions

Latest revision as of 10:50, 31 December 2025

.welcome {
	text-align: center;
	font-size: 4em;
}
.emoji-trigger-wrap { margin-bottom: .5rem; }
#emoji-trigger { margin-right: .5rem; }
/* --- VoteNY: render as 👍1 --- */
.vote-box {
  background-color: transparent;   /* remove green box */
  height: auto;
  width: auto;
  padding: 0;
  display: inline-block !important;
  align-items: center;
}

#PollVotes.vote-number {
  color: inherit;            /* stop forcing white */
  display: inline-block !important;
  background-color: transparent; 
  font-size: var(--font-size-medium) !important;
  font-weight: 600;
}
.vote-box::before {
  content: "👍";
  display: inline-block;
  font-size: var(--font-size-medium) !important;
  line-height: 1;
}

#PollVotes.vote-number::before {
  content: none !important;
}

/* Hide the Vote/unvote link (we’ll keep it functional via JS) */
#Answer.vote-action {
  display: none;
}

@@ Line 3: / Line 3: @@
 	font-size: 4em;
 }
-.lore-spotlight-widget {
+.emoji-trigger-wrap { margin-bottom: .5rem; }
-    background: #001933;
+#emoji-trigger { margin-right: .5rem; }
-    border: 1px solid #FF6300;
+/* --- VoteNY: render as 👍1 --- */
-    padding: 0.75em;
+.vote-box {
-    margin: 1em 0;
+   background-color: transparent;   /* remove green box */
-    font-style: italic;
+   height: auto;
-    border-radius: 4px;
+  width: auto;
-}
+   padding: 0;
-.mw-datatable th {
+   display: inline-block !important;
-    background-color: var(--color-accent-navy);
+  align-items: center;
-}
-/* Let user tool links wrap instead of forcing one line */
-.mw-usertoollinks {
-   white-space: normal !important;  /* undo the nowrap */
-   overflow-wrap: anywhere;         /* modern browsers */
-   word-break: break-word;          /* fallback */
-   display: inline-block;           /* makes wrapping cleaner inside cells */
 }
-/* 1) Let the content column actually shrink (flexbox gotcha) */
-.continuum-body { min-width: 0; }
-/* 2) Any table in the content should respect the container */
+#PollVotes.vote-number {
-.continuum-body table {
+   color: inherit;            /* stop forcing white */
-   width: 100%;
+   display: inline-block !important;
-   max-width: 100%;
+   background-color: transparent;
-   table-layout: fixed;     /* enables wrapping based on cell width */
+   font-size: var(--font-size-medium) !important;
-   border-collapse: collapse;
+   font-weight: 600;
-   box-sizing: border-box;
 }
+.vote-box::before {
-/* 3) Cells: allow wrapping of long stuff */
+   content: "👍";
-.continuum-body table th,
+   display: inline-block;
-.continuum-body table td {
+   font-size: var(--font-size-medium) !important;
-   min-width: 0;            /* crucial with table-layout:fixed */
+   line-height: 1;
-   white-space: normal;     /* kill any stray nowraps */
-   overflow-wrap: anywhere; /* modern break for long tokens */
-   word-break: break-word;  /* fallback */
 }
-/* 4) Common offenders inside cells */
+#PollVotes.vote-number::before {
-.continuum-body table a,
+   content: none !important;
-.continuum-body table code,
-.continuum-body table .nowrap,
-.continuum-body table .mw-usertoollinks,
-.continuum-body table .mw-parser-output .nowrap {
-   white-space: normal !important;
-  overflow-wrap: anywhere;
-  word-break: break-word;
 }
-/* 5) Images/thumbs shrink with the cell */
+/* Hide the Vote/unvote link (we’ll keep it functional via JS) */
-.continuum-body table img {
+#Answer.vote-action {
-  max-width: 100%;
+   display: none;
-  height: auto;
-  object-fit: contain;
-   display: block;
 }
-/* 6) Safety: horizontally scroll if something truly can’t shrink (e.g., embedded iframes) */
-.continuum-body { overflow-x: auto; }
-/* 7) Special:ListFiles specifics you already touched, but keep them here for consistency */
-body.page-Special_ListFiles .mw-datatable.listfiles { table-layout: fixed; }
-body.page-Special_ListFiles .mw-datatable.listfiles td.TablePager_col_thumb img { max-width: 100%; height: auto; }
-body.page-Special_ListFiles .mw-usertoollinks { white-space: normal !important; overflow-wrap: anywhere; }