MediaWiki:Wikia.css

@import "/load.php?mode=articles&articles=u:dev:MediaWiki:UCX.css&only=styles";

/* GENERAL */ /* it looks like that this font is to be used in UCX */ body { font-family: Rubik; } /* Hummel009's Adguard Antibanner */ display: none; } /* GLOBAL NAV UCX */ /* Removal of Create button in 125% scale */ @media only screen and (max-width: 1300px) { .wds-global-navigation__start-a-wiki { display: none!important; } } /* Wide nav fix */ @media only screen and (max-width: 1023px) { .wds-global-navigation { min-width: 66px; } } /* Notif Fix */ .banner-notifications-placeholder { display: none !important; } /* Removal of Search */ .wds-global-navigation__search-toggle-text { display: none; } .wds-global-navigation-wrapper { display: block; height: 100%; width: 66px }	height: 100%; width: 66px; padding: 0; } .wds-global-navigation__content-bar-left, .wds-global-navigation__links { flex-direction: column; } .wds-global-navigation__content-bar-left { width: 66px; } .wds-global-navigation__logo { width: 27px; margin: 15px auto; display: block; }	display: none } .wds-global-navigation__links { height: auto; width: 66px; } .wds-global-navigation__links > a, .wds-global-navigation__links > div { justify-content: center; margin: 0; font-size: 12px; height: 100px; align-items: flex-end; } .wds-global-navigation__links > a::before, .wds-global-navigation__link::before, .wds-global-navigation__start-a-wiki a::before { content: ""; display: block; width: 40px; height: 40px; background-color: #E0BAB5; position: absolute; margin-bottom: 30px; border-radius: 50%; filter: invert(1); background-size: 20px; background-repeat: no-repeat; background-position: center } .wds-global-navigation__link::before { margin-bottom: 30px; } .wds-global-navigation__start-a-wiki a::before { background-color: transparent; border: 2px solid #4C2B26; margin-bottom: 90px; } .wds-global-navigation__link { margin: 0; } .wds-global-navigation__link span { margin-top: 50px; } .wds-global-navigation__link svg, .wds-global-navigation__user-menu svg:not(.wds-avatar__image), #onSiteNotificationsDropdown svg:last-child { display: none; } .wds-global-navigation__user-menu .wds-is-right-aligned { margin-top: 40px; } .wds-global-navigation__link ~ .wds-global-navigation__dropdown-content { left: 160px; top: -10px; } .wds-global-navigation__link ~ .wds-dropdown:after { transform: rotate(-90deg) translate(40px, 25px); } .wds-global-navigation__content-bar-left { height: 460px; } .wds-global-navigation__content-bar-right { display: block; width: 66px; height: 100% } .wds-global-navigation__dropdown-controls { width: 66px; flex-direction: column-reverse; margin-bottom: -50px; height: auto; } .wds-global-navigation__dropdown-controls div { margin: 0; } .wds-global-navigation__search-container { display: none; } .wds-global-navigation__notifications-dropdown, .wds-global-navigation__user-menu { height: auto; position: absolute; } .wds-global-navigation__notifications-dropdown { bottom: 80px; width: 66px; } .wds-global-navigation__user-menu { bottom: 20px; } .wds-global-navigation__start-a-wiki { height: 130px; } .wds-global-navigation__start-a-wiki a { border: none !important; font-size: 10px; } .wds-global-navigation__notifications-dropdown { margin-bottom: 50px; } /* moved Notifs dropdown */ .wds-global-navigation__notifications-dropdown .wds-dropdown__content { top: -380px; left: 0; }	left: 15px !important; top: -5px !important; } .wds-dropdown__content.wds-notifications__dropdown-content { transform: translate(66px, -20px); } .wds-global-navigation__notifications-dropdown:after { transform: rotate(-90deg) translate(0px, 25px); } .wds-global-navigation__user-menu { width: 66px; } .wds-global-navigation__user-menu:after { transform: rotate(-90deg) translate(0px, 25px); } .wds-global-navigation__user-menu .wds-dropdown__content { left: 0; height: auto; transform: translate(66px, -180px); } div.wds-global-navigation__link::before { background-image: url("http://c.fandom.com/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-fandom-small.svg"); } /* made Games fixed, moved and hid it */ .wds-global-navigation__link[data-tracking-label='link.games'] { visibility: hidden; } /* English portal has more tabs in global nav */ .wds-global-navigation__link[data-tracking-label='link.video'] { display: none; } /* showed Games and edited text */ .wds-global-navigation__link[data-tracking-label='link.games']:after { visibility: visible; position: absolute; content: "Games"; } a.wds-global-navigation__link::before { visibility: visible; background-image: url("http://c.fandom.com/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-image-small.svg"); } .wds-global-navigation__start-a-wiki a::before { background-image: url("https://community.fandom.com/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-add-small.svg"); filter: invert(1); background-size: 20px; background-repeat: no-repeat; background-position: center; } /* WIKIA PAGE UCX */ /* made it dynamic and added gradient, border is instead of UCX global nav */ .WikiaSiteWrapper { background: linear-gradient(to bottom, transparent 0px, rgba(var(--theme-header-background-color--rgb), 1.0) 150px); width: 100%; height: 100%; margin: 0 auto 0; padding-top: 55px; } /* To be compatible with new global nav */ .WikiaPage { margin-left: 109px; margin-right: 43px; padding-top: 0; } /* removed border and added radius to the page */ .WikiaPageContentWrapper { border: none; border-radius: 5px; } /* settings for Community Page in 100-110% width */ .community-page-cards-module, .community-page-todo-list-module { margin-left: 0 !important; margin-right: 0 !important; max-width: 100% !important; } /* BalancedCommunity (Unreleased) */ .community-page-todo-list-module .community-page-todo-list-module-edit { display: inline-flex; font-size: 0; float: right; } .community-page-card-module .wds-is-secondary, .community-page-card-module { border: none; } .community-page-module { width: 100%; } .community-page-rail { width: 266px; } /* LOCAL NAV UCX */ /* moved nav buttons to right */ .wds-community-header__wiki-buttons { margin: 20px 0 auto 15px; } /* removed local nav image if it had been installed */ .wds-community-header { background-image: none !important; } /* ensure that page header categories can be clicked */ .wds-community-header:before { height: 0 !important; } /* transparent local nav to see the gradient */ .wds-community-header, .wds-community-header::before, .wds-community-header .wds-button.wds-is-secondary { background: transparent; } /* LOCAL NAV UCX (this part is for UCX.js)*/ /* Removal of Wikia name in 125% scale */ @media only screen and (max-width: 1300px) { .fixed .wds-community-header__top-container { display: none!important; } } /* Left margin of fixed tabs in 125% scale */ @media only screen and (max-width: 1300px) { .fixed .wds-community-header__local-navigation { margin-left: -30px !important; } } /* very hard to check all scales*/ .fixed .wds-button-group { display: none; } .wds-community-header { transition: all .3s ease; } .wds-community-header.fixed { position: fixed; background-color: var(--theme-accent-color); width: 100%; height: 50px; margin-left: -44px; padding: 0 0 0 44px; top: 0; align-items: center; } .fixed .wds-community-header__top-container { display: flex; position: relative; height: 59px; align-items: center; } .fixed .wds-community-header__counter, .fixed .wds-community-header__wordmark { display: none; } .fixed .wds-community-header__sitename { margin: 0; } .wds-community-header.fixed .wds-community-header__sitename { font-size: 15px !important; } .fixed .wds-community-header__local-navigation { padding-left: 15px; padding-bottom: 3px; } .fixed .wds-tabs__tab { padding-left: 5px; } .fixed .wds-community-header__sitename a, .fixed .wds-community-header__sitename a:hover, .fixed .wds-tabs__tab { color: var(--theme-accent-label-color); } /* PAGE HEADER UCX */ /* page name is smaller and less wide, to be compatible with new button style */ .page-header__title { font-weight: normal; } /* i didn't see it in the official UCX screen */ .page-header__separator { display: none; } /* made font weight bold for page category header */ .page-header__categories { font-weight: bold; } /* made font style normal for page category links */ .page-header__categories-links { font-style: normal; } /* removed subtitle to make MW pages compatible with new button style */ .page-header__page-subtitle { display: none; } /* CONTRIBUTION BUTTONS UCX */ /* i didn't see it in the official UCX screen */ display: none; } /* UCX button style */ .page-header__contribution .wds-button { background: transparent; border: none; color: inherit; padding: 3px; } /* it looks like that buttons are to be fixed in their 2016's place */ .page-header__contribution-buttons { margin-right: 312px; } /* mainpage, MW and Special:Files have no rail */ .mainpage .page-header__contribution-buttons, .ns-8 .page-header__contribution-buttons { margin-right: -6px; } .ns--1 .page-header__contribution-buttons { margin-right: -2px; } /* it looks like that interwiki are to be fixed in their 2016's place */ .page-header__languages { margin-right: 315px; } /* mainpage and MW have no rail */ .mainpage .page-header__languages { margin-right: 0; } /* UCX interwiki style */ .page-header__languages { font-weight: bold; font-size: 12px; text-transform: uppercase; } /* fix for UCX interwiki style */ .page-header__languages .wds-dropdown__content { text-transform: none; } /* UCX interwiki style */ .page-header__languages .wds-dropdown__toggle-chevron { transform: scale(1.0); } /* RAIL UCX */ /* secondary "rail" color */ .ns-0 .WikiaPageContentWrapper { background: -webkit-linear-gradient(right, var(--theme-page-background-color--secondary), var(--theme-page-background-color--secondary) 320px, var(--theme-page-background-color) 320px, var(--theme-page-background-color) 100%) !important; } /* no rail */ .mainpage .WikiaPageContentWrapper { background: var(--theme-page-background-color) !important; } .ns-0 .WikiaPageContentWrapper { background: -webkit-linear-gradient(right, var(--theme-page-background-color--secondary), var(--theme-page-background-color--secondary) 320px, var(--theme-page-background-color) 320px, var(--theme-page-background-color) 100%) !important; } .ns-0 .WikiaPageContentWrapper.is-edit, .ve-activating .WikiaPageContentWrapper, .ve-active .WikiaPageContentWrapper { background: var(--theme-page-background-color) !important; } /* to be compatible with new rail style */ .ns-0 #mixed-content-footer { background: var(--theme-page-background-color--secondary); } /* symmetry */ margin-left: 10px; margin-right: -10px; } .content-review__widget { margin-top: 70px; } /* TOOLBAR UCX */ .WikiaBarWrapper, .toolbar, .wikia-bar, .tools { width: auto !important; right: 10px !important; border-radius: 20px; bottom: 10px; } body.wikia-bar-visible { padding-bottom: 0; } .wikia-bar-visible .ve-ui-summaryPanel { bottom: 0px; } /* FOOTER UCX */ /* fixes feed */ .mcf-column { width: 33%; } /* fixes feed */ .mcf-card { width: 100%; } /* fixes bug with footer */ .wds-global-footer { margin-top: 0; } /* fixes footer place */ .wds-global-footer { margin-left: 66px; } /* fixes logo in footer */ .wds-global-footer__header a { margin-left: auto; margin-right: auto; width: 35px; } /* fixed bug with footer */ .wds-global-footer { margin-top: 0; } /* EDIT SECTION UCX */ .mw-editsection { font-size: 0; float: right; } /* TOC UCX */ .toc { border-radius: 3px; min-width: 40%; padding: 0 !important; } .toctitle { padding: 8px 8px 8px 15px !important; } .toctitle h2 { font-weight: 500; } .toctitle h2::before { content: ''; display: inline-block; background-image: url(http://c.fandom.com/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-bullet-list-small.svg); width: 12px; height: 12px; margin: 0 5px 4px 0; vertical-align: middle; } .toctogglespan { float: right; } .toc>ul { border-top: 1px solid var(--theme-border-color); padding: 5px 10px; } .toc a { padding: 5px; display: block; border-radius: 3px; text-decoration: none !important; } .toc a:hover { background: rgba(var(--theme-link-color--rgb),0.1); color: var(--theme-link-color); transition: .3s; } .toc li { margin: 0; } .toc li:before { float: left; padding: 5px; } /* SMALL FIXES FOR UCX */ /* to be compatible with new global nav */ .oo-ui-toolbar-bar, .banner-notifications-placeholder, .wds-banner-notification__container { top: 0 !important; } .wds-banner-notification__text { margin-left: 20px; } /* fixed new UCP bug */ .new:hover { color: DarkRed; } /* removed some ugly and unneeded things */ .wikia-photogallery-add, .external:after { display: none !important; } /* removed some ugly and unneeded things */ a { text-decoration: none !important; } /* fixes bold headers, appeared in march 2021 after UCP update */ .WikiaArticle h3, .WikiaArticle h4, .WikiaArticle h5, .WikiaArticle h6 { font-weight: normal; } /* fix for fix of bold headers: infoboxes should have bold headers */ .pi-europa .h3 { font-weight: bold; } /* fixes Editor 2010 */ margin-top: 10px; }
 * 1) top_boxad,
 * 2) top_leaderboard {
 * 1) globalNavigation {
 * 1) wds-company-logo-fandom-white > g > path:last-child {
 * 1) onSiteNotificationsCount {
 * 1) article-comments-button,
 * 2) ShareEntryPoint {
 * 1) WikiaRail {
 * 1) wikiEditor-section-main {

ody { margin: 30px; } table { border-collapse: separate; border-spacing: 0; min-width: 350px; } table tr th, table tr td { border-right: 1px solid #bbb; border-bottom: 1px solid #bbb; padding: 5px; } table tr th:first-child, table tr td:first-child { border-left: 1px solid #bbb; } table tr th { background: #eee; border-top: 1px solid #bbb; text-align: left; }

/* top-left border-radius */ table tr:first-child th:first-child { border-top-left-radius: 6px; }

/* top-right border-radius */ table tr:first-child th:last-child { border-top-right-radius: 6px; }

/* bottom-left border-radius */ table tr:last-child td:first-child { border-bottom-left-radius: 6px; }

/* bottom-right border-radius */ table tr:last-child td:last-child { border-bottom-right-radius: 6px; }