some notification tweaks.

pull/3113/head
kay.one 13 years ago
parent f4047dee2c
commit 4486238c4c

@ -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 { }
padding:0; .gritter-item p
margin:0; {
} padding: 0;
.gritter-close { margin: 0;
display:none; }
position:absolute; .gritter-close
top:0px; {
right: -10px; display: none;
background:url(../content/images/gritter.png) no-repeat left top; position: absolute;
cursor:pointer; top: 0px;
width:30px; right: -10px;
height:30px; background: url(../content/images/gritter.png) no-repeat left top;
} cursor: pointer;
.gritter-title { width: 30px;
font-size:20px; height: 30px;
padding:0; }
display:block; .gritter-title
text-shadow:1px 1px #000; /* Not supported by IE :( */ {
} font-size: 20px;
.gritter-image { padding: 0;
width:48px; display: block;
height:48px; text-shadow: 1px 1px #000; /* Not supported by IE :( */
float:left; }
} .gritter-image
.gritter-with-image, {
.gritter-without-image { width: 48px;
padding:0 0 5px 0; height: 48px;
} float: left;
.gritter-with-image { }
width:220px; .gritter-with-image, .gritter-without-image
float:right; {
padding: 0 0 5px 0;
}
.gritter-with-image
{
width: 220px;
float: right;
} }

@ -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
}); });

Loading…
Cancel
Save