The Last of Us Wiki
Register
The Last of Us Wiki
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;
}