2019-12-29 18:45:17 +00:00
|
|
|
/*
|
2022-04-27 22:51:31 +00:00
|
|
|
* Citizen
|
|
|
|
*
|
|
|
|
* SkinStyles for Extension:StructuredDiscussions
|
|
|
|
* Module: ext.flow
|
|
|
|
* Version: REL1_35 (e3379f0)
|
|
|
|
*
|
|
|
|
* Date: 2022-04-27
|
2019-12-29 18:45:17 +00:00
|
|
|
*/
|
|
|
|
|
2022-04-27 22:51:31 +00:00
|
|
|
/* styles/mediawiki.ui/modal.less */
|
|
|
|
.flow-ui-modal {
|
|
|
|
background: var( --background-color-overlay );
|
|
|
|
}
|
2019-12-29 18:45:17 +00:00
|
|
|
|
2022-04-27 22:51:31 +00:00
|
|
|
.flow-ui-modal-layout {
|
2023-07-28 01:19:27 +00:00
|
|
|
color: var( --color-base );
|
2022-04-27 22:51:31 +00:00
|
|
|
background: var( --color-surface-1 );
|
|
|
|
box-shadow: var( --box-shadow-dialog );
|
|
|
|
}
|
2019-12-29 18:45:17 +00:00
|
|
|
|
2022-04-27 22:51:31 +00:00
|
|
|
.flow-ui-modal-heading {
|
|
|
|
color: var( --color-base );
|
2023-07-28 01:19:27 +00:00
|
|
|
border-bottom-color: var( --border-color-base );
|
2022-04-27 22:51:31 +00:00
|
|
|
}
|
2019-12-29 18:45:17 +00:00
|
|
|
|
2022-04-27 22:51:31 +00:00
|
|
|
.flow-ui-modal-heading-prev {
|
|
|
|
color: var( --color-base--subtle );
|
2023-07-28 01:19:27 +00:00
|
|
|
border-right-color: var( --border-color-base );
|
2022-04-27 22:51:31 +00:00
|
|
|
}
|
2019-12-29 18:45:17 +00:00
|
|
|
|
2022-04-27 22:51:31 +00:00
|
|
|
.flow-ui-modal-heading-next {
|
|
|
|
color: var( --color-base--subtle );
|
2023-07-28 01:19:27 +00:00
|
|
|
border-left-color: var( --border-color-base );
|
2022-04-27 22:51:31 +00:00
|
|
|
}
|
2019-12-29 18:45:17 +00:00
|
|
|
|
2022-04-27 22:51:31 +00:00
|
|
|
/* styles/mediawiki.ui/tooltips.less */
|
|
|
|
.flow-ui-tooltip {
|
2023-07-28 01:19:27 +00:00
|
|
|
color: var( --color-base );
|
2022-04-27 22:51:31 +00:00
|
|
|
background-color: var( --color-surface-1 );
|
|
|
|
box-shadow: var( --box-shadow-dialog );
|
2019-12-29 18:45:17 +00:00
|
|
|
|
2022-04-27 22:51:31 +00:00
|
|
|
.flow-ui-tooltip-triangle {
|
2023-02-28 21:59:36 +00:00
|
|
|
&::after {
|
2022-04-27 22:51:31 +00:00
|
|
|
position: absolute;
|
|
|
|
z-index: 1;
|
|
|
|
width: 1em;
|
|
|
|
height: 1em;
|
|
|
|
content: '';
|
2023-07-28 01:19:27 +00:00
|
|
|
background: var( --color-surface-1 );
|
2022-04-27 22:51:31 +00:00
|
|
|
-webkit-transform: rotate( 45deg );
|
|
|
|
transform: rotate( 45deg );
|
2019-12-29 18:45:17 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2022-04-27 22:51:31 +00:00
|
|
|
// triangle on top
|
|
|
|
&.flow-ui-tooltip-up {
|
|
|
|
.flow-ui-tooltip-triangle {
|
2023-02-28 21:59:36 +00:00
|
|
|
&::after {
|
2022-04-27 22:51:31 +00:00
|
|
|
/* @noflip */
|
|
|
|
box-shadow: 0 0 1px 0 var( --border-color-base );
|
2019-12-29 18:45:17 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2022-04-27 22:51:31 +00:00
|
|
|
// triangle on bottom
|
|
|
|
&.flow-ui-tooltip-down {
|
|
|
|
.flow-ui-tooltip-triangle {
|
2023-02-28 21:59:36 +00:00
|
|
|
&::after {
|
2022-04-27 22:51:31 +00:00
|
|
|
/* @noflip */
|
|
|
|
box-shadow: 0 -1.5px 0 1.5px var( --border-color-base ), 0 0 1px 0 var( --border-color-base );
|
2019-12-29 18:45:17 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2022-04-27 22:51:31 +00:00
|
|
|
// triangle at left
|
|
|
|
&.flow-ui-tooltip-left {
|
|
|
|
.flow-ui-tooltip-triangle {
|
2023-02-28 21:59:36 +00:00
|
|
|
&::after {
|
2022-04-27 22:51:31 +00:00
|
|
|
/* @noflip */
|
|
|
|
box-shadow: 1.5px 0 0 1.5px var( --border-color-base ), 0 0 1px 0 var( --border-color-base );
|
2019-12-29 18:45:17 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2022-04-27 22:51:31 +00:00
|
|
|
// triangle at right
|
|
|
|
&.flow-ui-tooltip-right {
|
2019-12-29 18:45:17 +00:00
|
|
|
.flow-ui-tooltip-triangle {
|
2023-02-28 21:59:36 +00:00
|
|
|
&::after {
|
2022-04-27 22:51:31 +00:00
|
|
|
/* @noflip */
|
|
|
|
box-shadow: 0 1.5px 0 1.5px var( --border-color-base ), 0 0 1px 0 var( --border-color-base );
|
2019-12-29 18:45:17 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|