Jamjardavies (talk | contribs) No edit summary |
Jamjardavies (talk | contribs) No edit summary |
||
(32 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; | |||
} | } | ||
/* Used for Navbox */ | /* Used for Navbox */ | ||
table. | table.navbox { | ||
width: 100%; | |||
border: solid 1px var(--color-surface-4); | |||
} | |||
table.navbox th { | |||
background-color: var(--color-surface-3); | background-color: var(--color-surface-3); | ||
} | } | ||
table. | table.navbox th > a { | ||
color: var(--color-base--emphasized); | color: var(--color-base--emphasized); | ||
} | } | ||
table. | table.navbox tr td { | ||
padding: 8px; | |||
border: 1px solid var(--color-surface-4); | |||
} | |||
table.navbox tr td:first-child { | |||
width: 10%; | |||
text-align: right; | 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; | |||
} | } |
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;
}