MediaWiki:Wikia.css

@import url(/enracer-test.wikia.com/index.php?title=MediaWiki:CustomDiscordIntegrator.css&action=raw&ctype=text/css);

@import url(/enracer-test.wikia.com/index.php?title=MediaWiki:ImageSvgs.css&action=raw&ctype=text/css);

/* Polls */

.pollAnswerVotes { border-radius: 20px; } .pollAnswerVotes div { border-radius: 20px; } .ajax-poll .pollAnswerVotes { border-radius:20px; height: 5px; } .ajax-poll .pollAnswerVotes div { border-radius: 20px; height: 100%; background: linear-gradient(to bottom right, var(--primary-normal), var(--primary-darker)) !important; } .pollAnswerVotes span { top: auto !important; bottom: 100%; left: auto !important; right: 0; }

/* Achievements */

/** Leaderboard **/

text-transform: uppercase; font-family: Rubik, sans-serif; font-weight: bold; font-size: 11pt; }
 * 1) about-achievements span {

margin-top: 1px !important; }
 * 1) about-achievements > span.hide {

margin-top: 1px !important; }
 * 1) about-achievements > span.open {

-webkit-mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-menu-control-small.svg"); mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-menu-control-small.svg"); background-image: none !important; background: black; top: 2px !important; margin-left: 5px; height: 5px; width: 5px; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; animation: rotateOpen 0.25s ease; transform: rotate(180deg); }
 * 1) about-achievements > span.hide:after {

-webkit-mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-menu-control-small.svg"); mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-menu-control-small.svg"); background-image: none !important; background: black; top: 2px !important; margin-left: 5px; height: 5px; width: 5px; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; animation: rotateClose 0.25s ease; }
 * 1) about-achievements > span.open:after {

@keyframes rotateClose { from {transform: rotate(180deg);} to {transform: rotate(360deg);} }

@keyframes rotateOpen { from {transform: rotate(360deg);} to {transform: rotate(180deg);} }

/** Profile **/

.WikiaRail .AchievementsModule ul.badges-icons li img:hover { transform: translate(0, -2px); }

.WikiaRail .AchievementsModule ul.badges-icons li img { transition: 0.2s ease; }

/* Admin Dashboard Animations/Styling */

padding-bottom: 10px !important; }
 * 1) AdminDashboardGeneral .wiki .controls li, #AdminDashboardGeneral .community .controls li,
 * 2) AdminDashboardGeneral .content .controls li {

padding-bottom: 10px !important; }
 * 1) AdminDashboardGeneral .community .controls li {

.AdminDashboard .admin-dashboard-content .control-section header { animation: fadeIn 0.5s linear backwards; }

animation: bounce 0.5s cubic-bezier(0.1, 2, 1, 1) 0.25s backwards; animation-delay: 0.1s; }
 * 1) AdminDashboardGeneral .wiki .controls li:nth-of-type(1) {

animation: bounce 0.5s cubic-bezier(0.1, 2, 1, 1) 0.25s backwards; animation-delay: 0.2s; }
 * 1) AdminDashboardGeneral .wiki .controls li:nth-of-type(2) {

animation: bounce 0.5s cubic-bezier(0.1, 2, 1, 1) 0.25s backwards; animation-delay: 0.3s; }
 * 1) AdminDashboardGeneral .wiki .controls li:nth-of-type(3) {

animation: bounce 0.5s cubic-bezier(0.1, 2, 1, 1) 0.25s backwards; animation-delay: 0.4s; }
 * 1) AdminDashboardGeneral .wiki .controls li:nth-of-type(4) {

animation: bounce 0.5s cubic-bezier(0.1, 2, 1, 1) 0.25s backwards; animation-delay: 0.5s; } animation: bounce 0.5s cubic-bezier(0.1, 2, 1, 1) 0.25s backwards; animation-delay: 0.6s; }
 * 1) AdminDashboardGeneral .wiki .controls li:nth-of-type(5) {
 * 1) AdminDashboardGeneral .community .controls li:nth-of-type(1) {

animation: bounce 0.5s cubic-bezier(0.1, 2, 1, 1) 0.25s backwards; animation-delay: 0.7s; }
 * 1) AdminDashboardGeneral .community .controls li:nth-of-type(2) {

animation: bounce 0.5s cubic-bezier(0.1, 2, 1, 1) 0.25s backwards; animation-delay: 0.8s; }
 * 1) AdminDashboardGeneral .community .controls li:nth-of-type(3) {

animation: bounce 0.5s cubic-bezier(0.1, 2, 1, 1) 0.25s backwards; animation-delay: 0.9s; }
 * 1) AdminDashboardGeneral .community .controls li:nth-of-type(4) {

animation: bounce 0.5s cubic-bezier(0.1, 2, 1, 1) 0.25s backwards; animation-delay: 1s; } animation: bounce 0.5s cubic-bezier(0.1, 2, 1, 1) 0.25s backwards; animation-delay: 1.1s; }
 * 1) AdminDashboardGeneral .community .controls li:nth-of-type(5) {
 * 1) AdminDashboardGeneral .content .controls li:nth-of-type(1) {

animation: bounce 0.5s cubic-bezier(0.1, 2, 1, 1) 0.25s backwards; animation-delay: 1.2s; }
 * 1) AdminDashboardGeneral .content .controls li:nth-of-type(2) {

animation: bounce 0.5s cubic-bezier(0.1, 2, 1, 1) 0.25s backwards; animation-delay: 1.3s; }
 * 1) AdminDashboardGeneral .content .controls li:nth-of-type(3) {

animation: bounce 0.5s cubic-bezier(0.1, 2, 1, 1) 0.25s backwards; animation-delay: 1.4s; }
 * 1) AdminDashboardGeneral .content .controls li:nth-of-type(4) {

animation: bounce 0.5s cubic-bezier(0.1, 2, 1, 1) 0.25s backwards; animation-delay: 1.5s; }
 * 1) AdminDashboardGeneral .content .controls li:nth-of-type(5) {

animation: bounce 0.5s cubic-bezier(0.1, 2, 1, 1) 0.25s backwards; animation-delay: 1.6s; }
 * 1) AdminDashboardGeneral .content .controls li:nth-of-type(6) {

@keyframes bounce { 0% {transform:translateY(-50%); opacity: 0;} 100% {transform:translateY(0); padding-bottom: 3px; opacity: 1;} }

.AdminDashboard .admin-dashboard-content .control-section header, .AdminDashboard .admin-dashboard-content .control-section .controls { background-image: linear-gradient(white, white); border: 0 !important; }

.AdminDashboard .admin-dashboard-content .control-section .controls .control .representation { background-image: linear-gradient(white, white); }

.AdminDashboard .admin-dashboard-content .control-section header h1 { font-family: Rubik, Arial, sans-serif; font-weight: 600; font-size: 15pt; }

li.control:hover span.representation { background: var(--polar-1-dark) !important; }

/* Arrow Animations + Dropdown Styling */

transition: transform cubic-bezier(0.66,0.52,0.26,1) 0.35s; }
 * 1) wds-icons-dropdown-tiny {

transform: rotate(180deg) } .wds-dropdown__content .wds-list.wds-is-linked>li > a svg { transition: transform cubic-bezier(0.6, 1.8, 0.6, 0.8) 0.4s; }
 * 1) wds-icons-dropdown-tiny:hover {

.wds-community-header .wds-dropdown__content .wds-list.wds-is-linked li:hover > a svg { transform: rotate(90deg); }

.WikiaFooter .toolbar .tools .arrow-icon-single, .WikiaBarWrapper .toolbar .tools .arrow-icon-single:hover { transform: rotate(180deg); margin-left: 0px; }

.wds-tabs__tab .wds-dropdown__content, .pi-section-tab .wds-dropdown__content { font-family: Rubik; }

/** Dropdown Slide **/

.wds-dropdown.wds-has-dark-shadow .wds-dropdown__content, .wds-dropdown.wds-has-shadow .wds-dropdown__content, .WikiaPage .page-header .wds-dropdown__content, .wds-tabs__tab .wds-dropdown__content, .pi-section-tab .wds-dropdown__content, .wds-community-header .wds-dropdown__content .wds-list.wds-is-linked .wds-dropdown-level-2 .wds-dropdown-level-2__content, .wds-community-header .wds-dropdown__content { border: 0 !important; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3); }

.wds-dropdown.wds-is-active:not(.wds-no-chevron)::after, .wds-dropdown.wds-is-active:not(.wds-no-chevron)::before, .wds-dropdown:not(.wds-is-touch-device):hover:not(.wds-no-chevron)::after, .wds-dropdown:not(.wds-is-touch-device):hover:not(.wds-no-chevron)::before { display: none !important; }

.wds-dropdown.wds-has-dark-shadow .wds-dropdown__content, .wds-dropdown.wds-has-shadow .wds-dropdown__content, .WikiaPage .page-header .wds-dropdown__content, .wds-tabs__tab .wds-dropdown__content, .pi-section-tab .wds-dropdown__content, .wds-community-header .wds-dropdown__content { animation: slideDownFade 0.2s ease normal; font-family: Rubik, Arial; }

@keyframes slideDownFade { 0%{opacity: 0; margin-top: -10px;} 100%{opacity: 1; margin-top: 0px;} }

.wds-community-header .wds-dropdown__content .wds-list.wds-is-linked .wds-dropdown-level-2 .wds-dropdown-level-2__content { animation: slideLeftFade 0.2s ease normal; }

@keyframes slideLeftFade { 0%{opacity: 0; margin-left: -10px;} 100%{opacity: 1; margin-left: 0px;} }

/* Infobox */

.pi-europa .pi-title { border-radius: 10px 10px 0px 0px; }

.pi-europa { border-radius: 10px }

/* Categories */

.CategorySelect.articlePage { border-radius: 10px; background: rgba(0, 0, 0, 0.02); } .CategorySelect.articlePage.editMode .input { padding: 2px; margin-top: 1px; } .CategorySelect.articlePage > .toolbar { border-radius: 0px 0px 10px 10px; } .CategorySelect.articlePage .special-categories { float: none !important; font-weight: 600; text-transform: uppercase; font-size: 16px; font-family: Rubik, Arial, sans-serif; color: var(--link-theme-normal); margin-left: -2px; text-transform: none; } animation: category 0.15s linear normal; } .CategorySelect.articlePage > .toolbar .wikia-button { animation: fadeIn 0.1s linear normal; } animation: categoryClose 0.2s linear normal; } @keyframes category { 0%{height: 40px;} 100%{height: 60px;} } @keyframes categoryClose { 0%{height: 90px;} 100%{height: 70px;} }
 * 1) WikiaMainContentContainer #articleCategories.editMode .container {
 * 1) WikiaMainContentContainer #articleCategories:not(.editMode) .container {

/* Wiki Activity */

.activityfeed > li:nth-child(odd) { margin: 0; background: rgba(0, 0, 0, 0.01); transition: 0.2s ease-in-out; padding: 14px; border: 0 !important; }

.activityfeed > li:nth-child(even) { margin: 0; background: rgba(0, 0, 0, 0.03); transition: 0.2s ease-in-out; padding: 14px; border: 0 !important; }

.activityfeed > li:nth-child(odd):hover { background: rgba(0, 0, 0, 0.02); }

.activityfeed > li:nth-child(even):hover { background: rgba(0, 0, 0, 0.05); }

.activityfeed > li:first-child { border-radius: 20px 20px 0px 0px; }

.activityfeed > li:last-child { border-radius: 0px 0px 20px 20px; }

.activityfeed img.sprite { margin-left: 0px; mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; }

.activity-feed-more a { text-transform: uppercase; font-family: Rubik, Arial, sans-serif; font-weight: bold; }

.activity-feed-more { background: rgba(0, 0, 0, 0.02); transition: 0.1s linear; }

.activity-feed-more:hover { background: rgba(0, 0, 0, 0.035); }

.activityfeed > li { transition: 0.1s linear; }

input#wikiactivity-default-view-switch { height: 11px !important; }

@keyframes categoryClose { 0%{height: 80px;} 100%{height: 55px;} }

@keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} }

@keyframes slideDown { 0%{margin-top: -10px;} 100%{margin-top: 0px;} }

.avatar { border-radius: 50%; }

/* Special: Community */

.community-page-card-module:hover { transform: translate(0, -3px); }

.community-page-card-module { transition: 0.2s linear; border-radius: 10px !important; }

.community-page-card-module .community-page-card-module-header { border-radius: 10px 10px 0px 0px; }

.community-page-card-module .community-page-card-module-header span { font-family: Rubik, Arial, sans-serif; }

.community-page-cards-module-header, .community-page-todo-list-module .community-page-todo-list-module-header { text-transform: uppercase; font-family: Rubik, Arial, sans-serif; margin-left: 4px; }

div.community-page-module-section-title { font-family: Rubik, Arial, sans-serif; text-align: center; }

/* Edit Button */

.WikiaPage .page-header .wds-button-group > .wds-dropdown:not(:first-child) .wds-button { border-radius: 0px 10px 10px 0px; }

.WikiaPage .page-header .wds-button-group > .wds-button:not(.wds-is-secondary):not(:last-child) { border-radius: 10px 0px 0px 10px; }

/* Notifications */

.WikiaNotifications li div { background: var(--primary-normal) !important; box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.2); }

/* Rubik Font */

.wds-community-header .wds-community-header__sitename a, .wds-tabs__tab-label :not(:first-child):not(:only-child), .wds-tabs__tab-label > a, .pi-section-label > a { font-family: Rubik, Arial, sans-serif; }

/* Pre */

.WikiaArticle pre { border-radius: 5px !important; }

/* Tables */

.article-table tr, .WikiaTable tr { border: 1.6px solid rgba(0, 0, 0, 0); }

.article-table tr:nth-child(even), .WikiaTable tr:nth-child(even) { background: rgba(0, 0, 0, 0.001); transition: 0.2s ease-in-out; }

.article-table tr:nth-child(odd), .WikiaTable tr:nth-child(odd) { background: rgba(0, 0, 0, 0.03); transition: 0.2s ease-in-out; }

.article-table tr:nth-child(odd):hover, .WikiaTable tr:nth-child(odd):hover { background: rgba(0, 0, 0, 0.05); }

.article-table tr:nth-child(even):hover, .WikiaTable tr:nth-child(even):hover { background: rgba(0, 0, 0, 0.015); }

table, tbody { border-radius: 10px; }

.article-table th:first-child, .WikiaTable th:first-child { border-radius: 10px 0px 0px 0px; }

.article-table th:last-child, .WikiaTable th:last-child { border-radius: 0px 10px 0px 0px; }

.article-table th, .WikiaTable th { background: rgba(0, 0, 0, 0.001); font-family: Rubik, sans-serif; }

/* Popovers */

.popover .arrow, .tooltip .tooltip-arrow, .badgetooltip .badgetooltiparrow { display: none; } .popover .popover-inner, .tooltip .tooltip-inner, .badgetooltip .badgetootipwindow, .FounderProgressList .activities .activity .activity-description .description, .WikiaFooter .tools-menu, .WikiaBarWrapper .tools-menu, .UserProfileMasthead .masthead-avatar .avatar-controls span, #WikiaAdInContentPlaceHolder .wikia-ad:not(.hidden)::before, .WikiaArticle.floating #INCONTENT_WRAPPER #INCONTENT_PLAYER:not(.collapsed)::after, .WikiaArticle #INCONTENT_WRAPPER #INCONTENT_PLAYER:not(.collapsed)::after, .ThemeDesignerPicker { background: var(--polar-1); box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.1); font-family: Rubik; border-radius: 5px; animation: slideLeftFade 0.5s ease; font-size: small; }

.popover .popover-inner .popover-content { background: none !important; }