2021-05-10 17:20:11 +03:00
|
|
|
/* Dialogs */
|
|
|
|
|
|
|
|
@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
|
|
|
|
|
2021-12-20 00:52:01 +02:00
|
|
|
window {
|
|
|
|
padding: 0 !important;
|
|
|
|
}
|
|
|
|
|
2023-03-03 18:45:51 +02:00
|
|
|
#window-modal-dialog {
|
|
|
|
display: flex;
|
2022-07-28 19:14:00 +03:00
|
|
|
justify-content: center;
|
2023-03-03 18:45:51 +02:00
|
|
|
align-items: center;
|
|
|
|
height: 100vh;
|
2022-07-04 20:18:43 +03:00
|
|
|
}
|
2023-03-03 18:45:51 +02:00
|
|
|
|
|
|
|
/* Browser dialog prompts center */
|
2022-07-28 19:14:00 +03:00
|
|
|
.dialogOverlay[topmost="true"]:not(.dialogOverlay-window-modal-dialog-subdialog), #window-modal-dialog::backdrop {
|
2022-07-04 20:18:43 +03:00
|
|
|
background-color: rgba(0, 0, 0, .5) !important;
|
2021-05-10 17:20:11 +03:00
|
|
|
}
|
|
|
|
|
|
|
|
/* Dialog */
|
2021-06-02 06:39:53 +03:00
|
|
|
.dialogBox {
|
2022-07-04 20:18:43 +03:00
|
|
|
border-radius: 12px !important;
|
2021-06-02 06:39:53 +03:00
|
|
|
margin-top: 0 !important;
|
|
|
|
}
|
2023-03-27 06:08:32 +03:00
|
|
|
.dialogBox[resizable="true"] {
|
|
|
|
margin-top: 24px !important;
|
|
|
|
}
|
2021-06-02 06:39:53 +03:00
|
|
|
|
2022-07-04 20:18:43 +03:00
|
|
|
window[role="dialog"] {
|
2023-08-04 03:45:10 +03:00
|
|
|
background: var(--gnome-menu-background) !important;
|
2021-05-10 17:20:11 +03:00
|
|
|
border: 0 !important;
|
2022-07-04 22:26:32 +03:00
|
|
|
box-shadow: var(--gnome-menu-shadow) !important;
|
2021-06-02 06:39:53 +03:00
|
|
|
padding: 0 !important;
|
2021-05-10 17:20:11 +03:00
|
|
|
}
|
2022-07-04 20:18:43 +03:00
|
|
|
dialog {
|
2021-06-07 01:39:04 +03:00
|
|
|
padding: 0 !important;
|
|
|
|
}
|
2023-03-27 06:08:32 +03:00
|
|
|
dialog#handling {
|
|
|
|
display: flex;
|
|
|
|
flex-direction: column;
|
|
|
|
}
|
2021-06-02 06:39:53 +03:00
|
|
|
|
2021-05-10 17:20:11 +03:00
|
|
|
/* Content */
|
2023-01-27 19:33:07 +02:00
|
|
|
.dialog-content-box {
|
2021-05-10 17:20:11 +03:00
|
|
|
padding: 24px;
|
2022-12-18 05:51:34 +02:00
|
|
|
padding-bottom: 0;
|
2021-05-10 17:20:11 +03:00
|
|
|
}
|
2023-04-12 02:58:35 +03:00
|
|
|
.box-inherit[part="content-box"] {
|
|
|
|
padding: 12px 24px 12px 24px;
|
|
|
|
}
|
2021-05-10 17:20:11 +03:00
|
|
|
#titleContainer {
|
|
|
|
justify-content: center !important;
|
|
|
|
}
|
2022-07-04 22:26:32 +03:00
|
|
|
.titleIcon {
|
|
|
|
background-color: transparent !important;
|
|
|
|
}
|
2021-05-10 17:20:11 +03:00
|
|
|
|
|
|
|
/* Buttons */
|
|
|
|
.dialog-button-box {
|
2023-08-04 03:45:10 +03:00
|
|
|
background: transparent !important;
|
|
|
|
border-top: 1px solid var(--gnome-border-color) !important;
|
2021-05-10 17:20:11 +03:00
|
|
|
display: flex !important;
|
2023-03-27 06:08:32 +03:00
|
|
|
margin-top: auto;
|
2023-08-04 03:45:10 +03:00
|
|
|
padding: 0 !important;
|
2021-05-10 17:20:11 +03:00
|
|
|
}
|
|
|
|
|
2023-05-09 21:28:31 +03:00
|
|
|
.dialog-button-box .button-spacer {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
2021-05-10 17:20:11 +03:00
|
|
|
.dialog-button-box button:not(#hack) {
|
|
|
|
height: auto !important;
|
|
|
|
max-height: unset !important;
|
2021-06-02 06:39:53 +03:00
|
|
|
padding: 10px 14px !important;
|
2021-05-10 17:20:11 +03:00
|
|
|
margin: 0 !important;
|
|
|
|
border-radius: 0 !important;
|
|
|
|
flex: 1;
|
|
|
|
border-bottom: 0 !important;
|
|
|
|
}
|
|
|
|
|
2023-08-04 03:45:10 +03:00
|
|
|
.dialog-button-box button:not(:last-child, :only-child) {
|
|
|
|
border-right: 1px solid var(--gnome-border-color) !important;
|
2021-05-10 17:20:11 +03:00
|
|
|
}
|
2023-08-04 03:45:10 +03:00
|
|
|
|
|
|
|
.dialog-button-box button[default] {
|
|
|
|
color: var(--gnome-accent) !important;
|
2021-05-10 17:20:11 +03:00
|
|
|
}
|
2021-06-08 23:13:19 +03:00
|
|
|
|
|
|
|
/* Hadler dialog */
|
|
|
|
#os-default-handler image {
|
|
|
|
display: none !important;
|
|
|
|
}
|
|
|
|
#os-default-handler .name {
|
|
|
|
font-weight: normal !important;
|
|
|
|
}
|
2023-05-16 07:07:22 +03:00
|
|
|
|
|
|
|
/* Fullscreen warning */
|
|
|
|
#fullscreen-warning {
|
2023-05-30 03:04:38 +03:00
|
|
|
background: rgba(0, 0, 0, 0.7) !important;
|
|
|
|
border-radius: 150px !important;
|
2023-05-16 07:07:22 +03:00
|
|
|
border: none !important;
|
2023-05-30 03:04:38 +03:00
|
|
|
color: rgba(255, 255, 255, .9) !important;
|
|
|
|
padding: 6px 12px !important;
|
2023-05-16 07:07:22 +03:00
|
|
|
}
|
|
|
|
|
|
|
|
#fullscreen-warning::before {
|
|
|
|
background-image: url("../icons/padlock-symbolic.svg") !important;
|
2023-05-30 03:04:38 +03:00
|
|
|
height: 16px !important;
|
|
|
|
width: 16px !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
#fullscreen-warning .pointerlockfswarning-domain-text {
|
|
|
|
font-size: 16px !important;
|
|
|
|
font-weight: normal !important;
|
|
|
|
margin: 0 12px 0 6px !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
#fullscreen-exit-button {
|
|
|
|
appearance: none !important;
|
|
|
|
background: rgba(255, 255, 255, .09) !important;
|
|
|
|
border-radius: 6px !important;
|
|
|
|
border: 0 !important;
|
|
|
|
padding: 2px 16px !important;
|
|
|
|
height: 34px !important;
|
|
|
|
min-height: 34px !important;
|
|
|
|
color: rgba(255, 255, 255, .9) !important;
|
|
|
|
font-weight: bold !important;
|
|
|
|
transition: background .3s;
|
|
|
|
}
|
|
|
|
#fullscreen-exit-button:hover {
|
|
|
|
background: rgba(255, 255, 255, .135) !important;
|
|
|
|
}
|
|
|
|
#fullscreen-exit-button:active {
|
|
|
|
background: rgba(255, 255, 255, .27) !important;
|
2023-05-16 07:07:22 +03:00
|
|
|
}
|