User:Virtualworldoverload/wikia.css

@import "/load.php?mode=articles&only=styles&articles=u:dev:MediaWiki:CustomGlobalNavigation.css"; /*** ModernButtons a:not(.wds-button).wikia-button, .wikia-single-button a:not(.wds-button), .wikia-menu-button, input[type='submit']:not(.wds-button), input[type='reset']:not(.wds-button), input[type='button']:not(.wds-button), .button, button:not(.wds-button):not(.wds-button):not(.wds-sign-out__button) { -webkit-appearance:none; -moz-appearance:button; background-image:none!important; font-size:12px; /* For IE10 */ display:-ms-flexbox; -ms-flex-align:center; -ms-flex-pack:center; /* For older Safari and Chrome */ display:-webkit-inline-flex; -webkit-align-items:center; -webkit-justify-content:center; /* For Chrome, Firefox, IE11, Edge and Newer Safari */ display:inline-flex; align-items:center; justify-content:center; transition:0.2s; padding:7px 18px; border:0; box-sizing:content-box; min-width:19px; min-height:19px; height:19px; font-weight:600; text-transform:uppercase; letter-spacing:0.15px; outline:0; border-radius:3px; } a:not(.wds-button).wikia-button.secondary, [class*="button secondary"], input[class*="secondary"]:not(.wds-button), button[class*="secondary"]:not(.wds-button):not(.wds-sign-out__button), .wikia-menu-button.secondary > a, .wikia-menu-button.secondary > li > a, .secondary:not(.combined) .drop { background:none; border:1px solid currentColor; } .wikia-menu-button.secondary:not(.combined) { border:0!important; } a:not(.wds-button).wikia-button.secondary:hover, [class*="button secondary"]:hover, input[class*="secondary"]:not(.wds-button):hover, button[class*="secondary"]:not(.wds-button):not(.wds-sign-out__button):hover, .wikia-menu-button.secondary > a:hover, .wikia-menu-button.secondary > li > a:hover, .secondary:not(.combined) .drop:hover { background:none!important; } .wikia-menu-button > a, .wikia-menu-button > li > a { padding:7px 12px; border-left:0; border-top:0; border-bottom:0; background-image:none!important; height:19px; transition:0.2s; font-size:12px; /* For IE10 */ display:-ms-flexbox; -ms-flex-align:center; -ms-flex-pack:center; /* For older Safari and Chrome */ display:-webkit-inline-flex; -webkit-align-items:center; -webkit-justify-content:center; /* For Chrome, Firefox, IE11, Edge and Newer Safari */ display:inline-flex; align-items:center; justify-content:center; } .wikia-menu-button.combined, .wikia-menu-button.secondary.combined { border:1px solid; padding:7px 18px; z-index:10000; } .wikia-menu-button:not(.combined):not(.secondary) { padding-left:0; padding-right:0; } .wikia-menu-button:not(.combined) .drop { margin-left:0; padding:8px 18px 6px; background-image:none!important; transition:0.2s; /* For IE10 */ display:-ms-flexbox; -ms-flex-align:center; -ms-flex-pack:center; /* For older Safari and Chrome */ display:-webkit-inline-flex; -webkit-align-items:center; -webkit-justify-content:center; /* For Chrome, Firefox, IE11, Edge and Newer Safari */ display:inline-flex; align-items:center; justify-content:center; height:19px; border-radius:0 3px 3px 0; } .wikia-menu-button.combined .drop { /* For IE10 */ display:-ms-flexbox; -ms-flex-align:center; -ms-flex-pack:center; /* For older Safari and Chrome */ display:-webkit-inline-flex; -webkit-align-items:center; -webkit-justify-content:center; /* For Chrome, Firefox, IE11, Edge and Newer Safari */ display:inline-flex; align-items:center; justify-content:center; height:19px; position:relative; top:2px; left:2px; border:0!important; } .wikia-menu-button-submit input[type=submit] { width:100%; border-radius:3px 0 0 3px; padding-left:12px; padding-right:12px; } .wikia-menu-button ul, .wikia-menu-button.secondary ul { text-transform:none; font-weight:400; letter-spacing:normal; font-size:12px; top:33px; } .wikia-menu-button.secondary ul { } .wikia-menu-button.secondary > a, .wikia-menu-button.secondary .drop, .wikia-menu-button.secondary > li > a { margin-top:0; margin-left:-1px; border-radius:0; } .wikia-menu-button.secondary > a:first-child:not(:only-child), .wikia-menu-button.secondary > li > a:first-child:not(:only-child) { border-radius:0 3px 3px 0; } .wikia-menu-button.secondary .drop { margin-top:0; margin-left:-1px; border-radius:3px 0 0 3px; } .wikia-menu-button:not(.combined).secondary { padding:7px 0px; } .EditPage .module_page_controls .control-button.even { margin-right:-10px; } .wikia-menu-button .drop img.chevron { margin:0 1px; } .wikia-menu-button.active .drop img.chevron { -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -o-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg); margin-top:-9px; } /* * CustomGlobalNavigation by User:DuckeyD */ /* Implement FANDOM 2.0 FDS Colors */
 * Version 1 by HM100
 * Makes buttons 100% consistent to Fandom Design System with enchancements
 * root {

--cgn-wds-color-aqua: #00d6d6; --cgn-wds-color-black: #1a1a1a; --cgn-wds-color-coral: #ff6a64; --cgn-wds-color-dark-gray: #5f7a7b; --cgn-wds-color-light-gray: #f2f5f5; --cgn-wds-color-link: #00acac; --cgn-wds-color-link-hover: #008989; --cgn-wds-color-mid-light-gray: #dee7e5; --cgn-wds-color-middle-gray: #bed1cf; --cgn-wds-color-mint: #5df2ae; --cgn-wds-color-navy: #002a32; --cgn-wds-color-pine: #006661; --cgn-wds-color-plum: #833c58; --cgn-wds-color-purple: #460084; --cgn-wds-color-red: #ee1a41; --cgn-wds-color-warm-gray: #eeecdc; --cgn-wds-color-yellow: #dfec24; } /* Variables */ .wds-global-navigation-wrapper { --cgn-color-text: var(--wds-fandom-color-light-gray, var(--cgn-wds-color-light-gray)); --cgn-color-text-secondary: var(--wds-fandom-color-middle-gray, var(--cgn-wds-color-middle-gray)); --cgn-color-background: var(--wds-fandom-color-navy, var(--cgn-wds-color-navy)); --cgn-color-accent: var(--wds-fandom-color-aqua, var(--cgn-wds-color-aqua)); --cgn-color-chevron: var(--wds-fandom-color-coral, var(--cgn-wds-color-coral)); --cgn-color-dropdown-background: var(--wds-fandom-color-light-gray, var(--cgn-wds-color-light-gray)); --cgn-color-dropdown-text: var(--wds-fandom-color-black, var(--cgn-wds-color-black)); --cgn-color-dropdown-text-secondary: var(--wds-fandom-color-dark-gray, var(--cgn-wds-color-dark-gray)); --cgn-color-dropdown-accent: var(--wds-fandom-color-link, var(--cgn-wds-color-link)); --cgn-color-heart: var(--cgn-color-accent); --cgn-background: var(--cgn-color-background); --cgn-height: 55px; --cgn-position: fixed; /* or absolute */ --cgn-logo-height: 27px; --cgn-link-font-size: 18px; --cgn-start-a-wiki-display: flex; /* or none */ --cgn-start-a-wiki-secondary-display: list-item; /* or none */ --cgn-notification-bold-font-weight: bold; /* or normal */ --cgn-notification-icon-display: flex; /* or none */ --cgn-blend-mode: normal; --cgn-avatar-blend-mode: var(--cgn-blend-mode); --cgn-avatar-filter: none; --cgn-left-content-links-blend-mode: var(--cgn-blend-mode); --cgn-notification-icon_blend-mode: var(--cgn-blend-mode); --cgn-search-blend-mode: var(--cgn-blend-mode); --cgn-start-wiki-blend-mode: var(--cgn-blend-mode); } /* Navbar */ .wds-global-navigation-wrapper { min-height: 55px; } .wds-global-navigation, .wds-global-navigation-wrapper, .wds-global-navigation__content-container, .wds-global-navigation__content-bar-left, .wds-global-navigation__content-bar-right, .wds-global-navigation__dropdown-controls { height: var(--cgn-height); } .wds-global-navigation__content-bar-left { mix-blend-mode: var(--cgn-left-content-links-blend-mode); } .wds-global-navigation { background: var(--cgn-background); position: var(--cgn-position); } .wds-global-navigation__logo-image { height: var(--cgn-logo-height); width: auto; } .wds-global-navigation__logo-image g path:first-child { fill: var(--cgn-color-heart); } .wds-global-navigation__logo-image g path:last-child { fill: var(--cgn-color-text); } .wds-global-navigation__links { font-size: var(--cgn-link-font-size); } .wds-global-navigation__link, .wds-global-navigation__search.wds-dropdown { color: var(--cgn-color-accent); } .wds-global-navigation__link:visited, .wds-global-navigation__start-a-wiki:visited { color: var(--cgn-color-accent) !important; } .wds-global-navigation__search.wds-dropdown { mix-blend-mode: var(--cgn-search-blend-mode); } .wds-global-navigation__link:hover, .wds-global-navigation__search-toggle:hover { color: var(--cgn-color-text); } .wds-global-navigation__link-group:hover .wds-global-navigation__link { color: var(--cgn-color-text); } .wds-global-navigation__search .wds-global-navigation__search-input-wrapper { border-color: var(--cgn-color-accent); } .wds-global-navigation__search-input { color: var(--cgn-color-text); } .wds-global-navigation__search-input::placeholder { color: var(--cgn-color-text-secondary); } .wds-global-navigation__search-close.wds-button.wds-is-text { color: var(--cgn-color-text); } .wds-global-navigation__search-submit:not(.wds-is-text):not(.wds-is-secondary), .wds-global-navigation__search-submit:not(.wds-is-text):not(.wds-is-secondary).wds-is-active, .wds-global-navigation__search-submit:not(.wds-is-text):not(.wds-is-secondary):active, .wds-global-navigation__search-submit:not(.wds-is-text):not(.wds-is-secondary):focus:not(:disabled), .wds-global-navigation__search-submit:not(.wds-is-text):not(.wds-is-secondary):hover:not(:disabled) { background-color: var(--cgn-color-accent); color: var(--cgn-color-text); border: none; outline: none; } .wds-global-navigation__link-group .wds-dropdown__toggle-chevron, .wds-global-navigation__notifications-dropdown .wds-dropdown__toggle-chevron, .wds-global-navigation__user-menu .wds-dropdown__toggle-chevron { fill: var(--cgn-color-chevron); } .wds-global-navigation .wds-avatar .wds-avatar__image { background-color: var(--cgn-color-background); border-color: var(--cgn-color-accent); fill: var(--cgn-color-accent); mix-blend-mode: var(--cgn-avatar-blend-mode); -o-filter: var(--cgn-avatar-filter); -webkit-filter: var(--cgn-avatar-filter); -moz-filter: var(--cgn-avatar-filter); -ms-filter: var(--cgn-avatar-filter); filter: var(--cgn-avatar-filter); transition: border-color 0.3s; } .wds-global-navigation .wds-notification-card .wds-avatar .wds-avatar__image:hover, .wds-global-navigation .wds-notification-card .wds-avatar .wds-avatar__inner-border:hover + .wds-avatar__image { fill: var(--cgn-color-dropdown-text); border-color: var(--cgn-color-dropdown-text); } .wds-global-navigation__user-menu:hover .wds-avatar .wds-avatar__image { border-color: var(--cgn-color-text); fill: var(--cgn-color-text); } .wds-global-navigation__notifications-dropdown { color: var(--cgn-color-accent); mix-blend-mode: var(--cgn-notification-icon_blend-mode); transition: color 0.3s; } .wds-global-navigation__notifications-dropdown:hover { color: var(--cgn-color-text); mix-blend-mode: var(--cgn-notification-icon_blend-mode); } .wds-global-navigation__start-a-wiki { display: var(--cgn-start-a-wiki-display); mix-blend-mode: var(--cgn-start-wiki-blend-mode); } .wds-global-navigation__start-a-wiki .wds-button.wds-is-secondary:not(:disabled) { border-color: var(--cgn-color-accent); color: var(--cgn-color-accent); transition: border-color 0.3s, color 0.3s; } .wds-global-navigation__start-a-wiki:hover { color: var(--cgn-color-text); border-color: var(--cgn-color-text); } /* Dropdowns */ .wds-global-navigation .wds-dropdown__content { background-color: var(--cgn-color-dropdown-background); } .wds-dropdown__content .wds-list.wds-is-linked .wds-dropdown-level-2 .wds-dropdown-level-2__content { background-color:var(--cgn-color-dropdown-background); border-color: var(--cgn-color-dropdown-text-secondary); } .wds-dropdown__content:not(.wds-is-not-scrollable) .wds-list { background: transparent; } .wds-global-navigation .wds-dropdown__content .wds-list, .wds-global-navigation .wds-dropdown__content:not(.wds-is-not-scrollable) .wds-list::after, .wds-global-navigation .wds-dropdown__content:not(.wds-is-not-scrollable) .wds-list::before { background-color: transparent; } .wds-global-navigation .wds-dropdown::after { border-bottom-color: var(--cgn-color-dropdown-background); } .wds-global-navigation .wds-dropdown__content .wds-list.wds-is-linked > li > a, .wds-global-navigation__search-suggestions.wds-dropdown__content .wds-list.wds-is-linked > li:hover:not(.wds-is-selected) > a, .wds-global-navigation .wds-sign-out__button { color: var(--cgn-color-dropdown-text); } .wds-global-navigation .wds-dropdown__content .wds-list.wds-is-linked > li.wds-is-selected > a, .wds-global-navigation .wds-dropdown__content .wds-list.wds-is-linked > li:hover > a, .wds-global-navigation .wds-sign-out__button:hover { color: var(--cgn-color-dropdown-accent); background-color: transparent; } .wds-global-navigation__link-group .wds-list li:last-child { display: var(--cgn-start-a-wiki-secondary-display); } .wds-global-navigation .wds-global-navigation__link-group .wds-dropdown__content .wds-button.wds-is-secondary { border-color: var(--cgn-color-dropdown-accent); color: var(--cgn-color-dropdown-accent); transition: border-color 0.3s, color 0.3s; } .wds-global-navigation__link-group .wds-dropdown__content .wds-button.wds-is-secondary:hover:not(.disabled) { color: var(--cgn-color-dropdown-text); border-color: var(--cgn-color-dropdown-text); } /* Notifications (Discussions) */ .wds-notifications__mark-all-as-read { border-color: var(--cgn-color-dropdown-text-secondary); color: var(--cgn-color-dropdown-accent); } .wds-global-navigation .wds-notification-card .wds-notification-card__text { color: var(--cgn-color-dropdown-text); } .wds-global-navigation .wds-notification-card .wds-notification-card__text b { font-weight: var(--cgn-notification-bold-font-weight); } .wds-global-navigation .wds-notification-card__icon-wrapper { display: var(--cgn-notification-icon-display); } .wds-global-navigation .wds-notification-card__icon-wrapper .wds-icon { fill: var(--cgn-color-dropdown-text-secondary); } .wds-global-navigation .wds-is-unread .wds-notification-card__icon-wrapper .wds-icon { fill: var(--cgn-color-dropdown-accent); } .wds-global-navigation .wds-notification-card .wds-notification-card__context-list, .wds-global-navigation .wds-notification-card .wds-notification-card__snippet, .wds-global-navigation .wds-notification-card .wds-notification-card__last-actor { color: var(--cgn-color-dropdown-text-secondary); } .wds-global-navigation .wds-list.wds-has-lines-between > li { border-color: var(--cgn-color-dropdown-text-secondary); } .wds-global-navigation .wds-notification-card .wds-avatar .wds-avatar__image { border-color: var(--cgn-color-dropdown-text-secondary); fill: var(--cgn-color-dropdown-text-secondary); } /* Notifications */ .wds-global-navigation__notifications-counter { background-color: var(--cgn-color-text); color: var(--cgn-color-accent); top: calc(12px - (55px - var(--cgn-height))/2); transition: background-color 0.3s, color 0.3s; } .wds-global-navigation__notifications-dropdown:hover .wds-global-navigation__notifications-counter { background-color: var(--cgn-color-accent); color: var(--cgn-color-text); } background-color: var(--cgn-color-dropdown-background); border-color: transparent; } background-color: transparent; } border: none; } color: var(--cgn-color-dropdown-text-secondary); } border-bottom: 1px solid var(--cgn-color-dropdown-text-secondary); } font-weight: var(--cgn-notification-bold-font-weight); color: var(--cgn-color-dropdown-text); } color: var(--cgn-color-dropdown-accent); } background-color: transparent; color: var(--cgn-color-dropdown-accent); } background-color: var(--cgn-color-dropdown-accent); color: var(--cgn-color-dropdown-text); border-top: none; border-bottom: 1px solid var(--cgn-color-dropdown-text-secondary); display: flex; align-items: center; justify-content: space-between; } position: initial; border-bottom-color: var(--cgn-color-dropdown-text); border-top-color: var(--cgn-color-dropdown-text); } background-color: var(--cgn-color-dropdown-accent); color: var(--cgn-color-dropdown-text); border-color: transparent; } /* Script:Highlight */ .wds-global-navigation__user-menu .wds-dropdown__content .wds-list.wds-is-linked > li:nth-child(-n + 2) > a { color: var(--cgn-color-dropdown-text) !important; } .wds-global-navigation__user-menu .wds-dropdown__content .wds-list.wds-is-linked > li:nth-child(-n + 2):hover > a { color: var(--cgn-color-dropdown-accent) !important; } /* Script:ConsistentNotifications */ background-color: var(--cgn-color-dropdown-accent); } /* Make sure CustomGlobalNavigation.css is imported above */ .wds-global-navigation-wrapper { --cgn-color-background: #144500; --cgn-color-text: #eee; --cgn-color-text-secondary: #ffffff; --cgn-color-accent: #eda84e; --cgn-color-chevron: #854522; --cgn-color-dropdown-background: #bd8d68; --cgn-color-dropdown-text: #eee; --cgn-color-dropdown-text-secondary: #240e06; --cgn-color-dropdown-accent: #000000; --cgn-height: 45px; --cgn-avatar-blend-mode: normal; --cgn-avatar-filter: none; --cgn-left-content-links-blend-mode: normal; --cgn-notification-icon_blend-mode: normal; --cgn-search-blend-mode: normal; --cgn-start-wiki-blend-mode: normal; --cgn-start-a-wiki-display: none; } .wds-global-navigation__search { align-items: center; color: #ffffff; display: flex; height: 100%; justify-content: flex-end; } .UserProfileMasthead .masthead-info h1 { display: inline; font-size: 30px; font-weight: normal; font-family: Kurale; line-height: 38px; color: white; text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5215686274509804); } .UserProfileMasthead .masthead-info h2 { display: inline; font-size: 24px; font-weight: lighter; margin: 0; font-family: Century Gothic; color: #ffe9bf; } .wds-dropdown.wds-is-active .wds-dropdown__content, .wds-dropdown:not(.wds-is-touch-device):not(.wds-is-not-hoverable):hover .wds-dropdown__content { display: inline-block; color: #5a340d; } .UserProfileMasthead .masthead-avatar .avatar { border: 4px solid #00000052; display: inline-block; max-height: 140px; max-width: 140px; box-shadow: 3px 1px 0px #db8a38; } .UserProfileMasthead .details span { font-size: 12px; color: #884600; font-weight: bold; text-transform: uppercase; text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.53); } .UserProfileMasthead .masthead-info > div { float: left; padding: 20px 25px; width: 320px; color: white; } .UserProfileMasthead .details { font-size: 13px; line-height: 21px; font-size: 14px; line-height: 17px; text-shadow: -1px 2px 3px rgba(0, 0, 0, 0.47); } .UserProfileMasthead .discussion-details { border-top: 1px solid #b75c00; padding-top: 10px; background-color: rgba(255, 255, 255, 0.34); border-radius: 50px; padding: 10px; } .UserProfileMasthead .tally { padding-bottom: 10px; color: #b08152; } .UserProfileMasthead .tally em { margin-right: 5px; color: #fffaee; text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.32); } .tally span { float: left; color: #562c02; } .UserProfileMasthead .masthead-info .tag { font-size: 11px; background-color: #0a710a; border-radius: 10px; letter-spacing: 0.5px; padding: 5px 5px; color: white; } .WikiaUserPagesHeader .tabs li { cursor: pointer; float: left; font-size: .875rem; font-weight: 700; height: 50px; background-color: white; text-transform: uppercase; flex: 1 auto; margin: 0; transition: filter .25s ease-out; } .WikiaUserPagesHeader .tabs li a { display: flex; justify-content: center; align-items: center; box-sizing: border-box; height: 100%; background-color: #fff; border: none; border-bottom: 4px solid currentColor; } .tabs .selected a { border-bottom: 1px solid transparent; border-left: 1px solid #a3c8ec; border-right: 1px solid #9bbce8; border-top: 1px solid #98bbea; background: #ffffff; color: #308acc; cursor: text; font-weight: bold; text-decoration: none; } .UserProfileMasthead .links li a { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; color: #006d18; -webkit-align-items: center; align-items: center; } .UserProfileMasthead .links .icon { border-radius: 50px; background: #41af15 url(https://slot1-images.wikia.nocookie.net/__cb1565980047504/common/extensions/wikia/UserProfilePageV3/images/UPP-sprite.png); height: 17px; margin-right: 3px; width: 17px; } .UserProfileMasthead .links .user-profile__discord__icon-with-label { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; color: #006d18; } .UserProfileMasthead .links .user-profile__discord__icon-with-label__icon { background: #41af15; border-radius: 50px; display: inline-block; margin-right: 3px; padding: 2px 3px; } .UserProfileMasthead .wikis span { color: #884600; float: left; font-weight: bold; margin-right: 10px; text-align: right; text-transform: uppercase; text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.53); width: 85px; }
 * 1) GlobalNavigationWallNotifications {
 * 1) GlobalNavigationWallNotifications .notification:hover {
 * 1) GlobalNavigationWallNotifications .notification {
 * 1) GlobalNavigationWallNotifications .notification time {
 * 1) GlobalNavigationWallNotifications .notification {
 * 1) GlobalNavigationWallNotifications .notification h4 {
 * 1) GlobalNavigationWallNotifications .notifications-for-wiki .notifications-for-wiki-list a {
 * 1) GlobalNavigationWallNotifications .notification.empty {
 * 1) GlobalNavigationWallNotifications .notifications-for-wiki .notifications-wiki-header {
 * 1) GlobalNavigationWallNotifications .notifications-for-wiki .notifications-wiki-header .chevron,
 * 2) GlobalNavigationWallNotifications .notifications-for-wiki .notifications-wiki-header:hover .chevron{
 * 1) GlobalNavigationWallNotifications .notifications-markasread {
 * 1) cn-entrypoint .wds-notification-card.wds-is-unread .wds-avatar-stack__avatar::before,
 * 2) cn-entrypoint .wds-notification-card.wds-is-unread .wds-avatar-stack__avatar::after {