(More variables primary-light) |
(badaboom) |
||
Line 85: | Line 85: | ||
border-color: #44C4FF !important; |
border-color: #44C4FF !important; |
||
color: #44C4FF !important; |
color: #44C4FF !important; |
||
+ | border-color: var(--links) !important; |
||
+ | color: var(--links) !important; |
||
width: auto; |
width: auto; |
||
-ms-flex-align: center; |
-ms-flex-align: center; |
Revision as of 18:57, 4 July 2018
/* 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;
border-color: var(--links) !important;
color: var(--links) !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 */
}/**/