HighContrast: adjust message dialog styling
This commit is contained in:
@ -2080,11 +2080,11 @@ calendar {
|
|||||||
* Dialogs *
|
* Dialogs *
|
||||||
***********/
|
***********/
|
||||||
|
|
||||||
.message-dialog .dialog-action-area button {
|
messagedialog .dialog-action-area button {
|
||||||
padding: 8px;
|
padding: 8px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.message-dialog { // Message Dialog styling
|
messagedialog { // Message Dialog styling
|
||||||
.titlebar {
|
.titlebar {
|
||||||
border-style: none;
|
border-style: none;
|
||||||
box-shadow: inset 0 1px $borders_edge;
|
box-shadow: inset 0 1px $borders_edge;
|
||||||
|
|||||||
@ -2239,16 +2239,16 @@ calendar {
|
|||||||
/***********
|
/***********
|
||||||
* Dialogs *
|
* Dialogs *
|
||||||
***********/
|
***********/
|
||||||
.message-dialog .dialog-action-area button {
|
messagedialog .dialog-action-area button {
|
||||||
padding: 8px; }
|
padding: 8px; }
|
||||||
|
|
||||||
.message-dialog .titlebar {
|
messagedialog .titlebar {
|
||||||
border-style: none;
|
border-style: none;
|
||||||
box-shadow: inset 0 1px #fff; }
|
box-shadow: inset 0 1px #fff; }
|
||||||
.message-dialog.csd {
|
messagedialog.csd {
|
||||||
border-bottom-left-radius: 9px;
|
border-bottom-left-radius: 9px;
|
||||||
border-bottom-right-radius: 9px; }
|
border-bottom-right-radius: 9px; }
|
||||||
.message-dialog.csd .dialog-action-area button {
|
messagedialog.csd .dialog-action-area button {
|
||||||
padding: 12px;
|
padding: 12px;
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
border-width: 2px;
|
border-width: 2px;
|
||||||
@ -2257,21 +2257,21 @@ calendar {
|
|||||||
background-image: none;
|
background-image: none;
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
border-color: gray; }
|
border-color: gray; }
|
||||||
.message-dialog.csd .dialog-action-area button:hover {
|
messagedialog.csd .dialog-action-area button:hover {
|
||||||
border-width: 2px;
|
border-width: 2px;
|
||||||
border-style: solid;
|
border-style: solid;
|
||||||
color: #000;
|
color: #000;
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
border-color: gray;
|
border-color: gray;
|
||||||
background-image: none; }
|
background-image: none; }
|
||||||
.message-dialog.csd .dialog-action-area button:active {
|
messagedialog.csd .dialog-action-area button:active {
|
||||||
border-width: 2px;
|
border-width: 2px;
|
||||||
border-style: solid;
|
border-style: solid;
|
||||||
background-image: none;
|
background-image: none;
|
||||||
color: white;
|
color: white;
|
||||||
background-color: black;
|
background-color: black;
|
||||||
border-color: gray; }
|
border-color: gray; }
|
||||||
.message-dialog.csd .dialog-action-area button:insensitive {
|
messagedialog.csd .dialog-action-area button:insensitive {
|
||||||
border-width: 2px;
|
border-width: 2px;
|
||||||
border-style: solid;
|
border-style: solid;
|
||||||
color: gray;
|
color: gray;
|
||||||
@ -2280,7 +2280,7 @@ calendar {
|
|||||||
background-image: none;
|
background-image: none;
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
icon-shadow: none; }
|
icon-shadow: none; }
|
||||||
.message-dialog.csd .dialog-action-area button:backdrop {
|
messagedialog.csd .dialog-action-area button:backdrop {
|
||||||
border-width: 2px;
|
border-width: 2px;
|
||||||
border-style: solid;
|
border-style: solid;
|
||||||
color: #000;
|
color: #000;
|
||||||
@ -2289,35 +2289,35 @@ calendar {
|
|||||||
background-image: none;
|
background-image: none;
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
icon-shadow: none; }
|
icon-shadow: none; }
|
||||||
.message-dialog.csd .dialog-action-area button:backdrop:insensitive {
|
messagedialog.csd .dialog-action-area button:backdrop:insensitive {
|
||||||
border-width: 2px;
|
border-width: 2px;
|
||||||
border-style: solid;
|
border-style: solid;
|
||||||
color: gray;
|
color: gray;
|
||||||
background-color: white;
|
background-color: white;
|
||||||
border-color: #8d8d8d;
|
border-color: #8d8d8d;
|
||||||
background-image: none; }
|
background-image: none; }
|
||||||
.message-dialog.csd .dialog-action-area button.suggested-action {
|
messagedialog.csd .dialog-action-area button.suggested-action {
|
||||||
border-width: 2px;
|
border-width: 2px;
|
||||||
border-style: solid;
|
border-style: solid;
|
||||||
color: white;
|
color: white;
|
||||||
background-image: none;
|
background-image: none;
|
||||||
background-color: #4a90d9;
|
background-color: #4a90d9;
|
||||||
border-color: #1c5187; }
|
border-color: #1c5187; }
|
||||||
.message-dialog.csd .dialog-action-area button.suggested-action:hover {
|
messagedialog.csd .dialog-action-area button.suggested-action:hover {
|
||||||
border-width: 2px;
|
border-width: 2px;
|
||||||
border-style: solid;
|
border-style: solid;
|
||||||
color: white;
|
color: white;
|
||||||
background-color: #4a90d9;
|
background-color: #4a90d9;
|
||||||
border-color: #1c5187;
|
border-color: #1c5187;
|
||||||
background-image: none; }
|
background-image: none; }
|
||||||
.message-dialog.csd .dialog-action-area button.suggested-action:active {
|
messagedialog.csd .dialog-action-area button.suggested-action:active {
|
||||||
border-width: 2px;
|
border-width: 2px;
|
||||||
border-style: solid;
|
border-style: solid;
|
||||||
background-image: none;
|
background-image: none;
|
||||||
color: black;
|
color: black;
|
||||||
background-color: #b56f26;
|
background-color: #b56f26;
|
||||||
border-color: #1c5187; }
|
border-color: #1c5187; }
|
||||||
.message-dialog.csd .dialog-action-area button.suggested-action:backdrop {
|
messagedialog.csd .dialog-action-area button.suggested-action:backdrop {
|
||||||
border-width: 2px;
|
border-width: 2px;
|
||||||
border-style: solid;
|
border-style: solid;
|
||||||
color: white;
|
color: white;
|
||||||
@ -2326,14 +2326,14 @@ calendar {
|
|||||||
background-image: none;
|
background-image: none;
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
icon-shadow: none; }
|
icon-shadow: none; }
|
||||||
.message-dialog.csd .dialog-action-area button.suggested-action:backdrop:insensitive {
|
messagedialog.csd .dialog-action-area button.suggested-action:backdrop:insensitive {
|
||||||
border-width: 2px;
|
border-width: 2px;
|
||||||
border-style: solid;
|
border-style: solid;
|
||||||
color: gray;
|
color: gray;
|
||||||
background-color: white;
|
background-color: white;
|
||||||
border-color: #8d8d8d;
|
border-color: #8d8d8d;
|
||||||
background-image: none; }
|
background-image: none; }
|
||||||
.message-dialog.csd .dialog-action-area button.suggested-action:insensitive {
|
messagedialog.csd .dialog-action-area button.suggested-action:insensitive {
|
||||||
border-width: 2px;
|
border-width: 2px;
|
||||||
border-style: solid;
|
border-style: solid;
|
||||||
color: gray;
|
color: gray;
|
||||||
@ -2342,28 +2342,28 @@ calendar {
|
|||||||
background-image: none;
|
background-image: none;
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
icon-shadow: none; }
|
icon-shadow: none; }
|
||||||
.message-dialog.csd .dialog-action-area button.destructive-action {
|
messagedialog.csd .dialog-action-area button.destructive-action {
|
||||||
border-width: 2px;
|
border-width: 2px;
|
||||||
border-style: solid;
|
border-style: solid;
|
||||||
color: white;
|
color: white;
|
||||||
background-image: none;
|
background-image: none;
|
||||||
background-color: #ef2929;
|
background-color: #ef2929;
|
||||||
border-color: #8e0b0b; }
|
border-color: #8e0b0b; }
|
||||||
.message-dialog.csd .dialog-action-area button.destructive-action:hover {
|
messagedialog.csd .dialog-action-area button.destructive-action:hover {
|
||||||
border-width: 2px;
|
border-width: 2px;
|
||||||
border-style: solid;
|
border-style: solid;
|
||||||
color: white;
|
color: white;
|
||||||
background-color: #ef2929;
|
background-color: #ef2929;
|
||||||
border-color: #8e0b0b;
|
border-color: #8e0b0b;
|
||||||
background-image: none; }
|
background-image: none; }
|
||||||
.message-dialog.csd .dialog-action-area button.destructive-action:active {
|
messagedialog.csd .dialog-action-area button.destructive-action:active {
|
||||||
border-width: 2px;
|
border-width: 2px;
|
||||||
border-style: solid;
|
border-style: solid;
|
||||||
background-image: none;
|
background-image: none;
|
||||||
color: black;
|
color: black;
|
||||||
background-color: #10d6d6;
|
background-color: #10d6d6;
|
||||||
border-color: #8e0b0b; }
|
border-color: #8e0b0b; }
|
||||||
.message-dialog.csd .dialog-action-area button.destructive-action:backdrop {
|
messagedialog.csd .dialog-action-area button.destructive-action:backdrop {
|
||||||
border-width: 2px;
|
border-width: 2px;
|
||||||
border-style: solid;
|
border-style: solid;
|
||||||
color: white;
|
color: white;
|
||||||
@ -2372,14 +2372,14 @@ calendar {
|
|||||||
background-image: none;
|
background-image: none;
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
icon-shadow: none; }
|
icon-shadow: none; }
|
||||||
.message-dialog.csd .dialog-action-area button.destructive-action:backdrop:insensitive {
|
messagedialog.csd .dialog-action-area button.destructive-action:backdrop:insensitive {
|
||||||
border-width: 2px;
|
border-width: 2px;
|
||||||
border-style: solid;
|
border-style: solid;
|
||||||
color: gray;
|
color: gray;
|
||||||
background-color: white;
|
background-color: white;
|
||||||
border-color: #8d8d8d;
|
border-color: #8d8d8d;
|
||||||
background-image: none; }
|
background-image: none; }
|
||||||
.message-dialog.csd .dialog-action-area button.destructive-action:insensitive {
|
messagedialog.csd .dialog-action-area button.destructive-action:insensitive {
|
||||||
border-width: 2px;
|
border-width: 2px;
|
||||||
border-style: solid;
|
border-style: solid;
|
||||||
color: gray;
|
color: gray;
|
||||||
@ -2388,12 +2388,12 @@ calendar {
|
|||||||
background-image: none;
|
background-image: none;
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
icon-shadow: none; }
|
icon-shadow: none; }
|
||||||
.message-dialog.csd .dialog-action-area button, .message-dialog.csd .dialog-action-area button:hover, .message-dialog.csd .dialog-action-area button:active, .message-dialog.csd .dialog-action-area button:insensitive, .message-dialog.csd .dialog-action-area button:backdrop, .message-dialog.csd .dialog-action-area button:backdrop:insensitive, .message-dialog.csd .dialog-action-area button.suggested-action, .message-dialog.csd .dialog-action-area button.suggested-action:hover, .message-dialog.csd .dialog-action-area button.suggested-action:active, .message-dialog.csd .dialog-action-area button.suggested-action:backdrop, .message-dialog.csd .dialog-action-area button.suggested-action:backdrop:insensitive, .message-dialog.csd .dialog-action-area button.suggested-action:insensitive, .message-dialog.csd .dialog-action-area button.destructive-action, .message-dialog.csd .dialog-action-area button.destructive-action:hover, .message-dialog.csd .dialog-action-area button.destructive-action:active, .message-dialog.csd .dialog-action-area button.destructive-action:backdrop, .message-dialog.csd .dialog-action-area button.destructive-action:backdrop:insensitive, .message-dialog.csd .dialog-action-area button.destructive-action:insensitive {
|
messagedialog.csd .dialog-action-area button, messagedialog.csd .dialog-action-area button:hover, messagedialog.csd .dialog-action-area button:active, messagedialog.csd .dialog-action-area button:insensitive, messagedialog.csd .dialog-action-area button:backdrop, messagedialog.csd .dialog-action-area button:backdrop:insensitive, messagedialog.csd .dialog-action-area button.suggested-action, messagedialog.csd .dialog-action-area button.suggested-action:hover, messagedialog.csd .dialog-action-area button.suggested-action:active, messagedialog.csd .dialog-action-area button.suggested-action:backdrop, messagedialog.csd .dialog-action-area button.suggested-action:backdrop:insensitive, messagedialog.csd .dialog-action-area button.suggested-action:insensitive, messagedialog.csd .dialog-action-area button.destructive-action, messagedialog.csd .dialog-action-area button.destructive-action:hover, messagedialog.csd .dialog-action-area button.destructive-action:active, messagedialog.csd .dialog-action-area button.destructive-action:backdrop, messagedialog.csd .dialog-action-area button.destructive-action:backdrop:insensitive, messagedialog.csd .dialog-action-area button.destructive-action:insensitive {
|
||||||
border-right-style: none;
|
border-right-style: none;
|
||||||
border-bottom-style: none; }
|
border-bottom-style: none; }
|
||||||
.message-dialog.csd .dialog-action-area button:last-child {
|
messagedialog.csd .dialog-action-area button:last-child {
|
||||||
border-bottom-right-radius: 7px; }
|
border-bottom-right-radius: 7px; }
|
||||||
.message-dialog.csd .dialog-action-area button:first-child {
|
messagedialog.csd .dialog-action-area button:first-child {
|
||||||
border-left-style: none;
|
border-left-style: none;
|
||||||
border-bottom-left-radius: 7px; }
|
border-bottom-left-radius: 7px; }
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user