No edit summary |
No edit summary |
||
Line 23: | Line 23: | ||
/* Infobox title and headers */ |
/* Infobox title and headers */ |
||
.portable-infobox { |
.portable-infobox { |
||
− | width:295px; |
||
background-color:var(--tertiary-color); |
background-color:var(--tertiary-color); |
||
} |
} |
||
Line 33: | Line 32: | ||
color:var(--text-color); |
color:var(--text-color); |
||
background-color:var(--theme-color); |
background-color:var(--theme-color); |
||
− | padding:5px; |
||
border:1px solid black; |
border:1px solid black; |
||
− | line-height:1.8em; |
||
} |
} |
||
Line 43: | Line 40: | ||
background-color:var(--theme-color); |
background-color:var(--theme-color); |
||
text-align:center; |
text-align:center; |
||
− | padding: 5px; |
||
− | border:1px solid black; |
||
− | line-height:1.7em; |
||
} |
} |
||
Line 56: | Line 50: | ||
background: var(--secondary-color); |
background: var(--secondary-color); |
||
font-size:13px; |
font-size:13px; |
||
− | padding: 4px; |
||
} |
} |
||
.portable-infobox .pi-data-value { |
.portable-infobox .pi-data-value { |
||
font-size:13px; |
font-size:13px; |
||
− | padding: 4px; |
||
− | border:1px solid black; |
||
background: var(--tertiary-color); |
background: var(--tertiary-color); |
||
} |
} |
||
.portable-infobox .pi-image { |
.portable-infobox .pi-image { |
||
− | border-left:1px solid black; |
||
− | border-right:1px solid black; |
||
background:transparent; |
background:transparent; |
||
} |
} |
Revision as of 22:07, 4 June 2021
/* 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 {
background-color:var(--tertiary-color);
}
.portable-infobox .pi-title {
font-size:1.2em;
font-weight:bold;
text-align:center;
color:var(--text-color);
background-color:var(--theme-color);
border:1px solid black;
}
.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 {
background: var(--secondary-color);
font-size:13px;
}
.portable-infobox .pi-data-value {
font-size:13px;
background: var(--tertiary-color);
}
.portable-infobox .pi-image {
background:transparent;
}
.portable-infobox .pi-border-color {
border-color:transparent;
}
.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;
}