/*! * Backbone.Notifier v0.2.5 - Base Styles * Copyright 2012, Eyal Weiss */ /*--------------------------------------------------- LESS Elements 0.6 -----------------------------------------------------*/ /*! * Backbone.Notifier v0.2.5 - Variables Config * Copyright 2012, Eyal Weiss */ .notifier-screen { background-color: #000; z-index: 90000022; } .notifier { z-index: 90000025; position: fixed; top: -32px; left: 0; right: 0; width: auto; height: 0; overflow: visible; } .notifier > div { cursor: default; display: inline-block; zoom: 1; *display: inline; position: relative; } .notifier > div em { font-weight: bold; font-style: italic; } .notifier button.default { font-weight: bold; } .notifier button.link { border-width: 0 0 1px 0!important; background-color: transparent!important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; -moz-background-clip: padding !important; -webkit-background-clip: padding-box !important; background-clip: padding-box !important; padding-right: 0!important; padding-left: 0!important; padding-bottom: 0!important; } .notifier-with-loader .notifier-message { display: inline; } .notifier-loader { display: inline-block; zoom: 1; *display: inline; } .notifier-close { position: absolute; border: 0 none; top: 13px; right: 13px; width: 18px; height: 18px; cursor: pointer; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; padding: 0; /*background: white;*/ text-align: center; font-size: 11px; line-height: 11px; font-family: Arial, Helvetica, "sans-serif"; color: rgba(102, 102, 102, 0.39); background: transparent; } .notifier-close:hover { background: rgba(109, 109, 109, 0.2) !important; color: white; text-shadow: -1px -1px 0 rgba(68, 68, 68, 0.2); } /*! * Backbone.Notifier v0.2.5 - 'Clean' Theme * Copyright 2012, Eyal Weiss */ /*--------------------------------------------------- LESS Elements 0.6 -----------------------------------------------------*/ /*! * Backbone.Notifier v0.2.5 - Variables Config * Copyright 2012, Eyal Weiss */ .notifier-screen.notifier-theme-clean { background-color: #fff; } .notifier.notifier-theme-clean { font-size: 13px; text-align: center; } .notifier.notifier-theme-clean .notifier-loader { width: 16px; height: 16px; margin-left: 10px; background: url('../imgs/notifier-loader-clean.gif') center center no-repeat; } .notifier.notifier-theme-clean .notifier-close { top: 5px; right: 5px; } .notifier.notifier-theme-clean .notifier-message { text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); } .notifier.notifier-theme-clean .notifier-btns { margin: 30px 0 0; text-align: center; } .notifier.notifier-theme-clean .notifier-btns button { border: solid 1px #D1D1D1; background-color: white; padding: 5px 30px; margin: 0 40px; text-shadow: 0 1px 0 #E9E9E9; -webkit-transition: all 100ms ease-out; -moz-transition: all 100ms ease-out; transition: all 100ms ease-out; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75), 0 1px 1px rgba(111, 111, 111, 0.18), inset 0 0 8px rgba(150, 150, 150, 0.21); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75), 0 1px 1px rgba(111, 111, 111, 0.18), inset 0 0 8px rgba(150, 150, 150, 0.21); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75), 0 1px 1px rgba(111, 111, 111, 0.18), inset 0 0 8px rgba(150, 150, 150, 0.21); } .notifier.notifier-theme-clean .notifier-btns button:hover, .notifier.notifier-theme-clean .notifier-btns button.hover { border: solid 1px silver; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75), 0 2px 2px rgba(48, 48, 48, 0.21), inset 0 0 8px rgba(117, 117, 117, 0.21); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75), 0 2px 2px rgba(48, 48, 48, 0.21), inset 0 0 8px rgba(117, 117, 117, 0.21); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75), 0 2px 2px rgba(48, 48, 48, 0.21), inset 0 0 8px rgba(117, 117, 117, 0.21); } .notifier.notifier-theme-clean .notifier-btns button:active, .notifier.notifier-theme-clean .notifier-btns button.active { border: solid 1px silver; -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 1px rgba(48, 48, 48, 0.4), inset 0 0 20px rgba(117, 117, 117, 0.3); -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 1px rgba(48, 48, 48, 0.4), inset 0 0 20px rgba(117, 117, 117, 0.3); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 1px rgba(48, 48, 48, 0.4), inset 0 0 20px rgba(117, 117, 117, 0.3); } .notifier.notifier-theme-clean .notifier-btns button.link { text-shadow: 0 1px 0 #E9E9E9; color: #444; border-bottom: dotted 1px #444; padding: 9px 0 1px; } .notifier.notifier-theme-clean .notifier-btns button.link:hover, .notifier.notifier-theme-clean .notifier-btns button.link.hover { color: #000; border-bottom: solid 1px #000; text-shadow: 0 1px 0 #DBDBDB; } .notifier.notifier-theme-clean > div { background-color: #fff; border: solid 1px #fff; border-top: solid 1px #646464; -webkit-box-shadow: 0 -1px 2px rgba( 100 , 100 , 100 ,.4), 0 2px 20px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 -1px 2px rgba( 100 , 100 , 100 ,.4), 0 2px 20px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2); box-shadow: 0 -1px 2px rgba( 100 , 100 , 100 ,.4), 0 2px 20px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2); background-image: -moz-linear-gradient(top, rgba(100, 100, 100, 0.29) 0%, rgba(100, 100, 100, 0.08) 27%, rgba(100, 100, 100, 0.01) 100%); /* FF3.6+ */ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(100, 100, 100, 0.29)), color-stop(27%, rgba(100, 100, 100, 0.08)), color-stop(100%, rgba(100, 100, 100, 0.01))); /* Chrome,Safari4+ */ background-image: -webkit-linear-gradient(top, rgba(100, 100, 100, 0.29) 0%, rgba(100, 100, 100, 0.08) 27%, rgba(100, 100, 100, 0.01) 100%); /* Chrome10+,Safari5.1+ */ background-image: -o-linear-gradient(top, rgba(100, 100, 100, 0.29) 0%, rgba(100, 100, 100, 0.08) 27%, rgba(100, 100, 100, 0.01) 100%); /* Opera 11.10+ */ background-image: -ms-linear-gradient(top, rgba(100, 100, 100, 0.29) 0%, rgba(100, 100, 100, 0.08) 27%, rgba(100, 100, 100, 0.01) 100%); /* IE10+ */ background-image: linear-gradient(to bottom, rgba(100, 100, 100, 0.29) 0%, rgba(100, 100, 100, 0.08) 27%, rgba(100, 100, 100, 0.01) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorStr= #b8b8b8 , EndColorStr= #ffffff ); padding: 30px 30px 30px; max-width: 460px; } .notifier.notifier-theme-clean.notifier-warning > div { border: solid 1px #fff; border-top: solid 1px #ffa21d; -webkit-box-shadow: 0 -1px 2px rgba( 255 , 162 , 29 ,.4), 0 2px 20px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 -1px 2px rgba( 255 , 162 , 29 ,.4), 0 2px 20px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2); box-shadow: 0 -1px 2px rgba( 255 , 162 , 29 ,.4), 0 2px 20px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2); background-image: -moz-linear-gradient(top, rgba(255, 162, 29, 0.29) 0%, rgba(255, 162, 29, 0.08) 27%, rgba(255, 162, 29, 0.01) 100%); /* FF3.6+ */ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 162, 29, 0.29)), color-stop(27%, rgba(255, 162, 29, 0.08)), color-stop(100%, rgba(255, 162, 29, 0.01))); /* Chrome,Safari4+ */ background-image: -webkit-linear-gradient(top, rgba(255, 162, 29, 0.29) 0%, rgba(255, 162, 29, 0.08) 27%, rgba(255, 162, 29, 0.01) 100%); /* Chrome10+,Safari5.1+ */ background-image: -o-linear-gradient(top, rgba(255, 162, 29, 0.29) 0%, rgba(255, 162, 29, 0.08) 27%, rgba(255, 162, 29, 0.01) 100%); /* Opera 11.10+ */ background-image: -ms-linear-gradient(top, rgba(255, 162, 29, 0.29) 0%, rgba(255, 162, 29, 0.08) 27%, rgba(255, 162, 29, 0.01) 100%); /* IE10+ */ background-image: linear-gradient(to bottom, rgba(255, 162, 29, 0.29) 0%, rgba(255, 162, 29, 0.08) 27%, rgba(255, 162, 29, 0.01) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorStr= #ffe7c5 , EndColorStr= #ffffff ); } .notifier.notifier-theme-clean.notifier-error > div { border: solid 1px #fff; border-top: solid 1px #da4f49; -webkit-box-shadow: 0 -1px 2px rgba( 218 , 79 , 73 ,.4), 0 2px 20px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 -1px 2px rgba( 218 , 79 , 73 ,.4), 0 2px 20px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2); box-shadow: 0 -1px 2px rgba( 218 , 79 , 73 ,.4), 0 2px 20px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2); background-image: -moz-linear-gradient(top, rgba(218, 79, 73, 0.29) 0%, rgba(218, 79, 73, 0.08) 27%, rgba(218, 79, 73, 0.01) 100%); /* FF3.6+ */ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(218, 79, 73, 0.29)), color-stop(27%, rgba(218, 79, 73, 0.08)), color-stop(100%, rgba(218, 79, 73, 0.01))); /* Chrome,Safari4+ */ background-image: -webkit-linear-gradient(top, rgba(218, 79, 73, 0.29) 0%, rgba(218, 79, 73, 0.08) 27%, rgba(218, 79, 73, 0.01) 100%); /* Chrome10+,Safari5.1+ */ background-image: -o-linear-gradient(top, rgba(218, 79, 73, 0.29) 0%, rgba(218, 79, 73, 0.08) 27%, rgba(218, 79, 73, 0.01) 100%); /* Opera 11.10+ */ background-image: -ms-linear-gradient(top, rgba(218, 79, 73, 0.29) 0%, rgba(218, 79, 73, 0.08) 27%, rgba(218, 79, 73, 0.01) 100%); /* IE10+ */ background-image: linear-gradient(to bottom, rgba(218, 79, 73, 0.29) 0%, rgba(218, 79, 73, 0.08) 27%, rgba(218, 79, 73, 0.01) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorStr= #f6d6d5 , EndColorStr= #ffffff ); } .notifier.notifier-theme-clean.notifier-info > div { border: solid 1px #fff; border-top: solid 1px #49afcd; -webkit-box-shadow: 0 -1px 2px rgba( 73 , 175 , 205 ,.4), 0 2px 20px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 -1px 2px rgba( 73 , 175 , 205 ,.4), 0 2px 20px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2); box-shadow: 0 -1px 2px rgba( 73 , 175 , 205 ,.4), 0 2px 20px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2); background-image: -moz-linear-gradient(top, rgba(73, 175, 205, 0.29) 0%, rgba(73, 175, 205, 0.08) 27%, rgba(73, 175, 205, 0.01) 100%); /* FF3.6+ */ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(73, 175, 205, 0.29)), color-stop(27%, rgba(73, 175, 205, 0.08)), color-stop(100%, rgba(73, 175, 205, 0.01))); /* Chrome,Safari4+ */ background-image: -webkit-linear-gradient(top, rgba(73, 175, 205, 0.29) 0%, rgba(73, 175, 205, 0.08) 27%, rgba(73, 175, 205, 0.01) 100%); /* Chrome10+,Safari5.1+ */ background-image: -o-linear-gradient(top, rgba(73, 175, 205, 0.29) 0%, rgba(73, 175, 205, 0.08) 27%, rgba(73, 175, 205, 0.01) 100%); /* Opera 11.10+ */ background-image: -ms-linear-gradient(top, rgba(73, 175, 205, 0.29) 0%, rgba(73, 175, 205, 0.08) 27%, rgba(73, 175, 205, 0.01) 100%); /* IE10+ */ background-image: linear-gradient(to bottom, rgba(73, 175, 205, 0.29) 0%, rgba(73, 175, 205, 0.08) 27%, rgba(73, 175, 205, 0.01) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorStr= #cde9f1 , EndColorStr= #ffffff ); } .notifier.notifier-theme-clean.notifier-success > div { border: solid 1px #fff; border-top: solid 1px #4cff4c; -webkit-box-shadow: 0 -1px 2px rgba( 76 , 255 , 76 ,.4), 0 2px 20px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 -1px 2px rgba( 76 , 255 , 76 ,.4), 0 2px 20px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2); box-shadow: 0 -1px 2px rgba( 76 , 255 , 76 ,.4), 0 2px 20px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2); background-image: -moz-linear-gradient(top, rgba(76, 255, 76, 0.29) 0%, rgba(76, 255, 76, 0.08) 27%, rgba(76, 255, 76, 0.01) 100%); /* FF3.6+ */ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(76, 255, 76, 0.29)), color-stop(27%, rgba(76, 255, 76, 0.08)), color-stop(100%, rgba(76, 255, 76, 0.01))); /* Chrome,Safari4+ */ background-image: -webkit-linear-gradient(top, rgba(76, 255, 76, 0.29) 0%, rgba(76, 255, 76, 0.08) 27%, rgba(76, 255, 76, 0.01) 100%); /* Chrome10+,Safari5.1+ */ background-image: -o-linear-gradient(top, rgba(76, 255, 76, 0.29) 0%, rgba(76, 255, 76, 0.08) 27%, rgba(76, 255, 76, 0.01) 100%); /* Opera 11.10+ */ background-image: -ms-linear-gradient(top, rgba(76, 255, 76, 0.29) 0%, rgba(76, 255, 76, 0.08) 27%, rgba(76, 255, 76, 0.01) 100%); /* IE10+ */ background-image: linear-gradient(to bottom, rgba(76, 255, 76, 0.29) 0%, rgba(76, 255, 76, 0.08) 27%, rgba(76, 255, 76, 0.01) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorStr= #f4fff4 , EndColorStr= #ffffff ); } .notifier.notifier-theme-clean.notifier-dialog > div { padding-top: 12px; } .notifier.notifier-theme-clean.notifier-dialog .notifier-message { text-align: left; } .notifier.notifier-theme-clean.notifier-dialog .notifier-close { top: 13px; right: 13px; } .notifier.notifier-theme-clean.notifier-dialog .notifier-btns { background: rgba(255, 255, 255, 0.47); padding: 13px 10px 14px 10px; -webkit-box-shadow: 0 -1px 0 white, inset 0 2px 3px rgba(185, 185, 185, 0.27); -moz-box-shadow: 0 -1px 0 white, inset 0 2px 3px rgba(185, 185, 185, 0.27); box-shadow: 0 -1px 0 white, inset 0 2px 3px rgba(185, 185, 185, 0.27); border-top: solid 1px rgba(0, 0, 0, 0.14); margin: 25px -30px -30px; } .notifier.notifier-theme-clean.notifier-dialog .notifier-title { font-weight: bold; text-shadow: 0 1px 0 white; -webkit-box-shadow: 0 1px 0px #fff; -moz-box-shadow: 0 1px 0px #fff; box-shadow: 0 1px 0px #fff; border-bottom: solid 1px rgba(0, 0, 0, 0.06); margin: 0 -30px 20px; padding: 0 30px 10px; } .notifier.notifier-theme-clean.notifier-with-close-btn .notifier-title { padding-right: 60px; } /*! * Backbone.Notifier v0.2.5 - 'Plastic' Theme * Copyright 2012, Eyal Weiss */ /*--------------------------------------------------- LESS Elements 0.6 -----------------------------------------------------*/ /*! * Backbone.Notifier v0.2.5 - Variables Config * Copyright 2012, Eyal Weiss */ .notifier-loader.notifier-theme-plastic { background-color: #000; } .notifier.notifier-theme-plastic { font-size: 13px; text-align: center; } .notifier.notifier-theme-plastic .notifier-loader { width: 16px; height: 16px; margin-left: 10px; background: url('../imgs/notifier-loader-plastic.gif') center center no-repeat; } .notifier.notifier-theme-plastic button.notifier-close { top: 8px; right: 6px; padding: 1px 7px; height: 22px; text-align: center; width: auto; font-size: 11px; opacity: 0.5; margin: 0!important; } .notifier.notifier-theme-plastic button.notifier-close:hover { opacity: 1; } .notifier.notifier-theme-plastic button.notifier-close:active { background: transparent; } .notifier.notifier-theme-plastic button { border: solid 1px rgba(0, 0, 0, 0.5); margin: -3px 0 -3px 10px; background: rgba(255, 255, 255, 0.35); -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -webkit-border-top-left-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; -moz-border-radius-topleft: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; border-top-left-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; color: rgba(0, 0, 0, 0.8); padding: 3px 13px; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.5), 0 1px 0 rgba(255,255,255,.2), inset 0 -1px 0 rgba(1,1,1,.1); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.5), 0 1px 0 rgba(255,255,255,.2), inset 0 -1px 0 rgba(1,1,1,.1); box-shadow: inset 0 1px 0 rgba(255,255,255,.5), 0 1px 0 rgba(255,255,255,.2), inset 0 -1px 0 rgba(1,1,1,.1); text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); -webkit-transition: all 100ms ease-out; -moz-transition: all 100ms ease-out; transition: all 100ms ease-out; } .notifier.notifier-theme-plastic button:hover, .notifier.notifier-theme-plastic button.hover { border: solid 1px rgba(0, 0, 0, 0.6); background: rgba(255, 255, 255, 0.35); color: rgba(0, 0, 0, 0.9); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.5), 0 1px 0 rgba(255,255,255,.3), inset 0 -1px 0 rgba(1,1,1,.2); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.5), 0 1px 0 rgba(255,255,255,.3), inset 0 -1px 0 rgba(1,1,1,.2); box-shadow: inset 0 1px 0 rgba(255,255,255,.5), 0 1px 0 rgba(255,255,255,.3), inset 0 -1px 0 rgba(1,1,1,.2); } .notifier.notifier-theme-plastic button:active, .notifier.notifier-theme-plastic button.active { border: solid 1px rgba(0, 0, 0, 0.6); background: rgba(255, 255, 255, 0.3); color: rgba(0, 0, 0, 0.9); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.5), 0 1px 0 rgba(255,255,255,.4), inset 0 1px 0 rgba(0,0,0,.5); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.5), 0 1px 0 rgba(255,255,255,.4), inset 0 1px 0 rgba(0,0,0,.5); box-shadow: inset 0 1px 0 rgba(255,255,255,.5), 0 1px 0 rgba(255,255,255,.4), inset 0 1px 0 rgba(0,0,0,.5); } .notifier.notifier-theme-plastic button.link { text-shadow: none; border-bottom: dotted 1px #444; padding: 5px 0 1px!important; } .notifier.notifier-theme-plastic button.link:hover, .notifier.notifier-theme-plastic button.link.hover { color: #000; border-bottom: solid 1px #000; } .notifier.notifier-theme-plastic.notifier-pos-top .notifier-inner { -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -webkit-border-top-left-radius: 0; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; -moz-border-radius-topleft: 0; border-top-right-radius: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; border-top-left-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .notifier.notifier-theme-plastic.notifier-pos-bottom .notifier-inner { -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; -moz-border-radius-topleft: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-top-left-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .notifier.notifier-theme-plastic.notifier-pos-center .notifier-inner { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .notifier.notifier-theme-plastic.notifier-with-buttons button { margin: 10px 20px 0; } .notifier.notifier-theme-plastic.notifier-dialog .notifier-inner { padding: 0; -webkit-box-shadow: 0 0 220px rgba(0, 0, 0, 0.18), 0 3px 3px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.25); -moz-box-shadow: 0 0 220px rgba(0, 0, 0, 0.18), 0 3px 3px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.25); box-shadow: 0 0 220px rgba(0, 0, 0, 0.18), 0 3px 3px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.25); max-width: 480px; } .notifier.notifier-theme-plastic.notifier-dialog .notifier-message { padding: 25px 50px; margin: 0 1px 1px; background: #fff; display: block; *display: block; text-shadow: none; color: #000; text-align: left; } .notifier.notifier-theme-plastic.notifier-dialog .notifier-btns { background: rgba(255, 255, 255, 0.9); padding: 5px 0 13px; margin: -1px 1px 1px; border-top: solid 1px #D1CECE; -webkit-box-shadow: inset 0 1px 0 #FCFCFC; -moz-box-shadow: inset 0 1px 0 #FCFCFC; box-shadow: inset 0 1px 0 #FCFCFC; -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } .notifier.notifier-theme-plastic.notifier-dialog .notifier-btns button { margin: 10px 30px 0; padding: 3px 25px; } .notifier.notifier-theme-plastic.notifier-dialog .notifier-title { padding: 8px 20px 6px; border-bottom: solid 1px rgba(0, 0, 0, 0.13); } .notifier.notifier-theme-plastic .notifier-inner { cursor: default; padding: 11px 30px 10px; color: #fff; text-shadow: 0 1px 0 #000; background: #7c7c7c; /* Old browsers */ background: -moz-linear-gradient(top, #7c7c7c 0%, #303030 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7c7c7c), color-stop(100%, #303030)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #7c7c7c 0%, #303030 100%); /* Chrome10+,Safari5.1+ */ background: -moz-linear-gradient(top, #7c7c7c 0%, #303030 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #7c7c7c 0%, #303030 100%); /* Chrome10+,Safari5.1+ */ background: -ms-linear-gradient(top, #7c7c7c 0%, #303030 100%); /* Chrome10+,Safari5.1+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= #7c7c7c , EndColorStr= #303030 ); -webkit-box-shadow: 0 0px 8px rgba(255,255,255,0.1), 0 0px 1px rgba(255,255,255,0.3), inset 0 0px 2px #000; -moz-box-shadow: 0 0px 8px rgba(255,255,255,0.1), 0 0px 1px rgba(255,255,255,0.3), inset 0 0px 2px #000; box-shadow: 0 0px 8px rgba(255,255,255,0.1), 0 0px 1px rgba(255,255,255,0.3), inset 0 0px 2px #000; } .notifier.notifier-theme-plastic.notifier-warning .notifier-inner { background: #edd482; /* Old browsers */ background: -moz-linear-gradient(top, #edd482 0%, #ce9e00 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #edd482), color-stop(100%, #ce9e00)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #edd482 0%, #ce9e00 100%); /* Chrome10+,Safari5.1+ */ background: -moz-linear-gradient(top, #edd482 0%, #ce9e00 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #edd482 0%, #ce9e00 100%); /* Chrome10+,Safari5.1+ */ background: -ms-linear-gradient(top, #edd482 0%, #ce9e00 100%); /* Chrome10+,Safari5.1+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= #edd482 , EndColorStr= #ce9e00 ); -webkit-box-shadow: 0 0px 8px rgba(255,255,255,0.1), 0 0px 1px rgba(255,255,255,0.3), inset 0 0px 2px #000, inset 0 0 70px rgba(255, 183, 15,.5); -moz-box-shadow: 0 0px 8px rgba(255,255,255,0.1), 0 0px 1px rgba(255,255,255,0.3), inset 0 0px 2px #000, inset 0 0 70px rgba(255, 183, 15,.5); box-shadow: 0 0px 8px rgba(255,255,255,0.1), 0 0px 1px rgba(255,255,255,0.3), inset 0 0px 2px #000, inset 0 0 70px rgba(255, 183, 15,.5); text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2), 0 0px 10px #ffb70f; color: rgba(0, 0, 0, 0.8); } .notifier.notifier-theme-plastic.notifier-error .notifier-inner { background: #e86161; /* Old browsers */ background: -moz-linear-gradient(top, #e86161 0%, #ad0000 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e86161), color-stop(100%, #ad0000)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e86161 0%, #ad0000 100%); /* Chrome10+,Safari5.1+ */ background: -moz-linear-gradient(top, #e86161 0%, #ad0000 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e86161 0%, #ad0000 100%); /* Chrome10+,Safari5.1+ */ background: -ms-linear-gradient(top, #e86161 0%, #ad0000 100%); /* Chrome10+,Safari5.1+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= #e86161 , EndColorStr= #ad0000 ); -webkit-box-shadow: 0 0px 8px rgba(255,255,255,0.1), 0 0px 1px rgba(255,255,255,0.3), inset 0 0px 2px #000, inset 0 0 70px rgba(173, 0, 0,.5); -moz-box-shadow: 0 0px 8px rgba(255,255,255,0.1), 0 0px 1px rgba(255,255,255,0.3), inset 0 0px 2px #000, inset 0 0 70px rgba(173, 0, 0,.5); box-shadow: 0 0px 8px rgba(255,255,255,0.1), 0 0px 1px rgba(255,255,255,0.3), inset 0 0px 2px #000, inset 0 0 70px rgba(173, 0, 0,.5); text-shadow: 0 1px 0 rgba(0, 0, 0, 0.8), 0 0px 10px #b00000; color: rgba(255, 255, 255, 0.9); } .notifier.notifier-theme-plastic.notifier-info .notifier-inner { background: #6ba8ff; /* Old browsers */ background: -moz-linear-gradient(top, #6ba8ff 0%, #0072ff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6ba8ff), color-stop(100%, #0072ff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #6ba8ff 0%, #0072ff 100%); /* Chrome10+,Safari5.1+ */ background: -moz-linear-gradient(top, #6ba8ff 0%, #0072ff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #6ba8ff 0%, #0072ff 100%); /* Chrome10+,Safari5.1+ */ background: -ms-linear-gradient(top, #6ba8ff 0%, #0072ff 100%); /* Chrome10+,Safari5.1+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= #6ba8ff , EndColorStr= #0072ff ); -webkit-box-shadow: 0 0px 8px rgba(255,255,255,0.1), 0 0px 1px rgba(255,255,255,0.3), inset 0 0px 2px #000, inset 0 0 70px rgba(0,114,255,.5); -moz-box-shadow: 0 0px 8px rgba(255,255,255,0.1), 0 0px 1px rgba(255,255,255,0.3), inset 0 0px 2px #000, inset 0 0 70px rgba(0,114,255,.5); box-shadow: 0 0px 8px rgba(255,255,255,0.1), 0 0px 1px rgba(255,255,255,0.3), inset 0 0px 2px #000, inset 0 0 70px rgba(0,114,255,.5); text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3), 0 0px 10px #66ceff; color: rgba(0, 0, 0, 0.9); } .notifier.notifier-theme-plastic.notifier-success .notifier-inner { background: #d5ff87; /* Old browsers */ background: -moz-linear-gradient(top, #d5ff87 0%, #2cbf00 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d5ff87), color-stop(100%, #2cbf00)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #d5ff87 0%, #2cbf00 100%); /* Chrome10+,Safari5.1+ */ background: -moz-linear-gradient(top, #d5ff87 0%, #2cbf00 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #d5ff87 0%, #2cbf00 100%); /* Chrome10+,Safari5.1+ */ background: -ms-linear-gradient(top, #d5ff87 0%, #2cbf00 100%); /* Chrome10+,Safari5.1+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= #d5ff87 , EndColorStr= #2cbf00 ); -webkit-box-shadow: 0 0px 8px rgba(255,255,255,0.1), 0 0px 1px rgba(255,255,255,0.3), inset 0 0px 2px #000, inset 0 0 70px rgba(2,155,0,.5); -moz-box-shadow: 0 0px 8px rgba(255,255,255,0.1), 0 0px 1px rgba(255,255,255,0.3), inset 0 0px 2px #000, inset 0 0 70px rgba(2,155,0,.5); box-shadow: 0 0px 8px rgba(255,255,255,0.1), 0 0px 1px rgba(255,255,255,0.3), inset 0 0px 2px #000, inset 0 0 70px rgba(2,155,0,.5); text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3), 0 0px 10px #00c83e; color: rgba(0, 0, 0, 0.9); }