MediaWiki:Common.css/portableinfobox.css

/* General */ .theme-fandomdesktop-dark { --theme-pi-background:#3c3c3c; --theme-pi-text:#e0e0e0; --theme-pi-headingbackground:#000000; --theme-pi-headingtext:#FFFFFF; } .theme-fandomdesktop-light { --theme-pi-background:#FFFFFF; --theme-pi-text:#3c3c3c; --theme-pi-headingbackground:#e0e0e0; --theme-pi-headingtext:#000000; } .portable-infobox { border: 2px solid; color: var(--theme-pi-text); background-color: var(--theme-pi-background); width: 300px; }

.portable-infobox .pi-header { background-color: var(--theme-pi-headingbackground); color: var(--theme-pi-headingtext); text-align:center; }

.portable-infobox .pi-image img { width: 100%; height: 100%; background-color: var(--theme-pi-background); }

.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: var(--theme-border-color); }

.portable-infobox .pi-border-color { border-color: var(--theme-border-color); }

.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: var(--theme-pi-headingbackground); color: var(--theme-pi-headingtext); }

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

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

.portable-infobox .pi-data-value:first-child { flex: 1 }

/* =============== 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-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; }

/* =============== GTA IV Subway ================== */ .portable-infobox.pi-theme-subway { background-color: #35415A; border-color: white; } .portable-infobox.pi-theme-subway .pi-caption, .portable-infobox.pi-theme-subway .pi-data .pi-data-label, .portable-infobox.pi-theme-subway .pi-title, .portable-infobox.pi-theme-subway .pi-secondary-background { background-color: #172239; color: #fff;/*text color*/ } .portable-infobox.pi-theme-subway > .pi-item:first-child { margin: 0px 0px -4px 0px; padding: 10px 0px 0px 0px; border: none; background-color: #172239; color: #000; }

.portable-infobox.pi-theme-subway .pi-horizontal-group .pi-horizontal-group-item.pi-data-value { background-color: #172239; background-image: none !important; }

.portable-infobox.pi-theme-subway .pi-data-value:first-child { background-color: #172239; background-image: url(https://vignette.wikia.nocookie.net/gtawiki/images/3/38/LTARail-GTAIV-Logo2.png/revision/latest?cb=20190830155718); background-repeat: no-repeat; background-size: 30px; background-position: 98% 50%; }

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

.portable-infobox.pi-theme-subway .pi-tab-link.pi-item-spacing { background-color: #35415A; border-left-color: #35415A; border-right-color: #35415A; } .portable-infobox.pi-theme-subway .pi-tab-link.pi-item-spacing.current { background-color: #172239; border-left-color: #172239; border-right-color: #172239; }

.portable-infobox.pi-theme-subway .pi-horizontal-group-item.pi-data-value { text-align: left !important; } /* =============== Lowrider ================= */

.portable-infobox.pi-theme-mplowrider { background-color: #000; border-color: #000; }

.portable-infobox.pi-theme-mplowrider .pi-caption, .portable-infobox.pi-theme-mplowrider .pi-data .pi-data-label, .portable-infobox.pi-theme-mplowrider .pi-title, .portable-infobox.pi-theme-mplowrider .pi-secondary-background { background-color: #f0c850; color: #000000; }

.portable-infobox.pi-theme-mplowrider > .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-mplowrider > .pi-item:first-child .pi-data-value { font-size: 10px; color: #000000; margin: 0px; line-height: 10px; }

.portable-infobox.pi-theme-mplowrider > .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-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; } /* =============== Nightclubs / MP Battle ================ */ .portable-infobox.pi-theme-mpbattle { background-color: black; border-color: white; } .portable-infobox.pi-theme-mpbattle .pi-caption, .portable-infobox.pi-theme-mpbattle .pi-data .pi-data-label, .portable-infobox.pi-theme-mpbattle .pi-title, .portable-infobox.pi-theme-mpbattle .pi-secondary-background { background-color: #ff00e5; color: #FFF;/*text color*/ } .portable-infobox.pi-theme-mpbattle > .pi-item:first-child { margin: 0px 0px -4px 0px; padding: 10px 0px 0px 0px; border: none; background-color: #ff00e5; color: #FFF; } .portable-infobox.pi-theme-mpbattle > .pi-item:first-child .pi-data-value { font-size: 10px; color: #FFF;/*text color*/ margin: 0px; line-height: 10px; } .portable-infobox.pi-theme-mpbattle > .pi-item:first-child .pi-data-label { display: none; }

/* =============== Client Jobs MP Battle ================= */

.portable-infobox.pi-theme-clientjob { background-color: black; border-color: white; }

.portable-infobox.pi-theme-clientjob .pi-caption, .portable-infobox.pi-theme-clientjob .pi-data .pi-data-label, .portable-infobox.pi-theme-clientjob .pi-title, .portable-infobox.pi-theme-clientjob .pi-secondary-background { background-color: #0EB0F4; color: #000;/*text color*/ }

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

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

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

/* ========= MPXMAS2018 / Arena War ===========*/ .portable-infobox.pi-theme-mpxmas2018 { background-color: black; border-color: #FFF; background-image: url("https://vignette.wikia.nocookie.net/gtawiki/images/9/95/ArenaWar-GTAO-CPlateBlue.png/revision/latest?cb=20181219151246"); background-size: 98%; }

.portable-infobox.pi-theme-mpxmas2018 .pi-caption, .portable-infobox.pi-theme-mpxmas2018 .pi-data .pi-data-label, .portable-infobox.pi-theme-mpxmas2018 .pi-title, .portable-infobox.pi-theme-mpxmas2018 .pi-secondary-background { background-color: red; background-image: url("https://vignette.wikia.nocookie.net/gtawiki/images/e/ea/ArenaWar-GTAO-CPlateRed.png/revision/latest?cb=20181219145010"); background-size: 130%; color: #FFF;/*text color*/ }

.portable-infobox.pi-theme-mpxmas2018 > .pi-item:first-child { margin: 0px 0px -4px 0px; padding: 10px 0px 0px 0px; border: none; background-color: #8466e2; background-image: url("https://vignette.wikia.nocookie.net/gtawiki/images/e/ea/ArenaWar-GTAO-CPlateRed.png/revision/latest?cb=20181219145010"); background-size: 130%; color: #222; }

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

.portable-infobox.pi-theme-mpxmas2018 > .pi-item:first-child .pi-data-label { display: none; } /* =============== SecuroServ ================= */

.portable-infobox.pi-theme-mpimportexport { background-color: black; border-color: white; }

.portable-infobox.pi-theme-mpimportexport .pi-caption, .portable-infobox.pi-theme-mpimportexport .pi-data .pi-data-label, .portable-infobox.pi-theme-mpimportexport .pi-title, .portable-infobox.pi-theme-mpimportexport .pi-secondary-background { background-color: #bb2a2a; color: #FFF;/*text color*/ }

.portable-infobox.pi-theme-mpimportexport > .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-mpimportexport > .pi-item:first-child .pi-data-value { font-size: 10px; color: #FFF;/*text color*/ margin: 0px; line-height: 10px; }

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

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

.portable-infobox.pi-theme-StuntRace { background-color: var(--theme-pi-background); border-color: #FFF; }

.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: var(--theme-pi-background); border-color: #FFF; }

.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; }

/* =============== Target Assault Race ================= */

.portable-infobox.pi-theme-TargetAssaultRace { background-color: var(--theme-pi-background); border-color: #FFF; }

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

.portable-infobox.pi-theme-TargetAssaultRace > .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-TargetAssaultRace > .pi-item:first-child .pi-data-value { font-size: 10px; color: #FFF;/*text color*/ margin: 0px; line-height: 10px; }

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

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

.portable-infobox.pi-theme-Adversary { background-color: var(--theme-pi-background); border-color: #FFF; }

.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: #FF6335; color: #000;/*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: #FF6335; color: #FFF; }

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

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

/* =============== Survival ================= */

.portable-infobox.pi-theme-Survival { background-color: var(--theme-pi-background); }

.portable-infobox.pi-theme-Survival .pi-caption, .portable-infobox.pi-theme-Survival .pi-data .pi-data-label, .portable-infobox.pi-theme-Survival .pi-title, .portable-infobox.pi-theme-Survival .pi-secondary-background { background-color: #2d6eb9; }

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

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

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

/* =============== Survival 2019================= */

.portable-infobox.pi-theme-Survival2019 { background-color: var(--theme-pi-background); }

.portable-infobox.pi-theme-Survival2019 .pi-caption, .portable-infobox.pi-theme-Survival2019 .pi-data .pi-data-label, .portable-infobox.pi-theme-Survival2019 .pi-title, .portable-infobox.pi-theme-Survival2019 .pi-secondary-background { background-color: #ff8457; }

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

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

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

/* =============== King of the Hill ================= */

.portable-infobox.pi-theme-KingoftheHill { background-color: var(--theme-pi-background); }

.portable-infobox.pi-theme-KingoftheHill .pi-caption, .portable-infobox.pi-theme-KingoftheHill .pi-data .pi-data-label, .portable-infobox.pi-theme-KingoftheHill .pi-title, .portable-infobox.pi-theme-KingoftheHill .pi-secondary-background { background-color: #2d6eb9; }

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

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

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

/* =============== Clubhouse Contracts ================= */

.portable-infobox.pi-theme-ClubhouseContract { background-color: black; }

.portable-infobox.pi-theme-ClubhouseContract .pi-caption, .portable-infobox.pi-theme-ClubhouseContract .pi-data .pi-data-label, .portable-infobox.pi-theme-ClubhouseContract .pi-title, .portable-infobox.pi-theme-ClubhouseContract .pi-secondary-background { background-color: #a35d5d; }

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

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

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

/* =============== Biker Sell ================= */

.portable-infobox.pi-theme-BikerSell { background-color: black; }

.portable-infobox.pi-theme-BikerSell .pi-caption, .portable-infobox.pi-theme-BikerSell .pi-data .pi-data-label, .portable-infobox.pi-theme-BikerSell .pi-title, .portable-infobox.pi-theme-BikerSell .pi-secondary-background { background-color: #a35d5d; }

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

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

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

/* =============== Biker Steal ================= */

.portable-infobox.pi-theme-BikerSteal { background-color: black; }

.portable-infobox.pi-theme-BikerSteal .pi-caption, .portable-infobox.pi-theme-BikerSteal .pi-data .pi-data-label, .portable-infobox.pi-theme-BikerSteal .pi-title, .portable-infobox.pi-theme-BikerSteal .pi-secondary-background { background-color: #a35d5d; }

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

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

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

/* =============== Covert Ops ================= */

.portable-infobox.pi-theme-mpgunrunning { background-color: #222020; border-color: #54c0ec; }

.portable-infobox.pi-theme-mpgunrunning .pi-caption, .portable-infobox.pi-theme-mpgunrunning .pi-data .pi-data-label, .portable-infobox.pi-theme-mpgunrunning .pi-title, .portable-infobox.pi-theme-mpgunrunning .pi-secondary-background { background-color: #dc671d; color: #000;/*text color*/ }

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

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

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

/* =============== Smuggler's Run ================= */

.portable-infobox.pi-theme-mpsmuggler { background-color: black; border-color: white; }

.portable-infobox.pi-theme-mpsmuggler .pi-caption, .portable-infobox.pi-theme-mpsmuggler .pi-data .pi-data-label, .portable-infobox.pi-theme-mpsmuggler .pi-title, .portable-infobox.pi-theme-mpsmuggler .pi-secondary-background { background-color: #D63600; color: #FFF;/*text color*/ }

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

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

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

/* =============== GTA 1 ================= */

.portable-infobox.pi-theme-GTA1 { background-color: #000; /* text bg color*/ border-color: #FFFFFF; color: #FFF; }

.portable-infobox.pi-theme-GTA1 .pi-caption, .portable-infobox.pi-theme-GTA1 .pi-data .pi-data-label, .portable-infobox.pi-theme-GTA1 .pi-title, .portable-infobox.pi-theme-GTA1 .pi-secondary-background { background-color: #e6ac03; color: #000;/*text color*/ }

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

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

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

/* =============== Anywhere City ================= */

.portable-infobox.pi-theme-2 { background-color: #000; /* text bg color*/ border-color: #FFFFFF; color: #FFF; }

.portable-infobox.pi-theme-2 .pi-caption, .portable-infobox.pi-theme-2 .pi-data .pi-data-label, .portable-infobox.pi-theme-2 .pi-title, .portable-infobox.pi-theme-2 .pi-secondary-background { background-color: #e6e4e4; color: #000;/*text color*/ }

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

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

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

/* =============== London '69 ================= */

.portable-infobox.pi-theme-L1969 a:link {color: #e70101; border-color: #000;} .portable-infobox.pi-theme-L1969 a:visited {color: #e70101; border-color: #000;} .portable-infobox.pi-theme-L1969 a:hover {color: #e70101; border-color: #000;} .portable-infobox.pi-theme-L1969 a:active {color: #e70101; border-color: #000;}

.portable-infobox.pi-theme-L1969 { background-color: #FFF; /* text bg color*/ border-color: #e70101; color: #000; }

.portable-infobox.pi-theme-L1969 .pi-caption, .portable-infobox.pi-theme-L1969 .pi-data .pi-data-label, .portable-infobox.pi-theme-L1969 .pi-title, .portable-infobox.pi-theme-L1969 .pi-secondary-background { background-color: #1c097c; color: #FFF;/*text color*/ }

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

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

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

/* =============== London '61 ================= */

.portable-infobox.pi-theme-L1961 a:link {color: #e70101; border-color: #000;} .portable-infobox.pi-theme-L1961 a:visited {color: #e70101; border-color: #000;} .portable-infobox.pi-theme-L1961 a:hover {color: #e70101; border-color: #000;} .portable-infobox.pi-theme-L1961 a:active {color: #e70101; border-color: #000;}

.portable-infobox.pi-theme-L1961 { background-color: #FFF; /* text bg color*/ border-color: #e70101; color: #000; }

.portable-infobox.pi-theme-L1961 .pi-caption, .portable-infobox.pi-theme-L1961 .pi-data .pi-data-label, .portable-infobox.pi-theme-L1961 .pi-title, .portable-infobox.pi-theme-L1961 .pi-secondary-background { background-color: #1c097c; color: #FFF;/*text color*/ }

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

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

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

/* =============== Advance ================= */

.portable-infobox.pi-theme-A { background-color: #000; /* text bg color*/ border-color: #FFFFFF; color: #FFF; }

.portable-infobox.pi-theme-A .pi-caption, .portable-infobox.pi-theme-A .pi-data .pi-data-label, .portable-infobox.pi-theme-A .pi-title, .portable-infobox.pi-theme-A .pi-secondary-background { background-color: #20b51b; color: #FFF;/*text color*/ }

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

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

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

/* =============== Liberty ================= */

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

/*.portable-infobox.pi-theme-III a:link {color: #f84595; border-color: #000;} .portable-infobox.pi-theme-III a:visited {color: #981d58; border-color: #000;} .portable-infobox.pi-theme-III a:hover {color: #bb487e; border-color: #000;} .portable-infobox.pi-theme-III a:active {color: #85375c; border-color: #000;}*/

.portable-infobox.pi-theme-III .pi-caption, .portable-infobox.pi-theme-III .pi-data .pi-data-label, .portable-infobox.pi-theme-III .pi-title, .portable-infobox.pi-theme-III .pi-secondary-background { background-color: #cfa774; color: #000;/*text color*/ }

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

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

.portable-infobox.pi-theme-III .pi-data .pi-data-label a:link, .portable-infobox.pi-theme-III .pi-caption a:link {color: #3B3B3B;}

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

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

.portable-infobox.pi-theme-VC { background-color: #000; /* text bg color*/ border-color: #02b2d4; color: #FFF; } .portable-infobox.pi-theme-VC a:link {color: #ffa9d2; border-color: #02B2D4;} .portable-infobox.pi-theme-VC a:visited {color: #ffa9d2; border-color: #02B2D4;} .portable-infobox.pi-theme-VC a:hover {color: #ffa9d2; border-color: #02B2D4;} .portable-infobox.pi-theme-VC a:active {color: #ffa9d2; border-color: #02B2D4;}

.portable-infobox.pi-theme-VC .pi-data .pi-data-label, .portable-infobox.pi-theme-VC .pi-title, .portable-infobox.pi-theme-VC .pi-secondary-background { background-color: #bb487e; color: #fff /*text color*/ } .portable-infobox.pi-theme-VC .pi-item-spacing.pi-caption { background-color: #bb487e; color: #000; /*text color*/ }

.portable-infobox.pi-theme-VC .pi-item-spacing.pi-caption a:link {color: #42192d; border-color: #02B2D4;} .portable-infobox.pi-theme-VC .pi-item-spacing.pi-caption a:visited {color: #42192d; border-color: #02B2D4;} .portable-infobox.pi-theme-VC .pi-item-spacing.pi-caption a:hover {color: #42192d; border-color: #02B2D4;} .portable-infobox.pi-theme-VC .pi-item-spacing.pi-caption a:active {color: #42192d; border-color: #02B2D4;}

.portable-infobox.pi-theme-VC > .pi-item:first-child { margin: 0px 0px -4px 0px; padding: 10px 0px 0px 0px; border: none; background-color: #bb487e; color: #fff;/*text color*/ } .portable-infobox.pi-theme-VC > .pi-item:first-child .pi-data-value { font-size: 10px; color: #ffffff;/*text color*/ margin: 0px; line-height: 10px; } .portable-infobox.pi-theme-VC > .pi-item:first-child .pi-data-label { display: none; }

/* =============== West Coast ================= */

.portable-infobox.pi-theme-SA a:link {color: #b54242; border-color: #000;} .portable-infobox.pi-theme-SA a:visited {color: #b54242; border-color: #000;} .portable-infobox.pi-theme-SA a:hover {color: #b54242; border-color: #000;} .portable-infobox.pi-theme-SA a:active {color: #b54242; border-color: #000;}

.portable-infobox.pi-theme-SA { background-color: #000; /* text bg color*/ border-color: #960707; color: #FFF; }

.portable-infobox.pi-theme-SA .pi-caption, .portable-infobox.pi-theme-SA .pi-data .pi-data-label, .portable-infobox.pi-theme-SA .pi-title, .portable-infobox.pi-theme-SA .pi-secondary-background { background-color: #e2a152; color: #000;/*text color*/ }

.portable-infobox.pi-theme-SA > .pi-item:first-child { margin: 0px 0px -4px 0px; padding: 10px 0px 0px 0px; border: none; background-color: #e2a152; color: #6d0000; }

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

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

/* =============== Liberty Stories ================= */

.portable-infobox.pi-theme-LCS { background-color: #000; /* text bg color*/ border-color: #d5d4d4; color: #FFF; }

/*.portable-infobox.pi-theme-III a:link {color: #f84595; border-color: #000;} .portable-infobox.pi-theme-III a:visited {color: #981d58; border-color: #000;} .portable-infobox.pi-theme-III a:hover {color: #bb487e; border-color: #000;} .portable-infobox.pi-theme-III a:active {color: #85375c; border-color: #000;}*/

.portable-infobox.pi-theme-LCS .pi-caption, .portable-infobox.pi-theme-LCS .pi-data .pi-data-label, .portable-infobox.pi-theme-LCS .pi-title, .portable-infobox.pi-theme-LCS .pi-secondary-background { background-color: #ae1e20; /*   color: #000; text color*/ }

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

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

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

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

.portable-infobox.pi-theme-VCS { background-color: black; /* text bg color*/ border-color: white; color: white; } .portable-infobox.pi-theme-VCS a:link {color: white; color: #58f1ff;} .portable-infobox.pi-theme-VCS a:visited {color: white; color: #58f1ff;} .portable-infobox.pi-theme-VCS a:hover {color: white; color:#58f1ff;} .portable-infobox.pi-theme-VCS a:active {color: white; color: #58f1ff;}

.portable-infobox.pi-theme-VCS .pi-title, .portable-infobox.pi-theme-VCS .pi-caption, .portable-infobox.pi-theme-VCS .pi-data .pi-data-label, .portable-infobox.pi-theme-VCS .pi-secondary-background { background-color: #e45c95; color: white; } .portable-infobox.pi-theme-VCS > .pi-item:first-child { margin: 0px 0px -4px 0px; padding: 10px 0px 0px 0px; border: none; background-color: #e45c95; color: white; } .portable-infobox.pi-theme-VCS > .pi-item:first-child .pi-data-value { font-size: 10px; margin: 0px; line-height: 10px; color: white; } .portable-infobox.pi-theme-VCS > .pi-item:first-child .pi-data-label { display: none; color: white; }

/* =============== Liberty City HD================= */

.portable-infobox.pi-theme-IV { background-color: #000; /* text bg color*/ border-color: #FFFFFF; color: #FFF; }

.portable-infobox.pi-theme-IV .pi-caption, .portable-infobox.pi-theme-IV .pi-data .pi-data-label, .portable-infobox.pi-theme-IV .pi-title, .portable-infobox.pi-theme-IV .pi-secondary-background { background-color: #808080; color: #000;/*text color*/ }

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

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

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

/* =============== Liberty City HD TBOGT================= */

.portable-infobox.pi-theme-TBOGT { background-color: #000; /* text bg color*/ border-color: #36093C; color: #FFF; }

.portable-infobox.pi-theme-TBOGT .pi-caption, .portable-infobox.pi-theme-TBOGT .pi-data .pi-data-label, .portable-infobox.pi-theme-TBOGT .pi-title, .portable-infobox.pi-theme-TBOGT .pi-secondary-background { background-color: #983771; color: #FFF;/*text color*/ }

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

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

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

/* =============== Liberty City HD TLAD================= */

.portable-infobox.pi-theme-TLAD { background-color: #000; /* text bg color*/ border-color: #FFFFFF; color: #FFF; }

.portable-infobox.pi-theme-TLAD .pi-caption, .portable-infobox.pi-theme-TLAD .pi-data .pi-data-label, .portable-infobox.pi-theme-TLAD .pi-title, .portable-infobox.pi-theme-TLAD .pi-secondary-background { background-color: #931113; color: #FFF;/*text color*/ }

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

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

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

/* =============== Liberty City Chinatown Wars================= */

.portable-infobox.pi-theme-CW { background-color: #000; /* text bg color*/ border-color: #FFFFFF; color: #FFF; }

.portable-infobox.pi-theme-CW .pi-caption, .portable-infobox.pi-theme-CW .pi-data .pi-data-label, .portable-infobox.pi-theme-CW .pi-title, .portable-infobox.pi-theme-CW .pi-secondary-background { background-color: #d1222a; color: #FFF;/*text color*/ }

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

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

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

/* =============== Los Santos HD================= */

.portable-infobox.pi-theme-V { background-color: #000; /* text bg color*/ border-color: #FFFFFF; color: #FFF; }

.portable-infobox.pi-theme-V .pi-caption, .portable-infobox.pi-theme-V .pi-data .pi-data-label, .portable-infobox.pi-theme-V .pi-title, .portable-infobox.pi-theme-V .pi-secondary-background { background-color: #196A22; color: #FFF;/*text color*/ }

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

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

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

/* =============== GTA Online ================= */

.portable-infobox.pi-theme-O { background-color: var(--theme-pi-background); }

.portable-infobox.pi-theme-O .pi-caption, .portable-infobox.pi-theme-O .pi-data .pi-data-label, .portable-infobox.pi-theme-O .pi-title, .portable-infobox.pi-theme-O .pi-secondary-background { background-color: #2d6eb9; }

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

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

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

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

.portable-infobox.pi-theme-doomsday-heist { background-color: black; }

.portable-infobox.pi-theme-doomsday-heist .pi-caption, .portable-infobox.pi-theme-doomsday-heist .pi-data .pi-data-label, .portable-infobox.pi-theme-doomsday-heist .pi-title, .portable-infobox.pi-theme-doomsday-heist .pi-secondary-background { background-color: #009797; }

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

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

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

/* =============== Diamond Casino & Resort ================= */

.portable-infobox.pi-theme-DiamondCasino { background-color: black; }

.portable-infobox.pi-theme-DiamondCasino .pi-caption, .portable-infobox.pi-theme-DiamondCasino .pi-data .pi-data-label, .portable-infobox.pi-theme-DiamondCasino .pi-title, .portable-infobox.pi-theme-DiamondCasino .pi-secondary-background { background-color: #8e3894; }

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

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

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

/* =============== Casino Work ================= */

.portable-infobox.pi-theme-CasinoWork { background-color: black; }

.portable-infobox.pi-theme-CasinoWork .pi-caption, .portable-infobox.pi-theme-CasinoWork .pi-data .pi-data-label, .portable-infobox.pi-theme-CasinoWork .pi-title, .portable-infobox.pi-theme-CasinoWork .pi-secondary-background { background-color: #8e3894; }

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

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

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

/* =============== Diamond Casino Heist ================= */

.portable-infobox.pi-theme-CasinoHeist { background-color: #000; /* text bg color*/ border-color: #FFF; color: #FFF; }

.portable-infobox.pi-theme-CasinoHeist .pi-caption, .portable-infobox.pi-theme-CasinoHeist .pi-data .pi-data-label, .portable-infobox.pi-theme-CasinoHeist .pi-title, .portable-infobox.pi-theme-CasinoHeist .pi-secondary-background { background-color: #adafdc; color: #000;/*text color*/ }

.portable-infobox.pi-theme-CasinoHeist > .pi-item:first-child { margin: 0px 0px -4px 0px; padding: 10px 0px 0px 0px; border: none; background-color: #adafdc; color: #000;/*text color*/ }

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

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

/* =============== Cayo Perico Heist ================= */

.portable-infobox.pi-theme-CayoPericoHeist { background-color: #000; /* text bg color*/ border-color: #FFF; color: #FFF; }

.portable-infobox.pi-theme-CayoPericoHeist .pi-caption, .portable-infobox.pi-theme-CayoPericoHeist .pi-data .pi-data-label, .portable-infobox.pi-theme-CayoPericoHeist .pi-title, .portable-infobox.pi-theme-CayoPericoHeist .pi-secondary-background { background-color: #f2c166; color: #000;/*text color*/ }

.portable-infobox.pi-theme-CayoPericoHeist > .pi-item:first-child { margin: 0px 0px -4px 0px; padding: 10px 0px 0px 0px; border: none; background-color: #f2c166; color: #000;/*text color*/ }

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

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

/* =============== Los Santos Tuners Planning Work ================= */

.portable-infobox.pi-theme-PlanningWork { background-color: #000; /* text bg color*/ border-color: #FFF; color: #FFF; }

.portable-infobox.pi-theme-PlanningWork .pi-caption, .portable-infobox.pi-theme-PlanningWork .pi-data .pi-data-label, .portable-infobox.pi-theme-PlanningWork .pi-title, .portable-infobox.pi-theme-PlanningWork .pi-secondary-background { background-color: #98987B; color: #000;/*text color*/ }

.portable-infobox.pi-theme-PlanningWork > .pi-item:first-child { margin: 0px 0px -4px 0px; padding: 10px 0px 0px 0px; border: none; background-color: #98987B; color: #000;/*text color*/ }

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

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

/* =============== Los Santos Tuners Contracts ================= */

.portable-infobox.pi-theme-RobberyContract { background-color: #000; /* text bg color*/ border-color: #FFF; color: #FFF; }

.portable-infobox.pi-theme-RobberyContract .pi-caption, .portable-infobox.pi-theme-RobberyContract .pi-data .pi-data-label, .portable-infobox.pi-theme-RobberyContract .pi-title, .portable-infobox.pi-theme-RobberyContract .pi-secondary-background { background-color: #98987B; color: #000;/*text color*/ }

.portable-infobox.pi-theme-RobberyContract > .pi-item:first-child { margin: 0px 0px -4px 0px; padding: 10px 0px 0px 0px; border: none; background-color: #98987B; color: #000;/*text color*/ }

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

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

/* =============== VIP Contract ================= */

.portable-infobox.pi-theme-VIPContract { background-color: #000; /* text bg color*/ border-color: #FFF; color: #FFF; }

.portable-infobox.pi-theme-VIPContract .pi-caption, .portable-infobox.pi-theme-VIPContract .pi-data .pi-data-label, .portable-infobox.pi-theme-VIPContract .pi-title, .portable-infobox.pi-theme-VIPContract .pi-secondary-background { background-color: #406848; color: #000;/*text color*/ }

.portable-infobox.pi-theme-VIPContract > .pi-item:first-child { margin: 0px 0px -4px 0px; padding: 10px 0px 0px 0px; border: none; background-color: #406848; color: #000;/*text color*/ }

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

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

/* =============== Data Leak Investigation ================= */

.portable-infobox.pi-theme-DataLeakInvestigation { background-color: #000; /* text bg color*/ border-color: #FFF; color: #FFF; }

.portable-infobox.pi-theme-DataLeakInvestigation .pi-caption, .portable-infobox.pi-theme-DataLeakInvestigation .pi-data .pi-data-label, .portable-infobox.pi-theme-DataLeakInvestigation .pi-title, .portable-infobox.pi-theme-DataLeakInvestigation .pi-secondary-background { background-color: #406848; color: #000;/*text color*/ }

.portable-infobox.pi-theme-DataLeakInvestigation > .pi-item:first-child { margin: 0px 0px -4px 0px; padding: 10px 0px 0px 0px; border: none; background-color: #406848; color: #000;/*text color*/ }

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

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

/* =============== Security Contract ================= */

.portable-infobox.pi-theme-SecurityContract { background-color: #000; /* text bg color*/ border-color: #FFF; color: #FFF; }

.portable-infobox.pi-theme-SecurityContract .pi-caption, .portable-infobox.pi-theme-SecurityContract .pi-data .pi-data-label, .portable-infobox.pi-theme-SecurityContract .pi-title, .portable-infobox.pi-theme-SecurityContract .pi-secondary-background { background-color: #406848; color: #000;/*text color*/ }

.portable-infobox.pi-theme-SecurityContract > .pi-item:first-child { margin: 0px 0px -4px 0px; padding: 10px 0px 0px 0px; border: none; background-color: #406848; color: #000;/*text color*/ }

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

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

/* =============== Payphone Hit ================= */

.portable-infobox.pi-theme-PayphoneHit { background-color: #000; /* text bg color*/ border-color: #FFF; color: #FFF; }

.portable-infobox.pi-theme-PayphoneHit .pi-caption, .portable-infobox.pi-theme-PayphoneHit .pi-data .pi-data-label, .portable-infobox.pi-theme-PayphoneHit .pi-title, .portable-infobox.pi-theme-PayphoneHit .pi-secondary-background { background-color: #406848; color: #000;/*text color*/ }

.portable-infobox.pi-theme-PayphoneHit > .pi-item:first-child { margin: 0px 0px -4px 0px; padding: 10px 0px 0px 0px; border: none; background-color: #406848; color: #000;/*text color*/ }

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

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

/* =============== Short Trip ================= */

.portable-infobox.pi-theme-ShortTrip { background-color: #000; /* text bg color*/ border-color: #FFF; color: #FFF; }

.portable-infobox.pi-theme-ShortTrip .pi-caption, .portable-infobox.pi-theme-ShortTrip .pi-data .pi-data-label, .portable-infobox.pi-theme-ShortTrip .pi-title, .portable-infobox.pi-theme-ShortTrip .pi-secondary-background { background-color: #406848; color: #000;/*text color*/ }

.portable-infobox.pi-theme-ShortTrip > .pi-item:first-child { margin: 0px 0px -4px 0px; padding: 10px 0px 0px 0px; border: none; background-color: #406848; color: #000;/*text color*/ }

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

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

/* =============== GTAO Freemode ================= */

.portable-infobox.pi-theme-gtaofreemode { background-color: var(--theme-pi-background); }

.portable-infobox.pi-theme-gtaofreemode .pi-caption, .portable-infobox.pi-theme-gtaofreemode .pi-data .pi-data-label, .portable-infobox.pi-theme-gtaofreemode .pi-title, .portable-infobox.pi-theme-gtaofreemode .pi-secondary-background { background-color: #2d6eb9; }

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

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

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

/* =============== GTAO Land Race ================= */

.portable-infobox.pi-theme-LandRace { background-color: var(--theme-pi-background); }

.portable-infobox.pi-theme-LandRace .pi-caption, .portable-infobox.pi-theme-LandRace .pi-data .pi-data-label, .portable-infobox.pi-theme-LandRace .pi-title, .portable-infobox.pi-theme-LandRace .pi-secondary-background { background-color: #2d6eb9; }

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

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

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

/* =============== GTAO Land Race 2019 ================= */

.portable-infobox.pi-theme-LandRace2019 { background-color: var(--theme-pi-background); }

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

.portable-infobox.pi-theme-LandRace2019 > .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-LandRace2019 > .pi-item:first-child .pi-data-value { font-size: 10px; color: #FFF;/*text color*/ margin: 0px; line-height: 10px; }

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

/* =============== GTAO Street Race ================= */

.portable-infobox.pi-theme-StreetRace { background-color: var(--theme-pi-background); }

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

.portable-infobox.pi-theme-StreetRace > .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-StreetRace > .pi-item:first-child .pi-data-value { font-size: 10px; color: #FFF;/*text color*/ margin: 0px; line-height: 10px; }

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

/* =============== GTAO Pursuit Race ================= */

.portable-infobox.pi-theme-PursuitRace { background-color: var(--theme-pi-background); }

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

.portable-infobox.pi-theme-PursuitRace > .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-PursuitRace > .pi-item:first-child .pi-data-value { font-size: 10px; color: #FFF;/*text color*/ margin: 0px; line-height: 10px; }

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

/* =============== GTAO Air Race ================= */

.portable-infobox.pi-theme-AirRace { background-color: var(--theme-pi-background); }

.portable-infobox.pi-theme-AirRace .pi-caption, .portable-infobox.pi-theme-AirRace .pi-data .pi-data-label, .portable-infobox.pi-theme-AirRace .pi-title, .portable-infobox.pi-theme-AirRace .pi-secondary-background { background-color: #2d6eb9; }

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

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

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

/* =============== GTAO Sea Race ================= */

.portable-infobox.pi-theme-SeaRace { background-color: var(--theme-pi-background); }

.portable-infobox.pi-theme-SeaRace .pi-caption, .portable-infobox.pi-theme-SeaRace .pi-data .pi-data-label, .portable-infobox.pi-theme-SeaRace .pi-title, .portable-infobox.pi-theme-SeaRace .pi-secondary-background { background-color: #2d6eb9; }

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

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

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

/* =============== GTAO Bike Race ================= */

.portable-infobox.pi-theme-BikeRace { background-color: var(--theme-pi-background); }

.portable-infobox.pi-theme-BikeRace .pi-caption, .portable-infobox.pi-theme-BikeRace .pi-data .pi-data-label, .portable-infobox.pi-theme-BikeRace .pi-title, .portable-infobox.pi-theme-BikeRace .pi-secondary-background { background-color: #2d6eb9; }

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

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

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

/* =============== GTAO Bike Race 2019 ================= */

.portable-infobox.pi-theme-BikeRace2019 { background-color: var(--theme-pi-background); }

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

.portable-infobox.pi-theme-BikeRace2019 > .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-BikeRace2019 > .pi-item:first-child .pi-data-value { font-size: 10px; color: #FFF;/*text color*/ margin: 0px; line-height: 10px; }

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

/* =============== GTAO Open Wheel Race ================= */

.portable-infobox.pi-theme-OpenWheelRace { background-color: var(--theme-pi-background); }

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

.portable-infobox.pi-theme-OpenWheelRace > .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-OpenWheelRace > .pi-item:first-child .pi-data-value { font-size: 10px; color: #FFF;/*text color*/ margin: 0px; line-height: 10px; }

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

/* =============== T:Infobox_Car_Brand ================= */ .pi-theme-CarBrand { width: 130px } .pi-theme-CarBrand > .pi-data:first-child { border: 0 } .pi-theme-CarBrand > .pi-data:nth-child(-n+2) .pi-data-value { font-weight: bold; line-height: 23px; text-align: center; padding: 0 } .pi-theme-CarBrand > .pi-data:first-child .pi-data-value { font-size: 10px; text-transform: uppercase } .pi-theme-CarBrand > .pi-data:nth-child(2) .pi-data-value { font-size: 18px; padding: 0 5px 2px } .pi-theme-CarBrand > .pi-data:nth-child(2) .pi-data-value img { max-width: 120px; height: auto } .pi-theme-CarBrand > .pi-data:nth-child(-n+2) .pi-data-label { display: none } .pi-theme-CarBrand .pi-image .pi-image-thumbnail { max-width: 125px; padding: 2px } .pi-theme-CarBrand .pi-image:last-child { border-bottom: 0 }