MediaWiki:Custom-common.less/UIDialog.less

.ui-dialog, .ui-dialog .ui-dialog-buttonpane { background: var(--theme-page-background-color--secondary); } .ui-dialog { border-color: var(--theme-border-color); font-family: rubik,helvetica,arial,sans-serif; padding: 0; } .ui-dialog .ui-state-default, .ui-dialog .ui-widget-content, .ui-dialog .ui-widget-header { background: none; border-color: var(--theme-border-color); color: var(--theme-page-text-color); } .ui-dialog .ui-state-default, .ui-dialog .ui-widget-content, .ui-dialog .ui-widget-header { background: none; border-color: var(--theme-border-color); color: var(--theme-page-text-color); } .ui-dialog .ui-dialog-titlebar { background: none; border-radius: 0; border-width: 0 0 1px; text-align: center; } .ui-dialog .ui-dialog-title { float: none; } .ui-dialog .ui-dialog-titlebar-close { color: var(--theme-page-text-color); } .ui-dialog.ui-widget .ui-dialog-titlebar-close .ui-icon-closethick { background-color: currentColor; background-image: none; -webkit-mask: url(https://hypixel-skyblock.fandom.com/resources-ucp/dist/svg/wds-icons-close-small.svg) no-repeat center; mask: url(https://hypixel-skyblock.fandom.com/resources-ucp/dist/svg/wds-icons-close-small.svg) no-repeat center; } .ui-dialog .ui-dialog-titlebar-close.ui-state-active, .ui-dialog .ui-dialog-titlebar-close.ui-state-focus, .ui-dialog .ui-dialog-titlebar-close.ui-state-hover { background: none; border: none; color: var(--theme-page-text-color--hover); } .ui-dialog .ui-dialog-titlebar-close { padding: 0; } .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; } body .ui-dialog .ui-dialog-titlebar-close { right: 0.9em; } .ui-dialog .ui-dialog-buttonset .ui-button:first-child { background: var(--theme-accent-color); border-color: var(--theme-accent-color); color: var(--theme-accent-label-color); } .ui-dialog .ui-button.ui-button-text-only .ui-button-text { padding: 0; } .ui-dialog .ui-button { font-size: 12px; font-weight: 700; text-transform: uppercase; } .ui-dialog .ui-dialog-buttonset .ui-button:first-child.ui-state-active, .ui-dialog .ui-dialog-buttonset .ui-button:first-child.ui-state-focus, .ui-dialog .ui-dialog-buttonset .ui-button:first-child.ui-state-hover { background: var(--theme-accent-color--hover); border-color: var(--theme-accent-color--hover); color: var(--theme-page-text-color); } .ui-dialog .ui-button.ui-state-active, .ui-dialog .ui-button.ui-state-focus, .ui-dialog .ui-button.ui-state-hover { color: var(--theme-page-text-color--hover); outline: none; } .ui-dialog .ui-button { border-radius: 3px; font-size: 12px; font-weight: 700; padding: 7px 15px; text-transform: uppercase; -webkit-transition: background-color .3s,color .3s,border-color .3s; transition: background-color .3s,color .3s,border-color .3s; } .ui-dialog + .ui-widget-overlay { background: hsla(0,0%,100%,.5); opacity: 1; } .ui-dialog button, .ui-dialog input, .ui-dialog select, .ui-dialog textarea { font-family: inherit; margin-top: 6px; }