Artifact Content
Not logged in

Artifact d97b155bd8a532762fd8180f0d6c2c19f9513b9b:


@import './dropzone';

.dropzone {
  color: #909090;
  transition: color 0.2s;

  &:hover {
    color: #626262
  }
}

.dropzone .dz-message {
  i {
    display: block;
    font-size: 30px;
    margin: 0 0 5px;
  }

  margin-top: 15px;
  margin-bottom: 15px;
}

.dropzone .dz-preview .dz-image {
  border-radius: 5px;
}

.dropzone .dz-preview .dz-details .dz-filename {
  display: none;
}

.dropzone .dz-preview .dz-progress {
  border-radius: 5px;
}
.dropzone .dz-preview.dz-image-preview {
  background-color: #f3f5f5;
}

.filepicker {
  font-family: sans-serif;
}

div.filepicker {
  text-align: center;
  padding: 5px;
  background-color: #f3f5f5;
  border-radius: 3px;
  min-height: 40px;
  border: 1px dashed #C7C7C7;
}

/* Icon */
.filepicker-file-icon
{
  position: relative;

  display: inline-block;

  margin: 1.5em 0 2.5em 0;
  padding-left: 45px;

  color: black;
}
.filepicker-file-icon::before
{
  position: absolute;
  top: -7px;
  left: 0;

  width: 29px;
  height: 34px;

  content: '';

  border: solid 2px #7F7F7F;
  border-radius: 2px;
}
.filepicker-file-icon::after
{
  font-size: 11px;
  line-height: 1.3;

  position: absolute;
  top: 9px;
  left: -4px;

  padding: 0 2px;

  content: 'file';
  content: attr(data-filetype);
  text-align: right;
  letter-spacing: 1px;
  text-transform: uppercase;

  color: #fff;
  background-color: #000;
}
.filepicker-file-icon .fileCorner
{
  position: absolute;
  top: -7px;
  left: 22px;

  width: 0;
  height: 0;

  border-width: 11px 0 0 11px;
  border-style: solid;
  border-color: white transparent transparent #920035;
}