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