That was a good way of explaining it, reminded me of JS where instead of having each one indivusually, you could have them stacked and they would all work so long as they were in between the 

    ]
})

Added the unhighted part for Ritsuka's infobox and that works perfectly thanks.

With these episode ones would it be:

.portable-infobox.type-episode,
.portable-infobox.type-episode .pi-title,
.portable-infobox.type-episode .pi-secondary-background {
    color: black;
    background-color: #e5e5e5;
}
.portable-infobox.type-episode > :not(:last-child),
.portable-infobox.type-episode .pi-group > :not(:last-child) {
    border-bottom: 1px solid #999999;
}
.portable-infobox.type-episode > :nth-child(even):not(.pi-group),
.portable-infobox.type-episode > .pi-group:nth-child(even) > :nth-child(odd),
.portable-infobox.type-episode > .pi-group:nth-child(odd) > :nth-child(even) {
    background-image: -webkit-linear-gradient(#e5e5e5 25%, #cccccc 75%);
    background-image: -moz-linear-gradient(#e5e5e5 25%, #cccccc 75%);
    background-image: -o-linear-gradient(#e5e5e5 25%, #cccccc 75%);
    background-image: linear-gradient(#e5e5e5 25%, #cccccc 75%);
}

It depends on how much you want to share between the two type of infoboxes. In the 2nd part of #28 I have the current generic character CSS. If you want to have an identical look for the default episode infobox, than just duplicate all the selectors and change ".type-character" to ".type-episode". If you want special formatting for the episode guide link, we probably need to add another rule for that. It would probably be best to start building a test template so we can see how things look and work from there.

That would be best, whatever the infobox template looks like, it's good to have that look as CSS applied to a portable infobox. The episode guide link would be really handy, if people choose one episode page there's a link to see all the others as well.

In edit this has most of the features to be in the portable infobox. It just needs the Episode Guide to be a link to the episodes. At the bottom where "List of Given Episodes" is on the regular non portable infobox template currently on Episode 1, that could be a link to the respective episode image gallery.

You should be able to add that using the navigation tag. Or perhaps I am misunderstanding what you are trying to ask for at the moment. By the way, since the episode infoboxes have a horizontal group, we may have to add some additional CSS so that those come out correctly.

Which is the navigation tag? The portable infobox has what would be needed in it (airdate and that), it just needs the CSS so the portable infobox has the same look as the template (though being portable will appears better across devices).

Would the CSS also need to be altered since there are arrows in it? And a different image gallery link for each episode. Like every episode would have the same episode infobox, the link at the bottom though would need to link to the appropriate image gallery though. Choosing the image gallery on episode 1 would lead to episode 1 image gallery, then on the episode 2 infobox, the image gallery link would lead to episode 2 image gallery and so forth.

Hi, added this  for Mafuyu now that there are two images in his manga infobox and so now the code is good to be applied to colour the top heading same as Ritsuka's has been. Only it didn't add and transferred the middle tabs to the left, did I miss anything? 

This is the navigation tag. From what I see, you don't yet have a field for the image gallery link. I believe this is the tag you want to use to add it.

I don't think the arrows themselves would impact the CSS. If what you mean is the fact that the labels that include the arrows are side-by-side, then yes. That is what I was referring to has the horizontal group.

What the sections link to shouldn't impact the CSS. For turning the header indo a link, try just using the normal link syntax. If that doesn't work, then you will probably have to switch to using a navigation tag instead and leave the horizontal group without a header tag. As for the image gallery, the navigation tag should be able to handle regular MediaWiki markup, including use of template parameters.

The tabs thing seems to be resolve to me. I assume you figure it out yourself?

So that is being included in the regular silver characters infobox, with characters changed to episodes and then that's everything for the Episode infobox and the same could apply to the manga ones.

Presumably the headings just took time to load if I got everything I suppose so anyway.