Χωρίς σύνοψη επεξεργασίας |
Χωρίς σύνοψη επεξεργασίας |
||
| Γραμμή 575: | Γραμμή 575: | ||
align-items:center; |
align-items:center; |
||
} |
} |
||
| − | |||
| − | /* Some more code */ |
||
| − | .skin-oasis .WikiaBlogListingBox .wikia-button, |
||
| − | .skin-oasis .CommunityCornerModule a.more, |
||
| − | .skin-oasis .WikiaBlogListingBox .more, |
||
| − | .skin-oasis .insights-module .more, |
||
| − | .skin-oasis .FollowedPagesModule .more, |
||
| − | .skin-oasis .content-review-module .content-review-module-test-mode button, |
||
| − | .skin-oasis .content-review-module .content-review-module-help a, |
||
| − | .skin-oasis .content-review-module .content-review-module-submit-container button { |
||
| − | border-radius: 5px!important; |
||
| − | position: absolute; |
||
| ⚫ | |||
| − | font-weight: 600; |
||
| − | text-transform: uppercase; |
||
| − | line-height: 20px; |
||
| − | padding: 0 10px; |
||
| − | background:none; |
||
| − | background-color:transparent!important; |
||
| − | transition:background-color 300ms,transform 300ms; |
||
| − | border:1px solid transparent!important; |
||
| − | color:#010203!important; |
||
| − | } |
||
| − | |||
| − | .skin-oasis.oasis-dark-theme .WikiaBlogListingBox .wikia-button, |
||
| − | .skin-oasis.oasis-dark-theme .CommunityCornerModule a.more, |
||
| − | .skin-oasis.oasis-dark-theme .WikiaBlogListingBox .more, |
||
| − | .skin-oasis.oasis-dark-theme .insights-module .more, |
||
| − | .skin-oasis.oasis-dark-theme .FollowedPagesModule .more, |
||
| − | .skin-oasis.oasis-dark-theme .content-review-module .content-review-module-test-mode button, |
||
| − | .skin-oasis.oasis-dark-theme .content-review-module .content-review-module-help a, |
||
| − | .skin-oasis.oasis-dark-theme .content-review-module .content-review-module-submit-container button { |
||
| − | color:#fefdfc!important; |
||
| − | } |
||
| − | |||
| − | |||
| − | |||
| − | .skin-oasis .WikiaBlogListingBox .wikia-button:hover, |
||
| − | .skin-oasis .CommunityCornerModule a.more:hover, |
||
| − | .skin-oasis .WikiaBlogListingBox .more:hover, |
||
| − | .skin-oasis .insights-module .more:hover, |
||
| − | .skin-oasis .FollowedPagesModule .more:hover, |
||
| − | .skin-oasis .content-review-module .content-review-module-test-mode button:hover, |
||
| − | .skin-oasis .content-review-module .content-review-module-help a:hover, |
||
| − | .skin-oasis .content-review-module .content-review-module-submit-container button:hover { |
||
| − | background-color:rgba(var(--links-color-rgb), 0.4)!important; |
||
| − | border-color:rgba(var(--links-color-rgb), 0.4)!important; |
||
| − | } |
||
| − | |||
| − | |||
| − | .skin-oasis .WikiaBlogListingBox .wikia-button:active, |
||
| − | .skin-oasis .CommunityCornerModule a.more:active, |
||
| − | .skin-oasis .WikiaBlogListingBox .more:active, |
||
| − | .skin-oasis .insights-module .more:active, |
||
| − | .skin-oasis .FollowedPagesModule .more:active, |
||
| − | .skin-oasis .content-review-module .content-review-module-test-mode button:active, |
||
| − | .skin-oasis .content-review-module .content-review-module-help a:active, |
||
| − | .skin-oasis .content-review-module .content-review-module-submit-container button:active { |
||
| − | background-color:rgba(var(--links-color-rgb), 0.6)!important; |
||
| − | border-color:rgba(var(--links-color-rgb), 0.6)!important; |
||
| − | transform:scale(0.9); |
||
| − | } |
||
| − | |||
| − | .skin-oasis .WikiaBlogListingBox .wikia-button:active, |
||
| − | .skin-oasis .CommunityCornerModule a.more:active, |
||
| − | .skin-oasis .WikiaBlogListingBox .more:active, |
||
| − | .skin-oasis .insights-module .more:active, |
||
| − | .skin-oasis .FollowedPagesModule .more:active, |
||
| − | .skin-oasis .content-review-module .content-review-module-test-mode button:active, |
||
| − | .skin-oasis .content-review-module .content-review-module-help a:active, |
||
| − | .skin-oasis .content-review-module .content-review-module-submit-container button:active { |
||
| − | box-shadow:0 0 10px 0 rgba(12,12,12,0.3) inset; |
||
| − | } |
||
| − | |||
| − | .skin-oasis.oasis-dark-theme .WikiaBlogListingBox .wikia-button:active, |
||
| − | .skin-oasis.oasis-dark-theme .CommunityCornerModule a.more:active, |
||
| − | .skin-oasis.oasis-dark-theme .WikiaBlogListingBox .more:active, |
||
| − | .skin-oasis.oasis-dark-theme .insights-module .more:active, |
||
| − | .skin-oasis.oasis-dark-theme .FollowedPagesModule .more:active, |
||
| − | .skin-oasis.oasis-dark-theme .content-review-module .content-review-module-test-mode button:active, |
||
| − | .skin-oasis.oasis-dark-theme .content-review-module .content-review-module-help a:active, |
||
| − | .skin-oasis.oasis-dark-theme .content-review-module .content-review-module-submit-container button:active { |
||
| − | box-shadow:0 0 10px 0 rgba(241,241,241,0.3) inset; |
||
| − | } |
||
| − | |||
| − | .skin-oasis .WikiaBlogListingBox .read-more a:hover, |
||
| − | .skin-oasis .WikiaBlogListingBox .more:hover, |
||
| − | .skin-oasis .insights-module .more:hover, |
||
| − | .skin-oasis .content-review-module .content-review-module-help a:hover, |
||
| − | .skin-oasis .FollowedPagesModule .more:hover, |
||
| − | .skin-oasis .content-review-module .content-review-module-help a:hover { |
||
| − | text-decoration: none; |
||
| − | } |
||
| − | |||
| − | /* Blog list module restyling */ |
||
| − | .skin-oasis .WikiaBlogListingBox { |
||
| − | position: relative; |
||
| − | padding-bottom: 22px; |
||
| − | } |
||
| − | .skin-oasis .WikiaBlogListingBox .wikia-button { |
||
| − | background: none; |
||
| − | bottom: 0; |
||
| − | height: auto; |
||
| − | right: 0; |
||
| − | } |
||
| − | .skin-oasis .WikiaBlogListingBox .more { |
||
| − | bottom: 0; |
||
| − | left: 0; |
||
| − | } |
||
| − | .skin-oasis .WikiaBlogListingBox .wikia-button .sprite { |
||
| − | display: none; |
||
| − | } |
||
| − | .skin-oasis .WikiaBlogListingBox ul { |
||
| − | margin: 0; |
||
| − | } |
||
| − | .skin-oasis .WikiaBlogListingBox .WikiaBlogListingPost:first-child { |
||
| − | padding: 0 0 6px; |
||
| − | } |
||
| − | .skin-oasis .WikiaBlogListingBox .WikiaBlogListingPost:nth-child(n+2) { |
||
| − | border: none; |
||
| − | padding: 6px 0; |
||
| − | } |
||
| − | .skin-oasis .WikiaBlogListingBox .WikiaBlogListingPost .avatar { |
||
| − | border: 2px solid hsla(0, 0%, 0%, 0.2); |
||
| − | border-radius: 50%; |
||
| − | height: 28px; |
||
| − | width: 28px; |
||
| − | margin: 0; |
||
| − | } |
||
| − | .skin-oasis.oasis-dark-theme .WikiaBlogListingBox .WikiaBlogListingPost .avatar { |
||
| − | border: 2px solid hsla(0, 0%, 100%, 0.2); |
||
| − | } |
||
| − | .skin-oasis .WikiaBlogListingBox .WikiaBlogListingPost .author-details { |
||
| − | margin-left: 40px; |
||
| − | } |
||
| − | .skin-oasis .WikiaBlogListingBox .WikiaBlogListingPost .author-details h2 { |
||
| − | border: none; |
||
| ⚫ | |||
| − | font-weight: normal; |
||
| − | line-height: 1.125em; |
||
| − | margin-bottom: 2px; |
||
| − | min-height: auto; |
||
| − | overflow: hidden; |
||
| − | text-overflow: ellipsis; |
||
| − | white-space: nowrap; |
||
| − | } |
||
| − | .skin-oasis .WikiaBlogListingBox .WikiaBlogListingPost .author-details h2 a, |
||
| − | .skin-oasis .WikiaBlogListingBox .WikiaBlogListingPost .author-details span a { |
||
| ⚫ | |||
| − | } |
||
| − | .skin-oasis .WikiaBlogListingBox .WikiaBlogListingPost .author-details span { |
||
| − | font-size: 12px; |
||
| − | color: hsla(0, 0%, 23%, 0.75); |
||
| − | } |
||
| − | .skin-oasis.oasis-dark-theme .WikiaBlogListingBox .WikiaBlogListingPost .author-details span { |
||
| − | color: hsla(0, 0%, 83%, 0.75); |
||
| − | } |
||
| − | .skin-oasis .WikiaBlogListingBox .WikiaBlogListingPost .author-details span a { |
||
| − | color: inherit; |
||
| − | } |
||
| − | .skin-oasis .WikiaBlogListingBox .WikiaBlogListingPost .post-summary { |
||
| − | padding: 8px 0; |
||
| − | } |
||
| − | .skin-oasis .WikiaBlogListingBox .WikiaBlogListingPost .post-summary p { |
||
| − | font-style: italic; |
||
| − | line-height: 1.5em; |
||
| − | padding-bottom: 4px; |
||
| − | } |
||
| − | .skin-oasis .WikiaBlogListingBox .WikiaBlogListingPost .post-summary p * { |
||
| − | color: inherit !important; |
||
| − | font-size: inherit !important; |
||
| − | line-height: inherit !important; |
||
| − | text-shadow: inherit !important; |
||
| − | } |
||
| − | .skin-oasis .WikiaBlogListingBox .WikiaBlogListingPost .read-more { |
||
| − | text-transform: uppercase; |
||
| − | } |
||
| − | .skin-oasis .WikiaBlogListingBox .WikiaBlogListingPost .commentslikes { |
||
| − | bottom: 16px; |
||
| − | line-height: 1em; |
||
| − | position: absolute; |
||
| − | right: 0; |
||
| − | width: auto; |
||
| − | } |
||
| − | .skin-oasis .WikiaBlogListingBox .WikiaBlogListingPost .commentslikes .comment { |
||
| − | white-space: normal; |
||
| − | } |
||
| − | .skin-oasis .WikiaBlogListingBox .WikiaBlogListingPost .commentslikes .commentsbubble { |
||
| − | background: none; |
||
| − | line-height: 13px; |
||
| − | margin: 0; |
||
| − | border-radius: 0; |
||
| − | } |
||
| − | .skin-oasis .WikiaBlogListingBox .WikiaBlogListingPost .commentsbubble:before, |
||
| − | .skin-oasis .WikiaBlogListingBox .WikiaBlogListingPost .commentsbubble:after { |
||
| − | display: none; |
||
| − | } |
||
| − | |||
| − | .skin-oasis .insights-module { |
||
| − | position: relative; |
||
| − | } |
||
| − | .skin-oasis .insights-module .insights-module-item { |
||
| − | border: none; |
||
| − | } |
||
| − | .skin-oasis .insights-module .more { |
||
| − | right: 0; |
||
| − | top: 0; |
||
| − | } |
||
| − | |||
| − | .skin-oasis .content-review-module { |
||
| − | position: relative; |
||
| − | padding-bottom: 22px; |
||
| − | } |
||
| − | .skin-oasis .content-review-module .content-review-module-test-mode button { |
||
| − | left: 0; |
||
| − | } |
||
| − | .skin-oasis .content-review-module .content-review-module-help a { |
||
| − | bottom: 1px; |
||
| − | line-height: 19px; |
||
| − | right: 0; |
||
| − | } |
||
| − | .skin-oasis .content-review-module .content-review-module-submit-container ~ .content-review-module-help a { |
||
| − | top: 0; |
||
| − | bottom: initial; |
||
| − | } |
||
| − | .skin-oasis .content-review-module .content-review-module-submit-container button { |
||
| − | bottom: 1px; |
||
| − | right: 0; |
||
| − | padding: 0 10px; |
||
| − | } |
||
| − | |||
| − | |||
| − | .skin-oasis .FollowedPagesModule { |
||
| − | position: relative; |
||
| − | } |
||
| − | .skin-oasis .FollowedPagesModule .more { |
||
| − | top: 0; |
||
| − | right: 0; |
||
| − | } |
||
| − | .skin-oasis .FollowedPagesModule li { |
||
| − | border: none; |
||
| − | } |
||
| − | |||
| − | |||
| − | |||
| Γραμμή 944: | Γραμμή 699: | ||
} |
} |
||
| − | .WikiaRail .rail-module.chat-module .wds-avatar { |
+ | .WikiaRail .rail-module.chat-module .wds-avatar .wds-avatar__image { |
border:2px double rgb(var(--links-color-rgb)); |
border:2px double rgb(var(--links-color-rgb)); |
||
} |
} |
||
.WikiaRail .rail-module.chat-module .chat-details .avatars .wds-avatar-stack {max-width: none !important;} |
.WikiaRail .rail-module.chat-module .chat-details .avatars .wds-avatar-stack {max-width: none !important;} |
||
| − | .WikiaRail .rail-module.chat-module .chat-details .avatars .wds-avatar-stack .wds-avatar |
+ | .WikiaRail .rail-module.chat-module .chat-details .avatars .wds-avatar-stack .wds-avatar { |
transform: none; |
transform: none; |
||
z-index: auto; |
z-index: auto; |
||
| Γραμμή 960: | Γραμμή 715: | ||
@media screen and (max-width: 1023px) { |
@media screen and (max-width: 1023px) { |
||
| − | .WikiaRail .rail-module.chat-module .chat-details .avatars .wds-avatar-stack .wds-avatar |
+ | .WikiaRail .rail-module.chat-module .chat-details .avatars .wds-avatar-stack .wds-avatar { |
margin-right: 17px; |
margin-right: 17px; |
||
} |
} |
||
| Γραμμή 982: | Γραμμή 737: | ||
} |
} |
||
| − | .WikiaRail .rail-module.activity-module .wds-avatar { |
+ | .WikiaRail .rail-module.activity-module .wds-avatar .wds-avatar__image { |
border:2px double rgb(var(--buttons-color-rgb)); |
border:2px double rgb(var(--buttons-color-rgb)); |
||
} |
} |
||
| Γραμμή 996: | Γραμμή 751: | ||
} |
} |
||
| − | .WikiaRail .rail-module .community-page-rail-module .wds-avatar- |
+ | .WikiaRail .rail-module .community-page-rail-module .wds-avatar-stack .wds-avatar { |
z-index: auto; |
z-index: auto; |
||
transform: none; |
transform: none; |
||
| Γραμμή 1.028: | Γραμμή 783: | ||
} |
} |
||
| − | .WikiaRail .rail-module.premium-recirculation-rail .wds-avatar { |
+ | .WikiaRail .rail-module.premium-recirculation-rail .wds-avatar .wds-avatar__image { |
border:2px double rgb(var(--buttons-color-rgb)); |
border:2px double rgb(var(--buttons-color-rgb)); |
||
} |
} |
||
| Γραμμή 1.051: | Γραμμή 806: | ||
} |
} |
||
| − | .WikiaRail .rail-module.forum-activity-module .wds-avatar { |
+ | .WikiaRail .rail-module.forum-activity-module .wds-avatar .wds-avatar__image { |
border:2px double rgb(var(--buttons-color-rgb)); |
border:2px double rgb(var(--buttons-color-rgb)); |
||
} |
} |
||
/** Avatars on Non-Chatspace **/ |
/** Avatars on Non-Chatspace **/ |
||
| − | .mediawiki .avatar,/* Old Avatars */ .mediawiki .WikiaPage .wds-avatar, .mediawiki .modal .wds-avatar, .mediawiki .modalWrapper .wds-avatar /* New Avatars, narrowed into 3 different selectors due to customization policy not allowing global nav customizations sitewide */ { |
+ | .mediawiki .avatar,/* Old Avatars */ .mediawiki .WikiaPage .wds-avatar .wds-avatar__image, .mediawiki .modal .wds-avatar .wds-avatar__image, .mediawiki .modalWrapper .wds-avatar .wds-avatar__image /* New Avatars, narrowed into 3 different selectors due to customization policy not allowing global nav customizations sitewide */ { |
border-radius:50% 100%; |
border-radius:50% 100%; |
||
border-style:double; |
border-style:double; |
||
| Γραμμή 1.119: | Γραμμή 874: | ||
font-weight:600; |
font-weight:600; |
||
border-radius:5px; |
border-radius:5px; |
||
| ⚫ | |||
} |
} |
||
| − | #WikiaPage .wds-button-group > .wds-button { |
+ | #WikiaPage .wds-button-group > .wds-button:not(.default) { |
padding:5px 6px; |
padding:5px 6px; |
||
} |
} |
||
| Γραμμή 1.641: | Γραμμή 1.397: | ||
font-weight:600; |
font-weight:600; |
||
border-radius:5px; |
border-radius:5px; |
||
| ⚫ | |||
} |
} |
||
| − | .modalWrapper .wds-button-group > .wds-button { |
+ | .modalWrapper .wds-button-group > .wds-button:not(.default) { |
padding:5px 6px; |
padding:5px 6px; |
||
} |
} |
||
| Γραμμή 2.162: | Γραμμή 1.919: | ||
font-weight:600; |
font-weight:600; |
||
border-radius:5px; |
border-radius:5px; |
||
| ⚫ | |||
} |
} |
||
| − | .modal .wds-button-group > .wds-button { |
+ | .modal .wds-button-group > .wds-button:not(.default) { |
padding:5px 6px; |
padding:5px 6px; |
||
} |
} |
||
Αναθεώρηση της 17:55, 10 Ιουλίου 2018
:root {
--local-nav-color:#262626; /** 283197 **/
--local-nav-color2: 38,38,38;
--local-nav-rgb-dark:69,76,151;
--links-color-rgb:139,106,110;
--buttons-color-rgb:127,105,105;
--body-color:#332222;
--designer-color:#332222;
--main-font:"Arelousa", Audiowide, Orbitron;
--page-color-rgba:99,82,83,0.89;
}
body:not(.background-ad), body:not(.editor):not(.background-ad) .WikiaPage fieldset input:not([type="submit"]), body:not(.editor):not(.background-ad) .WikiaPage fieldset select {
text-rendering:optimizeSpeed!important;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family:"Arial Nova", Samsung Sans, Arial, sans-serif;
}
body:not(.editor):not(.background-ad) .WikiaPage input, body:not(.editor):not(.background-ad) .WikiaPage select {
text-rendering: optimizeSpeed!important;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family:"Arial Nova Cond", Arial Nova, Samsung Sans, Arial Narrow, Arial, sans-serif;
}
.WikiaPage fieldset {
border-radius:5px;
}
.editor {
margin-top:8px;
}
.mediawiki {
padding:0!important;
}
* {
outline:0;
box-sizing:content-box;
}
/* Control links to allow theming on them */
a, a:focus {
color:rgb(var(--links-color-rgb));
}
a:-moz-focusring { /* Firefox */
color:rgb(var(--links-color-rgb))!important;
}
a:-webkit-focusring {
color:rgb(var(--links-color-rgb))!important;
}
a:-focus-ring { /* Qorta V5-V7 */
color:rgb(var(--links-color-rgb))!important;
}
/* Ad skin improvements */
.background-ad *, .background-ad *:before, .background-ad *:after, .background-ad button, .background-ad input {
box-shadow:none!important;
text-shadow:none!important;
border-radius:0!important;
transition-property:color,background-color,opacity!important;
}
.background-ad {
margin-top:0!important;
}
.background-ad .WikiaTopAds {
border-radius:initial!important;
}
/** Sequel changes **/
svg {
transition:none!important;
box-shadow:none!important;
font-family:initial!important;
text-shadow:none!important;
background-color:transparent!important;
}
svg:focus {
fill:var(--light-button-shadow)!important;
}
img {
fill:currentColor!important;
}
.WikiaMainContent {
font-family:"Segoe UI", Arial;
font-weight:200;
}
.WikiaMainContent b, .WikiaMainContent strong {
font-weight:600;
}
.editor .WikiaMainContent, .editor .WikiaMainContent b, .editor .WikiaMainContent strong {
font-weight:inherit;
}
/*** Button stylings ***/
button:not(.wds-button):not(.wds-sign-out__button):not(.wikia-chiclet-button),
.button:not(.wds-button),
input[type="submit"]:not(.wds-button):not(.search-button),
input[type="button"]:not(.wds-button),
.wikia-button,
.modal > footer .button:not(.wds-button),
.modal > footer .button:not(.wds-button):hover,
.modal > footer .button:not(.wds-button):active,
a:not(.wds-button).wikia-button,
a:not(.wds-button).wikia-button:hover,
a:not(.wds-button).wikia-button:active {
padding:0 9px;
}
button:not(.wds-button):not(.wds-sign-out__button),
.button:not(.wds-button),
.drop,
input[type="submit"]:not(.wds-button):not(.search-button),
input[type="button"]:not(.wds-button),
.wikia-button,
.wikia-menu-button,
.wikia-menu-button > a:hover,
.drop:hover
.wikia-menu-button > a:active,
.drop:active,
.modal > footer .button:not(.wds-button),
.modal > footer .button:not(.wds-button):hover,
.modal > footer .button:not(.wds-button):active,
a:not(.wds-button).wikia-button,
a:not(.wds-button).wikia-button:hover,
a:not(.wds-button).wikia-button:active{
-webkit-border-radius: 5px !important;
-moz-border-radius:5px!important;
border-radius:5px!Important;
height:26px;
background-image: none !important;
transition:background-color 300ms, transform 300ms, opacity 300ms;
font-weight:600;
text-transform:uppercase;
color:#181818;
font-family:"Arial Nova Cond", Arial Nova, Samsung Sans, Arial Narrow, Arial, sans-serif;
}
.oasis-dark-theme button:not(.wds-button):not(.wds-sign-out__button),
.oasis-dark-theme .button:not(.wds-button),
.oasis-dark-theme .drop,
.oasis-dark-theme input[type="submit"]:not(.wds-button):not(.search-button),
.oasis-dark-theme input[type="button"]:not(.wds-button),
.oasis-dark-theme .wikia-button,
.oasis-dark-theme .wikia-menu-button,
.oasis-dark-theme .wikia-menu-button > a:hover,
.oasis-dark-theme .drop:hover
.oasis-dark-theme .wikia-menu-button > a:active,
.oasis-dark-theme .drop:active,
.oasis-dark-theme .modal > footer .button:not(.wds-button),
.oasis-dark-theme .modal > footer .button:not(.wds-button):hover,
.oasis-dark-theme .modal > footer .button:not(.wds-button):active,
.oasis-dark-theme a:not(.wds-button).wikia-button,
.oasis-dark-theme a:not(.wds-button).wikia-button:hover,
.oasis-dark-theme a:not(.wds-button).wikia-button:active{
color:#d4d5d5;
}
/* Revise the classic buttons style */
button:not(.wds-button):not(.wds-sign-out__button),
.button:not(.wds-button),
.drop,
input[type="submit"]:not(.wds-button):not(.search-button),
input[type="button"]:not(.wds-button),
.wikia-button,
.modal > footer .button:not(.wds-button),
a:not(.wds-button).wikia-button,
.wikia-menu-button .drop,
.wikia-menu-button.combined{
background-color:transparent;
border:1px solid transparent;
font-size:12px;
}
button:not(.wds-button):not(.wds-sign-out__button):hover,
.button:not(.wds-button):hover,
.drop:hover,
input[type="submit"]:not(.wds-button):hover:not(.search-button),
.wikia-button:hover,
.wikia-menu-button > a:hover,
.modal > footer .button:not(.wds-button):hover,
a:not(.wds-button).wikia-button:hover,
.wikia-menu-button .drop:hover,
.wikia-menu-button.combined:hover{
background-color:rgba(241,0,0,0.4);
border:1px solid rgba(241,0,0,0.4);
outline-offset:-1px;
}
button:not(.wds-button):not(.wds-sign-out__button):active,
.button:not(.wds-button):active,
.drop:active,
input[type="submit"]:not(.wds-button):active:not(.search-button),
.wikia-button:active,
.wikia-menu-button > a:active,
.modal > footer .button:not(.wds-button):active,
a:not(.wds-button).wikia-button:active,
.wikia-menu-button .drop:active,
.wikia-menu-button.combined:active{
background-color:rgba(241,0,0,0.6);
border:1px solid rgba(241,0,0,0.6);
outline-offset:-1px;
}
button:not(.wds-button):not(.wds-sign-out__button):active,
.button:not(.wds-button):active,
.drop:active,
input[type="submit"]:not(.wds-button):active:not(.search-button),
.wikia-button:active,
.wikia-menu-button > #ca-edit:active,
a.wikia-menu-button:active,
a.wikia-menu-button > a:active,
.modal > footer .button:not(.wds-button):active,
a:not(.wds-button).wikia-button:active,
a.wikia-menu-button .drop:active,
#wpPreview:active {
-webkit-transform:scale(0.9);
transform:scale(0.9);
box-shadow:0 0 10px 0 rgba(12,12,12,0.3) inset;
}
.oasis-dark-theme button:not(.wds-button):not(.wds-sign-out__button):active,
.oasis-dark-theme .button:not(.wds-button):active,
.oasis-dark-theme .drop:active,
.oasis-dark-theme input[type="submit"]:not(.wds-button):active:not(.search-button),
.oasis-dark-theme .wikia-button:active,
.oasis-dark-theme .wikia-menu-button > #ca-edit:active,
.oasis-dark-theme a.wikia-menu-button:active,
.oasis-dark-theme a.wikia-menu-button > a:active,
.oasis-dark-theme .modal > footer .button:not(.wds-button):active,
.oasis-dark-theme a:not(.wds-button).wikia-button:active,
.oasis-dark-theme a.wikia-menu-button .drop:active,
.oasis-dark-theme #wpPreview:active{
box-shadow:0 0 10px 0 rgba(241,241,241,0.3) inset;
}
button.secondary:not(.wds-button):not(.wds-sign-out__button),
.button:not(.wds-button).secondary,
.drop.secondary,
input[type="submit"]:not(.wds-button).secondary:not(.search-button),
.wikia-menu-button,
.modal > footer .button:not(.wds-button).secondary,
a:not(.wds-button).wikia-button.secondary,
.wikia-menu-button.secondary.combined {
background-color:transparent;
border:1px solid transparent;
transition:all .2s lineal .2s;
}
button.secondary:not(.wds-button):not(.wds-sign-out__button):hover,
.button:not(.wds-button).secondary:hover,
.drop.secondary:hover,
input[type="submit"]:not(.wds-button).secondary:hover:not(.search-button),
.wikia-button.secondary:hover,
.wikia-menu-button.secondary > a:hover,
.modal > footer .button:not(.wds-button).secondary:hover,
a:not(.wds-button).wikia-button.secondary:hover,
.wikia-menu-button.secondary.combined:hover,
.wikia-menu-button.secondary .drop:hover{
background-color:rgba(241,241,241,0.4);
border:1px solid rgba(241,241,241,0.4);
}
button.secondary:not(.wds-button):not(.wds-sign-out__button):active,
.button:not(.wds-button).secondary:active,
.drop.secondary:active,
input[type="submit"]:not(.wds-button).secondary:active:not(.search-button),
.wikia-button.secondary:active,
.wikia-menu-button.secondary > a:active,
.modal > footer .button:not(.wds-button).secondary:active,
a:not(.wds-button).wikia-button.secondary:active,
.wikia-menu-button.secondary.combined:active,
.wikia-menu-button.secondary .drop:active {
background-color:rgba(241,241,241,0.6);
border:1px solid rgba(241,241,241,0.6);
}
.oasis-dark-theme button.secondary:not(.wds-button):not(.wds-sign-out__button):hover,
.oasis-dark-theme .button:not(.wds-button).secondary:hover,
.oasis-dark-theme .drop.secondary:hover,
.oasis-dark-theme input[type="submit"]:not(.wds-button).secondary:hover:not(.search-button),
.oasis-dark-theme .wikia-menu-button.secondary:hover,
.oasis-dark-theme .wikia-menu-button.secondary > a:hover,
.oasis-dark-theme .modal > footer .button:not(.wds-button).secondary:hover,
.oasis-dark-theme a:not(.wds-button).wikia-button.secondary:hover,
.oasis-dark-theme .wikia-menu-button.secondary.combined:hover,
.oasis-dark-theme .wikia-menu-button.secondary .drop:hover{
background-color:rgba(12,12,12,0.4);
border:1px solid rgba(12,12,12,0.4);
}
.oasis-dark-theme button.secondary:not(.wds-button):not(.wds-sign-out__button):active,
.oasis-dark-theme .button:not(.wds-button).secondary:active,
.oasis-dark-theme .drop.secondary:active,
.oasis-dark-theme input[type="submit"]:not(.wds-button).secondary:active:not(.search-button),
.oasis-dark-theme .wikia-button.secondary:active,
.oasis-dark-theme .wikia-menu-button.secondary > a:active,
.oasis-dark-theme .modal > footer .button:not(.wds-button).secondary:active,
.oasis-dark-theme a:not(.wds-button).wikia-button.secondary:active,
.oasis-dark-theme .wikia-menu-button.secondary.combined:active,
.oasis-dark-theme .wikia-menu-button.secondary .drop:active{
background-color:rgba(12,12,12,0.6);
border:1px solid rgba(12,12,12,0.6);
}
/* Here we go */
.wikia-menu-button:not(.combined) {
background-color:transparent!important;
border-color:transparent!important;
border:0!important;
transform:none!important;
box-shadow:none!important;
}
.wikia-menu-button.combined .drop {
border:0!important;
transform:none!important;
box-shadow:none!important;
margin-left:3px;
}
/* Chiclet Button */
.wikia-chiclet-button {
width:24px!important;
height:24px!important;
display:inline-flex;
align-items:center;
justify-content:center;
padding:0!important; /* !important due to css not updating */
}
/* WikiaButton */
a:not(.wds-button).wikia-button, .button:not(.wds-button), .wikia-menu-button.combined, .wikia-menu-button.combined .drop {
display:inline-flex!important;
align-items:center;
justify-content:center;
}
/* Custom Dropdown Extension for use in 2018 A */
.custom-dropdown {
padding: 1px 8px;
}
.custom-dropdown > :first-child:after {
background-image: url("data:image/gif;base64,R0lGODlhAQABAIABAAAAAP///yH5BAEAAAEALAAAAAABAAEAQAICTAEAOw%3D%3D");
border-color: white transparent transparent;
border-style: solid;
border-width: 4px;
content: "";
display: inline-block;
height: 1px;
margin-left: 4px;
margin-top: 2px;
position: relative;
vertical-align: middle;
width: 1px;
}
.custom-dropdown:hover {
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
margin-bottom: -1px;
padding-bottom: 2px;
}
.custom-dropdown ul {
list-style: none outside none;
min-width: 100%;
top: 23px;
}
.custom-dropdown:hover ul {
display: block;
}
.custom-dropdown li a {
font-size: 12px;
height: 14px;
line-height: 14px;
}
/* </source> */
/* Content borders */
.WikiaPage .WikiaPageBackground, .editor .WikiaPage:after, .ChatWindow #WikiaPage:after, .ChatWindow #ChatHeader:after {
border-radius:9.5px;
box-shadow:0 0 9px 1px rgba(var(--links-color-rgb), 1) inset,
0 0 8px 2px rgba(var(--buttons-color-rgb), 1) inset;
/*box-shadow:0 0 10px 3px #FFE48F;*/
}
.WikiaPage .WikiaPageBackground, .ChatWindow #WikiaPage, .ChatWindow #ChatHeader {
background-color:rgba(var(--page-color-rgba));
opacity:1;
}
.WikiaPage *, .modalWrapper * {
outline:0!important;
}
/* Recreate the WikiaPageBackground shadows on the editor and chat */
.editor .WikiaPage::after, .ChatWindow #WikiaPage:after, .ChatWindow #ChatHeader:after {
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
}
.WikiaPage, .ChatWindow #WikiaPage, .ChatWindow #ChatHeader {
border-left:5px groove rgb(var(--buttons-color-rgb));
border-bottom:5px ridge rgb(var(--buttons-color-rgb));
border-right:5px ridge rgb(var(--buttons-color-rgb));
}
#WikiaPage, .ChatWindow #ChatHeader {
border-top:5px groove rgb(var(--buttons-color-rgb));
}
/* Zindex fix for chat header */
.ChatWindow #ChatHeader {
z-index:10;
}
/** RTL fix for WikiaPage Borders **/
.rtl .WikiaPage, .rtl .ChatWindow #ChatHeader {
border-left-style:ridge!important;
border-right-style:groove!important;
}
/** Remove the border from Wikiapage for good **/
@media only screen and (max-width: 1063px) {
.oasis-responsive:not(.editor) #WikiaPage, .oasis-responsive:not(.editor) .WikiaPage .WikiaPageBackground {
border-top:none!important;
border-top-left-radius:0!important;
border-top-right-radius:0!important;
}
}
/* Chat Specific only css */
.ChatWindow #WikiaPage {
margin-top:8px!important; /* Needed to add some width */
border-radius:14.5px;
}
.ChatWindow .Write img {
border-radius:50% 100%;
border-style:double;
border-width:3px;
border-color:rgb(var(--links-color-rgb));
transform:scale(0.9);
}
.ChatWindow .Rail .public, .ChatWindow .Rail .User{
border-radius:8px;
margin:5px!important;
transition:all 0.4s;
}
.ChatWindow .Rail .selected {
border-top:5px groove rgb(var(--links-color-rgb));
border-left:5px groove rgb(var(--links-color-rgb));
border-bottom:5px ridge rgb(var(--links-color-rgb));
border-right:5px ridge rgb(var(--links-color-rgb));
box-shadow:none!important;
}
.rtl .ChatWindow .rail .selected {
border-left-style:ridge!important;
border-right-style:groove!important;
}
/* Font Space */
.mediawiki:not(.background-ad) .WikiaPage {
font-family:"Arial Nova Cond", Arial Nova, Samsung Sans, Arial Narrow, Arial ;
}
/* Headings 1 to 6 and table headings/datas into the WikiaPage */
.WikiaPage h1, .WikiaPage h2, .WikiaPage h3, .WikiaPage h4, .WikiaPage h5 ,.WikiaPage h6, .WikiaPage th, .WikiaPage td {
font-family:var(--main-font), Arial Nova Cond, Arial Nova, Samsung Sans, Arial Narrow, Arial;
font-weight:600;
}
/* Protecting headings to some areas from font change */
.UserProfileMasthead .masthead-info h1, .UserProfileMasthead .masthead-info h2, .UserProfileMasthead .masthead-info h3, .UserProfileMasthead .masthead-info h4, .UserProfileMasthead .masthead-info h5, .UserProfileMasthead .masthead-info h6, #lastEdited, h2#MainHeading, h3#MainHeading, .home-header th, .home-header td, .default th, .default td, .WikiaPage fieldset th, .WikiaPage fieldset td {
font-family:inherit;
font-weight:inherit;
}
.EditPageHeader > h1, .EditPageHeader > h2 {
font-family:inherit;
}
.UserProfileMasthead .masthead-info h1 {
font-weight:600;
}
.UserProfileMasthead .masthead-info h2 {
font-weight:300;
}
/** Old Rail Modules **/
/* Bug fixes to MainHeading */
.WikiaRail .module #MainHeading {
margin-top:10px;
margin-bottom:-10px;
padding:0.4em 0.4em 0.7em!important;
}
.WikiaRail .module {
background-color:rgba(255,255,255,0.46);
border:2px double rgba(0,0,0,0.15);
padding:1em 0.5em 1em;
margin-left:5px;
margin-right:5px;
box-sizing:border-box;
}
/* Generic Code. Code is equal to new ones with slight changes */
.WikiaRail .module h2:not(#MainHeading) {
border:2px double rgb(var(--links-color-rgb))!important;
border-bottom:2px double rgb(var(--links-color-rgb))!important;
font-family:"Arelousa",Audiowide, Orbitron, Arial Nova Cond, Arial Nova, Arial Narrow, Arial;
font-size:15px!important;
background-image: linear-gradient(to top, rgba(0,0,0,0.06) 0%, rgba(0,0,0,0) 33%, rgba(0,0,0,0) 42%, rgba(0,0,0,0.1) 100%);
background-color: var(--local-nav-color) !important;
color:rgb(var(--links-color-rgb));
border-radius:1.5px;
min-height: 30px;
margin-bottom: 16px;
padding-left: 2px;
margin-top:0;
display:flex;
align-items:center;
}
.WikiaRail .module h3 {
border:2px double rgb(var(--links-color-rgb))!important;
border-bottom:2px double rgb(var(--links-color-rgb))!important;
font-family:"Arial Nova Cond", Arial Nova, Arial Narrow, Arial;
font-size:10px!important;
background-image: linear-gradient(to bottom, rgba(0,0,0,0.06) 0%, rgba(0,0,0,0) 33%, rgba(0,0,0,0) 66%, rgba(0,0,0,0.1) 99%);
background-color: var(--local-nav-color) !important;
color:rgb(var(--links-color-rgb));
border-radius:1.5px;
margin-top:1px;
display:flex;
align-items:center;
}
/** New Rail Modules **/
/* Bug fixes to MainHeading */
.WikiaRail .rail-module #MainHeading {
margin-top:10px;
margin-bottom:-10px;
padding:0.4em 0.4em 0.7em!important;
}
/* General Code */
.WikiaRail .rail-module h2:not(#MainHeading) {
border:2px double rgb(var(--links-color-rgb))!important;
border-bottom:2px double rgb(var(--links-color-rgb))!important;
font-family:"Arelousa",Audiowide, Orbitron, Arial Nova Cond, Arial Nova, Arial Narrow, Arial;
font-size:15px!important;
background-image: linear-gradient(to top, rgba(0,0,0,0.06) 0%, rgba(0,0,0,0) 33%, rgba(0,0,0,0) 42%, rgba(0,0,0,0.1) 100%);
background-color: var(--local-nav-color) !important;
color:rgb(var(--links-color-rgb));
border-radius:1.5px;
margin-top:0;
display:flex;
align-items:center;
}
.WikiaRail .rail-module h3 {
border:2px double rgb(var(--links-color-rgb))!important;
border-bottom:2px double rgb(var(--links-color-rgb))!important;
font-family:"Arial Nova Cond", Arial Nova, Arial Narrow, Arial;
font-size:10px!important;
background-image: linear-gradient(to bottom, rgba(0,0,0,0.06) 0%, rgba(0,0,0,0) 33%, rgba(0,0,0,0) 66%, rgba(0,0,0,0.1) 99%);
background-color: var(--local-nav-color) !important;
color:rgb(var(--links-color-rgb));
border-radius:1.5px;
margin-top:1px;
display:flex;
align-items:center;
}
.WikiaRail .rail-module h2.has-icon svg, .WikiaRail .rail-module h3.has-icon svg {
fill:rgb(var(--links-color-rgb));
}
.WikiaRail .rail-module {
background-color:rgba(255,255,255,0.46);
border:2px double rgba(0,0,0,0.15);
padding:1em 0.5em 1em;
margin-left:5px;
margin-right:5px;
}
.WikiaRail .rail-module .wds-button.wds-is-secondary {
color:black;
border:1px solid transparent;
background-color:transparent;
transition-property:background-color,color,transform;
}
.WikiaRail .rail-module .wds-button.wds-is-secondary:hover {
border-color:transparent!important;
color:black!important;
background-color:rgba(var(--links-color-rgb), 0.4)!important;
border:1px solid rgba(var(--links-color-rgb), 0.4)!important;
outline-offset:-1px!important;
}
.WikiaRail .rail-module .wds-button.wds-is-secondary:active {
border-color:transparent!important;
color:black!important;
background-color:rgba(var(--links-color-rgb), 0.6)!important;
border:1px solid rgba(var(--links-color-rgb), 0.6)!important;
outline-offset:-1px!important;
transform:scale(0.9);
box-shadow:0 0 10px 0 rgba(12,12,12,0.3) inset;
}
.oasis-dark-theme .WikiaRail .rail-module .wds-button.wds-is-secondary:active {
box-shadow:0 0 10px 0 rgba(241,241,241,0.3) inset;
}
.WikiaRail .rail-module .wds-button.wds-is-secondary:focus {
border-color:transparent!important;
color:black!important;
background-color:rgba(var(--links-color-rgb), 0.6)!important;
border:1px solid rgba(var(--links-color-rgb), 0.6)!important;
outline-offset:-1px!important;
}
.wds-is-secondary.wds-button.start-a-chat-button {
padding-top:2px!important;
padding-bottom:2px!important;
position:absolute;
top:5px;
right:5px;
}
.oasis-dark-theme .WikiaRail .rail-module .wds-button.wds-is-secondary {
color:white!important;
}
.WikiaRail .rail-module.chat-module {
border-top:5px groove rgb(var(--buttons-color-rgb));
border-left:5px groove rgb(var(--buttons-color-rgb));
border-bottom:5px ridge rgb(var(--buttons-color-rgb));
border-right:5px ridge rgb(var(--buttons-color-rgb));
border-radius:26px;
background-color:rgba(255,254,235,0.5);
}
.rtl .WikiaRail .rail-module.chat-module {
border-left-style:ridge!important;
border-right-style:groove!important;
}
.WikiaRail .rail-module.chat-module .avatars {
border:2px double rgb(var(--links-color-rgb));
background-color:rgba(0,0,0,0.1);
padding:4px;
border-radius:14px;
}
.WikiaRail .rail-module.chat-module .wds-avatar .wds-avatar__image {
border:2px double rgb(var(--links-color-rgb));
}
.WikiaRail .rail-module.chat-module .chat-details .avatars .wds-avatar-stack {max-width: none !important;}
.WikiaRail .rail-module.chat-module .chat-details .avatars .wds-avatar-stack .wds-avatar {
transform: none;
z-index: auto;
height:auto;
margin-right: 10px;
}
.WikiaRail .rail-module.chat-module .chat-details .avatars .more-users-count {
margin-left: 10px;
}
@media screen and (max-width: 1023px) {
.WikiaRail .rail-module.chat-module .chat-details .avatars .wds-avatar-stack .wds-avatar {
margin-right: 17px;
}
.WikiaRail .rail-module.chat-module .chat-details .avatars .more-users-count {
margin-left: 20px;
}
}
.WikiaRail .rail-module.activity-module {
border-top:5px groove rgb(var(--links-color-rgb));
border-left:5px groove rgb(var(--links-color-rgb));
border-bottom:5px ridge rgb(var(--links-color-rgb));
border-right:5px ridge rgb(var(--links-color-rgb));
border-radius:26px;
background-color:rgba(235,254,255,0.5);
}
.rtl .WikiaRail .rail-module.activity-module {
border-left-style:ridge!important;
border-right-style:groove!important;
}
.WikiaRail .rail-module.activity-module .wds-avatar .wds-avatar__image {
border:2px double rgb(var(--buttons-color-rgb));
}
.WikiaRail .rail-module.activity-module .community-page-rail-module {
border-top-color:transparent; /* submodule gets bugged if we remove the border */
}
.WikiaRail .rail-module.activity-module .community-page-rail-module .wds-avatar-stack {
max-width:none!important;
margin:8px 18px 6px 40px!important;
}
.WikiaRail .rail-module .community-page-rail-module .wds-avatar-stack .wds-avatar {
z-index: auto;
transform: none;
height: auto;
margin-right: 20px;
left: 20px;
}
.WikiaRail .rail-module.activity-module .community-page-rail-module .avatars {
border:2px double rgb(var(--buttons-color-rgb));
background-color:rgba(0,0,0,0.1);
padding:4px 4px 4px 0;
border-radius:14px;
right:-4px;
margin-top:-4px!important;
}
.WikiaRail .rail-module.premium-recirculation-rail {
border-top:5px groove var(--body-color);
border-left:5px groove var(--body-color);
border-bottom:5px ridge var(--body-color);
border-right:5px ridge var(--body-color);
border-radius:26px;
background-color:rgba(255,235,254,0.5);
}
.rtl .WikiaRail .rail-module.premium-recirculation-rail {
border-left-style:ridge!important;
border-right-style:groove!important;
}
.WikiaRail .rail-module.premium-recirculation-rail .wds-avatar .wds-avatar__image {
border:2px double rgb(var(--buttons-color-rgb));
}
.WikiaRail .rail-module.premium-recirculation-rail h2 {
white-space:nowrap!important; /* Needed to fix the two-line heading 2 */
font-size:14px!important;
}
.WikiaRail .rail-module.forum-activity-module {
border-top:5px groove var(--body-color);
border-left:5px groove var(--body-color);
border-bottom:5px ridge var(--body-color);
border-right:5px ridge var(--body-color);
border-radius:26px;
background-color:rgba(235,255,254,0.5);
}
.rtl .WikiaRail .rail-module.forum-activity-module {
border-left-style:ridge!important;
border-right-style:groove!important;
}
.WikiaRail .rail-module.forum-activity-module .wds-avatar .wds-avatar__image {
border:2px double rgb(var(--buttons-color-rgb));
}
/** Avatars on Non-Chatspace **/
.mediawiki .avatar,/* Old Avatars */ .mediawiki .WikiaPage .wds-avatar .wds-avatar__image, .mediawiki .modal .wds-avatar .wds-avatar__image, .mediawiki .modalWrapper .wds-avatar .wds-avatar__image /* New Avatars, narrowed into 3 different selectors due to customization policy not allowing global nav customizations sitewide */ {
border-radius:50% 100%;
border-style:double;
border-width:2px;
}
/** See more activity button **/
#seemoreactivity-button {
margin-top:-28px;
padding-top:3px!important;
padding-bottom:3px!important;
}
/* Shadowning */
.WikiaPage, .ChatWindow #ChatHeader {
box-shadow:0 0 20px 2px rgba(0,0,0,0.28) inset,
1px 1px 19px 2px rgba(0,0,0,0.2),
0 1px 110px 5px rgba(var(--links-color-rgb), 11),
-1px 0 110px 2.55px rgba(var(--buttons-color-rgb), 12);
border-radius: 14.5px;
}
.oasis-dark-theme .WikiaPage, .ChatWindow.oasis-dark-theme #ChatHeader {
box-shadow:0 0 20px 2px rgba(255,255,255,0.28) inset,
1px 1px 19px 2px rgba(255,255,255,0.2),
0 1px 110px 5px rgba(var(--links-color-rgb), 11),
-1px 0 110px 2.55px rgba(var(--buttons-color-rgb), 12);
border-radius: 14.5px;
}
/* Font Change on article area */
.editor .WikiaPage .WikiaArticle {
font-family:"Arial Nova Cond", Arial Nova, Samsung Sans, Arial Narrow, Arial;
}
/* WikiaPage Buttons */
/** Fluent System **/
#WikiaPage .wds-button:not(.wds-is-text):not(.default) {
transition-property:background-color, color, transform;
}
#WikiaPage .wds-button:active:not(.wds-is-text):not(.default) {
transform:scale(0.9);
box-shadow:0 0 10px 0 rgba(12,12,12,0.3) inset;
}
.oasis-dark-theme #WikiaPage .wds-button:active:not(.wds-is-text):not(.default) {
box-shadow:0 0 10px 0 rgba(241,241,241,0.3) inset;
}
/* Buttons change */
#WikiaPage .wds-button:not(.default) {
padding:5px 13px;
font-weight:600;
border-radius:5px;
font-size:11px;
}
#WikiaPage .wds-button-group > .wds-button:not(.default) {
padding:5px 6px;
}
#WikiaPage .wds-button.wds-is-square:not(.default) {
width:35px;
height:35px;
padding:0;
}
/** Company in Text and primary **/
/* 1. Facebook */
#WikiaPage .wds-button.wds-is-facebook-color:not(.defualt):hover {
background-color:rgba(59,89,152,0.4);
border-color:rgba(59,89,152,0.4);
}
#WikiaPage .wds-button.wds-is-facebook-color:not(.defualt):active {
background-color:rgba(59,89,152,0.6);
border-color:rgba(59,89,152,0.6);
}
#WikiaPage .wds-button.wds-is-text.wds-is-facebook-color:not(.defualt) {
color:rgba(59,89,152,0.2);
}
#WikiaPage .wds-button.wds-is-text.wds-is-facebook-color:not(.defualt):hover {
color:rgba(59,89,152,0.4);
}
#WikiaPage .wds-button.wds-is-text.wds-is-facebook-color:not(.defualt):active {
color:rgba(59,89,152,0.6);
}
/* 2. Google Plus */
#WikiaPage .wds-button.wds-is-googleplus-color:not(.defualt):hover {
background-color:rgba(221,75,57,0.4);
border-color:rgba(221,75,57,0.4);
}
#WikiaPage .wds-button.wds-is-googleplus-color:not(.defualt):active {
background-color:rgba(221,75,57,0.6);
border-color:rgba(221,75,57,0.6);
}
#WikiaPage .wds-button.wds-is-text.wds-is-googleplus-color:not(.defualt) {
color:rgba(221,75,57,0.2);
}
#WikiaPage .wds-button.wds-is-text.wds-is-googleplus-color:not(.defualt):hover {
color:rgba(221,75,57,0.4);
}
#WikiaPage .wds-button.wds-is-text.wds-is-googleplus-color:not(.defualt):active {
color:rgba(221,75,57,0.6);
}
/* 3. Line */
#WikiaPage .wds-button.wds-is-line-color:not(.defualt):hover {
background-color:rgba(0,195,0,0.4);
border-color:rgba(0,195,0,0.4);
}
#WikiaPage .wds-button.wds-is-line-color:not(.defualt):active {
background-color:rgba(0,195,0,0.6);
border-color:rgba(0,195,0,0.6);
}
#WikiaPage .wds-button.wds-is-text.wds-is-line-color:not(.defualt) {
color:rgba(0,195,0,0.2);
}
#WikiaPage .wds-button.wds-is-text.wds-is-line-color:not(.defualt):hover {
color:rgba(0,195,0,0.4);
}
#WikiaPage .wds-button.wds-is-text.wds-is-line-color:not(.defualt):active {
color:rgba(0,195,0,0.6);
}
/* 4. Linkedin */
#WikiaPage .wds-button.wds-is-linkedin-color:not(.defualt):hover {
background-color:rgba(0,119,181,0.4);
border-color:rgba(0,119,181,0.4);
}
#WikiaPage .wds-button.wds-is-linkedin-color:not(.defualt):active {
background-color:rgba(0,119,181,0.6);
border-color:rgba(0,119,181,0.6);
}
#WikiaPage .wds-button.wds-is-text.wds-is-linkedin-color:not(.defualt) {
color:rgba(0,119,181,0.2);
}
#WikiaPage .wds-button.wds-is-text.wds-is-linkedin-color:not(.defualt):hover {
color:rgba(0,119,181,0.4);
}
#WikiaPage .wds-button.wds-is-text.wds-is-linkedin-color:not(.defualt):active {
color:rgba(0,119,181,0.6);
}
/* 5. Instagram */
#WikiaPage .wds-button.wds-is-instagram-color:not(.defualt):hover {
background-color:rgba(224,45,105,0.4);
border-color:rgba(224,45,105,0.4);
}
#WikiaPage .wds-button.wds-is-instagram-color:not(.defualt):active {
background-color:rgba(224,45,105,0.6);
border-color:rgba(224,45,105,0.6);
}
#WikiaPage .wds-button.wds-is-text.wds-is-instagram-color:not(.defualt) {
color:rgba(224,45,105,0.2);
}
#WikiaPage .wds-button.wds-is-text.wds-is-instagram-color:not(.defualt):hover {
color:rgba(224,45,105,0.4);
}
#WikiaPage .wds-button.wds-is-text.wds-is-instagram-color:not(.defualt):active {
color:rgba(224,45,105,0.6);
}
/* 6. Meneame */
#WikiaPage .wds-button.wds-is-meneame-color:not(.defualt):hover {
background-color:rgba(255,100,0,0.4);
border-color:rgba(255,100,0,0.4);
}
#WikiaPage .wds-button.wds-is-meneame-color:not(.defualt):active {
background-color:rgba(255,100,0,0.6);
border-color:rgba(255,100,0,0.6);
}
#WikiaPage .wds-button.wds-is-text.wds-is-meneame-color:not(.defualt) {
color:rgba(255,100,0,0.2);
}
#WikiaPage .wds-button.wds-is-text.wds-is-meneame-color:not(.defualt):hover {
color:rgba(255,100,0,0.4);
}
#WikiaPage .wds-button.wds-is-text.wds-is-meneame-color:not(.defualt):active {
color:rgba(255,100,0,0.6);
}
/* 7. NK */
#WikiaPage .wds-button.wds-is-nk-color:not(.defualt):hover {
background-color:rgba(64,119,167,0.4);
border-color:rgba(64,119,167,0.4);
}
#WikiaPage .wds-button.wds-is-nk-color:not(.defualt):active {
background-color:rgba(64,119,167,0.6);
border-color:rgba(64,119,167,0.6);
}
#WikiaPage .wds-button.wds-is-text.wds-is-nk-color:not(.defualt) {
color:rgba(64,119,167,0.2);
}
#WikiaPage .wds-button.wds-is-text.wds-is-nk-color:not(.defualt):hover {
color:rgba(64,119,167,0.4);
}
#WikiaPage .wds-button.wds-is-text.wds-is-nk-color:not(.defualt):active {
color:rgba(64,119,167,0.6);
}
/* 8. Odnoklassniki */
#WikiaPage .wds-button.wds-is-odnoklassniki-color:not(.defualt):hover {
background-color:rgba(249,105,0,0.4);
border-color:rgba(249,105,0,0.4);
}
#WikiaPage .wds-button.wds-is-odnoklassniki-color:not(.defualt):active {
background-color:rgba(249,105,0,0.6);
border-color:rgba(249,105,0,0.6);
}
#WikiaPage .wds-button.wds-is-text.wds-is-odnoklassniki-color:not(.defualt) {
color:rgba(249,105,0,0.2);
}
#WikiaPage .wds-button.wds-is-text.wds-is-odnoklassniki-color:not(.defualt):hover {
color:rgba(249,105,0,0.4);
}
#WikiaPage .wds-button.wds-is-text.wds-is-odnoklassniki-color:not(.defualt):active {
color:rgba(249,105,0,0.6);
}
/* 9. Reddit */
#WikiaPage .wds-button.wds-is-reddit-color:not(.defualt):hover {
background-color:rgba(255,69,0,0.4);
border-color:rgba(255,69,0,0.4);
}
#WikiaPage .wds-button.wds-is-reddit-color:not(.defualt):active {
background-color:rgba(255,69,0,0.6);
border-color:rgba(255,69,0,0.6);
}
#WikiaPage .wds-button.wds-is-text.wds-is-reddit-color:not(.defualt) {
color:rgba(255,69,0,0.2);
}
#WikiaPage .wds-button.wds-is-text.wds-is-reddit-color:not(.defualt):hover {
color:rgba(255,69,0,0.4);
}
#WikiaPage .wds-button.wds-is-text.wds-is-reddit-color:not(.defualt):active {
color:rgba(255,69,0,0.6);
}
/* 10. Tumblr */
#WikiaPage .wds-button.wds-is-tumblr-color:not(.defualt):hover {
background-color:rgba(52,70,93,0.4);
border-color:rgba(52,70,93,0.4);
}
#WikiaPage .wds-button.wds-is-tumblr-color:not(.defualt):active {
background-color:rgba(52,70,93,0.6);
border-color:rgba(52,70,93,0.6);
}
#WikiaPage .wds-button.wds-is-text.wds-is-tumblr-color:not(.defualt) {
color:rgba(52,70,93,0.2);
}
#WikiaPage .wds-button.wds-is-text.wds-is-tumblr-color:not(.defualt):hover {
color:rgba(52,70,93,0.4);
}
#WikiaPage .wds-button.wds-is-text.wds-is-tumblr-color:not(.defualt):active {
color:rgba(52,70,93,0.6);
}
/* 11. Twitter */
#WikiaPage .wds-button.wds-is-twitter-color:not(.defualt):hover {
background-color:rgba(29,161,242,0.4);
border-color:rgba(29,161,242,0.4);
}
#WikiaPage .wds-button.wds-is-twitter-color:not(.defualt):active {
background-color:rgba(29,161,242,0.6);
border-color:rgba(29,161,242,0.6);
}
#WikiaPage .wds-button.wds-is-text.wds-is-twitter-color:not(.defualt) {
color:rgba(29,161,242,0.2);
}
#WikiaPage .wds-button.wds-is-text.wds-is-twitter-color:not(.defualt):hover {
color:rgba(29,161,242,0.4);
}
#WikiaPage .wds-button.wds-is-text.wds-is-twitter-color:not(.defualt):active {
color:rgba(29,161,242,0.6);
}
/* 12. Vkontakte */
#WikiaPage .wds-button.wds-is-vkontakte-color:not(.defualt):hover {
background-color:rgba(88,124,163,0.4);
border-color:rgba(88,124,163,0.4);
}
#WikiaPage .wds-button.wds-is-vkontakte-color:not(.defualt):active {
background-color:rgba(88,124,163,0.6);
border-color:rgba(88,124,163,0.6);
}
#WikiaPage .wds-button.wds-is-text.wds-is-vkontakte-color:not(.defualt) {
color:rgba(88,124,163,0.2);
}
#WikiaPage .wds-button.wds-is-text.wds-is-vkontakte-color:not(.defualt):hover {
color:rgba(88,124,163,0.4);
}
#WikiaPage .wds-button.wds-is-text.wds-is-vkontakte-color:not(.defualt):active {
color:rgba(88,124,163,0.6);
}
/* 13. Wykop */
#WikiaPage .wds-button.wds-is-wykop-color:not(.defualt):hover {
background-color:rgba(251,128,63,0.4);
border-color:rgba(251,128,63,0.4);
}
#WikiaPage .wds-button.wds-is-wykop-color:not(.defualt):active {
background-color:rgba(251,128,63,0.6);
border-color:rgba(251,128,63,0.6);
}
#WikiaPage .wds-button.wds-is-text.wds-is-wykop-color:not(.defualt) {
color:rgba(251,128,63,0.2);
}
#WikiaPage .wds-button.wds-is-text.wds-is-wykop-color:not(.defualt):hover {
color:rgba(251,128,63,0.4);
}
#WikiaPage .wds-button.wds-is-text.wds-is-wykop-color:not(.defualt):active {
color:rgba(251,128,63,0.6);
}
/* 14. Weibo */
#WikiaPage .wds-button.wds-is-weibo-color:not(.defualt):hover {
background-color:rgba(255,129,64,0.4);
border-color:rgba(255,129,64,0.4);
}
#WikiaPage .wds-button.wds-is-weibo-color:not(.defualt):active {
background-color:rgba(255,129,64,0.6);
border-color:rgba(255,129,64,0.6);
}
#WikiaPage .wds-button.wds-is-text.wds-is-weibo-color:not(.defualt) {
color:rgba(255,129,64,0.2);
}
#WikiaPage .wds-button.wds-is-text.wds-is-weibo-color:not(.defualt):hover {
color:rgba(255,129,64,0.4);
}
#WikiaPage .wds-button.wds-is-text.wds-is-weibo-color:not(.defualt):active {
color:rgba(255,129,64,0.6);
}
/* 15. Youtube */
#WikiaPage .wds-button.wds-is-youtube-color:not(.defualt):hover {
background-color:rgba(205,32,31,0.4);
border-color:rgba(205,32,31,0.4);
}
#WikiaPage .wds-button.wds-is-youtube-color:not(.defualt):active {
background-color:rgba(205,32,31,0.6);
border-color:rgba(205,32,31,0.6);
}
#WikiaPage .wds-button.wds-is-text.wds-is-youtube-color:not(.defualt) {
color:rgba(205,32,31,0.2);
}
#WikiaPage .wds-button.wds-is-text.wds-is-youtube-color:not(.defualt):hover {
color:rgba(205,32,31,0.4);
}
#WikiaPage .wds-button.wds-is-text.wds-is-youtube-color:not(.defualt):active {
color:rgba(205,32,31,0.6);
}
/** Secondary **/
#WikiaPage .wds-button.wds-is-secondary:not(.default) {
border:1px solid transparent;
background-color:transparent;
color:#181818;
}
#WikiaPage .wds-button.wds-is-secondary:hover:not(.default) {
background-color:rgba(241,241,241,0.4);
color:#242424;
opacity:1.25;
border:1px solid rgba(241,241,241,0.4);
outline-offset:-1px;
}
#WikiaPage .wds-button.wds-is-secondary:active:not(.default), #WikiaPage .wds-button.wds-is-secondary:focus:not(.default) {
background-color:rgba(241,241,241,0.6);
color:#242424;
opacity:1.5;
border:1px solid rgba(241,241,241,0.6);
outline-offset:-1px;
}
/** Primary **/
#WikiaPage .wds-button:not(.default) {
border:1px solid transparent;
background-color:transparent;
color:#181818;
}
#WikiaPage .wds-button:hover:not(.default) {
background-color:rgba(241,0,0,0.4);
color:#242424;
opacity:1.25;
border:1px solid rgba(241,0,0,0.4);
outline-offset:-1px;
}
#WikiaPage .wds-button:active:not(.default), #WikiaPage .wds-button:focus:not(.default) {
background-color:rgba(241,0,0,0.6);
color:#242424;
opacity:1.5;
border:1px solid rgba(241,0,0,0.6);
outline-offset:-1px;
}
/** Text buttons **/
#WikiaPage .wds-button.wds-is-text:not(.default) {
color:rgba(241,0,0,0.2);
background-color:transparent!important;
border:1px solid transparent!important;
}
#WikiaPage .wds-button.wds-is-text:hover:not(.default) {
color:rgba(241,0,0,0.4);
background-color:transparent;
outline:0!important;
}
#WikiaPage .wds-button.wds-is-text:active:not(.default), .wds-button.wds-is-text:focus:not(.default) {
color:rgba(241,0,0,0.6);
background-color:transparent!important;
outline:0!important;
}
#WikiaPage .wds-button.wds-is-secondary.wds-is-text:not(.default) {
color:rgba(255,255,255,0.2)!important;
background-color:transparent!important;
outline:0!important;
}
#WikiaPage .wds-button.wds-is-secondary.wds-is-text:hover:not(.default) {
color:rgba(255,255,255,0.4)!important;
background-color:transparent!important;
outline:0!important;
}
#WikiaPage .wds-button.wds-is-secondary.wds-is-text:active:not(.default), .wds-button.wds-is-secondary.wds-is-text:focus:not(.default) {
color:rgba(255,255,255,0.6)!important;
background-color:transparent!important;
outline:0!important;
}
/** Dark Theme Wiki Buttons **/
.oasis-dark-theme #WikiaPage .wds-button:not(.wds-is-text):not(.default) {
color:#d4d4d4;
}
.oasis-dark-theme #WikiaPage .wds-button:hover:not(.wds-is-text):not(.default), .oasis-dark-theme #WikiaPage .wds-button:active:not(.wds-is-text):not(.default), .oasis-dark-theme #WikiaPage .wds-button:focus:not(.wds-is-text):not(.default) {
color:#e2e2e2;
}
.oasis-dark-theme #WikiaPage .wds-button.wds-is-secondary.wds-is-text:not(.default) {
color:rgba(0,0,0,0.2)!important;
background-color:transparent!important;
outline:0!important;
}
.oasis-dark-theme #WikiaPage .wds-button.wds-is-secondary.wds-is-text:hover:not(.default) {
color:rgba(0,0,0,0.4)!important;
background-color:transparent!important;
outline:0!important;
}
.oasis-dark-theme #WikiaPage .wds-button.wds-is-secondary.wds-is-text:active:not(.default), .wds-button.wds-is-secondary.wds-is-text:focus:not(.default) {
color:rgba(0,0,0,0.6)!important;
background-color:transparent!important;
outline:0!important;
}
.oasis-dark-theme #WikiaPage .wds-button.wds-is-secondary:hover:not(.default) {
background-color:rgba(12,12,12,0.4);
border:1px solid rgba(12,12,12,0.4);
outline-offset:-1px;
}
.oasis-dark-theme #WikiaPage .wds-button.wds-is-secondary:active:not(.default), .oasis-dark-theme #WikiaPage .wds-button.wds-is-secondary:focus:not(.default) {
background-color:rgba(12,12,12,0.6);
border:1px solid rgba(12,12,12,0.6);
outline-offset:-1px;
}
/* ModalContent Buttons */
/** Fluent System **/
.modalWrapper .wds-button:not(.wds-is-text):not(.default) {
transition-property:background-color, color, transform;
}
.modalWrapper .wds-button:active:not(.wds-is-text):not(.default) {
transform:scale(0.9);
box-shadow:0 0 10px 0 rgba(12,12,12,0.3) inset;
}
.oasis-dark-theme .modalWrapper .wds-button:active:not(.wds-is-text):not(.default) {
box-shadow:0 0 10px 0 rgba(241,241,241,0.3) inset;
}
/* Buttons change */
.modalWrapper .wds-button:not(.default) {
padding:5px 13px;
font-weight:600;
border-radius:5px;
font-size:11px;
}
.modalWrapper .wds-button-group > .wds-button:not(.default) {
padding:5px 6px;
}
.modalWrapper .wds-button.wds-is-square:not(.default) {
width:35px;
height:35px;
padding:0;
}
/** Company in Text and primary **/
/* 1. Facebook */
.modalWrapper .wds-button.wds-is-facebook-color:not(.defualt):hover {
background-color:rgba(59,89,152,0.4);
border-color:rgba(59,89,152,0.4);
}
.modalWrapper .wds-button.wds-is-facebook-color:not(.defualt):active {
background-color:rgba(59,89,152,0.6);
border-color:rgba(59,89,152,0.6);
}
.modalWrapper .wds-button.wds-is-text.wds-is-facebook-color:not(.defualt) {
color:rgba(59,89,152,0.2);
}
.modalWrapper .wds-button.wds-is-text.wds-is-facebook-color:not(.defualt):hover {
color:rgba(59,89,152,0.4);
}
.modalWrapper .wds-button.wds-is-text.wds-is-facebook-color:not(.defualt):active {
color:rgba(59,89,152,0.6);
}
/* 2. Google Plus */
.modalWrapper .wds-button.wds-is-googleplus-color:not(.defualt):hover {
background-color:rgba(221,75,57,0.4);
border-color:rgba(221,75,57,0.4);
}
.modalWrapper .wds-button.wds-is-googleplus-color:not(.defualt):active {
background-color:rgba(221,75,57,0.6);
border-color:rgba(221,75,57,0.6);
}
.modalWrapper .wds-button.wds-is-text.wds-is-googleplus-color:not(.defualt) {
color:rgba(221,75,57,0.2);
}
.modalWrapper .wds-button.wds-is-text.wds-is-googleplus-color:not(.defualt):hover {
color:rgba(221,75,57,0.4);
}
.modalWrapper .wds-button.wds-is-text.wds-is-googleplus-color:not(.defualt):active {
color:rgba(221,75,57,0.6);
}
/* 3. Line */
.modalWrapper .wds-button.wds-is-line-color:not(.defualt):hover {
background-color:rgba(0,195,0,0.4);
border-color:rgba(0,195,0,0.4);
}
.modalWrapper .wds-button.wds-is-line-color:not(.defualt):active {
background-color:rgba(0,195,0,0.6);
border-color:rgba(0,195,0,0.6);
}
.modalWrapper .wds-button.wds-is-text.wds-is-line-color:not(.defualt) {
color:rgba(0,195,0,0.2);
}
.modalWrapper .wds-button.wds-is-text.wds-is-line-color:not(.defualt):hover {
color:rgba(0,195,0,0.4);
}
.modalWrapper .wds-button.wds-is-text.wds-is-line-color:not(.defualt):active {
color:rgba(0,195,0,0.6);
}
/* 4. Linkedin */
.modalWrapper .wds-button.wds-is-linkedin-color:not(.defualt):hover {
background-color:rgba(0,119,181,0.4);
border-color:rgba(0,119,181,0.4);
}
.modalWrapper .wds-button.wds-is-linkedin-color:not(.defualt):active {
background-color:rgba(0,119,181,0.6);
border-color:rgba(0,119,181,0.6);
}
.modalWrapper .wds-button.wds-is-text.wds-is-linkedin-color:not(.defualt) {
color:rgba(0,119,181,0.2);
}
.modalWrapper .wds-button.wds-is-text.wds-is-linkedin-color:not(.defualt):hover {
color:rgba(0,119,181,0.4);
}
.modalWrapper .wds-button.wds-is-text.wds-is-linkedin-color:not(.defualt):active {
color:rgba(0,119,181,0.6);
}
/* 5. Instagram */
.modalWrapper .wds-button.wds-is-instagram-color:not(.defualt):hover {
background-color:rgba(224,45,105,0.4);
border-color:rgba(224,45,105,0.4);
}
.modalWrapper .wds-button.wds-is-instagram-color:not(.defualt):active {
background-color:rgba(224,45,105,0.6);
border-color:rgba(224,45,105,0.6);
}
.modalWrapper .wds-button.wds-is-text.wds-is-instagram-color:not(.defualt) {
color:rgba(224,45,105,0.2);
}
.modalWrapper .wds-button.wds-is-text.wds-is-instagram-color:not(.defualt):hover {
color:rgba(224,45,105,0.4);
}
.modalWrapper .wds-button.wds-is-text.wds-is-instagram-color:not(.defualt):active {
color:rgba(224,45,105,0.6);
}
/* 6. Meneame */
.modalWrapper .wds-button.wds-is-meneame-color:not(.defualt):hover {
background-color:rgba(255,100,0,0.4);
border-color:rgba(255,100,0,0.4);
}
.modalWrapper .wds-button.wds-is-meneame-color:not(.defualt):active {
background-color:rgba(255,100,0,0.6);
border-color:rgba(255,100,0,0.6);
}
.modalWrapper .wds-button.wds-is-text.wds-is-meneame-color:not(.defualt) {
color:rgba(255,100,0,0.2);
}
.modalWrapper .wds-button.wds-is-text.wds-is-meneame-color:not(.defualt):hover {
color:rgba(255,100,0,0.4);
}
.modalWrapper .wds-button.wds-is-text.wds-is-meneame-color:not(.defualt):active {
color:rgba(255,100,0,0.6);
}
/* 7. NK */
.modalWrapper .wds-button.wds-is-nk-color:not(.defualt):hover {
background-color:rgba(64,119,167,0.4);
border-color:rgba(64,119,167,0.4);
}
.modalWrapper .wds-button.wds-is-nk-color:not(.defualt):active {
background-color:rgba(64,119,167,0.6);
border-color:rgba(64,119,167,0.6);
}
.modalWrapper .wds-button.wds-is-text.wds-is-nk-color:not(.defualt) {
color:rgba(64,119,167,0.2);
}
.modalWrapper .wds-button.wds-is-text.wds-is-nk-color:not(.defualt):hover {
color:rgba(64,119,167,0.4);
}
.modalWrapper .wds-button.wds-is-text.wds-is-nk-color:not(.defualt):active {
color:rgba(64,119,167,0.6);
}
/* 8. Odnoklassniki */
.modalWrapper .wds-button.wds-is-odnoklassniki-color:not(.defualt):hover {
background-color:rgba(249,105,0,0.4);
border-color:rgba(249,105,0,0.4);
}
.modalWrapper .wds-button.wds-is-odnoklassniki-color:not(.defualt):active {
background-color:rgba(249,105,0,0.6);
border-color:rgba(249,105,0,0.6);
}
.modalWrapper .wds-button.wds-is-text.wds-is-odnoklassniki-color:not(.defualt) {
color:rgba(249,105,0,0.2);
}
.modalWrapper .wds-button.wds-is-text.wds-is-odnoklassniki-color:not(.defualt):hover {
color:rgba(249,105,0,0.4);
}
.modalWrapper .wds-button.wds-is-text.wds-is-odnoklassniki-color:not(.defualt):active {
color:rgba(249,105,0,0.6);
}
/* 9. Reddit */
.modalWrapper .wds-button.wds-is-reddit-color:not(.defualt):hover {
background-color:rgba(255,69,0,0.4);
border-color:rgba(255,69,0,0.4);
}
.modalWrapper .wds-button.wds-is-reddit-color:not(.defualt):active {
background-color:rgba(255,69,0,0.6);
border-color:rgba(255,69,0,0.6);
}
.modalWrapper .wds-button.wds-is-text.wds-is-reddit-color:not(.defualt) {
color:rgba(255,69,0,0.2);
}
.modalWrapper .wds-button.wds-is-text.wds-is-reddit-color:not(.defualt):hover {
color:rgba(255,69,0,0.4);
}
.modalWrapper .wds-button.wds-is-text.wds-is-reddit-color:not(.defualt):active {
color:rgba(255,69,0,0.6);
}
/* 10. Tumblr */
.modalWrapper .wds-button.wds-is-tumblr-color:not(.defualt):hover {
background-color:rgba(52,70,93,0.4);
border-color:rgba(52,70,93,0.4);
}
.modalWrapper .wds-button.wds-is-tumblr-color:not(.defualt):active {
background-color:rgba(52,70,93,0.6);
border-color:rgba(52,70,93,0.6);
}
.modalWrapper .wds-button.wds-is-text.wds-is-tumblr-color:not(.defualt) {
color:rgba(52,70,93,0.2);
}
.modalWrapper .wds-button.wds-is-text.wds-is-tumblr-color:not(.defualt):hover {
color:rgba(52,70,93,0.4);
}
.modalWrapper .wds-button.wds-is-text.wds-is-tumblr-color:not(.defualt):active {
color:rgba(52,70,93,0.6);
}
/* 11. Twitter */
.modalWrapper .wds-button.wds-is-twitter-color:not(.defualt):hover {
background-color:rgba(29,161,242,0.4);
border-color:rgba(29,161,242,0.4);
}
.modalWrapper .wds-button.wds-is-twitter-color:not(.defualt):active {
background-color:rgba(29,161,242,0.6);
border-color:rgba(29,161,242,0.6);
}
.modalWrapper .wds-button.wds-is-text.wds-is-twitter-color:not(.defualt) {
color:rgba(29,161,242,0.2);
}
.modalWrapper .wds-button.wds-is-text.wds-is-twitter-color:not(.defualt):hover {
color:rgba(29,161,242,0.4);
}
.modalWrapper .wds-button.wds-is-text.wds-is-twitter-color:not(.defualt):active {
color:rgba(29,161,242,0.6);
}
/* 12. Vkontakte */
.modalWrapper .wds-button.wds-is-vkontakte-color:not(.defualt):hover {
background-color:rgba(88,124,163,0.4);
border-color:rgba(88,124,163,0.4);
}
.modalWrapper .wds-button.wds-is-vkontakte-color:not(.defualt):active {
background-color:rgba(88,124,163,0.6);
border-color:rgba(88,124,163,0.6);
}
.modalWrapper .wds-button.wds-is-text.wds-is-vkontakte-color:not(.defualt) {
color:rgba(88,124,163,0.2);
}
.modalWrapper .wds-button.wds-is-text.wds-is-vkontakte-color:not(.defualt):hover {
color:rgba(88,124,163,0.4);
}
.modalWrapper .wds-button.wds-is-text.wds-is-vkontakte-color:not(.defualt):active {
color:rgba(88,124,163,0.6);
}
/* 13. Wykop */
.modalWrapper .wds-button.wds-is-wykop-color:not(.defualt):hover {
background-color:rgba(251,128,63,0.4);
border-color:rgba(251,128,63,0.4);
}
.modalWrapper .wds-button.wds-is-wykop-color:not(.defualt):active {
background-color:rgba(251,128,63,0.6);
border-color:rgba(251,128,63,0.6);
}
.modalWrapper .wds-button.wds-is-text.wds-is-wykop-color:not(.defualt) {
color:rgba(251,128,63,0.2);
}
.modalWrapper .wds-button.wds-is-text.wds-is-wykop-color:not(.defualt):hover {
color:rgba(251,128,63,0.4);
}
.modalWrapper .wds-button.wds-is-text.wds-is-wykop-color:not(.defualt):active {
color:rgba(251,128,63,0.6);
}
/* 14. Weibo */
.modalWrapper .wds-button.wds-is-weibo-color:not(.defualt):hover {
background-color:rgba(255,129,64,0.4);
border-color:rgba(255,129,64,0.4);
}
.modalWrapper .wds-button.wds-is-weibo-color:not(.defualt):active {
background-color:rgba(255,129,64,0.6);
border-color:rgba(255,129,64,0.6);
}
.modalWrapper .wds-button.wds-is-text.wds-is-weibo-color:not(.defualt) {
color:rgba(255,129,64,0.2);
}
.modalWrapper .wds-button.wds-is-text.wds-is-weibo-color:not(.defualt):hover {
color:rgba(255,129,64,0.4);
}
.modalWrapper .wds-button.wds-is-text.wds-is-weibo-color:not(.defualt):active {
color:rgba(255,129,64,0.6);
}
/* 15. Youtube */
.modalWrapper .wds-button.wds-is-youtube-color:not(.defualt):hover {
background-color:rgba(205,32,31,0.4);
border-color:rgba(205,32,31,0.4);
}
.modalWrapper .wds-button.wds-is-youtube-color:not(.defualt):active {
background-color:rgba(205,32,31,0.6);
border-color:rgba(205,32,31,0.6);
}
.modalWrapper .wds-button.wds-is-text.wds-is-youtube-color:not(.defualt) {
color:rgba(205,32,31,0.2);
}
.modalWrapper .wds-button.wds-is-text.wds-is-youtube-color:not(.defualt):hover {
color:rgba(205,32,31,0.4);
}
.modalWrapper .wds-button.wds-is-text.wds-is-youtube-color:not(.defualt):active {
color:rgba(205,32,31,0.6);
}
/** Secondary **/
.modalWrapper .wds-button.wds-is-secondary:not(.default) {
border:1px solid transparent;
background-color:transparent;
color:#181818;
}
.modalWrapper .wds-button.wds-is-secondary:hover:not(.default) {
background-color:rgba(241,241,241,0.4);
color:#242424;
opacity:1.25;
border:1px solid rgba(241,241,241,0.4);
outline-offset:-1px;
}
.modalWrapper .wds-button.wds-is-secondary:active:not(.default), .modalWrapper .wds-button.wds-is-secondary:focus:not(.default) {
background-color:rgba(241,241,241,0.6);
color:#242424;
opacity:1.5;
border:1px solid rgba(241,241,241,0.6);
outline-offset:-1px;
}
/** Primary **/
.modalWrapper .wds-button:not(.default) {
border:1px solid transparent;
background-color:transparent;
color:#181818;
}
.modalWrapper .wds-button:hover:not(.default) {
background-color:rgba(241,0,0,0.4);
color:#242424;
opacity:1.25;
border:1px solid rgba(241,0,0,0.4);
outline-offset:-1px;
}
.modalWrapper .wds-button:active:not(.default), .modalWrapper .wds-button:focus:not(.default) {
background-color:rgba(241,0,0,0.6);
color:#242424;
opacity:1.5;
border:1px solid rgba(241,0,0,0.6);
outline-offset:-1px;
}
/** Text buttons **/
.modalWrapper .wds-button.wds-is-text:not(.default) {
color:rgba(241,0,0,0.2);
background-color:transparent!important;
border:1px solid transparent!important;
}
.modalWrapper .wds-button.wds-is-text:hover:not(.default) {
color:rgba(241,0,0,0.4);
background-color:transparent;
outline:0!important;
}
.modalWrapper .wds-button.wds-is-text:active:not(.default), .wds-button.wds-is-text:focus:not(.default) {
color:rgba(241,0,0,0.6);
background-color:transparent!important;
outline:0!important;
}
.modalWrapper .wds-button.wds-is-secondary.wds-is-text:not(.default) {
color:rgba(255,255,255,0.2)!important;
background-color:transparent!important;
outline:0!important;
}
.modalWrapper .wds-button.wds-is-secondary.wds-is-text:hover:not(.default) {
color:rgba(255,255,255,0.4)!important;
background-color:transparent!important;
outline:0!important;
}
.modalWrapper .wds-button.wds-is-secondary.wds-is-text:active:not(.default), .wds-button.wds-is-secondary.wds-is-text:focus:not(.default) {
color:rgba(255,255,255,0.6)!important;
background-color:transparent!important;
outline:0!important;
}
/** Dark Theme Wiki Buttons **/
.oasis-dark-theme .modalWrapper .wds-button:not(.wds-is-text):not(.default) {
color:#d4d4d4;
}
.oasis-dark-theme .modalWrapper .wds-button:hover:not(.wds-is-text):not(.default), .oasis-dark-theme .modalWrapper .wds-button:active:not(.wds-is-text):not(.default), .oasis-dark-theme .modalWrapper .wds-button:focus:not(.wds-is-text):not(.default) {
color:#e2e2e2;
}
.oasis-dark-theme .modalWrapper .wds-button.wds-is-secondary.wds-is-text:not(.default) {
color:rgba(0,0,0,0.2)!important;
background-color:transparent!important;
outline:0!important;
}
.oasis-dark-theme .modalWrapper .wds-button.wds-is-secondary.wds-is-text:hover:not(.default) {
color:rgba(0,0,0,0.4)!important;
background-color:transparent!important;
outline:0!important;
}
.oasis-dark-theme .modalWrapper .wds-button.wds-is-secondary.wds-is-text:active:not(.default), .wds-button.wds-is-secondary.wds-is-text:focus:not(.default) {
color:rgba(0,0,0,0.6)!important;
background-color:transparent!important;
outline:0!important;
}
.oasis-dark-theme .modalWrapper .wds-button.wds-is-secondary:hover:not(.default) {
background-color:rgba(12,12,12,0.4);
border:1px solid rgba(12,12,12,0.4);
outline-offset:-1px;
}
.oasis-dark-theme .modalWrapper .wds-button.wds-is-secondary:active:not(.default), .oasis-dark-theme .modalWrapper .wds-button.wds-is-secondary:focus:not(.default) {
background-color:rgba(12,12,12,0.6);
border:1px solid rgba(12,12,12,0.6);
outline-offset:-1px;
}
/* ModalNew Buttons */
/** Fluent System **/
.modal .wds-button:not(.wds-is-text):not(.default) {
transition-property:background-color, color, transform;
}
.modal .wds-button:active:not(.wds-is-text):not(.default) {
transform:scale(0.9);
box-shadow:0 0 10px 0 rgba(12,12,12,0.3) inset;
}
.oasis-dark-theme .modal .wds-button:active:not(.wds-is-text):not(.default) {
box-shadow:0 0 10px 0 rgba(241,241,241,0.3) inset;
}
/* Buttons change */
.modal .wds-button:not(.default) {
padding:5px 13px;
font-weight:600;
border-radius:5px;
font-size:11px;
}
.modal .wds-button-group > .wds-button:not(.default) {
padding:5px 6px;
}
.modal .wds-button.wds-is-square:not(.default) {
width:35px;
height:35px;
padding:0;
}
/** Company in Text and primary **/
/* 1. Facebook */
.modal .wds-button.wds-is-facebook-color:not(.defualt):hover {
background-color:rgba(59,89,152,0.4);
border-color:rgba(59,89,152,0.4);
}
.modal .wds-button.wds-is-facebook-color:not(.defualt):active {
background-color:rgba(59,89,152,0.6);
border-color:rgba(59,89,152,0.6);
}
.modal .wds-button.wds-is-text.wds-is-facebook-color:not(.defualt) {
color:rgba(59,89,152,0.2);
}
.modal .wds-button.wds-is-text.wds-is-facebook-color:not(.defualt):hover {
color:rgba(59,89,152,0.4);
}
.modal .wds-button.wds-is-text.wds-is-facebook-color:not(.defualt):active {
color:rgba(59,89,152,0.6);
}
/* 2. Google Plus */
.modal .wds-button.wds-is-googleplus-color:not(.defualt):hover {
background-color:rgba(221,75,57,0.4);
border-color:rgba(221,75,57,0.4);
}
.modal .wds-button.wds-is-googleplus-color:not(.defualt):active {
background-color:rgba(221,75,57,0.6);
border-color:rgba(221,75,57,0.6);
}
.modal .wds-button.wds-is-text.wds-is-googleplus-color:not(.defualt) {
color:rgba(221,75,57,0.2);
}
.modal .wds-button.wds-is-text.wds-is-googleplus-color:not(.defualt):hover {
color:rgba(221,75,57,0.4);
}
.modal .wds-button.wds-is-text.wds-is-googleplus-color:not(.defualt):active {
color:rgba(221,75,57,0.6);
}
/* 3. Line */
.modal .wds-button.wds-is-line-color:not(.defualt):hover {
background-color:rgba(0,195,0,0.4);
border-color:rgba(0,195,0,0.4);
}
.modal .wds-button.wds-is-line-color:not(.defualt):active {
background-color:rgba(0,195,0,0.6);
border-color:rgba(0,195,0,0.6);
}
.modal .wds-button.wds-is-text.wds-is-line-color:not(.defualt) {
color:rgba(0,195,0,0.2);
}
.modal .wds-button.wds-is-text.wds-is-line-color:not(.defualt):hover {
color:rgba(0,195,0,0.4);
}
.modal .wds-button.wds-is-text.wds-is-line-color:not(.defualt):active {
color:rgba(0,195,0,0.6);
}
/* 4. Linkedin */
.modal .wds-button.wds-is-linkedin-color:not(.defualt):hover {
background-color:rgba(0,119,181,0.4);
border-color:rgba(0,119,181,0.4);
}
.modal .wds-button.wds-is-linkedin-color:not(.defualt):active {
background-color:rgba(0,119,181,0.6);
border-color:rgba(0,119,181,0.6);
}
.modal .wds-button.wds-is-text.wds-is-linkedin-color:not(.defualt) {
color:rgba(0,119,181,0.2);
}
.modal .wds-button.wds-is-text.wds-is-linkedin-color:not(.defualt):hover {
color:rgba(0,119,181,0.4);
}
.modal .wds-button.wds-is-text.wds-is-linkedin-color:not(.defualt):active {
color:rgba(0,119,181,0.6);
}
/* 5. Instagram */
.modal .wds-button.wds-is-instagram-color:not(.defualt):hover {
background-color:rgba(224,45,105,0.4);
border-color:rgba(224,45,105,0.4);
}
.modal .wds-button.wds-is-instagram-color:not(.defualt):active {
background-color:rgba(224,45,105,0.6);
border-color:rgba(224,45,105,0.6);
}
.modal .wds-button.wds-is-text.wds-is-instagram-color:not(.defualt) {
color:rgba(224,45,105,0.2);
}
.modal .wds-button.wds-is-text.wds-is-instagram-color:not(.defualt):hover {
color:rgba(224,45,105,0.4);
}
.modal .wds-button.wds-is-text.wds-is-instagram-color:not(.defualt):active {
color:rgba(224,45,105,0.6);
}
/* 6. Meneame */
.modal .wds-button.wds-is-meneame-color:not(.defualt):hover {
background-color:rgba(255,100,0,0.4);
border-color:rgba(255,100,0,0.4);
}
.modal .wds-button.wds-is-meneame-color:not(.defualt):active {
background-color:rgba(255,100,0,0.6);
border-color:rgba(255,100,0,0.6);
}
.modal .wds-button.wds-is-text.wds-is-meneame-color:not(.defualt) {
color:rgba(255,100,0,0.2);
}
.modal .wds-button.wds-is-text.wds-is-meneame-color:not(.defualt):hover {
color:rgba(255,100,0,0.4);
}
.modal .wds-button.wds-is-text.wds-is-meneame-color:not(.defualt):active {
color:rgba(255,100,0,0.6);
}
/* 7. NK */
.modal .wds-button.wds-is-nk-color:not(.defualt):hover {
background-color:rgba(64,119,167,0.4);
border-color:rgba(64,119,167,0.4);
}
.modal .wds-button.wds-is-nk-color:not(.defualt):active {
background-color:rgba(64,119,167,0.6);
border-color:rgba(64,119,167,0.6);
}
.modal .wds-button.wds-is-text.wds-is-nk-color:not(.defualt) {
color:rgba(64,119,167,0.2);
}
.modal .wds-button.wds-is-text.wds-is-nk-color:not(.defualt):hover {
color:rgba(64,119,167,0.4);
}
.modal .wds-button.wds-is-text.wds-is-nk-color:not(.defualt):active {
color:rgba(64,119,167,0.6);
}
/* 8. Odnoklassniki */
.modal .wds-button.wds-is-odnoklassniki-color:not(.defualt):hover {
background-color:rgba(249,105,0,0.4);
border-color:rgba(249,105,0,0.4);
}
.modal .wds-button.wds-is-odnoklassniki-color:not(.defualt):active {
background-color:rgba(249,105,0,0.6);
border-color:rgba(249,105,0,0.6);
}
.modal .wds-button.wds-is-text.wds-is-odnoklassniki-color:not(.defualt) {
color:rgba(249,105,0,0.2);
}
.modal .wds-button.wds-is-text.wds-is-odnoklassniki-color:not(.defualt):hover {
color:rgba(249,105,0,0.4);
}
.modal .wds-button.wds-is-text.wds-is-odnoklassniki-color:not(.defualt):active {
color:rgba(249,105,0,0.6);
}
/* 9. Reddit */
.modal .wds-button.wds-is-reddit-color:not(.defualt):hover {
background-color:rgba(255,69,0,0.4);
border-color:rgba(255,69,0,0.4);
}
.modal .wds-button.wds-is-reddit-color:not(.defualt):active {
background-color:rgba(255,69,0,0.6);
border-color:rgba(255,69,0,0.6);
}
.modal .wds-button.wds-is-text.wds-is-reddit-color:not(.defualt) {
color:rgba(255,69,0,0.2);
}
.modal .wds-button.wds-is-text.wds-is-reddit-color:not(.defualt):hover {
color:rgba(255,69,0,0.4);
}
.modal .wds-button.wds-is-text.wds-is-reddit-color:not(.defualt):active {
color:rgba(255,69,0,0.6);
}
/* 10. Tumblr */
.modal .wds-button.wds-is-tumblr-color:not(.defualt):hover {
background-color:rgba(52,70,93,0.4);
border-color:rgba(52,70,93,0.4);
}
.modal .wds-button.wds-is-tumblr-color:not(.defualt):active {
background-color:rgba(52,70,93,0.6);
border-color:rgba(52,70,93,0.6);
}
.modal .wds-button.wds-is-text.wds-is-tumblr-color:not(.defualt) {
color:rgba(52,70,93,0.2);
}
.modal .wds-button.wds-is-text.wds-is-tumblr-color:not(.defualt):hover {
color:rgba(52,70,93,0.4);
}
.modal .wds-button.wds-is-text.wds-is-tumblr-color:not(.defualt):active {
color:rgba(52,70,93,0.6);
}
/* 11. Twitter */
.modal .wds-button.wds-is-twitter-color:not(.defualt):hover {
background-color:rgba(29,161,242,0.4);
border-color:rgba(29,161,242,0.4);
}
.modal .wds-button.wds-is-twitter-color:not(.defualt):active {
background-color:rgba(29,161,242,0.6);
border-color:rgba(29,161,242,0.6);
}
.modal .wds-button.wds-is-text.wds-is-twitter-color:not(.defualt) {
color:rgba(29,161,242,0.2);
}
.modal .wds-button.wds-is-text.wds-is-twitter-color:not(.defualt):hover {
color:rgba(29,161,242,0.4);
}
.modal .wds-button.wds-is-text.wds-is-twitter-color:not(.defualt):active {
color:rgba(29,161,242,0.6);
}
/* 12. Vkontakte */
.modal .wds-button.wds-is-vkontakte-color:not(.defualt):hover {
background-color:rgba(88,124,163,0.4);
border-color:rgba(88,124,163,0.4);
}
.modal .wds-button.wds-is-vkontakte-color:not(.defualt):active {
background-color:rgba(88,124,163,0.6);
border-color:rgba(88,124,163,0.6);
}
.modal .wds-button.wds-is-text.wds-is-vkontakte-color:not(.defualt) {
color:rgba(88,124,163,0.2);
}
.modal .wds-button.wds-is-text.wds-is-vkontakte-color:not(.defualt):hover {
color:rgba(88,124,163,0.4);
}
.modal .wds-button.wds-is-text.wds-is-vkontakte-color:not(.defualt):active {
color:rgba(88,124,163,0.6);
}
/* 13. Wykop */
.modal .wds-button.wds-is-wykop-color:not(.defualt):hover {
background-color:rgba(251,128,63,0.4);
border-color:rgba(251,128,63,0.4);
}
.modal .wds-button.wds-is-wykop-color:not(.defualt):active {
background-color:rgba(251,128,63,0.6);
border-color:rgba(251,128,63,0.6);
}
.modal .wds-button.wds-is-text.wds-is-wykop-color:not(.defualt) {
color:rgba(251,128,63,0.2);
}
.modal .wds-button.wds-is-text.wds-is-wykop-color:not(.defualt):hover {
color:rgba(251,128,63,0.4);
}
.modal .wds-button.wds-is-text.wds-is-wykop-color:not(.defualt):active {
color:rgba(251,128,63,0.6);
}
/* 14. Weibo */
.modal .wds-button.wds-is-weibo-color:not(.defualt):hover {
background-color:rgba(255,129,64,0.4);
border-color:rgba(255,129,64,0.4);
}
.modal .wds-button.wds-is-weibo-color:not(.defualt):active {
background-color:rgba(255,129,64,0.6);
border-color:rgba(255,129,64,0.6);
}
.modal .wds-button.wds-is-text.wds-is-weibo-color:not(.defualt) {
color:rgba(255,129,64,0.2);
}
.modal .wds-button.wds-is-text.wds-is-weibo-color:not(.defualt):hover {
color:rgba(255,129,64,0.4);
}
.modal .wds-button.wds-is-text.wds-is-weibo-color:not(.defualt):active {
color:rgba(255,129,64,0.6);
}
/* 15. Youtube */
.modal .wds-button.wds-is-youtube-color:not(.defualt):hover {
background-color:rgba(205,32,31,0.4);
border-color:rgba(205,32,31,0.4);
}
.modal .wds-button.wds-is-youtube-color:not(.defualt):active {
background-color:rgba(205,32,31,0.6);
border-color:rgba(205,32,31,0.6);
}
.modal .wds-button.wds-is-text.wds-is-youtube-color:not(.defualt) {
color:rgba(205,32,31,0.2);
}
.modal .wds-button.wds-is-text.wds-is-youtube-color:not(.defualt):hover {
color:rgba(205,32,31,0.4);
}
.modal .wds-button.wds-is-text.wds-is-youtube-color:not(.defualt):active {
color:rgba(205,32,31,0.6);
}
/** Secondary **/
.modal .wds-button.wds-is-secondary:not(.default) {
border:1px solid transparent;
background-color:transparent;
color:#181818;
}
.modal .wds-button.wds-is-secondary:hover:not(.default) {
background-color:rgba(241,241,241,0.4);
color:#242424;
opacity:1.25;
border:1px solid rgba(241,241,241,0.4);
outline-offset:-1px;
}
.modal .wds-button.wds-is-secondary:active:not(.default), .modal .wds-button.wds-is-secondary:focus:not(.default) {
background-color:rgba(241,241,241,0.6);
color:#242424;
opacity:1.5;
border:1px solid rgba(241,241,241,0.6);
outline-offset:-1px;
}
/** Primary **/
.modal .wds-button:not(.default) {
border:1px solid transparent;
background-color:transparent;
color:#181818;
}
.modal .wds-button:hover:not(.default) {
background-color:rgba(241,0,0,0.4);
color:#242424;
opacity:1.25;
border:1px solid rgba(241,0,0,0.4);
outline-offset:-1px;
}
.modal .wds-button:active:not(.default), .modal .wds-button:focus:not(.default) {
background-color:rgba(241,0,0,0.6);
color:#242424;
opacity:1.5;
border:1px solid rgba(241,0,0,0.6);
outline-offset:-1px;
}
/** Text buttons **/
.modal .wds-button.wds-is-text:not(.default) {
color:rgba(241,0,0,0.2);
background-color:transparent!important;
border:1px solid transparent!important;
}
.modal .wds-button.wds-is-text:hover:not(.default) {
color:rgba(241,0,0,0.4);
background-color:transparent;
outline:0!important;
}
.modal .wds-button.wds-is-text:active:not(.default), .wds-button.wds-is-text:focus:not(.default) {
color:rgba(241,0,0,0.6);
background-color:transparent!important;
outline:0!important;
}
.modal .wds-button.wds-is-secondary.wds-is-text:not(.default) {
color:rgba(255,255,255,0.2)!important;
background-color:transparent!important;
outline:0!important;
}
.modal .wds-button.wds-is-secondary.wds-is-text:hover:not(.default) {
color:rgba(255,255,255,0.4)!important;
background-color:transparent!important;
outline:0!important;
}
.modal .wds-button.wds-is-secondary.wds-is-text:active:not(.default), .wds-button.wds-is-secondary.wds-is-text:focus:not(.default) {
color:rgba(255,255,255,0.6)!important;
background-color:transparent!important;
outline:0!important;
}
/** Dark Theme Wiki Buttons **/
.oasis-dark-theme .modal .wds-button:not(.wds-is-text):not(.default) {
color:#d4d4d4;
}
.oasis-dark-theme .modal .wds-button:hover:not(.wds-is-text):not(.default), .oasis-dark-theme .modal .wds-button:active:not(.wds-is-text):not(.default), .oasis-dark-theme .modal .wds-button:focus:not(.wds-is-text):not(.default) {
color:#e2e2e2;
}
.oasis-dark-theme .modal .wds-button.wds-is-secondary.wds-is-text:not(.default) {
color:rgba(0,0,0,0.2)!important;
background-color:transparent!important;
outline:0!important;
}
.oasis-dark-theme .modal .wds-button.wds-is-secondary.wds-is-text:hover:not(.default) {
color:rgba(0,0,0,0.4)!important;
background-color:transparent!important;
outline:0!important;
}
.oasis-dark-theme .modal .wds-button.wds-is-secondary.wds-is-text:active:not(.default), .wds-button.wds-is-secondary.wds-is-text:focus:not(.default) {
color:rgba(0,0,0,0.6)!important;
background-color:transparent!important;
outline:0!important;
}
.oasis-dark-theme .modal .wds-button.wds-is-secondary:hover:not(.default) {
background-color:rgba(12,12,12,0.4);
border:1px solid rgba(12,12,12,0.4);
outline-offset:-1px;
}
.oasis-dark-theme .modal .wds-button.wds-is-secondary:active:not(.default), .oasis-dark-theme .modal .wds-button.wds-is-secondary:focus:not(.default) {
background-color:rgba(12,12,12,0.6);
border:1px solid rgba(12,12,12,0.6);
outline-offset:-1px;
}
/* UTC Clock */
#ASTclock {
font-family:var(--main-font), Roboto Mono, monospace!important;
}
/* Toolbar colour change */
.WikiaBarWrapper {
background-color:transparent;
background-image:-webkit-linear-gradient(to bottom,rgb(var(--local-nav-color2)), rgba(var(--local-nav-color2),0.5), rgb(var(--local-nav-color2)));
background-image:linear-gradient(to bottom,rgb(var(--local-nav-color2)), rgba(var(--local-nav-color2),0.5), rgb(var(--local-nav-color2)));
border-top:4px groove rgb(var(--local-nav-color2));
}
.WikiaBarWrapper .wikia-bar {
background-image:none;
}
/* Bar wrapper colour override */
.WikiaBarWrapper .wikia-bar .toolbar .tools .menu .tools-menu, .wikia-menu-button ul {
background-color:var(--local-nav-color);
border-top:5px groove var(--local-nav-color);
border-left:5px groove var(--local-nav-color);
border-bottom:5px ridge var(--local-nav-color);
border-right:5px ridge var(--local-nav-color);
border-radius:10px;
box-shadow:1px -1px 6px 2px var(--local-nav-color);
font-weight:200;
}
.wikia-menu-button.secondary ul {
background-color:rgb(var(--local-nav-color2));
border-bottom:5px groove rgb(var(--local-nav-color2));
border-right:5px groove rgb(var(--local-nav-color2));
border-top:5px ridge rgb(var(--local-nav-color2));
border-left:5px ridge rgb(var(--local-nav-color2));
}
.WikiaBarWrapper .wikia-bar .toolbar .tools .menu .tools-menu li a:hover, .wikia-menu-button ul a:hover, .wikia-menu-button li a:hover, .wikia-menu-button .WikiaMenuElement li a:hover {
background-color:rgba(12,12,12,0.120)!important;
color:rgb(var(--links-color-rgb));
}
.WikiaBarWrapper .wikia-bar .toolbar .tools .menu .tools-menu li a:active, .wikia-menu-button ul a:active, .wikia-menu-button li a:active, .wikia-menu-button .WikiaMenuElement li a:active {
transform:scale(0.9);
box-shadow:0 0 10px 0 rgba(12,12,12,0.3) inset;
}
.WikiaBarWrapper .wikia-bar .toolbar .tools .menu .tools-menu li a, .wikia-menu-button ul a, .wikia-menu-button li a, .wikia-menu-button .WikiaMenuElement li a {
transition-duration:120ms;
transition-property:background-color, color, border-color, transform;
}
.WikiaBarWrapper .wikia-bar .toolbar .tools .menu .tools-menu li, .wikia-menu-button li, .wikia-menu-button .WikiaMenuElement li {
border-color:rgba(0,0,0,0.120);
}
.wikia-menu-button li, .wikia-menu-button .WikiaMenuElement li {
background-color:transparent!important;
}
/* Radius Change */
.WikiaBarWrapper .wikia-bar .toolbar .tools .menu .tools-menu li:only-child a, .wikia-menu-button li:only-child a, .wikia-menu-button .WikiaMenuElement li:only-child a {
border-radius:6px;
}
.WikiaBarWrapper .wikia-bar .toolbar .tools .menu .tools-menu li:first-child:not(:only-child):not(:last-child) a, .wikia-menu-button li:first-child:not(:only-child):not(:last-child) a, .wikia-menu-button .WikiaMenuElement li:first-child:not(:only-child):not(:last-child) a {
border-radius:6px 6px 0 0;
}
.WikiaBarWrapper .wikia-bar .toolbar .tools .menu .tools-menu li:last-child:not(:only-child):not(:first-child) a, .wikia-menu-button li:last-child:not(:only-child):not(:first-child) a, .wikia-menu-button .WikiaMenuElement li:last-child:not(:only-child):not(:first-child) a {
border-radius:0 0 6px 6px;
}
/** Menu element fix **/
/** RTL fix **/
.rtl .WikiaBarWrapper .wikia-bar .toolbar .tools .menu .tools-menu, .rtl .wikia-menu-button ul {
border-left-style:ridge!important;
border-right-style:groove!important;
}
/** Dark theme fixes **/
.oasis-dark-theme .WikiaBarWrapper .wikia-bar .toolbar .tools .menu .tools-menu, .oasis-dark-theme .wikia-menu-button ul {
color:white;
}
.oasis-dark-theme .WikiaBarWrapper .wikia-bar .toolbar .tools .menu .tools-menu li a:hover, .oasis-dark-theme .wikia-menu-button ul a:hover, .oasis-dark-theme .wikia-menu-button li a:hover,.oasis-dark-theme .wikia-menu-button .WikiaMenuElement li a:hover {
background-color:rgba(241,241,241,0.120)!important;
}
.oasis-dark-theme .WikiaBarWrapper .wikia-bar .toolbar .tools .menu .tools-menu li, .oasis-dark-theme .wikia-menu-button li, .oasis-dark-theme .wikia-menu-button .WikiaMenuElement li {
border-color:rgba(255,255,255,0.120);
}
.oasis-dark-theme .WikiaBarWrapper .wikia-bar .toolbar .tools .menu .tools-menu li a:active, .oasis-dark-theme .wikia-menu-button ul a:active,.oasis-dark-theme .wikia-menu-button li a:active, .oasis-dark-theme .wikia-menu-button .WikiaMenuElement li a:active {
box-shadow:0 0 10px 0 rgba(241,241,241,0.3) inset;
}
/** Fixes to the classic menu **/
.wikia-menu-button ul {
font-weight:200!important;
text-transform:none!important;
transform:none!important;
}
/* WikiaPage Dropdowns */
#WikiaPage .wds-button-group .wds-dropdown {position: static;}
#WikiaPage .wds-button-group {
position:relative;
}
/** Light Theme **/
#WikiaPage .wds-list li a,#WikiaPage .wds-dropdown__content .wds-list.wds-is-linked>li>a {
background-color:var(--local-nav-color);
color:black;
border:1px solid transparent;
border-radius:5px!important;
transition-property:background-color, color, transform;
padding:10px;
}
#WikiaPage .wds-dropdown__content .wds-list.wds-is-linked>li:hover>a, #WikiaPage .wds-list li a:hover, #WikiaPage .wds-list li a.seclected {
background-color:rgba(12,12,12,0.120);
color:rgb(var(--links-color-rgb));
border:1px solid rgba(12,12,12,0.3);
outline-offset:-1px;
}
#WikiaPage .wds-dropdown__content, #WikiaPage .wds-dropdown-level-2__content, #WikiaPage .wds-dropdown-level-3__content {
background-color:var(--local-nav-color)!important;
border-top-style:solid;
border-top-width:1px;
border-color:rgb(var(--local-nav-rgb-dark))!important;
border-radius:7px!important;
font-size:13px;
box-shadow:0px 0px 4px 2px rgb(var(--local-nav-rgb-dark));
}
#WikiaPage .wds-dropdown::after {
border-bottom-color:var(--local-nav-color);
}
#WikiaPage .wds-dropdown::before{
border-bottom-color:rgb(var(--local-nav-rgb-dark));
}
#WikiaPage .wds-list::before,
#WikiaPage .wds-list::after {
background-color: transparent !important;
}
#WikiaPage .wds-list li a:active {
transform:scale(0.9);
box-shadow:0 0 10px 0 rgba(12,12,12,0.3) inset;
}
/** Dark theme **/
.oasis-dark-theme #WikiaPage .wds-list li a, .oasis-dark-theme #WikiaPage .wds-dropdown__content .wds-list.wds-is-linked>li>a {
color:white;
}
.oasis-dark-theme #WikiaPage .wds-list li a:active {
box-shadow:0 0 10px 0 rgba(241,241,241,0.3) inset;
}
.oasis-dark-theme #WikiaPage .wds-dropdown__content .wds-list.wds-is-linked>li:hover>a, .oasis-dark-theme #WikiaPage .wds-list li a:hover, .oasis-dark-theme #WikiaPage .wds-list li a.seclected {
background-color:rgba(241,241,241,0.120);
color:rgb(var(--links-color-rgb));
border:1px solid rgba(241,241,241,0.3);
}
/* ModalContent Dropdowns */
.modalWrapper .wds-button-group .wds-dropdown {position: static;}
.modalWrapper .wds-button-group {
position:relative;
}
/** Light Theme **/
.modalWrapper .wds-list li a,.modalWrapper .wds-dropdown__content .wds-list.wds-is-linked>li>a {
background-color:var(--local-nav-color);
color:black;
border:1px solid transparent;
border-radius:5px!important;
transition-property:background-color, color, transform;
padding:10px;
}
.modalWrapper .wds-dropdown__content .wds-list.wds-is-linked>li:hover>a, .modalWrapper .wds-list li a:hover, .modalWrapper .wds-list li a.seclected {
background-color:rgba(12,12,12,0.120);
color:rgb(var(--links-color-rgb));
border:1px solid rgba(12,12,12,0.3);
outline-offset:-1px;
}
.modalWrapper .wds-dropdown__content, .modalWrapper .wds-dropdown-level-2__content, .modalWrapper .wds-dropdown-level-3__content {
background-color:var(--local-nav-color)!important;
border-top-style:solid;
border-top-width:1px;
border-color:rgb(var(--local-nav-rgb-dark))!important;
border-radius:7px!important;
font-size:13px;
box-shadow:0px 0px 4px 2px rgb(var(--local-nav-rgb-dark));
}
.modalWrapper .wds-dropdown::after {
border-bottom-color:var(--local-nav-color);
}
.modalWrapper .wds-dropdown::before{
border-bottom-color:rgb(var(--local-nav-rgb-dark));
}
.modalWrapper .wds-list::before,
.modalWrapper .wds-list::after {
background-color: transparent !important;
}
.modalWrapper .wds-list li a:active {
transform:scale(0.9);
box-shadow:0 0 10px 0 rgba(12,12,12,0.3) inset;
}
/** Dark theme **/
.oasis-dark-theme .modalWrapper .wds-list li a, .oasis-dark-theme .modalWrapper .wds-dropdown__content .wds-list.wds-is-linked>li>a {
color:white;
}
.oasis-dark-theme .modalWrapper .wds-list li a:active {
box-shadow:0 0 10px 0 rgba(241,241,241,0.3) inset;
}
.oasis-dark-theme .modalWrapper .wds-dropdown__content .wds-list.wds-is-linked>li:hover>a, .oasis-dark-theme .modalWrapper .wds-list li a:hover, .oasis-dark-theme .modalWrapper .wds-list li a.seclected {
background-color:rgba(241,241,241,0.120);
color:rgb(var(--links-color-rgb));
border:1px solid rgba(241,241,241,0.3);
}
/* ModalNew Dropdowns */
.modal .wds-button-group .wds-dropdown {position: static;}
.modal .wds-button-group {
position:relative;
}
/** Light Theme **/
.modal .wds-list li a,.modal .wds-dropdown__content .wds-list.wds-is-linked>li>a {
background-color:var(--local-nav-color);
color:black;
border:1px solid transparent;
border-radius:5px!important;
transition-property:background-color, color, transform;
padding:10px;
}
.modal .wds-dropdown__content .wds-list.wds-is-linked>li:hover>a, .modal .wds-list li a:hover, .modal .wds-list li a.seclected {
background-color:rgba(12,12,12,0.120);
color:rgb(var(--links-color-rgb));
border:1px solid rgba(12,12,12,0.3);
outline-offset:-1px;
}
.modal .wds-dropdown__content, .modal .wds-dropdown-level-2__content, .modal .wds-dropdown-level-3__content {
background-color:var(--local-nav-color)!important;
border-top-style:solid;
border-top-width:1px;
border-color:rgb(var(--local-nav-rgb-dark))!important;
border-radius:7px!important;
font-size:13px;
box-shadow:0px 0px 4px 2px rgb(var(--local-nav-rgb-dark));
}
.modal .wds-dropdown::after {
border-bottom-color:var(--local-nav-color);
}
.modal .wds-dropdown::before{
border-bottom-color:rgb(var(--local-nav-rgb-dark));
}
.modal .wds-list::before,
.modal .wds-list::after {
background-color: transparent !important;
}
.modal .wds-list li a:active {
transform:scale(0.9);
box-shadow:0 0 10px 0 rgba(12,12,12,0.3) inset;
}
/** Dark theme **/
.oasis-dark-theme .modal .wds-list li a, .oasis-dark-theme .modal .wds-dropdown__content .wds-list.wds-is-linked>li>a {
color:white;
}
.oasis-dark-theme .modal .wds-list li a:active {
box-shadow:0 0 10px 0 rgba(241,241,241,0.3) inset;
}
.oasis-dark-theme .modal .wds-dropdown__content .wds-list.wds-is-linked>li:hover>a, .oasis-dark-theme .modal .wds-list li a:hover, .oasis-dark-theme .modal .wds-list li a.seclected {
background-color:rgba(241,241,241,0.120);
color:rgb(var(--links-color-rgb));
border:1px solid rgba(241,241,241,0.3);
}
/** User profile Masthead V3. By A Techno and Ryneeeel **/
/* Make the masthead header even more better with this part of css */
/* User Profile Masthead */
.WikiaUserPagesHeader {
background-color: transparent;
background-image: none;
}
@media screen and (max-width: 1083px) {
.WikiaUserPagesHeader {
padding:0;
}
.UserProfileMasthead .masthead-info {
margin-left:3px;
margin-right:3px;
}
.UserProfileMasthead .masthead-avatar {
top: inherit;
width: 134px;
height: 134px;
position:static;
margin:0 auto 1vh;
}
.UserProfileMasthead .masthead-avatar .avatar {
max-height: 130px;
max-width: 130px;
}
.UserProfileMasthead .masthead-avatar .avatar-controls {
position:absoulte;
top:0px;
}
}
@media screen and (min-width: 1084px) {
.UserProfileMasthead .masthead-avatar {
top: inherit;
width: 144px;
height: 144px;
}
.UserProfileMasthead .masthead-avatar .avatar {
max-height: 140px;
max-width: 140px;
}
.UserProfileMasthead .masthead-info {
margin-left: 155px;
}
.UserProfileMasthead .masthead-avatar .avatar-controls {
top:-5px;
}
}
.UserProfileMasthead .masthead-info {
margin-bottom: 20px;
}
.UserProfileMasthead .masthead-info-lower:before {
border: none;
}
.UserProfileMasthead .masthead-info hgroup {
text-align:center;
height: auto;
overflow: visible;
padding: 8px;
background-color:rgb(var(--buttons-color-rgb));
border-bottom:3px solid;
font-variant:small-caps;
text-transform:none;
background-image:none;
}
.UserProfileMasthead .masthead-info .tag {
background-color:rgb(var(--links-color-rgb));
border:1px solid;
border-radius:15px;
}
@media screen and (min-width: 1596px) {
.UserProfileMasthead .masthead-info h1 {
font-size: 32px;
line-height: 30px;
}
}
.UserProfileMasthead .masthead-info h1 {
font-size: 28px;
line-height: 26px;
}
.UserProfileMasthead .masthead-info > div {
padding: 8px;
}
@media screen and (max-width: 1023px) {
.UserProfileMasthead .masthead-info div {
width: 265px !important;
}
}
.UserProfileMasthead .wikis span {
text-align: left;
width: 122px;
}
.UserProfileMasthead .wikis ul {
width: 368px;
}
.UserProfileMasthead .details li {
padding-top: 3px;
}
.UserProfileMasthead .tally {
margin-bottom: 0;
padding: 0;
}
.UserProfileMasthead .masthead-info .group {
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px;
color: black;
}
/* Avatar on userpage */
.UserProfileMasthead .masthead-avatar .avatar {
transition-property:transform, box-shadow;
transition-duration:0.66s;
transition-timing-function:ease;
border-radius:50% 100%;
border:0!important;
}
.UserProfileMasthead .masthead-avatar .avatar:hover {
border-radius: 100% 50%;
transform: scale(0.8);
box-shadow:0 0 4px rgba(12,12,12,0.3) inset;
}
.oasis-dark-theme .UserProfileMasthead .masthead-avatar .avatar:hover {
box-shadow:0 0 4px rgba(241,241,241,0.3) inset;
}
/* Tabs */
ul.tabs li a {
/*background-image: linear-gradient(to top, rgba(0,0,0,0.06) 0%, rgba(0,0,0,0) 33%, rgba(0,0,0,0) 42%, rgba(0,0,0,0.1) 100%);*/
background-color:var(--body-color);
color:#fff;
border-color:var(--body-color);
border-radius:5px 5px 0 0;
transition-duration:0.17s;
transition-property:background-color, border-color, color, transform, opacity;
opacity:0.8;
}
ul.tabs li a:hover {
/*background-image: linear-gradient(to bottom, rgba(0,0,0,0.06) 0%, rgba(0,0,0,0) 33%, rgba(0,0,0,0) 42%, rgba(0,0,0,0.1) 100%);*/
background-color:var(--body-color);
color:#fff;
border-color:var(--body-color);
opacity:1;
}
ul.tabs li a:active {
/*background-image: linear-gradient(to bottom, rgba(0,0,0,0.06) 0%, rgba(0,0,0,0) 33%, rgba(0,0,0,0) 42%, rgba(0,0,0,0.1) 100%);*/
background-color:rgb(var(--links-color-rgb));
color:#fff;
border-color:rgb(var(--links-color-rgb));
transform:scale(0.9);
box-shadow:0 0 10px 0 rgba(12,12,12,0.3) inset;
opacity:1;
}
.oasis-dark-theme ul.tabs li a:active {
box-shadow:0 0 10px 0 rgba(241,241,241,0.3) inset;
}
ul.tabs li.selected a {
/*background-image: linear-gradient(to bottom, rgba(0,0,0,0.06) 0%, rgba(0,0,0,0) 33%, rgba(0,0,0,0) 42%, rgba(0,0,0,0.1) 100%);*/
background-color:rgb(var(--buttons-color-rgb));
color:#fff;
border-color:rgb(var(--buttons-color-rgb));
opacity:1;
}
ul.tabs li.selected a:hover {
/*background-image: linear-gradient(to top, rgba(0,0,0,0.06) 0%, rgba(0,0,0,0) 33%, rgba(0,0,0,0) 42%, rgba(0,0,0,0.1) 100%);*/
background-color:rgb(var(--buttons-color-rgb));
color:#fff;
border-color:rgb(var(--buttons-color-rgb));
opacity:1;
}
.tabs li {
display:inline-block;
float:none;
margin:0 2px;
}
/** Sprite icon changes **/
.skin-oasis .sprite.edit-pencil {
background-position: 0!important;
background-image: url(https://vignette.wikia.nocookie.net/hm-felitses/images/6/68/Pencil.svg/revision/latest/scale-to-width/80?cb=20171112230852);
background-size:16px;
}
.oasis-dark-theme .skin-oasis .sprite.edit-pencil {
filter:invert(100%);
webkit-filter:invert(100%);
}
/** Some Editor changes **/
.EditPageHeader .wordmark {
border-right:2px solid transparent;
}
.EditPageHeader {
background-color:rgba(var(--buttons-color-rgb), 0.5)!important;
background-image:-webkit-linear-gradient(to bottom,transparent, rgb(var(--buttons-color-rgb)));
background-image:linear-gradient(to bottom,transparent, rgb(var(--buttons-color-rgb)));
border-bottom:5px ridge rgb(var(--buttons-color-rgb));
box-shadow:none!important;
border-radius:9.5px 9.5px 0 0;
}
.editor .WikiaMainContent {
border-radius:9.5px 9.5px 0 0;
}
.editor .WikiaPage {
background-color:rgba(var(--page-color-rgba));
}
.EditPageRail {
background-color:transparent;
box-shadow:none;
}
.EditPage {
background-color:transparent;
}
.EditPage .module > .module_content, .EditPagePermissionError .EditPageRail > .module.module_page_controls {
background-image:none;
background-color:transparent;
}
.EditPageEditorWrapper {
background-color:transparent;
}
.EditPageToolbar {
box-shadow:none;
background-image:linear-gradient(to top, rgba(0,0,0,0.06) 0%, rgba(0,0,0,0) 33%, rgba(0,0,0,0) 42%, rgba(0,0,0,0.1) 100%);
background-color:rgb(var(--links-color-rgb));
}
/* Tabs */
.EditPageTabs .cke_button.cke_off, .EditPageTabs .cke_button.cke_button_off {
background-color:transparent;
transition:background-color 0.3s, transform 0.3s;
border-radius:5px;
border:1px solid transparent;
}
.EditPageTabs .cke_button {
background-color:rgba(241,241,241,0.6);
border:1px solid rgba(241,241,241,0.6);
outline-offset:-1px;
transition:background-color 0.3s, transform 0.3s;
border-radius:5px;
}
.EditPageTabs .cke_button.cke_off:hover, .EditPageTabs .cke_button.cke_button_off:hover {
background-color:rgba(241,241,241,0.4);
border:1px solid rgba(241,241,241,0.4);
outline-offset:-1px;
transition:background-color 0.3s, transform 0.3s;
}
.EditPageTabs .cke_button.cke_off:active, .EditPageTabs .cke_button.cke_button_off:active {
background-color:rgba(241,241,241,0.6);
border:1px solid rgba(241,241,241,0.6);
outline-offset:-1px;
transform:scale(0.9);
box-shadow:0 0 10px 0 rgba(12,12,12,0.3) inset;
transition:background-color 0.3s, transform 0.3s;
}
.oasis-dark-theme .EditPageTabs .cke_button.cke_off, .oasis-dark-theme .EditPageTabs .cke_button.cke_button_off {
background-color:transparent;
border-radius:5px;
border:1px solid transparent;
}
.oasis-dark-theme .EditPageTabs .cke_button {
background-color:rgba(12,12,12,0.6);
border:1px solid rgba(12,12,12,0.6);
outline-offset:-1px;
}
.oasis-dark-theme .EditPageTabs .cke_button.cke_off:hover, .oasis-dark-theme .EditPageTabs .cke_button.cke_button_off:hover {
background-color:rgba(12,12,12,0.4);
border:1px solid rgba(12,12,12,0.4);
outline-offset:-1px;
}
.oasis-dark-theme .EditPageTabs .cke_button.cke_off:active, .oasis-dark-theme .EditPageTabs .cke_button.cke_button_off:active {
background-color:rgba(12,12,12,0.6);
border:1px solid rgba(12,12,12,0.6);
outline-offset:-1px;
transform:scale(0.9);
box-shadow:0 0 10px 0 rgba(241,241,241,0.3) inset;
}
/* Toolbar buttons */
.EditPage .cke_button > a, .EditPage a.cke_button {
background-color:transparent;
transition:background-color 0.3s, transform 0.3s;
border-radius:5px;
border:1px solid transparent;
background-image:none!important;
}
.EditPage .cke_button > a:hover, .EditPage a.cke_button:hover {
background-color:rgba(241,241,241,0.4);
border:1px solid rgba(241,241,241,0.4);
outline-offset:-1px;
transition:background-color 0.3s;
}
.EditPage .cke_button > a:active, .EditPage a.cke_button:active {
background-color:rgba(241,241,241,0.6);
border:1px solid rgba(241,241,241,0.6);
outline-offset:-1px;
transition:background-color 0.3s, transform 0.3s;
transform:scale(0.9);
box-shadow:0 0 10px 0 rgba(12,12,12,0.3) inset;
}
.oasis-dark-theme .EditPage .cke_button:hover > a, .oasis-dark-theme .EditPage a.cke_button:hover {
background-color:rgba(12,12,12,0.4);
border:1px solid rgba(12,12,12,0.4);
}
.oasis-dark-theme .EditPage .cke_button:active > a, .oasis-dark-theme .EditPage a.cke_button:active {
background-color:rgba(12,12,12,0.6);
border:1px solid rgba(12,12,12,0.6);
transform:scale(0.9);
box-shadow:0 0 10px 0 rgba(241,241,241,0.3) inset;
}
.EditPage .cke_button.cke_on > a, .EditPage .cke_button.cke_on > a:hover, .oasis-dark-theme .EditPage .cke_button.cke_on > a, .oasis-dark-theme .EditPage .cke_button.cke_on > a:hover, .EditPage a.cke_button_on, .oasis-dark-theme .EditPage a.cke_button_on, .EditPage a.cke_button_on:hover, .EditPage a.cke_button_on:active, .oasis-dark-theme .EditPage a.cke_button_on:hover, .oasis-dark-theme .EditPage a.cke_button_on:active {
background-color:rgba(var(--buttons-color-rgb), 0.6);
border:1px solid rgba(var(--buttons-color-rgb), 0.6);
box-shadow:none!important;
outline-offset:-1px;
transform:none!important;
}
.EditPage .cke_button.cke_on > a:active, .oasis-dark-theme .EditPage .cke_button.cke_on > a:active {
background-color:rgba(var(--buttons-color-rgb), 0.6);
border:1px solid rgba(var(--buttons-color-rgb), 0.6);
outline-offset:-1px;
}
.mw-toolbar-editbutton {
background-color:transparent;
transition:background-color 0.3s, transform 0.3s;
border-radius:5px;
border:1px solid transparent;
}
.mw-toolbar-editbutton:hover {
background-color:rgba(241,241,241,0.4);
border:1px solid rgba(241,241,241,0.4);
outline-offset:-1px;
transition:background-color 0.3s, transform 0.3s;
}
.mw-toolbar-editbutton:active {
background-color:rgba(241,241,241,0.6);
border:1px solid rgba(241,241,241,0.6);
outline-offset:-1px;
transition:background-color 0.3s, transform 0.3s;
transform:scale(0.9);
box-shadow:0 0 10px 0 rgba(12,12,12,0.3) inset;
}
.oasis-dark-theme .mw-toolbar-editbutton:hover {
background-color:rgba(12,12,12,0.4);
border:1px solid rgba(12,12,12,0.4);
}
.oasis-dark-theme .mw-toolbar-editbutton :active {
background-color:rgba(12,12,12,0.6);
border:1px solid rgba(12,12,12,0.6);
transform:scale(0.9);
box-shadow:0 0 10px 0 rgba(241,241,241,0.3) inset;
}
.EditPage .module_page_controls .preview_box .preview_icon {
background-color:transparent;
transition:background-color 0.3s, transform 0.3s;
border-radius:5px;
border:1px solid transparent;
background-image:none!important;
}
.EditPage .module_page_controls .preview_box .preview_icon:hover {
background-color:rgba(241,0,0,0.4);
border:1px solid rgba(241,0,0,0.4);
outline-offset:-1px;
transition:background-color 0.3s, transform 0.3s;
}
.EditPage .module_page_controls .preview_box .preview_icon:active {
background-color:rgba(241,0,0,0.6);
border:1px solid rgba(241,0,0,0.6);
outline-offset:-1px;
transition:background-color 0.3s, transform 0.3s;
transform:scale(0.9);
box-shadow:0 0 10px 0 rgba(12,12,12,0.3) inset;
}
.oasis-dark-theme .EditPage .module_page_controls .preview_box .preview_icon:active {
transform:scale(0.9);
box-shadow:0 0 10px 0 rgba(241,241,241,0.3) inset;
}
.EditPage .cke_rcombo a, .EditPage .cke_combo a, .EditPage .cke_panelbutton a, .EditPage .cke_modulebutton a {
background-image:none;
border-radius:5px;
background-color:transparent;
border:1px solid transparent;
outline-offset:-1px;
transition:background-color 0.3s, transform 0.3s;
}
.EditPage .cke_rcombo a:hover, .EditPage .cke_combo a:hover, .EditPage .cke_panelbutton a:hover, .EditPage .cke_modulebutton a:hover {
background-image:none;
border-radius:5px;
background-color:rgba(241,241,241,0.4);
border:1px solid rgba(241,241,241,0.4);
}
.EditPage .cke_rcombo a:active, .EditPage .cke_combo a:active, .EditPage .cke_panelbutton a:active, .EditPage .cke_modulebutton a:acitve {
background-image:none;
border-radius:5px;
background-color:rgba(241,241,241,0.6);
border:1px solid rgba(241,241,241,0.6);
transform:scale(0.9);
box-shadow:0 0 10px 0 rgba(12,12,12,0.3) inset;
}
.oasis-dark-theme .EditPage .cke_rcombo a:hover, .oasis-dark-theme .EditPage .cke_combo a:hover, .oasis-dark-theme .EditPage .cke_panelbutton a:hover, .oasis-dark-theme .EditPage .cke_modulebutton a:hover {
background-image:none;
border-radius:5px;
background-color:rgba(12,12,12,0.4);
border:1px solid rgba(12,12,12,0.4);
}
.oasis-dark-theme .EditPage .cke_rcombo a:active, .oasis-dark-theme .EditPage .cke_combo a:active, .oasis-dark-theme .EditPage .cke_panelbutton a:active, .oasis-dark-theme .EditPage .cke_modulebutton a:acitve {
background-image:none;
border-radius:5px;
background-color:rgba(12,12,12,0.6);
border:1px solid rgba(12,12,12,0.6);
transform:scale(0.9);
box-shadow:0 0 10px 0 rgba(241,241,241,0.3) inset;
}
.EditPage .module > h3 {
background-image:none;
background-color:rgb(var(--links-color-rgb));
pointer-events:auto;
box-sizing:border-box;
font-size:15.5px;
font-weight:600;
padding:7px 18px;
background-image:linear-gradient(to top, rgba(0,0,0,0.06) 0%, rgba(0,0,0,0) 33%, rgba(0,0,0,0) 42%, rgba(0,0,0,0.1) 100%);
border:0.1px solid rgb(var(--links-color-rgb));
color:rgb(var(--local-nav-rgb-dark));
font-variant:small-caps;
font-family:"Arial Nova Cond", Arial Nova, Samsung Sans, Arial Narrow, Arial, sans-serif;
}
/** Parts of EditorSourceMinimal from Dev Wiki **/
/* Light themes */
#mw-editbutton-bold,
.editor #WikiaPhotoGalleryEditor #WikiaPhotoGalleryEditorCaptionToolbar img:first-child {
background-image: url('https://images.wikia.nocookie.net/common/extensions/VisualEditor/lib/ve/src/ui/styles/images/icons/bold-b.svg');
}
#mw-editbutton-italic,
.editor #WikiaPhotoGalleryEditor #WikiaPhotoGalleryEditorCaptionToolbar img:nth-child(2) {
background-image: url('https://images.wikia.nocookie.net/common/extensions/VisualEditor/lib/ve/src/ui/styles/images/icons/italic-i.svg');
}
#mw-editbutton-link,
.editor #WikiaPhotoGalleryEditor #WikiaPhotoGalleryEditorCaptionToolbar img:last-child {
background-image: url('https://images.wikia.nocookie.net/common/extensions/VisualEditor./../../resources/lib/oojs-ui/themes/apex/images/icons/link.svg');
}
#mw-editbutton-extlink {
background-image: url('https://images.wikia.nocookie.net/common/extensions/VisualEditor/modules/ve-mw/ui/styles/images/icons/source.svg');
}
#mw-editbutton-headline {
background-image: url('https://images.wikia.nocookie.net/common/extensions/VisualEditor/lib/ve/src/ui/styles/images/icons/text-style.svg');
}
#mw-editbutton-image {
background-image: url('https://images.wikia.nocookie.net/speedit/images/6/6c/Image.svg');
background-size: 16px;
}
#mw-editbutton-media {
background-image: url('https://images.wikia.nocookie.net/common/extensions/VisualEditor/wikia/modules/ve/ui/styles/images/icons/video.svg');
}
#mw-editbutton-math {
background-image: url('https://images.wikia.nocookie.net/common/extensions/VisualEditor/lib/ve/src/ui/styles/images/icons/superscript.svg');
}
#mw-editbutton-nowiki {
background-image: url('https://images.wikia.nocookie.net/common/extensions/VisualEditor./../../resources/lib/oojs-ui/themes/apex/images/icons/clear.svg');
}
#mw-editbutton-signature {
background-image: url('https://images.wikia.nocookie.net/speedit/images/7/77/Signature.svg');
background-size: 20px;
}
#mw-editbutton-hr {
background-image: url('https://images.wikia.nocookie.net/common/extensions/VisualEditor./../../resources/lib/oojs-ui/themes/apex/images/icons/window.svg');
}
#mw-editbutton-wmu {
background-image: url('https://images.wikia.nocookie.net/speedit/images/e/e3/Photo.svg');
background-size: 18px;
}
#mw-editbutton-wpg {
background-image: url('https://images.wikia.nocookie.net/speedit/images/4/4a/Gallery.svg');
background-size: 18px;
}
#mw-editbutton-vet {
background-image: url('https://images.wikia.nocookie.net/speedit/images/0/0e/Video.svg');
background-size: 16px;
}
.EditPage.mode-source .cke_toolbar_source .cke_toolbar_expand {
margin: 0 10px 2px;
}
/* Dark Themes */
.oasis-dark-theme #mw-editbutton-bold,
.oasis-dark-theme .editor #WikiaPhotoGalleryEditor #WikiaPhotoGalleryEditorCaptionToolbar img:first-child {
background-image: url('https://images.wikia.nocookie.net/common/extensions/VisualEditor/lib/ve/src/ui/styles/images/icons/bold-b-white.svg');
}
.oasis-dark-theme #mw-editbutton-italic,
.oasis-dark-theme .editor #WikiaPhotoGalleryEditor #WikiaPhotoGalleryEditorCaptionToolbar img:nth-child(2) {
background-image: url('https://images.wikia.nocookie.net/common/extensions/VisualEditor/lib/ve/src/ui/styles/images/icons/italic-i-white.svg');
}
.oasis-dark-theme #mw-editbutton-link,
.oasis-dark-theme .editor #WikiaPhotoGalleryEditor #WikiaPhotoGalleryEditorCaptionToolbar img:last-child {
background-image: url('https://images.wikia.nocookie.net/common/extensions/VisualEditor./../../resources/lib/oojs-ui/themes/apex/images/icons/link-white.svg');
}
.oasis-dark-theme #mw-editbutton-extlink {
background-image: url('https://images.wikia.nocookie.net/common/extensions/VisualEditor/modules/ve-mw/ui/styles/images/icons/source-white.svg');
}
.oasis-dark-theme #mw-editbutton-headline {
background-image: url('https://images.wikia.nocookie.net/common/extensions/VisualEditor/lib/ve/src/ui/styles/images/icons/text-style-white.svg');
}
.oasis-dark-theme #mw-editbutton-image {
background-image: url('https://images.wikia.nocookie.net/speedit/images/c/cf/Image-white.svg');
}
.oasis-dark-theme #mw-editbutton-media {
background-image: url('https://images.wikia.nocookie.net/common/extensions/VisualEditor/wikia/modules/ve/ui/styles/images/icons/video-white.svg');
}
.oasis-dark-theme #mw-editbutton-math {
background-image: url('https://images.wikia.nocookie.net/common/extensions/VisualEditor/lib/ve/src/ui/styles/images/icons/superscript-white.svg');
}
.oasis-dark-theme #mw-editbutton-nowiki {
background-image: url('https://images.wikia.nocookie.net/common/extensions/VisualEditor./../../resources/lib/oojs-ui/themes/apex/images/icons/clear-white.svg');
}
.oasis-dark-theme #mw-editbutton-signature {
background-image: url('https://images.wikia.nocookie.net/speedit/images/f/ff/Signature-white.svg');
}
.oasis-dark-theme #mw-editbutton-hr {
background-image: url('https://images.wikia.nocookie.net/common/extensions/VisualEditor./../../resources/lib/oojs-ui/themes/apex/images/icons/window-white.svg');
}
.oasis-dark-theme #mw-editbutton-wmu {
background-image: url('https://images.wikia.nocookie.net/speedit/images/a/a1/Photo-white.svg');
}
.oasis-dark-theme #mw-editbutton-wpg {
background-image: url('https://images.wikia.nocookie.net/speedit/images/2/2a/Gallery-white.svg');
}
.oasis-dark-theme #mw-editbutton-vet {
background-image: url('https://images.wikia.nocookie.net/speedit/images/b/b9/Video-white.svg');
}
/** Theme designer **/
#Designer #Toolbar {
background-image: linear-gradient(to top, rgba(0,0,0,0.06) 0%, rgba(0,0,0,0) 33%, rgba(0,0,0,0) 42%, rgba(0,0,0,0.1) 100%);
background-color:var(--designer-color);
color:black;
}
.oasis-dark-theme #Designer #Toolbar {
color:white;
}
/* Remove an unneccessary padding of ads */
.WikiaTopAds {
border-radius:100%!important;
padding:4px 0 10px;
}
/* Lightbox modal update */
.modalWrapper {
border-left:9px groove rgb(var(--buttons-color-rgb));
border-bottom:9px ridge rgb(var(--buttons-color-rgb));
border-right:9px ridge rgb(var(--buttons-color-rgb));
border-top:9px groove rgb(var(--buttons-color-rgb));
border-radius:12px;
font-family:"Arial Nova Cond", Arial Nova, Samsung Sans, Arial Narrow, Arial;
}
.rtl .modalWrapper {
border-left-style:ridge!important;
border-right-style:groove!important;
}
.blackout {
background-color:var(--local-nav-color);
}
/** Banner Notifications **/
.wds-banner-notification__container .wds-banner-notification {
margin-top:4px;
background-color:var(--local-nav-color);
color:#3a3a3a;
border-radius:16px;
border-style:hidden;
}
.oasis-dark-theme .wds-banner-notification__container .wds-banner-notification {
color:#d4d5d5;
}
.wds-banner-notification__container {
border-radius:16px;
box-shadow:0px 2px 9px 0px rgba(var(--local-nav-rgb-dark),.2);
}
.wds-banner-notification__container .wds-banner-notification .wds-banner-notification__text {
color:#3a3a3a;
}
.oasis-dark-theme .wds-banner-notification__container .wds-banner-notification .wds-banner-notification__text {
color:#d4d5d5;
}
.wds-banner-notification__container .wds-banner-notification .wds-banner-notification__icon {
border-radius:16px 0 0 16px;
}
.wds-banner-notification__container .wds-banner-notification.wds-error .wds-banner-notification__icon {
background-color:rgb(var(--local-nav-rgb-dark));
color:#d71035;
}
.wds-banner-notification__container .wds-banner-notification.wds-success .wds-banner-notification__icon {
background-color:rgb(var(--local-nav-rgb-dark));
color:#4cda9a;
}
.wds-banner-notification__container .wds-banner-notification.wds-warning .wds-banner-notification__icon, .wds-banner-notification__container .wds-banner-notification.wds-alert .wds-banner-notification__icon {
background-color:rgb(var(--local-nav-rgb-dark));
color:#dfec24;
}
.wds-banner-notification__container .wds-banner-notification.wds-message .wds-banner-notification__icon {
background-color:rgb(var(--local-nav-rgb-dark));
color:#460084;
}
/* Redesigned Dashboard */
/** Admin Dashboard's Header **/
.AdminDashboardHeader {
-moz-osx-font-smoothing: grayscale;
-webkit-align-items: flex-start;
-webkit-box-align: start;
-webkit-box-pack: end;
-webkit-font-smoothing: antialiased;
-webkit-justify-content: flex-end;
align-items: flex-start;
background: transparent;
border-top: none;
box-shadow: none;
display: flex;
justify-content: flex-end;
padding: 16px 0 12px;
position: relative;
z-index: 5;
}
.AdminDashboardHeader h1 {
-moz-box-flex: 1;
-moz-flex-grow: 1;
-ms-align-self: flex-end;
-ms-flex-positive: 1;
-webkit-align-self: flex-end;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
align-self: flex-end;
box-flex: 1;
display: inline-block;
flex-grow: 1;
font-size: 30px;
margin:3px 0;
font-weight: bold;
line-height: 1;
max-width: 100%;
min-width: 0;
word-wrap: break-word;
}
.AdminDashboardHeader h1 a { color: inherit }
/* Tabs */
.AdminDashboardTabs {
bottom: 0;
right: 0;
top: auto;
}
.AdminDashboardTabs .tab {
-ms-flex-align: center;
-ms-flex-pack: center;
-webkit-align-items: center;
-webkit-appearance: none;
align-items: center;
border-radius: 0;
box-sizing: content-box;
display: inline-flex;
font-size: 10px;
font-weight: 600;
justify-content: center;
letter-spacing: 0.15px;
line-height: 1.3em;
min-height: 18px;
padding: 7px 12px;
text-decoration: none;
text-transform: uppercase;
vertical-align: top;
}
/** Left column **/
.mw-special-AdminDashboard .WikiaArticle {
border-bottom: none;
border-right: none;
box-shadow: none;
}
/* General tab */
.AdminDashboard .admin-dashboard-content .control-section header,
.AdminDashboard .admin-dashboard-content .control-section .controls {
background: transparent none;
border: none;
}
.AdminDashboard .admin-dashboard-content .control-section header h1 {
font-size: 16px;
font-weight: bold;
margin: 0;
min-height: 30px;
padding-left: 2px;
}
.AdminDashboard .admin-dashboard-content .control-section .controls .control .representation,
.AdminDashboard .admin-dashboard-content .control-section .controls .control:hover .representation,
.AdminDashboard .admin-dashboard-content .control-section .controls .control:active .representation {
background-image: none;
box-shadow: none;
border-radius: 0;
border: none;
}
.dashboard-tooltip { display: none !important }
/* Advanced tab */
.AdminDashboardGeneralHeader {
background: none;
border: none;
box-shadow: none;
}
/** Right column **/
.AdminDashboardRail h1 {
font-size: 16px;
font-weight: bold;
margin-bottom: 16px;
min-height: 30px;
padding-left: 2px;
border-bottom: 1px #ccc solid;
}
/* Founder progress widget */
#FounderProgressWidget .preview {
background: none;
border-color: transparent;
}
#FounderProgressWidget .preview header h1,
#FounderProgressWidget .preview .activities .activity { border: none }
#FounderProgressWidget .preview .activities .activity .description .actions .skip:hover,
#FounderProgressWidget .preview header .list-toggle:hover {
text-decoration: none;
}
/* Quick stats widget */
.QuickStatsWidget .WikiaDataTable {
background: none;
border-color: transparent;
}
.QuickStatsWidget .WikiaDataTable th:first-child,
.QuickStatsWidget .highlight-top,
.QuickStatsWidget .WikiaDataTable thead th {
font-weight: bold;
text-transform: uppercase;
font-size: 12px;
}
td.supplemental-info {
text-align: center !important;
font-size: 10px;
font-weight: bold;
text-transform: uppercase;
}
td.supplemental-info > a:hover {
text-decoration: none;
}
/* Minimalize dropdowns of Tasks */
.FounderProgressList .tasks .task .task-label {
background-image: none;
}
/* Some layout redesigning for the left column */
.AdminDashboard .admin-dashboard-content .control-section .controls .control .representation,
.AdminDashboard .admin-dashboard-content .control-section .controls .control:hover .representation,
.AdminDashboard .admin-dashboard-content .control-section .controls .control:active .representation {
border-radius: 50%;
}
.AdminDashboard .admin-dashboard-content .control-section header h1 {
border-bottom: 1px #ccc solid;
float: none;
}
/* Checkbox Chnage */
input[type="checkbox"], input[type="radio"] {
-moz-appearance: none!important;
-webkit-appearance: none!important;
appearance: none!important;
background-color:white;
border:1px solid #3a3a3a;
width:15px;
height:15px;
vertical-align: middle;
}
.oasis-dark-theme input[type="checkbox"], .oasis-dark-theme input[type="radio"] {
background-color:black;
border:1px solid #d4d5d5;
}
input[type="checkbox"]:hover, input[type="radio"]:hover {
border-color:rgb(var(--links-color-rgb));
}
input[type="checkbox"]:active, input[type="radio"]:active {
border-color:#d4d5d5!important;
background-color:white;
filter:invert(2);
-webkit-filter:invent(2);
box-shadow:none;
}
input[type="checkbox"]:checked:active,input[type="radio"]:checked:active {
border-color:#d4d5d5!important;
background-color:white;
filter:invert(2);
-webkit-filter:invent(2);
box-shadow:0 0 0 1px black inset;
}
.oasis-dark-theme input[type="checkbox"]:active,.oasis-dark-theme input[type="checkbox"]:checked:active, .oasis-dark-theme input[type="radio"]:active, .oasis-dark-theme input[type="radio"]:checked:active {
border-color:#3a3a3a!important;
background-color:black;
}
.oasis-dark-theme input[type="checkbox"]:active,.oasis-dark-theme input[type="checkbox"]:checked:active, .oasis-dark-theme input[type="radio"]:active, .oasis-dark-theme input[type="radio"]:checked:active {
box-shadow:0 0 0 1px white inset;
}
input[type="checkbox"]:checked, input[type="radio"]:checked {
border-color:rgb(var(--local-nav-rgb-dark));
background-color:rgb(var(--local-nav-rgb-dark));
box-shadow:0 0 0 1px rgb(var(--buttons-color-rgb)) inset;
}
input[type="checkbox"]:checked:hover, input[type="radio"]:checked:hover {
border-color:rgb(var(--links-color-rgb));
}
input[type="radio"] {
border-radius:50%!important;
}