User:HumansCanWinElves/global-code.css

/* -- Highlights -- */

a[href$=":HumansCanWinElves"] { color: blue !important; font-weight: bold; text-shadow: 2px 2px 2px yellow; }

/* -- Bug fixes -- */

/* Normal width for results on Special:ExpandTemplates */ .mw-special-ExpandTemplates #output { width: 100%; }

/* Fixing broken layout when using an RTL language */ /* @noflip */ body.rtl, body.rtl > .main-container { direction: ltr; }

/* @noflip */ body.rtl > *, body.rtl > .fandom-sticky-header, body.rtl > #WikiaBar, body.rtl > .main-container > * { direction: rtl; }

@media screen and (max-width:799px) { /* @noflip */ body.rtl > .main-container { padding-right: 66px; } }

/* -- Wikimarks ---*/ /* Restoring the Explore tab which is hidden by Wikimarks */ .fandom-community-header__local-navigation .wds-tabs > .wds-dropdown { display: inline-flex !important; /* Needed to override the inline style */ }

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

/* Preventing click on the "Wikimarks" text on mobile */ @media (max-width: 1000px) { .fandom-community-header__local-navigation .wikimarks .first-level-item a { pointer-events: none; } }

/* -- Other ---*/

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

body.ns-828.action-edit:not(.is-content-expanded) .resizable-container { margin-left: 25px; max-width: calc(100% - 435px); }

body.ns-828.action-edit:not(.is-content-expanded) #mw-scribunto-console { position: fixed; right: 5px; bottom: 45px; width: 400px; max-height: calc(100% - 105px); overflow: auto; background: var(--theme-page-background-color); border: 1px solid; display: flex; flex-direction: column; } }

/* Better positionning of the buttons with ThemeSelector */ position: relative; z-index: 1; margin-bottom: -30px; margin-left: 1em; }
 * 1) ThemeSelector-wrapper {

/* Testing: wds-toggles design for toggles of collapsibles, copied with the necessary modifications from Fandom's own stylesheet. See https://community.fandom.com/load.php?fandomdesktop=1&modules=skin.fandomdesktop.css&only=styles&skin=fandomdesktop .mw-collapsible-toggle { --wds-toggle-background-color: var(--theme-page-text-mix-color); --wds-toggle-switch-color: var(--theme-page-background-color); --wds-toggle-background-color--checked: var(--theme-page-accent-mix-color); --wds-toggle-switch-color--checked: var(--theme-accent-color) }

.mw-collapsible-toggle { cursor: pointer; font-size: 16px; padding: 7px 5px 7px 52px; position: relative }

.mw-collapsible-toggle:empty { padding-left: 45px }

.mw-collapsible-toggle::after, .mw-collapsible-toggle::before { content: ""; margin: 0; outline: 0; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: background-color,-webkit-transform; transition: background-color,-webkit-transform; transition: transform,background-color; transition: transform,background-color,-webkit-transform; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-timing-function: ease; transition-timing-function: ease }

.mw-collapsible-toggle::before { background-color: var(--wds-toggle-background-color); border-radius: 8px; height: 14px; left: 6px; width: 34px }

.mw-collapsible-toggle::after { background-color: var(--wds-toggle-switch-color); border-radius: 50%; -webkit-box-shadow: 0 3px 1px -2px rgba(0,0,0,.14),0 2px 2px 0 rgba(0,0,0,.098),0 1px 5px 0 rgba(0,0,0,.084); box-shadow: 0 3px 1px -2px rgba(0,0,0,.14),0 2px 2px 0 rgba(0,0,0,.098),0 1px 5px 0 rgba(0,0,0,.084); height: 20px; left: 5px; min-width: 20px; width: 20px }

.mw-collapsible-toggle-expanded::before { background-color: var(--wds-toggle-background-color--checked); }

.mw-collapsible-toggle-expanded::after { background-color: var(--wds-toggle-switch-color--checked); -webkit-transform: translate(80%,-50%); transform: translate(80%,-50%) }

/* 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; }