MediaWiki:Fandomdesktop.css

/* Dark theme */
/*
.theme-fandomdesktop-dark {
	--theme-accent-color: #5e3a22;
    --theme-body-background-color: #000000;
    --theme-body-background-color--rgb: rgb(0, 0, 0);
    --theme-body-text-color: #ddd2c5;
    --theme-border-color: #646464;
    --theme-link-color: #c07e51;
    --theme-page-background-color: #0f0d0c;
    --theme-page-background-color--secondary: #3a302c;
    --theme-page-text-color: #cec0af;
    --right-rail-text-color--rgb: rgb(192, 192, 192);
    --theme-sticky-nav-background-color: #1d1a19;
    --theme-sticky-nav-text-color: #ddd2c5
}

.theme-fandomdesktop-light {
	--theme-body-background-color: #3a302c;
    --theme-body-background-color--rgb: rgb(255, 225, 181);
    --theme-body-text-color: #eeeeee;
    --theme-page-background-color: #fcf3e0;
    --theme-page-background-color--secondary: #f3e7c5;
    --theme-page-text-color: #242424;
    --theme-sticky-nav-background-color: #19191d;
    --theme-sticky-nav-text-color: #eeeeee;
    --theme-link-color: #28428f;
    --theme-page-dynamic-color-1: rgb(1, 1, 1);
    --theme-page-dynamic-color-1--rgb: rgb(1, 1, 1);
}
*/

.fandom-sticky-header, .fandom-community-header, .wds-button, .rail-module__header, .rail-module__list, .oo-ui-labelElement-label, .rcfilters-container, .user-identity-header__attributes, .editButtons, .tools {
    font-family: helvetica
}
.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
    border: 1px dashed #6e6e6e
}
.mw-recentchanges-toplinks:not(.mw-recentchanges-toplinks-collapsed) {
    border: 1px solid #646464
}
.mw-rcfilters-ui-changesListWrapperWidget-previousChangesIndicator {
    border-top: 2px solid #646464
}
.rail-module > h2 {
    --wds-midlight-color: transparent
}
ul, h2, h3, a {
    font-family: helvetica
}
a, .fandom-community-header__community-name, .page-counter {
    font-weight: 600
}

/* Beginning of CSS editor font colours */
.mw-highlight .c {
    color: #909ea7
}
.mw-highlight .p {
    color: #d1017a
}
.mw-highlight .nc {
    color: #6a93da
}
.mw-highlight .mh {
    color: #55a000
}
.mw-highlight .mi {
    color: #17c1d8
}
.mw-highlight .nb {
    color: #e28913
}
.mw-highlight .nf {
    color: #e25a00
}
.mw-highlight .kt {
    color: #ec29bc
}
.mw-highlight .mf {
    color: #14ccec
}
.mw-highlight .k {
    color: #6eaf6e
}
/* End of CSS editor font colours */

/* Beginning of .article-table style */
.article-table {
    border-style: thin none var(--theme-border-color);
    color: var(--theme-page-text-color)
}
.article-table thead {
    outline: none
}
.article-table > thead > tr > th {
	background-color: rgba(var(--theme-page-dynamic-color-1--rgb),0.1);
    border-top: none;
    border-right: none;
    border-bottom: 1px solid var(--theme-border-color);
    border-left: 1px solid var(--theme-border-color);
    font-family: helvetica;
    padding: 7px 7px 7px 13px
}
.article-table > thead > tr > th:first-child {
    border-left: none
}
.article-table > tbody > tr > td {
    border-top: 1px solid var(--theme-border-color);
    border-right: none;
    border-bottom: none;
    border-left: 1px solid var(--theme-border-color);
    padding: 7px 7px 7px 7px
}
.article-table > tbody > tr > td:first-child {
    border-left: none
}
/* End of .article-table style */

/* Beginning of default .portable-infobox style */
.portable-infobox {
	--pi-background: rgba(var(--theme-body-background-color--rgb), 0.5);
	--pi-secondary-background--label: var(--theme-page-background-color--secondary);
	--pi-border-color: var(--theme-border-color);
	border-radius: 3px;
	color: var(--theme-page-text-color);
    padding: 5px 5px 5px 5px
}
.portable-infobox .pi-title {
	background-color: transparent;
    border-radius: 3px;
    color: var(--theme-page-text-color);
    font-family: helvetica;
    font-weight: 600;
    margin: 0 0 5px 0;
    padding: 0.2em 0.2em 0.2em 0.2em;
    text-align: center
}
.portable-infobox .pi-header {
	background-color: transparent;
    border-radius: 3px;
    color: #3a3a3a;
    font-family: helvetica;
    font-weight: 600;
    padding: 0.2em 0.2em 0.2em 0.2em;
    text-align: center
}
.portable-infobox .pi-group {
    border-style: none;
    margin: 5px 0 0 0
}
.portable-infobox .pi-data {
	align-items: center;
    border-style: none;
    text-align: left
}
.portable-infobox .pi-data-value a{
    font-weight: 600
}
/* End of default .portable-infobox style */

/* Allows putting image and title side by side. */
.pi-theme-skill .pi-image {
    display: inline-block;
    margin: 5px;
}
/* Allows putting image and title side by side. */
.pi-theme-skill .pi-title {
    display: inline;
    font-weight: 600;
    vertical-align: middle;
}
.pi-theme-skill .pi-header {
	background-color: var(--theme-page-background-color--secondary);
    color: var(--theme-page-text-color)
}
.pi-theme-skill .pi-data-label {
	flex-basis: 50%
}

/* Prevents collapsing of selected element. */
.mw-collapsible > * > .not-mw-collapsible {
	display: table-row !important;
	opacity: 1 !important;
}

/* Centers text in header. */
.mw-parser-output .skill-table > tbody > tr > th {
	text-align: center;
}
/* Centers text in leading column. */
.mw-parser-output .skill-table > tbody > tr > td:first-child {
    text-align: center;
}

/* Moves skill connectors to the right border of the cell. */
.mw-parser-output .skill-table > tbody > tr > td:nth-child(even) {
	text-align: right;
	padding-right: 5px;
}

/* Moves skill icons to the left border of the cell. */
.mw-parser-output .skill-table > tbody > tr > td:nth-child(odd):not(:first-child) {
	text-align: left;
}

/* Reduces padding around images. */
.mw-parser-output .skill-table > tbody > tr > td {
    padding: 0;
}

/* Removes row separators from within icons */ 
.mw-parser-output .skill-table > tbody > tr:not(:last-child) > td:not(:first-child) {
    border: 0;
}

/* Beginning of desertrocks theme style */
.pi-theme-desertrocks .pi-title {
    background-color: var(--theme-page-background-color--secondary);
    color: var(--theme-page-text-color);
    font-family: helvetica;
    font-weight: 600
}
.pi-theme-desertrocks .pi-header {
    background-color: var(--theme-page-background-color--secondary);
    color: var(--theme-page-text-color);
    font-family: helvetica;
    font-weight: 600
}
.pi-theme-desertrocks .pi-data-value {
    padding: 0 0 0 5px
}
.pi-theme-desertrocks .pi-data-label {
    flex-basis: 60%
}
.portable-infobox .pi-item-spacing {
    padding: 2px 8px 2px 8px
}
/* End of desertrocks theme style */

/* Beginning of Template:InfoboxItemEpic style */
.pi-theme-infoboxitemepic .pi-title {
	background-color: transparent;
    color: #0099CC;
    margin: 0 0 0 0;
    text-align: left
}
.pi-theme-infoboxitemepic .pi-group {
    margin: 0 0 0 0
}
.pi-theme-infoboxitemepic .pi-item-spacing {
    padding: 0 5px 0 5px
}
.pi-theme-infoboxitemepic .pi-item[data-item-name=effects] {
    /*color: #3399CC;*/
    margin: 11px 0 11px 0
}
.pi-theme-infoboxitemepic .pi-item[data-item-name=requirements] {
    /*color: #CCCCCC;*/
    margin: 11px 0 0 0
}
/* End of Template:InfoboxItemEpic style */

/* Beginning of Template:InfoboxItemLegendary style */
.pi-theme-infoboxitemlegendary .pi-title {
	background-color: transparent;
    color: #d3a1df;
    margin: 0 0 0 0;
    text-align: left
}
.pi-theme-infoboxitemlegendary .pi-group {
    margin: 0 0 0 0
}
.pi-theme-infoboxitemlegendary .pi-item-spacing {
    padding: 0 5px 0 5px
}
.pi-theme-infoboxitemlegendary .pi-item[data-item-name=effects] {
    margin: 11px 0 11px 0
}
.pi-theme-infoboxitemlegendary .pi-item[data-item-name=requirements] {
    margin: 11px 0 0 0
}
/* End of Template:InfoboxItemLegendary style */