MediaWiki:Themes.css

/* Infobox */ /** Main **/ .portable-infobox { border-radius: 8px; border: 2px solid var(--theme-link-color); padding: 2px; background: transparent; } .portable-infobox .pi-title { background-color: var(--theme-link-color); color: #fff; border-radius: 8px 8px 0 0; line-height: 20px; text-align: center; background-image: url('https://static.wikia.nocookie.net/aestrol-walrus/images/e/e0/Great_Sage_Abstract.png/revision/latest?cb=20220603034055&format=original') !important; background-size: cover; background-position: center; font-weight: bold; } .portable-infobox .pi-header { background-color: var(--theme-link-color); color: #fff !important; font-size: 16px; font-weight: normal; text-align: center; background-image: url('https://static.wikia.nocookie.net/aestrol-walrus/images/7/7b/Great_Sage_Abstract_2.png/revision/latest?cb=20220603014358&format=original') !important; background-size: cover; background-position: center; font-weight: bold; } .portable-infobox .pi-data { flex-basis: 65%; transition: 0.2s } .theme-fandomdesktop-light .portable-infobox .pi-data:hover { background-color: #CAD6EF; } .theme-fandomdesktop-dark .portable-infobox .pi-data:hover { background-color: #071024; } .pi-border-color { border-color: var(--theme-link-color); }

/** Gallery **/ .pi-image-collection-tabs { display: flex; flex-direction: row; flex-wrap: wrap; } .pi-image-collection-tabs .pi-tab-link { border: 0; flex: 1 auto; } .pi-image-collection-tabs .pi-tab-link:hover, .pi-image-collection-tabs .current { background: var(--theme-link-color); } .pi-image-collection-tabs .current:hover { cursor: default; } .pi-image-collection-tab-content { background: transparent; } .pi-image { background: transparent; } ul.pi-image-collection-tabs { padding-bottom: 1px; }

/** Tabber **/ .portable-infobox .pi-section-navigation { display: flex; flex-direction: row; } .portable-infobox .pi-section-label, .portable-infobox .pi-section-label:hover { color: #3a3a3a !important; } .pi-section-tab { text-align: center; } .portable-infobox .wds-tabs__tab, .pi-section-tab { border: 0; flex: 1 auto; } .pi-section-tab.pi-section-tab:hover, .pi-section-tab.pi-section-active { background: var(--theme-link-color); } .portable-infobox .pi-section-navigation:after, .portable-infobox .pi-section-navigation:before { width: 0; } .pi-section-tab.pi-section-active, .pi-section-tab.pi-section-active:hover { box-shadow: none; } .pi-section-navigation li { margin: 2px 0; max-width: 50% !important; } .portable-infobox .wds-tabs__tab-label, .pi-section-label { font-size: 14px; font-weight: normal; height: 30px; text-transform: none; } ul.pi-image-collection-tabs li { margin: 0; } .pi-section-tab:hover .pi-section-label { color: #3a3a3a; } .pi-image-collection-tabs .pi-tab-link { border-top: 2px solid var(--theme-link-color); }

/* Discord Widget */ .discord-widget .widget-header { background-color: var(--theme-link-color); } .discord-widget .widget-footer { background-color: var(--theme-link-color); } .discord-widget .widget-body { background: linear-gradient(to right, rgba(000, 000, 000, 0.25), rgba(000, 000, 000, 0.25)), url(https://static.wikia.nocookie.net/tensei-shitara-slime-datta-ken/images/a/a9/Rimuru_rest.jpg/revision/latest?cb=20190313063419&format=original) top / cover; } .discord-widget .widget-member-avatar img { border: 2px solid var(--theme-link-color); background-color: var(--theme-link-color); } .discord-widget .widget-member .widget-member-name { background-color: var(--theme-link-color); } .discord-widget .widget-btn-connect { color: var(--theme-link-color) !important; background-color: #FFFFFF; border: 1px solid var(--theme-link-color); } .discord-widget .widget-btn-connect:hover { opacity: 1; background: #EEEEEE; color: var(--theme-link-color--hover) !important; border: 1px solid var(--theme-link-color); text-decoration: none; text-shadow: none; } .discord-widget .widget-role-name { color: #FFFFFF !important; background: var(--theme-link-color); background-size: 20px; padding: 5px; border-radius: 5px; } .discord-widget .widget-body::-webkit-scrollbar { width: 5px; } .discord-widget .widget-body::-webkit-scrollbar-track { background: transparent; margin: 1px 0; } .discord-widget .widget-body::-webkit-scrollbar-thumb { background: var(--theme-link-color); }

/* Page Tabs — One Piece Wiki*/ /** Margin **/ .article-tabs { margin-bottom: 10px; } .article-tabs-bottomline { border-top: 2px solid var(--theme-link-color); width: 100%; } /** List **/ .article-tabs ul { display: flex; flex-wrap: wrap; position: relative; list-style-type: none; list-style-image: none; margin: 0; padding: 0; } /** Default Style **/ .article-tabs li { margin: 0; min-width: 100px; border: 2px solid var(--theme-link-color); background-color: transparent; color: var(--theme-link-color); font-size: 15px; font-weight: bold; text-align: center; border-bottom-color: transparent; } .article-tabs li:first-child { border-top-left-radius: 8px; border-bottom-left-radius: 0px; } .article-tabs li:last-child { border-top-right-radius: 8px; border-bottom-right-radius: 0px; } /** Link **/ .article-tabs li a, .article-tabs li a.new { display: block; color: inherit !important; } .article-tabs li > .selflink, .article-tabs li > span, .article-tabs li a > span { display: block; padding: 5px 10px; } /** Active and Hover Style **/ .article-tabs .at-selected, .article-tabs li:hover { background-color: var(--theme-link-color); color: #fff; text-shadow: 0px; }

/* Activity Tabs */ .activity-tabs { border: none !important; border: 0 !important; } .activity-tabs .wds-tabs { justify-content: center; } .activity-tabs .wds-tabs a { font-size: 85%; text-align: center; text-transform: uppercase; font-weight: bold !important; color: var(--theme-link-color) !important; cursor: pointer; } .activity-tabs .wds-tabs a { text-shadow: none !important; color: inherit; }