미디어위키:Gadget-newtoolbar.css

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

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

/* MediaWiki:Gadget-NewToolbar.css */

#ntb-toolbar {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	padding: 8px 12px;
	border-bottom: 1px solid #e3e3e3;
	background: #f8f9fa;
	font-size: 13px;
}

/* 각 그룹 */
.ntb-group {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	padding: 4px 8px;
	border-radius: 4px;
	background: #fff;
	border: 1px solid #ddd;
}

.ntb-group-label {
	font-weight: 600;
	margin-right: 4px;
	opacity: 0.7;
}

/* 버튼 */
.ntb-button {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	padding: 4px 8px;
	border-radius: 4px;
	border: 1px solid transparent;
	background: transparent;
	cursor: pointer;
	font-size: 12px;
	line-height: 1;
	white-space: nowrap;
}

.ntb-button:hover {
	background: #eaf3ff;
	border-color: #c8ddff;
}

.ntb-icon {
	width: 14px;
	height: 14px;
	display: inline-block;
}

/* 아이콘은 OOUI 아이콘 클래스를 그대로 써도 되고, 나중에 바꿔도 됨 */
.ntb-icon-bold::before {
	content: 'B';
	font-weight: 700;
}

.ntb-icon-italic::before {
	content: 'I';
	font-style: italic;
}

.ntb-icon-heading::before {
	content: 'H';
	font-weight: 700;
}

.ntb-icon-ul::before {
	content: '•';
}

.ntb-icon-ol::before {
	content: '1.';
}

.ntb-icon-link::before {
	content: '🔗';
}

.ntb-icon-file::before {
	content: '🖼';
}

.ntb-icon-ref::before {
	content: '¹';
}

.ntb-icon-search::before {
	content: '🔍';
}