미디어위키:Common.css

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

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

.mw-echo-ui-notificationsInboxWidget-toolbarWrapper {
    position: initial !important;
    background: transparent !important;
    padding-bottom: 0 !important;
}

.mw-echo-ui-notificationsInboxWidget-notice, .mw-echo-ui-datedNotificationsWidget {
    margin-top: 1rem !important;
}

.mw-echo-ui-notificationsInboxWidget-toolbarWrapper .oo-ui-buttonElement-button {
    background: var(--bg) !important;
    color: var(--text) !important;
}

.mw-echo-ui-notificationsInboxWidget-toolbarWrapper .oo-ui-buttonElement-button:hover {
    background: var(--altbg) !important;
}

.mw-echo-ui-notificationsInboxWidget-toolbarWrapper .oo-ui-buttonElement-button .oo-ui-labelElement-label,
.mw-echo-ui-notificationsInboxWidget-toolbarWrapper > .oo-ui-buttonElement-button .oo-ui-indicator-down {
    display: none !important;
}


@media (max-width: 981px) {
  .mw-echo-ui-datedSubGroupListWidget .mw-echo-ui-subGroupListWidget-header-row-markAllReadButton {
    font-size: 1em !important;
  }
}

.mw-echo-ui-notificationItemWidget-markAsReadButton {
    margin-left: 1em !important;
}

.mw-echo-ui-notificationItemWidget-markAsReadButton .oo-ui-buttonElement-button {
    padding: none !important;
}

.mw-echo-ui-notificationItemWidget-content-actions .oo-ui-buttonElement-button {
    background: transparent !important;
}

.mw-echo-ui-specialHelpMenuWidget-menu .oo-ui-iconElement-icon {
    display: none !important;
}

.mw-echo-ui-notificationItemWidget {
    background-color: var(--bg) !important;
}

.mw-echo-ui-notificationItemWidget:not(:last-child) {
    border-bottom: 1px solid var(--lightborder) !important;
}

.mw-echo-ui-notificationItemWidget-content-message-header,
.mw-echo-ui-notificationItemWidget-content-actions-timestamp,
.mw-echo-ui-menuItemWidget > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
    color: var(--text) !important;
}

.mw-echo-ui-notificationItemWidget:hover {
  background-color: var(--altbg) !important;
}

.mw-echo-ui-notificationItemWidget-content-actions > .mw-echo-ui-notificationItemWidget-content-actions-buttons.oo-ui-buttonSelectWidget {
    overflow: inherit !important;
}

.mw-echo-ui-subGroupListWidget .mw-echo-ui-sortedListWidget-group:not(:empty), .mw-echo-ui-bundleNotificationItemWidget-group .mw-echo-ui-sortedListWidget-group:not(:empty) {
    border: none !important;
}

.mw-echo-ui-notificationItemWidget-unread {
    background: var(--altbg) !important;
}

.mw-echo-ui-paginationWidget-label {
    padding: 0 1em !important;
    background: transparent !important;
}

.mw-echo-ui-pageNotificationsOptionWidget-label-count {
    background-color: var(--altbg) !important;
    color: var(--text) !important;
}

.mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-selected,
.mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-highlighted {
    background-color: var(--altbg) !important;
    color: var(--text) !important;
}

.oo-ui-optionWidget-selected .mw-echo-ui-pageNotificationsOptionWidget-label-count {
    color: var(--text) !important;
}

.mw-echo-ui-crossWikiUnreadFilterWidget-title,
.mw-echo-ui-crossWikiUnreadFilterWidget-subtitle {
    display: none !important;
}

.mw-echo-ui-pageFilterWidget {
    margin-top: none !important;
}