MediaWiki:Common.css/portableinfobox.css

/* General */

.portable-infobox { border: 2px solid; color: white; background-color: #3c3c3c; width: 300px; }

.portable-infobox .portable-infobox-image-wrapper img { width: 100%; height: auto; }

.portable-infobox .item-type-key-val:not(:last-child), .portable-infobox .item-type-image:not(:last-child), .portable-infobox .item-type-group:not(:last-child) { border-bottom: 1px solid rgb(170, 170, 170); }

.portable-infobox .portable-infobox-image-caption { font-size: 12px; font-style: normal; text-align: left; line-height: 16px; }

.portable-infobox .item-type-group .item-type-key-val .portable-infobox-item-value, .portable-infobox .item-type-key-val .portable-infobox-item-value { font-size: 12px; line-height: 18px; }

.portable-infobox .item-type-group .item-type-header, .portable-infobox .portable-infobox-image-caption, .portable-infobox .item-type-image, .portable-infobox .portable-infobox-item-label { background-color: black; color: white; }

.portable-infobox .item-type-key-val { padding: 0; }

.portable-infobox .portable-infobox-item-label, .portable-infobox .portable-infobox-item-value { padding: 5px 10px; }

.portable-infobox .portable-infobox-item-label { border-right: 1px solid rgb(170, 170, 170); margin: 0; }

.portable-infobox .item-type-header, .portable-infobox .item-type-title { border-bottom: 1px solid rgb(170, 170, 170); }

/* =============== With Subtitle ================= */

.portable-infobox .item-type-image { background-color: #696969; }

.portable-infobox-theme-gta-with-subtitle .item-type-key-val:nth-of-type(1) { margin: 0px 0px -4px 0px; padding: 10px 0px 0px 0px; border: none; }

.portable-infobox-theme-gta-with-subtitle .item-type-key-val:nth-of-type(1) .portable-infobox-item-value { font-size: 10px; margin: 0px; line-height: 10px; }

.portable-infobox-theme-gta-with-subtitle .item-type-key-val:nth-of-type(1) .portable-infobox-item-label { display: none; }

/* =============== Heist ================= */

.portable-infobox.portable-infobox-theme-gta-heist-with-subtitle { background-color: black; }

.portable-infobox-theme-gta-heist-with-subtitle .item-type-group .item-type-header, .portable-infobox-theme-gta-heist-with-subtitle .portable-infobox-item-label, .portable-infobox-theme-gta-heist-with-subtitle .item-type-title { background-color: #256628; }

.portable-infobox-theme-gta-heist-with-subtitle .item-type-key-val:nth-of-type(1) { margin: 0px 0px -4px 0px; padding: 10px 0px 0px 0px; border: none; background-color: #256628; }

.portable-infobox-theme-gta-heist-with-subtitle .item-type-key-val:nth-of-type(1) .portable-infobox-item-value { font-size: 10px; margin: 0px; line-height: 10px; }

.portable-infobox-theme-gta-heist-with-subtitle .item-type-key-val:nth-of-type(1) .portable-infobox-item-label { display: none; }

/* =============== Lowrider ================= */

.portable-infobox.portable-infobox-theme-gta-mplowrider-with-subtitle { background-color: black; border-color: #000000; }

.portable-infobox-theme-gta-mplowrider-with-subtitle .item-type-group .item-type-header, .portable-infobox-theme-gta-mplowrider-with-subtitle .portable-infobox-item-label, .portable-infobox-theme-gta-mplowrider-with-subtitle .item-type-title { background-color: #7e6b29; color: #000000; }

.portable-infobox-theme-gta-mplowrider-with-subtitle .item-type-key-val:nth-of-type(1) { margin: 0px 0px -4px 0px; padding: 10px 0px 0px 0px; border: none; background-color: #7e6b29; color: #000000; }

.portable-infobox-theme-gta-mplowrider-with-subtitle .item-type-key-val:nth-of-type(1) .portable-infobox-item-value { font-size: 10px; color: #000000; margin: 0px; line-height: 10px; }

.portable-infobox-theme-gta-mplowrider-with-subtitle .item-type-key-val:nth-of-type(1) .portable-infobox-item-label { display: none; }

/* =============== Freemode Events ================= */

.portable-infobox.portable-infobox-theme-gta-mpreplay-with-subtitle { background-color: black; border-color: #FFF; }

.portable-infobox-theme-gta-mpreplay-with-subtitle .item-type-group .item-type-header, .portable-infobox-theme-gta-mpreplay-with-subtitle .portable-infobox-item-label, .portable-infobox-theme-gta-mpreplay-with-subtitle .item-type-title { background-color: #8466e2; color: #000; /*text color */ }

.portable-infobox-theme-gta-mpreplay-with-subtitle .item-type-key-val:nth-of-type(1) { margin: 0px 0px -4px 0px; padding: 10px 0px 0px 0px; border: none; background-color: #8466e2; color: #222; }

.portable-infobox-theme-gta-mpreplay-with-subtitle .item-type-key-val:nth-of-type(1) .portable-infobox-item-value { font-size: 10px; color: #000; /*text color*/ margin: 0px; line-height: 10px; }

.portable-infobox-theme-gta-mpreplay-with-subtitle .item-type-key-val:nth-of-type(1) .portable-infobox-item-label { display: none; }

/* =============== SecuroServ ================= */

.portable-infobox.portable-infobox-theme-gta-mpimportexport-with-subtitle { background-color: black; border-color: #4a946f; }

.portable-infobox-theme-gta-mpimportexport-with-subtitle .item-type-group .item-type-header, .portable-infobox-theme-gta-mpimportexport-with-subtitle .portable-infobox-item-label, .portable-infobox-theme-gta-mpimportexport-with-subtitle .item-type-title { background-color: #bb2a2a; color: #FFF;/*text color*/ }

.portable-infobox-theme-gta-mpimportexport-with-subtitle .item-type-key-val:nth-of-type(1) { margin: 0px 0px -4px 0px; padding: 10px 0px 0px 0px; border: none; background-color: #bb2a2a; color: #000000; }

.portable-infobox-theme-gta-mpimportexport-with-subtitle .item-type-key-val:nth-of-type(1) .portable-infobox-item-value { font-size: 10px; color: #FFF;/*text color*/ margin: 0px; line-height: 10px; }

.portable-infobox-theme-gta-mpimportexport-with-subtitle .item-type-key-val:nth-of-type(1) .portable-infobox-item-label { display: none; }

/* =============== Stunt Race ================= */

.portable-infobox.portable-infobox-theme-StuntRace { background-color: #3c3c3c; /*text bg color*/ border-color: #FFF; color: #000; }

.portable-infobox-theme-StuntRace .item-type-group .item-type-header, .portable-infobox-theme-StuntRace .portable-infobox-item-label, .portable-infobox-theme-StuntRace .item-type-title { background-color: #cb3694; color: #FFF; /*text color */ }

.portable-infobox-theme-StuntRace .item-type-key-val:nth-of-type(1) { margin: 0px 0px -4px 0px; padding: 10px 0px 0px 0px; border: none; background-color: #cb3694; color: #02b2d4; }

.portable-infobox-theme-StuntRace .item-type-key-val:nth-of-type(1) .portable-infobox-item-value { font-size: 10px; color: #FFF; /*text color*/ margin: 0px; line-height: 10px; }

.portable-infobox-theme-StuntRace .item-type-key-val:nth-of-type(1) .portable-infobox-item-label { display: none; }

/* =============== Special Stunt Race ================= */

.portable-infobox.portable-infobox-theme-SpecialStuntRace { background-color: #3c3c3c; /*text bg color*/ border-color: #FFF; color: #000; }

.portable-infobox-theme-SpecialStuntRace .item-type-group .item-type-header, .portable-infobox-theme-SpecialStuntRace .portable-infobox-item-label, .portable-infobox-theme-SpecialStuntRace .item-type-title { background-color: #5d6b2d; color: #FFF; /*text color */ }

.portable-infobox-theme-SpecialStuntRace .item-type-key-val:nth-of-type(1) { margin: 0px 0px -4px 0px; padding: 10px 0px 0px 0px; border: none; background-color: #5d6b2d; color: #02b2d4; }

.portable-infobox-theme-SpecialStuntRace .item-type-key-val:nth-of-type(1) .portable-infobox-item-value { font-size: 10px; color: #FFF; /*text color*/ margin: 0px; line-height: 10px; }

.portable-infobox-theme-SpecialStuntRace .item-type-key-val:nth-of-type(1) .portable-infobox-item-label { display: none; }

/* =============== Adversary Mode ================= */

.portable-infobox.portable-infobox-theme-Adversary { background-color: #3c3c3c; /*text bg color*/ border-color: #FFF; color: #000; }

.portable-infobox-theme-Adversary .item-type-group .item-type-header, .portable-infobox-theme-Adversary .portable-infobox-item-label, .portable-infobox-theme-Adversary .item-type-title { background-color: #ff8555; color: #FFF; /*text color */ }

.portable-infobox-theme-Adversary .item-type-key-val:nth-of-type(1) { margin: 0px 0px -4px 0px; padding: 10px 0px 0px 0px; border: none; background-color: #ff8555; color: #02b2d4; }

.portable-infobox-theme-Adversary .item-type-key-val:nth-of-type(1) .portable-infobox-item-value { font-size: 10px; color: #FFF; /*text color*/ margin: 0px; line-height: 10px; }

.portable-infobox-theme-Adversary .item-type-key-val:nth-of-type(1) .portable-infobox-item-label { display: none; }

/* =============== Vice ================= */ .portable-infobox.portable-infobox-theme-VC_unusedfornow { background-color: #02b2d4; /*text bg color*/ border-color: #000; color: #000; }

.portable-infobox-theme-VC_unusedfornow a:link {color: #f84595; border-color: #000;} .portable-infobox-theme-VC_unusedfornow a:visited {color: #560a2e; border-color: #000;} .portable-infobox-theme-VC_unusedfornow a:hover {color: #bb487e; border-color: #000;} .portable-infobox-theme-VC_unusedfornow a:active {color: #85375c; border-color: #000;}

.portable-infobox-theme-VC_unusedfornow .item-type-group .item-type-header, .portable-infobox-theme-VC_unusedfornow .portable-infobox-item-label, .portable-infobox-theme-VC_unusedfornow .item-type-title { background-color: #8466e2; color: #000; /*text color */ }

.portable-infobox-theme-VC_unusedfornow .item-type-key-val:nth-of-type(1) { margin: 0px 0px -4px 0px; padding: 10px 0px 0px 0px; border: none; background-color: #dd488f; color: #02b2d4; }

.portable-infobox-theme-VC_unusedfornow .item-type-key-val:nth-of-type(1) .portable-infobox-item-value { font-size: 10px; color: #000; /*text color*/ margin: 0px; line-height: 10px; }

.portable-infobox-theme-VC_unusedfornow .item-type-key-val:nth-of-type(1) .portable-infobox-item-label { display: none; } */

/**** Preparing for the markup update - to be released in near future *****/

.portable-infobox .pi-image img { width: 100%; height: auto; background-color: #696969; }

.portable-infobox .pi-item.pi-header, .portable-infobox .pi-item.pi-image, .portable-infobox .pi-item.pi-title { border-bottom-width: 1px; border-bottom-style: solid; border-color: rgb(170, 170, 170); }

.portable-infobox .pi-border-color { border-color: rgb(170, 170, 170); }

.portable-infobox .pi-image .pi-caption { font-size: 12px; font-style: normal; text-align: left; line-height: 16px; }

.portable-infobox .pi-font, .portable-infobox .pi-secondary-font { font-size: 12px; line-height: 18px; }

.portable-infobox .pi-group .pi-secondary-background, .portable-infobox .pi-image .pi-caption, .portable-infobox .pi-image, .portable-infobox .pi-data .pi-data-label { background-color: black; color: white; }

.portable-infobox .pi-data.pi-item-spacing { padding: 0; }

.portable-infobox .pi-data-label, .portable-infobox .pi-data-value { padding: 5px 10px; }

/* =============== With Subtitle ================= */

.portable-infobox.pi-theme-gta-with-subtitle > .pi-item:first-child { margin: 0px 0px -4px 0px; padding: 10px 0px 0px 0px; border: none; }

.portable-infobox.pi-theme-gta-with-subtitle > .pi-item:first-child .pi-data-value { font-size: 10px; margin: 0px; line-height: 10px; }

.portable-infobox.pi-theme-gta-with-subtitle > .pi-item:first-child .pi-data-label { display: none; }

/* =============== Heist ================= */

.portable-infobox.pi-theme-gta-heist-with-subtitle { background-color: black; }

.portable-infobox.pi-theme-gta-heist-with-subtitle .pi-item-type-group .item-type-header, .portable-infobox.pi-theme-gta-heist-with-subtitle .pi-caption, .portable-infobox.pi-theme-gta-heist-with-subtitle .pi-data .pi-data-label, .portable-infobox.pi-theme-gta-heist-with-subtitle .pi-title, .portable-infobox.pi-theme-gta-heist-with-subtitle .pi-secondary-background { background-color: #256628; }

.portable-infobox.pi-theme-gta-heist-with-subtitle > .pi-item:first-child { margin: 0px 0px -4px 0px; padding: 10px 0px 0px 0px; border: none; background-color: #256628; }

.portable-infobox.pi-theme-gta-heist-with-subtitle > .pi-item:first-child .pi-data-value { font-size: 10px; margin: 0px; line-height: 10px; }

.portable-infobox.pi-theme-gta-heist-with-subtitle > .pi-item:first-child .pi-data-label { display: none; }

/* =============== Lowrider ================= */

.portable-infobox.pi-theme-gta-mplowrider-with-subtitle { background-color: black; border-color: #000000; }

.portable-infobox.pi-theme-gta-mplowrider-with-subtitle .pi-item-type-group .item-type-header, .portable-infobox.pi-theme-gta-mplowrider-with-subtitle .pi-caption, .portable-infobox.pi-theme-gta-mplowrider-with-subtitle .pi-data .pi-data-label, .portable-infobox.pi-theme-gta-mplowrider-with-subtitle .pi-title, .portable-infobox.pi-theme-gta-mplowrider-with-subtitle .pi-secondary-background { background-color: #f0c850; color: #000000; }

.portable-infobox.pi-theme-gta-mplowrider-with-subtitle > .pi-item:first-child { margin: 0px 0px -4px 0px; padding: 10px 0px 0px 0px; border: none; background-color: #f0c850; color: #000000; }

.portable-infobox.pi-theme-gta-mplowrider-with-subtitle > .pi-item:first-child .pi-data-value { font-size: 10px; color: #000000; margin: 0px; line-height: 10px; }

.portable-infobox.pi-theme-gta-mplowrider-with-subtitle > .pi-item:first-child .pi-data-label { display: none; }

/* =============== Freemode Events ================= */

.portable-infobox.pi-theme-gta-mpreplay-with-subtitle { background-color: black; border-color: #FFF; }

.portable-infobox.pi-theme-gta-mpreplay-with-subtitle .pi-item-type-group .item-type-header, .portable-infobox.pi-theme-gta-mpreplay-with-subtitle .pi-caption, .portable-infobox.pi-theme-gta-mpreplay-with-subtitle .pi-data .pi-data-label, .portable-infobox.pi-theme-gta-mpreplay-with-subtitle .pi-title, .portable-infobox.pi-theme-gta-mpreplay-with-subtitle .pi-secondary-background { background-color: #8466e2; color: #000;/*text color*/ }

.portable-infobox.pi-theme-gta-mpreplay-with-subtitle > .pi-item:first-child { margin: 0px 0px -4px 0px; padding: 10px 0px 0px 0px; border: none; background-color: #8466e2; color: #222; }

.portable-infobox.pi-theme-gta-mpreplay-with-subtitle > .pi-item:first-child .pi-data-value { font-size: 10px; color: #000;/*text color*/ margin: 0px; line-height: 10px; }

.portable-infobox.pi-theme-gta-mpreplay-with-subtitle > .pi-item:first-child .pi-data-label { display: none; }

/* =============== SecuroServ ================= */

.portable-infobox.pi-theme-gta-mpimportexport-with-subtitle { background-color: black; border-color: #4a946f; }

.portable-infobox.pi-theme-gta-mpimportexport-with-subtitle .pi-item-type-group .item-type-header, .portable-infobox.pi-theme-gta-mpimportexport-with-subtitle .pi-caption, .portable-infobox.pi-theme-gta-mpimportexport-with-subtitle .pi-data .pi-data-label, .portable-infobox.pi-theme-gta-mpimportexport-with-subtitle .pi-title, .portable-infobox.pi-theme-gta-mpimportexport-with-subtitle .pi-secondary-background { background-color: #bb2a2a; color: #FFF;/*text color*/ }

.portable-infobox.pi-theme-gta-mpimportexport-with-subtitle > .pi-item:first-child { margin: 0px 0px -4px 0px; padding: 10px 0px 0px 0px; border: none; background-color: #bb2a2a; color: #FFF; }

.portable-infobox.pi-theme-gta-mpimportexport-with-subtitle > .pi-item:first-child .pi-data-value { font-size: 10px; color: #FFF;/*text color*/ margin: 0px; line-height: 10px; }

.portable-infobox.pi-theme-gta-mpimportexport-with-subtitle > .pi-item:first-child .pi-data-label { display: none; }

/* =============== Stunt Race ================= */

.portable-infobox.pi-theme-StuntRace { background-color: #3c3c3c; border-color: #FFF; }

.portable-infobox.pi-theme-StuntRace .pi-item-type-group .item-type-header, .portable-infobox.pi-theme-StuntRace .pi-caption, .portable-infobox.pi-theme-StuntRace .pi-data .pi-data-label, .portable-infobox.pi-theme-StuntRace .pi-title, .portable-infobox.pi-theme-StuntRace .pi-secondary-background { background-color: #cb3694; color: #FFF;/*text color*/ }

.portable-infobox.pi-theme-StuntRace > .pi-item:first-child { margin: 0px 0px -4px 0px; padding: 10px 0px 0px 0px; border: none; background-color: #cb3694; color: #FFF; }

.portable-infobox.pi-theme-StuntRace > .pi-item:first-child .pi-data-value { font-size: 10px; color: #FFF;/*text color*/ margin: 0px; line-height: 10px; }

.portable-infobox.pi-theme-StuntRace > .pi-item:first-child .pi-data-label { display: none; }

/* =============== Special Stunt Race ================= */

.portable-infobox.pi-theme-SpecialStuntRace { background-color: #3c3c3c; border-color: #FFF; }

.portable-infobox.pi-theme-SpecialStuntRace .pi-item-type-group .item-type-header, .portable-infobox.pi-theme-SpecialStuntRace .pi-caption, .portable-infobox.pi-theme-SpecialStuntRace .pi-data .pi-data-label, .portable-infobox.pi-theme-SpecialStuntRace .pi-title, .portable-infobox.pi-theme-SpecialStuntRace .pi-secondary-background { background-color: #5d6b2d; color: #FFF;/*text color*/ }

.portable-infobox.pi-theme-SpecialStuntRace > .pi-item:first-child { margin: 0px 0px -4px 0px; padding: 10px 0px 0px 0px; border: none; background-color: #5d6b2d; color: #FFF; }

.portable-infobox.pi-theme-SpecialStuntRace > .pi-item:first-child .pi-data-value { font-size: 10px; color: #FFF;/*text color*/ margin: 0px; line-height: 10px; }

.portable-infobox.pi-theme-SpecialStuntRace > .pi-item:first-child .pi-data-label { display: none; }

/* =============== Adversary Mode ================= */

.portable-infobox.pi-theme-Adversary { background-color: #3c3c3c; border-color: #FFF; }

.portable-infobox.pi-theme-Adversary .pi-item-type-group .item-type-header, .portable-infobox.pi-theme-Adversary .pi-caption, .portable-infobox.pi-theme-Adversary .pi-data .pi-data-label, .portable-infobox.pi-theme-Adversary .pi-title, .portable-infobox.pi-theme-Adversary .pi-secondary-background { background-color: #ff8555; color: #FFF;/*text color*/ }

.portable-infobox.pi-theme-Adversary > .pi-item:first-child { margin: 0px 0px -4px 0px; padding: 10px 0px 0px 0px; border: none; background-color: #ff8555; color: #FFF; }

.portable-infobox.pi-theme-Adversary > .pi-item:first-child .pi-data-value { font-size: 10px; color: #FFF;/*text color*/ margin: 0px; line-height: 10px; }

.portable-infobox.pi-theme-Adversary > .pi-item:first-child .pi-data-label { display: none; }

/* =============== Vice ================= */

.portable-infobox.pi-theme-VC_unusedfornow { background-color: #02b2d4; /* text bg color*/ border-color: #000; color: #000; }

.portable-infobox.pi-theme-VC_unusedfornow a:link {color: #f84595; border-color: #000;} .portable-infobox.pi-theme-VC_unusedfornow a:visited {color: #560a2e; border-color: #000;} .portable-infobox.pi-theme-VC_unusedfornow a:hover {color: #bb487e; border-color: #000;} .portable-infobox.pi-theme-VC_unusedfornow a:active {color: #85375c; border-color: #000;}

.portable-infobox.pi-theme-VC_unusedfornow .pi-item-type-group .item-type-header, .portable-infobox.pi-theme-VC_unusedfornow .pi-caption, .portable-infobox.pi-theme-VC_unusedfornow .pi-data .pi-data-label, .portable-infobox.pi-theme-VC_unusedfornow .pi-title, .portable-infobox.pi-theme-VC_unusedfornow .pi-secondary-background { background-color: #dd488f; color: #000;/*text color*/ }

.portable-infobox.pi-theme-VC_unusedfornow > .pi-item:first-child { margin: 0px 0px -4px 0px; padding: 10px 0px 0px 0px; border: none; background-color: #dd488f; color: #02b2d4; }

.portable-infobox.pi-theme-VC_unusedfornow > .pi-item:first-child .pi-data-value { font-size: 10px; color: #000;/*text color*/ margin: 0px; line-height: 10px; }

.portable-infobox.pi-theme-VC_unusedfornow > .pi-item:first-child .pi-data-label { display: none; }