MediaWiki:Gadget-skinToggles-prompt.css

< Gadgets-definition

After saving, you may need to bypass your browser's cache to see the changes. For further information, see Wikipedia:Bypass your cache.

In most Windows and Linux browsers: Hold down Ctrl and press F5.
In Safari: Hold down ⇧ Shift and click the Reload button.
In Chrome and Firefox for Mac: Hold down both ⌘ Cmd+⇧ Shift and press R.

/** Based on OOUI's **/
/* Prompt */
.rsw-color-scheme-prompt {
	position: absolute;
	border: 1px solid var(--ooui-interface-border);
	border-radius: 2px;
	filter: drop-shadow(0 2px 1px rgba(0,0,0,0.3));
	background-color: var(--ooui-interface);
	display: flex;
	flex-direction: column;
	z-index: 100;
	line-height: 1.42857143em;
	padding: 0px 12px;
	width: 300px;
	box-sizing: border-box;
}
/* Arrow (border) */
.rsw-color-scheme-prompt:before {
	content: '';
	position:  absolute;
	top: -10px;
	left: 140px;
	height: 0px;
	border: 10px solid transparent;
	border-bottom-color: var(--ooui-interface-border);
	border-top: 0;
	z-index: 9000;
}
/* Arrow */
.rsw-color-scheme-prompt:after {
	content: '';
	position:  absolute;
	top: -9px;
	left: 141px;
	height: 0px;
	border: 9px solid transparent;
	border-bottom-color: var(--ooui-interface);
	border-top: 0;
	z-index: 9000;
}