Jamjardavies (talk | contribs) No edit summary |
Jamjardavies (talk | contribs) No edit summary |
||
(16 intermediate revisions by the same user not shown) | |||
Line 3: | Line 3: | ||
/* Used to make the main image resize nicely. */ | /* Used to make the main image resize nicely. */ | ||
.mainPageBanner { | |||
margin-left: auto !important; | |||
margin-right: auto !important; | |||
text-align: center; | |||
clear: initial !important; | |||
float: initial !important; | |||
} | |||
.mainPageBanner img { | |||
width: 100%; | width: 100%; | ||
background-size: cover; | background-size: cover; | ||
object-fit: cover; | object-fit: cover; | ||
} | |||
/* Used for Infobox */ | |||
table.infobox { | |||
float: right; | |||
width: 200px; | |||
border: solid 1px var(--color-surface-4); | |||
} | |||
table.infobox th { | |||
background-color: var(--color-surface-3); | |||
} | |||
table.infobox td { | |||
text-align: center; | |||
} | } | ||
Line 24: | Line 47: | ||
table.navbox tr td { | table.navbox tr td { | ||
padding | padding: 8px; | ||
border: 1px solid var(--color-surface-4); | border: 1px solid var(--color-surface-4); | ||
} | } | ||
Line 43: | Line 64: | ||
align-items: flex-start; | align-items: flex-start; | ||
align-content: flex-start; | align-content: flex-start; | ||
column-gap: 8px; | |||
} | |||
/* Cargo */ | |||
.cargo-tablelist th { | |||
background-color: var(--color-surface-3); | |||
} | } | ||
. | .cargo-tablelist tr:hover td { | ||
background-color: var(--color-surface-4); | |||
} | } | ||
. | .cargo-tablelist td { | ||
background-color: transparent; | |||
} | } |
Latest revision as of 17:36, 14 August 2023
/* All CSS here will be loaded for users of the Citizen skin */
ul ul{margin-top:0!important;margin-bottom:0!important}
/* Used to make the main image resize nicely. */
.mainPageBanner {
margin-left: auto !important;
margin-right: auto !important;
text-align: center;
clear: initial !important;
float: initial !important;
}
.mainPageBanner img {
width: 100%;
background-size: cover;
object-fit: cover;
}
/* Used for Infobox */
table.infobox {
float: right;
width: 200px;
border: solid 1px var(--color-surface-4);
}
table.infobox th {
background-color: var(--color-surface-3);
}
table.infobox td {
text-align: center;
}
/* Used for Navbox */
table.navbox {
width: 100%;
border: solid 1px var(--color-surface-4);
}
table.navbox th {
background-color: var(--color-surface-3);
}
table.navbox th > a {
color: var(--color-base--emphasized);
}
table.navbox tr td {
padding: 8px;
border: 1px solid var(--color-surface-4);
}
table.navbox tr td:first-child {
width: 10%;
text-align: right;
background-color: var(--color-surface-2);
}
.navbox-group {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
align-content: flex-start;
column-gap: 8px;
}
/* Cargo */
.cargo-tablelist th {
background-color: var(--color-surface-3);
}
.cargo-tablelist tr:hover td {
background-color: var(--color-surface-4);
}
.cargo-tablelist td {
background-color: transparent;
}