Board Thread:Support Requests - Getting Technical/@comment-36009152-20190707223135/@comment-36009152-20190817102620

Just so it’s all clear for myself, is this (changed to italic line) a selector – choosing the type of infobox.

.portable-infobox.type-character > 



If the (even) is the dark shade, and the (odd) the light shade, are these two sections allowing the shade layout on the infobox, like the ‘Age’ and ‘Height’ to have that style? Then these two together, that is what is allowing the infobox design where it can have both light and dark shades connected? .portable-infobox.type-character.pi-theme-Ritsuka-Uenoyama > :nth-child(even):not(.pi-group), .portable-infobox.type-character.pi-theme-Ritsuka-Uenoyama > .pi-group:nth-child(even) > :nth-child(odd), .portable-infobox.type-character.pi-theme-Ritsuka-Uenoyama > .pi-group:nth-child(odd) > :nth-child(even) { background-image: -webkit-linear-gradient(#96c2ff 25%, #4f4d4e 75%); background-image: -moz-linear-gradient(#96c2ff 25%, #4f4d4e 75%); background-image: -o-linear-gradient(#96c2ff 25%, #4f4d4e 75%); background-image: linear-gradient(#96c2ff 25%, #4f4d4e 75%); } .portable-infobox.type-character.pi-theme-Ritsuka-Uenoyama > :nth-child(odd):not(.pi-group), .portable-infobox.type-character.pi-theme-Ritsuka-Uenoyama > .pi-group:nth-child(odd) > :nth-child(odd), .portable-infobox.type-character.pi-theme-Ritsuka-Uenoyama > .pi-group:nth-child(even) > :nth-child(even) { background-image: -webkit-linear-gradient(#4f4d4e 25%, #96c2ff 75%); background-image: -moz-linear-gradient(#4f4d4e 25%, #96c2ff 75%); background-image: -o-linear-gradient(#4f4d4e 25%, #96c2ff 75%); background-image: linear-gradient(#4f4d4e 25%, #96c2ff 75%); } As for the colours (aware of the # colour codes and the percentage) what do these four do?


 * -webkit-linear-gradient


 * -moz-linear-gradient(


 * background-image:


 * -o-linear-gradient

The six new lines for each character, that’s for each shade for both the tabs and the surrounding space at the top of the infobox.

I can now see how names can be added with .pi-theme-character-name, but what is the css property stuff?

As for the episode css, is character changed to episode

.portable-infobox.type-episode > :nth-child(even):not(.pi-group):not(.pi-image-collection),.portable-infobox.type-episode > .pi-group:nth-child(even) > :nth-child(odd):not(.pi-image-collection),.portable-infobox.type-episode > .pi-group:nth-child(odd) > :nth-child(even):not(.pi-image-collection),

and how does it tell ‘episode’ is the episode infobox, like is it case specific?