2021-08-31 16:54:50 +00:00
|
|
|
/*
|
|
|
|
* Citizen
|
|
|
|
*
|
|
|
|
* SkinStyles for Extension:Cargo
|
|
|
|
* Module: ext.cargo.main
|
2023-01-04 03:47:51 +00:00
|
|
|
* Version: REL1_39 b4c6314
|
2021-08-31 16:54:50 +00:00
|
|
|
*
|
2023-01-04 03:47:51 +00:00
|
|
|
* Date: 2023-01-03
|
2021-08-31 16:54:50 +00:00
|
|
|
*/
|
|
|
|
|
|
|
|
span.cargoFieldName {
|
2024-06-30 05:04:30 +00:00
|
|
|
color: var( --color-subtle );
|
2021-08-31 16:54:50 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
table.cargoTable.noMerge tr:nth-child( odd ) {
|
2023-01-04 03:47:51 +00:00
|
|
|
background: var( --color-surface-0 );
|
2021-08-31 16:54:50 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
table.cargoTable.noMerge tr:nth-child( even ) {
|
2023-01-04 03:47:51 +00:00
|
|
|
background: var( --color-surface-2 );
|
2021-08-31 16:54:50 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
table.cargoTable.mergeSimilarCells td.odd {
|
2023-01-04 03:47:51 +00:00
|
|
|
background: var( --color-surface-0 );
|
2021-08-31 16:54:50 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
table.cargoTable.mergeSimilarCells td.even {
|
2023-01-04 03:47:51 +00:00
|
|
|
background: var( --color-surface-2 );
|
2021-08-31 16:54:50 +00:00
|
|
|
}
|
|
|
|
|
2023-01-04 03:47:51 +00:00
|
|
|
table.cargoTable thead tr {
|
2024-07-15 06:07:25 +00:00
|
|
|
border-bottom: var( --border-width-base ) solid var( --border-color-base );
|
2023-01-04 03:47:51 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
table.cargoTable tr + tr {
|
2024-07-15 06:07:25 +00:00
|
|
|
border-top: var( --border-width-base ) solid var( --border-color-base );
|
2023-01-04 03:47:51 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
table.cargoTable th,
|
2021-08-31 16:54:50 +00:00
|
|
|
table.cargoTable td {
|
2023-01-04 03:47:51 +00:00
|
|
|
/* Sync with wikitable */
|
|
|
|
padding: var( --space-xs ) var( --space-sm );
|
|
|
|
}
|
|
|
|
|
|
|
|
table.cargoTable th {
|
2023-07-28 01:19:27 +00:00
|
|
|
/* Sync with wikitable */
|
2023-01-04 03:47:51 +00:00
|
|
|
text-align: start;
|
|
|
|
}
|
|
|
|
|
|
|
|
table.cargoTable td {
|
|
|
|
/* Border handled by tr */
|
|
|
|
border: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
span.searchmatch {
|
|
|
|
font-weight: var( --font-weight-semibold );
|
2024-06-30 05:04:30 +00:00
|
|
|
color: var( --color-emphasized );
|
2021-08-31 16:54:50 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
div.cargoReplacementTableInfo {
|
|
|
|
background: var( --color-surface-3 );
|
2023-07-28 01:19:27 +00:00
|
|
|
border-color: var( --border-color-base );
|
2021-08-31 16:54:50 +00:00
|
|
|
}
|
|
|
|
|
2023-01-04 03:47:51 +00:00
|
|
|
.addButton,
|
|
|
|
.deleteButton {
|
|
|
|
/* BG color does not like filter */
|
|
|
|
background-color: transparent;
|
2023-07-28 01:19:27 +00:00
|
|
|
border-color: var( --border-color-base );
|
2021-08-31 16:54:50 +00:00
|
|
|
}
|
|
|
|
|
2023-07-10 20:56:56 +00:00
|
|
|
.cargoQueryTooltipIcon,
|
|
|
|
.addButton,
|
|
|
|
.deleteButton {
|
|
|
|
filter: var( --filter-invert );
|
2021-08-31 16:54:50 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
div.specialCargoQuery-extraPane {
|
|
|
|
background: linear-gradient( transparent, var( --color-surface-2 ) 0.5em );
|
2023-07-28 01:19:27 +00:00
|
|
|
border-color: var( --border-color-base );
|
2021-08-31 16:54:50 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.ui-state-focus {
|
2024-06-30 05:04:30 +00:00
|
|
|
background: var( --color-progressive--active ) !important;
|
2021-08-31 16:54:50 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.ui-menu .ui-menu-item a {
|
2023-01-04 03:47:51 +00:00
|
|
|
font-family: var( --font-family-base );
|
2024-06-30 05:04:30 +00:00
|
|
|
color: var( --color-emphasized );
|
2021-08-31 16:54:50 +00:00
|
|
|
}
|
2024-08-18 03:08:49 +00:00
|
|
|
|
2024-08-19 19:55:41 +00:00
|
|
|
// Sync with wikitable styles
|
|
|
|
// Separate Citizen opinionated styles so it is easy to track and debug
|
|
|
|
.skin-citizen {
|
|
|
|
table.cargoTable {
|
|
|
|
font-size: var( --font-size-small );
|
|
|
|
border-radius: var( --border-radius-medium );
|
|
|
|
box-shadow: var( --box-shadow-border );
|
|
|
|
|
|
|
|
tr {
|
|
|
|
&:first-of-type {
|
|
|
|
th,
|
|
|
|
td {
|
|
|
|
&:first-child {
|
|
|
|
border-top-left-radius: var( --border-radius-medium );
|
|
|
|
}
|
|
|
|
|
|
|
|
&:last-child {
|
|
|
|
border-top-right-radius: var( --border-radius-medium );
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
&:last-of-type {
|
|
|
|
th,
|
|
|
|
td {
|
|
|
|
&:first-child {
|
|
|
|
border-bottom-left-radius: var( --border-radius-medium );
|
|
|
|
}
|
|
|
|
|
|
|
|
&:last-child {
|
|
|
|
border-bottom-right-radius: var( --border-radius-medium );
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
/* Reset border radius between thead tbody, tbody tfoot, etc. */
|
|
|
|
> :where( thead, tbody, tfoot ):has( + :where( thead, tbody, tfoot ):not( :empty ) ) {
|
|
|
|
tr:last-of-type {
|
|
|
|
th,
|
|
|
|
td {
|
|
|
|
&:first-child {
|
|
|
|
border-bottom-left-radius: var( --border-radius-sharp );
|
|
|
|
}
|
|
|
|
|
|
|
|
&:last-child {
|
|
|
|
border-bottom-right-radius: var( --border-radius-sharp );
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
> :where( thead, tbody, tfoot ) + :where( thead, tbody, tfoot ):not( :empty ) {
|
|
|
|
tr:first-of-type {
|
|
|
|
th,
|
|
|
|
td {
|
|
|
|
&:first-child {
|
|
|
|
border-top-left-radius: var( --border-radius-sharp );
|
|
|
|
}
|
|
|
|
|
|
|
|
&:last-child {
|
|
|
|
border-top-right-radius: var( --border-radius-sharp );
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
// Temporary responsiveness fix until Cargo patches it (#924)
|
|
|
|
.cargoDynamicTable.dataTable {
|
|
|
|
display: block;
|
|
|
|
max-width: max-content; // Needed for the border
|
|
|
|
overflow-x: auto;
|
|
|
|
border-radius: var( --border-radius-medium );
|
|
|
|
box-shadow: var( --box-shadow-border );
|
|
|
|
}
|
2024-08-18 03:08:49 +00:00
|
|
|
}
|