rademade_admin 0.0.3 → 0.1.0

data/app/assets/stylesheets/rademade_admin/lib/notifier.css.erb

@@ -0,0 +1,661 @@
+/*!
+ * 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);
+}