Upload file - ariel-fer/Araena GitHub Wiki

Upload form element
Provided by uploadcare.com 

<!-- -->
<script>UPLOADCARE_PUBLIC_KEY = 'b8da1f54219041378978';</script>
<script src="https://ucarecdn.com/libs/widget/3.x/uploadcare.full.min.js" data-integration="Webflow"></script>

<style>
.uploadcare--widget {
	position: relative;
}

.uploadcare--progress{
	position: absolute;
  top: 100%;
}

.uploadcare--widget__text {
	position: absolute;
  top: 100%;
  left: 10%;
}

.uploadcare--widget_status_error .uploadcare--widget__text {
  color: red;
}

.uploadcare--widget_status_loaded .uploadcare--widget__button_type_open {
    display: block;
}

/* uploadcare button */
.uploadcare--widget__button {
  background-color: transparent;
  background-image: url(https://uploads-ssl.webflow.com/6310b3982b8d72ba3d32f544/64a6cf7345de6cb538d9c810_icons8-upload-to-cloud-64.png);
  background-position: 96%;
  background-repeat: no-repeat;
  background-attachment: scroll;
  border: 1px solid #141414;
  /*margin-top: .4vw;
  margin-bottom: 2vw;
  padding-top: 0;
  padding-bottom: 0;*/
  /*Extra*/
  border-radius: 0;
  width: 100%;
  color: #141414;
  text-align: left;
}

.uploadcare--widget__button_type_open {
	min-height: 63px;
}

.uploadcare--widget__button:hover {
  background-image: url(https://uploads-ssl.webflow.com/6310b3982b8d72ba3d32f544/64a6cf7345de6cb538d9c810_icons8-upload-to-cloud-64.png);
	background-position: 96%;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-color:transparent;
  color: black;
}

.uploadcare--widget__button:focus {
  background-image: url(https://uploads-ssl.webflow.com/6310b3982b8d72ba3d32f544/64a6cf7345de6cb538d9c810_icons8-upload-to-cloud-64.png);
	background-position: 96%;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-color:transparent;
  color: black;
  outline:none;
}

@media screen and (max-width: 478px) {
 .uploadcare--widget__button {
 			font-size: 1.2rem;
  }
  .uploadcare--widget__button:focus{
  		font-size: 1.2rem;
  }
}
</style>