Fandomdesktop.css

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.

/* COLOR ROOT */
:root {
    --theme-color: #0B0B0B;
    --secondary-color: #111111;
    --tertiary-color: #1C1C1C;
    --text-color: #D5D4D4;
}

/* Main Page Portal backgrounds for light images on light theme */
.theme-fandomdesktop-light .portal__content .hovernav,
.theme-fandomdesktop-light .portal__content__affiliates {
	background: #1a1a1a;
	border-radius: 10px;
}
.theme-fandomdesktop-light .portal__content .hovernav {
	padding: 20px 0 1px;
}
.theme-fandomdesktop-light .portal__content__affiliates {
	padding: 20px 30px 1px;
}

/* INFOBOXES */
/* Infobox title and headers */
.portable-infobox {
    position: relative;
    margin: 0 0 15px 15px;
    border:1px solid black;
    background-color:var(--secondary-color);
}

.portable-infobox .pi-title {
    font-size:1.2em;
    font-weight:bold;
    text-align:center;
    color:var(--text-color);
    background-color:var(--theme-color);
}

.portable-infobox .pi-header {
    font-size:15px;
    color:var(--text-color);
    background-color:var(--theme-color);
    text-align:center;
}

.portable-infobox .pi-caption {
    text-align:center;
}

/* Row data label, row data value */
.portable-infobox .pi-data-label {
    font-size:13px;
}

.portable-infobox .pi-data-value {
    font-size:13px;
}

.portable-infobox .pi-image {
    background:transparent;
}

.portable-infobox .pi-border-color {
    border-color:black;
}

.pi-data-value:not(:first-child) {
  -ms-flex-preferred-size: 186px;
  -webkit-flex-basis: 186px;
  -moz-flex-basis: 186px;
  flex-basis: 186px;
}

ul.pi-image-collection-tabs {
    border-bottom:solid 1px black;
    border-left:solid 1px black;
    border-right:solid 1px black;
    background: var(--secondary-color);
    font-size:1em;
}

ul.pi-image-collection-tabs li {
    padding: 0 8px !important;
    border: 0;
    -webkit-transition: background-color 0.25s ease-out;
    -moz-transition: background-color 0.25s ease-out;
    -o-transition: background-color 0.25s ease-out;
    transition: background-color 0.25s ease-out;
}

ul.pi-image-collection-tabs li:hover {
    background: var(--tertiary-color);
}

ul.pi-image-collection-tabs li.current {
    font-weight: bold;
    background: var(--theme-color);
}   

.pi-image-collection-tab-content {
    background:transparent;
}