X-Git-Url: https://git.mxchange.org/?a=blobdiff_plain;f=library%2Fjgrowl%2Fjquery.jgrowl.css;h=210a878363b78a007dd18797e2f8359fe90a3d51;hb=4d33441c2ef5f576537c43d04fc3c4b0bf9a6561;hp=b4deb978c213177d08d42d8b20515efb7ae099b0;hpb=355c42cb309eb1313097411067ca999b699aa620;p=friendica.git diff --git a/library/jgrowl/jquery.jgrowl.css b/library/jgrowl/jquery.jgrowl.css index b4deb978c2..210a878363 100644 --- a/library/jgrowl/jquery.jgrowl.css +++ b/library/jgrowl/jquery.jgrowl.css @@ -1,136 +1,108 @@ - -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%; -} - +.ie6 { +position: absolute; +} +.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' ); +} +.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' ); +} +.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' ); +} +.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' ); +} +.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%; +} +/** jGrowl Styling **/ +.jGrowl { +z-index: 9999; +color: #fff; +font-size: 12px; +position: fixed; +} +.jGrowl.top-left { +left: 0px; +top: 0px; +} +.jGrowl.top-right { +right: 0px; +top: 0px; +} +.jGrowl.bottom-left { +left: 0px; +bottom: 0px; +} +.jGrowl.bottom-right { +right: 0px; +bottom: 0px; +} +.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; -} - +.center .jGrowl-notification, .center .jGrowl-closer { +margin-left: auto; +margin-right: auto; +} +.jGrowl .jGrowl-notification, .jGrowl .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; +border-radius: 5px; +} +.jGrowl .jGrowl-notification { +min-height: 40px; +} +.jGrowl .jGrowl-notification, +.jGrowl .jGrowl-closer { +margin: 10px; +} +.jGrowl .jGrowl-notification .jGrowl-header { +font-weight: bold; +font-size: .85em; +} +.jGrowl .jGrowl-notification .jGrowl-close { +z-index: 99; +float: right; +font-weight: bold; +font-size: 1em; +cursor: pointer; +} +.jGrowl .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; - } +.jGrowl { +display: none; } +} \ No newline at end of file