MediaWiki:Infobox.css

/* Message Box */ .mbox { display: flex; background-color: rgba(132,29,89,0.2); border-radius: 8px; border-left-width: 8px; border-style: 1px solid #ffc500; border-left-color: #ffdb51; 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(255,197,0,0.5); } /* Navbox styles */ .navbox { margin: 0.6em; padding: 0.2em; background: rgba(101,8,73,0.2); 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(255,197,0,0.7); }

/* Grokbox styles */ .theme-fandomdesktop-light .grokbox { margin: 0.6em; padding: 8px; background: rgba(49,28,79,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(49,28,79,0.2); border: 1px solid #ffc500; border-radius:8px; box-shadow: 0 0 10px rgba(255,197,0,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: rgba(132,29,89,0.2); border-radius: 32px 8px 8px 8px; border: 1px 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(255,197,0,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; } .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-top: 0.6em; width: auto; height: 100%; } .portable-infobox.type-Stat .pi-image-thumbnail { padding: 0.6em; width: auto; height: auto; } .portable-infobox.type-Skill .pi-image-thumbnail { padding: 0.6em; width: auto; height: auto; } .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: #650849; } .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: #650849; } .pi-horizontal-group .pi-horizontal-group-item { border-left: none; border-right: none; } .pi-title, .pi-header, .pi-horizontal-group .pi-header { text-align: center; text-transform: capitalize; text-shadow: -1px -1px 2px #214, 1px -1px 2px #214, -1px 1px 2px #214, 1px 1px 2px #214; } .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; }

/* 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 */ /* Astronomer */ .pi-theme-astronomer { background: rgba(139,0,139,0.2); } /* Blacksmith */ .pi-theme-blacksmith { background: rgba(70,130,180,0.2); } /* Busker */ .pi-theme-busker { background: rgba(189,183,107,0.2); } /* Gladiator */ .pi-theme-gladiator { background: rgba(255,140,0,0.2); } /* Herbalist */ .pi-theme-herbalist { background: rgba(124,252,0,0.2); } /* Hobo */ .pi-theme-hobo { background: rgba(128,128,128,0.2); } /* Hunter */ .pi-theme-hunter { background: rgba(34,139,34,0.2); } /* Minstrel */ .pi-theme-minstrel { background: rgba(255,105,180,0.2); } /* Monk */ .pi-theme-monk { background: rgba(0,255,127,0.2); } /* Scholar */ .pi-theme-scholar { background: rgba(0,206,209,0.2); } /* Trapper */ .pi-theme-trapper { background: rgba(178,34,34,0.2); } /* Treasure Hunter */ .pi-theme-treasurehunter { background: rgba(255,20,147,0.2); } /* Woodcutter */ .pi-theme-woodcutter { background: rgba(128,128,0,0.2); }