MediaWiki:Cosmos.css

/* All CSS here will be loaded for users of the Cosmos skin */ /*Developed by Universal Omega*/ @import url(/wiki/MediaWiki:Themes.css?action=raw&ctype=text/css); @import url(/wiki/MediaWiki:Profile_Universal-Omega.css?action=raw&ctype=text/css); @import url(/wiki/MediaWiki:Profile_IC228.css?action=raw&ctype=text/css); @import url(/wiki/MediaWiki:Profile_TheDemon08.css?action=raw&ctype=text/css);

/* Main */ .mw-spinner-container div::after { background: #fff !important; }

/*.mw-special-NewPagesFeed #mwe-pt-list-warnings { display: none !important; }

.page-Special_NewPagesFeed .mw-body-content div { filter: invert(100%); }

.page-Special_NewPagesFeed span.mwe-pt-creation-date { filter: invert(100%) !important; }*/

.mwe-popups.mwe-popups-is-not-tall .mwe-popups-extract { margin: 1em; }

.mwe-popups-container footer { display: none; }

display: none; }
 * 1) mw-indicator-mw-helplink {

.ve-active #FastDeleteBtns, .ve-activating #FastDeleteBtns { display: none; }

.ns-8 .mw-editTools, .ns-special .mw-editTools { display: none; }

/*Bot Username Highlighting*/ color: #a400a4 !important; font: bold Helvetica, Arial, Sans-Serf !important; }
 * 1) mw-content a[href*="UniversalBot"] {

/*Bureaucrats Username Highlighting*/ color: #ddaa00 !important; font: bold Helvetica, Arial, Sans-Serif !important; }
 * 1) mw-content a[href*="TheDemon08"],
 * 2) mw-content a[href*="Universal_Omega"] {

/*Administrators Username Highlighting*/ color: #ff7777 !important; font: bold Helvetica, Arial, Sans-Serif !important; }
 * 1) mw-content a[href*="IC228"],
 * 2) mw-content a[href*="NickNickleby"] {

/*Rollbacker Username Highlighting*/ color: #1eaf7a !important; font: bold Helvetica, Arial, Sans-Serif !important; }
 * 1) mw-content a[href*="MysticalmanJoe"],
 * 2) mw-content a[href*="Rman41"] {

.episode-countdowns { display: inline-flex; flex-direction: row; flex-wrap: wrap; }

.episode-countdowns .main-episode { flex: 50%; }

.season-navigation { width: calc( 100% - 320px ); }

@media screen and ( max-width: 800px ) { div.episode-countdowns { flex-direction: column; } }

@media screen and ( max-width: 720px ) { .season-navigation { width: 100%; } }

.appearances-table td:nth-of-type(3) { width: 80px; }

.portable-infobox h2 p { line-height: 10px; }

.portable-infobox .pi-data-value > :not(ul), .portable-infobox .pi-data-value li { margin: 6px 0px; }

/* Toggles */ input[type="checkbox"] { -moz-appearance: none; -webkit-appearance: none; appearance: none; cursor: pointer; font-size: 16px; padding: 7px 5px 7px 52px; position: relative; border: 0; background-color: transparent; }

input[type="checkbox"]:empty { padding-left: 45px; }

input[type="checkbox"]::before { background-color: #999; border-radius: 8px; height: 14px; left: 6px; width: 34px; }

input[type="checkbox"]:checked::before { background-color: #7ae7ff; }

input[type="checkbox"]::after, input[type="checkbox"]::before { -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); content: ''; margin: 0; outline: 0; position: absolute; top: 50%; transform: translateY(-50%); transition-duration: 0.3s; transition-timing-function: ease; transition: transform, background-color, -webkit-transform; }

input[type="checkbox"]::after { background-color: #f6f6f6; border-radius: 50%; 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; transition: all 0.5s; width: 20px; }

input[type="checkbox"]:checked::after { background-color: #00b7e0; left: 20px; }

/* Polls */ .ajaxpoll-id-info { display: none; }

.ajaxpoll .ajaxpoll-ajax { background: #032F4D; }

.ajaxpoll .ajaxpoll-misc { display: none; }

.ajaxpoll .ajaxpoll-hover-revoke, .ajaxpoll .ajaxpoll-hover-vote { background: none; }

.ajaxpoll-answer { border: none !important; height: 35px !important; }

.ajaxpoll-answer div { background-color: #444444 !important; }

.ajaxpoll { background-color: black; border: none !important; font-size: 14px; font-weight: bold; color: white; width: auto; }

/* Tabbers */ border: none; }
 * 1) mw-content-text .tabber a.tabber__tab,
 * 2) mw-content-text .tabber nav.tabber__tabs {

display: flex; flex-flow: row nowrap; padding: 0; font-family: Rubik, "Helvetica Neue", Helvetica, Arial, sans-serif; overflow: auto; }
 * 1) mw-content-text .tabber nav.tabber__tabs {

display: flex; }
 * 1) mw-content-text .tabber nav.tabber__tabs a {

background: initial; border-color: currentColor; border-width: 0 0 2px !important; color: inherit; font-size: 12px; font-weight: 700; line-height: 1em; margin: 0; padding: 13px 11px; text-align: center; text-transform: uppercase; transition: opacity 0.3s; white-space: nowrap; }
 * 1) mw-content-text .tabber nav.tabber__tabs a:not(.tabber__tab--active),
 * 2) mw-content-text .tabber nav.tabber__tabs a.tabber__tab--active {

opacity: 0.25; }
 * 1) mw-content-text .tabber nav.tabber__tabs a:not(.tabber__tab--active) {

opacity: 0.5; }
 * 1) mw-content-text .tabber nav.tabber__tabs a:not(.tabber__tab--active):hover {

/* Vertical Tabbers */ .tab-vertical .tabber--live { display: table; width: 100%; } .tab-vertical .tabber__header { float: left; box-shadow: none; }

.tab-vertical .tabber__tabs { display: table-cell !important; width: 200px; padding: 0; vertical-align: top; border-bottom: none; }

.tab-vertical .tabber__tab { display: table-cell; border: none; padding: 0em 1em; } .tab-vertical .tabber__tab p:nth-child(2){ margin-top: 0; }

/* Portable Navboxes */ .portable-infobox.pi-theme-navbox { box-sizing: border-box; float: none; margin: 0; width: 100% !important; }

.portable-infobox.pi-theme-navbox .pi-data-value { flex-basis: 600px; width: 100%; } .portable-infobox.pi-theme-navbox .pi-data-label { flex-basis: 200px; }

.portable-infobox.pi-theme-navbox.pi-europa .pi-collapse-closed .pi-header::after { margin-top: -7px; }

.portable-infobox.pi-theme-navbox.pi-europa .pi-collapse .pi-header::after, .pi-europa .pi-header.collapsible::after { border-color: #fff; height: 9px; right: 14px; width: 9px; }

.portable-infobox.pi-theme-navbox .pi-collapse-closed .pi-header:first-child::after { transform: rotate(135deg); -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); }

.portable-infobox.pi-theme-navbox .pi-collapse .pi-header:first-child::after { display: block !important; position: absolute; top: 50%; }

.portable-infobox.pi-theme-navbox .pi-collapse .pi-header:first-child::after { border-style: solid; border-width: 2px 2px 0 0; content: ''; vertical-align: middle; }