MediaWiki:ModernButtons.css

/*** ModernButtons
 * Version 1 by HM100
 * Makes buttons 100% consistent to Fandom Design System with enchancements

a:not(.wds-button).wikia-button, .wikia-single-button a:not(.wds-button), .wikia-menu-button, input[type='submit']:not(.wds-button), input[type='reset']:not(.wds-button), input[type='button']:not(.wds-button), .button, button:not(.wds-button):not(.wds-button):not(.wds-sign-out__button) { -webkit-appearance:none; -moz-appearance:button; background-image:none!important; font-size:12px; /* For IE10 */ display:-ms-flexbox; -ms-flex-align:center; -ms-flex-pack:center; /* For older Safari and Chrome */ display:-webkit-inline-flex; -webkit-align-items:center; -webkit-justify-content:center; /* For Chrome, Firefox, IE11, Edge and Newer Safari */ display:inline-flex; align-items:center; justify-content:center; transition:0.2s; padding:7px 18px; border:0; box-sizing:content-box; min-width:19px; min-height:19px; height:19px; font-weight:600; text-transform:uppercase; letter-spacing:0.15px; outline:0; border-radius:3px; }

a:not(.wds-button).wikia-button.secondary, [class*="button secondary"], input[class*="secondary"]:not(.wds-button), button[class*="secondary"]:not(.wds-button):not(.wds-sign-out__button), .wikia-menu-button.secondary > a, .wikia-menu-button.secondary > li > a, .secondary:not(.combined) .drop { background:none; border:1px solid currentColor; }

.wikia-menu-button.secondary:not(.combined) { border:0!important; }

a:not(.wds-button).wikia-button.secondary:hover, [class*="button secondary"]:hover, input[class*="secondary"]:not(.wds-button):hover, button[class*="secondary"]:not(.wds-button):not(.wds-sign-out__button):hover, .wikia-menu-button.secondary > a:hover, .wikia-menu-button.secondary > li > a:hover, .secondary:not(.combined) .drop:hover { background:none!important; }

.wikia-menu-button > a, .wikia-menu-button > li > a { padding:7px 12px; border-left:0; border-top:0; border-bottom:0; background-image:none!important; height:19px; transition:0.2s; font-size:12px; /* For IE10 */ display:-ms-flexbox; -ms-flex-align:center; -ms-flex-pack:center; /* For older Safari and Chrome */ display:-webkit-inline-flex; -webkit-align-items:center; -webkit-justify-content:center; /* For Chrome, Firefox, IE11, Edge and Newer Safari */ display:inline-flex; align-items:center; justify-content:center; }

.wikia-menu-button.combined, .wikia-menu-button.secondary.combined { border:1px solid; padding:7px 18px; z-index:10000; }

.wikia-menu-button:not(.combined):not(.secondary) { padding-left:0; padding-right:0; }

.wikia-menu-button:not(.combined) .drop { margin-left:0; padding:8px 18px 6px; background-image:none!important; transition:0.2s; /* For IE10 */ display:-ms-flexbox; -ms-flex-align:center; -ms-flex-pack:center; /* For older Safari and Chrome */ display:-webkit-inline-flex; -webkit-align-items:center; -webkit-justify-content:center; /* For Chrome, Firefox, IE11, Edge and Newer Safari */ display:inline-flex; align-items:center; justify-content:center; height:19px; border-radius:0 3px 3px 0; }

.wikia-menu-button.combined .drop { /* For IE10 */ display:-ms-flexbox; -ms-flex-align:center; -ms-flex-pack:center; /* For older Safari and Chrome */ display:-webkit-inline-flex; -webkit-align-items:center; -webkit-justify-content:center; /* For Chrome, Firefox, IE11, Edge and Newer Safari */ display:inline-flex; align-items:center; justify-content:center; height:19px; position:relative; top:2px; left:2px; border:0!important; }

.wikia-menu-button-submit input[type=submit] { width:100%; border-radius:3px 0 0 3px; padding-left:12px; padding-right:12px; }

.wikia-menu-button ul, .wikia-menu-button.secondary ul { text-transform:none; font-weight:400; letter-spacing:normal; font-size:12px; top:33px; }

.wikia-menu-button.secondary ul { }

.wikia-menu-button.secondary > a, .wikia-menu-button.secondary .drop, .wikia-menu-button.secondary > li > a { margin-top:0; margin-left:-1px; border-radius:0; }

.wikia-menu-button.secondary > a:first-child:not(:only-child), .wikia-menu-button.secondary > li > a:first-child:not(:only-child) { border-radius:0 3px 3px 0; }

.wikia-menu-button.secondary .drop { margin-top:0; margin-left:-1px; border-radius:3px 0 0 3px; }

.wikia-menu-button:not(.combined).secondary { padding:7px 0px; }

.EditPage .module_page_controls .control-button.even { margin-right:-10px; }

.wikia-menu-button .drop img.chevron { margin:0 1px; }

.wikia-menu-button.active .drop img.chevron { -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -o-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg); margin-top:-9px; }