MediaWiki:Infobox.css

From Coral Island Wiki
Revision as of 07:29, 9 August 2023 by Admin coral island (talk | contribs) (Created page with "→‎Background: .portable-infobox { background-color: var(--theme-infobox-bg); border-radius: 6px; } →‎Title: .page-content .portable-infobox .pi-title { font-size: 20px; background-color:var(--theme-accent-color); color: #383533; border-radius: 5px 5px 0 0; } →‎Caption: .pi-caption { color: rgba(var(--theme-page-text-color--rgb),.9); } →‎Border: .portable-infobox, .portable-infobox .pi-border-color { border-color: var(--theme-border-color); border-...")
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to navigation Jump to search

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/* Background */
.portable-infobox {
	background-color: var(--theme-infobox-bg);
	border-radius: 6px;
}

/* Title */
.page-content .portable-infobox .pi-title {
	font-size: 20px;
	background-color:var(--theme-accent-color);
	color: #383533;
	border-radius: 5px 5px 0 0;
}

/* Caption */
.pi-caption {
	color: rgba(var(--theme-page-text-color--rgb),.9);
}

/* Border */
.portable-infobox, .portable-infobox .pi-border-color
{
	border-color: var(--theme-border-color);
	border-collapse: collapse;
}

/* Group header */
.portable-infobox .pi-secondary-background {
	background-color: var(--theme-accent-bg);
	color: var(--theme-page-text-color);

}

.page-content .portable-infobox .pi-header {
	font-size: 15px;
	text-align: center;
	border-bottom: 1px solid var(--theme-border-color)!important;
    border-top: 1px solid var(--theme-border-color)!important;
}

/* Tabs text */
.portable-infobox .wds-tabs__tab-label {
	font-size: 15px;
	font-family: Fredoka, Rubik, sans-serif;
}

.pi-data-value hr {
  border: 0px;
  border-top: 1px solid;
  border-color: rgba(var(--theme-border-color--rgb), 0.7);
  margin:2px 0;
}