MediaWiki:Wikia.css

/*Remove article comments in favor of forums*/ .commentsbubble{ background-color:transparent !important; font-size:1px !important; border:0px !important; height:0px !important; color:transparent !important; display:none !important; } /*Remove Talk button in favor of forums*/ .wikia-button.talk{ background-color:transparent !important; font-size:1px !important; border:0px !important; height:0px !important; color:transparent !important; display:none !important; } /*Edit the cursor to Charlotte*/ body a:hover { cursor: url('/wiki/Special:FilePath/Charlotte_cursor.png'),auto !important; }

/* Show colored background by default */ body.skin-oasis {   background-color: rgb(102, 153, 255) !important; } /* Don't display any image below 1084px */ @media screen and (max-width: 1083px) {   body.skin-oasis {       background-image: none !important; } } /* Background style for any screen that displays an image */ @media screen and (min-width: 1084px) {   body.skin-oasis {       background-size: cover !important; background-attachment: fixed !important; background-repeat: no-repeat !important; background-position-x: center !important; background-position-y: top !important; background-origin: padding-box !important; background-clip: border-box !important; } } /* Screens equal to or smaller than 16:9 1080p */ @media screen and (min-width: 1084px) and (max-width: 1920px) and (max-height: 1080px) {   body.skin-oasis {       background-image: url('/wiki/Special:FilePath/Wiki-background05x.jpg') !important; } } /* Screens wider or taller than 16:9 1080p */ @media screen and (min-width: 1921px) and (max-width: 2560px) and (max-height: 1440px), screen and (min-height: 1081px) and (max-height: 1440px) and (min-width: 1084px) {   body.skin-oasis {       background-image: url('/wiki/Special:FilePath/Wiki-background067x.jpg') !important; } } /* Screens wider or taller than 16:9 1440p */ @media screen and (min-width: 2561px), screen and (min-height: 1441px) and (min-width: 1084px) {   body.skin-oasis {       background-image: url('/wiki/Special:FilePath/Wiki-background.jpg') !important; } }

/*    Chat customizations body.ChatWindow { background-color: #121b6a; } body.ChatWindow .User.chat-mod .username:after { background-position: 0px 0px; background-image:url(https://images.wikia.nocookie.net/__cb20131023080447/swordartonline/images/0/00/TUSF%27s_SAO_Favicon2.png); } /*   Some stuff so the chat/discord bridge bot can distinguish itself. body.ChatWindow .Chat li[data-user="SAODiscordBridge"] .avatar, body.ChatWindow .Chat li[data-user="SAODiscordBridge"] .username, body.ChatWindow .Chat li[data-user="WiiadiscordBridge2"] .avatar, body.ChatWindow .Chat li[data-user="WiiadiscordBridge2"] .username, body.ChatWindow .Chat li[data-user="Bridgebot"] .avatar, body.ChatWindow .Chat li[data-user="Bridgebot"] .username { display: none; } body.ChatWindow .Chat li[data-user="SAODiscordBridge"], body.ChatWindow .Chat li[data-user="WiiadiscordBridge2"], body.ChatWindow .Chat li[data-user="Bridgebot"] { margin-bottom: -15px; min-height: 0; top: -15px; display: flex; padding-left: 5px; } body.ChatWindow .Chat li[data-user="SAODiscordBridge"] .time, body.ChatWindow .Chat li[data-user="WiiadiscordBridge2"] .time, body.ChatWindow .Chat li[data-user="Bridgebot"] .time { order: 1; float: none; font-size: inherit; display: inline; min-width: 50px; } body.ChatWindow .Chat li[data-user="SAODiscordBridge"] .time:before, body.ChatWindow .Chat li[data-user="WiiadiscordBridge2"] .time:before, body.ChatWindow .Chat li[data-user="Bridgebot"] .time:before { content: "["; } body.ChatWindow .Chat li[data-user="SAODiscordBridge"] .time:after, body.ChatWindow .Chat li[data-user="WiiadiscordBridge2"] .time:after, body.ChatWindow .Chat li[data-user="Bridgebot"] .time:after { content: "]"; } body.ChatWindow .Chat li[data-user="SAODiscordBridge"] .message, body.ChatWindow .Chat li[data-user="WiiadiscordBridge2"] .message, body.ChatWindow .Chat li[data-user="Bridgebot"] .message { order: 2; } /*   End of chat cutomization

figure.thumbinner { border:0px !important; }

.WikiaArticle fieldset { border: solid 1px #6699ff; }

/*   Toggle display of spoiler content .spoiler-text .hidden-text { display:none; } .spoiler-text:hover .hidden-text { display:block; }

/* Replace all instances of rgb(159,247,129), with the next theme color. */ .themecolor { background-color: #4caf50; /*rgb(76, 175, 80);*/ border-color: #4caf50; color: #ffffff; }

.t_nihongo_icon { color: rgb(159,247,129); }						/*    Portable Infobox customization .portable-infobox { border:1px solid #aaaaaa; background-color: #dedcff; width:300px; } .portable-infobox .pi-header { color: fff; text-align: center; padding: 1px; margin:5px; border-top-left-radius: 50px; border-top-right-radius: 50px; }

.pi-secondary-background { background-color: #6699ff; }

.portable-infobox .pi-border-color { border-color:#E1E1E1; }  .portable-infobox .pi-title { background-color: #4caf50; font-size:120%; color: #fff; text-align: center; padding: 1px; margin:5px; } .portable-infobox .pi-tab-link.current { background-color:white; } .portable-infobox .pi-image-collection-tab-content { background-color:#E1E1E1; }

ul.pi-image-collection-tabs{ margin: auto; width: 270px; display: flex; flex-wrap: wrap; } ul.pi-image-collection-tabs li { flex-grow: 1; /* Force tabs to take up a 4th of available space per row, before rendering */ /* This effectively limits each row of tabs to just 4 tabs. */ flex-basis: 24%; border: none; /* Wikia's default CSS sets max-width for tabs to 50%. Why? */ max-width: 100%; } /* Every 4th element + 1 (first element of every row) */ ul.pi-image-collection-tabs li:first-child, ul.pi-image-collection-tabs li:nth-child(4n+1){ border-top-left-radius: 50px; } /* Every 4th element (last element of every row) */ ul.pi-image-collection-tabs li:last-child, ul.pi-image-collection-tabs li:nth-child(4n){ border-top-right-radius: 50px; } ul.pi-image-collection-tabs li:hover{ background-color: #eee; } ul.pi-image-collection-tabs li.current { flex-grow: 4; } .portable-infobox .pi-title { border-bottom-left-radius: 100px; border-bottom-right-radius: 100px; } /*   Necessary for infoboxes because line breaks can't be put into labels of a data source, it is not rendered. with this, blank spaces can be added and line breaks can be achieved. See Character Infobox, data source "VR" In hopes it does not break anything h3.pi-data-label.pi-secondary-font b { white-space: pre-wrap !important; }

/* Horizontally centers item labels and values */ .portable-infobox .pi-data { align-items: center; }

/*   End of Portable Infobox styling

/*    Experimental customization for Translation Tabber .trans .tabberlive { display: flex; border: 1px solid #002266; } .trans .tabberlive > .tabbernav > li { width: 100%; height: 100%; display: block; }

.trans .tabberlive > .tabbernav > li > a { display: flex; justify-content: center; /* align horizontal */ align-items: center; width: 100%; height: 100%; background: none; border: none; margin: 0; padding: 0; /*Addition for translation template*/ padding-left: 5px; }

.trans .tabberlive > .tabbernav { width: 100px; margin: 0; padding: 0; border: none; }

.trans .tabberlive > .tabbertab { flex-grow: 1; padding: 0; padding-left: 1em; border: none; }

.trans .tabberlive > .tabbernav > li.tabberactive { /* selected tabber tab */ display: none; } /*   End of translation tabber styling

/*   Styling of tables .wikitable th { background-color: #FFD700 !important; color: #000000 !important; } .wikitable { width:100% ; background: transparent ; border-collapse:separate ; border-spacing:0 ; } /*Left is the default wikitable styling*/ .wikitable-left td { padding:0 ; text-align:left; } .wikitable-center td { padding:0 ; text-align:center; } .wikitable-right td { padding:0 ; text-align:right; } /*   End of table styling

/* Change color of chevrons in sortable tables */ table.jquery-tablesorter.sortable th.headerSort .chevron:first-child { border-bottom-color: #000000 !important; } table.jquery-tablesorter.sortable th.headerSort .chevron { border-top-color: #000000; } /* End of Chevron styling */