From 1b111dfcfa4f5cd4f55d9f16ac06c00823a56c87 Mon Sep 17 00:00:00 2001
From: Alexandre Junges <alexandrejunges@outlook.com>
Date: Fri, 17 Jan 2014 13:15:09 -0200
Subject: [PATCH] Created Metro style

---
 dist/styles/metro/notify-metro.css |  40 +++++++++++++++++++++++++++++
 dist/styles/metro/notify-metro.js  |  39 ++++++++++++++++++++++++++++
 examples/images/Mail.png           | Bin 0 -> 1010 bytes
 examples/metro.html                |  37 ++++++++++++++++++++++++++
 4 files changed, 116 insertions(+)
 create mode 100644 dist/styles/metro/notify-metro.css
 create mode 100644 dist/styles/metro/notify-metro.js
 create mode 100644 examples/images/Mail.png
 create mode 100644 examples/metro.html

diff --git a/dist/styles/metro/notify-metro.css b/dist/styles/metro/notify-metro.css
new file mode 100644
index 0000000..b53f358
--- /dev/null
+++ b/dist/styles/metro/notify-metro.css
@@ -0,0 +1,40 @@
+.notifyjs-metro-base {
+	position: relative;
+    min-height: 52px;
+    color:#444;
+}
+
+    .notifyjs-metro-base .image {
+        display: table;
+        position: absolute;
+        height: auto;
+        width: auto;
+        left: 25px;
+        top: 50%;
+
+        -moz-transform: translate(-50%, -50%);
+        -ms-transform: translate(-50%, -50%);
+        -o-transform: translate(-50%, -50%);
+        -webkit-transform: translate(-50%, -50%);
+        transform: translate(-50%, -50%);
+    }
+
+    .notifyjs-metro-base .text-wrapper {
+        display: inline-block;
+        vertical-align: top;
+        text-align: left;
+        margin: 10px 10px 10px 52px;
+        clear: both;
+        font-family: 'Segoe UI';
+    }
+
+    .notifyjs-metro-base .title {
+        font-size: 15px;
+        font-weight: bold;
+    }
+
+    .notifyjs-metro-base .text {
+        font-size: 12px;
+        font-weight: normal;
+        vertical-align: middle;
+    }
\ No newline at end of file
diff --git a/dist/styles/metro/notify-metro.js b/dist/styles/metro/notify-metro.js
new file mode 100644
index 0000000..9ba6155
--- /dev/null
+++ b/dist/styles/metro/notify-metro.js
@@ -0,0 +1,39 @@
+$.notify.addStyle("metro", {
+    html:
+        "<div>" +
+            "<div class='image' data-notify-html='image'/>" +
+            "<div class='text-wrapper'>" +
+                "<div class='title' data-notify-html='title'/>" +
+                "<div class='text' data-notify-html='text'/>" +
+            "</div>" +
+        "</div>",
+    classes: {
+        error: {
+            "color": "#fafafa !important",
+            "background-color": "#F71919",
+            "border": "1px solid #FF0026"
+        },
+        success: {
+            "background-color": "#32CD32",
+            "border": "1px solid #4DB149"
+        },
+        info: {
+            "color": "#fafafa !important",
+            "background-color": "#1E90FF",
+            "border": "1px solid #1E90FF"
+        },
+        warning: {
+            "background-color": "#FAFA47",
+            "border": "1px solid #EEEE45"
+        },
+        black: {
+            "color": "#fafafa !important",
+            "background-color": "#333",
+            "border": "1px solid #000"
+        },
+        white: {
+            "background-color": "#f1f1f1",
+            "border": "1px solid #ddd"
+        }
+    }
+});
\ No newline at end of file
diff --git a/examples/images/Mail.png b/examples/images/Mail.png
new file mode 100644
index 0000000000000000000000000000000000000000..1515c922f3badd0645bc25ea68410b2893e18438
GIT binary patch
literal 1010
zcmV<O0}cF%P)<h;3K|Lk000e1NJLTq001BW000yS1^@s6?2$iD00001b5ch_0Itp)
z=>Px#1ZP1_K>z@;j|==^1poj532;bRa{vGmbN~PnbOGLGA9w%&1BXdOK~zXfwN}eZ
zR8buM?mWzKe4*o*kgKAS3Q8?3T=bxVHr1juA;^lLO+nGZS_Ex!5k39@voZ<|Q(Hvz
zgh~s<f)*iBrcq(eI69-wIL<h??|0^EV~&qZKjtv!p7VRn`F`KIqv-^Q;wN6DCTK`B
z$<xANI0AS_bTn^IQ_ot}=YZZltmEt|8?-xafSa&tYIEKZVr>3Mz085ij{!IrX)xv3
zOgQ)2hdnQSYGX@oLe$XAA}sSXBo<?CW^Bo^_mvM79Fp6_Eg;E+rmi3|>OFYAEe%(T
zl7YcdAj;1FL1Hl06~=tQ*qQfx(bySOIVJZW#;qpw1tZXIx^Q%9B05VmfdB~`Wq`TV
zAwJ^E7#)mtY+0g;?IGQgYYY=xPL7HkCEs$Pr8f+{+zE@Ug;~hI6d|_s5nqYX>IuVs
z!=+-Y95I;O^FoT<gtBK|lr;MgD#^sAY-_ZAXH$gO@Fa_zR^?mT;zP+(FObYsQNkx+
zasdL3hDm1Bbp)}v!9&TUqjH0N=DslazPR3wH#^di)969%7vb9+jTr~=3lNAsx%%a2
zUyzbhD{W}s&%WR@B1{xphs<S-dmr~@;tXxI8W*~UXe)fj&#f?Z0RnLp8S!37sCFqX
z^~28SUf3u?hRkKky;e^M7TS(WaGK<T=?fTx5#+)55%sMfaG)^DqPUik&$+A#J`EVX
zGDG4q%v^vREsyf?u5{EDr$D>yR@}DkOvlMJNjR}O32mG&Y4Sj;?m<PK4P8>qEG0a3
z0pch}%b_1}!jY&!yWT??L2)aETwZ6#wF0}E{}^OKzDSgW-Jw}aIDP@*FcLv7rK2Cr
z!ubz=<k$D9+e=AFU9bEwnOrV1S8IlZ4^YCThJ-g#j?+naaseVG|0oVEx8d9F3=}@<
z$A$Mp)bU?Zl4N|Ds1d7gL&CL`aCSp4S}4cqBs{SIgYQN<RrBuF?z++D4l@bOVseZ_
zlEu@vEKz<veqBlUv`Cop9Pf)5{3$>-$aknb3oBC0s-YBSA*HwwAMvGxt(0Z^z^LjA
zmC=x`z@(=958x!f!uO^20P^nj0(@1fqn%6gSQve==W#y{y&Z&J>Og^m5|+Low3?29
zUiCGI7hBU%K)&Doq}CVeZxMfJR+<?-doysnbr2geEYQ3o5j~a1wDw^?+@T0k<k%Jv
ge&cTFVuJ&~ZxKp!$mLyShyVZp07*qoM6N<$f?%1^iU0rr

literal 0
HcmV?d00001

diff --git a/examples/metro.html b/examples/metro.html
new file mode 100644
index 0000000..678c289
--- /dev/null
+++ b/examples/metro.html
@@ -0,0 +1,37 @@
+<html>
+<body>
+<head>
+	<link href="../dist/styles/metro/notify-metro.css" rel="stylesheet" />
+
+	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
+	<script src="../dist/notify.js"></script>
+	<script src="../dist/styles/metro/notify-metro.js"></script>
+</head>
+
+<h2>Index</h2>
+
+<button onclick="notify('white')">White</button>
+<button onclick="notify('black')">Black</button>
+<button onclick="notify('error')">Err</button>
+<button onclick="notify('success')">Success</button>
+<button onclick="notify('warning')">Warning</button>
+<button onclick="notify('info')">Info</button>
+
+<div style="background-image:url('/Content/mail.png')"></div>
+
+<script type="text/javascript">
+    function notify(style) {
+        $.notify({
+            title: 'Email Notification',
+            text: 'You received an e-mail from your boss. You should read it right now!',
+            image: "<img src='images/Mail.png'/>"
+        }, {
+            style: 'metro',
+            className: style,
+            autoHide: false,
+            clickToHide: true
+        });
+    }
+</script>
+</body>
+</html>
\ No newline at end of file