Infoboxes.css

MediaWiki page

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)
  • Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/***** Portable Infoboxes *****/
.portable-infobox {
	width: 250px;
	background: none !important;
}

/* Adjusts reference size */
.portable-infobox .reference, .refadjust .reference {
	font-size: 7.5px;
	line-height: 1.5;
}

/* Alternating row colors;
   Colors taken directly from 
   the original, non-PI infoboxes */

.portable-infobox .pi-data:nth-child(even) { 
        background-color: #F0F0F0; 
}

.portable-infobox .pi-data:nth-child(odd) {
        background-color: #f9f9f9;
}
/* Eliminate border between rows */
.portable-infobox .pi-border-color { 
		border-bottom-style: none; 
		border-left-style: none; 
}
.portable-infobox .pi-data { 
    border-top: none; 
}

/* Standardized padding for infobox elements */
.portable-infobox .pi-item-spacing { padding: 4px; }

/* Title field */
.portable-infobox .pi-title {
	font-size: 14px !important;
	font-weight: 500 !important;
	color: #FFFFFF;
	text-align: center;
	line-height: 1.5;
	padding:5px !important;
}

/* Secondary font - section headers and labels */
.portable-infobox .pi-secondary-font {
	font-size: 0.8em;
	line-height: 1.5;
    color:black;
    text-align:left;
}

.portable-infobox .pi-header {
    padding:5px !important;
    font-weight:500 !important;
    font-size:12px !important;
}

/* Field labels */
.portable-infobox .pi-data-label {
	font-weight: 400 !important;
	padding: 0;
        display:-webkit-flex;
        display:flex;
}
.pi-data .pi-data-label {
        -webkit-flex-basis:auto;
           -moz-flex-basis:auto;
                flex-basis:auto;
        -webkit-align-items:center;
           -moz-align-items:center;
                align-items:center;
        width:45%;
}

/* Field values */
.portable-infobox .pi-data-value {
	font-size: 0.8em;
	line-height: 1.5;
}
.pi-data .pi-data-value { 
        ms-flex-preferred-size:auto;
        -webkit-flex-basis:auto;
           -moz-flex-basis:auto;
                flex-basis:auto;
        -webkit-align-items:center;
           -moz-align-items:center;
                align-items:center;
        width:55%
}
.portable-infobox .pi-data-value li { line-height: 1.5em; }

/* Bottom rounded corners */
.portable-infobox.pi-navigation:last-child,
.portable-infobox .pi-navigation:last-child {
      -webkit-border-radius: 0 0 10px 10px;
         -moz-border-radius: 0 0 10px 10px;
          -ms-border-radius: 0 0 10px 10px;
              border-radius: 0 0 10px 10px;
     text-align:center;
}

/* Image handling;
   giving this the same style as
   .infoboximage img 
   in Common.css */

.pi-image img {
     max-width:100%;
     height:auto
}

/* Fix alignment of lists in horizontal rows */
.pi-horizontal-group-item.pi-data-value {
	text-align: left;
	background: #f9f9f9;
}

.pi-horizontal-group-item.pi-data-label {
	display: table-cell;
	border-bottom: #bfdaeb 1px solid !important;
	background: #f0f0f0;
}

/* Modifying spacing between field name and text in Battle300 infobox */
.pi-theme-Battle300 .pi-data-label {
        width:30%;
}
.pi-theme-Battle300 .pi-data-value {
	width:80%;
}

/* Aurebesh infobox */
.pi-theme-aurebesh {
    border:none;
}

.theme-fandomdesktop-light .pi-theme-aurebesh .pi-navigation {
    background:var(--theme-page-background-color);
}

.theme-fandomdesktop-dark .pi-theme-aurebesh .pi-navigation {
    background:#212B2D;
}

.theme-fandomdesktop-light .pi-theme-aurebesh .pi-title {
   background:#808080;
   color:white;
   text-align:center;
}

.theme-fandomdesktop-dark .pi-theme-aurebesh .pi-title {
   background:#263234;
   color:white;
   text-align:center;
}

.theme-fandomdesktop-light .pi-theme-aurebesh .pi-image {
    background:transparent
}

.theme-fandomdesktop-dark .pi-theme-aurebesh .pi-image {
   background:#263234;
}

.pi-theme-aurebesh .lightbox-caption {
    font-weight: normal;
    font-size:8px;
}

.theme-fandomdesktop-dark .pi-theme-aurebesh .wikia-gallery-item .thumb img,
.theme-fandomdesktop-dark .pi-theme-aurebesh .pi-image img {
    filter: invert(1);
}

.pi-theme-aurebesh .wikia-gallery-item {
    padding:7px;
}

.theme-fandomdesktop-light .pi-theme-aurebesh .pi-header {
    background:var(--theme-page-background-color);
    color:black !important;
    text-align:center !important;
}

.theme-fandomdesktop-dark .pi-theme-aurebesh .pi-header {
    background:#263234;
    color:white !important;
    text-align:center !important;
}

.theme-fandomdesktop-light .pi-theme-aurebesh .pi-navigation:nth-of-type(2) {
    background:#808080;
}

.theme-fandomdesktop-dark .pi-theme-aurebesh .pi-navigation:nth-of-type(2) {
    background:#263234;
}

.pi-theme-aurebesh .pi-navigation:nth-of-type(2) a {
    color:white;
}

.pi-theme-aurebesh .pi-secondary-background+.pi-secondary-background {
    border:none;
}