mediawiki-skins-Citizen/skinStyles/extensions/SemanticResultFormats/timeline/ext.smile.timeline.core.less
alistair3149 5d3ecd9edd
feat(core): convert some CSS variables into Codex equivalent
This is an on-going work to adapt Codex into Citizen.
Some of the CSS variables are soft depreciated, see tokens.less for updated info.
2024-06-30 01:04:30 -04:00

89 lines
1.8 KiB
Plaintext

/*
* Citizen - SRF
* https://starcitizen.tools
* timeline/resources/SimileTimeline/styles/timeline.css
* timeline/resources/SimileTimeline/styles/ethers.css
* timeline/resources/SimileTimeline/styles/events.css
*/
@import '../../../../resources/variables.less';
.skin-theme-clientpref-night {
/**
timeline/resources/SimileTimeline/styles/timeline.css
*/
.timeline-band {
background: @dark-bg-20;
}
/**
timeline/resources/SimileTimeline/styles/ethers.css
*/
.timeline-ether-marker-bottom {
color: var( --color-subtle );
border-left: 1px solid @dark-bg-50;
}
.timeline-ether-marker-bottom-emphasized {
color: var( --color-emphasized );
border-left: 1px solid @dark-bg-50;
}
.timeline-ether-marker-top {
color: var( --color-subtle );
border-left: 1px solid @dark-bg-50;
}
.timeline-ether-marker-top-emphasized {
color: var( --color-emphasized );
border-left: 1px solid @dark-bg-50;
}
.timeline-ether-marker-right {
color: var( --color-subtle );
border-top: 1px solid @dark-bg-50;
}
.timeline-ether-marker-right-emphasized {
color: var( --color-emphasized );
border-top: 1px solid @dark-bg-50;
}
.timeline-ether-marker-left {
color: var( --color-subtle );
border-top: 1px solid @dark-bg-50;
}
.timeline-ether-marker-left-emphasized {
color: var( --color-emphasized );
border-top: 1px solid @dark-bg-50;
}
/**
timeline/resources/SimileTimeline/styles/events.css
*/
.timeline-duration-event {
border: 1px solid var( --color-progressive );
}
.timeline-instant-event2 {
border-left: 1px solid var( --color-progressive );
}
.timeline-event-bubble-title {
border-bottom: 1px solid @dark-bg-60;
}
.timeline-event-bubble-wiki {
color: var( --color-warning );
}
.timeline-event-bubble-wiki a {
color: var( --color-warning );
}
.timeline-event-bubble-time {
color: var( --color-subtle );
}
}