zhdk/madek

/**
 *
 * ## Plupload override
 *

.media-import-content
  position: relative

/* Redefining background image paths
 *-----------------------------------------
.plupload_button,
.plupload_disabled, a.plupload_disabled:hover
  background-image: none

li.plupload_uploading a
  // background-image: image-url("icons/icon-upload-dark.png")
  animation: blink 1s infinite
  -moz-animation: blink 1s infinite
  -webkit-animation: blink 1s infinite

li.plupload_delete a, .plupload_file_action .delete_mei, .plupload_file_action .delete_dropbox_file
  +dimension(20px, 20px)

li.plupload_failed a
  background-image: image-url("plupload/error.gif")

li.plupload_done a
  +dimension(20px, 20px)
  color: $mono-strong
  &:hover
    color: $mono-dark
    text-decoration: none

.plupload_file_action
  width: auto
  height: auto

/* blink animation for uploading icon

@keyframes blink
  0%
    opacity: 1
  10%
    opacity: 0.8
  20%
    opacity: 0.6
  30%
    opacity: 0.5
  40%
    opacity: 0.4
  50%
    opacity: 0.3
  60%
    opacity: 0.4
  70%
    opacity: 0.5
  80%
    opacity: 0.6
  90%
    opacity: 0.8
  100%
    opacity: 1


@-moz-keyframes move
  0%
    opacity: 1
  10%
    opacity: 0.8
  20%
    opacity: 0.6
  30%
    opacity: 0.5
  40%
    opacity: 0.4
  50%
    opacity: 0.3
  60%
    opacity: 0.4
  70%
    opacity: 0.5
  80%
    opacity: 0.6
  90%
    opacity: 0.8
  100%
    opacity: 1


@-webkit-keyframes move
  0%
    opacity: 1
  10%
    opacity: 0.8
  20%
    opacity: 0.6
  30%
    opacity: 0.5
  40%
    opacity: 0.4
  50%
    opacity: 0.3
  60%
    opacity: 0.4
  70%
    opacity: 0.5
  80%
    opacity: 0.6
  90%
    opacity: 0.8
  100%
    opacity: 1


/* Generic reset
 *-----------------------------------------

.plupload_header,
.plupload_filelist_header,
.plupload_filelist_footer .plupload_file_status,
.plupload_filelist_footer .plupload_total_status,
.plupload_filelist_footer .plupload_file_size,
.plupload_filelist_footer .plupload_progress,
.plupload_filelist_footer .plupload_file_action,
#mei_filelist
  display: none

.plupload_droptext
  display: none !important

/* other filelists

#mei_filelist, #dropbox_filelist
  @extend .uploader_filelist

/* Footer
 *-----------------------------------------

.plupload_filelist_footer
  background: transparent
  border: none
  bottom: -32px
  position: absolute
  width: 100%
  left: 0
  padding: 0

/* Header elements
 *-----------------------------------------
.plupload_header,
.plupload_filelist_header
  display: none

/* Body elements
 *-----------------------------------------
#call2action
  +position-top-right(40%, 20px)
  +position-top-left(40%, 20px)
  color: $mono-mid
  font-size: $font-l
  font-weight: 700
  list-style: none
  text-align: center

/* Filelists

.plupload_filelist, #mei_filelist, #dropbox_filelist
  li
    padding: 10px 8px
    border-bottom: 1px solid #DDD

/* File list elements
 *-----------------------------------------
.plupload_scroll
  overflow-y: auto
  height: 206px
  .plupload_transfer,
  .plupload_delete,
  .plupload_done,
  li.plupload_uploading
    background: transparent
    display: block
    line-height: 20px
    height: 20px
    list-style: none
  .plupload_done
    position: relative

.delete_plupload_entry, .delete_mei, .delete_dropbox_file
  cursor: pointer !important
  opacity: $opacity-medium
  &:hover
    opacity: 1

.plupload_file_name
  width: auto !important
  color: $mono-strong

/* Call to action (drag and drop call)

#call2action
  display: none

/* Move buttons up right
 *-----------------------------------------

.plupload_buttons
  +position-top-right(-286px, 0)

/* Fluff?
 *-----------------------------------------

.plupload_button.plupload_start
  display: none

.uploader_filelist,
.plupload_scroll .plupload_filelist
  background: transparent
  border: none

.plupload_wrapper
  font: inherit

.plupload_buttons .plupload_add
  @extend .primary-button

.plupload_buttons .plupload_start
  @extend .button

.plupload_file_action .delete_plupload_entry
  display: block
  height: 20px
  position: relative
  top: -15px