MediaWiki:FandomizedButtons.css

/** * Fandom Design System's looking buttons * @author user:Pirr, based on styles by user:Monochromatic Bunny and user:Szynka013 */
 * root {

--fb-border-color: transparent; --fb-hover-border-color: transparent; --fb-border-radius: 3px; --fb-font: Rubik, "Helvetica Neue", Helvetica, Arial, sans-serif; }

a.wikia-button, .wikia-single-button a, .wikia-menu-button, input[type="submit"], input[type="reset"], input[type="button"], .button, .WikiaPage button:not(.ace_searchbtn_close):not(.ace_replacebtn):not(.ace_searchbtn) { background-image: none !important; border-color: var(--fb-border-color) !important; border-radius: var(--fb-border-radius) !important; font-family: var(--fb-font) !important; font-size: 10px !important; font-weight: bold; text-transform: uppercase; line-height: 19px !important; } a.wikia-button:hover, .wikia-single-button a:hover, .wikia-menu-button:hover, .wikia-menu-button > a:hover, .wikia-menu-button > .drop:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, .button:hover, .WikiaPage button:not(.ace_searchbtn_close):not(.ace_replacebtn):not(.ace_searchbtn):hover { background-image: none !important; border-color: var(--fb-hover-border-color) !important; } a.wikia-button.active, a.wikia-button:active, .wikia-single-button a.active, .wikia-single-button a:active, .wikia-menu-button.active, .wikia-menu-button:active, input[type="submit"].active, input[type="submit"]:active, input[type="reset"].active, input[type="reset"]:active, input[type="button"].active, input[type="button"]:active, .button.active, .button:active, .WikiaPage button.active:not(.ace_searchbtn_close):not(.ace_replacebtn):not(.ace_searchbtn), .WikiaPage button:not(.ace_searchbtn_close):not(.ace_replacebtn):not(.ace_searchbtn):active { background-image: none !important; border-color: transparent; } a.wikia-button.secondary, .wikia-single-button a.secondary, .wikia-menu-button.secondary, input[type="submit"].secondary, input[type="reset"].secondary, input[type="button"].secondary, .button.secondary { background-color: transparent !important; background-image: none !important; border-color: currentColor !important; font-family: var(--fb-font); font-size: 10px; font-weight: bold; border-radius: var(--fb-border-radius) !important; color: currentColor !important; text-transform: uppercase; } a.wikia-button.secondary:hover, .wikia-single-button a.secondary:hover, .wikia-menu-button.secondary:hover, input[type="submit"].secondary:hover, input[type="reset"].secondary:hover, input[type="button"].secondary:hover, .button.secondary:hover { background-color: transparent !important; background-image: none !important; border-color: currentColor; } a.wikia-button.secondary.active, a.wikia-button.secondary:active, .wikia-single-button a.secondary.active, .wikia-single-button a.secondary:active, .wikia-menu-button.secondary.active, .wikia-menu-button.secondary:active, input[type="submit"].secondary.active, input[type="submit"].secondary:active, input[type="reset"].secondary.active, input[type="reset"].secondary:active, input[type="button"].secondary.active, input[type="button"].secondary:active, .button.secondary.active, .button.secondary:active { background-color: transparent !important; background-image: none !important; border-color: currentColor; } .EditPage .cke_button > a { background-image: none !important; border-color: transparent; text-transform: uppercase; font-size: 10px !important; font-weight: bold; border-radius: var(--fb-border-radius) !important; font-family: var(--fb-font); } .wikia-menu-button, button.wikia-button { background-image: none !important; border-color: transparent; border-radius: var(--fb-border-radius) !important; font-family: var(--fb-font); font-size: 10px; font-weight: bold; text-transform: uppercase; } .wikia-menu-button > a, .wikia-menu-button .drop { background-image: none !important; border-color: transparent; border-radius: var(--fb-border-radius); font-family: var(--fb-font); font-size: 10px; font-weight: bold; text-transform: uppercase; }