(Migrating DataTables customizations from Wikia.css; adding left text align and active button fixes as well) |
(Removing external link icon from main page social icons) |
||
| Line 63: | Line 63: | ||
margin: 0; |
margin: 0; |
||
} |
} |
||
| − | .portal + p:not(.show) |
+ | .portal + p:not(.show), |
| + | .portal__content .fandom-icons a:after { |
||
display: none; |
display: none; |
||
} |
} |
||
Revision as of 17:55, 9 June 2021
/***** CSS placed here will be applied to all skins on the entire site. *****/
/*** Imports ***/
@import url("/load.php?mode=articles&articles=u:dev:MediaWiki:EraIcons.css|u:dev:MediaWiki:FontAwesome.css|u:dev:MediaWiki:FandomIcons.css|u:dev:MediaWiki:PortableNavbox.css|MediaWiki:Badges.css&only=styles");
/*** Featured Video disclaimer ***/
.featured-video__wrapper::after {
color: var(--theme-accent-label-color);
background: var(--theme-accent-color);
border-radius: 4px;
padding: 6px;
margin-top: 5px;
text-align: center;
display: block;
content: "Featured Videos are provided by Fandom and are not created by Acepedia editors.";
font-size: 16px;
white-space: pre;
line-height: 1.5em;
}
/*** Un-italicizing cite tag ***/
cite {
font-style: normal;
}
/*** Enemy List table styling ***/
.unitlist, .spunitlist, .unitlist-mu {
width: 100%;
text-align: center!important;
}
.unitlist th:nth-child(1), .spunitlist th:nth-child(1), .unitlist-mu th:nth-child(2) {
width: 40px;
}
.unitlist th:nth-child(2), .unitlist-mu th:nth-child(3) {
width: 25%;
}
.unitlist th:nth-child(3), .unitlist th:nth-child(4), .unitlist-mu th:nth-child(1), .unitlist-mu th:nth-child(4), .unitlist-mu th:nth-child(5) {
width: 10%;
}
/* ACZ Special Units */
.spunitlist.acz-special th:nth-child(2) {
width: 7%;
}
.spunitlist.acz-special th:nth-child(3) {
width: 25%;
}
.spunitlist.acz-special th:nth-child(4), .spunitlist.acz-special th:nth-child(5), .spunitlist.acz-special th:nth-child(7) {
width: 10%;
}
.spunitlist.acz-special th:nth-child(6) {
width: 11%;
}
/*** Template:Portal, thanks to User:Technobliterator ***/
.portal {
background: var(--theme-page-background-color);
border: 1px solid var(--theme-border-color);
overflow: hidden;
margin-bottom: 17px;
border-radius: 3px;
}
.portal p {
margin: 0;
}
.portal + p:not(.show),
.portal__content .fandom-icons a:after {
display: none;
}
.portal__header {
background-color: var(--theme-accent-color);
color: var(--theme-accent-label-color);
line-height: 40px;
text-align: center;
font-weight: bold;
font-size: 16px;
}
.portal__content {
box-sizing: border-box;
padding: 10px 30px;
font-size: 14px;
}
.portal__content h3 {
font-weight: bold !important;
}
.portal__content > span {
display: block;
text-align: center;
}
.portal__content .fandom-icons span {
font-size: 32px;
padding: 0 8px;
}
.portal__content .fandom-icons a {
text-decoration: none;
}
.portal__content .fandom-icons span:first-child a {
padding-left: 0;
}
.portal__content .fandom-icons span:last-child a {
padding-right: 0;
}
.mainpage-twitter a {
color: #1d9bf0;
}
.mainpage-facebook a {
color: #0075fb;
}
.mainpage-youtube a {
color: #f00;
background: radial-gradient(30% 10px at center,#fff,#fff,transparent);
}
.portal__content .fandom-icons a:hover {
color: var(--theme-page-text-color);
}
.mainpage-youtube a:hover {
background: radial-gradient(30% 10px at center,transparent,transparent);
}
/* Blog Portal section */
.portal__content .blog-listing {
margin: 0;
}
.portal__content .blog-listing__post-details > * > :not(.blog-listing__timestamp),
.portal__content .blog-listing__read-post {
display: none;
}
.portal__content .blog-listing__post {
background: none;
border: none;
border-bottom: 1px solid var(--theme-border-color);
border-radius: 0;
padding: 5px 10px 10px;
margin: 5px 10px;
}
.portal__content .blog-listing__title {
padding: 0;
margin: 5px 0!important;
font-size: 16pt;
}
.portal__content .blog-listing + div {
text-align: right;
margin: 10px 20px;
}
/*** AddRailModule (Template:Discord) & Main Page Discord ***/
.rail-module .fandom-icons {
margin-right: 6px;
}
.railDiscord p {
line-height: 1.5;
}
.railDiscord a,
.MainPageDiscord a {
display: block;
width: 100px;
height: 30px;
line-height: 30px;
text-decoration: none;
text-align: center;
background: #5865F2; /* Discord "Blurple" */
color: #fff;
border-radius: 3px;
transition: 300ms;
margin: 10px auto 5px;
font-weight: bold;
}
.railDiscord a:hover,
.MainPageDiscord a:hover {
background: #8ea1e1; /* Discord "Blurple" hover */
color: #fff;
text-decoration: none;
}
.railDiscord a:after,
.MainPageDiscord a:after {
display: none!important;
}
/*** Module:Context-link ***/
.context-link {
position: relative;
padding-left: 2.5%;
font-style: italic;
margin-bottom: 5px;
}
/*** Limits headers shown in a Table of Contents ***/
/* Credit to Wikipedia, to be used in conjunction with Template:TOC limit */
.toclimit-2 .toclevel-1 > ul, .toclimit-3 .toclevel-2 > ul, .toclimit-4 .toclevel-3 > ul, .toclimit-5 .toclevel-4 > ul, .toclimit-6 .toclevel-5 > ul, .toclimit-7 .toclevel-6 > ul {
display: none;
}
/*** Template:Mbox ***/
.mbox {
display: flex;
position: relative;
background-color: var(--theme-page-background-color);
border: 1px solid var(--theme-border-color);
border-left-width: 8px;
border-left-color: var(--theme-border-color);
border-radius: 3px;
margin-bottom: 5px;
min-height: 32px;
}
.mbox__content {
display: table;
box-sizing: border-box;
width: 100%;
padding: 8px 15px;
}
.mbox__content__image {
display: table-cell;
width: 45px;
height: 100%;
text-align: center;
vertical-align: middle;
padding-right: 15px;
}
.mbox__content__wrapper {
display: table-cell;
vertical-align: middle;
}
.mbox__content__header {
display: block;
font-weight: bold;
}
.mbox__content__text {
display: block;
}
.mbox__content__text__comment {
font-size: small;
}
.mbox__content__aside {
display: table-cell;
width: 100px;
vertical-align: middle;
text-align: center;
padding-left: 15px;
border-left: 1px solid var(--theme-border-color);
}
.mbox__close {
position: absolute;
right: 0;
top: 0;
padding: 2px 7px;
font-weight: bold;
font-size: 16px;
color: var(--theme-page-text-color);
cursor: pointer;
transition: all .15s ease-in;
}
.mbox__close:hover {
color: var(--theme-page-text-color--hover);
}
.mbox__close:after {
content: '×';
}
.mw-collapsed + .mbox__close {
transform: rotate(45deg);
padding: 4px 7px 5px 2px;
}
.mbox__content__image.fandom-icons {
font-size: 2em;
}
/*** Tooltips ***/
/* Main CSS class of the tooltip */
.main-tooltip {
border: 1px solid #888;
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
border-radius: 4px;
margin-bottom: 5px;
padding: 2px 5px;
background: rgba(25,25,25,0.97);
min-width: 370px;
max-width: 450px;
}
/* Adds padding to the wrapper to make space for a shadow + z-index so tooltips are visible over edit preview screen */
#tooltip-wrapper {
padding: 3px 7px 2px 3px;
z-index: 6000000;
}
/* Hides tooltips with redlinks, not yet loaded ones and elements containing tooltip contents for advanced tooltips */
.has-redlinks, .tooltip-loading, .advanced-tooltip .tooltip-contents {
display: none;
}
/*** Navboxes ***/
.navbox {
width: 100%;
background: #034F7A;
color: white;
margin: 1em auto;
font-size: 84%;
clear: both;
padding: 2px;
border-spacing: 0;
border: none; /* 2px solid #034F7A */
border-radius: 3px;
border-collapse: unset;
}
/* Merges navboxes that are directly under each other */
.navbox + .navbox {
margin-top: -16px;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.navbox .navbox-title {
background: #012E59;
font-weight: bold;
}
.navbox .navbox-title > th > a {
color: #FFF;
}
.navbox .navbox-title, .navbox .navbox-title a {
color: #CCF;
}
.navbox .navbox-title-padright {
padding-right: 65px;
}
.navbox .navbox-title-padleft {
padding-left: 65px;
}
.navbox .navbox-subgroup {
border-spacing: 0;
width: 100%;
}
.navbox .navbox-gutter {
height: 2px;
}
.navbox .navbox-subgroup .navbox-gutter {
background: #034F7A;
}
.navbox .navbox-subgroup .navbox-group {
min-width: 150px;
}
.navbox .navbox-section-row > td {
padding: 0;
height: 100%;
}
.navbox .navbox-section {
width: 100%;
border-spacing: 0;
}
.navbox .navbox-above,
.navbox .navbox-below,
.navbox .navbox-image {
background: #001D48;
text-align: center;
}
.navbox .navbox-group,
.navbox .navbox-header {
background: #012E59;
color:white;
font-weight: bold;
height: 100%;
padding: 2px 4px;
}
.navbox .navbox-header-collapsible {
padding-left: 65px;
}
.navbox .navbox-group {
min-width: 125px;
}
.navbox .navbox-group,
.navbox .navbox-image-left {
border-right: 2px solid #034F7A;
}
.navbox-image-right {
border-left: 2px solid #034F7A;
}
.navbox .navbox-list {
background: var(--theme-page-background-color);
color:white;
width: 100%;
height: 100%;
padding: 0;
}
.navbox .navbox-list div {
padding: 0px 4px;
}
.navbox .navbox-list.no-group {
text-align: center;
padding-top: 2px;
padding-bottom: 2px;
}
.navbox .mw-collapsible-toggle {
width: 65px;
}
/* hlist */
.hlist ul {
margin: 0;
list-style: none;
}
.hlist li, .hlist ul ul {
display: inline;
}
.hlist li a, .hlist li .selflink {
white-space: nowrap;
}
.hlist ul ul:before {
content: "("
}
.hlist ul ul:after {
content: ")"
}
.hlist li:after {
content: " • ";
}
.hlist ul ul li:after {
content: "/";
}
.hlist li:last-child:after, .hlist ul ul li:last-child:after {
content: none;
}
/*** Template:Documentation ***/
.templatedoc {
background: var(--theme-page-background-color);
border: 1px solid var(--theme-border-color);
margin: 10px 0;
clear: both;
}
.templatedoc__header {
background: var(--theme-accent-color);
color: var(--theme-accent-label-color);
border-bottom: 1px solid var(--theme-border-color);
padding: 10px;
}
.templatedoc__links {
float: right;
text-align: right;
}
.templatedoc__inner {
padding: 15px;
}
.templatedoc__footer {
clear: both;
background: var(--theme-accent-color);
color: var(--theme-accent-label-color);
border-top: 1px solid var(--theme-border-color);
padding: 7px;
text-align: right;
}
.templatedoc__links a,
.templatedoc__footer a {
color: var(--theme-accent-label-color);
text-decoration: underline var(--theme-accent-label-color) dashed;
}
.templatedoc__links a:hover,
.templatedoc__footer a:hover {
color: var(--theme-sticky-nav-text-color--hover);
text-decoration: underline;
}
/*** Project:Polls, from Destiny Wiki's Common.css ***/
.poll-table {
background: var(--theme-page-background-color);
border-collapse: collapse;
border: none;
margin: 1em 1em 1em 0;
}
.poll-table th {
background: var(--theme-accent-color);
color: var(--theme-accent-label-color);
text-align: left!important;
}
.poll-table>thead>tr>th, .poll-table>tbody>tr>td {
padding: 6px 12px;
vertical-align: top;
}
.poll-table td {
border-bottom: 1px solid var(--theme-border-color);
}
.poll-table p {
margin: 0!important;
}
/*** Reddit-style spoilers ***/
.spoiler, .spoiler * {
color: transparent;
-webkit-transition: background 0.7s, color 0.7s;
transition: background 0.7s, color 0.7s;
}
.spoiler {
background: var(--theme-page-text-color);
padding: 2px 5px;
}
.spoiler:hover {
background: rgba(var(--theme-page-text-color--rgb), 0.15);
color: var(--theme-page-text-color);
}
.spoiler:hover a {
color: var(--theme-link-color);
}
.spoiler:hover a.new {
color: #CC2200;
}
/*** Template:Shortcut, thanks to RuneScape Wiki ***/
.shortcut {
background: var(--theme-page-background-color);
border: 1px solid var(--theme-border-color);
margin: 5px 0 5px 10px;
padding: 5px;
text-align: center;
font-size: 9pt;
float: right;
}
/*** Template:Quote ***/
.quote {
border-left: 3px solid var(--theme-accent-color--hover);
margin-left: 9px;
}
.quote dl {
padding: 5px 0;
}
.quote dl dd {
margin-left: 15px;
}
/*** Project:Sandbox ***/
.page-Acepedia_Sandbox #mw-content-text:before {
content: "This is our sandbox page dedicated for code testing. Feel free to make any test edits you'd like!";
display: block;
border: 2px dashed var(--theme-border-color);
padding: 5px;
text-align: center;
}
/*** Transcript namespace ***/
.ns-114 .mw-parser-output .mission-script dl {
border: 1px solid var(--theme-border-color);
border-radius: 5px;
padding: 5px 10px;
margin: 0.5em 0;
overflow: hidden;
}
.ns-114 .mw-parser-output .mission-script dl > dd + dd {
display: flex;
}
.ns-114 .mw-parser-output .mission-script dl > dd + dd > b {
display: block;
padding: 5px 10px 0 0;
width: 75px;
text-align: right;
}
.ns-114 .mw-parser-output .mission-script dl > dd + dd > dl {
flex-grow: 1;
}
/*** dev:DataTables dark fixes and customizations ***/
.mediawiki .dataTables_wrapper td,
.mediawiki .dataTables_wrapper th {
border-bottom: 1px solid var(--theme-border-color);
text-align: left;
}
.dataTables_wrapper .dataTables_length {
padding: 5px 0 10px;
}
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_length select,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_filter input,
.dataTables_wrapper .dataTables_info,
body .dataTables_wrapper .dataTables_paginate .paginate_button {
color: var(--theme-page-text-color)!important;
}
body .dataTables_wrapper .dataTables_length select option,
.dataTables_wrapper th,
body table.datatable tbody tr {
background: var(--theme-page-background-color);
}
.datatable-aceinf tr > th:nth-child(3),
.datatable-aceinf tr > td:nth-child(3),
.datatable-aceinf-fiveweps tr > th:nth-child(8),
.datatable-aceinf-fiveweps tr > td:nth-child(8),
.datatable-aceinf-fourweps tr > th:nth-child(7),
.datatable-aceinf-fourweps tr > td:nth-child(7) {
border-right: 1px solid var(--theme-border-color);
}
.datatable-aceinf td,
.datatable-aceinf th {
padding: 6px 0 6px 12px!important;
}
body .dataTables_wrapper .dataTables_paginate .paginate_button:not(.disabled):hover,
body .dataTables_wrapper .dataTables_paginate .paginate_button:not(.disabled):active,
body .dataTables_wrapper .dataTables_paginate .paginate_button.current {
background: var(--theme-accent-color);
background: -moz-linear-gradient(var(--theme-accent-color--hover), var(--theme-accent-color));
background: -webkit-linear-gradient(var(--theme-accent-color--hover), var(--theme-accent-color));
background: linear-gradient(var(--theme-accent-color--hover), var(--theme-accent-color));
color: var(--theme-accent-label-color)!important;
border: 1px solid var(--theme-page-background-color);
}