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; 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;page background-position: center; font-weight: bold; border-radius: 8px 8px 0 0; } .portable-infobox .pi-header { background-color: var(--theme-link-color); color: #fff; 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: 60%; } .pi-border-color { border-color: var(--theme-link-color); }a

/** Gallery **/ .portable-infobox .wds-tabs__tab, .pi-section-tab { flex: 1 auto; text-align: center; height: 40px; font-weight: 500; color: var(--theme-link-color); font-size: 80%; cursor: pointer; } .portable-infobox .wds-tabs__tab.wds-is-current .wds-tabs__tab-label.wds-is-current, .pi-section-tab { border: 0; cursor: default; } .portable-infobox .wds-tabs__tab:not(.wds-is-current) .wds-tabs__tab-label:not(.wds-is-current), .pi-section-tab { color: var(--theme-page-text-color); font-weight: 400; }

/* Page Tabs — One Piece Wiki */ .article-tabs { margin-bottom: 10px; } .article-tabs div { margin: auto; } .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 **/ .article-tabs li { margin: 0; min-width: 150px; max-width: auto; border: 2px solid var(--theme-link-color); background-color: var(--theme-link-color); color: #fff; font-size: 15px; font-weight: bold; text-align: center; border-bottom-color: transparent; margin: 0 0.08em; } .article-tabs li:first-child { border-top-left-radius: 12px; border-bottom-left-radius: 0px; margin-left: auto; } .article-tabs li:last-child { border-top-right-radius: 12px; border-bottom-right-radius: 0px; margin-right: auto; }

/** 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: transparent; color: var(--theme-link-color); text-shadow: 0px; }

/** SubTab **/ .article-tabs .article-tabs { display: none; /* initially hidden */ position: absolute;

} .article-tabs .article-tabs ul { min-width: 150px; max-width: auto; }

/*** tabs style ***/ .article-tabs .article-tabs li { border-radius: 0; background-color: transparent; color: var(--theme-link-color); border: none; } .article-tabs .article-tabs li:hover { background-color: var(--theme-link-color); color: #fff; } .article-tabs .article-tabs li:first-child { margin-left: 0; } .article-tabs .article-tabs li:last-child { margin-right: 0; }

/*** active tab style ***/ .article-tabs .at-selected .article-tabs { display: table; left: 0; background-color: var(--theme-link-color); color: #fff; }

/*** show on hover ***/ .article-tabs li:not(.at-selected):hover > .article-tabs { display: table; z-index: 1; }

/*** hover style ***/ .article-tabs li:not(.at-selected):hover > .article-tabs ul { min-width: 150px; max-width: auto; flex-direction: column; left: -2.5px; }

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

.activity-tabs a:nth-child(4) .wds-tabs a:nth-child(4), .activity-tabs a:nth-child(5) .wds-tabs a:nth-child(5) { display: none; }