미디어위키:Gadget-StylingEdittools.css

참고: 설정을 저장한 후에 바뀐 점을 확인하기 위해서는 브라우저의 캐시를 새로 고쳐야 합니다.

• 파이어폭스 / 사파리: Shift 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5 또는 Ctrl-R을 입력 (Mac에서는 ⌘-R)
• 구글 크롬: Ctrl-Shift-R키를 입력 (Mac에서는 ⌘-Shift-R)
• 엣지: Ctrl 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5를 입력.

 /* 창팝위키에서 수정됨 */
 /**
 * Styling for links generated by [[미디어위키:Edittools]] in WikimediaUI inspired theme.
 * @source https://www.mediawiki.org/wiki/Extension:CharInsert#Styling
 * @updated 2020-03-17
 */
 
.mw-editTools{
	background-color: var( --background-color-neutral, #eaecf0);
}

#mw-edittools-charinsert {
	padding: 1em 1em 0 1em;
}

#mw-edittools-charinsert > div {
	display: inline-block;
	width: auto;
}

.mw-charinsert-item {
	background-color: var( --background-color-interactive-subtle, #f8f9fa );
	border: var( --border-subtle );
	border-radius: var( --border-radius-base );
	padding: 4px 8px;
	font-size: var( --font-size-small );
	white-space: nowrap;
	box-shadow: 0 1px 0 0 #a2a9b1; /* Codex - var(box-shadow-small-bottom) */
	color: var(--color-base, #202122);
	text-decoration: none;
}

.mw-charinsert-item:hover {
	background-color: var(--background-color-base, #fff);
}

.mw-charinsert-item:active {
	background-color: var(--background-color-interactive, #eaecf0);
	border-color: var(--border-color-interactive--active, #202122);
}

.mw-charinsert-item:focus {
	border-color: var(--border-color-progressive--focus, #36c);
	box-shadow: inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c)
}

.client-js .mw-charinsert-item {
	display: inline;
	line-height: 2.5em;
}

/* 가사 이름공간에서 숨기기 */
.ns-3200 .mw-editTools {
	display: none;
}