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

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

/*********************    Template:Tabs *********************/ /* General styles */ /** margins **/ .article-tabs { margin-bottom: 5px; }	/** list **/ .article-tabs ul { display: flex; flex-wrap: wrap; position: relative; list-style-type: none; list-style-image: none; margin: 0; padding: 0; }	/** tab default style **/ .article-tabs li { margin: 0; min-width: 100px; border: 1px solid var(--theme-text-color1); border-radius: 8px 8px 0 0; background-color: var(--colorscheme-bg, var(--theme-bg-color1)); color: var(--colorscheme-txt, var(--theme-text-color1)); font-size: 15px; font-weight: bold; text-align: center; }	/** links cover the whole tab **/ .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 tab style **/ .article-tabs .at-selected, .article-tabs li:hover { background-color: var(--colorscheme-txt, var(--theme-bg-color3)); color: var(--colorscheme-bg, var(--theme-text-color3)); }

/* Second level tabs */ /** default placement **/ .article-tabs .article-tabs { display: none;			/* initially hidden */ position: absolute;

} .article-tabs .article-tabs ul { width: 858px; }	/** tabs style **/ .article-tabs .article-tabs li { border-radius: 0; }	/** active tab style **/ .article-tabs .at-selected .article-tabs { display: table; left: 0; }	/** 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: 200px; width: auto; flex-direction: column; left: -2px; }

/* Adjacent tabs style (not nested) */ .article-tabs + .article-tabs li { margin-top: -5px; border-radius: 0 0 8px 8px; }

/* Page Tabs — One Piece Wiki .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 **/ .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; }

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

} .article-tabs .article-tabs ul { width: 858px; } /*** tabs style ***/ .article-tabs .article-tabs li { border-radius: 0; } /*** active tab style ***/ .article-tabs .at-selected .article-tabs { display: table; left: 0; } /*** 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: 200px; width: auto; flex-direction: column; left: -2px; } /* 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; }