No edit summary |
No edit summary |
||
Line 62: | Line 62: | ||
.portable-infobox .pi-border-color { |
.portable-infobox .pi-border-color { |
||
border-color:black; |
border-color:black; |
||
+ | } |
||
+ | |||
+ | .pi-item-spacing { |
||
+ | padding: 5px ; |
||
} |
} |
||
Revision as of 22:24, 4 June 2021
/* COLOR ROOT */
:root {
--theme-color: #0B0B0B;
--secondary-color: #151515;
--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;
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-item-spacing {
padding: 5px ;
}
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;
}