From ee3e287aa0e675b95d823698fa542abbd4d5b4e4 Mon Sep 17 00:00:00 2001 From: mistic100 Date: Tue, 23 Apr 2013 15:46:47 +0000 Subject: move and update jgrowl css git-svn-id: http://piwigo.org/svn/trunk@22338 68402e56-0260-453c-a942-63ccdbb3a9ee --- themes/default/js/plugins/jgrowl-alert.png | Bin 0 -> 2511 bytes themes/default/js/plugins/jgrowl-check.png | Bin 0 -> 2359 bytes themes/default/js/plugins/jgrowl-error.png | Bin 0 -> 2276 bytes themes/default/js/plugins/jquery.jgrowl.css | 158 ++++++++++++++++++++++++++++ 4 files changed, 158 insertions(+) create mode 100644 themes/default/js/plugins/jgrowl-alert.png create mode 100644 themes/default/js/plugins/jgrowl-check.png create mode 100644 themes/default/js/plugins/jgrowl-error.png create mode 100644 themes/default/js/plugins/jquery.jgrowl.css (limited to 'themes') diff --git a/themes/default/js/plugins/jgrowl-alert.png b/themes/default/js/plugins/jgrowl-alert.png new file mode 100644 index 000000000..350822e8c Binary files /dev/null and b/themes/default/js/plugins/jgrowl-alert.png differ diff --git a/themes/default/js/plugins/jgrowl-check.png b/themes/default/js/plugins/jgrowl-check.png new file mode 100644 index 000000000..fccf6c78c Binary files /dev/null and b/themes/default/js/plugins/jgrowl-check.png differ diff --git a/themes/default/js/plugins/jgrowl-error.png b/themes/default/js/plugins/jgrowl-error.png new file mode 100644 index 000000000..542f96311 Binary files /dev/null and b/themes/default/js/plugins/jgrowl-error.png differ diff --git a/themes/default/js/plugins/jquery.jgrowl.css b/themes/default/js/plugins/jquery.jgrowl.css new file mode 100644 index 000000000..376d224c2 --- /dev/null +++ b/themes/default/js/plugins/jquery.jgrowl.css @@ -0,0 +1,158 @@ +div.jGrowl { + z-index: 9999; + color: #fff; + font-size: 12px; +} + +div.jGrowl-notification.success>div, +div.jGrowl-notification.error>div, +div.jGrowl-notification.warning>div{ + margin-left:45px; +} +div.jGrowl-notification.success { + background: url(jgrowl-check.png) no-repeat 5px 5px; +} +div.jGrowl-notification.error { + background: url(jgrowl-error.png) no-repeat 5px 5px; +} +div.jGrowl-notification.warning { + background: url(jgrowl-alert.png) no-repeat 5px 5px; +} +div.jGrowl-notification.warning:before { + content:none; +} + +/** 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: 300px; + padding: 5px; + margin-top: 5px; + margin-bottom: 5px; + font-family: Tahoma, Arial, Helvetica, sans-serif; + font-size: 1em; + text-align: left; + display: none; + border-radius: 5px; + -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: 8px; +} + +div.jGrowl div.jGrowl-notification div.jGrowl-header { + font-weight: bold; + font-size: 1em; +} + +div.jGrowl div.jGrowl-notification div.jGrowl-message { + font-size: 0.9em; +} + +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; + } +} + +/** 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%; +} \ No newline at end of file -- cgit v1.2.3