MediaWiki:Common.css: Difference between revisions

← Older edit Newer edit →

@@ Line 71: / Line 71: @@
 .mw-body p {
      margin: 0.1em 0 1em 0;
+}
+/* What Do I Want Infobox */
+.infobox-idea {
+  border: 1px solid var(--border-color, #ccc);
+  background-color: var(--background-color, #f9f9f9);
+  color: var(--text-color, inherit);
+  padding: 1em;
+  border-radius: 8px;
+  max-width: 600px;
+  margin: 1em auto;
+  font-size: 0.95em;
+}
+.infobox-image {
+  text-align: center;
+  margin-bottom: 1em;
+}
+.infobox-meta {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  flex-wrap: wrap;
+  margin-bottom: 1em;
+}
+.infobox-user {
+  display: flex;
+  align-items: center;
+  gap: 0.5em;
+}
+.user-avatar img {
+  border-radius: 50%;
+}
+.user-name {
+  font-weight: bold;
+}
+.infobox-actions {
+  display: flex;
+  gap: 0.5em;
+}
+.infobox-tab {
+  padding: 0.4em 0.8em;
+  border-radius: 4px;
+  background-color: var(--tab-bg, #e0e0e0);
+  cursor: pointer;
+  font-weight: bold;
+}
+.infobox-tab.active {
+  background-color: var(--tab-active-bg, #d0d0d0);
+}
+.infobox-panel {
+  margin-bottom: 1em;
+}
+.infobox-note {
+  font-style: italic;
+  margin: 1em 0;
+}
+.infobox-list {
+  padding-left: 1.5em;
+}
+.infobox-list li {
+  margin-bottom: 0.4em;
+}
+.show-more {
+  color: #3366cc;
+  cursor: pointer;
+  font-size: 0.9em;
+  margin-top: 0.5em;
+}
+/* Light/dark mode */
+.skin-vector-2022 .infobox-idea,
+.skin-minerva .infobox-idea {
+  --border-color: #aaa;
+  --background-color: #f8f9fa;
+  --text-color: #000;
+  --tab-bg: #e9ecef;
+  --tab-active-bg: #dee2e6;
+}
+.skin-vector-2022.skin-dark .infobox-idea,
+.skin-minerva.skin-dark .infobox-idea {
+  --border-color: #444;
+  --background-color: #1e1e1e;
+  --text-color: #ddd;
+  --tab-bg: #2a2a2a;
+  --tab-active-bg: #3a3a3a;
 }