Add shadow to messagebox

This commit is contained in:
Hadi Nategh 2019-04-10 15:32:01 +02:00
parent bf309755ef
commit 90474d6163
6 changed files with 45 additions and 0 deletions

View File

@ -3244,6 +3244,10 @@ div.admin-config form > table td b {
} }
.error_message { .error_message {
border-top: 6px solid rgba(204, 0, 51, 0.8) !important; border-top: 6px solid rgba(204, 0, 51, 0.8) !important;
background-image: url(../images/dialog_error.png);
background-position: 4px 13px;
background-size: 12px;
background-repeat: no-repeat;
} }
.info_message .discard { .info_message .discard {
float: right; float: right;
@ -3255,6 +3259,10 @@ div.admin-config form > table td b {
body > div#egw_message { body > div#egw_message {
background-color: #E6E6E6; background-color: #E6E6E6;
right: 33%; right: 33%;
box-shadow: 2px 3px 13px #666666;
-moz-box-shadow: 2px 3px 13px #666666;
-webkit-box-shadow: 2px 3px 13px #666666;
-khtml-box-shadow: 2px 3px 13px #666666;
top: 0px; top: 0px;
padding: 13px; padding: 13px;
padding-left: 20px; padding-left: 20px;

View File

@ -3233,6 +3233,10 @@ div.admin-config form > table td b {
} }
.error_message { .error_message {
border-top: 6px solid rgba(204, 0, 51, 0.8) !important; border-top: 6px solid rgba(204, 0, 51, 0.8) !important;
background-image: url(../images/dialog_error.png);
background-position: 4px 13px;
background-size: 12px;
background-repeat: no-repeat;
} }
.info_message .discard { .info_message .discard {
float: right; float: right;
@ -3244,6 +3248,10 @@ div.admin-config form > table td b {
body > div#egw_message { body > div#egw_message {
background-color: #E6E6E6; background-color: #E6E6E6;
right: 33%; right: 33%;
box-shadow: 2px 3px 13px #666666;
-moz-box-shadow: 2px 3px 13px #666666;
-webkit-box-shadow: 2px 3px 13px #666666;
-khtml-box-shadow: 2px 3px 13px #666666;
top: 0px; top: 0px;
padding: 13px; padding: 13px;
padding-left: 20px; padding-left: 20px;

View File

@ -3244,6 +3244,10 @@ div.admin-config form > table td b {
} }
.error_message { .error_message {
border-top: 6px solid rgba(204, 0, 51, 0.8) !important; border-top: 6px solid rgba(204, 0, 51, 0.8) !important;
background-image: url(../images/dialog_error.png);
background-position: 4px 13px;
background-size: 12px;
background-repeat: no-repeat;
} }
.info_message .discard { .info_message .discard {
float: right; float: right;
@ -3255,6 +3259,10 @@ div.admin-config form > table td b {
body > div#egw_message { body > div#egw_message {
background-color: #E6E6E6; background-color: #E6E6E6;
right: 33%; right: 33%;
box-shadow: 2px 3px 13px #666666;
-moz-box-shadow: 2px 3px 13px #666666;
-webkit-box-shadow: 2px 3px 13px #666666;
-khtml-box-shadow: 2px 3px 13px #666666;
top: 0px; top: 0px;
padding: 13px; padding: 13px;
padding-left: 20px; padding-left: 20px;

View File

@ -15,6 +15,14 @@
@import "definitions.less"; @import "definitions.less";
// Box Shadow // Box Shadow
.box_shadow {
box-shadow: 2px 3px 13px #666666;
-moz-box-shadow: 2px 3px 13px #666666;
-webkit-box-shadow: 2px 3px 13px #666666;
-khtml-box-shadow: 2px 3px 13px #666666;
}
// none // none
.box_shadow_none { .box_shadow_none {
-webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);

View File

@ -434,6 +434,10 @@ div.admin-config form > table {
} }
.error_message { .error_message {
border-top: 6px solid @egw_color_msg_error !important; border-top: 6px solid @egw_color_msg_error !important;
background-image: url(../images/dialog_error.png);
background-position: 4px 13px;
background-size: 12px;
background-repeat: no-repeat;
} }
.info_message .discard { .info_message .discard {
float:right; float:right;
@ -445,6 +449,7 @@ div.admin-config form > table {
body > div#egw_message { body > div#egw_message {
background-color: @gray_10; background-color: @gray_10;
right: 33%; right: 33%;
.box_shadow;
top: 0px; top: 0px;
padding: 13px; padding: 13px;
padding-left: 20px; padding-left: 20px;

View File

@ -3255,6 +3255,10 @@ div.admin-config form > table td b {
} }
.error_message { .error_message {
border-top: 6px solid rgba(204, 0, 51, 0.8) !important; border-top: 6px solid rgba(204, 0, 51, 0.8) !important;
background-image: url(../images/dialog_error.png);
background-position: 4px 13px;
background-size: 12px;
background-repeat: no-repeat;
} }
.info_message .discard { .info_message .discard {
float: right; float: right;
@ -3266,6 +3270,10 @@ div.admin-config form > table td b {
body > div#egw_message { body > div#egw_message {
background-color: #E6E6E6; background-color: #E6E6E6;
right: 33%; right: 33%;
box-shadow: 2px 3px 13px #666666;
-moz-box-shadow: 2px 3px 13px #666666;
-webkit-box-shadow: 2px 3px 13px #666666;
-khtml-box-shadow: 2px 3px 13px #666666;
top: 0px; top: 0px;
padding: 13px; padding: 13px;
padding-left: 20px; padding-left: 20px;