HighContrast: adjust message dialog styling

This commit is contained in:
Matthias Clasen
2015-10-30 23:49:44 -04:00
parent d70d5ea6ec
commit c265b58181
2 changed files with 26 additions and 26 deletions

View File

@ -2080,11 +2080,11 @@ calendar {
* Dialogs *
***********/
.message-dialog .dialog-action-area button {
messagedialog .dialog-action-area button {
padding: 8px;
}
.message-dialog { // Message Dialog styling
messagedialog { // Message Dialog styling
.titlebar {
border-style: none;
box-shadow: inset 0 1px $borders_edge;

View File

@ -2239,16 +2239,16 @@ calendar {
/***********
* Dialogs *
***********/
.message-dialog .dialog-action-area button {
messagedialog .dialog-action-area button {
padding: 8px; }
.message-dialog .titlebar {
messagedialog .titlebar {
border-style: none;
box-shadow: inset 0 1px #fff; }
.message-dialog.csd {
messagedialog.csd {
border-bottom-left-radius: 9px;
border-bottom-right-radius: 9px; }
.message-dialog.csd .dialog-action-area button {
messagedialog.csd .dialog-action-area button {
padding: 12px;
border-radius: 0;
border-width: 2px;
@ -2257,21 +2257,21 @@ calendar {
background-image: none;
background-color: #fff;
border-color: gray; }
.message-dialog.csd .dialog-action-area button:hover {
messagedialog.csd .dialog-action-area button:hover {
border-width: 2px;
border-style: solid;
color: #000;
background-color: #fff;
border-color: gray;
background-image: none; }
.message-dialog.csd .dialog-action-area button:active {
messagedialog.csd .dialog-action-area button:active {
border-width: 2px;
border-style: solid;
background-image: none;
color: white;
background-color: black;
border-color: gray; }
.message-dialog.csd .dialog-action-area button:insensitive {
messagedialog.csd .dialog-action-area button:insensitive {
border-width: 2px;
border-style: solid;
color: gray;
@ -2280,7 +2280,7 @@ calendar {
background-image: none;
text-shadow: none;
icon-shadow: none; }
.message-dialog.csd .dialog-action-area button:backdrop {
messagedialog.csd .dialog-action-area button:backdrop {
border-width: 2px;
border-style: solid;
color: #000;
@ -2289,35 +2289,35 @@ calendar {
background-image: none;
text-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-style: solid;
color: gray;
background-color: white;
border-color: #8d8d8d;
background-image: none; }
.message-dialog.csd .dialog-action-area button.suggested-action {
messagedialog.csd .dialog-action-area button.suggested-action {
border-width: 2px;
border-style: solid;
color: white;
background-image: none;
background-color: #4a90d9;
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-style: solid;
color: white;
background-color: #4a90d9;
border-color: #1c5187;
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-style: solid;
background-image: none;
color: black;
background-color: #b56f26;
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-style: solid;
color: white;
@ -2326,14 +2326,14 @@ calendar {
background-image: none;
text-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-style: solid;
color: gray;
background-color: white;
border-color: #8d8d8d;
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-style: solid;
color: gray;
@ -2342,28 +2342,28 @@ calendar {
background-image: none;
text-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-style: solid;
color: white;
background-image: none;
background-color: #ef2929;
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-style: solid;
color: white;
background-color: #ef2929;
border-color: #8e0b0b;
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-style: solid;
background-image: none;
color: black;
background-color: #10d6d6;
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-style: solid;
color: white;
@ -2372,14 +2372,14 @@ calendar {
background-image: none;
text-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-style: solid;
color: gray;
background-color: white;
border-color: #8d8d8d;
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-style: solid;
color: gray;
@ -2388,12 +2388,12 @@ calendar {
background-image: none;
text-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-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; }
.message-dialog.csd .dialog-action-area button:first-child {
messagedialog.csd .dialog-action-area button:first-child {
border-left-style: none;
border-bottom-left-radius: 7px; }