prettyphoto 1.0.2 → 1.0.3

data/vendor/assets/stylesheets/prettyphoto.sass

@@ -0,0 +1,663 @@
+div
+  &.pp_default
+    .pp_top
+      height: 13px
+      .pp_middle, .pp_left, .pp_right
+        height: 13px
+    .pp_bottom
+      height: 13px
+      .pp_left, .pp_middle, .pp_right
+        height: 13px
+    .pp_top
+      .pp_left
+        background: image-url("prettyPhoto/default/sprite.png") -78px -93px no-repeat
+      .pp_middle
+        background: image-url("prettyPhoto/default/sprite_x.png") top left repeat-x
+      .pp_right
+        background: image-url("prettyPhoto/default/sprite.png") -112px -93px no-repeat
+    .pp_content .ppt
+      color: #f8f8f8
+    .pp_content_container
+      .pp_left
+        background: image-url("prettyPhoto/default/sprite_y.png") -7px 0 repeat-y
+        padding-left: 13px
+      .pp_right
+        background: image-url("prettyPhoto/default/sprite_y.png") top right repeat-y
+        padding-right: 13px
+    .pp_next:hover
+      background: image-url("prettyPhoto/default/sprite_next.png") center right no-repeat
+      cursor: pointer
+    .pp_previous:hover
+      background: image-url("prettyPhoto/default/sprite_prev.png") center left no-repeat
+      cursor: pointer
+    .pp_expand
+      background: image-url("prettyPhoto/default/sprite.png") 0 -29px no-repeat
+      cursor: pointer
+      width: 28px
+      height: 28px
+      &:hover
+        background: image-url("prettyPhoto/default/sprite.png") 0 -56px no-repeat
+        cursor: pointer
+    .pp_contract
+      background: image-url("prettyPhoto/default/sprite.png") 0 -84px no-repeat
+      cursor: pointer
+      width: 28px
+      height: 28px
+      &:hover
+        background: image-url("prettyPhoto/default/sprite.png") 0 -113px no-repeat
+        cursor: pointer
+    .pp_close
+      width: 30px
+      height: 30px
+      background: image-url("prettyPhoto/default/sprite.png") 2px 1px no-repeat
+      cursor: pointer
+    .pp_gallery ul li a
+      background: image-url("prettyPhoto/default/default_thumb.png") center center #f8f8f8
+      border: 1px solid #aaa
+    .pp_social
+      margin-top: 7px
+    .pp_gallery a
+      &.pp_arrow_previous, &.pp_arrow_next
+        position: static
+        left: auto
+    .pp_nav
+      .pp_play
+        background: image-url("prettyPhoto/default/sprite.png") -51px 1px no-repeat
+        height: 30px
+        width: 30px
+      .pp_pause
+        background: image-url("prettyPhoto/default/sprite.png") -51px 1px no-repeat
+        height: 30px
+        width: 30px
+        background-position: -51px -29px
+    a
+      &.pp_arrow_previous
+        background: image-url("prettyPhoto/default/sprite.png") -31px -3px no-repeat
+        height: 20px
+        width: 20px
+        margin: 4px 0 0
+      &.pp_arrow_next
+        background: image-url("prettyPhoto/default/sprite.png") -31px -3px no-repeat
+        height: 20px
+        width: 20px
+        margin: 4px 0 0
+        left: 52px
+        background-position: -82px -3px
+    .pp_content_container .pp_details
+      margin-top: 5px
+    .pp_nav
+      clear: none
+      height: 30px
+      width: 110px
+      position: relative
+      .currentTextHolder
+        font-family: Georgia
+        font-style: italic
+        color: #999
+        font-size: 11px
+        left: 75px
+        line-height: 25px
+        position: absolute
+        top: 2px
+        margin: 0
+        padding: 0 0 0 10px
+    .pp_close:hover
+      opacity: 0.7
+    .pp_nav
+      .pp_play:hover, .pp_pause:hover
+        opacity: 0.7
+    .pp_arrow_next:hover, .pp_arrow_previous:hover
+      opacity: 0.7
+    .pp_description
+      font-size: 11px
+      font-weight: 700
+      line-height: 14px
+      margin: 5px 50px 5px 0
+    .pp_bottom
+      .pp_left
+        background: image-url("prettyPhoto/default/sprite.png") -78px -127px no-repeat
+      .pp_middle
+        background: image-url("prettyPhoto/default/sprite_x.png") bottom left repeat-x
+      .pp_right
+        background: image-url("prettyPhoto/default/sprite.png") -112px -127px no-repeat
+    .pp_loaderIcon
+      background: image-url("prettyPhoto/default/loader.gif") center center no-repeat
+  &.light_rounded
+    .pp_top
+      .pp_left
+        background: image-url("prettyPhoto/light_rounded/sprite.png") -88px -53px no-repeat
+      .pp_right
+        background: image-url("prettyPhoto/light_rounded/sprite.png") -110px -53px no-repeat
+    .pp_next:hover
+      background: image-url("prettyPhoto/light_rounded/btnNext.png") center right no-repeat
+      cursor: pointer
+    .pp_previous:hover
+      background: image-url("prettyPhoto/light_rounded/btnPrevious.png") center left no-repeat
+      cursor: pointer
+    .pp_expand
+      background: image-url("prettyPhoto/light_rounded/sprite.png") -31px -26px no-repeat
+      cursor: pointer
+      &:hover
+        background: image-url("prettyPhoto/light_rounded/sprite.png") -31px -47px no-repeat
+        cursor: pointer
+    .pp_contract
+      background: image-url("prettyPhoto/light_rounded/sprite.png") 0 -26px no-repeat
+      cursor: pointer
+      &:hover
+        background: image-url("prettyPhoto/light_rounded/sprite.png") 0 -47px no-repeat
+        cursor: pointer
+    .pp_close
+      width: 75px
+      height: 22px
+      background: image-url("prettyPhoto/light_rounded/sprite.png") -1px -1px no-repeat
+      cursor: pointer
+    .pp_nav
+      .pp_play
+        background: image-url("prettyPhoto/light_rounded/sprite.png") -1px -100px no-repeat
+        height: 15px
+        width: 14px
+      .pp_pause
+        background: image-url("prettyPhoto/light_rounded/sprite.png") -24px -100px no-repeat
+        height: 15px
+        width: 14px
+    .pp_arrow_previous
+      background: image-url("prettyPhoto/light_rounded/sprite.png") 0 -71px no-repeat
+    .pp_arrow_next
+      background: image-url("prettyPhoto/light_rounded/sprite.png") -22px -71px no-repeat
+    .pp_bottom
+      .pp_left
+        background: image-url("prettyPhoto/light_rounded/sprite.png") -88px -80px no-repeat
+      .pp_right
+        background: image-url("prettyPhoto/light_rounded/sprite.png") -110px -80px no-repeat
+  &.dark_rounded
+    .pp_top
+      .pp_left
+        background: image-url("prettyPhoto/dark_rounded/sprite.png") -88px -53px no-repeat
+      .pp_right
+        background: image-url("prettyPhoto/dark_rounded/sprite.png") -110px -53px no-repeat
+    .pp_content_container
+      .pp_left
+        background: image-url("prettyPhoto/dark_rounded/contentPattern.png") top left repeat-y
+      .pp_right
+        background: image-url("prettyPhoto/dark_rounded/contentPattern.png") top right repeat-y
+    .pp_next:hover
+      background: image-url("prettyPhoto/dark_rounded/btnNext.png") center right no-repeat
+      cursor: pointer
+    .pp_previous:hover
+      background: image-url("prettyPhoto/dark_rounded/btnPrevious.png") center left no-repeat
+      cursor: pointer
+    .pp_expand
+      background: image-url("prettyPhoto/dark_rounded/sprite.png") -31px -26px no-repeat
+      cursor: pointer
+      &:hover
+        background: image-url("prettyPhoto/dark_rounded/sprite.png") -31px -47px no-repeat
+        cursor: pointer
+    .pp_contract
+      background: image-url("prettyPhoto/dark_rounded/sprite.png") 0 -26px no-repeat
+      cursor: pointer
+      &:hover
+        background: image-url("prettyPhoto/dark_rounded/sprite.png") 0 -47px no-repeat
+        cursor: pointer
+    .pp_close
+      width: 75px
+      height: 22px
+      background: image-url("prettyPhoto/dark_rounded/sprite.png") -1px -1px no-repeat
+      cursor: pointer
+    .pp_description
+      margin-right: 85px
+      color: #fff
+    .pp_nav
+      .pp_play
+        background: image-url("prettyPhoto/dark_rounded/sprite.png") -1px -100px no-repeat
+        height: 15px
+        width: 14px
+      .pp_pause
+        background: image-url("prettyPhoto/dark_rounded/sprite.png") -24px -100px no-repeat
+        height: 15px
+        width: 14px
+    .pp_arrow_previous
+      background: image-url("prettyPhoto/dark_rounded/sprite.png") 0 -71px no-repeat
+    .pp_arrow_next
+      background: image-url("prettyPhoto/dark_rounded/sprite.png") -22px -71px no-repeat
+    .pp_bottom
+      .pp_left
+        background: image-url("prettyPhoto/dark_rounded/sprite.png") -88px -80px no-repeat
+      .pp_right
+        background: image-url("prettyPhoto/dark_rounded/sprite.png") -110px -80px no-repeat
+    .pp_loaderIcon
+      background: image-url("prettyPhoto/dark_rounded/loader.gif") center center no-repeat
+  &.dark_square
+    .pp_left, .pp_middle, .pp_right, .pp_content
+      background: #000
+    .pp_description
+      color: #fff
+      margin: 0 85px 0 0
+    .pp_loaderIcon
+      background: image-url("prettyPhoto/dark_square/loader.gif") center center no-repeat
+    .pp_expand
+      background: image-url("prettyPhoto/dark_square/sprite.png") -31px -26px no-repeat
+      cursor: pointer
+      &:hover
+        background: image-url("prettyPhoto/dark_square/sprite.png") -31px -47px no-repeat
+        cursor: pointer
+    .pp_contract
+      background: image-url("prettyPhoto/dark_square/sprite.png") 0 -26px no-repeat
+      cursor: pointer
+      &:hover
+        background: image-url("prettyPhoto/dark_square/sprite.png") 0 -47px no-repeat
+        cursor: pointer
+    .pp_close
+      width: 75px
+      height: 22px
+      background: image-url("prettyPhoto/dark_square/sprite.png") -1px -1px no-repeat
+      cursor: pointer
+    .pp_nav
+      clear: none
+      .pp_play
+        background: image-url("prettyPhoto/dark_square/sprite.png") -1px -100px no-repeat
+        height: 15px
+        width: 14px
+      .pp_pause
+        background: image-url("prettyPhoto/dark_square/sprite.png") -24px -100px no-repeat
+        height: 15px
+        width: 14px
+    .pp_arrow_previous
+      background: image-url("prettyPhoto/dark_square/sprite.png") 0 -71px no-repeat
+    .pp_arrow_next
+      background: image-url("prettyPhoto/dark_square/sprite.png") -22px -71px no-repeat
+    .pp_next:hover
+      background: image-url("prettyPhoto/dark_square/btnNext.png") center right no-repeat
+      cursor: pointer
+    .pp_previous:hover
+      background: image-url("prettyPhoto/dark_square/btnPrevious.png") center left no-repeat
+      cursor: pointer
+  &.light_square
+    .pp_expand
+      background: image-url("prettyPhoto/light_square/sprite.png") -31px -26px no-repeat
+      cursor: pointer
+      &:hover
+        background: image-url("prettyPhoto/light_square/sprite.png") -31px -47px no-repeat
+        cursor: pointer
+    .pp_contract
+      background: image-url("prettyPhoto/light_square/sprite.png") 0 -26px no-repeat
+      cursor: pointer
+      &:hover
+        background: image-url("prettyPhoto/light_square/sprite.png") 0 -47px no-repeat
+        cursor: pointer
+    .pp_close
+      width: 75px
+      height: 22px
+      background: image-url("prettyPhoto/light_square/sprite.png") -1px -1px no-repeat
+      cursor: pointer
+    .pp_nav
+      .pp_play
+        background: image-url("prettyPhoto/light_square/sprite.png") -1px -100px no-repeat
+        height: 15px
+        width: 14px
+      .pp_pause
+        background: image-url("prettyPhoto/light_square/sprite.png") -24px -100px no-repeat
+        height: 15px
+        width: 14px
+    .pp_arrow_previous
+      background: image-url("prettyPhoto/light_square/sprite.png") 0 -71px no-repeat
+    .pp_arrow_next
+      background: image-url("prettyPhoto/light_square/sprite.png") -22px -71px no-repeat
+    .pp_next:hover
+      background: image-url("prettyPhoto/light_square/btnNext.png") center right no-repeat
+      cursor: pointer
+    .pp_previous:hover
+      background: image-url("prettyPhoto/light_square/btnPrevious.png") center left no-repeat
+      cursor: pointer
+  &.facebook
+    .pp_top
+      .pp_left
+        background: image-url("prettyPhoto/facebook/sprite.png") -88px -53px no-repeat
+      .pp_middle
+        background: image-url("prettyPhoto/facebook/contentPatternTop.png") top left repeat-x
+      .pp_right
+        background: image-url("prettyPhoto/facebook/sprite.png") -110px -53px no-repeat
+    .pp_content_container
+      .pp_left
+        background: image-url("prettyPhoto/facebook/contentPatternLeft.png") top left repeat-y
+      .pp_right
+        background: image-url("prettyPhoto/facebook/contentPatternRight.png") top right repeat-y
+    .pp_expand
+      background: image-url("prettyPhoto/facebook/sprite.png") -31px -26px no-repeat
+      cursor: pointer
+      &:hover
+        background: image-url("prettyPhoto/facebook/sprite.png") -31px -47px no-repeat
+        cursor: pointer
+    .pp_contract
+      background: image-url("prettyPhoto/facebook/sprite.png") 0 -26px no-repeat
+      cursor: pointer
+      &:hover
+        background: image-url("prettyPhoto/facebook/sprite.png") 0 -47px no-repeat
+        cursor: pointer
+    .pp_close
+      width: 22px
+      height: 22px
+      background: image-url("prettyPhoto/facebook/sprite.png") -1px -1px no-repeat
+      cursor: pointer
+    .pp_description
+      margin: 0 37px 0 0
+    .pp_loaderIcon
+      background: image-url("prettyPhoto/facebook/loader.gif") center center no-repeat
+    .pp_arrow_previous
+      background: image-url("prettyPhoto/facebook/sprite.png") 0 -71px no-repeat
+      height: 22px
+      margin-top: 0
+      width: 22px
+      &.disabled
+        background-position: 0 -96px
+        cursor: default
+    .pp_arrow_next
+      background: image-url("prettyPhoto/facebook/sprite.png") -32px -71px no-repeat
+      height: 22px
+      margin-top: 0
+      width: 22px
+      &.disabled
+        background-position: -32px -96px
+        cursor: default
+    .pp_nav
+      margin-top: 0
+      p
+        font-size: 15px
+        padding: 0 3px 0 4px
+      .pp_play
+        background: image-url("prettyPhoto/facebook/sprite.png") -1px -123px no-repeat
+        height: 22px
+        width: 22px
+      .pp_pause
+        background: image-url("prettyPhoto/facebook/sprite.png") -32px -123px no-repeat
+        height: 22px
+        width: 22px
+    .pp_next:hover
+      background: image-url("prettyPhoto/facebook/btnNext.png") center right no-repeat
+      cursor: pointer
+    .pp_previous:hover
+      background: image-url("prettyPhoto/facebook/btnPrevious.png") center left no-repeat
+      cursor: pointer
+    .pp_bottom
+      .pp_left
+        background: image-url("prettyPhoto/facebook/sprite.png") -88px -80px no-repeat
+      .pp_middle
+        background: image-url("prettyPhoto/facebook/contentPatternBottom.png") top left repeat-x
+      .pp_right
+        background: image-url("prettyPhoto/facebook/sprite.png") -110px -80px no-repeat
+  &.pp_pic_holder a:focus
+    outline: none
+  &.pp_overlay
+    background: #000
+    display: none
+    left: 0
+    position: absolute
+    top: 0
+    width: 100%
+    z-index: 9500
+  &.pp_pic_holder
+    display: none
+    position: absolute
+    width: 100px
+    z-index: 10000
+
+.pp_content
+  height: 40px
+  min-width: 40px
+
+* html .pp_content
+  width: 40px
+
+.pp_content_container
+  position: relative
+  text-align: left
+  width: 100%
+  .pp_left
+    padding-left: 20px
+  .pp_right
+    padding-right: 20px
+  .pp_details
+    float: left
+    margin: 10px 0 2px
+
+.pp_description
+  display: none
+  margin: 0
+
+.pp_social
+  float: left
+  margin: 0
+  .facebook
+    float: left
+    margin-left: 5px
+    width: 55px
+    overflow: hidden
+  .twitter
+    float: left
+
+.pp_nav
+  clear: right
+  float: left
+  margin: 3px 10px 0 0
+  p
+    float: left
+    white-space: nowrap
+    margin: 2px 4px
+  .pp_play, .pp_pause
+    float: left
+    margin-right: 4px
+    text-indent: -10000px
+
+a
+  &.pp_arrow_previous, &.pp_arrow_next
+    display: block
+    float: left
+    height: 15px
+    margin-top: 3px
+    overflow: hidden
+    text-indent: -10000px
+    width: 14px
+
+.pp_hoverContainer
+  position: absolute
+  top: 0
+  width: 100%
+  z-index: 2000
+
+.pp_gallery
+  display: none
+  left: 50%
+  margin-top: -50px
+  position: absolute
+  z-index: 10000
+  div
+    float: left
+    overflow: hidden
+    position: relative
+  ul
+    float: left
+    height: 35px
+    position: relative
+    white-space: nowrap
+    margin: 0 0 0 5px
+    padding: 0
+    a
+      border: 1px rgba(0, 0, 0, 0.5) solid
+      display: block
+      float: left
+      height: 33px
+      overflow: hidden
+      img
+        border: 0
+  li
+    display: block
+    float: left
+    margin: 0 5px 0 0
+    padding: 0
+    &.default a
+      background: image-url("prettyPhoto/facebook/default_thumbnail.gif") 0 0 no-repeat
+      display: block
+      height: 33px
+      width: 50px
+  .pp_arrow_previous, .pp_arrow_next
+    margin-top: 7px!important
+
+a
+  &.pp_next
+    background: image-url("prettyPhoto/light_rounded/btnNext.png") 10000px 10000px no-repeat
+    display: block
+    float: right
+    height: 100%
+    text-indent: -10000px
+    width: 49%
+  &.pp_previous
+    background: image-url("prettyPhoto/light_rounded/btnNext.png") 10000px 10000px no-repeat
+    display: block
+    float: left
+    height: 100%
+    text-indent: -10000px
+    width: 49%
+  &.pp_expand, &.pp_contract
+    cursor: pointer
+    display: none
+    height: 20px
+    position: absolute
+    right: 30px
+    text-indent: -10000px
+    top: 10px
+    width: 20px
+    z-index: 20000
+  &.pp_close
+    position: absolute
+    right: 0
+    top: 0
+    display: block
+    line-height: 22px
+    text-indent: -10000px
+
+.pp_loaderIcon
+  display: block
+  height: 24px
+  left: 50%
+  position: absolute
+  top: 50%
+  width: 24px
+  margin: -12px 0 0 -12px
+
+#pp_full_res
+  line-height: 1!important
+  .pp_inline
+    text-align: left
+    p
+      margin: 0 0 15px
+
+div
+  &.ppt
+    color: #fff
+    display: none
+    font-size: 17px
+    z-index: 9999
+    margin: 0 0 5px 15px
+  &.pp_default .pp_content, &.light_rounded .pp_content
+    background-color: #fff
+  &.pp_default #pp_full_res .pp_inline
+    color: #000
+  &.light_rounded
+    .pp_content .ppt, #pp_full_res .pp_inline
+      color: #000
+  &.light_square
+    .pp_content .ppt, #pp_full_res .pp_inline
+      color: #000
+  &.facebook
+    .pp_content .ppt, #pp_full_res .pp_inline
+      color: #000
+  &.pp_default .pp_gallery ul li
+    a:hover, &.selected a
+      border-color: #fff
+
+.pp_gallery
+  ul a:hover, li.selected a
+    border-color: #fff
+
+div
+  &.pp_default .pp_details, &.light_rounded .pp_details, &.dark_rounded .pp_details, &.dark_square .pp_details, &.light_square .pp_details, &.facebook .pp_details
+    position: relative
+  &.light_rounded
+    .pp_top .pp_middle
+      background: #fff
+    .pp_content_container
+      .pp_left, .pp_right
+        background: #fff
+    .pp_bottom .pp_middle
+      background: #fff
+  &.light_square
+    .pp_left, .pp_middle, .pp_right, .pp_content
+      background: #fff
+  &.facebook .pp_content
+    background: #fff
+  &.light_rounded .pp_description, &.light_square .pp_description
+    margin-right: 85px
+  &.light_rounded .pp_gallery a
+    &.pp_arrow_previous, &.pp_arrow_next
+      margin-top: 12px!important
+  &.dark_rounded .pp_gallery a
+    &.pp_arrow_previous, &.pp_arrow_next
+      margin-top: 12px!important
+  &.dark_square .pp_gallery a
+    &.pp_arrow_previous, &.pp_arrow_next
+      margin-top: 12px!important
+  &.light_square .pp_gallery a
+    &.pp_arrow_previous, &.pp_arrow_next
+      margin-top: 12px!important
+  &.light_rounded .pp_arrow_previous.disabled, &.dark_rounded .pp_arrow_previous.disabled, &.dark_square .pp_arrow_previous.disabled, &.light_square .pp_arrow_previous.disabled
+    background-position: 0 -87px
+    cursor: default
+  &.light_rounded .pp_arrow_next.disabled, &.dark_rounded .pp_arrow_next.disabled, &.dark_square .pp_arrow_next.disabled, &.light_square .pp_arrow_next.disabled
+    background-position: -22px -87px
+    cursor: default
+  &.light_rounded .pp_loaderIcon, &.light_square .pp_loaderIcon
+    background: image-url("prettyPhoto/light_rounded/loader.gif") center center no-repeat
+  &.dark_rounded
+    .pp_top .pp_middle, .pp_content, .pp_bottom .pp_middle
+      background: image-url("prettyPhoto/dark_rounded/contentPattern.png") top left repeat
+    .currentTextHolder
+      color: #c4c4c4
+  &.dark_square .currentTextHolder
+    color: #c4c4c4
+  &.dark_rounded #pp_full_res .pp_inline, &.dark_square #pp_full_res .pp_inline
+    color: #fff
+
+.pp_top, .pp_bottom
+  height: 20px
+  position: relative
+
+* html
+  .pp_top, .pp_bottom
+    padding: 0 20px
+
+.pp_top .pp_left, .pp_bottom .pp_left
+  height: 20px
+  left: 0
+  position: absolute
+  width: 20px
+
+.pp_top .pp_middle, .pp_bottom .pp_middle
+  height: 20px
+  left: 20px
+  position: absolute
+  right: 20px
+
+* html
+  .pp_top .pp_middle, .pp_bottom .pp_middle
+    left: 0
+    position: static
+
+.pp_top .pp_right, .pp_bottom .pp_right
+  height: 20px
+  left: auto
+  position: absolute
+  right: 0
+  top: 0
+  width: 20px
+
+.pp_fade, .pp_gallery li.default a img
+  display: none