Mentoring requests House Of Cards Wiki

What is your username? The lovely "TheOneFootTallBrickWall"

Are you an admin on the wiki you are asking about? Yes.

Please link to the wiki (or the specific templates or pages you want help with) here:

What would you like help with (e.g. styling or making an infobox or page portable)? making infoboxes portable.

Any other information (e.g. links, screenshots, or snippets): No.

In order to ensure you can implement and maintain a Mentoring solution, how would you classify your technical (in CSS, Templates, and Infoboxes) skill level (or those of whomever will be maintaining your Templates)? like 0/5 for everything but css for which I am a 2.5/5.


Hi! I’m not a Vanguard, but I did take the liberty of converting your most popular infobox into the PI markup as well as writing CSS to make sure it looks identical to the old infobox. Before & after shots are below, if you’d like to use my converted version & the accompanying CSS then I would be happy to post it for you & walk you through installing it if you wish.

UrsuulWallVanguardDate9:42 PM Monday, July 10, 2017 (UTC)

Per Slack request, the CSS is below:

.portable-infobox.pi-theme-character.pi-background {
    color: #D5D4D4;
    background-color: #000000;
    border: 1px solid #333333;
    width: 250px;
.portable-infobox.pi-theme-character .pi-group .pi-item-spacing {
    padding: 3px 0px;
.portable-infobox.pi-theme-character .pi-group .pi-item-spacing .pi-data-value {
    padding: 0;
.portable-infobox.pi-theme-character .pi-item-spacing {
    padding: 3px 8px;
.portable-infobox.pi-theme-character .pi-title {
    color: #D5D4D4;
    background-color: #000000;
    font-size: 15px;
    padding-top: 3px;
    padding-bottom: 3px;
.portable-infobox.pi-theme-character .pi-image-thumbnail {
    height: auto;
    width: 97%;
.portable-infobox.pi-theme-character .pi-data-label {
    font-weight: normal;
    -ms-flex-preferred-size: 110px;
    -webkit-flex-basis: 110px;
    -moz-flex-basis: 110px;
    flex-basis: 110px;
.portable-infobox.pi-theme-character .pi-font,
.portable-infobox.pi-theme-character .pi-secondary-font {
    font-size: 14px;
.portable-infobox.pi-theme-character .pi-group {
    border-bottom: 1px solid #666;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
.portable-infobox.pi-theme-character .pi-navigation {
    text-align: center;

You can place it within MediaWiki:Wikia.css if you wish you use it. To install the portable infobox itself, just copy Template:Character infobox HoC over Template:Sidebar/character on House of Cards. If you want any other converted infoboxes to use that theme, then you can use <infobox theme="character"> at the top, although it may yield somewhat unusual results since some of your other templates are quite different than Sidebar/character. I’d be happy to write separate CSS for any other templates you had in order to avoid such a thing, or to convert any others into the PI format. Good luck!
UrsuulWallVanguardDate7:01 PM Wednesday, July 12, 2017 (UTC)