scratch
/css/files/style.css |
---|
@@ -1,63 +1,54 @@ |
.fileupload-process { |
background: rgba(245, 245, 245, 1); border: 0px solid rgba(255, 255, 255, 1); border-radius: 4px; height: 20px; |
} |
background: whitesmoke; |
border: 0px solid white; |
border-radius: 4px; |
height: 20px; } |
.progress-bar-custom { |
background: #ff99ff; |
} |
background: #ff99ff; } |
#previews { |
display: table; |
} |
#previews .file-row { |
display: table-row; |
} |
#previews .file-row > div { |
display: table-cell; |
vertical-align: top; |
border-top: 1px solid #ddd; |
padding: 1em; |
background: #f9f9f9; |
} |
#previews .file-row:nth-child(odd) { |
background: #f9f9f9; |
/* border-top: 1em solid #ddd; */ |
} |
display: table; } |
#previews .file-row { |
display: table-row; } |
#previews .file-row > div { |
display: table-cell; |
vertical-align: top; |
border-top: 1px solid #ddd; |
padding: 1em; |
background: #f9f9f9; } |
#previews .file-row:nth-child(odd) { |
background: #f9f9f9; |
/* border-top: 1em solid #ddd; */ } |
#uploadpanel { |
min-height: 320px; |
border: 2px dashed #F78700; |
border-radius: 5px; |
box-sizing: border-box; |
/* outline-offset: -24px; */ |
background-image: url("../../img/blueprint.png"); |
background-repeat: repeat; |
} |
min-height: 320px; |
border: 2px dashed #F78700; |
border-radius: 5px; |
box-sizing: border-box; |
/* outline-offset: -24px; */ |
background-image: url("../../img/blueprint.png"); |
background-repeat: repeat; } |
#total-progress { |
opacity: 0; |
transition: opacity 0.3s linear; |
background: #f5f5f5; |
padding: 0; |
margin: 0; |
} |
opacity: 0; |
transition: opacity 0.3s linear; |
background: #f5f5f5; |
padding: 0; |
margin: 0; } |
/* Hide the progress bar when finished */ |
#previews .file-row.dz-success .progress { |
opacity: 0; |
transition: opacity 0.3s linear; |
} |
opacity: 0; |
transition: opacity 0.3s linear; } |
#previews .file-row .remove { |
display: none; } |
#previews .file-row.dz-success .start, #previews .file-row.dz-success .cancel { |
opacity: 0.3; } |
#previews .file-row.dz-success .remove { |
display: block; } |
/* Hide the delete button initially */ |
#previews .file-row .remove { |
display: none; |
} |
/* Hide the start and cancel buttons and show the delete button */ |
/* Hide the start and cancel buttons and show the delete button */ |
#previews .file-row.dz-success .start, |
#previews .file-row.dz-success .cancel { |
opacity: 0.3; |
} |
#previews .file-row.dz-success .remove { |
display: block; |
} |
/*# sourceMappingURL=style.css.map */ |
/css/files/style.css.map |
---|
@@ -0,0 +1,7 @@ |
{ |
"version": 3, |
"mappings": "AAAA,mBAAoB;EAClB,UAAU,EAAE,UAAsB;EAClC,MAAM,EAAE,eAAgC;EACxC,aAAa,EAAE,GAAG;EAClB,MAAM,EAAE,IAAI;;AAGd,oBAAqB;EACnB,UAAU,EAAE,OAAO;;AAGrB,SAAU;EACR,OAAO,EAAE,KAAK;EAEd,mBAAU;IACR,OAAO,EAAE,SAAS;IAElB,yBAAM;MACJ,OAAO,EAAE,UAAU;MACnB,cAAc,EAAE,GAAG;MACnB,UAAU,EAAE,cAAc;MAC1B,OAAO,EAAE,GAAG;MACZ,UAAU,EAAE,OAAO;IAGrB,kCAAiB;MACf,UAAU,EAAE,OAAO;MAEnB,iCAAiC;;AAKvC,YAAa;EACX,UAAU,EAAE,KAAK;EACjB,MAAM,EAAE,kBAAkB;EAC1B,aAAa,EAAE,GAAG;EAClB,UAAU,EAAE,UAAU;EAEtB,4BAA4B;EAC5B,gBAAgB,EAAE,8BAA8B;EAChD,iBAAiB,EAAE,MAAM;;AAG3B,eAAgB;EACd,OAAO,EAAE,CAAC;EACV,UAAU,EAAE,mBAAmB;EAC/B,UAAU,EAAE,OAAO;EACnB,OAAO,EAAE,CAAC;EACV,MAAM,EAAE,CAAC;;AAGX,yCAAyC;AAGvC,wCAAuB;EACrB,OAAO,EAAE,CAAC;EACV,UAAU,EAAE,mBAAmB;AAGjC,2BAAQ;EACN,OAAO,EAAE,IAAI;AAIb,6EAAgB;EACd,OAAO,EAAE,GAAG;AAGd,sCAAQ;EACN,OAAO,EAAE,KAAK;;AAKpB,sCAAsC;AAEtC,kEAAkE", |
"sources": ["style.scss"], |
"names": [], |
"file": "style.css" |
} |
/css/files/style.scss |
---|
@@ -0,0 +1,78 @@ |
.fileupload-process { |
background: rgba(245, 245, 245, 1); |
border: 0px solid rgba(255, 255, 255, 1); |
border-radius: 4px; |
height: 20px; |
} |
.progress-bar-custom { |
background: #ff99ff; |
} |
#previews { |
display: table; |
.file-row { |
display: table-row; |
> div { |
display: table-cell; |
vertical-align: top; |
border-top: 1px solid #ddd; |
padding: 1em; |
background: #f9f9f9; |
} |
&:nth-child(odd) { |
background: #f9f9f9; |
/* border-top: 1em solid #ddd; */ |
} |
} |
} |
#uploadpanel { |
min-height: 320px; |
border: 2px dashed #F78700; |
border-radius: 5px; |
box-sizing: border-box; |
/* outline-offset: -24px; */ |
background-image: url("../../img/blueprint.png"); |
background-repeat: repeat; |
} |
#total-progress { |
opacity: 0; |
transition: opacity 0.3s linear; |
background: #f5f5f5; |
padding: 0; |
margin: 0; |
} |
/* Hide the progress bar when finished */ |
#previews .file-row { |
&.dz-success .progress { |
opacity: 0; |
transition: opacity 0.3s linear; |
} |
.remove { |
display: none; |
} |
&.dz-success { |
.start, .cancel { |
opacity: 0.3; |
} |
.remove { |
display: block; |
} |
} |
} |
/* Hide the delete button initially */ |
/* Hide the start and cancel buttons and show the delete button */ |