Just use Mayhem-style notifications

Anyone who wants better ones can put their CSS where their mouth is.
I don't wanna deal with it. #280

src/General/css/layout.css

@@ -239,28 +239,60 @@ else "
   bottom: 100%;
 }
 /* Notifications */
+
 #notifications {
   position: fixed;
   top: 0;
-  left: 0;
+  height: 0;
+  text-align: center;
   right: 0;
+  left: 0;
+  transition: all .8s .6s cubic-bezier(.55, .055, .675, .19);
 }
-.fixed.top #notifications {
+.fixed.top #header-bar #notifications {
   position: absolute;
   top: 100%;
 }
 .notification {
-  display: block;
+  color: white;
-  overflow: hidden;
+  font-weight: 700;
-  width: 300px;
+  text-shadow: 0 1px 2px rgba(0, 0, 0, .5);
-  border: 1px solid;
+  box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
-  #{if _conf['Sidebar Location'] is 'left' then 'margin-left: auto;' else ''}
+  border-radius: 2px;
+  margin: 1px auto;
+  width: 500px;
+  max-width: 100%;
+  position: relative;
+  transition: all .25s ease-in-out;
 }
-.notification:not(:first-of-type) {
+.notification.error {
-  border-top: none;
+  background-color: hsla(0, 100%, 38%, .9);
 }
-.close {
+.notification.warning {
-  float: right;
+  background-color: hsla(36, 100%, 38%, .9);
+}
+.notification.info {
+  background-color: hsla(200, 100%, 38%, .9);
+}
+.notification.success {
+  background-color: hsla(104, 100%, 38%, .9);
+}
+.notification a {
+  color: white;
+}
+.notification > .close {
+  padding: 6px;
+  top: 0;
+  right: 5px;
+  position: absolute;
+  color: white;
+}
+.message {
+  #{Style.sizing}: border-box;
+  padding: 6px 20px;
+  max-height: 200px;
+  width: 100%;
+  overflow: auto;
 }
 /* Main Menu */
 #main-menu {

src/General/css/theme.css

@@ -184,7 +184,6 @@ textarea.field:focus {
 #themeConf,
 #watcher,
 #watcher:hover,
-.notification,
 .submenu,
 a[style="cursor: pointer; float: right;"] ~ div[style^="width: 100%;"] > table {
   background: #{theme["Dialog Background"]};