Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
/* 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;
}
#mw-content {
overflow:
auto;
}
.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;
}
#cosmos-banner, #cosmos-banner-content, #p-search {
margin:0;
padding:0;
}
#cosmos-banner {
height:auto;
background:rgba(38,38,38,0.9);
backdrop-filter:blur(4px);
}
@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;
}
#searchform input {
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;
}
#searchform input:focus {
background:#111;
background-clip:padding-box;
border:10px solid transparent;
border-color:#111 transparent #111 #111;
}
.wvui-typeahead-search__wrapper {
flex:1 1 50%;
}
#searchform button {
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;
}
#searchform button:hover {
color:#ccc;
background-color:#444;
box-shadow:#000 0px 0px 5px -1px;
}
#cosmos-search-buttonIcon, #cosmos-userButton-avatar,
#cosmos-userButton-icon {
transform:scale(70%);
}
#cosmos-userOptions-messages {
color:#ddd;
}
.cosmos-userButton-label span, .wds-tabs span {
color:#ddd;
}
#cosmos-banner svg {
fill:transparent;
stroke:#ccc;
}
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*/