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: + "
" + + "
" + + "
" + + "
" + + "
" + + "
" + + "
", + 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 0000000..1515c92 Binary files /dev/null and b/examples/images/Mail.png differ 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 @@ + + + + + + + + + + +

Index

+ + + + + + + + +
+ + + + \ No newline at end of file