User:Tailikku/common.css

/** * Used files: , */
 * root {

--oasis-revived-font: Helvetica Neue, helvetica, arial, sans-serif; --theme-page-background-color--opacity: 1; --theme-header-background-color: var(--theme-sticky-nav-background-color); --theme-header-text-color: var(--theme-sticky-nav-text-color); --theme-header-text-color--hover: var(--theme-sticky-nav-text-color--hover); --background-img-position: center center; --background-img-size: cover; --background-img-repeat: no-repeat; --background-img-attachment: fixed; --fandom-global-nav-background-color: #002a32; --fandom-global-nav-link-color: #00d6d6; --fandom-global-nav-link-color--hover: #fff; --fandom-global-nav-icon-color: #00d6d6; --fandom-global-nav-icon-background-color: none; --fandom-global-nav-icon-background-color--hover: rgba(255, 255, 255, 0.25); --fandom-global-nav-icon-background-color--active: rgba(255, 255, 255, 0.4); --fandom-global-nav-icon-border-color: #00d6d6; --fandom-global-nav-icon-border-color--hover: #fff; --fandom-global-nav-icon-border-color--active: #fff; --fandom-global-nav-bottom-icon-color: #00d6d6; --fandom-global-nav-start-wiki-color: #bed1cf; --fandom-global-nav-start-wiki-color--hover: #82a7a3; --fandom-global-nav-counter-background-color: #fff; --fandom-global-nav-counter-label-color: #000;

--fandom-notifications-unread-card-background-color: #e6f2f3; }

/* Page background opacity */ .main-container .resizable-container { background-color: rgba(var(--theme-page-background-color--rgb), var(--theme-page-background-color--opacity)); }

.page__main, .page__right-rail { background: inherit; }

/* Global Navigation */ /** Removing sticky header **/ .fandom-sticky-header { display: none; }

/** Rotate bar background and style text **/ .global-navigation { flex-direction: row; width: 100%; height: 55px; bottom: auto; box-shadow: none; font-family: Rubik,Helvetica Neue,Helvetica,Arial,sans-serif; padding: 0 12px; align-items: center; z-index: 10001; }

/** Global navigation (main) items direction **/ .global-navigation__top, .global-navigation__nav { display: flex; } .global-navigation__nav .global-navigation__icon:not(.global-navigation__search) { display: none; }

/** Fandom logo size **/ .global-navigation__logo { height: 27px; width: 126px; } .global-navigation__logo > * { display: none; } .global-navigation__logo:after { content: ' '; height: 27px; width: 126px; background-image: url(https://static.wikia.nocookie.net/dev/images/a/a3/Old_Fandom_Logo_White.svg/revision/latest); display: block; }

/** Hide tooltip on global nav **/ .wds-tooltip.is-right { z-index: 10000; }

/** Removing option icons **/ .global-navigation__nav .global-navigation__search { display: flex; justify-content: center; align-items: center; margin-top: 0; position: fixed; height: 34px; width: 34px; } .global-navigation .global-navigation__links { flex-direction: row; display: inline-flex; align-items: center; height: 100%; } .global-navigation .notifications .global-navigation__icon { width: 30px; height: 30px; }

/** Correcting alignment for other elements **/ .global-navigation__link, .global-navigation__links > .wds-dropdown { margin-top: 0; padding: 0; margin-left: 30px; } @media only screen and (max-width: 1023px) { .global-navigation__link { margin-left: 18px; } } .global-navigation__link:not([data-tracking-label="start-a-wiki"]) { display: flex; justify-content: center; height: 100%; }

/** Flexbox fixes **/ .global-navigation__nav { align-items: center; }

/** Style of options text **/ .global-navigation__label { font-size: 18px; font-weight: 700; margin-top: 0; overflow: visible; align-items: center; transition: color .3s,font-size .2s,margin-left .2s; max-width: unset; } @media only screen and (max-width: 1279px) { .global-navigation__label { font-size: 16px; } }

/** Dropdown colors **/ .global-navigation .wds-dropdown { --wds-dropdown-background-color: #fff; --wds-dropdown-border-color: #bed1cf; --wds-dropdown-text-color: #3a3a3a; --wds-dropdown-linked-item-color: #088488; --wds-dropdown-linked-item-background-color: rgba(8,132,136,0.1); --wds-dropdown-scrollable-shadow-color: rgba(58,58,58,0.1); }

/** Dropdown position **/ .global-navigation .wds-dropdown.wds-open-to-right .wds-dropdown__content { bottom: unset; top: 100%; left: 50%; transform: translateX(-50%); border-radius: 3px; } .global-navigation .wds-dropdown.wds-open-to-right:not(.wds-is-not-hoverable):hover:before { display: block !important; bottom: -1px; content: ""; left: 50%; pointer-events: none; position: absolute; z-index: 2; border: 8px solid transparent; border-bottom: 8px solid var(--wds-dropdown-background-color); margin-left: -8px; top: unset; transform: unset; } .global-navigation__bottom .wds-dropdown.is-attached-to-bottom .wds-dropdown__content { position: absolute; }

/** Start a wiki **/ .global-navigation__link[data-tracking-label="start-a-wiki"] .global-navigation__label { display: none; align-items: center; border: 1px solid currentColor; border-radius: 3px; box-sizing: content-box; font-size: 12px; font-weight: 600; justify-content: center; letter-spacing: .15px; line-height: 16px; margin-left: 0; min-height: 18px; padding: 7px 18px; transition-duration: .3s; transition-property: color; white-space: nowrap; max-width: fit-content; color: var(--fandom-global-nav-start-wiki-color); } @media only screen and (min-width: 1024px) { .global-navigation__link[data-tracking-label="start-a-wiki"] .global-navigation__label { display: flex; } } .global-navigation__link[data-tracking-label="start-a-wiki"] .global-navigation__label:hover { color: var(--fandom-global-nav-start-wiki-color--hover); }

/** Joined classes necessary. Removing overflow cover **/ .global-navigation__label.text-overflow:after { display: none; }

/** Order of elements **/ .global-navigation__link[data-tracking-label="start-a-wiki"] .global-navigation__label { position: absolute; width: 118px; right: 12px; top: 10px; } .global-navigation__bottom { position: absolute; right: 147px; display: flex; flex-direction: row-reverse; bottom: unset; } @media only screen and (max-width: 1023px) { .global-navigation__bottom { right: 13px; }	.global-navigation__search { right: 130px; } }

/** User and notification icon **/ .global-navigation__bottom .wds-dropdown { margin-left: 7px; } .global-navigation__bottom .wds-dropdown__toggle, .global-navigation__bottom .global-navigation__icon { justify-content: center; align-items: center; width: inherit; } .global-navigation .global-navigation__link.wds-dropdown .wds-dropdown__toggle, .global-navigation__bottom .wds-dropdown__toggle { display: flex; flex-direction: row; } .global-navigation .wds-dropdown__toggle:after { content: ' '; background-image: url(https://static.wikia.nocookie.net/dev/images/2/2e/WDS_Dropdown_Icon_Orange.svg/revision/latest); height: 12px; min-width: 12px; width: 12px; margin-left: 6px; } .global-navigation .wds-dropdown:hover .wds-dropdown__toggle:after { transform: rotate(180deg); } .global-navigation__bottom .global-navigation__icon { height: inherit; border: none; } .global-navigation__bottom > * { display: flex; align-items: center; }

/*** Small icon with no. of unread notifications ***/ .global-navigation__bottom .global-navigation__icon .notifications__counter { left: -2px; top: -3px; }

/** Remove dropdown arrow for user profile **/ .wds-dropdown.wds-open-to-right:before, .wds-dropdown.wds-open-to-right:after { display: none !important; }

/** Reversing list of options in user dropdown **/ .global-navigation__bottom .wds-dropdown.is-attached-to-bottom .wds-dropdown__content ul.wds-list { transform: rotate(180deg); } .global-navigation__bottom .wds-dropdown.is-attached-to-bottom .wds-dropdown__content ul.wds-list li { transform: rotate(-180deg); }

/** Sign Out option colours **/ .wds-sign-out__button { color: var(--wds-dropdown-text-color); } .wds-sign-out__button:hover { background-color: var(--wds-dropdown-linked-item-background-color); color: var(--wds-dropdown-linked-item-color); } .wds-sign-out__button.wds-is-active, .wds-sign-out__button:active, .wds-sign-out__button:focus:not(:disabled) { color: var(--wds-dropdown-text-color); }

/** Notifications icon alignment **/ .global-navigation__bottom .notifications { margin-bottom: 0; }

/** Notifications dropdown div **/ .global-navigation .notifications .wds-dropdown.wds-is-not-hoverable.is-attached-to-bottom div.wds-dropdown__content { top: 55px; right: 0; min-height: 80px; max-height: 435px; width: 356px; left: auto; transform: none; }

/** Notifications scrollable and font size **/ .global-navigation .global-navigation__bottom .notifications div.wds-dropdown__content div.wds-tab__content.wds-is-current { overflow-y: auto; font-size: 14px; }

/** Notifications colors **/ .theme-fandomdesktop-dark .global-navigation__bottom > .notifications > .wds-open-to-right > .wds-dropdown__content { background-color: #0e191a; color: #f5f3f5; border: 1px solid #656e78; } .global-navigation__bottom .NotificationsDropdown-module_tabber__1qKxW .wds-tabs__tab.wds-is-current { color: #089196; } .theme-fandomdesktop-dark .global-navigation__bottom .NotificationsDropdown-module_tabber__1qKxW .wds-tabs__tab.wds-is-current { color: #00d6d6; }

/*** Small icon next to tab with unread notif ***/ .NotificationsDropdown-module_tabber__1qKxW .wds-tabs__tab-label .NotificationsDropdown-module_tabTotal__p7gqN { background: #089196; } .theme-fandomdesktop-dark .NotificationsDropdown-module_tabber__1qKxW .wds-tabs__tab-label .NotificationsDropdown-module_tabTotal__p7gqN { background: #00d6d6; }

/*** Mark all as read ***/ .global-navigation__bottom .NotificationsDropdown-module_markAllAsRead__2yUse { color: #089196; } .global-navigation__bottom .NotificationsDropdown-module_markAllAsRead__2yUse:hover, .theme-fandomdesktop-dark .global-navigation__bottom .NotificationsDropdown-module_markAllAsRead__2yUse { color: #00d6d6; } .theme-fandomdesktop-dark .global-navigation__bottom .NotificationsDropdown-module_markAllAsRead__2yUse:hover { color: #fff; } .theme-fandomdesktop-dark .global-navigation__bottom .wds-dropdown__content .NotificationCard-module_card__2YXOh { --notification-card-background-color: #002a32; border-bottom: 1px solid #656e78; }

/*** Unread notifications ***/ .theme-fandomdesktop-dark .global-navigation__bottom .wds-dropdown__content .NotificationCard-module_card__2YXOh.NotificationCard-module_isUnread__25iz- { --notification-card-background-color: #004b52; } .global-navigation__bottom .NotificationCard-module_card__2YXOh.NotificationCard-module_isUnread__25iz- .NotificationCard-module_unreadStatusDot__q1FDX, .global-navigation__bottom .NotificationCard-module_card__2YXOh.NotificationCard-module_isUnread__25iz- .NotificationCard-module_unreadStatusDot__q1FDX:hover { background-color: #089196; border: #089196; } .theme-fandomdesktop-dark .NotificationCard-module_card__2YXOh.NotificationCard-module_isUnread__25iz- .NotificationCard-module_unreadStatusDot__q1FDX, .theme-fandomdesktop-dark .NotificationCard-module_card__2YXOh.NotificationCard-module_isUnread__25iz- .NotificationCard-module_unreadStatusDot__q1FDX:hover { background-color: #00d6d6; border: #00d6d6; }

/** Making space for the global nav, using the space on the left for page body **/ .main-container { margin-left: 0; width: 100%; margin-top: 55px; } .resizable-container { margin-top: 10px; }

/** Styling for the custom search added by the OasisRevived script **/ .global-navigation__search-container { position: fixed; height: 55px; top: 0; } @media only screen and (max-width: 1023px) { .global-navigation__search-container, .global-navigation__search.global-navigation__icon { right: 128px; } } @media only screen and (min-width: 1024px) { .global-navigation__search-container, .global-navigation__search.global-navigation__icon { right: 267px; } } @media only screen and (min-width: 1500px) { .global-navigation__search-container { flex: unset; width: 450px; margin-left: 34px; margin-right: 6px; } } .global-navigation__search { align-items: center; display: flex; justify-content: flex-end; margin-top: 0; width: inherit; } .global-navigation__search-toggle { align-items: center; cursor: pointer; display: flex; transition: color .3s; } @media only screen and (min-width: 1500px) { .global-navigation__search-toggle { pointer-events: none; } } .global-navigation__search-toggle-icon.wds-icon-small { margin-right: 8px; } @media only screen and (max-width: 1023px) { .global-navigation__search-toggle-icon.wds-icon-small { display: none; } } @media only screen and (min-width: 1024px) { .wds-global-navigation__search-toggle-icon:not(.wds-icon-small) { display: none; } } @media only screen and (max-width: 1023px) { .global-navigation__search-toggle-text { display: none; } } @media only screen and (min-width: 1500px) { .global-navigation__search-toggle-text { display: none; } } .global-navigation__search-input-wrapper { align-items: center; display: none; flex: 0 1 auto; padding-bottom: 3px; transition: flex .2s; } @media only screen and (min-width: 1500px) { .global-navigation__search-input-wrapper { border-bottom: 2px solid #00d6d6; width: 100%; display: flex; } } .wds-global-navigation__suggestions-anchor { display: flex; flex: 1 1 auto; } input.global-navigation__search-input { background: transparent; border: 0; box-sizing: border-box; flex: 1 1 auto; font-family: sans-serif; font-size: 14px; height: 28px; padding: 0; width: 430px; outline: none; color: #fff; caret-color: #fff; } input.global-navigation__search-input::placeholder { color: #fff; }

/* Community header */ .community-header-wrapper { height: 105px; } .fandom-community-header { background-color: var(--theme-header-background-color); color: var(--theme-header-text-color); height: 105px; } .fandom-community-header a { color: var(--theme-header-text-color); } .fandom-community-header a:hover { color: var(--theme-header-text-color--hover); } .wiki-tools .wds-button.wds-is-secondary { --wds-secondary-button-label-color: var(--theme-header-text-color); --wds-secondary-button-label-color--hover: var(--theme-header-text-color--hover); } @media only screen and (max-width: 1083px) { .fandom-community-header { height: 115px; } }

/** Removing gap between header and page **/ .page { margin-top: 0; } html:not(.ve-activated) .page.has-right-rail .page__main, .page__main, .page__right-rail { border-radius: 0; }

/** Wiki wordmark **/ .fandom-community-header__image { margin-right: 0; } .fandom-community-header__image img { height: 65px; margin: 20px 0 20px 20px; } @media only screen and (max-width: 1083px) { .fandom-community-header__image img { height: 49px; max-width: 175px; margin-bottom: 0; max-height: none; } }

/** Area of wiki title and those small icons **/ .fandom-community-header__top-container { align-items: normal; height: 59px; } @media only screen and (max-width: 1083px) { .fandom-community-header__top-container { height: 69px; } }

/** Article counter **/ .page-counter { margin: 17px 0 20px 20px; } .page-counter__value { font-size: 24px; line-height: 1; font-weight: 600; } .page-counter__label { font-size: 12px; line-height: 1; margin-top: 3px; font-weight: 600; }

/** Wiki title wrapper **/ .fandom-community-header__community-name-wrapper { flex: 1; font-size: 28px; font-weight: 600; line-height: 1; margin: 25px 0 0 18px; overflow: hidden; } @media only screen and (max-width: 1083px) { .fandom-community-header__community-name-wrapper { word-wrap: break-word; font-size: 24px; margin-top: 20px; max-height: 72px; white-space: normal; } }

/** Wiki title text **/ .fandom-community-header__community-name-wrapper a.fandom-community-header__community-name { font-size: 28px; font-weight: 600; line-height: 1; }

/** Wiki title text hover **/ .fandom-community-header__community-name-wrapper a.fandom-community-header__community-name:hover { text-decoration: none; }

/** Those small icons. Preventing stretched borders **/ .main-container .resizable-container header .wiki-tools.wds-button-group { align-items: center; margin: 20px 20px auto 15px }

/** Community header tabs padding and order **/ .fandom-community-header__local-navigation ul { order: 1; padding-left: 6px; } .fandom-community-header__local-navigation ul div:first-child { order: 2; } .fandom-community-header__local-navigation .wds-dropdown__toggle.first-level-item { margin: 0 11px; } .fandom-community-header .fandom-community-header__local-navigation .large-navigation { display: none; } @media only screen and (min-width: 1084px) and (max-width: 1279px) { .fandom-community-header__local-navigation { grid-column: inherit; } } @media only screen and (min-width: 1084px) { .fandom-community-header .fandom-community-header__local-navigation .extra-large-navigation { display: flex; }	.fandom-community-header__image { grid-row: 1/3; } } @media only screen and (max-width: 1083px) { .fandom-community-header .fandom-community-header__local-navigation .medium-navigation { display: flex; } }

/* Move background image to front */ .main-container { background-image: var(--theme-body-background-image); background-position: var(--background-img-position); background-size: var(--background-img-size); background-repeat: var(--background-img-repeat); background-attachment: var(--background-img-attachment); }

/* Make left icon buttons on articles smaller */ .page-side-tools button, .page-side-tools a { height: 32px; width: 32px; } .page-side-tools svg { height: 16px; width: 16px; min-width: 16px; } @media only screen and (max-width: 1279px) { .page-side-tools__wrapper { transform: translateX(-60%); } }

/* Wikia Bar */ /** Main styling **/ @media only screen and (min-width: 1024px) { #WikiaBar .WikiaBarWrapper .wikia-bar { width: 1026px; } } @media only screen and (min-width: 1596px) { #WikiaBar .WikiaBarWrapper .wikia-bar { width: 1300px; } } .WikiaBarWrapper { align-items: center; text-align: center; box-shadow: 0 0 10px #333; position: fixed; border-radius: 0; bottom: 0; width: 100%; z-index: 200; right: auto; }

/** Bar collapsing animation **/ .WikiaBarWrapper .hidden { bottom: -25px; transition: all .2s ease-in; z-index: -1; }

/** Most of the bar **/ .WikiaBarWrapper .wikia-bar { display: inherit!important; height: 25px; margin: auto; text-align: center; }

/** Toolbar **/ .WikiaBarWrapper .wikia-bar .toolbar { align-self: auto; height: 20px; padding: 5px 0 0; }

/** Padding of the tools area **/ .WikiaBarWrapper .tools { padding: 0 10px; }

/** Prevent underlined text when hover **/ .WikiaBarWrapper ul.tools li a:hover { text-decoration: none; }

/** Line between tools **/ .WikiaBarWrapper ul.tools > li { border-right: 1px solid var(--theme-accent-label-color); margin: 0; padding: 2px 10px; height: 16px; }

/** Items position (currently doesn't work) **/ @media only screen and (max-width: 1083px) { .WikiaBarWrapper div.wikia-bar > div.toolbar > ul.tools { width: 818px; } } @media only screen and (min-width: 1024px) { .WikiaBarWrapper > div.wikia-bar > div.toolbar > ul.tools { width: 1026px; } } @media only screen and (min-width: 1084px) and (max-width: 1595px) { .WikiaBarWrapper > div.wikia-bar > div.toolbar > ul.tools { width: 1106px; } }

/** Hide wikia bar - toggle position **/ .WikiaBarWrapper .arrow { position: fixed; bottom: 2.5px; float: left; right: 0; }

/** Show wikia bar (wrench) - toggle position **/ .WikiaBarCollapseWrapper { bottom: 0; right: 0; }

/** Show wikia bar (wrench) - toggle style **/ .WikiaBarCollapseWrapper .wikia-bar-collapse { border-radius: 0; height: 27px; padding: 5px; width: 28px; box-shadow: 0 0 10px #333; }

/** Fix My Tools arrow animation and position **/ .WikiaBarWrapper .mytools.menu:not(:hover) svg { transform: rotate(180deg); transition: .25s all ease; } .WikiaBarWrapper .mytools.menu:hover svg { transition: .25s all ease; }

/** My Tools dropdown **/ .WikiaBarWrapper .tools-menu { text-align: left; background: var(--theme-page-background-color--secondary); }

/** My Tools dropdown links **/ .WikiaBarWrapper .tools-menu > li >a { color: var(--theme-page-text-color); }

/** Compatibility with OldWikiaBar **/ body div#WikiaBarWrapper.WikiaBarWrapper div.toolbar ul.tools > li:not(:first-child)::before { display: none; }

/* TOC */ /** General style **/ .page-content #toc { border-radius: 0; padding: 5px; margin: 1em 0; }

/** TOC title **/ .toc .toctitle { border-bottom: 0; justify-content: normal; font-size: 12px; padding: 3px 2px; } .toc .toctitle h2 { font-size: 14px; margin-top: 3px; padding: 0 5px 3px 0; } .toc .toctogglespan:before, .toc .toctogglespan:after { font-size: 12px; }

/** Removing small icon near title **/ .toc .toctitle h2 .wds-icon { display: none; }

/** Padding for content **/ .toc ul { padding: 0; } .toc ul li { margin: 0 } .toc ul li .toclevel-2 { margin-left: 2em; } .toc ul li .toclevel-3 { margin-left: 2em; } .toc ul li .toclevel-4 { margin-left: 2em; } .toc ul li .toclevel-5 { margin-left: 2em; }

/** Links **/ .toc ul li a { color: var(--theme-link-color); display: initial; font-weight: normal!important; padding: 0; }

/** Number color **/ .toc ul li a .tocnumber { color: var(--theme-page-text-color); }

/** No dot after number **/ .toc ul li a .tocnumber:after { display: none; }

/* User Masthead */ body.skin-fandomdesktop #userProfileApp { background-color: rgba(var(--theme-page-background-color--rgb),var(--theme-page-background-color--opacity)); padding: 18px 0 0 0; }

/* Achievements on User Profile Page */ /** Most of the text **/ body.skin-fandomdesktop .UserProfileAchievementsModule, body.skin-fandomdesktop .UserProfileAchievementsModule a { font-family: inherit; }

/** Right rail **/ html:not(.ve-activated) .page.has-right-rail .page__right-rail { width: 300px; margin-left: 20px; } html:not(.ve-activated) .page.has-right-rail .page__right-rail.is-rail-hidden { margin-left: 0; width: 0; } .right-rail-wrapper { padding: 0; } .rail-module { background-color: transparent; border-bottom: 0; margin: 30px 10px 10px; padding: 0; } .rail-module h2 { border-bottom: 1px solid var(--theme-border-color); font-size: 16px; font-weight: 700; margin: 0; margin-bottom: 16px; min-height: 30px; padding: 0; padding-left: 2px; padding-bottom: 1px; width: 100%; background-image: none; line-height: 1; } .rail-module h2.has-icon svg { margin-right: 7px; }

/** Title of earned badges **/ .rail-module .badges-profile-title { background-image: none; border-bottom: 1px solid var(--theme-border-color); min-height: 30px; width: 100%; }

/** Link to Leaderboard **/ .UserProfileAchievementsModule .data .data-details.ranking > p > a { font-family: inherit; }

/** More Badges You Can Earn! - Title text **/ .UserProfileAchievementsModule .title-challeneges { border-bottom: 1px solid var(--theme-border-color); font-size: 16px; font-weight: 700; margin-bottom: 16px; min-height: 30px; }

/* Removing fixed header for tables */ .article-table .fixed-header, .wikitable .fixed-header { box-shadow: none; outline: none; transform: none; transition: none; }

/* Tabs in Wiki, Social and Image Activity */ .activity-tabs.with-bottom-border .wds-tabs__tab-label { font-family: Helvetica Neue, helvetica, arial, sans-serif; /* Fallback */ font-family: var(--oasis-revived-font); align-items: center; display: inline-flex; font-size: 12px; font-weight: 700; height: 40px; text-align: center; text-transform: uppercase; white-space: nowrap; margin: 0 11px; text-decoration: none; transition: color 0.1s ease 0s; }

/** No underlined text **/ .activity-tabs.with-bottom-border .wds-tabs__tab-label:active, .activity-tabs.with-bottom-border .wds-tabs__tab-label:focus { text-decoration: none; }

/* Search pop-up */ .search-modal, .search-modal:before { left: 0; }

/* Default body font */ body.skin-fandomdesktop { font-family: Helvetica Neue, helvetica, arial, sans-serif; /* Fallback */ font-family: var(--oasis-revived-font); font-size: 14px; }

/* Main article */ .resizable-container { background-color: var(--theme-page-background-color); } .page .page__main { font-size: 16px; line-height: 1.5; }

/** Headers **/ .page-content h2 { line-height: 1; margin: 0.5em 0 0.2em; padding: 0 0 3px; font-size: 28px; }

/** Article text styling and padding **/ .page-content p { margin: 0.4em 0 0.5em; line-height: 1.5; }

.page-content p+p { margin: 1em 0; }

/** List styling and padding **/ .page-content ul { list-style: square; } .page-content li { margin: 3px 0; } .mw-content-ltr ol, .mw-content-ltr ul { margin: 0.4em 0 0.5em 2.5em; }

/** Article content wrapper padding **/ .page .page__main { padding: 0 0 0 24px; } .page { padding-right: 24px; } @media only screen and (min-width: 1024px) { .page .page__main { padding: 0 0 0 10px; }	.page { padding-right: 10px; } } @media only screen and (min-width: 1084px) { .page .page__main { padding: 0 0 0 20px; }	.page { padding-right: 20px; } } @media only screen and (min-width: 1596px) { .page .page__main { padding: 0 0 0 30px; }	.page { padding-right: 30px; } }

/* Article header */ .page-header { padding: 16px 0 8px; border-bottom: 1px solid var(--theme-border-color); margin-bottom: 18px; } .page-header__title { font-weight: 700; line-height: 1; } .page-header__categories { font-size: 12px; line-height: 1; } .page-header__categories-in { font-weight: 600; } .page-header__categories *:not(.page-header__categories-in) { font-style: italic; line-height: 16px; }

/*** Page header buttons ***/ .page-header__actions { align-items: flex-end; display: inline-flex; justify-content: flex-start; padding-top: 0; padding-bottom: 6px; } .page-header__bottom .page-header__actions .page-header__action-button { align-items: center; background-color: var(--theme-accent-color); border: 1px solid var(--theme-accent-color); border-radius: 3px; color: var(--theme-accent-label-color); cursor: pointer; font-family: inherit; display: inline-flex; font-size: 12px; font-weight: 600; line-height: 16px; letter-spacing: .15px; margin: 0; margin-right: 1px; outline: none; padding: 7px 12px; text-decoration: none; text-transform: uppercase; transition-duration: .3s; transition-property: background-color,border-color,color; vertical-align: top; height: unset; } .page-header__bottom .page-header__actions .page-header__action-button:hover { background-color: var(--theme-accent-color--hover); border: 1px solid var(--theme-accent-color--hover); } .page-header__bottom .page-header__actions .wds-button:first-child { border-radius: 3px 0 0 3px; } .page-header__bottom .page-header__actions .wds-dropdown:last-child .wds-button { border-radius: 0 3px 3px 0; } .page-header__bottom .page-header__actions .page-header__action-button:before { display: none; }

/* Article footer */ .page-footer__categories header, .page-footer__languages header { display: none; } .page-footer .wds-collapsible-panel.wds-is-collapsed .wds-collapsible-panel__content { display: block; }

/** Categories **/ .page-footer__categories { background-color: var(--theme-page-background-color); background-image: none; border: 1px solid var(--theme-border-color); clear: both; font-size: 12px; line-height: normal; margin: 10px 0; padding: 0; position: relative; } .page-footer__categories .wds-collapsible-panel__content { padding: 10px 20px 0; } .CategorySelect.articlePage .add { padding: 0 10px; }

/** Languages **/ .page-footer__languages { border: none; display: flex; flex-direction: row; padding: 10px 0 0; } .page-footer__languages .wds-collapsible-panel__content { align-items: baseline; clear: both; display: flex; margin: 10px; } .page-footer__languages:before { content: 'Languages: '; font-size: 18px; line-height: 1.25; font-weight: 500; margin: 0.5em 0 0.2em; } .page-footer__languages .wds-collapsible-panel__content a { font-size: 14px; margin: 0; padding: 0; line-height: 24px; padding-left: 5px; padding-right: 9px; margin-bottom: 6px; border: 0; border-left: 1px solid #7f9998; } .page-footer__languages .wds-collapsible-panel__content a:first-child { padding-left: 0; border: 0; }

/** License description **/ .page-footer .license-description { clear: both; font-size: 12px; margin: 18px 12px; padding: 0; }

/* Special:ThemeDesigner */ .theme-designer { margin-left: 0; }

/* Special:AdminDashboard */ /** General and Advanced tabs **/ flex-direction: row-reverse; }
 * 1) AdminDashboardTabs.wds-tabs {

color: var(--theme-page-text-color); margin: 0; border: solid var(--theme-border-color); border-top-left-radius: 5px; border-top-right-radius: 5px; border-width: 1px 1px 0; margin-left: 4px; }
 * 1) AdminDashboardTabs .tab.wds-tabs__tab {

box-shadow: none; color: var(--theme-page-text-color); background: var(--theme-page-background-color--secondary); }
 * 1) AdminDashboardTabs .tab.wds-tabs__tab.wds-is-current {

font-weight: normal; height: 19px; text-transform: none; letter-spacing: normal; margin: 0; padding: 2px 25px 0; }
 * 1) AdminDashboardTabs .tab.wds-tabs__tab > .wds-tabs__tab-label {

color: var(--theme-page-text-color); }
 * 1) AdminDashboardTabs .tab.wds-tabs__tab > .wds-tabs__tab-label > .link:hover,
 * 2) AdminDashboardTabs .tab.wds-tabs__tab > .wds-tabs__tab-label > .link:focus {

/** Hide global nav outside preview **/ .ns-special.page-Special_ThemeDesigner .global-navigation { display: none; }

/* Diff page */ .diff td.diff-deletedline, .diff td.diff-addedline { background-color: var(--theme-page-background-color--secondary); }

/* SVG after external links */ a.external.text:after { background-color: currentColor; content: ""; display: inline-block; height: 13px; width: 13px; -webkit-mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13'%3E%3Cpath fill='%2336b' d='M5.002 1.01h7v7l-2-2-3 2v-1l3-2.25 1 1V2.01h-3.75l1 1-2.25 3h-1l2-3z'/%3E%3Cpath fill='%2336b' d='M7.002 3.01h-5v8h8v-5h-1v4h-6v-6h4z'/%3E%3Cpath fill='%2315a5ea' d='M4.082 5.51c0-.621.621-.621.621-.621 1.864.621 3.107 1.864 3.728 3.728 0 0 0 .621-.62.621-1.245-1.864-1.866-2.485-3.73-3.728z'/%3E%3C/svg%3E") no-repeat center; mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13'%3E%3Cpath fill='%2336b' d='M5.002 1.01h7v7l-2-2-3 2v-1l3-2.25 1 1V2.01h-3.75l1 1-2.25 3h-1l2-3z'/%3E%3Cpath fill='%2336b' d='M7.002 3.01h-5v8h8v-5h-1v4h-6v-6h4z'/%3E%3Cpath fill='%2315a5ea' d='M4.082 5.51c0-.621.621-.621.621-.621 1.864.621 3.107 1.864 3.728 3.728 0 0 0 .621-.62.621-1.245-1.864-1.866-2.485-3.73-3.728z'/%3E%3C/svg%3E") no-repeat center; }

/* Fix issue with text before a list */ .page-content p+ol, .page-content p+ul, .page-content section+ol, .page-content section+ul { margin-top: 0; }

/* Discussions-specific CSS */ body[data-app-name="feeds-and-posts"] .app-wrapper { margin-left: 0; max-width: 100%; width: 100%; margin-top: 55px; } @media only screen and (min-width: 768px) { body[data-app-name="feeds-and-posts"] .post-form-wrapper { top: 55px; }   body[data-app-name="feeds-and-posts"] .is-sticky-rail { top: 75px; } }