Caves of Qud Wiki

MediaWiki:Gadget-mobile.css: Difference between revisions

MediaWiki:Gadget-mobile.css (view source)

Revision as of 21:33, 23 August 2019

4,940 bytes added ,  21:33, 23 August 2019
no edit summary
imported>Kittymmeow
No edit summary
imported>Kittymmeow
No edit summary
Line 1: Line 1:
body{
/* ----------------------------------------------------- */
position:static; /* for testing */
/* --------------------- IMPORTANT --------------------- */
}
/* all mobile-only styles in this gadget MUST have their selectors prefixed by .skin-minerva or they will override desktop styles on desktop as well due to a bug with gadgets */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
 
@font-face {
@font-face {
   font-family: 'Source Code Pro';
   font-family: 'Source Code Pro';
Line 9: Line 12:
   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
}
:root {
.skin-minerva {
--body-background-color: #190d07;
--body-background-color: #190d07;
--body-background-image: url("/media/5/5d/Mobile_background.jpg");
--body-background-image: url("/media/5/5d/Mobile_background.jpg");
Line 85: Line 88:


/*** mobile-specific style classes ***/
/*** mobile-specific style classes ***/
.nomobile {
.skin-minerva .nomobile {
display: none;
display: none;
}
}


.mobileleft {
.skin-minerva .mobileleft {
text-align: left;
text-align: left;
}
}


.mobilecenter {
.skin-minerva .mobilecenter {
text-align: center;
text-align: center;
}
}


.mobileright {
.skin-minerva .mobileright {
text-align: right;
text-align: right;
}
}
Line 147: Line 150:
.skin-minerva.primary-navigation-enabled,
.skin-minerva.primary-navigation-enabled,
.skin-minerva.secondary-navigation-enabled,
.skin-minerva.secondary-navigation-enabled,
a,
.skin-minerva a,
a:not([href]),
.skin-minerva a:not([href]),
body {
body.skin-minerva {
color: var(--body-color);
color: var(--body-color);
}
}


.action-edit #editpage-copywarn,
.skin-minerva.action-edit #editpage-copywarn,
.action-edit #mw-anon-edit-warning,
.skin-minerva.action-edit #mw-anon-edit-warning,
.action-edit #section_0,
.skin-minerva.action-edit #section_0,
.action-edit .diff-ntitle,
.skin-minerva.action-edit .diff-ntitle,
.action-edit .diff-otitle,
.skin-minerva.action-edit .diff-otitle,
.action-edit .mw-editTools,
.skin-minerva.action-edit .mw-editTools,
.action-edit .mw-editnotice,
.skin-minerva.action-edit .mw-editnotice,
.action-edit .preview-limit-report-wrapper,
.skin-minerva.action-edit .preview-limit-report-wrapper,
.action-submit #editpage-copywarn,
.skin-minerva.action-submit #editpage-copywarn,
.action-submit #mw-anon-edit-warning,
.skin-minerva.action-submit #mw-anon-edit-warning,
.action-submit #section_0,
.skin-minerva.action-submit #section_0,
.action-submit .diff-ntitle,
.skin-minerva.action-submit .diff-ntitle,
.action-submit .diff-otitle,
.skin-minerva.action-submit .diff-otitle,
.action-submit .mw-editTools,
.skin-minerva.action-submit .mw-editTools,
.action-submit .mw-editnotice,
.skin-minerva.action-submit .mw-editnotice,
.action-submit .preview-limit-report-wrapper,
.skin-minerva.action-submit .preview-limit-report-wrapper,
.skin-minerva .heading-holder .tagline,
.skin-minerva .heading-holder .tagline,
.skin-minerva .mw-echo-ui-notificationItemWidget-content-message-body,
.skin-minerva .mw-echo-ui-notificationItemWidget-content-message-body,
Line 180: Line 183:
.skin-minerva .mw-ui-anchor.mw-ui-progressive:focus,
.skin-minerva .mw-ui-anchor.mw-ui-progressive:focus,
.skin-minerva nav ul.hlist li a,
.skin-minerva nav ul.hlist li a,
a,
.skin-minerva a,
a.external,
.skin-minerva a.external,
a.extiw,
.skin-minerva a.extiw,
a:visited {
.skin-minerva a:visited {
color: var(--link-color);
color: var(--link-color);
}
}


a.new {
.skin-minerva a.new {
color: var(--link-redlink-color);
color: var(--link-redlink-color);
}
}


/** code/pre tags **/
/** code/pre tags **/
.mw-code,
.skin-minerva .mw-code,
code,
.skin-minerva code,
kbd,
.skin-minerva kbd,
pre,
.skin-minerva pre,
samp,
.skin-minerva samp,
tt {
.skin-minerva tt {
font-family: monospace;
font-family: monospace;
font-size: 110%;
font-size: 110%;
Line 203: Line 206:
}
}


.mw-highlight {
.skin-minerva .mw-highlight {
background: transparent;
background: transparent;
}
}


.mw-code,
.skin-minerva .mw-code,
code,
.skin-minerva code,
pre,
.skin-minerva pre,
pre.mw-code {
.skin-minerva pre.mw-code {
background: var(--code-background);
background: var(--code-background);
border-color: var(--code-color);
border-color: var(--code-color);
}
}


.mw-code a,
.skin-minerva .mw-code a,
code a {
.skin-minerva code a {
color: var(--code-color);
color: var(--code-color);
text-decoration: underline double;
text-decoration: underline double;
Line 292: Line 295:


/*** basics ***/
/*** basics ***/
.center {
.skin-minerva .center {
text-align: center;
text-align: center;
}
}
Line 410: Line 413:
}
}
/* ------- Template:Doc ------- */
/* ------- Template:Doc ------- */
.doc,
.skin-minerva .doc,
.doc-footer {
.skin-minerva .doc-footer {
background: var(--doc-background);
background: var(--doc-background);
border: var(--doc-border);
border: var(--doc-border);
Line 419: Line 422:
}
}


.doc-footer {
.skin-minerva .doc-footer {
margin-bottom: 0;
margin-bottom: 0;
}
}


.doc-header {
.skin-minerva .doc-header {
padding-bottom: 3px;
padding-bottom: 3px;
border-bottom: var(--doc-border);
border-bottom: var(--doc-border);
Line 432: Line 435:
**********/
**********/
/*** mobile front page collapse ***/
/*** mobile front page collapse ***/
.fpbox.mobilecollapsible .fpbox-heading a.togglecollapse {
.skin-minerva .fpbox.mobilecollapsible .fpbox-heading a.togglecollapse {
display: block;
display: block;
padding: 0 0 0 15px;
padding: 0 0 0 15px;
}
}


.fpbox.mobilecollapsible .fpbox-heading a.togglecollapse:active,
.skin-minerva .fpbox.mobilecollapsible .fpbox-heading a.togglecollapse:active,
.fpbox.mobilecollapsible .fpbox-heading a.togglecollapse:hover {
.skin-minerva .fpbox.mobilecollapsible .fpbox-heading a.togglecollapse:hover {
text-decoration: none;
text-decoration: none;
}
}


.fpbox.mobilecollapsible.collapsed .fpbox-heading {
.skin-minerva .fpbox.mobilecollapsible.collapsed .fpbox-heading {
border: none;
border: none;
margin-bottom: 0;
margin-bottom: 0;
}
}


.fpbox.mobilecollapsible .fpbox-heading a {
.skin-minerva .fpbox.mobilecollapsible .fpbox-heading a {
position: relative;
position: relative;
}
}


.fpbox.mobilecollapsible .fpbox-heading a:before {
.skin-minerva .fpbox.mobilecollapsible .fpbox-heading a:before {
content: '';
content: '';
width: 12px;
width: 12px;
Line 463: Line 466:
}
}


.fpbox.mobilecollapsible.collapsed .fpbox-heading a:before {
.skin-minerva .fpbox.mobilecollapsible.collapsed .fpbox-heading a:before {
transform: rotate(-90deg);
transform: rotate(-90deg);
}
}


.fpbox.mobilecollapsible.collapsed .body {
.skin-minerva .fpbox.mobilecollapsible.collapsed .body {
display: none;
display: none;
}
}


/* ------- navboxes ------- */
/* ------- navboxes ------- */
table.navbox {
.skin-minerva table.navbox {
border: var(--navbox-border);
border: var(--navbox-border);
clear: both;
clear: both;
Line 483: Line 486:
}
}
/** Border between adjacent navboxes **/
/** Border between adjacent navboxes **/
table.navbox+table.navbox {
.skin-minerva table.navbox+table.navbox {
margin-top: -1px;
margin-top: -1px;
}
}


.navbox-abovebelow,
.skin-minerva .navbox-abovebelow,
.navbox-group,
.skin-minerva .navbox-group,
.navbox-title,
.skin-minerva .navbox-title,
table.navbox th {
.skin-minerva table.navbox th {
padding-left: 1em;
padding-left: 1em;
padding-right: 1em;
padding-right: 1em;
}
}


.navbox-group {
.skin-minerva .navbox-group {
font-weight: bold;
font-weight: bold;
white-space: nowrap;
white-space: nowrap;
}
}
/** Base background **/
/** Base background **/
.navbox,
.skin-minerva .navbox,
.navbox-subgroup {
.skin-minerva .navbox-subgroup {
background: var(--navbox-background);
background: var(--navbox-background);
}
}


.navbox-list {
.skin-minerva .navbox-list {
border-color: var(--navbox-background);
border-color: var(--navbox-background);
}
}
/** Level 1 & 2 styling **/
/** Level 1 & 2 styling **/
.navbox-group,
.skin-minerva .navbox-group,
.navbox-subgroup .navbox-title,
.skin-minerva .navbox-subgroup .navbox-title,
.navbox-title,
.skin-minerva .navbox-title,
table.navbox th {
.skin-minerva table.navbox th {
background: var(--navbox-secondary-background);
background: var(--navbox-secondary-background);
color: var(--navbox-color);
color: var(--navbox-color);
}
}
/** Level 3 styling **/
/** Level 3 styling **/
.navbox-subgroup .navbox-abovebelow,
.skin-minerva .navbox-subgroup .navbox-abovebelow,
.navbox-subgroup .navbox-group {
.skin-minerva .navbox-subgroup .navbox-group {
background: var(--navbox-background);
background: var(--navbox-background);
color: var(--navbox-color);
color: var(--navbox-color);
}
}
/** row striping **/
/** row striping **/
.navbox-even {
.skin-minerva .navbox-even {
background: var(--navbox-alt-background);
background: var(--navbox-alt-background);
color: var(--navbox-color);
color: var(--navbox-color);
}
}


.navbox-odd {
.skin-minerva .navbox-odd {
background: transparent;
background: transparent;
}
}
/** collapsible navboxes **/
/** collapsible navboxes **/
.collapseButton {
.skin-minerva .collapseButton {
font-weight: normal;
font-weight: normal;
width: auto;
width: auto;
}
}


.navbox .collapseButton {
.skin-minerva .navbox .collapseButton {
width: 6em;
width: 6em;
}
}


.navbar {
.skin-minerva .navbar {
font-size: 88%;
font-size: 88%;
font-weight: normal;
font-weight: normal;
}
}


.navbox .navbar {
.skin-minerva .navbox .navbar {
font-size: 100%;
font-size: 100%;
}
}


table.collapsed tr.collapsible {
.skin-minerva table.collapsed tr.collapsible {
display: none;
display: none;
}
}
/*** amboxes ***/
/*** amboxes ***/
/* ------- Amboxes ------- */
/* ------- Amboxes ------- */
.ambox {
.skin-minerva .ambox {
background-color: var(--ambox-background);
background-color: var(--ambox-background);
border-width: 0 0 0 10px;
border-width: 0 0 0 10px;
Line 565: Line 568:
}
}


.ambox.ambox-tiny {
.skin-minerva .ambox.ambox-tiny {
font-size: 90%;
font-size: 90%;
margin: 2px 0;
margin: 2px 0;
Line 571: Line 574:
}
}


.ambox + .ambox {
.skin-minerva .ambox + .ambox {
margin-top: -2px;
margin-top: -2px;
}
}


.ambox-text {
.skin-minerva .ambox-text {
padding: 0.25em 0.5em;
padding: 0.25em 0.5em;
}
}


.ambox-image {
.skin-minerva .ambox-image {
padding: 2px 0 2px 0.5em;
padding: 2px 0 2px 0.5em;
text-align: center;
text-align: center;
Line 585: Line 588:
}
}


.ambox-tiny .ambox-image {
.skin-minerva .ambox-tiny .ambox-image {
padding: 2px 0.5em;
padding: 2px 0.5em;
text-align: left;
text-align: left;
Line 591: Line 594:
}
}
/* Ambox colors */
/* Ambox colors */
.ambox-gray {
.skin-minerva .ambox-gray {
border-left-color: var(--ambox-gray);
border-left-color: var(--ambox-gray);
}
}


.ambox-blue {
.skin-minerva .ambox-blue {
border-left-color: var(--ambox-blue);
border-left-color: var(--ambox-blue);
}
}


.ambox-red {
.skin-minerva .ambox-red {
border-left-color: var(--ambox-red);
border-left-color: var(--ambox-red);
}
}


.ambox-orange {
.skin-minerva .ambox-orange {
border-left-color: var(--ambox-orange);
border-left-color: var(--ambox-orange);
}
}


.ambox-yellow {
.skin-minerva .ambox-yellow {
border-left-color: var(--ambox-yellow);
border-left-color: var(--ambox-yellow);
}
}


.ambox-purple {
.skin-minerva .ambox-purple {
border-left-color: var(--ambox-purple);
border-left-color: var(--ambox-purple);
}
}


.ambox-green {
.skin-minerva .ambox-green {
border-left-color: var(--ambox-green);
border-left-color: var(--ambox-green);
}
}
/* Ambox small text */
/* Ambox small text */
.amsmalltext {
.skin-minerva .amsmalltext {
font-size: smaller;
font-size: smaller;
margin-left: 0.8em;
margin-left: 0.8em;
Line 625: Line 628:
}
}
/** for 'edit this page' and 'discussion' link in template:cleanup etc **/
/** for 'edit this page' and 'discussion' link in template:cleanup etc **/
.pagetab {
.skin-minerva .pagetab {
border: 1px solid var(--body-color);
border: 1px solid var(--body-color);
padding: 0.25ex 1ex;
padding: 0.25ex 1ex;
Line 631: Line 634:
}
}
/* copyright images tweak */
/* copyright images tweak */
.copyright-icon {
.skin-minerva .copyright-icon {
background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22200%22 height=%22200%22%3E%3Cpath d=%22M100 200C44.772 200 0 155.228 0 100S44.772 0 100 0s100 44.772 100 100-44.772 100-100 100zm0-179.115c-43.694 0-79.115 35.421-79.115 79.115 0 43.694 35.421 79.115 79.115 79.115 43.694 0 79.115-35.421 79.115-79.115 0-43.694-35.421-79.115-79.115-79.115zm0 108.599c20.627 0 27.518-18.427 27.518-18.427h26.536s-7.847 43.734-54.054 43.734c-30.532 0-55.283-24.751-55.283-55.282 0-30.532 24.751-55.283 55.283-55.283 45.365 0 53.317 41.769 53.317 41.769h-26.781S118.966 69.533 100 69.533c-16.555 0-29.975 13.421-29.975 29.976s13.42 29.975 29.975 29.975z%22/%3E%3C/svg%3E%0A");
background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22200%22 height=%22200%22%3E%3Cpath d=%22M100 200C44.772 200 0 155.228 0 100S44.772 0 100 0s100 44.772 100 100-44.772 100-100 100zm0-179.115c-43.694 0-79.115 35.421-79.115 79.115 0 43.694 35.421 79.115 79.115 79.115 43.694 0 79.115-35.421 79.115-79.115 0-43.694-35.421-79.115-79.115-79.115zm0 108.599c20.627 0 27.518-18.427 27.518-18.427h26.536s-7.847 43.734-54.054 43.734c-30.532 0-55.283-24.751-55.283-55.282 0-30.532 24.751-55.283 55.283-55.283 45.365 0 53.317 41.769 53.317 41.769h-26.781S118.966 69.533 100 69.533c-16.555 0-29.975 13.421-29.975 29.976s13.42 29.975 29.975 29.975z%22/%3E%3C/svg%3E%0A");
background-size: 100%;
background-size: 100%;
Line 640: Line 643:


/* ------- tables ------- */
/* ------- tables ------- */
table.wikitable {
.skin-minerva table.wikitable {
border-collapse: var(--wikitable-border-collapse);
border-collapse: var(--wikitable-border-collapse);
border-spacing: var(--wikitable-border-spacing);
border-spacing: var(--wikitable-border-spacing);
Line 647: Line 650:
}
}


.mediawiki table.wikitable > * > tr > td,
.skin-minerva table.wikitable > * > tr > td,
.mediawiki table.wikitable > * > tr > th,
.skin-minerva table.wikitable > * > tr > th,
.mediawiki table.wikitable > tr > th {
.skin-minerva table.wikitable > tr > th {
border: var(--wikitable-border);
border: var(--wikitable-border);
}
}


.mediawiki table.wikitable > * > tr > th,
.skin-minerva table.wikitable > * > tr > th,
.mediawiki table.wikitable > tr > th {
.skin-minerva table.wikitable > tr > th {
background: var(--wikitable-header-background);
background: var(--wikitable-header-background);
color: var(--wikitable-header-color);
color: var(--wikitable-header-color);
Line 660: Line 663:
}
}


.mediawiki table.wikitable > * > tr > td {
.skin-minerva table.wikitable > * > tr > td {
background: var(--wikitable-background);
background: var(--wikitable-background);
padding: 0.2em 0.4em;
padding: 0.2em 0.4em;
}
}


.mediawiki table.jquery-tablesorter th.headerSort {
.skin-minerva table.jquery-tablesorter th.headerSort {
background-image: none!important;
background-image: none!important;
padding-right: 1.4em;
padding-right: 1.4em;
}
}


.mediawiki table.jquery-tablesorter th.headerSort:after {
.skin-minerva table.jquery-tablesorter th.headerSort:after {
content: '\f0dc';
content: '\f0dc';
font-family: 'FontAwesome';
font-family: 'FontAwesome';
Line 679: Line 682:
}
}


.mediawiki table.jquery-tablesorter th.headerSortUp:after {
.skin-minerva table.jquery-tablesorter th.headerSortUp:after {
content: '\f0de';
content: '\f0de';
}
}


.mediawiki table.jquery-tablesorter th.headerSortDown:after {
.skin-minerva table.jquery-tablesorter th.headerSortDown:after {
content: '\f0dd';
content: '\f0dd';
}
}


.mediawiki table.jquery-tablesorter th.unsortable,
.skin-minerva table.jquery-tablesorter th.unsortable,
.mediawiki th.header-bg.th.unsortable {
.skin-minerva th.header-bg.th.unsortable {
background: var(--wikitable-header-background);
background: var(--wikitable-header-background);
}
}
/** Cargo tables **/
/** Cargo tables **/
.mediawiki table.cargoTable {
.skin-minerva table.cargoTable {
border-collapse: collapse;
border-collapse: collapse;
color: var(--body-color);
color: var(--body-color);
Line 698: Line 701:
}
}


.mediawiki table.cargoTable td.even,
.skin-minerva table.cargoTable td.even,
.mediawiki table.cargoTable td.odd {
.skin-minerva table.cargoTable td.odd {
background: transparent;
background: transparent;
}
}


.cargoTable tr:nth-child(even) {
.skin-minerva .cargoTable tr:nth-child(even) {
background: var(--wikitable-alt-background);
background: var(--wikitable-alt-background);
}
}


.mediawiki table.cargoTable > * > tr > th,
.skin-minerva table.cargoTable > * > tr > th,
.mediawiki table.cargoTable > tr > th {
.skin-minerva table.cargoTable > tr > th {
background: var(--wikitable-header-background);
background: var(--wikitable-header-background);
color: var(--wikitable-header-color);
color: var(--wikitable-header-color);
Line 716: Line 719:
}
}


.mediawiki table.cargoTable > * > tr > td {
.skin-minerva table.cargoTable > * > tr > td {
border: var(--wikitable-border);
border: var(--wikitable-border);
padding: 0.2em 0.4em;
padding: 0.2em 0.4em;
Line 722: Line 725:
}
}
/** Dynamic Tables **/
/** Dynamic Tables **/
table.cargoDynamicTable {
.skin-minerva table.cargoDynamicTable {
margin-top: 1em;
margin-top: 1em;
border: 0 solid transparent;
border: 0 solid transparent;
}
}


table.dataTable tfoot td,
.skin-minerva table.dataTable tfoot td,
table.dataTable tfoot th,
.skin-minerva table.dataTable tfoot th,
table.dataTable thead td,
.skin-minerva table.dataTable thead td,
table.dataTable thead th {
.skin-minerva table.dataTable thead th {
background: var(--wikitable-header-background)!important;
background: var(--wikitable-header-background)!important;
border: var(--wikitable-border)!important;
border: var(--wikitable-border)!important;
}
}


table.dataTable tbody tr {
.skin-minerva table.dataTable tbody tr {
color: var(--body-color);
color: var(--body-color);
background: transparent;
background: transparent;
}
}


table.dataTable.display tbody tr.odd,
.skin-minerva table.dataTable.display tbody tr.odd,
table.dataTable.display tbody tr.odd > .sorting_1,
.skin-minerva table.dataTable.display tbody tr.odd > .sorting_1,
table.dataTable.order-column.stripe tbody tr.odd > .sorting_1,
.skin-minerva table.dataTable.order-column.stripe tbody tr.odd > .sorting_1,
table.dataTable.stripe tbody tr.odd {
.skin-minerva table.dataTable.stripe tbody tr.odd {
background: transparent;
background: transparent;
text-align: center;
text-align: center;
}
}


table.dataTable.display tbody tr.even,
.skin-minerva table.dataTable.display tbody tr.even,
table.dataTable.display tbody tr.even > .sorting_1,
.skin-minerva table.dataTable.display tbody tr.even > .sorting_1,
table.dataTable.order-column.stripe tbody tr.even > .sorting_1,
.skin-minerva table.dataTable.order-column.stripe tbody tr.even > .sorting_1,
table.dataTable.stripe tbody tr.even {
.skin-minerva table.dataTable.stripe tbody tr.even {
background: var(--wikitable-alt-background);
background: var(--wikitable-alt-background);
text-align: center;
text-align: center;
}
}


table.dataTable.display tbody tr:hover,
.skin-minerva table.dataTable.display tbody tr:hover,
table.dataTable.hover tbody tr:hover {
.skin-minerva table.dataTable.hover tbody tr:hover {
background: var(--wikitable-header-background);
background: var(--wikitable-header-background);
}
}


.dataTables_wrapper .dataTables_filter,
.skin-minerva .dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.skin-minerva .dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_length,
.skin-minerva .dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_paginate,
.skin-minerva .dataTables_wrapper .dataTables_paginate,
.dataTables_wrapper .dataTables_processing {
.skin-minerva .dataTables_wrapper .dataTables_processing {
color: var(--wikitable-header-color);
color: var(--wikitable-header-color);
padding: 0.5em 0;
padding: 0.5em 0;
}
}


.dataTables_wrapper .dataTables_paginate .paginate_button {
.skin-minerva .dataTables_wrapper .dataTables_paginate .paginate_button {
color: var(--link-color)!important;
color: var(--link-color)!important;
}
}


.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
.skin-minerva .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
background: var(--wikitable-header-background);
background: var(--wikitable-header-background);
}
}


.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.skin-minerva .dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
.skin-minerva .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
color: var(--body-color) !important;
color: var(--body-color) !important;
background: var(--wikitable-header-background);
background: var(--wikitable-header-background);
Line 785: Line 788:
}
}
/** Tablepager **/
/** Tablepager **/
.mediawiki .TablePager th {
.skin-minerva .TablePager th {
background: var(--wikitable-header-background);
background: var(--wikitable-header-background);
color: var(--wikitable-header-color);
color: var(--wikitable-header-color);
Line 792: Line 795:
}
}


.mediawiki .TablePager td {
.skin-minerva .TablePager td {
background: var(--wikitable-background);
background: var(--wikitable-background);
border: var(--wikitable-border);
border: var(--wikitable-border);
Line 798: Line 801:
}
}


.mediawiki .TablePager tr:hover td {
.skin-minerva .TablePager tr:hover td {
background: var(--wikitable-header-background)!important;
background: var(--wikitable-header-background)!important;
color: var(--wikitable-header-color);
color: var(--wikitable-header-color);
Line 804: Line 807:


/*** front page styles ***/
/*** front page styles ***/
.fpmain {
.skin-minerva .fpmain {
width: 100%;
width: 100%;
overflow: hidden;
overflow: hidden;
}
}
/* ------- front page boxes **/
/* ------- front page boxes **/
.fpbox {
.skin-minerva .fpbox {
background: var(--fpbox-background);
background: var(--fpbox-background);
color: var(--body-color);
color: var(--body-color);
Line 820: Line 823:
}
}


.fpbox-heading {
.skin-minerva .fpbox-heading {
border-bottom: var(--fpheading-border);
border-bottom: var(--fpheading-border);
background: var(--fpheading-background);
background: var(--fpheading-background);
Line 832: Line 835:
}
}


.fpbox-body {
.skin-minerva .fpbox-body {
margin: 5px;
margin: 5px;
}
}


.fpbox-plain {
.skin-minerva .fpbox-plain {
background: transparent;
background: transparent;
border: 0;
border: 0;
Line 842: Line 845:
}
}


.fpbox-mainheading {
.skin-minerva .fpbox-mainheading {
font-size: 150%;
font-size: 150%;
}
}


.fpbox-subheading {
.skin-minerva .fpbox-subheading {
font-size: 120%;
font-size: 120%;
border: 0;
border: 0;
Line 852: Line 855:
}
}


.linkslabel {
.skin-minerva .linkslabel {
margin: 15px 5px 5px;
margin: 15px 5px 5px;
padding: 0 0 5px;
padding: 0 0 5px;
Line 859: Line 862:


/* ------- Template:FP links ------- */
/* ------- Template:FP links ------- */
.fplinks {
.skin-minerva .fplinks {
display: flex;
display: flex;
flex-wrap: wrap;
flex-wrap: wrap;
Line 867: Line 870:
}
}


.fplink-outer {
.skin-minerva .fplink-outer {
padding: 5px;
padding: 5px;
flex-basis: calc(25% - 10px);
flex-basis: calc(25% - 10px);
Line 876: Line 879:
}
}


.fplink-wide {
.skin-minerva .fplink-wide {
flex-basis: calc(33% - 10px);
flex-basis: calc(33% - 10px);
width: calc(33% - 15px);
width: calc(33% - 15px);
}
}


.fplink-fullwidth {
.skin-minerva .fplink-fullwidth {
flex-basis: 100%;
flex-basis: 100%;
width: calc(100% - 15px);
width: calc(100% - 15px);
Line 887: Line 890:
}
}


.fplink {
.skin-minerva .fplink {
background: var(--fplink-background);
background: var(--fplink-background);
border: var(--fplink-border);
border: var(--fplink-border);
Line 897: Line 900:
}
}


.fplink-fullwidth .fplink {
.skin-minerva .fplink-fullwidth .fplink {
background: var(--fplink-fullwidth-background);
background: var(--fplink-fullwidth-background);
}
}


.fplink-plain {
.skin-minerva .fplink-plain {
background: transparent;
background: transparent;
border-radius: 0;
border-radius: 0;
Line 908: Line 911:
}
}


.fplink-inner {
.skin-minerva .fplink-inner {
display: table-row;
display: table-row;
}
}


.fplink a {
.skin-minerva .fplink a {
display: table-cell;
display: table-cell;
vertical-align: middle;
vertical-align: middle;
}
}


.fplink img {
.skin-minerva .fplink img {
max-width: 150px;
max-width: 150px;
width: 100%;
width: 100%;
Line 923: Line 926:
}
}
/** Miscellaneous front page fixes **/
/** Miscellaneous front page fixes **/
.fpbox .embedvideowrap {
.skin-minerva .fpbox .embedvideowrap {
width: 100%!important;
width: 100%!important;
max-width: 480px;
max-width: 480px;
Line 929: Line 932:
}
}


.fpbox .embedvideowrap iframe {
.skin-minerva .fpbox .embedvideowrap iframe {
width: 100%!important;
width: 100%!important;
}
}


.fpbox .slideboxlightshow {
.skin-minerva .fpbox .slideboxlightshow {
max-width: 100%;
max-width: 100%;
margin: 0 auto;
margin: 0 auto;
}
}


.fpbox .slideboxlightshow a,
.skin-minerva .fpbox .slideboxlightshow a,
.fpbox .slideboxlightshow img {
.skin-minerva .fpbox .slideboxlightshow img {
max-width: 100%!important;
max-width: 100%!important;
}
}


/*** infoboxes ***/
/*** infoboxes ***/
.infoboxtable {
.skin-minerva .infoboxtable {
max-width: 300px;
max-width: 300px;
float: none;
float: none;
Line 953: Line 956:
}
}


.infoboxname {
.skin-minerva .infoboxname {
color: var(--infobox-header-color);
color: var(--infobox-header-color);
padding: 5px;
padding: 5px;
Line 959: Line 962:
}
}


.infoboxdetails {
.skin-minerva .infoboxdetails {
color: var(--infobox-details-color);
color: var(--infobox-details-color);
padding: 5px;
padding: 5px;
Line 965: Line 968:
}
}


.infoboxtable div {
.skin-minerva .infoboxtable div {
color: var(--infobox-label-color);
color: var(--infobox-label-color);
background: var(--infobox-label-background);
background: var(--infobox-label-background);
Line 974: Line 977:


/*** invert icons for dark theme ***/
/*** invert icons for dark theme ***/
.fpbox.mobilecollapsible .heading a:before,
.skin-minerva .fpbox.mobilecollapsible .heading a:before,
.oo-ui-iconElement-icon,
.skin-minerva .oo-ui-iconElement-icon,
.skin-minerva .copyright-icon {
.skin-minerva .copyright-icon {
filter:invert(var(--invert-icons,0));
filter:invert(var(--invert-icons,0));
}
}


.mw-echo-ui-notificationItemWidget-icon,
.skin-minerva .mw-echo-ui-notificationItemWidget-icon,
.mw-echo-ui-toggleReadCircleButtonWidget-circle,
.skin-minerva .mw-echo-ui-toggleReadCircleButtonWidget-circle,
.mw-ui-icon:before {
.skin-minerva .mw-ui-icon:before {
filter:brightness(calc(2 * var(--invert-icons,0)));
filter:brightness(calc(2 * var(--invert-icons,0)));
}
}


#mw-mf-diffview .meta:before,
.skin-minerva #mw-mf-diffview .meta:before,
.mw-echo-ui-notificationsInboxWidget-main-toolbar-top .oo-ui-iconElement-icon,
.skin-minerva .mw-echo-ui-notificationsInboxWidget-main-toolbar-top .oo-ui-iconElement-icon,
.mw-mf-user:before,
.skin-minerva .mw-mf-user:before,
.search-overlay .clear:before {
.skin-minerva .search-overlay .clear:before {
filter:none;
filter:none;
}
}


/* invert extension:math images */
/* invert extension:math images */
.mwe-math-fallback-image-inline {
.skin-minerva .mwe-math-fallback-image-inline {
filter: invert(1);
filter: invert(1);
}
}


.qud-box-wrapper {
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* -------                                      ------- */
/* ------- CUSTOM & TEMPLATE CSS BELOW THIS LINE ------- */
/* -------                                      ------- */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
 
/* IMPORTANT: all mobile-only styles in this gadget MUST have their selectors prefixed by .skin-minerva or they will override desktop styles on desktop as well due to a bug with gadgets */
 
.skin-minerva .qud-box-wrapper {
     overflow: hidden;
     overflow: hidden;
     line-height: normal;
     line-height: normal;
}
}
.qud-box {
.skin-minerva .qud-box {
     border: 4px solid #77bfcf;
     border: 4px solid #77bfcf;
     border-top: 0;
     border-top: 0;
Line 1,021: Line 1,034:
   background-size: 100% 4px;
   background-size: 100% 4px;
}
}
.qud-box-header {
.skin-minerva .qud-box-header {
     position: relative;
     position: relative;
     top: -1em;
     top: -1em;
Line 1,030: Line 1,043:
     display: inline-block;
     display: inline-block;
}
}
.qud-box-header:before,
.skin-minerva .qud-box-header:before,
.qud-box-header:after {
.skin-minerva .qud-box-header:after {
     content: "";
     content: "";
     position: absolute;
     position: absolute;
Line 1,038: Line 1,051:
     top: 0.5em;
     top: 0.5em;
}
}
.qud-box-header:before {
.skin-minerva .qud-box-header:before {
     width: 100px;
     width: 100px;
     left: -100px;
     left: -100px;
}
}
.qud-box-header:after {
.skin-minerva .qud-box-header:after {
     width: 9999px;
     width: 9999px;
     right: -9999px;
     right: -9999px;
}
}
.qud-box-content {
.skin-minerva .qud-box-content {
     margin-top: -0.5em;
     margin-top: -0.5em;
     padding-left: 0.3em;
     padding-left: 0.3em;
     line-height: 1.5em;
     line-height: 1.5em;
}
}
.qud-box-footer-left {
.skin-minerva .qud-box-footer-left {
     position: relative;
     position: relative;
     top: 0.6em;
     top: 0.6em;
Line 1,060: Line 1,073:
     color: #fff;
     color: #fff;
}
}
.qud-box-footer-left:before,
.skin-minerva .qud-box-footer-left:before,
.qud-box-footer-left:after {
.skin-minerva .qud-box-footer-left:after {
     content: "";
     content: "";
     position: absolute;
     position: absolute;
Line 1,068: Line 1,081:
     top: 50%;
     top: 50%;
}
}
.qud-box-footer-left:before {
.skin-minerva .qud-box-footer-left:before {
     width: 100px;
     width: 100px;
     left: -98px;
     left: -98px;
}
}
.qud-box-footer-left:after {
.skin-minerva .qud-box-footer-left:after {
     width: 9999px;
     width: 9999px;
     right: -9997px;
     right: -9997px;
}
}


.white-border .qud-box-header:before,
.skin-minerva .white-border .qud-box-header:before,
.white-border .qud-box-header:after,
.skin-minerva .white-border .qud-box-header:after,
.white-border .qud-box-footer-left:before,
.skin-minerva .white-border .qud-box-footer-left:before,
.white-border .qud-box-footer-left:after
.skin-minerva .white-border .qud-box-footer-left:after
{
{
     background: #b1c9c3;
     background: #b1c9c3;
}
}
.white-border .qud-box {
.skin-minerva .white-border .qud-box {
     border: 4px solid #b1c9c3;
     border: 4px solid #b1c9c3;
     border-top: 0;
     border-top: 0;
Line 1,090: Line 1,103:
}
}


.qud-image-link {
.skin-minerva .qud-image-link {
   text-decoration: none;
   text-decoration: none;
   cursor: pointer;
   cursor: pointer;
Line 1,098: Line 1,111:
   display: inline-block;
   display: inline-block;
}
}
.qud-image-link-image-container img {
.skin-minerva .qud-image-link-image-container img {
   display: inline-block;
   display: inline-block;
   position: absolute;
   position: absolute;
Line 1,109: Line 1,122:
   height: 24px;
   height: 24px;
}
}
.qud-image-link-image-container {
.skin-minerva .qud-image-link-image-container {
   height: 24px;
   height: 24px;
   width: 16px;
   width: 16px;
Line 1,118: Line 1,131:
   position: relative;
   position: relative;
}
}
.qud-image-link:hover .qud-image-link-image-container {
.skin-minerva .qud-image-link:hover .qud-image-link-image-container {
   border-bottom: 0;
   border-bottom: 0;
}
}
.qud-image-link span {  
.skin-minerva .qud-image-link span {  
   text-decoration: underline;
   text-decoration: underline;
   text-decoration-style: solid;
   text-decoration-style: solid;
}
}
.qud-image {
.skin-minerva .qud-image {
   height: 1em;
   height: 1em;
   background: transparent;
   background: transparent;
Line 1,134: Line 1,147:
   border-radius: 0.2em;
   border-radius: 0.2em;
}
}
.qud-image:hover {
.skin-minerva .qud-image:hover {
   background: #0f3b3a;
   background: #0f3b3a;
}
}
Line 1,141: Line 1,154:
  *  ====================
  *  ====================
  */
  */
:root {
.skin-minerva {
   --qud-color-y:      #ffffff;
   --qud-color-y:      #ffffff;
   --qud-color-y-dark: #b1c9c3;
   --qud-color-y-dark: #b1c9c3;
Line 1,177: Line 1,190:
  *  ===========================
  *  ===========================
  */
  */
b {
.skin-minerva b {
   font-weight: 700; /* fix for firefox additive bolding when there are multiple nested <b> tags */
   font-weight: 700; /* fix for firefox additive bolding when there are multiple nested <b> tags */
}
}
Line 1,184: Line 1,197:
  *  ===================================
  *  ===================================
  */
  */
.qud-character-infobox .moduleinfobox {
.skin-minerva .qud-character-infobox .moduleinfobox {
   overflow: hidden; /* prevent horizontal scrollbar from appearing */
   overflow: hidden; /* prevent horizontal scrollbar from appearing */
}
}
.qud-character-infobox .nomobile {
.skin-minerva .qud-character-infobox .nomobile {
   display: none !important;
   display: none !important;
}
}
.qud-character-infobox .moduleinfobox :focus {
.skin-minerva .qud-character-infobox .moduleinfobox :focus {
   outline: 0px solid #000; /* remove focus outline on selected collapsible */
   outline: 0px solid #000; /* remove focus outline on selected collapsible */
}
}
.qud-character-infobox .infobox-title {
.skin-minerva .qud-character-infobox .infobox-title {
   background: var(--qud-bg-color-darker);
   background: var(--qud-bg-color-darker);
   color: var(--qud-color-y);
   color: var(--qud-color-y);
Line 1,201: Line 1,214:
   padding: 0.2em 8px;
   padding: 0.2em 8px;
}
}
.qud-character-infobox .infobox-title,
.skin-minerva .qud-character-infobox .infobox-title,
.qud-character-infobox .infobox-imagearea {
.skin-minerva .qud-character-infobox .infobox-imagearea {
   text-align: center;
   text-align: center;
}
}
/* styles for generic, non-specialized infobox rows below */
/* styles for generic, non-specialized infobox rows below */
.qud-character-infobox .infobox-rows th {
.skin-minerva .qud-character-infobox .infobox-rows th {
   background: var(--navbox-background); /* var(--navbox-alt-background); */
   background: var(--navbox-background); /* var(--navbox-alt-background); */
   font-family: var(--qud-font-terminal2);
   font-family: var(--qud-font-terminal2);
}
}
.qud-character-infobox .infobox-rows th + td {
.skin-minerva .qud-character-infobox .infobox-rows th + td {
   background: var(--navbox-background);
   background: var(--navbox-background);
   font-size: 1.12em;
   font-size: 1.12em;
Line 1,221: Line 1,234:
  *  ============================
  *  ============================
  */
  */
td.qud-collapser {
.skin-minerva td.qud-collapser {
   background: var(--qud-bg-color-dark);
   background: var(--qud-bg-color-dark);
   color: var(--infobox-label-color);
   color: var(--infobox-label-color);
Line 1,227: Line 1,240:
   height: 2.6em;
   height: 2.6em;
}
}
.qud-collapser-head {
.skin-minerva .qud-collapser-head {
   display: flex;
   display: flex;
   font-weight: bold;
   font-weight: bold;
Line 1,233: Line 1,246:
   font-family: var(--qud-font-terminal2);
   font-family: var(--qud-font-terminal2);
}
}
.qud-collapser-title {
.skin-minerva .qud-collapser-title {
   margin-left:1.5em;
   margin-left:1.5em;
}
}
.qud-collapser-content {
.skin-minerva .qud-collapser-content {
   padding: 0 4px;
   padding: 0 4px;
   background: var(--code-background); /*#0f3b3a;*/
   background: var(--code-background); /*#0f3b3a;*/
}
}
.qud-collapser-content div,
.skin-minerva .qud-collapser-content div,
.qud-collapser-content span {
.skin-minerva .qud-collapser-content span {
     font-family: var(--qud-font-infobox-content);
     font-family: var(--qud-font-infobox-content);
}
}
.qud-collapser-arrow-right {
.skin-minerva .qud-collapser-arrow-right {
   text-align: center;
   text-align: center;
   position: absolute;
   position: absolute;
Line 1,252: Line 1,265:
   z-index: 10;
   z-index: 10;
}
}
.qud-collapser-arrow-down {
.skin-minerva .qud-collapser-arrow-down {
   text-align: center;
   text-align: center;
   position: absolute;
   position: absolute;
Line 1,262: Line 1,275:
}
}
/* Mobile-specific stylings: */
/* Mobile-specific stylings: */
.qud-collapser-title {
.skin-minerva .qud-collapser-title {
     width: 99%;
     width: 99%;
     padding-left: 1.5em;
     padding-left: 1.5em;
Line 1,268: Line 1,281:
     z-index: 30;
     z-index: 30;
}
}
.qud-collapser-arrow-down {
.skin-minerva .qud-collapser-arrow-down {
     background: none;
     background: none;
}
}
Line 1,275: Line 1,288:
  *  ========================
  *  ========================
  */
  */
.qud-tooltip {
.skin-minerva .qud-tooltip {
   position: relative;
   position: relative;
}
}
.qud-tooltip .qud-tooltip-text {
.skin-minerva .qud-tooltip .qud-tooltip-text {
   visibility: hidden;
   visibility: hidden;
   position: absolute;
   position: absolute;
Line 1,286: Line 1,299:
  *  ==========================
  *  ==========================
  */
  */
.qud-core-stats-wrapper {
.skin-minerva .qud-core-stats-wrapper {
   display: flex;
   display: flex;
   padding: 0 1.2em 18px 1.2em;
   padding: 0 1.2em 18px 1.2em;
   height: 1.7em;
   height: 1.7em;
}
}
.qud-core-stats-entry {
.skin-minerva .qud-core-stats-entry {
   flex: 1 0 33%;
   flex: 1 0 33%;
   text-align: center;
   text-align: center;
Line 1,301: Line 1,314:
   transition: font-size 0.1s, margin-top 0.1s;
   transition: font-size 0.1s, margin-top 0.1s;
}
}
.qud-stat-icon{
.skin-minerva .qud-stat-icon{
   display: inline-block;
   display: inline-block;
   padding-right: 0.2em;
   padding-right: 0.2em;
Line 1,307: Line 1,320:
   font-size: 1.3em;
   font-size: 1.3em;
}
}
.qud-stat-icon img {
.skin-minerva .qud-stat-icon img {
   height: .7em !important;  
   height: .7em !important;  
   width: .57em !important;  
   width: .57em !important;  
}
}
.qud-stat-value {
.skin-minerva .qud-stat-value {
   display: inline-block;
   display: inline-block;
   color: var(--qud-color-y);
   color: var(--qud-color-y);
Line 1,319: Line 1,332:
  *  =====================
  *  =====================
  */
  */
.qud-character-level-wrapper {
.skin-minerva .qud-character-level-wrapper {
   color: var(--qud-color-y-dark);
   color: var(--qud-color-y-dark);
   padding: 0em 2em 10px 2em;
   padding: 0em 2em 10px 2em;
Line 1,327: Line 1,340:
   text-align: center;
   text-align: center;
}
}
.qud-character-level-text,
.skin-minerva .qud-character-level-text,
.qud-character-level-value {
.skin-minerva .qud-character-level-value {
   display: inline-block;
   display: inline-block;
   padding-right: 0.45em;
   padding-right: 0.45em;
}
}
.qud-character-level-value {
.skin-minerva .qud-character-level-value {
   color: var(--qud-color-c);
   color: var(--qud-color-c);
}
}
Line 1,339: Line 1,352:
  *  ==========================
  *  ==========================
  */
  */
.qud-attributes-wrapper,
.skin-minerva .qud-attributes-wrapper,
.qud-attributes-header-row {
.skin-minerva .qud-attributes-header-row {
   color: var(--qud-color-y-dark);
   color: var(--qud-color-y-dark);
   padding: 0 1em 4px 1em;
   padding: 0 1em 4px 1em;
}
}
.qud-attributes-row,
.skin-minerva .qud-attributes-row,
.qud-attributes-header-row {
.skin-minerva .qud-attributes-header-row {
   display: flex;
   display: flex;
   line-height: 1.6em;
   line-height: 1.6em;
   white-space: nowrap;
   white-space: nowrap;
}
}
.qud-attributes-header-button {
.skin-minerva .qud-attributes-header-button {
   flex: 1 0 50%;
   flex: 1 0 50%;
   opacity: 0.5;
   opacity: 0.5;
Line 1,362: Line 1,375:
   transition: color 0.1s, opacity 0.1s;
   transition: color 0.1s, opacity 0.1s;
}
}
.qud-attributes-header-button:hover {
.skin-minerva .qud-attributes-header-button:hover {
   opacity: 1;
   opacity: 1;
   color: var(--qud-color-c);
   color: var(--qud-color-c);
}
}
.qud-attributes-title {
.skin-minerva .qud-attributes-title {
   padding: 0 0 0.2em 0;
   padding: 0 0 0.2em 0;
   color: var(--qud-color-y-dark);
   color: var(--qud-color-y-dark);
Line 1,373: Line 1,386:
   font-family: var(--qud-font-terminal1);
   font-family: var(--qud-font-terminal1);
}
}
.qud-attribute-entry {
.skin-minerva .qud-attribute-entry {
   font-size: 1.3em;
   font-size: 1.3em;
   font-weight: bold;
   font-weight: bold;
Line 1,380: Line 1,393:
   backface-visibility: hidden;
   backface-visibility: hidden;
}
}
.qud-attribute-entry {
.skin-minerva .qud-attribute-entry {
     flex: 1 0 35%;
     flex: 1 0 35%;
}
}
.qud-attribute-entry:nth-child(3) {
.skin-minerva .qud-attribute-entry:nth-child(3) {
     flex: 1 0 30%;
     flex: 1 0 30%;
}
}
.qud-attribute-label {
.skin-minerva .qud-attribute-label {
   display: inline-block;
   display: inline-block;
   padding-right: 0.45em;
   padding-right: 0.45em;
}
}
.qud-attribute-value {
.skin-minerva .qud-attribute-value {
   display: inline-block;
   display: inline-block;
}
}
.qud-roll-range {
.skin-minerva .qud-roll-range {
   font-style: italic;
   font-style: italic;
   display: block;
   display: block;
   color: var(--qud-color-y-dark)
   color: var(--qud-color-y-dark)
}
}
.qud-roll-raw {
.skin-minerva .qud-roll-raw {
   display: none;
   display: none;
}
}
div.qud-attribute-st + div.qud-attribute-value,
.skin-minerva div.qud-attribute-st + div.qud-attribute-value,
div.qud-attribute-ag + div.qud-attribute-value,
.skin-minerva div.qud-attribute-ag + div.qud-attribute-value,
div.qud-attribute-to + div.qud-attribute-value,
.skin-minerva div.qud-attribute-to + div.qud-attribute-value,
div.qud-attribute-wi + div.qud-attribute-value,
.skin-minerva div.qud-attribute-wi + div.qud-attribute-value,
div.qud-attribute-in + div.qud-attribute-value,
.skin-minerva div.qud-attribute-in + div.qud-attribute-value,
div.qud-attribute-eg + div.qud-attribute-value {
.skin-minerva div.qud-attribute-eg + div.qud-attribute-value {
   color: var(--qud-color-c)
   color: var(--qud-color-c)
}
}
.qud-attribute-st { color: var(--qud-color-y); }
.skin-minerva .qud-attribute-st { color: var(--qud-color-y); }
.qud-attribute-ag { color: var(--qud-color-w); }
.skin-minerva .qud-attribute-ag { color: var(--qud-color-w); }
.qud-attribute-qn { color: var(--qud-color-y-dark); }
.skin-minerva .qud-attribute-qn { color: var(--qud-color-y-dark); }
.qud-attribute-to { color: var(--qud-color-r); }
.skin-minerva .qud-attribute-to { color: var(--qud-color-r); }
.qud-attribute-wi { color: var(--qud-color-g); }
.skin-minerva .qud-attribute-wi { color: var(--qud-color-g); }
.qud-attribute-ms { color: var(--qud-color-y-dark); }
.skin-minerva .qud-attribute-ms { color: var(--qud-color-y-dark); }
.qud-attribute-in { color: var(--qud-color-b); }
.skin-minerva .qud-attribute-in { color: var(--qud-color-b); }
.qud-attribute-eg { color: var(--qud-color-m); }
.skin-minerva .qud-attribute-eg { color: var(--qud-color-m); }
.qud-attribute-ma { color: var(--qud-color-y-dark); }
.skin-minerva .qud-attribute-ma { color: var(--qud-color-y-dark); }
/*  
/*  
  *  QUD CHARACTER - DETAILED ATTRIBUTES
  *  QUD CHARACTER - DETAILED ATTRIBUTES
  *  ===================================
  *  ===================================
  */
  */
.qud-attributes #mw-customcollapsible-qud-detailed-attributes,
.skin-minerva .qud-attributes #mw-customcollapsible-qud-detailed-attributes,
.qud-attributes #collapsible-qud-detailed-attributes {
.skin-minerva .qud-attributes #collapsible-qud-detailed-attributes {
   width: auto;
   width: auto;
}
}
.qud-stat-table-header:first-child {
.skin-minerva .qud-stat-table-header:first-child {
   width: 34%;
   width: 34%;
}
}
.qud-stat-table-header:nth-child(2) {
.skin-minerva .qud-stat-table-header:nth-child(2) {
   width: 17%;
   width: 17%;
}
}
.qud-stat-table-header:nth-child(3) {
.skin-minerva .qud-stat-table-header:nth-child(3) {
   width: 14%;
   width: 14%;
}
}
.qud-stat-details-wrapper {
.skin-minerva .qud-stat-details-wrapper {
   color: var(--qud-color-y-dark);
   color: var(--qud-color-y-dark);
   margin: 0.5em 0;
   margin: 0.5em 0;
Line 1,443: Line 1,456:
   table-layout: fixed;
   table-layout: fixed;
}
}
.qud-stat-details-entry {
.skin-minerva .qud-stat-details-entry {
   display: table-row;
   display: table-row;
   font-size: 0.9em;
   font-size: 0.9em;
Line 1,449: Line 1,462:
   font-family: var(--qud-font-terminal1);
   font-family: var(--qud-font-terminal1);
}
}
.qud-stat-details-entry > div {
.skin-minerva .qud-stat-details-entry > div {
   display: table-cell;
   display: table-cell;
   text-align: center;
   text-align: center;
Line 1,456: Line 1,469:
   border-left: var(--infobox-border);
   border-left: var(--infobox-border);
}
}
.qud-stat-details-entry > div:first-child {
.skin-minerva .qud-stat-details-entry > div:first-child {
   border-left: none;
   border-left: none;
   text-align: left;
   text-align: left;
Line 1,464: Line 1,477:
   word-wrap: normal;
   word-wrap: normal;
}
}
.qud-stat-details-entry > div:nth-child(4) {
.skin-minerva .qud-stat-details-entry > div:nth-child(4) {
   padding: 0 0 0 0.2em;
   padding: 0 0 0 0.2em;
   word-wrap: break-word;
   word-wrap: break-word;
}
}
.qud-stat-details-entry > div.qud-stat-table-header {
.skin-minerva .qud-stat-details-entry > div.qud-stat-table-header {
   color: var(--qud-color-k);
   color: var(--qud-color-k);
}
}
.qud-stat-name {
.skin-minerva .qud-stat-name {
   color: var(--qud-color-y);
   color: var(--qud-color-y);
}
}
Line 1,478: Line 1,491:
  *  ===========================
  *  ===========================
  */
  */
.qud-resistances-wrapper {
.skin-minerva .qud-resistances-wrapper {
   color: var(--qud-color-y-dark);
   color: var(--qud-color-y-dark);
   padding: 0 1.3em 1.8em 1.6em;
   padding: 0 1.3em 1.8em 1.6em;
Line 1,486: Line 1,499:
   margin-bottom: 12px;
   margin-bottom: 12px;
}
}
.qud-resistance-row {
.skin-minerva .qud-resistance-row {
   flex: 1 0 50%;
   flex: 1 0 50%;
   font-size: 1em;
   font-size: 1em;
Line 1,492: Line 1,505:
   font-family: var(--qud-font-terminal1);
   font-family: var(--qud-font-terminal1);
}
}
.qud-resistance-prefix,
.skin-minerva .qud-resistance-prefix,
.qud-resistance-text,
.skin-minerva .qud-resistance-text,
.qud-resistance-value {
.skin-minerva .qud-resistance-value {
   display: inline-block;
   display: inline-block;
   padding-right: 0.45em;
   padding-right: 0.45em;
}
}
.qud-resistance-value.positive-value {
.skin-minerva .qud-resistance-value.positive-value {
   color: var(--qud-color-g);
   color: var(--qud-color-g);
}
}
.qud-resistance-value.negative-value {
.skin-minerva .qud-resistance-value.negative-value {
   color: var(--qud-color-r);
   color: var(--qud-color-r);
}
}
Line 1,508: Line 1,521:
  *  =========================
  *  =========================
  */
  */
.qud-inv-group {
.skin-minerva .qud-inv-group {
   font-weight: bold;
   font-weight: bold;
}
}
.qud-equipped {
.skin-minerva .qud-equipped {
   border-bottom: var(--infobox-border);
   border-bottom: var(--infobox-border);
   padding-bottom: 6px;
   padding-bottom: 6px;
}
}
.qud-carried {
.skin-minerva .qud-carried {
   border-top: none;
   border-top: none;
   padding-bottom: 6px;
   padding-bottom: 6px;
}
}
.qud-item-qty {
.skin-minerva .qud-item-qty {
   color: var(--infobox-details-background);
   color: var(--infobox-details-background);
}
}
.qud-equipped-title {
.skin-minerva .qud-equipped-title {
   color: var(--infobox-details-background);
   color: var(--infobox-details-background);
    
    
}
}
.qud-inv-content-itemlist {
.skin-minerva .qud-inv-content-itemlist {
   padding: 2px 3px 2px 5px;
   padding: 2px 3px 2px 5px;
   font-family: var(--qud-font-infobox-content);
   font-family: var(--qud-font-infobox-content);
Line 1,532: Line 1,545:
    
    
}
}
.qud-inventory-item {
.skin-minerva .qud-inventory-item {
   text-overflow: clip;
   text-overflow: clip;
   max-width: 149px;
   max-width: 149px;
Line 1,541: Line 1,554:
  *  ====================================
  *  ====================================
  */
  */
.qud-skills-wrapper,
.skin-minerva .qud-skills-wrapper,
.qud-mutations-wrapper {
.skin-minerva .qud-mutations-wrapper {
   display: flex;
   display: flex;
   flex-direction: row;
   flex-direction: row;
Line 1,552: Line 1,565:
   padding: 0.4em 0;
   padding: 0.4em 0;
}
}
.qud-skill-entry,
.skin-minerva .qud-skill-entry,
.qud-mutation-entry {  
.skin-minerva .qud-mutation-entry {  
   flex: 1 0 100%;
   flex: 1 0 100%;
   transition: .8s opacity;
   transition: .8s opacity;
Line 1,566: Line 1,579:
   transition: background 0.15s;
   transition: background 0.15s;
}
}
.qud-skill-entry:hover,
.skin-minerva .qud-skill-entry:hover,
.qud-mutation-entry:hover {  
.skin-minerva .qud-mutation-entry:hover {  
   background: var(--qud-bg-color-dark);
   background: var(--qud-bg-color-dark);
}
}
.qud-skill-entry a,
.skin-minerva .qud-skill-entry a,
.qud-mutation-entry a {
.skin-minerva .qud-mutation-entry a {
   display: block; /* make entire row clickable */
   display: block; /* make entire row clickable */
}
}
.qud-mutation-entry {
.skin-minerva .qud-mutation-entry {
   display: flex;
   display: flex;
   justify-content: left;
   justify-content: left;
}
}
.qud-mutation-entry a {
.skin-minerva .qud-mutation-entry a {
   width: 100%;
   width: 100%;
}
}
.qud-mutation-entry:hover a b {
.skin-minerva .qud-mutation-entry:hover a b {
   display: inline-block;
   display: inline-block;
   text-decoration: none;
   text-decoration: none;
}
}
Anonymous user
Retrieved from "https://wiki.cavesofqud.com/wiki/Special:MobileDiff/39220"