MediaWiki:Gadget-WDS Buttons.css

/* MAIN BUTTONS */
.wikia-menu-button:not(.secondary),
.wikia-menu-button:not(.secondary) > a,
.wikia-menu-button:not(.secondary) .drop,
.wikia-menu-button:not(.secondary) > li > a {
    text-shadow: none !important;
    border-color: #333333 !important;
    color: #FFFFFF !important;
    width: auto;
    -ms-flex-align: center;
    align-items: center;
    border-style: solid;
    border-width: 1px;
    box-sizing: content-box;
    height: 30px !important;
    cursor: pointer;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 10px !important;
    font-weight: 600 !important;
    -ms-flex-pack: center;
    justify-content: center;
    letter-spacing: .15px;
    line-height: 1.3em;
    outline: 0;
    text-decoration: none;
    text-transform: uppercase;
    transition-duration: .3s;
    transition-property: all;
    vertical-align: top;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}

.wds-button:not(.wds-is-secondary),
.wikia-menu-button:not(.secondary),
.wikia-menu-button:not(.secondary) > a,
.wikia-menu-button:not(.secondary) .drop,
.wikia-menu-button:not(.secondary) > li > a {
    background: #0088AA !important;
    border-color: #333333 !important;
    background-color: #0088AA !important;
    background: var(--primary) !important;
    background-color: var(--primary) !important;
}

.wds-button:not(.wds-is-secondary):hover,
.wikia-menu-button:not(.secondary) > a:hover,
.wikia-menu-button:not(.secondary) .drop:hover,
.wikia-menu-button:not(.secondary) > li > a:hover,
.wikia-menu-button:not(.secondary):hover {
    color: #FFFFFF !important;
    border-color: #333333 !important;
    background: #11cfff !important;
    background-color: #11cfff !important;
    background: var(--primary-light) !important;
    background-color: var(--primary-light) !important;
}
 
.wikia-menu-button:not(.secondary) > a,
.wikia-menu-button:not(.secondary) > li > a {
    padding-right: 10px;
    border-right: none;
}

.wikia-menu-button:not(.secondary) .drop {
    padding-left: 9px;
}

.wikia-menu-button ul li {
    border: 0;
}/**/

/* Primary (Blue) Buttons */
.wikia-single-button a:not(.secondary),
input[type="submit"]:not(.wds-button):not(.secondary),
input[type="reset"]:not(.secondary),
input[type="button"]:not(.secondary),
.button:not(.secondary),
.wikia-button:not(.secondary),
button:not(.secondary) {
    text-shadow: none !important;
    background: none !important;
    background-color: transparent !important;
    border-color: #44C4FF !important;
    color: #44C4FF !important;
    width: auto;
    -ms-flex-align: center;
    align-items: center;
    border-style: solid;
    border-width: 1px;
    box-sizing: content-box;
    height: 30px !important;
    cursor: pointer;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 10px !important;
    font-weight: 600 !important;
    -ms-flex-pack: center;
    justify-content: center;
    letter-spacing: .15px;
    line-height: 1.3em;
    outline: 0;
    text-decoration: none;
    text-transform: uppercase;
    transition-duration: .3s;
    transition-property: all;
    vertical-align: top;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}

.wikia-single-button a:not(.secondary):not(.WikiaMenuElement):hover,
input[type="submit"]:not(.wds-button):not(.secondary):not(.WikiaMenuElement):hover,
input[type="reset"]:not(.secondary):not(.WikiaMenuElement):hover,
input[type="button"]:not(.secondary):not(.WikiaMenuElement):hover,
.button:not(.secondary):not(.WikiaMenuElement):hover,
.wikia-button:not(.secondary):not(.WikiaMenuElement):hover,
button:not(.secondary):not(.WikiaMenuElement):hover {
    filter: opacity(75%);
}/**/

/* Secondary grey Buttons */
a.wikia-button.secondary,
.wikia-single-button a.secondary,
.wikia-menu-button.secondary,
input[type="submit"]:not(.wds-button).secondary,
input[type="reset"].secondary,
input[type="button"].secondary,
.button.secondary,
button.secondary {
    text-shadow: none !important;
    background: none !important;
    background-color: transparent !important;
    border-color: #D5D4D4 !important;
    color: #D5D4D4 !important;
    width: auto;
    -ms-flex-align: center;
    align-items: center;
    border-style: solid;
    border-width: 1px;
    box-sizing: content-box;
    height: 30px !important;
    cursor: pointer;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 10px !important;
    font-weight: 600 !important;
    -ms-flex-pack: center;
    justify-content: center;
    letter-spacing: .15px;
    line-height: 1.3em;
    outline: 0;
    text-decoration: none;
    text-transform: uppercase;
    transition-duration: .3s;
    transition-property: all;
    vertical-align: top;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}

a.wikia-button.secondary:hover,
.wikia-single-button a.secondary:hover,
.wikia-menu-button.secondary:hover,
input[type="submit"]:not(.wds-button).secondary:hover,
input[type="reset"].secondary:hover,
input[type="button"].secondary:hover,
.button.secondary:hover,
button.secondary:hover {
    background: none !important;
    border-color: #A3A0A0 !important;
    color: #A3A0A0 !important;
}/**/

/* "More" Button & Chevrons */
.wikia-menu-button .drop {
    margin: 0;
}

.wikia-menu-button .drop,
.wikia-menu-button > a,
.wikia-menu-button > li > a {
    border: none;
}

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

.wikia-menu-button .chevron {
    margin-right: 10px;
}

a.wikia-button img.chevron,
.wikia-single-button a img.chevron,
.wikia-menu-button img.chevron,
input[type="submit"]:not(.wds-button) img.chevron,
input[type="reset"] img.chevron,
input[type="button"] img.chevron,
.button img.chevron,
button img.chevron,
a.wikia-button.secondary img.chevron,
.wikia-single-button a.secondary img.chevron,
.wikia-menu-button.secondary img.chevron,
input[type="submit"]:not(.wds-button).secondary img.chevron,
input[type="reset"].secondary img.chevron,
input[type="button"].secondary img.chevron,
.button.secondary img.chevron,
button.secondary img.chevron {
    margin-top: 6px;
    vertical-align: middle;
}/**/

/* Dropdowns */
.wds-community-header .wds-dropdown__content .wds-list.wds-is-linked .wds-dropdown-level-3 .wds-dropdown-level-3__content,
.wds-community-header .wds-dropdown__content .wds-list.wds-is-linked .wds-dropdown-level-2 .wds-dropdown-level-2__content,
.WikiaMenuElement,
.Wall ul.comments > li.message ul.WikiaMenuElement > li > a,
.wds-is-not-scrollable.wds-dropdown__content {
    font-size: 10px !important;
    font-weight: 600 !important;
}

.wikia-menu-button ul{
    font-size: 10px !important;
    font-weight: 600 !important;
    top: 30px;
    z-index: 100;
}

.wikia-menu-button.secondary ul {
    font-size: 10px !important;
    font-weight: 600 !important;
    top: 33px;
    z-index: 100;
}

ul.WikiaMenuElement {
    background-color: #474747;
    color: #D5D4D4;
    border: 1px solid #5C5C5C;
    border-radius: 4px;
    padding: 7px 9px;
    letter-spacing: normal;
    text-transform: none;
    right: 0 !important;
    box-sizing: border-box !important;
    left: unset;
}

ul.WikiaMenuElement a{
    margin: 0;
    font-size: 14px !important;
    line-height: 36px !important;
    font-weight: 400 !important;
    height: 36px !important;
    box-sizing: border-box;
    padding: 0 9px !important;
}

ul.WikiaMenuElement > li > a:hover {
    background-color: rgba(68, 196, 255, 0.1);
    color: #44C4FF;
    box-shadow:none;
}

ul.WikiaMenuElement li:hover {
    background-color: rgba(0, 0, 0, 0) !important;
}

ul.WikiaMenuElement::after {
    border-bottom-color: #474747;
}

ul.WikiaMenuElement::after, 
ul.WikiaMenuElement::before {
    display: block !important;
}

ul.WikiaMenuElement::after {
    border: 8px solid transparent;
    border-bottom-color: #474747;
    right: 6px;
    top: -15px;
    content: "";
    display: none;
    height: 0;
    pointer-events: none;
    position: absolute;
    width: 0;
    z-index: 2;
}/**/

/* Header Search Buttons */
.wds-button:disabled,
.wds-global-navigation.wds-search-is-active .wds-global-navigation__search-submit {
    background-color: #00b7e0 !important;
    color: #fff !important;
    border: none !important;
    height: 28px;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.wds-global-navigation.wds-search-is-active .wds-global-navigation__search-close {
    height: 28px;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}/**/

/**************************** Miscellaneous ****************************/
/* .skin-oasis .sprite.gear
.skin-oasis .sprite.blog
.skin-oasis .sprite.lock
.skin-oasis .sprite.edit-pencil */

/* Sprite Adustments */
.skin-oasis .WikiaSiteWrapper .sprite.edit-pencil,
.skin-oasis .WikiaSiteWrapper .sprite.lock,
.skin-oasis .WikiaSiteWrapper .sprite.blog,
.skin-oasis .WikiaSiteWrapper .sprite.gear {
    height: 16px;
    width: 16px;
    overflow: visible;
    background-position: center;
    background-size: 16px;
}
 
.skin-oasis .wikia-menu-button .sprite {
    margin: 5px;
}
 
.skin-oasis .wikia-button .sprite {
    margin-right: 5px;
}

.skin-oasis .WikiaArticle .editsection {
    margin-left: 5px;
}

.skin-oasis .WikiaArticle .editsection .sprite {
    margin-right: 8px;
}/**/

/* Edit Pencil */
.skin-oasis .sprite.edit-pencil {
    background-size: 20px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSI0OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTMgMTcuMjVWMjFoMy43NUwxNy44MSA5Ljk0bC0zLjc1LTMuNzVMMyAxNy4yNXpNMjAuNzEgNy4wNGMuMzktLjM5LjM5LTEuMDIgMC0xLjQxbC0yLjM0LTIuMzRjLS4zOS0uMzktMS4wMi0uMzktMS40MSAwbC0xLjgzIDEuODMgMy43NSAzLjc1IDEuODMtMS44M3oiLz4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPjwvc3ZnPg==);
}/**/

/* Padlock */
.skin-oasis .sprite.lock {
    background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSI0OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPiAgICA8cGF0aCBkPSJNMTggOGgtMVY2YzAtMi43Ni0yLjI0LTUtNS01UzcgMy4yNCA3IDZ2Mkg2Yy0xLjEgMC0yIC45LTIgMnYxMGMwIDEuMS45IDIgMiAyaDEyYzEuMSAwIDItLjkgMi0yVjEwYzAtMS4xLS45LTItMi0yem0tNiA5Yy0xLjEgMC0yLS45LTItMnMuOS0yIDItMiAyIC45IDIgMi0uOSAyLTIgMnptMy4xLTlIOC45VjZjMC0xLjcxIDEuMzktMy4xIDMuMS0zLjEgMS43MSAwIDMuMSAxLjM5IDMuMSAzLjF2MnoiLz48L3N2Zz4=) !important;
}/**/

/* Gears */
.skin-oasis .sprite.gear {
    background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSI0OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPiAgICA8cGF0aCBkPSJNMTkuNDMgMTIuOThjLjA0LS4zMi4wNy0uNjQuMDctLjk4cy0uMDMtLjY2LS4wNy0uOThsMi4xMS0xLjY1Yy4xOS0uMTUuMjQtLjQyLjEyLS42NGwtMi0zLjQ2Yy0uMTItLjIyLS4zOS0uMy0uNjEtLjIybC0yLjQ5IDFjLS41Mi0uNC0xLjA4LS43My0xLjY5LS45OGwtLjM4LTIuNjVDMTQuNDYgMi4xOCAxNC4yNSAyIDE0IDJoLTRjLS4yNSAwLS40Ni4xOC0uNDkuNDJsLS4zOCAyLjY1Yy0uNjEuMjUtMS4xNy41OS0xLjY5Ljk4bC0yLjQ5LTFjLS4yMy0uMDktLjQ5IDAtLjYxLjIybC0yIDMuNDZjLS4xMy4yMi0uMDcuNDkuMTIuNjRsMi4xMSAxLjY1Yy0uMDQuMzItLjA3LjY1LS4wNy45OHMuMDMuNjYuMDcuOThsLTIuMTEgMS42NWMtLjE5LjE1LS4yNC40Mi0uMTIuNjRsMiAzLjQ2Yy4xMi4yMi4zOS4zLjYxLjIybDIuNDktMWMuNTIuNCAxLjA4LjczIDEuNjkuOThsLjM4IDIuNjVjLjAzLjI0LjI0LjQyLjQ5LjQyaDRjLjI1IDAgLjQ2LS4xOC40OS0uNDJsLjM4LTIuNjVjLjYxLS4yNSAxLjE3LS41OSAxLjY5LS45OGwyLjQ5IDFjLjIzLjA5LjQ5IDAgLjYxLS4yMmwyLTMuNDZjLjEyLS4yMi4wNy0uNDktLjEyLS42NGwtMi4xMS0xLjY1ek0xMiAxNS41Yy0xLjkzIDAtMy41LTEuNTctMy41LTMuNXMxLjU3LTMuNSAzLjUtMy41IDMuNSAxLjU3IDMuNSAzLjUtMS41NyAzLjUtMy41IDMuNXoiLz48L3N2Zz4=) !important;
}/**/

/* Blog */
.skin-oasis .sprite.blog {
    height: 20px !important;
    width: 20px !important;
    background-size: 20px !important;
    background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSI0OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTE5IDEzaC02djZoLTJ2LTZINXYtMmg2VjVoMnY2aDZ2MnoiLz4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPjwvc3ZnPg==) !important;
}/**/

/* New Blog? */
.WikiaBlogListingBox .wikia-button {
    text-shadow: none !important;
    background: var(--primary) !important;
    background-color: var(--primary) !important;
    border-color: #333333 !important;
    color: #FFFFFF !important;
    width: auto;
    -ms-flex-align: center;
    align-items: center;
    border-style: solid;
    border-width: 1px;
    box-sizing: content-box;
    height: 30px !important;
    cursor: default;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 10px !important;
    font-weight: 600 !important;
    -ms-flex-pack: center;
    justify-content: center;
    letter-spacing: .15px;
    line-height: 1.3em;
    outline: 0;
    text-decoration: none;
    text-transform: uppercase;
    transition-duration: .3s;
    transition-property: all;
    vertical-align: top;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    padding-right: 10px;
    display: none;/* DISABLE IF NEEDED */
}/**/

/* Sign Out */
.wds-is-linked .wds-sign-out__button {
    color: #000000 !important;
    border: none !important;
    text-transform: none !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1em !important;
    box-sizing: border-box !important;
    display: block !important;
    padding: 11px 9px !important;
    width: 100% !important;
    height: 2.5em !important;
}/**/

/* Background Clear */
.wikia-menu-button.secondary > a:hover,
.wikia-menu-button.secondary .drop:hover,
.wikia-menu-button.secondary > li > a:hover,
.EditPage .module_page_controls .wikia-menu-button > a,
.wikia-menu-button.secondary.control-button,
.wikia-menu-button.secondary.control-button:hover {
    background: none !important;
    background-color: transparent !important;
}/**/

/* Preview/Publish Spacing */
.wikia-menu-button.secondary.control-button {
    margin-right: 5px;
}/**/

/* Mediawiki edits */
.EditPage .module_page_controls .wikia-menu-button .codepage-publish-button,
.EditPage .module_page_controls .wikia-menu-button .codepage-publish-button:hover {
    border: none !important;
    color: #FFFFFF !important;
    padding-right: 20px;
    padding-left: 20px;
}/**/

/* Source Mode edits */
.codeeditor #EditPageToolbar.ace-editor-wide,
.editpage-sourcewidemode.mode-source.editpage-sourcewidemode-on .EditPageToolbar {
    height: 50px;
}/**/

/* Thread button and GO! tweaks and Medal buttons and Find and Replace Buttons */
#findfielddiv input[type="button"],
.MedalSetMenu button,
input[type="submit"][value="Go"]:not(.wds-button):not(.secondary),
.SpeechBubble .buttons .secondary{
    height: 24px !important;
}

.SpeechBubble .buttons .secondary ul {
    font-size: 10px !important;
    font-weight: 600 !important;
    top: 25px;
    z-index: 100;
}

input[type="submit"][value="Go"]:not(.wds-button):not(.secondary) {
    vertical-align: middle;
}/**/

/* Modal corrections */
.modal > footer{
    padding-bottom: 45px !important;
}

.modalWrapper{
    height: auto !important;
    padding-bottom: 0 !important;
}

.UserForm.CustomForm {
    border-bottom: 1px solid #808080 !important;
}

.UserForm.CustomForm > button[onclick="$(this).parents('.CustomForm').remove()"],
.modalWrapper .close {
    border: none !important;
}/**/

/* Some neatness in the Special: CreateBlogListingPage */
.formBlock {
    padding-top: 5px;
    padding-bottom: 5px;
}/**/

/* Main Page padding fixes */
.WikiaSiteWrapper > .WikiaPage {
    padding-bottom: 15px !important;
}/**/

/* Add User/Medal Form in Project: Medals */
.MedalSetMenu h2 button {
    position: absolute;
    right: 35px;
    top: 121px;
}

.MedalSetMenu h2 {
    padding: 10px !important;
}

.MedalForm.CustomForm button {
    border: none;
}/**/

/* Chat box edits */
.Write input[type="submit"] {
    display: none !important;
}/**/

/* Threads fix */
.Wall .SpeechBubble .buttons .secondary ul.WikiaMenuElement > li > a {
    font-size: 0.75rem !important;/* necessary */
    font-weight: 500 !important;/* necessary */
}

.Wall .SpeechBubble .buttons .secondary ul.WikiaMenuElement::after {
    display: none !important;/* necessary */
}/**/