hugogilmar/quadro

body
  margin-top: 60px

body.quadro-signed-in
  margin-bottom: 60px

form
  span.status
    @extend .help-block

#quadro-toolbar
  padding: 8px

#quadro-controls
  margin: 0px

#quadro-images
  overflow: auto

#quadro-gallery.collapsed
  padding: 0px
  height: 0em
  min-height: 0px
  margin-bottom: 0px
  border: none
  box-shadow: none
  +transition-property(height)
  +transition-duration(0.5s)
  +transition-timing-function(ease-in)

  #quadro-uploader
    height: 0em

  #quadro-images
    height: 0em

#quadro-gallery.expanded
  margin-bottom: 8px
  padding: 0px
  height: 25em
  +transition-property(height)
  +transition-duration(0.5s)
  +transition-timing-function(ease-out)

  #quadro-uploader
    height: auto

  #quadro-images
    height: 13em

.modal-header
  background: #e7e7e7
  border-radius: 6px 6px 0px 0px

.widget-gallery
  .thumbnail
    position: relative
    .caption
      position: absolute
      bottom: 0px
      left: 0px
      width: 100%
      background: rgba(0, 0, 0, 0.5)
      color: #fff
      border-radius: 0px 0px 4px 4px
      a
        color: #fff
        text-decoration: none


.quadro-brand
  text-decoration: none !important

.widget-map
  height: 240px
  background-color: #808080
  background: no-repeat center center
  background-attachment: scroll
  -webkit-background-size: cover
  -moz-background-size: cover
  background-size: cover
  -o-background-size: cover

.note-editor
  margin-bottom: 20px

.fileinput > .thumbnail > img
  width: 100%

.dropper-input
  left: 0px

.asset-dropper
  margin: 1em
  position: relative

.slick-arrow
  z-index: 1000

.slick-prev
  left: 20px

.slick-next
  right: 20px

.slide
  position: relative
  img
    width: 100%

h2.slide-description
  position: absolute
  right: 12px
  bottom: 12px
  background: rgba(0, 0, 0, 0.5)
  color: #fff
  padding: 4px 8px
  margin: 0px

a.thumbnail
  img
    width: 100%

.jumbotron
  background: no-repeat center center
  background-attachment: scroll
  -webkit-background-size: cover
  -moz-background-size: cover
  background-size: cover
  -o-background-size: cover

.embed-responsive
  margin: 18px 0px

.unobtrusive-flash-container
  position: fixed
  top: 0px
  left: 10%
  width: 80%
  z-index: 2000
  padding: 8px 0px 0px