MediaWiki:Sidebar.css

/** * Styles for wiki sidebars. */

.portable-infobox { --pi-background: var(--custom-background-color); --pi-secondary-background: var(--fcolor-primary); --pi-data-background--hover: var(--custom-background-color--hover); background-color: var(--pi-background); /* backwards compat */ border: none; border-radius: 4px; }

/* Standardized padding for infobox elements */

.portable-infobox .pi-item-spacing { padding: 4px 8px; }

/* Title */

.pi-item.pi-title { background-color: var(--fcolor-primary); border-radius: 4px 4px 0 0; color: var(--fcolor-secondary); font-size: 1.25em; font-weight: bold; /* backwards compat */ line-height: 1.5; text-align: center; /* backwards compat */ }

/* Images/galleries */

.pi-image-collection .wds-tabs { justify-content: center; }

.pi-image-collection .wds-tabs__tab.wds-is-current { background-color: var(--fcolor-primary); box-shadow: none; color: var(--fcolor-secondary); }

.pi-image-collection .wds-tabs__tab:not(.wds-is-current) { cursor: pointer; }

.pi-image-collection .wds-tabs__tab-label { height: 30px; }

.pi-image + .pi-image, .pi-image-collection + .pi-image { display: none; }

/* Headers */

.pi-item .pi-header { background-color: var(--fcolor-primary); color: var(--fcolor-secondary); font-size: 0.825em; line-height: 1.5; padding: 5px 8px 4px; text-align: center; }

/* Rows */

.pi-data { border-top: none; }

.pi-data:hover { background-color: var(--pi-data-background--hover); } /** Alternating row colors **/

/*.pi-data:nth-child(even) { background-color: #30323D; }

.pi-data:nth-child(odd) { background-color: #383A45; }*/

/** Field labels **/

.pi-data .pi-data-label { color: inherit; /* backwards compat */ -webkit-flex-basis: auto; flex-basis: auto; font-size: 0.8em; line-height: 1.5; /* backwards compat */ margin: auto; width: 35%; }

/** Field values **/

.pi-data .pi-data-value { -webkit-flex-basis: auto; flex-basis: auto; font-size: 0.8em; line-height: 1.5; /* backwards compat */ width: 65%; } /*** Remove extra padding ***/

.pi-data-value:not(:first-child), /* backwards compat */ .pi-data-label ~ .pi-data-value { padding-left: 5px; }

/*** Format list items ***/

.pi-data-value li { line-height: 1.5; }

/*** Recolor list item bullets ***/

.pi-data-value ul li:before { color: var(--theme-page-text-color); }

/** Horizontal groups **/

.pi-horizontal-group .pi-horizontal-group-item:not(:first-child) { border-left: none; } /* Bottom navigation */

.pi-navigation { background-color: var(--fcolor-primary); border-radius: 0 0 4px 4px; text-align: center; }

.pi-navigation small { font-size: 0.75em; }

.pi-navigation a { color: var(--fcolor-secondary) !important; }

/* Stacked layout */

.pi-layout-stacked .pi-data-label { border: none; font-style: italic; font-weight: normal; text-align: center !important; width: 100%; }

.pi-layout-stacked .pi-data-value { border: none; padding: 0; padding-bottom: 2px; text-align: center !important; width: 100%; }

/**\   BACKWARDS COMPAT \**/

/* Galleries */

.pi-image-collection .pi-image-collection-tabs { margin: 0; }

.pi-image-collection .pi-image-collection-tabs li { border: none; font-size: 0.825em; margin-top: 0; }

.pi-image-collection .pi-image-collection-tabs li:hover { background-color: #222; }

.pi-image-collection .pi-image-collection-tabs li.current { background-color: var(--fcolor-primary); color: var(--fcolor-secondary); }

/* Remove border between rows */

.pi-border-color { border-bottom-style: none !important; }

/* Force ul bullets to align outside instead of inside */

.pi-data-value ul { list-style-position: inherit; }

/**\   DEPRECATED \**/

/* Wiki sidebar (only used in Template:Sidebar user and old sidebar templates) */ /* Keep for legacy purposes */

.wiki-sidebar { background-color: #222; border: 1px solid #666; clear: right; color: #fff; float: right; margin: 0.5em 0 1.3em 1.5em; width: 300px; }

.wiki-sidebar th { font-size: larger; font-weight: bold; text-align: center; }

.wiki-sidebar td { border: 0; font-size: smaller; line-height: 130%; }

.wiki-sidebar .name { background-color: var(--fcolor-primary); color: var(--fcolor-secondary); }

.wiki-sidebar .sb-both { padding-right: 0; padding-left: 0; text-align: center; }

.wiki-sidebar .sb-left { background-color: #40424d; color: #eee; font-weight: bold; text-align: left; vertical-align: top; width: 33%; }

.wiki-sidebar .sb-right { background-color: #333; border: 1px solid #444; color: #eee; text-align: right; }