Update jGrowl
This commit is contained in:
Stefan Parviainen
parent
128b0008ee
commit
c9f26c8b7b
@ -1,3 +1,3 @@
|
|||||||
http://stanlemon.net/projects/jgrowl.html
|
https://github.com/stanlemon/jGrowl
|
||||||
|
|
||||||
jGrowl is free and open source, it's distributed under the MIT and GPL licenses
|
jGrowl is free and open source, it's distributed under the MIT and GPL licenses
|
||||||
|
|||||||
@ -1,136 +1 @@
|
|||||||
|
.jGrowl{z-index:9999;color:#fff;font-size:12px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;position:fixed}.jGrowl.top-left{left:0;top:0}.jGrowl.top-right{right:0;top:0}.jGrowl.bottom-left{left:0;bottom:0}.jGrowl.bottom-right{right:0;bottom:0}.jGrowl.center{top:0;width:50%;left:25%}.jGrowl.center .jGrowl-closer,.jGrowl.center .jGrowl-notification{margin-left:auto;margin-right:auto}.jGrowl-notification{background-color:#000;opacity:.9;-ms-filter:alpha(90);filter:alpha(90);zoom:1;width:250px;padding:10px;margin:10px;text-align:left;display:none;border-radius:5px;min-height:40px}.jGrowl-notification .ui-state-highlight,.jGrowl-notification .ui-widget-content .ui-state-highlight,.jGrowl-notification .ui-widget-header .ui-state-highlight{border:1px solid #000;background:#000;color:#fff}.jGrowl-notification .jGrowl-header{font-weight:700;font-size:.85em}.jGrowl-notification .jGrowl-close{background-color:transparent;color:inherit;border:none;z-index:99;float:right;font-weight:700;font-size:1em;cursor:pointer}.jGrowl-closer{background-color:#000;opacity:.9;-ms-filter:alpha(90);filter:alpha(90);zoom:1;width:250px;padding:10px;margin:10px;display:none;border-radius:5px;padding-top:4px;padding-bottom:4px;cursor:pointer;font-size:.9em;font-weight:700;text-align:center}.jGrowl-closer .ui-state-highlight,.jGrowl-closer .ui-widget-content .ui-state-highlight,.jGrowl-closer .ui-widget-header .ui-state-highlight{border:1px solid #000;background:#000;color:#fff}@media print{.jGrowl{display:none}}
|
||||||
div.jGrowl {
|
|
||||||
z-index: 9999;
|
|
||||||
color: #fff;
|
|
||||||
font-size: 12px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/** Special IE6 Style Positioning **/
|
|
||||||
div.ie6 {
|
|
||||||
position: absolute;
|
|
||||||
}
|
|
||||||
|
|
||||||
div.ie6.top-right {
|
|
||||||
right: auto;
|
|
||||||
bottom: auto;
|
|
||||||
left: expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
|
|
||||||
top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
|
|
||||||
}
|
|
||||||
|
|
||||||
div.ie6.top-left {
|
|
||||||
left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
|
|
||||||
top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
|
|
||||||
}
|
|
||||||
|
|
||||||
div.ie6.bottom-right {
|
|
||||||
left: expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
|
|
||||||
top: expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
|
|
||||||
}
|
|
||||||
|
|
||||||
div.ie6.bottom-left {
|
|
||||||
left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
|
|
||||||
top: expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
|
|
||||||
}
|
|
||||||
|
|
||||||
div.ie6.center {
|
|
||||||
left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
|
|
||||||
top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
/** Normal Style Positions **/
|
|
||||||
div.jGrowl {
|
|
||||||
position: absolute;
|
|
||||||
}
|
|
||||||
|
|
||||||
body > div.jGrowl {
|
|
||||||
position: fixed;
|
|
||||||
}
|
|
||||||
|
|
||||||
div.jGrowl.top-left {
|
|
||||||
left: 0px;
|
|
||||||
top: 0px;
|
|
||||||
}
|
|
||||||
|
|
||||||
div.jGrowl.top-right {
|
|
||||||
right: 0px;
|
|
||||||
top: 0px;
|
|
||||||
}
|
|
||||||
|
|
||||||
div.jGrowl.bottom-left {
|
|
||||||
left: 0px;
|
|
||||||
bottom: 0px;
|
|
||||||
}
|
|
||||||
|
|
||||||
div.jGrowl.bottom-right {
|
|
||||||
right: 0px;
|
|
||||||
bottom: 0px;
|
|
||||||
}
|
|
||||||
|
|
||||||
div.jGrowl.center {
|
|
||||||
top: 0px;
|
|
||||||
width: 50%;
|
|
||||||
left: 25%;
|
|
||||||
}
|
|
||||||
|
|
||||||
/** Cross Browser Styling **/
|
|
||||||
div.center div.jGrowl-notification, div.center div.jGrowl-closer {
|
|
||||||
margin-left: auto;
|
|
||||||
margin-right: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
div.jGrowl div.jGrowl-notification, div.jGrowl div.jGrowl-closer {
|
|
||||||
background-color: #000;
|
|
||||||
opacity: .85;
|
|
||||||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
|
|
||||||
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
|
|
||||||
zoom: 1;
|
|
||||||
width: 235px;
|
|
||||||
padding: 10px;
|
|
||||||
margin-top: 5px;
|
|
||||||
margin-bottom: 5px;
|
|
||||||
font-family: Tahoma, Arial, Helvetica, sans-serif;
|
|
||||||
font-size: 1em;
|
|
||||||
text-align: left;
|
|
||||||
display: none;
|
|
||||||
-moz-border-radius: 5px;
|
|
||||||
-webkit-border-radius: 5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
div.jGrowl div.jGrowl-notification {
|
|
||||||
min-height: 40px;
|
|
||||||
}
|
|
||||||
|
|
||||||
div.jGrowl div.jGrowl-notification,
|
|
||||||
div.jGrowl div.jGrowl-closer {
|
|
||||||
margin: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
div.jGrowl div.jGrowl-notification div.jGrowl-header {
|
|
||||||
font-weight: bold;
|
|
||||||
font-size: .85em;
|
|
||||||
}
|
|
||||||
|
|
||||||
div.jGrowl div.jGrowl-notification div.jGrowl-close {
|
|
||||||
z-index: 99;
|
|
||||||
float: right;
|
|
||||||
font-weight: bold;
|
|
||||||
font-size: 1em;
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
div.jGrowl div.jGrowl-closer {
|
|
||||||
padding-top: 4px;
|
|
||||||
padding-bottom: 4px;
|
|
||||||
cursor: pointer;
|
|
||||||
font-size: .9em;
|
|
||||||
font-weight: bold;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
/** Hide jGrowl when printing **/
|
|
||||||
@media print {
|
|
||||||
div.jGrowl {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user