Template:AISv3/styles.css

/*
目前格式：
未有近一步動作：灰色
有動作：藍色
完成：綠色
有重大動作：黃色
錯誤：紅色

請勿加強顏色濃度。

*/

.aisv3-wrap {
	display: flow-root;
	border-left: 4px solid var(--border-color-subtle, #c8ccd1);
	background: var(--background-color-neutral-subtle, #f8f9fa);
	padding: 6px 12px;
	margin: 4px 0;
	font-size: 100%;
	line-height: 1.5;
}
.aisv3-header-icon {
	display: inline-block;
	margin-right: 0.5em;
	vertical-align: bottom;
}

.aisv3-header-leadingtext {
	font-weight: bold;
	font-size: 125%;
}

.aisv3-wrap-wait,
.aisv3-wrap-new {
	border-left-color: var(--border-color-base, #a2a9b1) !important;
	background: var(--background-color-neutral-subtle, #f8f9fa) !important;
}

.aisv3-wrap-processing {
	border-left-color: var(--border-color-progressive, #36c) !important;
	background: var(--background-color-progressive-subtle, #e8eeff) !important;
}

.aisv3-wrap-admin {
	border-left-color: var(--border-color-destructive, #f54739) !important;
	background: var(--background-color-destructive-subtle, #ffe9e5) !important;
}

.aisv3-wrap-intervention {
	border-left-color: var(--border-color-warning, #ab7f2a) !important;
	background: var(--background-color-warning-subtle, #fdf2d5) !important;
}

.aisv3-wrap-6b2ded51d81a4403d8a4bd25fa1e57ee {
	border-left-color: var(--border-color-success, #099979) !important;
	background: var(--background-color-success-subtle, #dff2eb) !important;
}

.aisv3-action {
	display: inline-block;
	margin: 0 0.5em;
	white-space: nowrap;
}

.aisv3-action-icon {
	display: inline-block;
	margin-right: 0.2em;
	vertical-align: bottom;
}

.aisv3-action-text {
	display: inline-block;
}

.aisv3-progress li {
	display: flex;
}

.aisv3-progress-leadtext {
	white-space: nowrap;
}