summaryrefslogtreecommitdiffstats
path: root/WebContent/VAADIN/themes/runo/notification/notification.scss
diff options
context:
space:
mode:
authorJouni Koivuviita <jouni@vaadin.com>2012-08-13 08:54:54 +0300
committerJouni Koivuviita <jouni@vaadin.com>2012-08-13 08:54:54 +0300
commit6031735017cd2fad28cdf64f4246e6d9914cc3ad (patch)
tree7ce54cd9b21fd29b425e90833384e1f66f52aa0c /WebContent/VAADIN/themes/runo/notification/notification.scss
parent559775efaf0a8f0f9f1ad6246084667732b15a0f (diff)
parent1fd77ff0d5fc6dee010b5c83acfd5b87b6801264 (diff)
downloadvaadin-framework-6031735017cd2fad28cdf64f4246e6d9914cc3ad.tar.gz
vaadin-framework-6031735017cd2fad28cdf64f4246e6d9914cc3ad.zip
merge master (sass theme changes)
Diffstat (limited to 'WebContent/VAADIN/themes/runo/notification/notification.scss')
-rw-r--r--WebContent/VAADIN/themes/runo/notification/notification.scss71
1 files changed, 71 insertions, 0 deletions
diff --git a/WebContent/VAADIN/themes/runo/notification/notification.scss b/WebContent/VAADIN/themes/runo/notification/notification.scss
new file mode 100644
index 0000000000..f81f304923
--- /dev/null
+++ b/WebContent/VAADIN/themes/runo/notification/notification.scss
@@ -0,0 +1,71 @@
+@mixin runo-notification {
+
+.v-Notification {
+ font-family: "Trebuchet MS", geneva, helvetica, arial, tahoma, verdana, sans-serif;
+ background-color: #94a0a3;
+ color: #ffffff;
+ padding: 20px 45px;
+ cursor: pointer;
+ -moz-border-radius: 3px;
+ -webkit-border-radius: 3px;
+ border-radius: 3px;
+ overflow: hidden;
+ font-size: 1.2em;
+ -webkit-box-shadow: 0 3px 10px rgba(0,0,0,.3);
+ -moz-box-shadow: 0 3px 10px rgba(0,0,0,.3);
+ margin: 10px;
+}
+.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;
+ line-height: normal;
+ margin: 0 10px 0 0;
+}
+.v-Notification-warning {
+ background: #fff1e4;
+ color: #dd3400;
+ border: 2px solid #ffaa90;
+ opacity: 1;
+}
+.v-Notification-error {
+ background: #f13d13 url(img/close-error.png) no-repeat right 5px;
+ padding-right: 50px;
+}
+.v-Notification-tray {
+ background: #575e60;
+ padding: 3px;
+ -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.5);
+ -moz-box-shadow: 0 3px 6px rgba(0,0,0,.5);
+ max-width: 17em;
+}
+.v-Notification-tray h1 {
+ display: block;
+ font-weight: bold;
+ font-size: 0.9em;
+ line-height: 1;
+ background: #3b4245;
+ padding: 2px 10px;
+ margin: 0;
+ -moz-border-radius: 2px;
+ -webkit-border-radius: 2px;
+ border-radius: 2px;
+}
+.v-Notification-tray p {
+ display: block;
+ font-size: 0.8em;
+ line-height: 1.2;
+ margin: 4px 10px 5px 10px;
+ color: #e4e7ea;
+}
+.v-Notification-system {
+ background-color: #ff0a0a;
+ font-size: .9em;
+ padding: 14px 32px;
+}
+
+} \ No newline at end of file