MediaWiki:Custom-common.less/WikiaMenuButton.less

/** WikiaMenuButton.less * Style sheet for the Old wikia menu button before UCP. * Includes some formatting. * Author is unknown. * Credits go to FANDOM staff. */

a.wikia-button, .wikia-single-button a, .wikia-menu-button, input:not([class*="oo-ui"]):not([class*="wds-"]):not(.page-side-tool):not(.global-navigation input)[type="submit"], input:not(.oo-ui-inputWidget-input):not(.global-navigation input)[type="reset"], input:not(.oo-ui-inputWidget-input):not(.global-navigation input)[type="button"], .button, button:not([class*="oo-ui"]):not([class*="wds-"]):not(.page-side-tool):not(.global-navigation button) { background-color: #bb531f; background-image: -moz-linear-gradient(top, #f38047 35%, #bb531f 65%); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(35%, #f38047), color-stop(65%, #bb531f)); background-image: -o-linear-gradient(top, #f38047 35%, #bb531f 65%); background-image: -ms-linear-gradient(top, #f38047 35%, #bb531f 65%); border: 1px solid #8a3a13; border-radius: 4px; color: #fff; cursor: pointer; display: inline-block; font-family: Helvetica, Arial, sans-serif; font-size: 12px; height: 19px; line-height: 20px; margin: 0; padding: 0 10px; text-decoration: none; white-space: nowrap; }

.button, a.wikia-button, .wikia-single-button a, .wikia-menu-button, .wikia-chiclet-button { box-sizing: content-box !important; }

a.wikia-button:hover, .wikia-single-button a:hover, .wikia-menu-button:hover, input:not([class*="oo-ui"]):not([class*="wds-"]):not(.page-side-tool):not(.global-navigation input)[type="submit"]:hover, input:not([class*="oo-ui"]):not([class*="wds-"]):not(.page-side-tool):not(.global-navigation input)[type="reset"]:hover, input:not([class*="oo-ui"]):not([class*="wds-"]):not(.page-side-tool):not(.global-navigation input)[type="button"]:hover, .button:hover, button:not([class*="oo-ui"]):not([class*="wds-"]):not(.page-side-tool):not(.global-navigation button):hover { background-color: #ab4e1f; background-image: -moz-linear-gradient(top, #dc6d35 35%, #ab4e1f 65%); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(35%, #dc6d35), color-stop(65%, #ab4e1f)); background-image: -o-linear-gradient(top, #dc6d35 35%, #ab4e1f 65%); background-image: -ms-linear-gradient(top, #dc6d35 35%, #ab4e1f 65%); text-decoration: none; }

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:not([class*="oo-ui"]):not([class*="wds-"]):not(.page-side-tool):not(.global-navigation input)[type="submit"].active, input:not([class*="oo-ui"]):not([class*="wds-"]):not(.page-side-tool):not(.global-navigation input)[type="submit"]:active, input:not([class*="oo-ui"]):not([class*="wds-"]):not(.page-side-tool):not(.global-navigation input)[type="reset"].active, input:not([class*="oo-ui"]):not([class*="wds-"]):not(.page-side-tool):not(.global-navigation input)[type="reset"]:active, input:not([class*="oo-ui"]):not([class*="wds-"]):not(.page-side-tool):not(.global-navigation input)[type="button"].active, input:not([class*="oo-ui"]):not([class*="wds-"]):not(.page-side-tool):not(.global-navigation input)[type="button"]:active, .button.active, .button:active, button:not([class*="oo-ui"]):not([class*="wds-"]):not(.page-side-tool):not(.global-navigation button).active, button:not([class*="oo-ui"]):not([class*="wds-"]):not(.page-side-tool):not(.global-navigation button):active { background-image: -moz-linear-gradient(top, #ab4e1f 35%, #dc6d35 65%); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(35%, #ab4e1f), color-stop(65%, #dc6d35)); background-image: -o-linear-gradient(top, #ab4e1f 35%, #dc6d35 65%); background-image: -ms-linear-gradient(top, #ab4e1f 35%, #dc6d35 65%); color: #fff; }

a.wikia-button[disabled], .wikia-single-button a[disabled], .wikia-menu-button[disabled], input:not([class*="oo-ui"]):not([class*="wds-"]):not(.page-side-tool):not(.global-navigation input)[type="submit"][disabled], input:not([class*="oo-ui"]):not([class*="wds-"]):not(.page-side-tool):not(.global-navigation input)[type="reset"][disabled], input:not([class*="oo-ui"]):not([class*="wds-"]):not(.page-side-tool):not(.global-navigation input)[type="button"][disabled], .button[disabled], button:not([class*="oo-ui"]):not([class*="wds-"]):not(.page-side-tool):not(.global-navigation button)[disabled] { cursor: default; opacity: .5; }

a.wikia-button[disabled]:active, .wikia-single-button a[disabled]:active, .wikia-menu-button[disabled]:active, input:not([class*="oo-ui"]):not([class*="wds-"]):not(.page-side-tool):not(.global-navigation input)[type="submit"][disabled]:active, input:not([class*="oo-ui"]):not([class*="wds-"]):not(.page-side-tool):not(.global-navigation input)[type="reset"][disabled]:active, input:not([class*="oo-ui"]):not([class*="wds-"]):not(.page-side-tool):not(.global-navigation input)[type="button"][disabled]:active, .button[disabled]:active, button:not([class*="oo-ui"]):not([class*="wds-"]):not(.page-side-tool):not(.global-navigation button)[disabled]:active { background-color: #bb531f; background-image: -moz-linear-gradient(top, #f38047 35%, #bb531f 65%); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(35%, #f38047), color-stop(65%, #bb531f)); background-image: -o-linear-gradient(top, #f38047 35%, #bb531f 65%); background-image: -ms-linear-gradient(top, #f38047 35%, #bb531f 65%); }

a.wikia-button img, .wikia-single-button a img, .wikia-menu-button img, input[type="submit"] img:not([class*="oo-ui"] img):not([class*="wds-"] img):not(.page-side-tool img):not(.global-navigation img), input[type="reset"] img:not([class*="oo-ui"] img):not([class*="wds-"] img):not(.page-side-tool img):not(.global-navigation img), input[type="button"] img:not([class*="oo-ui"] img):not([class*="wds-"] img):not(.page-side-tool img):not(.global-navigation img), .button img, button img:not([class*="oo-ui"] img):not([class*="wds-"] img):not(.page-side-tool img):not(.global-navigation img) { vertical-align: text-bottom; }

a.wikia-button img.chevron, .wikia-single-button a img.chevron, .wikia-menu-button img.chevron, input[type="submit"] img.chevron:not([class*="oo-ui"] img):not([class*="wds-"] img):not(.page-side-tool img):not(.global-navigation img), input[type="reset"] img.chevron:not([class*="oo-ui"] img):not([class*="wds-"] img):not(.page-side-tool img):not(.global-navigation img), input[type="button"] img.chevron:not([class*="oo-ui"] img):not([class*="wds-"] img):not(.page-side-tool img):not(.global-navigation img), .button img.chevron, button img.chevron:not([class*="oo-ui"] img):not([class*="wds-"] img):not(.page-side-tool img):not(.global-navigation img) { margin-top: 1px; vertical-align: middle; }

a.wikia-button.secondary, .wikia-single-button a.secondary, .wikia-menu-button.secondary, input:not([class*="oo-ui"]):not([class*="wds-"]):not(.page-side-tool):not(.global-navigation input)[type="submit"].secondary, input:not([class*="oo-ui"]):not([class*="wds-"]):not(.page-side-tool):not(.global-navigation input)[type="reset"].secondary, input:not([class*="oo-ui"]):not([class*="wds-"]):not(.page-side-tool):not(.global-navigation input)[type="button"].secondary, .button.secondary, button:not([class*="oo-ui"]):not([class*="wds-"]):not(.page-side-tool):not(.global-navigation button).secondary { background-color: #e6e6e6; background-image: -moz-linear-gradient(top, white 35%, #e6e6e6 65%); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(35%, white), color-stop(65%, #e6e6e6)); background-image: -o-linear-gradient(top, white 35%, #e6e6e6 65%); background-image: -ms-linear-gradient(top, white 35%, #e6e6e6 65%); border: 1px solid #733517; color: #3a3a3a; }

a.wikia-button.secondary:hover, .wikia-single-button a.secondary:hover, .wikia-menu-button.secondary:hover, input:not([class*="oo-ui"]):not([class*="wds-"]):not(.page-side-tool):not(.global-navigation input)[type="submit"].secondary:hover, input:not([class*="oo-ui"]):not([class*="wds-"]):not(.page-side-tool):not(.global-navigation input)[type="reset"].secondary:hover, input:not([class*="oo-ui"]):not([class*="wds-"]):not(.page-side-tool):not(.global-navigation input)[type="button"].secondary:hover, .button.secondary:hover, button:not([class*="oo-ui"]):not([class*="wds-"]):not(.page-side-tool):not(.global-navigation button).secondary:hover { background-color: gainsboro; background-image: -moz-linear-gradient(top, whitesmoke 35%, gainsboro 65%); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(35%, whitesmoke), color-stop(65%, gainsboro)); background-image: -o-linear-gradient(top, whitesmoke 35%, gainsboro 65%); background-image: -ms-linear-gradient(top, whitesmoke 35%, gainsboro 65%); }

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:not([class*="oo-ui"]):not([class*="wds-"]):not(.page-side-tool):not(.global-navigation input)[type="submit"].secondary.active, input:not([class*="oo-ui"]):not([class*="wds-"]):not(.page-side-tool):not(.global-navigation input)[type="submit"].secondary:active, input:not([class*="oo-ui"]):not([class*="wds-"]):not(.page-side-tool):not(.global-navigation input)[type="reset"].secondary.active, input:not([class*="oo-ui"]):not([class*="wds-"]):not(.page-side-tool):not(.global-navigation input)[type="reset"].secondary:active, input:not([class*="oo-ui"]):not([class*="wds-"]):not(.page-side-tool):not(.global-navigation input)[type="button"].secondary.active, input:not([class*="oo-ui"]):not([class*="wds-"]):not(.page-side-tool):not(.global-navigation input)[type="button"].secondary:active, .button.secondary.active, .button.secondary:active, button.secondary:not([class*="oo-ui"]):not([class*="wds-"]):not(.page-side-tool):not(.global-navigation button).active, button.secondary:not([class*="oo-ui"]):not([class*="wds-"]):not(.page-side-tool):not(.global-navigation button):active { background-color: #e6e6e6; background-image: -moz-linear-gradient(top, gainsboro 35%, whitesmoke 65%); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(35%, gainsboro), color-stop(65%, whitesmoke)); background-image: -o-linear-gradient(top, gainsboro 35%, whitesmoke 65%); background-image: -ms-linear-gradient(top, gainsboro 35%, whitesmoke 65%); }

a.wikia-button.secondary img.chevron, .wikia-single-button a.secondary img.chevron, .wikia-menu-button.secondary img.chevron, input[type="submit"].secondary img.chevron:not([class*="oo-ui"] img):not([class*="wds-"] img):not(.page-side-tool img):not(.global-navigation img), input[type="reset"].secondary img.chevron:not([class*="oo-ui"] img):not([class*="wds-"] img):not(.page-side-tool img):not(.global-navigation img), input[type="button"].secondary img.chevron:not([class*="oo-ui"] img):not([class*="wds-"] img):not(.page-side-tool img):not(.global-navigation img), .button.secondary img.chevron, button.secondary img.chevron:not([class*="oo-ui"] img):not([class*="wds-"] img):not(.page-side-tool img):not(.global-navigation img) { border-color: #3a3a3a transparent transparent; }

a.wikia-button.big, .wikia-single-button a.big, .wikia-menu-button.big, input:not([class*="oo-ui"]):not([class*="wds-"]):not(.page-side-tool):not(.wds-button):not(.global-navigation input)[type="submit"].big, input:not([class*="oo-ui"]):not([class*="wds-"]):not(.page-side-tool):not(.global-navigation input)[type="reset"].big, input:not([class*="oo-ui"]):not([class*="wds-"]):not(.page-side-tool):not(.global-navigation input)[type="button"].big, .button.big, button:not([class*="oo-ui"]):not([class*="wds-"]):not(.page-side-tool):not(.global-navigation button).big { font-size: 18px; height: 40px; line-height: 23px; }

a.wikia-button:-moz-focusring, .wikia-single-button a:-moz-focusring, .wikia-menu-button:-moz-focusring, input:not([class*="oo-ui"]):not([class*="wds-"]):not(.page-side-tool):not(.global-navigation input)[type="submit"]:-moz-focusring, input:not([class*="oo-ui"]):not([class*="wds-"]):not(.page-side-tool):not(.global-navigation input)[type="reset"]:-moz-focusring, input:not([class*="oo-ui"]):not([class*="wds-"]):not(.page-side-tool):not(.global-navigation input)[type="button"]:-moz-focusring, .button:-moz-focusring, button:not([class*="oo-ui"]):not([class*="wds-"]):not(.page-side-tool):not(.global-navigation button):-moz-focusring { box-shadow: 0 0 1px 1px highlight; }

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

input:not([class*="oo-ui"]):not([class*="wds-"]):not(.page-side-tool):not(.global-navigation input)[type="submit"], input:not([class*="oo-ui"]):not([class*="wds-"]):not(.page-side-tool):not(.global-navigation input)[type="reset"], input:not([class*="oo-ui"]):not([class*="wds-"]):not(.page-side-tool):not(.global-navigation input)[type="button"], button:not([class*="oo-ui"]):not([class*="wds-"]):not(.page-side-tool):not(.global-navigation button) { height: 21px; }

input:not([class*="oo-ui"]):not([class*="wds-"]):not(.page-side-tool):not(.global-navigation input)[type="submit"]::-moz-focus-inner, input:not([class*="oo-ui"]):not([class*="wds-"]):not(.page-side-tool):not(.global-navigation input)[type="reset"]::-moz-focus-inner, input:not([class*="oo-ui"]):not([class*="wds-"]):not(.page-side-tool):not(.global-navigation input)[type="button"]::-moz-focus-inner, button:not([class*="oo-ui"]):not([class*="wds-"]):not(.page-side-tool):not(.global-navigation button)::-moz-focus-inner { border: 0; padding: 0; }

.wikia-menu-button { *display: inline; list-style: none; margin: 0; padding: 0; position: relative; text-align: left; }

.wikia-menu-button:hover { background-color: #bb531f; background-image: -moz-linear-gradient(top, #f38047 35%, #bb531f 65%); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(35%, #f38047), color-stop(65%, #bb531f)); background-image: -o-linear-gradient(top, #f38047 35%, #bb531f 65%); background-image: -ms-linear-gradient(top, #f38047 35%, #bb531f 65%); }

.wikia-menu-button a:hover { text-decoration: none; }

.wikia-menu-button>a, .wikia-menu-button .drop, .wikia-menu-button>li>a { display: inline-block; }

.wikia-menu-button>a:hover, .wikia-menu-button .drop:hover, .wikia-menu-button>li>a:hover { background-color: #ab4e1f; background-image: -moz-linear-gradient(top, #dc6d35 35%, #ab4e1f 65%); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(35%, #dc6d35), color-stop(65%, #ab4e1f)); background-image: -o-linear-gradient(top, #dc6d35 35%, #ab4e1f 65%); background-image: -ms-linear-gradient(top, #dc6d35 35%, #ab4e1f 65%); }

.wikia-menu-button>a:active, .wikia-menu-button .drop:active, .wikia-menu-button>li>a:active { background-image: -moz-linear-gradient(top, #ab4e1f 35%, #dc6d35 65%); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(35%, #ab4e1f), color-stop(65%, #dc6d35)); background-image: -o-linear-gradient(top, #ab4e1f 35%, #dc6d35 65%); background-image: -ms-linear-gradient(top, #ab4e1f 35%, #dc6d35 65%); color: #fff; }

.wikia-menu-button>a, .wikia-menu-button>li>a { border-bottom-left-radius: 4px; border-right: 1px solid #8c929a; border-top-left-radius: 4px; color: #fff; padding: 0 8px 0 5px; }

.wikia-menu-button .drop { border-bottom-right-radius: 4px; border-top-right-radius: 4px; margin-left: -3px; padding-left: 5px; }

.wikia-menu-button ul { background: #ffffff; border: 1px solid #733517; display: none; left: -1px; list-style: none; margin: 0; position: absolute; top: 19px; z-index: 100; box-shadow: 1px 2px 12px 0 #333333; }

.wikia-menu-button ul a { color: #3a3a3a; display: block; padding: 9px 9px 7px; }

.wikia-menu-button ul a:hover { background-color: #d9dbdd; }

.wikia-menu-button ul li { border-top: 1px solid #cccccc; line-height: normal; }

.wikia-menu-button ul li:first-child { border: 0; }

.wikia-menu-button .WikiaMenuElement { margin: 0; }

.wikia-menu-button .icon, .wikia-menu-button img { vertical-align: text-bottom; }

.wikia-menu-button .chevron { border-top-color: #fff; margin: 0 7px 0 1px; }

.wikia-menu-button.active { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }

.wikia-menu-button.active ul { display: block; }

.wikia-menu-button.secondary { border: 1px solid #cccccc; *display: inline; list-style: none; margin: 0; position: relative; text-align: left; }

.wikia-menu-button.secondary:hover { background-color: #e6e6e6; background-image: -moz-linear-gradient(top, white 35%, #e6e6e6 65%); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(35%, white), color-stop(65%, #e6e6e6)); background-image: -o-linear-gradient(top, white 35%, #e6e6e6 65%); background-image: -ms-linear-gradient(top, white 35%, #e6e6e6 65%); }

.wikia-menu-button.secondary.combined { padding-left: 4px; }

.wikia-menu-button.secondary.combined:hover { background-color: gainsboro; background-image: -moz-linear-gradient(top, whitesmoke 35%, gainsboro 65%); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(35%, whitesmoke), color-stop(65%, gainsboro)); background-image: -o-linear-gradient(top, whitesmoke 35%, gainsboro 65%); background-image: -ms-linear-gradient(top, whitesmoke 35%, gainsboro 65%); }

.wikia-menu-button.secondary.combined .drop:hover { background: transparent; }

.wikia-menu-button.secondary>a, .wikia-menu-button.secondary .drop, .wikia-menu-button.secondary>li>a { color: #3a3a3a; margin-top: -2px; }

.wikia-menu-button.secondary>a:hover, .wikia-menu-button.secondary .drop:hover, .wikia-menu-button.secondary>li>a:hover { background-color: gainsboro; background-image: -moz-linear-gradient(top, whitesmoke 35%, gainsboro 65%); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(35%, whitesmoke), color-stop(65%, gainsboro)); background-image: -o-linear-gradient(top, whitesmoke 35%, gainsboro 65%); background-image: -ms-linear-gradient(top, whitesmoke 35%, gainsboro 65%); }

.wikia-menu-button.secondary>a:active, .wikia-menu-button.secondary .drop:active, .wikia-menu-button.secondary>li>a:active { background-color: #e6e6e6; background-image: -moz-linear-gradient(top, gainsboro 35%, whitesmoke 65%); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(35%, gainsboro), color-stop(65%, whitesmoke)); background-image: -o-linear-gradient(top, gainsboro 35%, whitesmoke 65%); background-image: -ms-linear-gradient(top, gainsboro 35%, whitesmoke 65%); }

.wikia-menu-button.secondary>a { border-right: 1px solid #cccccc; }

.wikia-menu-button.secondary ul { background: #ffffff; border: 2px solid #cccccc; display: none; left: -1px; list-style: none; margin: 0; position: absolute; top: 19px; z-index: 100; }

.wikia-menu-button.secondary ul a { color: #3a3a3a; display: block }

.wikia-menu-button.secondary ul a:hover { background-color: #d9dbdd !important; }

.wikia-menu-button.secondary ul li { border-top: 1px solid #cccccc; line-height: normal; }

.wikia-menu-button.secondary ul li:first-child { border: 0; }

.wikia-menu-button.secondary.active { border-bottom-left-radius: 0; border-bottom-right-radius: 0 }

.wikia-menu-button.secondary.active ul { display: block }