MediaWiki:Wikia.css

/* AntiBigText - prevent text enlargement on larger screens (1596+ px) */ /* for reference: https://github.com/Wikia/app/blob/dev/skins/oasis/css/core/breakpoints-small-medium-typography.scss https://github.com/Wikia/app/blob/dev/skins/oasis/css/core/breakpoints-large-typography.scss @media only screen and (min-width: 1596px) { /* typography */ .WikiaMainContentContainer h1 { font-size: 28px; line-height: 28px; }   .WikiaMainContentContainer h2 { font-size: 20px; line-height: 22px; }   .WikiaMainContentContainer h3 { font-size: 17px; line-height: 22px; }   .WikiaMainContentContainer h4, .WikiaRail .rail-module h4, .WikiaRail .module h4 { font-size: 15px; line-height: 22px; }   .WikiaMainContentContainer .WikiaArticle { font-size: 14px; line-height: 22px; }   /* fixes for other breakpoint-affected styles */ .WikiaPage .WikiaArticle .infobox, .WikiaPage blockquote { font-size: inherit; line-height: inherit; }   .WikiaArticleComments h1 { font-size: 22px; }   .WikiaRail .rail-module h2, .WikiaRail .module h2 { line-height: 22px; } }   text-transform: uppercase; font-weight: bold; font-family: Helvetica, sans-serif; } .custom-dropdown { padding: 1px 8px; } .custom-dropdown > :first-child:after { background-image: url("data:image/gif;base64,R0lGODlhAQABAIABAAAAAP///yH5BAEAAAEALAAAAAABAAEAQAICTAEAOw%3D%3D"); border-color: white transparent transparent; border-style: solid; border-width: 4px; content: ""; display: inline-block; height: 1px; margin-left: 4px; margin-top: 2px; position: relative; vertical-align: middle; width: 1px; } .custom-dropdown:hover { border-bottom-left-radius: 0; border-bottom-right-radius: 0; margin-bottom: -1px; padding-bottom: 2px; } .custom-dropdown ul { list-style: none outside none; min-width: 100%; top: 23px; } .custom-dropdown:hover ul { display: block; } .custom-dropdown li a { font-size: 12px; height: 14px; line-height: 14px; } /** * PrettyUserTags.css * @Description:   A UserTags extension designed to make each tag unique * @Author:        Ursuul * @Installation:  Once UserTags is installed, add the following import… …to the top of your CSS file of choice: @import url("/load.php?mode=articles&articles=u:dev:MediaWiki:PrettyUserTags.css&only=styles"); */ /* Default Tag */ .UserProfileMasthead .masthead-info .tag-container .tag { background: #C0C0C0; color: #000; border: 2px outset #E5E5E5; border-radius: 12px; }/**/ /* Global-Groups */ .UserProfileMasthead .masthead-info .tag-container .tag.usergroup-staff { background: #DA0; color: #FFF; border-color: #E8B200; } .UserProfileMasthead .masthead-info .tag-container .tag.usergroup-wiki-manager { background: #057D59; color: #FFF; border-color: #09E5A2; } .UserProfileMasthead .masthead-info .tag-container .tag.usergroup-content-team-member { background: #B06900; color: #FFF; border-color: #D27D2C; } .UserProfileMasthead .masthead-info .tag-container .tag.usergroup-helper { background: #4C5F1D; color: #FFF; border-color: #637C24; } .UserProfileMasthead .masthead-info .tag-container .tag.usergroup-vstf { background: #F77; color: #FFF; border-color: #FF6B6B; } .UserProfileMasthead .masthead-info .tag-container .tag.usergroup-global-discussions-moderator { background: #05F; color: #FFF; border-color: #278E8E; } .UserProfileMasthead .masthead-info .tag-container .tag.usergroup-voldev { background: #23C8D2; color: #FFF; border-color: #29E6F2; } .UserProfileMasthead .masthead-info .tag-container .tag.usergroup-vanguard { background: #2B662B; color: #FFF; border-color: #26996E; } .UserProfileMasthead .masthead-info .tag-container .tag.usergroup-council { background: #4D0475; color: #FFF; border-color: #870ACC; } .UserProfileMasthead .masthead-info .tag-container .tag.usergroup-content-volunteer { background: #FF7000; color: #FFF; border-color: #FF7000; } .UserProfileMasthead .masthead-info .tag-container .tag.usergroup-bot-global, .UserProfileMasthead .masthead-info .tag-container .tag.usergroup-bot { background: #750075; color: #FFF; border-color: #BC00BC; }/**/ /* Local-Groups */ .UserProfileMasthead .masthead-info .tag-container .tag.usergroup-bureaucrat, .UserProfileMasthead .masthead-info .tag-container .tag.usergroup-founder { background: #000; color: #FFF; border-color: #EFEFEF; } .UserProfileMasthead .masthead-info .tag-container .tag.usergroup-sysop { background: #0FF; border-color: #0FF; } .UserProfileMasthead .masthead-info .tag-container .tag.usergroup-content-moderator { background: #F00; color: #FFF; border-color: #F00; } .UserProfileMasthead .masthead-info .tag-container .tag.usergroup-rollback { background: #D2B48C; border-color: #D2B48C; } .UserProfileMasthead .masthead-info .tag-container .tag.usergroup-threadmoderator { background: #0F0; border-color: #0F0; } .UserProfileMasthead .masthead-info .tag-container .tag.usergroup-chatmoderator { background: #FF0; border-color: #FF0; }/**/ /* Pseudo-Groups */ .UserProfileMasthead .masthead-info .tag-container .tag.usergroup-notautoconfirmed, .UserProfileMasthead .masthead-info .tag-container .tag.usergroup-autoconfirmed, .UserProfileMasthead .masthead-info .tag-container .tag.usergroup-inactive, .UserProfileMasthead .masthead-info .tag-container .tag.usergroup-newuser, .UserProfileMasthead .masthead-info .tag-container .tag.usergroup-nonuser { background: #BFCFDA; color: #17171A; border-color: #323238; } .UserProfileMasthead .masthead-info .tag-container .tag.usergroup-bannedfromchat, .UserProfileMasthead .masthead-info .tag-container .tag.usergroup-blocked { background: #000; color: #FFF; border-color: #000; }/**/ .spoilerblur { filter: blur(2px); -webkit-filter: blur(2px); opacity: .40; display: inline-block; -webkit-transition: all 1s 0 linear; -moztransition: all 1s 0 linear; -o-transition: all 1s 0 linear; -ms-transition: all 1s 0 linear; transition: all 1s 0 linear; } .spoilerblur:hover { filter: blur(0px); -webkit-filter: blur(0px); opacity: 1; text-shadow: 0 0 0 transparent; -webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s; -o-transition-delay: 0.5s; -ms-transition-delay: 0.5s; transition-delay: 0.5s; } /* CustomChatStars */ /** Removes current default star */ .ChatWindow .User .badge svg { background-position: center; background-repeat: no-repeat; } .ChatWindow .User .badge svg g { visibility: hidden; } /** Add custom chat star **/ .ChatWindow .User .badge #wds-avatar-badges-USERGROUP { background-image: url('https://images.wikia.nocookie.net/monchbox/images/6/6b/Icon-chatmod.png'); } /* Site glow */ .WikiaPage { border: 2px solid #008000; box-shadow: 0px 0px 28px #90ee90; } .custom-dropdown { padding: 1px 8px; } .spoilerblur { filter: blur(2px); -webkit-filter: blur(2px); opacity: .40; display: inline-block; -webkit-transition: all 1s 0 linear; -moztransition: all 1s 0 linear; -o-transition: all 1s 0 linear; -ms-transition: all 1s 0 linear; transition: all 1s 0 linear; } .spoilerblur:hover { filter: blur(0px); -webkit-filter: blur(0px); opacity: 1; text-shadow: 0 0 0 transparent; -webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s; -o-transition-delay: 0.5s; -ms-transition-delay: 0.5s; transition-delay: 0.5s; } /** Admin Dashboard's Header **/ .mw-special-AdminDashboard .WikiaPageContentWrapper { --rad-headers-color: #ccc; --rad-tabs-color: #ccc; --rad-tabs-text: inherit; } .AdminDashboardHeader { -moz-osx-font-smoothing: grayscale; -webkit-align-items: flex-start; -webkit-box-align: start; -webkit-box-pack: end; -webkit-font-smoothing: antialiased; -webkit-justify-content: flex-end; align-items: flex-start; background: transparent; border-top: none; border-bottom: 1px solid var(--rad-headers-color); box-shadow: none; display: flex; justify-content: flex-end; padding: 16px 0 12px; position: relative; z-index: 4; } .AdminDashboardHeader h1 { -moz-box-flex: 1; -moz-flex-grow: 1; -ms-align-self: flex-end; -ms-flex-positive: 1; -webkit-align-self: flex-end; -webkit-box-flex: 1; -webkit-flex-grow: 1; align-self: flex-end; box-flex: 1; display: inline-block; flex-grow: 1; font-size: 36px; font-weight: bold; line-height: 1; max-width: 100%; min-width: 0; word-wrap: break-word; } .AdminDashboardHeader h1 a { color: inherit; } /* Tabs */ .AdminDashboardTabs { bottom: 0; right: 0; top: auto; } .AdminDashboardTabs .tab { -ms-flex-align: center; -ms-flex-pack: center; -webkit-align-items: center; -webkit-appearance: none; align-items: center; border-radius: 0; box-sizing: content-box; display: inline-flex; font-size: 10px; font-weight: 600; justify-content: center; letter-spacing: 0.15px; line-height: 1.3em; min-height: 18px; padding: 7px 12px; text-decoration: none; text-transform: uppercase; vertical-align: top; background: transparent; border-bottom: 2px solid transparent; color: var(--rad-tabs-textcolor); transition: .2s; } .AdminDashboardTabs .tab:hover { filter: brightness(80%); transition: .2s; } body.oasis-dark-theme .AdminDashboardTabs .tab:hover { filter: brightness(120%); transition: .2s; } .AdminDashboardTabs .tab.active { background: transparent; border-bottom: 2px solid var(--rad-tabs-color); color: var(--rad-tabs-textcolor); } /** Left column **/ .mw-special-AdminDashboard .WikiaArticle { border-bottom: none; border-right: none; box-shadow: none; } /* General tab */ .AdminDashboard .admin-dashboard-content .control-section header, .AdminDashboard .admin-dashboard-content .control-section .controls { background: transparent none; border: none; } .AdminDashboard .admin-dashboard-content .control-section header h1 { font-size: 16px; font-weight: bold; margin: 0; min-height: 30px; padding-left: 2px; border-bottom: 1px var(--rad-headers-color) solid; float: none; } .AdminDashboard .admin-dashboard-content .control-section .controls .control .representation, .AdminDashboard .admin-dashboard-content .control-section .controls .control:hover .representation, .AdminDashboard .admin-dashboard-content .control-section .controls .control:active .representation { background-image: none; box-shadow: none; border-radius: 50%; border: none; transition: .2s; } .dashboard-tooltip { display: none !important; } /* Advanced tab */ .AdminDashboardGeneralHeader { background: none; border: none; box-shadow: none; } /** Right column **/ .AdminDashboardRail h1 { font-size: 16px; font-weight: bold; margin-bottom: 16px; min-height: 30px; padding-left: 2px; border-bottom: 1px var(--rad-headers-color) solid; } /* Founder progress widget */ background: none; border-color: transparent; }   border: none; }   text-decoration: none; } /* Minimalize dropdowns of Tasks */ .FounderProgressList .tasks .task .task-label { background-image: none; } /* Quick stats widget */ .QuickStatsWidget .WikiaDataTable { background: none; border-color: transparent; } .QuickStatsWidget .WikiaDataTable th:first-child, .QuickStatsWidget .highlight-top, .QuickStatsWidget .WikiaDataTable thead th { font-weight: bold; text-transform: uppercase; font-size: 12px; } td.supplemental-info { text-align: center !important; font-size: 10px; font-weight: bold; text-transform: uppercase; } td.supplemental-info > a:hover { text-decoration: none; } .mw-special-AdminDashboard .WikiaPageContentWrapper { --rad-color-icons: inherit; } .AdminDashboard .admin-dashboard-content .control-section .controls .control .representation .icon { background-image: none; } .AdminDashboard .admin-dashboard-content .control-section .controls .control .representation .icon:before { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'FontAwesome' !important; speak: none; display: flex; justify-content: center; font-size: 3em; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1.5em; color: var(--rad-color-icons); /* Enable Ligatures ================ */ letter-spacing: 0; -webkit-font-feature-settings: "liga"; -moz-font-feature-settings: "liga=1"; -moz-font-feature-settings: "liga"; -ms-font-feature-settings: "liga" 1; font-feature-settings: "liga"; -webkit-font-variant-ligatures: discretionary-ligatures; font-variant-ligatures: discretionary-ligatures; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .AdminDashboard .admin-dashboard-content .control-section .controls .control a.set { text-decoration: none; } .AdminDashboard .admin-dashboard-content .control-section .controls .control .representation .icon.themedesigner:before { content: "\f1fb"; } .AdminDashboard .admin-dashboard-content .control-section .controls .control .representation .icon.recentchanges:before { content: "\f1ea"; } .AdminDashboard .admin-dashboard-content .control-section .controls .control .representation .icon.topnavigation:before { content: "\f249"; } .AdminDashboard .admin-dashboard-content .control-section .controls .control .representation .icon.wikifeatures:before { content: "\f12e"; } .AdminDashboard .admin-dashboard-content .control-section .controls .control .representation .icon.specialcsstool:before { content: "\f121"; } .AdminDashboard .admin-dashboard-content .control-section .controls .control .representation .icon.userlist:before { content: "\f2b9"; } .AdminDashboard .admin-dashboard-content .control-section .controls .control .representation .icon.userrights:before { content: "\f234"; } .AdminDashboard .admin-dashboard-content .control-section .controls .control .representation .icon.communitycorner:before { content: "\f0c0"; } .AdminDashboard .admin-dashboard-content .control-section .controls .control .representation .icon.help:before { content: "\f128"; } .AdminDashboard .admin-dashboard-content .control-section .controls .control .representation .icon.categories:before { content: "\f02c"; } .AdminDashboard .admin-dashboard-content .control-section .controls .control .representation .icon.addpage:before { content: "\f15c"; } .AdminDashboard .admin-dashboard-content .control-section .controls .control .representation .icon.addphoto:before { content: "\f03e"; } .AdminDashboard .admin-dashboard-content .control-section .controls .control .representation .icon.addvideo:before { content: "\f03d"; } .AdminDashboard .admin-dashboard-content .control-section .controls .control .representation .icon.createblog:before { content: "\f044"; } .AdminDashboard .admin-dashboard-content .control-section .controls .control .representation .icon.multipleupload:before { content: "\f0c5"; } body::before { content: ''; background-image: url(image-url); position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-repeat: no-repeat; background-size: cover; background-position: 50%; -webkit-filter: blur(5px); filter: blur(5px); }
 * 1) article-comments-counter-header,
 * 2) article-comments-counter-recent {
 * 1) FounderProgressWidget .preview {
 * 1) FounderProgressWidget .preview header h1,
 * 2) FounderProgressWidget .preview .activities .activity {
 * 1) FounderProgressWidget .preview .activities .activity .description .actions .skip:hover,
 * 2) FounderProgressWidget .preview header .list-toggle:hover {