Skip to content

Instantly share code, notes, and snippets.

@c3mediagroup
Created May 28, 2009 14:51
Show Gist options
  • Save c3mediagroup/119355 to your computer and use it in GitHub Desktop.
Save c3mediagroup/119355 to your computer and use it in GitHub Desktop.
div
&.jGrowl
:padding 10px
:z-index 9999
div
&.jGrowl-notification
:background-color #ff8
:color #000
:opacity .85
:filter alpha(opacity = 85)
:zoom 1
:width 335px
:padding 10px
:margin-top 5px
:margin-bottom 5px
:font-family Tahoma, Arial, Helvetica, sans-serif
:font-size 14px
:text-align center
:display none
:-moz-border-radius 5px
:-webkit-border-radius 5px
:min-height 40px
div
&.header
:font-weight bold
:font-size 10px
&.close
:float right
:font-weight bold
:font-size 12px
:cursor pointer
&.jGrowl-closer
:background-color #ff8
:color #000
:opacity .85
:filter alpha(opacity = 85)
:zoom 1
:width 335px
:padding 10px
:margin-top 5px
:margin-bottom 5px
:font-family Tahoma, Arial, Helvetica, sans-serif
:font-size 14px
:text-align center
:display none
:-moz-border-radius 5px
:-webkit-border-radius 5px
:height 15px
:padding-top 4px
:padding-bottom 4px
:cursor pointer
:font-size 11px
:font-weight bold
:text-align center
&.ie6
:position absolute
&.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' )
&.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' )
&.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' )
&.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' )
&.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%
&.center div
&.jGrowl-notification, &.jGrowl-closer
:margin-left auto
:margin-right auto
body > div.jGrowl
:position fixed
&.top-left
:left 0px
:top 0px
&.top-right
:right 0px
:top 0px
&.bottom-left
:left 0px
:bottom 0px
&.bottom-right
:right 0px
:bottom 0px
&.center
:top 0px
:width 50%
:left 25%
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment