some notification tweaks.

This commit is contained in:
kay.one 2011-12-03 16:01:00 -08:00
parent f4047dee2c
commit 4486238c4c
2 changed files with 81 additions and 65 deletions

View File

@ -1,100 +1,116 @@
/* the norm */ /* the norm */
#gritter-notice-wrapper { #gritter-notice-wrapper
position:fixed; {
top:20px; position: fixed;
right:20px; top: 60px;
width:301px; right: 20px;
z-index:9999; width: 301px;
z-index: 9999;
} }
#gritter-notice-wrapper.top-left { #gritter-notice-wrapper.top-left
{
left: 20px; left: 20px;
right: auto; right: auto;
} }
#gritter-notice-wrapper.bottom-right { #gritter-notice-wrapper.bottom-right
{
top: auto; top: auto;
left: auto; left: auto;
bottom: 20px; bottom: 20px;
right: 20px; right: 20px;
} }
#gritter-notice-wrapper.bottom-left { #gritter-notice-wrapper.bottom-left
{
top: auto; top: auto;
right: auto; right: auto;
bottom: 20px; bottom: 20px;
left: 20px; left: 20px;
} }
.gritter-item-wrapper { .gritter-item-wrapper
position:relative; {
margin:0 0 10px 0; position: relative;
margin: 0;
} }
.gritter-top { .gritter-top
height:10px; {
height: 10px;
} }
.hover .gritter-top { .hover .gritter-top
background-position:right -30px; {
background-position: right -30px;
} }
.gritter-bottom { .gritter-bottom
height:8px; {
margin:0; height: 8px;
margin: 0;
} }
.hover .gritter-bottom { .hover .gritter-bottom
background-position: bottom right; {
background-position: bottom right;
} }
.gritter-item { .gritter-item
display:block; {
display: block;
background-color: #272525; background-color: #272525;
opacity: .9; opacity: .9;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
color:#eee; color: #eee;
padding:8px 11px; padding: 8px 11px;
font-size: 11px; font-size: 11px;
border-bottom-style: solid;
border-bottom-style: solid; border-bottom-width: 5px;
border-bottom-width: 3px;
} }
.gritter-success .gritter-item{ .gritter-success .gritter-item
border-color: rgb(100, 135, 46); {
border-color: rgb(100, 135, 46);
} }
.gritter-fail .gritter-item{ .gritter-fail .gritter-item
border-color: rgb(212, 44, 44); {
border-color: rgb(212, 44, 44);
} }
.hover .gritter-item { .hover .gritter-item
background-position:right -40px; {
background-position: right -40px;
} }
.gritter-item p { .gritter-item p
padding:0; {
margin:0; padding: 0;
margin: 0;
} }
.gritter-close { .gritter-close
display:none; {
position:absolute; display: none;
top:0px; position: absolute;
right: -10px; top: 0px;
background:url(../content/images/gritter.png) no-repeat left top; right: -10px;
cursor:pointer; background: url(../content/images/gritter.png) no-repeat left top;
width:30px; cursor: pointer;
height:30px; width: 30px;
height: 30px;
} }
.gritter-title { .gritter-title
font-size:20px; {
padding:0; font-size: 20px;
display:block; padding: 0;
text-shadow:1px 1px #000; /* Not supported by IE :( */ display: block;
text-shadow: 1px 1px #000; /* Not supported by IE :( */
} }
.gritter-image { .gritter-image
width:48px; {
height:48px; width: 48px;
float:left; height: 48px;
float: left;
} }
.gritter-with-image, .gritter-with-image, .gritter-without-image
.gritter-without-image { {
padding:0 0 5px 0; padding: 0 0 5px 0;
} }
.gritter-with-image { .gritter-with-image
width:220px; {
float:right; width: 220px;
float: right;
} }

View File

@ -4,7 +4,7 @@
$.extend($.gritter.options, { $.extend($.gritter.options, {
fade_in_speed: 'medium', // how fast notifications fade in (string or int) fade_in_speed: 'medium', // how fast notifications fade in (string or int)
fade_out_speed: 'medium', // how fast the notices fade out fade_out_speed: 'medium', // how fast the notices fade out
time: 3000, // hang on the screen for... time: 4000, // hang on the screen for...
sticky: false sticky: false
}); });