User:HumansCanWinElves/global-code.css

/* FandomDesktop customization */ /* -- */

/* Reversing global nav upside-down */ /* */ .global-navigation { flex-direction: column-reverse; }

.global-navigation__bottom > .wds-dropdown.is-attached-to-bottom .wds-dropdown__content { top: 0; bottom: auto; }

.global-navigation .notifications .wds-dropdown.is-attached-to-bottom::before, .global-navigation .notifications .wds-dropdown.is-attached-to-bottom::after { top: 62px; bottom: auto; }

/* Transferring global nav to the right */ /* */ .global-navigation { right: 0; left: auto; }

.main-container { margin-left: 0; margin-right: 66px; }

.global-navigation__bottom > .wds-dropdown { margin-left: 0; padding-left: 15px; }

.global-navigation__bottom .wds-dropdown.is-attached-to-bottom .wds-dropdown__content { right: 66px; left: auto; }

.wds-dropdown.wds-open-to-right::before { left: -10px; }

.wds-dropdown.wds-open-to-right::after { left: -8px;

}

.fandom-sticky-header { right: 66px; left: 0; }

right: 75px; }
 * 1) WikiaBar .WikiaBarWrapper,
 * 2) WikiaBar .WikiaBarCollapseWrapper {

/* Previous customization, disabled for now */ /* -- */ /* Coloring own username. The :not(#fakeId) is to increase the specifity *-/ a[href$=":HumansCanWinElves"]:not(#fakeId) { color: yellow; background: blue; font-weight: bold; }

/* -- *-/

/* Marking certain IPs *-/ a[href$="/68.84.207.60"]::after { content: " — Jules"; font-weight: bold; }

a[href$="/68.36.244.9"]::after { content: " — Another Oblivious Turtle"; font-weight: bold; }

a[href$="/69.161.7.150"]::after, a[href$="/74.124.99.28"]::after, a[href$="/63.140.91.231"]::after, a[href$="/216.67.38.244"]::after { content: " — Ice Blue Sophie"; font-weight: bold; }

.wds-avatar a::after, a.mw-usertoollinks-contribs::after { content: none; }

/* -- *-/

/* Bug fixes *-/

/* Normal width for Special:ExpandTemplates results *-/ .mw-special-ExpandTemplates #output { width:700px; }

/* -- *-/

/* Marking local groups filters on Special:ListUsers *-/ table.listusers-groups-table tr:nth-child(6), table.listusers-groups-table tr:nth-child(7) { background: limegreen; }

/* Standing-out snippets on Special:SocialActivity *-/ .social-activity-feed em { display: block; margin-left: 5ch; }

/* Showing up notifs dropdown when debugging *-/ /* Disabled for now @media only screen and (max-height: 500px) and (min-width: 1000px) { .wds-notifications__dropdown-content { display: inherit; } }

/* Hiding ads but still marking them. Hiding them completely would need a   much simpler code. *-/   height: auto !important; padding: 10px !important; }
 * 1) hivi_leaderboard,
 * 2) top_leaderboard,
 * 3) bottom_leaderboard,
 * 4) top_boxad {

display: none !important; }
 * 1) hivi_leaderboard > *,
 * 2) top_leaderboard > *,
 * 3) bottom_leaderboard > *,
 * 4) top_boxad > * {

content: "ad removed"; font-size: x-large; text-align: center; width: 100%; height: auto; padding: 5px; border: 1px solid black; border-radius: 10px; background: white; color: red; }
 * 1) hivi_leaderboard::before,
 * 2) top_leaderboard::before,
 * 3) bottom_leaderboard::before,
 * 4) top_boxad::before {

/* -- *-/

/* Displaying actor names on notifs (retrived by ViewNotificationsUsers script) *-/ body { counter-reset: notifsCount; }

.wds-notification-card::before { counter-increment: notifsCount; content: counter(notifsCount) "."; display: inline-block; margin-left: 42px; white-space: pre-wrap; font-family: monospace; }

.wds-notification-card[title]::before { counter-increment: notifsCount; content: counter(notifsCount) ". " attr(title); }

.wds-notification-card[title][data-type="discussion-upvote-post"]::before, .wds-notification-card[title][data-type="talk-page-message"]::before { counter-increment: notifsCount; content: counter(notifsCount) ". (Not uniquely identified)\a" attr(title); }

.wds-notification-card[title][data-type="discussion-upvote"]::before { font-weight: bold; }

/* -- *-/

/* For my hidden stuff - overriding the inline display:none; *-/ .HumansCanWinElves-personal { display: inherit !important; }

/* -- *-/

/* Mobile desktop-view adjustments *-/ @media only screen and (max-width: 700px) { /*   /* Limiting the global navigation bar from stretching the page #userProfileApp { max-width: 100%; overflow-x: auto; }

/* Responsive modal by Noreplyz .modalWrapper { box-sizing:border-box; width:calc(100% - 20px) !important; left:auto !important; margin-left:10px !important; }

/* 2017 editor ve-ui-mwNoticesPopupTool-popup, .ve-ui-summaryPanel-copyrightWarningFooter { display: none; }

.oo-ui-toolbar > .oo-ui-toolbar-bar { position: relative !important; /* Overriding dynamic style left: 0 !important; right: 0 !important; overflow-x: auto; }

/* Putting the CodeLinks submenu on the left #globalNavigation .codelinks-menu { left: auto; right: 100%; }	.ve-activating .skin-oasis .WikiaSiteWrapper, .ve-active .skin-oasis .WikiaSiteWrapper { min-width: 768px; } }

/* When showing virtual keyboard on mobile *-/ @media only screen and (max-width:700px) and (max-height: 400px) {

.oo-ui-toolbar:not(:hover):not(:focus), .ve-ui-summaryPanel:not(:hover):not(:focus) { display: none; } }

/* Excluding irreleavnt parts from being printed *-/ @media print { .wds-global-navigation-wrapper, .background-image-gradient, .banner-notifications-placeholder, .wds-community-header, .page-header__categories, .page-header__contribution, .category-layout-selector, #WikiaMainContentContainer > #content ~ *, #WikiaMainContentContainer ~ *, #WikiaMainContent ~ *, .article-with-rail ~ *, .WikiaSiteWrapper ~ * { display: none; }

.WikiaSiteWrapper { margin: 0; } }

/* Marking usage of InputUsername *-/ .insertusername, .InputUsername { outline: 1px solid; }

/* Counting MultipleActivity entries *-/ .WikiaArticle #ma_msContent { counter-reset: MultipleActivity; }

.WikiaArticle #ma_msContent > div::before { counter-increment: MultipleActivity; content: counter(MultipleActivity) ")";   position: relative;    left: -5px; }

/* Counting SocialActivity entries *-/ .mw-special-SocialActivity { counter-reset: SocialActivity; }

.mw-special-SocialActivity li[data-content-type]::before { counter-increment: SocialActivity; content: counter(SocialActivity) ")";	position: relative;	left: -5px; }

/* -- Wikimarks ---*-/ /* Restoring the Explore tab that is hidden by Wikimarks *-/ .wds-tabs__tab > .wds-dropdown > .wds-tabs__tab-label { display: inline-flex !important; /* Needed to override the inline style *-/ }

/* Moving the Wikimarks tab to the end *-/ .wds-tabs__tab.wikimarks { order: 1; }

/* Checking my mobile reported screen size *-/ @media (max-width:2000px) { .wds-community-header__sitename::after { content: "(width <= 2000px)"; } }

@media (max-width:1500px) { .wds-community-header__sitename::after { content: "(width <= 1500px)"; } }

@media (max-width:1300px) { .wds-community-header__sitename::after { content: "(width <= 1300px)"; } }

@media (max-width:1200px) { .wds-community-header__sitename::after { content: "(width <= 1200px)"; } }

@media (max-width:1000px) { .wds-community-header__sitename::after { content: "(width <= 1000px)"; } }

@media (max-width:900px) { .wds-community-header__sitename::after { content: "(width <= 900px)"; } }

@media (max-width:800px) { .wds-community-header__sitename::after { content: "(width <= 800px)"; } }

@media (max-width:700px) { .wds-community-header__sitename::after { content: "(width <= 700px)"; } }

@media (max-width:600px) { .wds-community-header__sitename::after { content: "(width <= 600px)"; } }

@media (max-width:500px) { .wds-community-header__sitename::after { content: "(width <= 500px)"; } }

@media (max-width:400px) { .wds-community-header__sitename::after { content: "(width <= 400px)"; } }

@media (max-width:350px) { .wds-community-header__sitename::after { content: "(width <= 350px)"; } }

@media (max-width:325px) { .wds-community-header__sitename::after { content: "(width <= 325px)"; } }

@media (max-width:300px) { .wds-community-header__sitename::after { content: "(width <= 300px)"; } }

.wds-community-header__sitename::after { font-size:50%; }

body:not(#fakeId)::before { content: "measures bar"; display: initial; /* Overriding a Fandom definition for screen size <= 1064px *-/ text-align: center; position:absolute; top: 0; left: 0; width: 100%; height: 50px; z-index: 1000; opacity: 50%; pointer-events: none; background-image: repeating-linear-gradient(to right, transparent 0 99px, white 99px 100px), repeating-linear-gradient(to right, transparent 0 9px, white 9px 10px); background-size: 100% 100%, 100% 50%; background-repeat: no-repeat; }

/* Testing: replacing images of UserStatus *-/ .status-indicator-away, .status-indicator-dnd, .status-indicator-offline, .status-indicator-unknown { background: url("https://static.wikia.nocookie.net/9287b645-6561-468d-9dac-421d11bb034e") 50% 50%/150% 150% no-repeat !important; }

.status-indicator-away + img, .status-indicator-dnd + img, .status-indicator-offline + img, .status-indicator-unknown + img { visibility: hidden; }

/* Fixing Lua debug console on the right when the screen is wide enough *-/ @media only screen and (min-width: 1500px) {

#mw-scribunto-console { position: fixed; right: 0; bottom: 20px; width: calc(100% - 1074px); max-height: calc(100% - 100px); overflow: auto; background: white; border: 1px solid; z-index: 10; display: flex; /* Keeps it scrolled to the bottom. It reverses the order of child elements but fortunately there is only one child here. *-/       flex-direction: column-reverse; }

.ns-828.action-edit .WikiaSiteWrapper { margin-left: 0; } }

/* Adjust to Fandom's largest breakpoint *-/ @media only screen and (min-width: 1596px) { #mw-scribunto-console { width: calc(100% - 1248px); } }

/* Coloring own username. The :not(#fakeId) is to increase the specifity *-/ a[href$=":HumansCanWinElves"]:not(#fakeId) { color: yellow; background: blue; font-weight: bold; }

/* -- *-/

/* Marking certain IPs *-/ a[href$="/68.84.207.60"]::after { content: " — Jules"; font-weight: bold; }

a[href$="/68.36.244.9"]::after { content: " — Another Oblivious Turtle"; font-weight: bold; }

a[href$="/69.161.7.150"]::after, a[href$="/74.124.99.28"]::after, a[href$="/63.140.91.231"]::after, a[href$="/216.67.38.244"]::after { content: " — Ice Blue Sophie"; font-weight: bold; }

.wds-avatar a::after, a.mw-usertoollinks-contribs::after { content: none; }

/* -- *-/

/* Bug fixes *-/

/* Normal width for Special:ExpandTemplates results *-/ .mw-special-ExpandTemplates #output { width:700px; }

/* -- *-/

/* Marking local groups filters on Special:ListUsers *-/ table.listusers-groups-table tr:nth-child(6), table.listusers-groups-table tr:nth-child(7) { background: limegreen; }

/* Standing-out snippets on Special:SocialActivity *-/ .social-activity-feed em { display: block; margin-left: 5ch; }

/* Showing up notifs dropdown when debugging *-/ /* Disabled for now @media only screen and (max-height: 500px) and (min-width: 1000px) { .wds-notifications__dropdown-content { display: inherit; } }

/* Hiding ads but still marking them. Hiding them completely would need a   much simpler code. *-/   height: auto !important; padding: 10px !important; }
 * 1) hivi_leaderboard,
 * 2) top_leaderboard,
 * 3) bottom_leaderboard,
 * 4) top_boxad {

display: none !important; }
 * 1) hivi_leaderboard > *,
 * 2) top_leaderboard > *,
 * 3) bottom_leaderboard > *,
 * 4) top_boxad > * {

content: "ad removed"; font-size: x-large; text-align: center; width: 100%; height: auto; padding: 5px; border: 1px solid black; border-radius: 10px; background: white; color: red; }
 * 1) hivi_leaderboard::before,
 * 2) top_leaderboard::before,
 * 3) bottom_leaderboard::before,
 * 4) top_boxad::before {

/* -- *-/

/* Displaying actor names on notifs (retrived by ViewNotificationsUsers script) *-/ body { counter-reset: notifsCount; }

.wds-notification-card::before { counter-increment: notifsCount; content: counter(notifsCount) "."; display: inline-block; margin-left: 42px; white-space: pre-wrap; font-family: monospace; }

.wds-notification-card[title]::before { counter-increment: notifsCount; content: counter(notifsCount) ". " attr(title); }

.wds-notification-card[title][data-type="discussion-upvote-post"]::before, .wds-notification-card[title][data-type="talk-page-message"]::before { counter-increment: notifsCount; content: counter(notifsCount) ". (Not uniquely identified)\a" attr(title); }

.wds-notification-card[title][data-type="discussion-upvote"]::before { font-weight: bold; }

/* -- *-/

/* For my hidden stuff - overriding the inline display:none; *-/ .HumansCanWinElves-personal { display: inherit !important; }

/* -- *-/

/* Mobile desktop-view adjustments *-/ @media only screen and (max-width: 700px) { /*   /* Limiting the global navigation bar from stretching the page #userProfileApp { max-width: 100%; overflow-x: auto; }

/* Responsive modal by Noreplyz .modalWrapper { box-sizing:border-box; width:calc(100% - 20px) !important; left:auto !important; margin-left:10px !important; }

/* 2017 editor ve-ui-mwNoticesPopupTool-popup, .ve-ui-summaryPanel-copyrightWarningFooter { display: none; }

.oo-ui-toolbar > .oo-ui-toolbar-bar { position: relative !important; /* Overriding dynamic style left: 0 !important; right: 0 !important; overflow-x: auto; }

/* Putting the CodeLinks submenu on the left #globalNavigation .codelinks-menu { left: auto; right: 100%; }	.ve-activating .skin-oasis .WikiaSiteWrapper, .ve-active .skin-oasis .WikiaSiteWrapper { min-width: 768px; } }

/* When showing virtual keyboard on mobile *-/ @media only screen and (max-width:700px) and (max-height: 400px) {

.oo-ui-toolbar:not(:hover):not(:focus), .ve-ui-summaryPanel:not(:hover):not(:focus) { display: none; } }

/* Excluding irreleavnt parts from being printed *-/ @media print { .wds-global-navigation-wrapper, .background-image-gradient, .banner-notifications-placeholder, .wds-community-header, .page-header__categories, .page-header__contribution, .category-layout-selector, #WikiaMainContentContainer > #content ~ *, #WikiaMainContentContainer ~ *, #WikiaMainContent ~ *, .article-with-rail ~ *, .WikiaSiteWrapper ~ * { display: none; }

.WikiaSiteWrapper { margin: 0; } }

/* Marking usage of InputUsername *-/ .insertusername, .InputUsername { outline: 1px solid; }

/* Counting MultipleActivity entries *-/ .WikiaArticle #ma_msContent { counter-reset: MultipleActivity; }

.WikiaArticle #ma_msContent > div::before { counter-increment: MultipleActivity; content: counter(MultipleActivity) ")";   position: relative;    left: -5px; }

/* Counting SocialActivity entries *-/ .mw-special-SocialActivity { counter-reset: SocialActivity; }

.mw-special-SocialActivity li[data-content-type]::before { counter-increment: SocialActivity; content: counter(SocialActivity) ")";	position: relative;	left: -5px; }

/* -- Wikimarks ---*-/ /* Restoring the Explore tab that is hidden by Wikimarks *-/ .wds-tabs__tab > .wds-dropdown > .wds-tabs__tab-label { display: inline-flex !important; /* Needed to override the inline style *-/ }

/* Moving the Wikimarks tab to the end *-/ .wds-tabs__tab.wikimarks { order: 1; }

/* Checking my mobile reported screen size *-/ @media (max-width:2000px) { .wds-community-header__sitename::after { content: "(width <= 2000px)"; } }

@media (max-width:1500px) { .wds-community-header__sitename::after { content: "(width <= 1500px)"; } }

@media (max-width:1300px) { .wds-community-header__sitename::after { content: "(width <= 1300px)"; } }

@media (max-width:1200px) { .wds-community-header__sitename::after { content: "(width <= 1200px)"; } }

@media (max-width:1000px) { .wds-community-header__sitename::after { content: "(width <= 1000px)"; } }

@media (max-width:900px) { .wds-community-header__sitename::after { content: "(width <= 900px)"; } }

@media (max-width:800px) { .wds-community-header__sitename::after { content: "(width <= 800px)"; } }

@media (max-width:700px) { .wds-community-header__sitename::after { content: "(width <= 700px)"; } }

@media (max-width:600px) { .wds-community-header__sitename::after { content: "(width <= 600px)"; } }

@media (max-width:500px) { .wds-community-header__sitename::after { content: "(width <= 500px)"; } }

@media (max-width:400px) { .wds-community-header__sitename::after { content: "(width <= 400px)"; } }

@media (max-width:350px) { .wds-community-header__sitename::after { content: "(width <= 350px)"; } }

@media (max-width:325px) { .wds-community-header__sitename::after { content: "(width <= 325px)"; } }

@media (max-width:300px) { .wds-community-header__sitename::after { content: "(width <= 300px)"; } }

.wds-community-header__sitename::after { font-size:50%; }

body:not(#fakeId)::before { content: "measures bar"; display: initial; /* Overriding a Fandom definition for screen size <= 1064px *-/ text-align: center; position:absolute; top: 0; left: 0; width: 100%; height: 50px; z-index: 1000; opacity: 50%; pointer-events: none; background-image: repeating-linear-gradient(to right, transparent 0 99px, white 99px 100px), repeating-linear-gradient(to right, transparent 0 9px, white 9px 10px); background-size: 100% 100%, 100% 50%; background-repeat: no-repeat; }

/* Testing: replacing images of UserStatus *-/ .status-indicator-away, .status-indicator-dnd, .status-indicator-offline, .status-indicator-unknown { background: url("https://static.wikia.nocookie.net/9287b645-6561-468d-9dac-421d11bb034e") 50% 50%/150% 150% no-repeat !important; }

.status-indicator-away + img, .status-indicator-dnd + img, .status-indicator-offline + img, .status-indicator-unknown + img { visibility: hidden; }

/* Fixing Lua debug console on the right when the screen is wide enough *-/ @media only screen and (min-width: 1500px) {

#mw-scribunto-console { position: fixed; right: 0; bottom: 20px; width: calc(100% - 1074px); max-height: calc(100% - 100px); overflow: auto; background: white; border: 1px solid; z-index: 10; display: flex; /* Keeps it scrolled to the bottom. It reverses the order of child elements but fortunately there is only one child here. *-/       flex-direction: column-reverse; }

.ns-828.action-edit .WikiaSiteWrapper { margin-left: 0; } }

/* Adjust to Fandom's largest breakpoint *-/ @media only screen and (min-width: 1596px) { #mw-scribunto-console { width: calc(100% - 1248px); } }