1
0
Fork 0
forked from OpenNeo/impress
impress/app/assets/stylesheets/partials/_jquery.jgrowl.sass

98 lines
3.8 KiB
Sass

div
&.jGrowl
padding: 10px
z-index: 9999
color: #fff
font-size: 12px
&.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%
/** Special IE6 Style Positioning *
/** Normal Style Positions *
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%
/** Cross Browser Styling *
div
&.center div
&.jGrowl-notification, &.jGrowl-closer
margin-left: auto
margin-right: auto
&.jGrowl div
&.jGrowl-notification, &.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
&.jGrowl-notification
min-height: 40px
div
&.header
font-weight: bold
font-size: .85em
&.close
z-index: 99
float: right
font-weight: bold
font-size: 1em
cursor: pointer
&.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