Catatan: Setelah disimpan, Anda mungkin perlu melewati tembolok peramban web untuk melihat perubahan.
- Firefox/Safari: Tekan dan tahan Shift sembari mengeklik Reload, atau tekan Ctrl-F5 atau Ctrl-R (⌘-R di Mac)
- Google Chrome: Tekan Ctrl-Shift-R (⌘-Shift-R di Mac)
- Internet Explorer / Edge: Tahan Ctrl sembari mengeklik Refresh, atau tekan Ctrl-F5
- Opera: Tekan Ctrl-F5.
/* Portable Infobox */
.portable-infobox {
border-radius: 10px;
border: 5px solid #F8D030;
}
.portable-infobox.pi-background {
background-color: #F8D030;
}
.portable-infobox .pi-item-spacing {
padding: 5px;
}
.portable-infobox > :first-child {
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.portable-infobox > :last-child {
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
.portable-infobox .pi-border-color {
border-color: #F2B850;
}
.portable-infobox .pi-title:first-of-type,
.portable-infobox .pi-navigation {
font-weight: bold;
font-size: medium;
}
.portable-infobox .pi-navigation:last-child {
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
.portable-infobox .pi-image + .pi-navigation,
.portable-infobox .pi-image-collection + .pi-navigation {
font-size: smaller;
}
.portable-infobox .pi-header {
font-size: medium;
}
.portable-infobox .pi-title:first-of-type,
.portable-infobox .pi-header,
.portable-infobox .pi-navigation,
.portable-infobox .pi-secondary-background {
background-color: #058d9d;
text-align: center;
border:1px solid black;
color:black;
}
.portable-infobox .pi-image-collection {
border: 1px solid black;
}
.pi-image-collection .pi-image-collection-tabs {
background: transparent;
padding: 10px 0 0 0;
border-bottom: 2px solid black;
margin-bottom: -2px;
}
.pi-image-collection-tabs .pi-tab-link {
color: black;
padding: 3px 0.5em;
background: #F8D030;
border: 2px solid black;
margin: 0 0.1em -2px 0;
font-weight: normal;
border-top-right-radius: 10px;
border-top-left-radius: 10px;
font-size: small;
line-height: normal !important;
max-width: none;
}
.pi-image-collection-tabs .pi-tab-link.current {
border: 2px solid black;
color: #000;
font-weight: bold;
border-bottom: 2px solid black;
background-color: #f2b850;
}
.pi-image-collection-tab-content {
background-color: transparent;
}
.portable-infobox .pi-data {
border: 1px solid black;
}
.portable-infobox .pi-data-label {
flex-basis: 135px;
/* border-right:1px solid black; */
}
.portable-infobox .pi-data-label img[data-image-name="Arrow Left.png"],
.portable-infobox .pi-data-label img[data-image-name="Arrow Right.png"] {
margin: auto 2px;
display: inline;
height: 20px;
width: 20px;
float: right;
}
.portable-infobox .pi-navigation img[data-image-name="Arrow Left.png"],
.portable-infobox .pi-navigation img[data-image-name="Arrow Right.png"] {
margin: auto 2px;
display: inline;
height: 20px;
width: 20px;
}
.portable-infobox .pi-navigation img[data-image-name="Arrow Left.png"] {
float: left;
}
.portable-infobox .pi-navigation img[data-image-name="Arrow Right.png"] {
float: right;
}
.portable-infobox .pi-data-value:only-child {
text-align: center;
margin: auto;
}
.portable-infobox .pi-title a.external.text {
padding-right: 5px;
float: right;
}
.portable-infobox .pi-title a.external.text,
.portable-infobox .pi-navigation .mw-collapsible-toggle {
font-size: smaller;
}
.portable-infobox .pi-title a.external.text::after {
display: none;
}
/* Border 2 */
.portable-infobox.pi-theme-border2 {
background-color: X11 Gold;
color: black;
}
.portable-infobox.pi-theme-border2 {
border: 2px solid black;
}
.portable-infobox.pi-theme-border2 .pi-data {
border: none;
}
.portable-infobox.pi-theme-border2 .pi-data {
border-top: 2px solid #FAB630;
}
.portable-infobox.pi-theme-border2 .pi-title {
border: none;
}
.portable-infobox.pi-theme-border2 .pi-navigation {
border: none;
}
.portable-infobox.pi-theme-border2 .pi-image-collection {
border: none;
}
.portable-infobox.pi-theme-border2 .pi-title:first-of-type,
.portable-infobox.pi-theme-border2 .pi-header,
.portable-infobox.pi-theme-border2 .pi-navigation,
.portable-infobox.pi-theme-border2 .pi-secondary-background {
background-color: #FAB630;
text-align: center;
border:none;
}
/* PI dark theme */
.theme-fandomdesktop-dark .portable-infobox.pi-theme-border2 .pi-title:first-of-type,
.theme-fandomdesktop-dark .portable-infobox.pi-theme-border2 .pi-header,
.theme-fandomdesktop-dark .portable-infobox.pi-theme-border2 .pi-navigation,
.theme-fandomdesktop-dark .portable-infobox.pi-theme-border2 .pi-secondary-background {
background-color: #005560;
text-align: center;
border:none;
color:white;
}
.theme-fandomdesktop-dark .portable-infobox {
background-color:transparent;
color:white;
border:1px solid #99ebf5;
}
.theme-fandomdesktop-dark .portable-infobox.pi-theme-border2 .pi-data {
border-top: 2px solid #99ebf5;
}
/* Panel tabs */
[class*="pi-theme-"] .pi-section-tab.pi-section-active
{
box-shadow: none;
background-color: #f2b850;
border-bottom: none;
}
[class*="pi-theme-"] .pi-section-tab
{
background-color: transparent;
border: 1px solid black;
margin: 0 2px;
width: 100px;
text-align: center;
}
[class*="pi-theme-"] .pi-section-label
{
color: #448;
text-transform: none;
height: 10px;
margin: 0 4px;
}
/* Crew Card */
.portable-infobox.type-WikiLeader .pi-data,
.pi-theme-CrewCard .pi-data {
min-height: 140px;
}
.portable-infobox.type-WikiLeader .pi-navigation {
border-radius: 0px 0px 10px 10px;
}
/* Trivia template */
.portable-infobox.type-trivia > .pi-item:last-child {
border-bottom: 1px solid black;
}
.portable-infobox.type-trivia .pi-data-value,
.portable-infobox.type-trivia .pi-header {
text-align: left;
}
.portable-infobox.type-trivia .pi-data-value {
margin: 0;
}