test/cuba
1
0
Fork 0
mirror of https://gitee.com/jmix/cuba.git synced 2024-12-03 03:38:33 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

Notification - header style and word wrap #PL-2011

Browse Source
This commit is contained in:
Yuriy Artamonov 2013-04-03 14:53:24 +00:00
parent dd04d0dbdd
commit f8a77cfa2c
2 changed files with 72 additions and 56 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
modules/web/css/VAADIN/themes/havana/notification/notification.css
View File

@ -9,17 +9,25 @@
-webkit-border-radius: 3px;
border-radius: 3px;
overflow: hidden;
max-width: 80%;
}
.v-Notification h1,
.v-Notification p,
.v-Notification.error h1,
.v-Notification.error p,
.v-Notification.warning h1,
.v-Notification.warning p {
display: inline;
font-weight: normal;
white-space: nowrap;
margin: 0 10px 0 0;
margin: 0 10px 0 0;
}
.v-Notification h1 {
display: block;
text-align: center;
}
.v-Notification p {
white-space: normal;
}
.v-Notification.warning {
@ -41,8 +49,8 @@
border-radius: 6px;
}
.v-Notification.tray {
max-width: 50%;
background: #575e60;
padding: 0.5em;
margin: 0 5px 5px 0;

110
modules/web/css/VAADIN/themes/peyto/notification/notification.css
View File

@ -1,81 +1,89 @@
.v-Notification {
font-family: verdana, tahoma, arial, geneva, helvetica, sans-serif, "Trebuchet MS";
background-color: #818e92;
color: #ffffff;
padding: 9px 12px;
cursor: pointer;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
overflow: hidden;
font-family: verdana, tahoma, arial, geneva, helvetica, sans-serif, "Trebuchet MS";
background-color: #818e92;
color: #ffffff;
padding: 9px 12px;
cursor: pointer;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
overflow: hidden;
max-width: 80%;
}
.v-Notification h1,
.v-Notification p,
.v-Notification.error h1,
.v-Notification.error p,
.v-Notification.warning h1,
.v-Notification.warning p {
display: inline;
font-weight: normal;
white-space: nowrap;
margin: 0 10px 0 0;
margin: 0 10px 0 0;
}
.v-Notification h1 {
display: block;
text-align: center;
}
.v-Notification p {
white-space: normal;
}
.v-Notification.warning {
background: #fff1e4;
color: #dd3400;
border: 2px solid #ffaa90;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
opacity: 1;
background: #fff1e4;
color: #dd3400;
border: 2px solid #ffaa90;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
opacity: 1;
}
.v-Notification.error {
background: #f23d00 url(img/close-error.png) no-repeat right 5px;
padding-right: 30px;
border: 3px solid #c30000;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
background: #f23d00 url(img/close-error.png) no-repeat right 5px;
padding-right: 30px;
border: 3px solid #c30000;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}
.v-Notification.tray {
background: #575e60;
padding: 0.5em;
margin: 0 5px 5px 0;
max-width: 50%;
background: #575e60;
padding: 0.5em;
margin: 0 5px 5px 0;
}
.v-Notification.tray h1 {
display: block;
font-weight: bold;
font-size: 0.9em;
line-height: 1.1;
background: #3b4245;
padding: 4px 10px;
margin: 0;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
display: block;
font-weight: bold;
font-size: 0.9em;
line-height: 1.1;
background: #3b4245;
padding: 4px 10px;
margin: 0;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.v-Notification.tray p {
display: block;
font-size: 0.9em;
line-height: 1.1;
margin: 8px 10px 5px 10px;
color: #e4e7ea;
display: block;
font-size: 0.9em;
line-height: 1.1;
margin: 8px 10px 5px 10px;
color: #e4e7ea;
}
.v-Notification.system {
background-color: #ff0a0a;
opacity: 0.7;
filter: alpha(opacity=70);
background-color: #ff0a0a;
opacity: 0.7;
filter: alpha(opacity=70);
}
.v-Notification.system h1 {
display: block;
margin: 0;
display: block;
margin: 0;
}
.v-Notification.system p {
white-space: nowrap;
white-space: nowrap;
}