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) { background-image:none!important; font-size:10px; /* 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 12px; border:0; box-sizing:content-box; min-width:19px; min-height:19px; height:19px; font-weight:600; text-transform:uppercase; border-radius:0!important; letter-spacing:0.15px; outline:0; }

.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; border-radius:0; transition:0.2s; font-size:10px; /* 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:0; padding:7px 12px; }

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

.wikia-menu-button:not(.combined) .drop { margin-left:0; padding:8px 12px 6px; border-radius:0; 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; }


 * not(.combined).wikia-menu-button.secondary {

padding-left:12px; padding-right:12px; }

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

.wikia-menu-button-submit input[type=submit] { width:100%; }

.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 > a, .wikia-menu-button.secondary .drop, .wikia-menu-button.secondary > li > a { margin-top:0; }

.wikia-menu-button:not(.combined).secondary { padding:7px 15px; margin-left:-10px; border:0; } .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; }