MediaWiki:Cosmos.css

/* CSS placed here will be applied to all skins */ /* WIKI CSS */

body { background-image: url(https://vignette3.wikia.nocookie.net/worldtrigger/images/5/50/Wiki-background/revision/latest?cb=20170731201418); background-attachment:fixed; background-repeat:no-repeat; background-size:cover; }

/* making things more visible on the background*/

.cosmos-header__local-navigation .wds-tabs { background: rgba(1,1,1,0.6); padding-left: 10px; }

.wds-button-group { background: rgba(0,0,0,0.6); }

.cosmos-header__community-name, .page-counter { text-shadow: 0 0 3px black; padding-left: 5px; }

.wds-tabs__tab { flex-grow: 1; text-align: center; }

/* infobox*/

.pi-collapse-closed:last-of-type h2 { border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; } .pi-title { border-top-left-radius: 20px; border-top-right-radius: 20px; } .pi-border-color{ border-color: #fff; border-width:3px; }

.portable-infobox { color:#222; border-radius:22px; }

.pi-background { background-color:#eee; }

.pi-secondary-background { background-color:#222; } .pi-horizontal-group-item:not(:first-child) { border-left-width: 3px; }

h2.pi-item.pi-title, h2.pi-item, .pi-item:last-child, h2.pi-item.pi-header, caption.pi-header{ border-bottom:#fff solid 3px; }

.pi-collapse-closed h2.pi-item.pi-header { border-bottom:none; }

section.pi-group:last-of-type div.pi-item { border-bottom-left-radius:20px; border-bottom-right-radius:20px; background-color:#eee; border-bottom:none; padding-bottom: 12px; }

.pi-group h2.pi-item.pi-header:not(:only-of-type):first-of-type { border-bottom-width:0px; }

.pi-group h2.pi-item.pi-header:not(:first-of-type) { border-bottom-width:3px; border-top-width:0; border-top:#555 solid 3px; border-bottom:#555 solid 3px; border-left:3px solid #fff; border-right:3px solid #fff; }

.pi-item:last-child { border-bottom:3px solid #fff; }

.section.pi-item.pi-group.pi-border-color:last-of-type { border-bottom: 3px solid #fff; }

section.pi-item:last-child { border-bottom-width:0; }

section.pi-smart-group-head.pi-border-color { border-bottom: 2px solid #fff; }

/*collapse expand buttons*/

a.mw-collapsible-text { display: inline-block; border-radius: 10px; padding: 0px 5px; color: #fff; opacity: 0.9; font-size: 0.6rem; font-weight: bold; text-transform: uppercase; background-color: #444; margin-left:4px; }

.mw-collapsible-text a{	background-color: #444; color: #fff; }

a.mw-collapsible-text:hover { color: #6cd8dd; }

.blue-expand a.mw-collapsible-text { color:#fff; }

.collapse-text-white .mw-collapsible-toggle-default:after, .mw-collapsible-toggle-default:after { content: " "; }

.collapse-text-white .mw-collapsible-toggle-default:before, .mw-collapsible-toggle-default:before { content: " "; }

/* dark mode tabbers */

.wds-tabs__tab { color: #444; }

.wds-tabs__tab:hover { color:#222; }

/* other stuff */

.white-links a{   color:#fff; border-bottom: solid 2px rgb(72 198 232 / 62%); }

.white-links a:hover { opacity:0.8; }

tr:first-child .nav-color { border:3px solid transparent; background-clip:padding-box !important; padding:5px; margin:2px; }

.navi table, .navi th, .navi td { padding:4px; background-clip:padding-box; border-spacing:0px; border-width:1px; border-collapse:Separate; }

.white-borders td, .white-borders th { border:2px solid #fff; }

.white-borders-3{ margin-bottom:5px; width:100%; border-collapse: collapse; font-weight:bold; } .white-borders-3 td, .white-borders-3 th { border: 3px solid #fff; text-align:center; color:#000; background-color:#eee; padding:2; border-spacing:.1666667; margin-bottom:5px; }

.collapse { border-collapse: collapse; } .eplist { text-align:center; width:90%; } .eplist td { color:#fff; background-color:#222; padding:5px 8px; border:2px solid #fff; text-align:center; }

.eplist th { background-color:#ddd; color:#000; border:2px solid #fff; padding:5px 8px; text-align:center; }

.quote-mark { line-height:1; width:20px; font-size:36px; font-family:'Times New Roman', serif; font-weight:bold; text-align:center; }

.quote-text { margin:auto; text-align:center; padding:3px; }

.quote-cite { font-size:smaller; text-align:right; margin:0; padding:0; }

/* character height display */

.heightFT { display: none; }

.heightCM:hover ~ .heightFT { display: inline; }

.LightboxHeader .wds-button.wds-is-secondary { background:none; }

.pi-smart-data-value.pi-data-value.pi-border-color[data-source="Main"], .pi-smart-data-value.pi-data-value.pi-border-color[data-source="Subs"] { text-align: left; padding-left: 20px; }

.pi-caption { color: #010101; }

.black-links a{   color:#000000; border-bottom: solid 2px rgb(72 198 232 / 62%); }

.black-links a:hover { opacity:0.8; }

.black-links-2 a{   color:#000; }

.black-links-2 { color:#000; }

.white-links-2 a{   color:#FFF; }

.white-links-2 { color:#fff; }

.notice { border-collapse:collapse; width:60%; }

.notice td, .notice th { border: 3px solid #fff; text-align:center; background: #666; }

.notice td{ font-size:0.8rem; background: #dedede; color:#000; } .white-borders-2 th{ font-weight:normal; font-size:115%; }

.white-borders-4{ width:98%; border-collapse: collapse }

.white-borders-4 td, .white-borders-4 th { border: 3px solid #fff; text-align:center; color:#000; background-color:#222; padding:.3em; }

.white-borders-4 th, .white-borders-4 th a { color: #fff; }

.white-borders-4 td{ background-color:#ededed; }

/* fix for black arrows in sortable table headers */ .white-borders-4.sortable th { color: #000; background-color: #dddddd; filter: invert(1); -webkit-filter: invert; }

.white-borders-4.sortable th a { color: #000; }

.home-video { width:98%; border-collapse: collapse; }

.home-video td, .home-video th { border: 3px solid #fff; text-align:center; color:#000; padding:.3em; }

.trigger-list { margin:3px; padding:2; border-spacing:.1666667; border:1; text-align:center; width:100%; color:#000; background:#fff; }

.trigger-list th { color:#000; background:#fff !important; }

.trigger-list tr:first-child th a{   color:#000; border-bottom: solid 2px rgb(72 198 232 / 62%); }

.trigger-list th a { color:#000; }

.trigger-list td a{   color:#fff; border-bottom: solid 2px rgb(72 198 232 / 62%); }

.trigger-list td { background-color:#2C3539; color:#fff; }

.class-list { clear:left; font-size:12px; }

.trigger-header { margin:3px; padding:2; border-spacing:.1666667; border:1; text-align:center; width:100%; color:#000; background:#ddd !important; }

.trigger-header a{	color:#000; }

.trigger-header th{ color:#000; background:#ddd !important; }

.home-video th { color:#fff; background: #0F0F0F; }

.home-video td{ background-color:#ededed; }

.white-borders-5{ width:98%; border-collapse: collapse }

.white-borders-5 td, .white-borders-5 th { border: 3px solid #fff; text-align:center; color:#000; background-color:#222; padding:.3em; }

.white-borders-5 th, .white-borders-5 th a { color: #fff; }

.white-borders-5 td a{   color:#000; border-bottom: solid 2px rgb(72 198 232 / 62%); }

.white-borders-5 td{ background-color:#ededed; }

.white-borders-1{ width:100%; margin-bottom:5px; border-collapse: collapse; font-weight:bold; }

.white-borders-1 td, .white-borders-1 th { border: 3px solid #fff; text-align:center; color:#000; background-color:#eee; padding:2; }

.white-borders-1 td{ color: #fff; background: #3090C7; }

.arc-border{ padding:4px; border:1px solid #bbb; width:95%; margin:8px auto; box-sizing:border-box; border-radius:25px; }

.arc { width:100%; font-size: 90%; clear: both; color:#000; text-align: center; background:#fff; border-color:transparent; border-radius:21px; background-clip:padding-box; }

.arc tr:first-child th { background:#000; border-radius:21px 21px 0 0; padding:3px; font-weight:bold; }

.arc tr:first-child th a { color:#fff; font-size:110%; }

.arc td .arc th { border:2px solid #fff; }

.arc th { width:100px; color:#fff; background:#333; }

.arc td { background:#fff; color:#000; }

.arc td a { color:#000; }

.arc tr:last-child th { border-radius:0 0 0 21px; }

.arc tr:last-child td { border-radius:0 0 21px 0; }

.arc th a { color:#fff; }

.anime { width:100%; font-size: 90%; clear: both; color:#000; text-align: center; background:#fff; border-color:transparent; border-radius:21px; background-clip:padding-box; }

.anime tr:first-child th { background:#000; border-radius:21px 21px 0 0; padding:3px; font-weight:bold; }

.anime tr:first-child th a { color:#fff; font-size:110%; }

.anime td .anime th { border:2px solid #fff; }

.anime th { color:#fff; background:#000; }

.anime th a { color:#fff; }

.anime td { background:#fff; color:#000; }

.anime td a { color:#000; }

.anime tr:last-child td { border-radius:0 0 21px 21px; }

.navbox-left { float:left; font-size:10px; margin-left:5px; }

.navbox-left2 { float:left; font-size:10px; margin-left:10px; }

.manga-chapters { width:100%; font-size: 90%; clear: both; color:#000; text-align: center; background:#fff; background-clip:padding-box; }

.manga-chapters td a { color:#000; }

.manga-chapters th a { color:#fff; }

.manga-chapters th { background:#000; color:#fff; font-weight:bold; }

.manga-border{ border: 1px solid #aaa; margin:8px auto; }

.border { width:100%; background-color:rgba(255,255,255,0.9); border:1px solid #bbb; border-radius:22px; clear:both; font-size:75%; padding:3px; margin:8px auto; text-align:center; }

.border tr:first-child th { background:#222; text-transform:uppercase; letter-spacing:1px; border-radius:17px; padding:3px 6px; font-weight:bold; }

.border tr:first-child th a { color:#fff; font-size:110%; }

.border:not(.mw-collapsed) tr:first-child th { border-bottom-left-radius:0px; border-bottom-right-radius:0px; }

.border tr:first-child th a{	color:#fff; }

.border th { width:100px; background:#333333; color:#fff; font-weight:bold; }

.border th a{   color:#fff; }

.border td { background:#fff; color:#000; }

.border td a{   color:#000; }

.border tr:last-child td { background:#222; border-radius:0 0 19px 19px; padding:3px; color:#000; }

.nav-line { position:absolute; left:10px; font-size:80%; width:30px; }

.nav-border { text-align:center; width:95%; background-color:rgba(255,255,255,0.85); border:1px solid #bbb; padding:2px; margin:8px auto; border-radius:25px; color:#222; }

.nav-text { position: relative; font-size: 90%; text-align: center; clear:both; width: 100%; border:0; padding:1; border-spacing:1; }

.nav-text th { font-weight:bold; }

.nav-text2 { clear: both; text-align: center; width: 100%; border:0; padding:1; border-spacing:1; }

.nav-color { background-clip:content-box; padding:2px; height:35px; border-top-left-radius:19px; border-top-right-radius:19px; }

.bt-top { margin:10px auto; border-radius:10px; background-color:#2b2f33; font-weight:bold; text-align:center; font-size:90%; color:#DEDEDE; width:500px }

.bt-title{ margin:0; padding:3px; border-bottom:white 3px solid; color:#DEDEDE; font-size:120%; }

.bt-title a{	color:#DEDEDE; }

.bt-header-b { margin:0; padding:3px; border-bottom:white 3px solid; color:#DEDEDE; font-size:120%; background-color:#335380; border-top:white 3px solid; }

.bt-header-btop { margin:0; padding:3px; border-bottom:white 3px solid; color:#DEDEDE; font-size:120%; background-color:#335380; }

.bt-header-ntop { margin:0; padding:3px; border-bottom:white 3px solid; color:#DEDEDE; font-size:120%; background-color:#642A35; }

.bt-header-n { margin:0; padding:3px; border-bottom:white 3px solid; color:#DEDEDE; font-size:120%; background-color:#642A35; border-top:white 3px solid; }

.bt-chara { display:inline-block; padding:5px; font-size:120%; color:#dedede; }

.bt-chara a { color:#dedede; }

.squad-top { margin:10px; text-align:center; border-radius:10px; font-weight:bold; width:400px; font-size:90%; }

.squad-title { display:block; text-align:center; width:100%; font-size:110%; border-bottom:3px #fff solid; }

.squad-header { display:block; border-bottom:#fff solid 3px; text-align:center; width:100%; }

.squad-text { display:inline-block; padding:5px; }

.squad-text2 { display:block; border-bottom:3px #fff solid; border-top:3px solid #fff; text-align:center; width:100%; }

.post-list{ margin-bottom:5px; width:100%; border-collapse: collapse; font-weight:bold; } .post-list td, .post-list th { border: 3px solid #fff; text-align:center; color:#000; background-color:#eee; padding:2; border-spacing:.1666667; margin-bottom:5px; }

.post-list tr:first-child th { color: #fff; background: #000; padding:10px; }

.parent-tab-main { font-weight:bold; text-align:center; margin-bottom:10px; border-bottom:rgb(130,130,130) double 5px; padding-top:3px; }

.parent-tab-1 { margin-right:4px; margin-left:4px; float:left; border-bottom:none; margin-bottom:0; background-color:rgb(136, 136, 136); color: #fff; box-shadow:0px 0px 1px 1px rgba(136, 136, 136,0.25); padding: 0.1em 0.7em; min-width:6em; max-width:20em; height:2.2em; border-radius:13px 13px 0 0; font-size:100%; }

.parent-tab-2 { margin-right:4px; margin-left:4px; float:left; border-bottom:none; margin-bottom:0; background-color:rgb(136, 136, 136); color: #fff; box-shadow:0px 0px 1px 1px rgba(136, 136, 136,0.25); padding: 0.1em 0.7em; min-width:6em; max-width:20em; height:2.2em; border-radius:13px 13px 0 0; font-size:100%; background-color:#fefefe; color:#555; }

.squads-top { margin:10px auto; border-radius:10px; background-color:#BCC6CC; font-weight:bold; text-align:center; font-size:90%; }

.squads-title { margin:0; padding:3px; border-bottom:white 3px solid; font-size:120%; }

.squads-rank { margin:0; padding:3px; border-bottom:white 3px solid; background-color:rgba(255,255,255,0.3); }

.squads-list { display:inline-block; padding:5px; }

.squads-bottom { margin:0; padding:3px; border-bottom:white 3px solid; border-top:white 3px solid; background-color:rgba(255,255,255,0.3); }

.scroll-box { width:auto; height:190px; overflow:auto; margin-bottom:3px; padding:0.5em 0.7em; border:1px solid gray; border-radius:0.5em; }

.list-header { width:100%; border-collapse:collapse; border-color:#999; border:1; padding:1; background:#CCC; text-align:center; }

.list-header th { font-weight:bold; width:5%; }

.team-match { width:60%; text-align:center; color:#000; padding:3px; border-collapse:collapse; border-color:Transparent; font-weight:bold; }

.team-match td { padding:5px 10px; background-clip:padding-box; color:#000; }

.team-match th { border:solid 3px #fff; padding:3px; color:#000; }

.team-match:not(.mw-collapsed) tr:first-child td { border-bottom-left-radius:0px; border-bottom-right-radius:0px; }

/* Header Stuff */

@media (min-width:400px) { .cosmos-header__local-navigation .wds-tabs { background: rgba(0,0,0,0.7); padding-left:15px; box-shadow:0px -1px 1px #000 inset; background-clip:padding-box; }

.cosmos-header { padding: 10px 0; margin:0px; background: rgb(0,0,0); background: -moz-linear-gradient(229deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.85) 100%); background: -webkit-linear-gradient(229deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.85) 100%); background: linear-gradient(229deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.85) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1); }

.community-header-wrapper { margin-top:-15px; }

.page { margin-top: 0px; border-radius:0; border-top:5px rgba(60,60,60,0.8) solid; }

.wds-button.wds-is-secondary { background:rgba(0,0,0,0.7); color:#fff; background-clip:padding-box; border-color:rgba(255,255,255,0.5); }

.wds-button-group{ background:transparent; color:#fff; }

.wds-button-group > .wds-dropdown:not(:first-child) .wds-button { border-left:1px solid transparent; color:#fff; }   .cosmos-header__top-container { margin-bottom: 10px; }   li.wds-dropdown .first-level-item a { color: #fff; }

li.wds-dropdown .first-level-item { color: #fff; } }

.page.has-right-rail, html:not(.ve-activated) .page.has-right-rail .page__main { border-radius: 0; }

/* Other formatting */

.page-content ul { margin-left:1em; }

.parent-tab-1 { display:inline-block; float:none; margin-left:1.4em; }

.parent-tab-main li:first-of-type { margin-left:2em; }

overflow: auto; }
 * 1) mw-content {

.parent-tab-main { text-align:left; position:relative; left:-34px; width:calc(100% + 42px); position:relative; border-bottom:1px solid #ddd; }

.parent-tab-main::after{ content:""; width: 100%; height:100%; display: block; position: absolute; top:0; left:0; z-index:200; box-shadow:0px -10px 10px -10px rgba(0,0,0,0.18) inset; }

body:not(.mw-special-ManageWiki):not(.mw-special-Preferences) #cosmos-pageBody-content { overflow:visible; }

margin:0; padding:0; }
 * 1) cosmos-banner, #cosmos-banner-content, #p-search {

height:auto; background:rgba(38,38,38,0.9); backdrop-filter:blur(4px); }
 * 1) cosmos-banner {

@media screen and (min-width:800px) { }

.cosmos-userOptions-personalTools .cosmos-userButton-label { color:#aaa; font-size:12px; padding:0 0 5px 0 }

.cosmos-userOptions-personalTools:hover .cosmos-userButton-label { color:#ddd; }

background:transparent; min-height:0; height:100%; padding:5px; width:100%; margin:0; box-sizing:border-box; padding:5px; font-size:12px; transition:0.3s all; color:#ccc; border:1px transparent solid; padding-right:50px; }
 * 1) searchform input {

background:#111; background-clip:padding-box; border:10px solid transparent; border-color:#111 transparent #111 #111; }
 * 1) searchform input:focus {

.wvui-typeahead-search__wrapper { flex:1 1 50%; }

min-height:10px; height:min-content; align-self:center; border:3px transparent solid; background-clip:padding-box; background:#333; border-radius:10px; font-size:10px; text-transform:uppercase; letter-spacing:0.03em; padding:3px 10px; color:#bbb; transition:all 0.3s; }
 * 1) searchform button {

color:#ccc; background-color:#444; box-shadow:#000 0px 0px 5px -1px; }
 * 1) searchform button:hover {

transform:scale(70%); }
 * 1) cosmos-search-buttonIcon, #cosmos-userButton-avatar,
 * 2) cosmos-userButton-icon {

color:#ddd; } .cosmos-userButton-label span, .wds-tabs span { color:#ddd; }
 * 1) cosmos-userOptions-messages {

fill:transparent; stroke:#ccc; }
 * 1) cosmos-banner svg {

body > #mw-content-container { padding:0; }

.cosmos-header { color:#ccc; padding:40px 10px 10px 10px; background:none; background:linear-gradient(229deg,rgba(50,50,50,0.3) 0%,rgba(30,30,30,0.85) 100%); border-bottom:5px solid #ccc5; }

.cosmos-header:before { top:0; left:0; background:Rgba(100,100,100,0.4); background:linear-gradient(229deg,rgba(50,50,50,0.3) 0%,rgba(30,30,30,0.85) 100%); background:none; }

.wds-tabs__tab, .cosmos-header .wds-tabs .wds-tabs__tab-label a { color:#eee; }

.cosmos-header .wds-tabs .wds-tabs__tab-label:hover, .cosmos-header .wds-tabs .wds-tabs__tab-label a:hover, .cosmos-header .cosmos-header__counter { color:#ddd; }

.cosmos-header .cosmos-header__wordmark { margin:30px 10px 10px 15px; height:80px; }

.cosmos-header__wordmark img { height:auto; }

.cosmos-header__sitename a:any-link { color:#eee; }

/* fgdsfsdfs*/