User:Король умник 1/global.css

@import "/load.php?mode=articles&articles=u:dev:MediaWiki:ModernLeaderboard.css|u:dev:MediaWiki:InterlanguageFlags.css|u:dev:MediaWiki:FandomIcons.css|u:dev:MediaWiki:BalancedFooter.css|u:dev:MediaWiki:RecentChangesModern.css|u:dev:MediaWiki:OldFandomColors.css|u:dev:MediaWiki:SocialActivityModern/code.css&only=styles";

/* CSS */ /*==============================Ссылки==============================*/ a:visited:hover, .color2 a:visited:hover { /*посещенные*/ text-shadow: #1E90FF 0 0 2px; text-decoration:none; } a:hover, .color2 a:hover { /*тень*/ text-shadow: #1E90FF 0 0 2px; text-decoration:none; } a:hover { /*цвет и время смены при наведении*/ text-shadow: #1E82E3 0 0 3px !important; color: #1E90FF !important; text-decoration:none; -webkit-transition: all .6s linear 1s; -moz-transition: all .6s linear 1s; -ms-transition: all .6s linear 1s; -o-transition: all .6s linear 1s; transition: all .6s linear 1s; } /* Шрифты */ @font-face { font-family: 'rubik_ww'; src: url(https://images.wikia.nocookie.net/bindingofisaac/ru/images/f/fe/Rubik_Regular.woff) format('woff'); }

@font-face { font-family: 'rubik_ww'; font-style: normal; } .WikiaPage{ font-family: 'rubik_ww', sans-serif;} /* Оптимизация пространства редактора UCP */ .ve-ui-modeSwitchPopupButtonWidget.oo-ui-widget>.ve-ui-modeSwitchPopupButtonWidget-button { font-size: 20px; } .ve-oasis-header { padding: 2px 0; padding-top: 8px; } .wikiEditor-ui .wikiEditor-ui-toolbar, .oo-ui-toolbar-bar { padding: 3px; } .ve-ui-summaryPanel { padding: 2px 8px 0; } .ve-ui-summaryPanel-checkboxActionRow { margin: 5px 0; } .ve-ui-summaryPanel-copyrightWarningFooter { font-size: 0px; padding: 0px 9px; } .ve-ui-summaryPanel-copyrightWarningIcon { display: none !important; } .ve-ui-summaryPanel-summaryInputField { display: none !important; } .ve-init-mw-desktopArticleTarget-originalContent .ve-init-mw-desktopArticleTarget-title { margin: 0 0 4px; }

/***** Change icons *****/ .toolbar .tools li img { display: none !important; } .tools-customize:before { content: "\f013"; font-family: FontAwesome; margin-right: 0.75em; } .mytools.menu > a:before { content: "\f0c9"; font-family: FontAwesome; margin-right: 0.75em; } /* Кастомный скроллбар */
 * -webkit-scrollbar {

width: 15px; }
 * -webkit-scrollbar-track {

background: white; }
 * -webkit-scrollbar-thumb {

background: #D3D3D3; border-radius: 20px; }
 * -webkit-scrollbar-thumb:hover {

background: transparent; } /* -- Organized bell notifications -- */

/* -- Standing-out look for unread notification cards -- */ outline: 3px inset #010101; margin: 10px; box-shadow: 5px 5px 5px silver; }
 * 1) notificationContainer > .wds-notification-card.wds-is-unread {

/* -- Minimal look for read notification cards -- */ /* The transition properties in this part take effect when a hover ends */ /* Announcements are excluded from most changes because of the way they are styled */

padding-top: 5px; padding-bottom: 5px; margin: 0 0 0 3px; transition: 0.3s ease 2s; }
 * 1) notificationContainer > .wds-notification-card:not(.wds-is-unread) {

/* Size 0 to hide the actors text */ font-size: 0; line-height: 0.01px; /* Apparently needed for the transition */ transition: all 0.3s ease 5s, font-size 0s 2s; }
 * 1) notificationContainer > .wds-notification-card:not(.wds-is-unread):not([data-type="announcement"]) .wds-notification-card__text {

/* However, the bolded child elements should stay visible */ font-size: 14px; line-height: 18px; transition: 0.3s ease 2s; }
 * 1) notificationContainer > .wds-notification-card:not(.wds-is-unread):not([data-type="announcement"]) .wds-notification-card__text * {

/* Triggering a linebreak after "replied" or "mentioned" etc., while keeping it animatable for the transition */ display: inline-block; min-width: calc(100% + 0.5em); margin-left: -0.5em; transition: all 0.3s ease 2s, min-width 0s 2s; }
 * 1) notificationContainer > .wds-notification-card:not(.wds-is-unread):not([data-type="announcement"]) .wds-notification-card__text > :first-child {

/* Getting rid of the avatar stack - without display:none in order to allow a   transition */ max-height: 0; margin: 0; overflow: hidden; transition: 0.3s ease 2s; }
 * 1) notificationContainer > .wds-notification-card:not(.wds-is-unread) > .wds-avatar-stack {

margin-top: 0; transition: 0.3s ease 2s; }
 * 1) notificationContainer > .wds-notification-card:not(.wds-is-unread) .wds-notification-card__snippet {

/* -- Restoring full look when hovering -- */

padding-top: 15px; padding-bottom: 15px; margin-left: 10px; transition: 0.3s ease 0.3s; }
 * 1) notificationContainer > .wds-notification-card:not(.wds-is-unread):hover {

font-size: 14px; line-height: 18px; min-width: 0; margin-left: 0; transition: all 0.3s ease 0.3s, font-size 0s 0.3s, min-width 0s 0.3s; }
 * 1) notificationContainer > .wds-notification-card:not(.wds-is-unread):hover .wds-notification-card__text,
 * 2) notificationContainer > .wds-notification-card:not(.wds-is-unread):hover .wds-notification-card__text > :first-child,
 * 3) notificationContainer > .wds-notification-card:not(.wds-is-unread):hover .wds-notification-card__text * {

max-height: 100px; margin: 8px 18px 6px 40px; transition: 0.3s ease 0.3s; }
 * 1) notificationContainer > .wds-notification-card:not(.wds-is-unread):hover > .wds-avatar-stack {

margin-top: 8px; transition: 0.3s ease 0.3s; }
 * 1) notificationContainer > .wds-notification-card:not(.wds-is-unread):hover .wds-notification-card__snippet {

/* -- Type Coloring --*/

/* All notif cards get a left transparent border to be filled with a color later. */   border-left: 10px solid transparent; }
 * 1) notificationContainer > .wds-notification-card {

/* New messages on own wall or talk page */ border-left-color: blue; }
 * 1) notificationContainer > .wds-notification-card[data-type="message-wall-post"],
 * 2) notificationContainer > .wds-notification-card[data-type="talk-page-message"] {

/* Message wall replies */ border-left-color: cyan; }
 * 1) notificationContainer > .wds-notification-card[data-type="message-wall-reply"] {

/* Discussions replies */ border-left-color: lime; }
 * 1) notificationContainer > .wds-notification-card[data-type="discussion-reply"] {

/* Discussions at-mention */ border-left-color: green; }
 * 1) notificationContainer > .wds-notification-card[data-type="post-at-mention"],
 * 2) notificationContainer > .wds-notification-card[data-type="thread-at-mention"] {

/* Discussions upvotes */ border-left-color: darkgreen; border-left-style: solid; }
 * 1) notificationContainer > .wds-notification-card[data-type="discussion-upvote-post"],
 * 2) notificationContainer > .wds-notification-card[data-type="discussion-upvote-reply"] {

/* Article/blog comments replies */ border-left-color: orange; }
 * 1) notificationContainer > .wds-notification-card[data-type="article-comment-reply"] {

/* Article/blog comments at-mentions */ border-left-color: orangered; }
 * 1) notificationContainer > .wds-notification-card[data-type="article-comment-at-mention"],
 * 2) notificationContainer > .wds-notification-card[data-type="article-comment-reply-at-mention"] {

/* Announcments are fully highlighted */ border-left-color: yellow; }
 * 1) notificationContainer > .wds-notification-card[data-type="announcement"] {

/* -- Icons -- */

/* Removing original SVG icon */ visibility: hidden; }
 * 1) notificationContainer .wds-notification-card__icon-wrapper > .wds-icon {

/* General settings for all icons */ background-repeat: no-repeat; }
 * 1) notificationContainer .wds-notification-card__icon-wrapper {

/* Message Wall and talk page */ background-image: url('/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-message-small.svg'); }
 * 1) notificationContainer > .wds-notification-card[data-type*="message"] .wds-notification-card__icon-wrapper {

/* Discussion replies */ background-image: url('/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-comment-small.svg'); }
 * 1) notificationContainer > .wds-notification-card[data-type="discussion-reply"] .wds-notification-card__icon-wrapper {

/* Upvotes */ background-image: url('/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-heart-small.svg'); }
 * 1) notificationContainer > .wds-notification-card[data-type*="upvote"] .wds-notification-card__icon-wrapper {

/* Article/blog comments */ background-image: url('/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-page-small.svg'); }
 * 1) notificationContainer > .wds-notification-card[data-type*="comment"] .wds-notification-card__icon-wrapper {

/* At-mentions */ background-image: url('/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-mention-small.svg'); }
 * 1) notificationContainer > .wds-notification-card[data-type*="mention"] .wds-notification-card__icon-wrapper {

/* Announcements */ background-image: url('/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-flag-small.svg'); }
 * 1) notificationContainer > .wds-notification-card[data-type="announcement"] .wds-notification-card__icon-wrapper {

/* Old layout of global navigation */ .global-navigation__label, .global-navigation__label:active, .global-navigation__label:focus, .global-navigation__label:hover, .global-navigation__label:visited { color: #fdfdfd; } .global-navigation__logo .wds-icon { display: none; } .global-navigation__icon, .global-navigation__icon:active, .global-navigation__icon:focus, .global-navigation__icon:hover, .global-navigation__icon:visited { color: #FFF; } .global-navigation__bottom .wds-dropdown__toggle>.global-navigation__icon, .global-navigation__bottom .wds-dropdown__toggle>.global-navigation__icon:active, .global-navigation__bottom .wds-dropdown__toggle>.global-navigation__icon:focus, .global-navigation__bottom .wds-dropdown__toggle>.global-navigation__icon:hover, .global-navigation__bottom .wds-dropdown__toggle>.global-navigation__icon:visited { color: #FFF; } @media only screen and (max-height: 800px) .global-navigation .wds-dropdown__toggle { width: 100px; } .wds-dropdown__toggle { cursor: auto; position: revert; } .global-navigation__link { -webkit-box-align: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; align-items: center; display: flex; flex-direction: column; margin-top: 15px; width: 100%; padding: 2px 8px; } .global-navigation__bottom, .global-navigation__top { background-color: rgb(0,42,50); padding: 9px 1; } .global-navigation { background-color: rgb(0,42,50); } .global-navigation__icon.has-border { border-color: #FFF; } .global-navigation__icon.has-border, .global-navigation__icon.has-border+.global-navigation__label, .global-navigation__icon.has-border:active, .global-navigation__icon.has-border:focus, .global-navigation__icon.has-border:hover, .global-navigation__icon.has-border:visited { color: #FFF; } .global-navigation .notifications__counter { align-items: center; background: #FFF; border-radius: 100%; color: #000; }

/* Footer */ .wds-global-footer__link, .wds-global-footer__link:active, .wds-global-footer__link:focus, .wds-global-footer__link:visited { color: rgb(0, 214, 214); font-weight: 400; text-decoration: none; transition: color 0.3s ease 0s; } .wds-global-footer__header-logo { height: 35px; width: 164px; }

/* Removes the header of the following participant */ .fandom-sticky-header.is-visible { display: none }