No edit summary |
No edit summary |
||
Line 220: | Line 220: | ||
.portable-infobox.type-episode .pi-header { |
.portable-infobox.type-episode .pi-header { |
||
border-radius: 0.4em; |
border-radius: 0.4em; |
||
− | font-size: |
+ | font-size: 95%; |
font-weight: bold; |
font-weight: bold; |
||
line-height: 25px; |
line-height: 25px; |
Revision as of 12:03, 5 June 2021
/* Character infobox */
.portable-infobox.type-character {
background-color: #893808;
border: 2px solid #893808;
border-radius: 0.4em;
box-shadow: 0 0.1em 0.4em #333;
color: white;
margin: 0 0.3em 1em 1em;
padding: 0;
width: 260px;
}
.portable-infobox.type-character a {
color: #FFCC00;
}
.portable-infobox .pi-image-thumbnail {
width: 260px;
max-width: 260px;
height: auto;
}
.portable-infobox.type-character .pi-title {
background-color: #893808;
background-image: none;
color: #fff;
font-family: Andes;
font-size: 30px;
font-weight: normal;
line-height: 33px;
text-align: center;
text-transform: lowercase;
letter-spacing: 2px;
}
.portable-infobox.type-character .pi-title.pi-item-spacing {
padding-top: 3px;
}
.portable-infobox.type-character .pi-header {
background-color: #893808;
font-size: 20px;
font-weight: normal;
letter-spacing: 0.02em;
line-height: 23px;
}
.portable-infobox .pi-item:last-child .pi-data-label,
.portable-infobox .pi-item:last-child .pi-data-value {
border-bottom: none;
}
.portable-infobox .pi-image-collection-tabs {
background-color: #893808;
border-bottom: 2px solid #bbb;
line-height: 0;
margin: 0;
text-align: center;
}
.portable-infobox .pi-image-collection-tabs .current {
background-color: #bbb;
}
.portable-infobox .pi-image-collection-tabs .pi-tab-link {
padding: 10px 8px;
}
.portable-infobox .pi-image-collection-tabs .pi-tab-link.current {
/* background: none; */
color: #000000;
font-family: Calibri, Avenir Next Condensed, Helvetica;
font-size: 14px;
font-weight: bold;
pointer-events: none;
}
.portable-infobox .pi-data-label {
display: flex;
flex-basis: 110px;
border-bottom: 1px solid #ccc;
padding: 5px;
font-weight: bold;
}
.portable-infobox .pi-data-value {
border-bottom: 1px solid #ccc;
padding: 5px;
}
.portable-infobox .pi-data-value ul {
list-style: none outside none;
margin: 0;
}
.portable-infobox .pi-data-value li {
line-height: 15px;
padding-bottom: 2px;
padding-top: 2px;
}
.pi-border-color {
border-color: transparent;
}
.portable-infobox .pi-item-spacing {
padding: 0;
}
.portable-infobox .pi-tab-link {
background-color: #4c2c00;
border: 0;
color: #FFCC00;
font-family: Calibri, Avenir Next Condensed, Helvetica;
font-size: 13px;
font-weight: bold;
margin: 0;
}
.portable-infobox .pi-horizontal-group-no-labels .pi-data-value {
padding-top: 1px;
padding-bottom: 1px;
text-align: center;
background: #eee;
}
.portable-infobox .pi-horizontal-group .pi-data-value {
padding-left: 0;
}
.pi-data {
grid-column-gap: 0!important;
}
.portable-infobox .pi-navigation {
background-color: #893808;
color: #FFCC00;
font-size: 12px;
font-weight: bold;
text-align: center;
}
.pi-smart-group .pi-smart-data-label, .pi-smart-group .pi-smart-data-value {
justify-content: center;
}
.portable-infobox.type-episode .pi-smart-group .pi-smart-data-value {
border-bottom: 1px solid #ccc;
}
.portable-infobox .pi-header a, .portable-infobox .pi-navigation a {
color: inherit;
}
.portable-infobox .pi-section-navigation {
background-color: #893808;
border-bottom: 2px solid #ccc;
height: 20px;
margin: 0;
padding: 0;
}
.portable-infobox .pi-section-label {
color: #eee;
font-size: 13px;
font-weight: bold;
}
.portable-infobox .pi-section-tab {
box-shadow: none;
font-family: Calibri, Avenir Next Condensed, Helvetica;
height: 20px;
margin: 0;
padding: 0;
}
.portable-infobox .pi-section-tab .pi-section-label {
margin-top: 10px;
height: 0;
}
.portable-infobox .pi-section-tab.pi-section-active {
background-color: #ccc;
}
.portable-infobox .pi-section-tab.pi-section-active > .pi-section-label {
color: #000000;
font-size: 14px;
}
/* Episode infobox */
.portable-infobox.type-episode .pi-data-value, .portable-infobox.type-episode .pi-secondary-font {
font-size: 11px;
}
.portable-infobox.type-episode .pi-image {
padding: 0px 0px 3px 0px;
}
.portable-infobox.type-episode .pi-data-label {
border: none;
display: flex;
flex-basis: 200px;
}
.portable-infobox.type-episode .pi-data-value, .portable-infobox.type-episode .pi-item:last-child .pi-data-label, .portable-infobox.type-episode .pi-item:last-child .pi-data-value {
border: none;
}
.portable-infobox.type-episode .pi-title {
border-radius: 0.4em;
font-size: 100%;
font-weight: bold;
line-height: 20px;
-moz-border-radius: 0.4em;
text-align: center;
-webkit-border-radius: 0.4em;
}
.portable-infobox.type-episode .pi-header {
border-radius: 0.4em;
font-size: 95%;
font-weight: bold;
line-height: 25px;
margin-bottom: 3px;
-moz-border-radius: 0.4em;
text-align: center;
-webkit-border-radius: 0.4em;
}
.portable-infobox.type-episode .pi-navigation {
border-radius: 0.4em;
line-height: 1.4em;
-moz-border-radius: 0.4em;
text-align: center;
-webkit-border-radius: 0.4em;
}
.portable-infobox.type-episode {
background-color: #EEEEFF;
box-shadow: 0 0.1em 0.4em #8c8b8b;
border: 1px solid #aaa;
border-radius: 0.4em;
color: black;
margin: 0px 3px 15px 15px;
-moz-border-radius: 0.4em;
padding: 3px;
-webkit-border-radius:0.4em;
width: 260px;
}
.portable-infobox.type-episode .pi-data:not(:last-of-type), .portable-infobox .pi-group {
border-bottom: none;
}
.portable-infobox.type-episode .pi-image-thumbnail {
width: 255px;
height: auto;
}
.pi-collapse .pi-header:first-child {
padding-right: 0px;
position: relative;
line-height: 20px !important;
}
.pi-collapse .pi-header:first-child:after {
border-color: inherit;
right: 10px;
}
.portable-infobox.type-episode .pi-header:nth-child(1n+2) {
border-radius: 0;
font-size: 12px;
-moz-border-radius: 0;
-webkit-border-radius: 0;
line-height: 15px;
}
.portable-infobox.type-episode .pi-image-collection-tabs {
background: none;
border-bottom: none;
}
.portable-infobox.type-episode .pi-image-collection-tabs .pi-tab-link.current {
background-color: #000000;
color: #FFCC00;
pointer-events: none;
width: 49%;
}
.portable-infobox.type-episode .pi-tab-link {
background-color: #aaa;
color: #000000;
width: 49%;
}
/* Episode themes */
.portable-infobox.pi-theme-btas .pi-header, .portable-infobox.pi-theme-btas .pi-title, .portable-infobox.pi-theme-btas .pi-navigation {
background: #000000;
color: #FFD700;
}
.portable-infobox.pi-theme-stas .pi-header, .portable-infobox.pi-theme-stas .pi-navigation {
background: #000099;
color: #FFCC33;
}
.portable-infobox.pi-theme-tnba .pi-header, .portable-infobox.pi-theme-tnba .pi-navigation {
background: #000000;
color: #FFFFFF;
}
.portable-infobox.pi-theme-bb .pi-header, .portable-infobox.pi-theme-bb .pi-navigation {
background: #000000;
color: #FF0000;
}
.portable-infobox.pi-theme-ss .pi-header, .portable-infobox.pi-theme-ss .pi-navigation {
background: #660099;
color: #FFCC33;
}
.portable-infobox.pi-theme-tzp .pi-header, .portable-infobox.pi-theme-tzp .pi-title, .portable-infobox.pi-theme-tzp .pi-navigation {
background: #CCCCFF;
color: #696969;
}
.portable-infobox.pi-theme-jl .pi-header, .portable-infobox.pi-theme-jl .pi-navigation {
background: #c10000;
color: #FFFFFF;
}
.portable-infobox.pi-theme-jlu .pi-header, .portable-infobox.pi-theme-jlu .pi-navigation {
background: #006400;
color: #C3C3C3;
}
.portable-infobox.pi-theme-lw .pi-header, .portable-infobox.pi-theme-lw .pi-navigation {
background: #000000;
color: #DC143C;
}
.portable-infobox.pi-theme-gg .pi-header, .portable-infobox.pi-theme-gg .pi-navigation {
background: #4B0082;
color: #DCDCDC;
}
.portable-infobox.pi-theme-stas .pi-title {
background: #000099;
color: #FFFFFF;
}
.portable-infobox.pi-theme-tnba .pi-title {
background: #CCCCCC;
color: #000000;
}
.portable-infobox.pi-theme-bb .pi-title {
background: #000000;
color: #FFFFFF;
}
.portable-infobox.pi-theme-ss .pi-title {
background: #660099;
color: #FFFFFF;
}
.portable-infobox.pi-theme-jl .pi-title {
background: #c10000;
color: #FFFFFF;
}
.portable-infobox.pi-theme-jlu .pi-title {
background: #006400;
color: #FFFFFF;
}
.portable-infobox.pi-theme-lw .pi-title {
background: #000000;
color: #FFFFFF;
}
.portable-infobox.pi-theme-gg .pi-title {
background: #990066;
color: #DCDCDC;
}
/* Home release infobox */
.portable-infobox.type-dvd .pi-title {
background-color: #c0d1f0;
font-size: 14px;
font-weight: bold;
line-height: 20px;
text-align: center;
}
.portable-infobox.type-dvd {
padding: 0px;
background-color: #EEEEFF;
border: 1px solid #aaa;
color: black;
margin: 0px 0px 15px 15px;
width: 260px;
border-radius: 0 0 0.4em 0.4em;
-moz-border-radius: 0 0 0.4em 0.4em;
-webkit-border-radius: 0 0 0.4em 0.4em;
-moz-border-radius: 0.4em;
}
.portable-infobox.type-dvd .pi-header {
border-radius: 0 0 0.4em 0.4em;
-moz-border-radius: 0 0 0.4em 0.4em;
-webkit-border-radius: 0 0 0.4em 0.4em;
margin-bottom: 0px;
}
.portable-infobox.type-dvd .pi-image-collection-tabs {
background-color: #c0d1f0;
}
.portable-infobox.type-dvd .pi-image-collection-tabs .pi-tab-link.current {
background-color: #949494;
border: 1px solid #3b78a0;
color: #000000;
font-family: Calibri,Avenir Next Condensed,Helvetica;
font-size: 11px;
font-weight: bold;
pointer-events: none;
}
.portable-infobox.type-dvd .pi-tab-link {
background-color: #c0d1f0;
border: 0;
color: #000000;
font-family: Calibri,Avenir Next Condensed,Helvetica;
font-size: 11px;
font-weight: bold;
margin: 0;
}
.portable-infobox.type-dvd .pi-image-collection {
display: -moz-flex;
display: -webkit-flex;
display: flex;
-moz-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column;
}
.portable-infobox.type-dvd ul.pi-image-collection-tabs {
border: 0;
-moz-order: 99;
-webkit-order: 99;
order: 99;
display: flex;
-webkit-flex-flow: row wrap;
overflow-y: auto;
text-align: center;
}
.portable-infobox.type-dvd ul.pi-image-collection-tabs li {
flex-basis: 50%;
border: 1px solid #3b78a0;
margin: -1px -1px 0 0;
}
.pi-header a, .pi-navigation a {
font-weight: inherit;
}