aboutsummaryrefslogtreecommitdiffstats
path: root/WebContent/VAADIN/themes/reindeer/notification
diff options
context:
space:
mode:
authorJouni Koivuviita <jouni.koivuviita@itmill.com>2009-08-31 08:54:13 +0000
committerJouni Koivuviita <jouni.koivuviita@itmill.com>2009-08-31 08:54:13 +0000
commitad96763e5c54cb4427f248a6499a2a34158c29ff (patch)
tree88b393567566dbbdbd8113c4a3ea3125281f640d /WebContent/VAADIN/themes/reindeer/notification
parentfe6bbbc9361e277ffb1de06171d8a61ab3127450 (diff)
downloadvaadin-framework-ad96763e5c54cb4427f248a6499a2a34158c29ff.tar.gz
vaadin-framework-ad96763e5c54cb4427f248a6499a2a34158c29ff.zip
Updated notification styles for Reindeer. Fixes #3186: Add a close icon for Notification.ERROR (Reindeer)
svn changeset:8591/svn branch:6.1
Diffstat (limited to 'WebContent/VAADIN/themes/reindeer/notification')
-rw-r--r--WebContent/VAADIN/themes/reindeer/notification/img/error-close.pngbin0 -> 653 bytes
-rw-r--r--WebContent/VAADIN/themes/reindeer/notification/notification.css20
2 files changed, 16 insertions, 4 deletions
diff --git a/WebContent/VAADIN/themes/reindeer/notification/img/error-close.png b/WebContent/VAADIN/themes/reindeer/notification/img/error-close.png
new file mode 100644
index 0000000000..2ce85b628a
--- /dev/null
+++ b/WebContent/VAADIN/themes/reindeer/notification/img/error-close.png
Binary files differ
diff --git a/WebContent/VAADIN/themes/reindeer/notification/notification.css b/WebContent/VAADIN/themes/reindeer/notification/notification.css
index a4e17ad86a..5ec4e585fe 100644
--- a/WebContent/VAADIN/themes/reindeer/notification/notification.css
+++ b/WebContent/VAADIN/themes/reindeer/notification/notification.css
@@ -4,21 +4,33 @@
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
font-size: 100%;
- background: #babcbe;
+ background: #c8ccd0;
+ font-weight: bold;
+}
+.v-Notification p {
+ line-height: 1.3;
}
.v-Notification.warning {
- background: #f4a100;
+ background: #fdf3b5;
+ color: #ca9a61;
+ border: 3px solid #fee3af;
}
.v-Notification.error {
- background: #d82000;
+ background: #b40000 none no-repeat right top;
+ background-image: url(img/error-close.png);
+ border: 3px solid #ca3030;
}
.v-Notification.tray {
margin: 0 5px 5px 0;
- background: #16181a;
+ background: #3b3c3e;
+ border: 2px solid #585b5c;
+ padding: 0.8em 0.9em;
}
.v-Notification.tray h1 {
font-size: 14px;
+ line-height: 18px;
}
.v-Notification.tray p {
font-size: 12px;
+ font-weight: normal;
} \ No newline at end of file