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)[type="submit"], input:not(.oo-ui-inputWidget-input)[type="reset"], input:not(.oo-ui-inputWidget-input)[type="button"], .button, button:not([class*="oo-ui"]):not([class*="wds-"]):not(.page-side-tool) { 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 { box-sizing: content-box; }

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)[type="submit"]:hover, input:not([class*="oo-ui"]):not([class*="wds-"]):not(.page-side-tool)[type="reset"]:hover, input:not([class*="oo-ui"]):not([class*="wds-"]):not(.page-side-tool)[type="button"]:hover, .button:hover, button:not([class*="oo-ui"]):not([class*="wds-"]):not(.page-side-tool):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)[type="submit"].active, input:not([class*="oo-ui"]):not([class*="wds-"]):not(.page-side-tool)[type="submit"]:active, input:not([class*="oo-ui"]):not([class*="wds-"]):not(.page-side-tool)[type="reset"].active, input:not([class*="oo-ui"]):not([class*="wds-"]):not(.page-side-tool)[type="reset"]:active, input:not([class*="oo-ui"]):not([class*="wds-"]):not(.page-side-tool)[type="button"].active, input:not([class*="oo-ui"]):not([class*="wds-"]):not(.page-side-tool)[type="button"]:active, .button.active, .button:active, button:not([class*="oo-ui"]):not([class*="wds-"]):not(.page-side-tool).active, button:not([class*="oo-ui"]):not([class*="wds-"]):not(.page-side-tool):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)[type="submit"][disabled], input:not([class*="oo-ui"]):not([class*="wds-"]):not(.page-side-tool)[type="reset"][disabled], input:not([class*="oo-ui"]):not([class*="wds-"]):not(.page-side-tool)[type="button"][disabled], .button[disabled], button:not([class*="oo-ui"]):not([class*="wds-"]):not(.page-side-tool)[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)[type="submit"][disabled]:active, input:not([class*="oo-ui"]):not([class*="wds-"]):not(.page-side-tool)[type="reset"][disabled]:active, input:not([class*="oo-ui"]):not([class*="wds-"]):not(.page-side-tool)[type="button"][disabled]:active, .button[disabled]:active, button:not([class*="oo-ui"]):not([class*="wds-"]):not(.page-side-tool)[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:not([class*="oo-ui"]):not([class*="wds-"]):not(.page-side-tool)[type="submit"] img, input:not([class*="oo-ui"]):not([class*="wds-"]):not(.page-side-tool)[type="reset"] img, input:not([class*="oo-ui"]):not([class*="wds-"]):not(.page-side-tool)[type="button"] img, .button img, button:not([class*="oo-ui"]):not([class*="wds-"]):not(.page-side-tool) img { vertical-align: text-bottom }

a.wikia-button img.chevron, .wikia-single-button a img.chevron, .wikia-menu-button img.chevron, input:not([class*="oo-ui"]):not([class*="wds-"]):not(.page-side-tool)[type="submit"] img.chevron, input:not([class*="oo-ui"]):not([class*="wds-"]):not(.page-side-tool)[type="reset"] img.chevron, input:not([class*="oo-ui"]):not([class*="wds-"]):not(.page-side-tool)[type="button"] img.chevron, .button img.chevron, button:not([class*="oo-ui"]):not([class*="wds-"]):not(.page-side-tool) img.chevron { 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)[type="submit"].secondary, input:not([class*="oo-ui"]):not([class*="wds-"]):not(.page-side-tool)[type="reset"].secondary, input:not([class*="oo-ui"]):not([class*="wds-"]):not(.page-side-tool)[type="button"].secondary, .button.secondary, button:not([class*="oo-ui"]):not([class*="wds-"]):not(.page-side-tool).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)[type="submit"].secondary:hover, input:not([class*="oo-ui"]):not([class*="wds-"]):not(.page-side-tool)[type="reset"].secondary:hover, input:not([class*="oo-ui"]):not([class*="wds-"]):not(.page-side-tool)[type="button"].secondary:hover, .button.secondary:hover, 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)[type="submit"].secondary.active, input:not([class*="oo-ui"]):not([class*="wds-"]):not(.page-side-tool)[type="submit"].secondary:active, input:not([class*="oo-ui"]):not([class*="wds-"]):not(.page-side-tool)[type="reset"].secondary.active, input:not([class*="oo-ui"]):not([class*="wds-"]):not(.page-side-tool)[type="reset"].secondary:active, input:not([class*="oo-ui"]):not([class*="wds-"]):not(.page-side-tool)[type="button"].secondary.active, input:not([class*="oo-ui"]):not([class*="wds-"]):not(.page-side-tool)[type="button"].secondary:active, .button.secondary.active, .button.secondary:active, button.secondary.active, button.secondary: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:not([class*="oo-ui"]):not([class*="wds-"]):not(.page-side-tool)[type="submit"].secondary img.chevron, input:not([class*="oo-ui"]):not([class*="wds-"]):not(.page-side-tool)[type="reset"].secondary img.chevron, input:not([class*="oo-ui"]):not([class*="wds-"]):not(.page-side-tool)[type="button"].secondary img.chevron, .button.secondary img.chevron, button.secondary img.chevron { 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)[type="submit"]:not(.wds-button).big, input:not([class*="oo-ui"]):not([class*="wds-"]):not(.page-side-tool)[type="reset"].big, input:not([class*="oo-ui"]):not([class*="wds-"]):not(.page-side-tool)[type="button"].big, .button.big, button:not([class*="oo-ui"]):not([class*="wds-"]):not(.page-side-tool).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)[type="submit"]:-moz-focusring, input:not([class*="oo-ui"]):not([class*="wds-"]):not(.page-side-tool)[type="reset"]:-moz-focusring, input:not([class*="oo-ui"]):not([class*="wds-"]):not(.page-side-tool)[type="button"]:-moz-focusring, .button:-moz-focusring, button:not([class*="oo-ui"]):not([class*="wds-"]):not(.page-side-tool):-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)[type="submit"], input:not([class*="oo-ui"]):not([class*="wds-"]):not(.page-side-tool)[type="reset"], input:not([class*="oo-ui"]):not([class*="wds-"]):not(.page-side-tool)[type="button"], button:not([class*="oo-ui"]):not([class*="wds-"]):not(.page-side-tool) { height: 21px }

input:not([class*="oo-ui"]):not([class*="wds-"]):not(.page-side-tool)[type="submit"]::-moz-focus-inner, input:not([class*="oo-ui"]):not([class*="wds-"]):not(.page-side-tool)[type="reset"]::-moz-focus-inner, input:not([class*="oo-ui"]):not([class*="wds-"]):not(.page-side-tool)[type="button"]::-moz-focus-inner, button:not([class*="oo-ui"]):not([class*="wds-"]):not(.page-side-tool)::-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 }