Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

Expanded the style to allow different notification levels

  • Loading branch information...
commit e9911492ad14b11c0e244ad4520abfcb3db62a79 1 parent 39bee13
Alex Kalderimis authored
Showing with 68 additions and 0 deletions.
  1. +68 −0 notifications.css
View
68 notifications.css
@@ -0,0 +1,68 @@
+ul.notifications {
+ position: fixed;
+ top: 10px;
+ z-index: 1;
+}
+
+ul.notifications.withnav {
+ top: 50px;
+}
+
+ul.notifications.right {
+ right: 20px;
+}
+
+ul.notifications.left {
+ left: 20px
+}
+
+ul.notifications li {
+ margin-bottom: 5px;
+ list-style-type: none;
+ border: 1px solid #EEE;
+ border-bottom-color: #CACACA;
+ border-radius: 10px;
+ box-shadow: 0 1px 4px 0 #DDD;
+ position: relative;
+ width: 250px;
+ opacity: 0.9;
+ background: #333;
+ color: white;
+}
+
+ul.notifications li.error {
+ background: red;
+}
+
+ul.notifications li.success {
+ background: #228B22;
+}
+
+ul.notifications li.warning {
+ background: #CE5C0A;
+}
+
+ul.notifications li div {
+ padding: 15px 20px;
+}
+
+ul.notifications li div h1 {
+ margin: 0 0 5px 0;
+ font-size: 22px;
+ font-weight: bold;
+ color: white;
+}
+ul.notifications li div a {
+ position: absolute;
+ top: 3px;
+ right: 10px;
+ cursor: pointer;
+ color: #888;
+ font-size: 16px;
+ font-weight: bold;
+}
+
+ul.notifications li div p {
+ margin: 0
+ padding: 0;
+}
Please sign in to comment.
Something went wrong with that request. Please try again.