MediaWiki:Infobox.css

/* Message Box */ .mbox { display: flex; background-color: inherit; background-image: linear-gradient(to right, rgba(132,29,89,0.3), rgba(132,29,89,0)); border-radius: 8px; border-left-width: 8px; border-style: 1px solid #ffc500; border-left-color: #ffc500; margin-right: 0.6em; padding: 0 8px; } .theme-fandomdesktop-light .mbox { box-shadow: 0 0 12px rgba(0,0,0,0.5); } .theme-fandomdesktop-dark .mbox { box-shadow: 0 0 12px rgba(250,235,215,0.5); } /* Navbox styles */ .navbox { width: 92%; margin: 1.2em auto; padding: 0.3em 0.6em; background: rgba(132,29,89,0.2); background-image: radial-gradient(rgba(132,29,89,0.3), rgba(132,29,89,0.2), rgba(102,51,153,0.1)); border: 1px solid #ffc500; border-radius: 8px; font-size: 90%; text-align: center; } .theme-fandomdesktop-light .navbox { box-shadow: 2px 2px 10px rgba(0,0,0,0.7); } .theme-fandomdesktop-dark .navbox { box-shadow: 0 0 10px rgba(250,235,215,0.7); }

/* Grokbox styles */ .theme-fandomdesktop-light .grokbox { margin: 0.6em; padding: 8px; background: rgba(255,127,80,0.2); border: 1px solid #ffc500; border-radius:8px; box-shadow: 0 0 10px rgba(0,0,0,0.5); } .theme-fandomdesktop-dark .grokbox { margin: 0.6em; padding: 8px; background: rgba(7,11,54,0.2); border: 1px solid #ffc500; border-radius:8px; box-shadow: 0 0 10px rgba(250,235,215,0.5); }

/* Portable Infoboxes */ /* turning off hyphen truncation */ .portable-infobox .pi-navigation, .portable-infobox .pi-header, .portable-infobox .pi-caption, .portable-infobox .pi-data-value, .portable-infobox .pi-data-label { -webkit-hyphens:none; -moz-hyphens:none; -epub-hyphens:none; -ms-hyphens:none; hyphens:none; } .portable-infobox { float: right; width: 22em; background-color: inherit; background-image: radial-gradient(rgba(102,51,153,0.5), rgba(102,51,153,0.3), rgba(102,51,153,0.1)); border-radius: 24px 24px 24px 24px; border: 2px solid #ffc500; overflow: hidden; padding-top: 0.3em; margin-right: 0.6em; } .portable-infobox.type-Game { padding-top: 0; } .theme-fandomdesktop-light .portable-infobox { box-shadow: 2px 2px 10px rgba(0,0,0,0.7); } .theme-fandomdesktop-dark .portable-infobox { box-shadow: 0 0 10px rgba(250,235,215,0.7); } .portable-infobox .pi-item, .portable-infobox .pi-group, .portable-infobox .pi-smart-group, .portable-infobox .pi-smart-group-item, .portable-infobox .pi-horizontal-group, .portable-infobox .pi-horizontal-group-item { border: none; }

.portable-infobox .pi-title { color: #ffffff; text-align: center; text-transform: capitalize; text-shadow: -1px -1px 2px #000, 1px -1px 2px #000, -1px 1px 2px #000, 1px 1px 2px #000; }

.pi-image-thumbnail { padding: 0; width: 100%; height: 100%; } .portable-infobox.type-Padded .pi-image-thumbnail { padding: 0.6em; width: auto; height: auto; } .portable-infobox.type-Character .pi-image-thumbnail { padding: 0; width: 42%; height: auto; } .portable-infobox.type-Character .pi-image { background: url("https://static.wikia.nocookie.net/fortheking_gamepedia/images/0/0e/InfoboxCardback-frost.png"); background-size: 100% 100%; } .portable-infobox.type-Stat .pi-image-thumbnail { padding: 0.6em; width: auto; height: auto; } .portable-infobox.type-Stat .pi-image { background: url("https://static.wikia.nocookie.net/fortheking_gamepedia/images/0/0e/InfoboxCardback-frost.png"); background-size: 100% 100%; } .portable-infobox.type-Skill .pi-image-thumbnail { padding: 0.6em; width: auto; height: auto; } .portable-infobox.type-Skill .pi-image { background: url("https://static.wikia.nocookie.net/fortheking_gamepedia/images/3/30/InfoboxCardback-flash.png"); background-size: 100% 100%; } .theme-fandomdesktop-light .portable-infobox .pi-header, .theme-fandomdesktop-light .portable-infobox h2 { background: url("https://static.wikia.nocookie.net/fortheking_gamepedia/images/1/11/HeaderBanner_Infobox_red.png"); background-color: #ff7f50; } .theme-fandomdesktop-dark .portable-infobox .pi-header, .theme-fandomdesktop-dark .portable-infobox h2 { background: url("https://static.wikia.nocookie.net/fortheking_gamepedia/images/b/b9/HeaderBanner_Infobox.png"); background-color: #070b36; } .pi-horizontal-group .pi-horizontal-group-item { border-left: none; border-right: none; }

.pi-header, .pi-horizontal-group .pi-header { color: #ffffff; text-align: center; text-transform: capitalize; text-shadow: -1px -1px 2px #000, 1px -1px 2px #000, -1px 1px 2px #000, 1px 1px 2px #000; }

.portable-infobox .pi-panel .wds-tabs__wrapper { margin-bottom: 8px; } .portable-infobox .pi-panel .wds-tabs__wrapper .wds-tabs { background: transparent; padding: 2px 0; text-align: center; margin: 0 0 -10px 0; flex-wrap: wrap; justify-content: center; } .portable-infobox .pi-item-spacing { padding: 8px 10px; } .portable-infobox .pi-data-label { flex-basis: 125px; } .portable-infobox .pi-data-value ul { list-style-position: outside; margin-left: 18px; } .pi-image-collection-tab-content { background-color: rgba(9,71,113,0.5); } ul.pi-image-collection-tabs { margin: 0; } ul.pi-image-collection-tabs li { border: 1px solid transparent; } ul.pi-image-collection-tabs li.current { background: rgba(15,88,129,0.5); } .pi-collapse .pi-header:first-child:after { border-color: inherit; } .pi-data-value div > ul { margin: .4em 0 .5em; } /* Removes extraneous bottom-border from infoboxes */ .portable-infobox .pi-data { border-bottom: 0; }

/* Enlarge image thumbnails in infoboxes on hover .pi-image-thumbnail:hover { position:absolute; top:250px; right:8%; width:auto; height:auto; display:block; z-index:999; } */

/* Infobox themes */ /* Rarities */ /* Common */ .pi-theme-common { background-image: radial-gradient(rgba(166,151,140,0.6), rgba(166,151,140,0.4), rgba(166,151,140,0.1)); }/* Uncommon */ .pi-theme-uncommon { background-image: radial-gradient(rgba(108,172,252,0.6), rgba(108,172,252,0.4), rgba(108,172,252,0.1)); }/* Rare */ .pi-theme-rare { background-image: radial-gradient(rgba(197,127,251,0.6), rgba(197,127,251,0.4), rgba(197,127,251,0.1)); }/* Artifact */ .pi-theme-artifact { background-image: radial-gradient(rgba(246,99,98,0.6), rgba(246,99,98,0.4), rgba(246,99,98,0.1)); }/* Quest */ .pi-theme-quest { background-image: radial-gradient(rgba(166,205,151,0.6), rgba(166,205,151,0.4), rgba(166,205,151,0.1)); } /* Characters */ /* Astronomer */ .pi-theme-astronomer { background-image: radial-gradient(rgba(139,0,139,0.5), rgba(139,0,139,0.3), rgba(139,0,139,0.1)); } /* Blacksmith */ .pi-theme-blacksmith { background-image: radial-gradient(rgba(70,130,180,0.5), rgba(70,130,180,0.3), rgba(70,130,180,0.1)); } /* Busker */ .pi-theme-busker { background-image: radial-gradient(rgba(189,183,107,0.5), rgba(189,183,107,0.3), rgba(189,183,107,0.1)); } /* Gladiator */ .pi-theme-gladiator { background-image: radial-gradient(rgba(255,140,0,0.5), rgba(255,140,0,0.3), rgba(255,140,0,0.1)); } /* Herbalist */ .pi-theme-herbalist { background-image: radial-gradient(rgba(124,252,0,0.5), rgba(124,252,0,0.3), rgba(124,252,0,0.1)); } /* Hobo */ .pi-theme-hobo { background-image: radial-gradient(rgba(128,128,128,0.5), rgba(128,128,128,0.3), rgba(128,128,128,0.1)); } /* Hunter */ .pi-theme-hunter { background-image: radial-gradient(rgba(34,139,34,0.5), rgba(34,139,34,0.3), rgba(34,139,34,0.1)); } /* Minstrel */ .pi-theme-minstrel { background-image: radial-gradient(rgba(255,105,180,0.5), rgba(255,105,180,0.3), rgba(255,105,180,0.1)); } /* Monk */ .pi-theme-monk { background-image: radial-gradient(rgba(0,255,127,0.5), rgba(0,255,127,0.3), rgba(0,255,127,0.1)); } /* Scholar */ .pi-theme-scholar { background-image: radial-gradient(rgba(0,206,209,0.5), rgba(0,206,209,0.3), rgba(0,206,209,0.1)); } /* Trapper */ .pi-theme-trapper { background-image: radial-gradient(rgba(178,34,34,0.5), rgba(178,34,34,0.3), rgba(178,34,34,0.1)); } /* Treasure Hunter */ .pi-theme-treasurehunter { background-image: radial-gradient(rgba(255,20,147,0.5), rgba(255,20,147,0.3), rgba(255,20,147,0.1)); } /* Woodcutter */ .pi-theme-woodcutter { background-image: radial-gradient(rgba(128,128,0,0.5), rgba(128,128,0,0.3), rgba(128,128,0,0.1)); }

/* Border box */ .borderbox { margin: 0.6em; margin-right: 0.3em; border: 10px solid transparent; padding: 1em; padding-bottom: 0; border-image: url("https://static.wikia.nocookie.net/fortheking_gamepedia/images/d/dd/BorderBox.png"); border-image-slice: 3% fill; } .theme-fandomdesktop-light .borderbox { box-shadow: 0 0 6px rgba(0,0,0,0.5); } .theme-fandomdesktop-dark .borderbox { box-shadow: 0 0 6px rgba(250,235,215,0.5); }