미디어위키:Gadget-sitenotice-edit.css

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

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

.mw-dismissable-notice-close .sitenotice-edit--buttons {
  text-align: right;
}

#siteNotice .sitenotice-edit--buttons {
  float: right;
  clear: right;
}

body > .sitenotice-edit--buttons {
  margin-top: 1em;
  text-align: center;
}

body.action-edit .sitenotice-edit--buttons,
html.ve-active .sitenotice-edit--buttons,
html.ve-activated .sitenotice-edit--buttons,
html.ve-deactivating .sitenotice-edit--buttons {
  display: none;
}

.sitenotice-edit--button {
  width: 1.4em;
  height: 1.4em;
  display: inline-block;
  background-size: 100%;
  /* https://codepen.io/sosuke/pen/Pjoqqp */
  filter: invert(87%) sepia(17%) saturate(7491%) hue-rotate(194deg)
    brightness(108%) contrast(98%);
}

.sitenotice-edit--history-button {
  background-image: url('https://upload.wikimedia.org/wikipedia/commons/2/27/OOjs_UI_icon_history.svg');
}

.sitenotice-edit--edit-button {
  background-image: url('https://upload.wikimedia.org/wikipedia/commons/8/8a/OOjs_UI_icon_edit-ltr.svg');
}