diff --git a/skin.json b/skin.json index 48f3a504..35e5d726 100644 --- a/skin.json +++ b/skin.json @@ -193,6 +193,7 @@ "+ext.popups.main": "skinStyles/ext.popups.main.less", "+ext.relatedArticles.cards": "skinStyles/ext.relatedArticles.cards.less", "+ext.relatedArticles.readMore": "skinStyles/ext.relatedArticles.readMore.less", + "+ext.Tabber": "skinStyles/ext.Tabber.less", "+ext.translate": "skinStyles/ext.translate.less", "+ext.translate.editor": "skinStyles/ext.translate.editor.less", "+ext.translate.loader": "skinStyles/ext.translate.loader.less", diff --git a/skinStyles/ext.Tabber.less b/skinStyles/ext.Tabber.less new file mode 100644 index 00000000..5d8d4d98 --- /dev/null +++ b/skinStyles/ext.Tabber.less @@ -0,0 +1,54 @@ +/* + * Citizen - Tabber Styles + * https://starcitizen.tools +*/ + +@import '../resources/variables.less'; + +.tabber { + ul.tabbernav { + padding: 0; + border: 0; + display: flex; + overflow: auto; + font-size: inherit; + font-weight: 400; + font-family: inherit; + + li { + padding: 0; + display: block; + + &:first-child a { + padding-left: 0; + } + + &.tabberactive a { + color: @accent-50; + pointer-events: none; + } + + a { + margin: 0; + padding: @margin-side / 2; + display: block; + border: 0; + background: 0 !important; // To override hover styles + color: @base-50; + + &:hover { + border: 0; + } + } + } + } + + .tabbertab { + padding: 0; + border: 0; + } +} + +.mw-body-content #mw-content-text .mw-parser-output .tabber .tabbernav a:hover { + color: @base-30 !important; // Override sigh +} \ No newline at end of file