Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
.dropzone {
background-color: #ccc;
width: 100%;
height: 200px;
border: 2px dashed #666;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
text-align:center;
-webkit-box-shadow: inset 2px 2px 10px 2px rgba(0, 0, 0, 0.5);
-moz-box-shadow: inset 2px 2px 10px 2px rgba(0, 0, 0, 0.5);
box-shadow: inset 2px 2px 10px 2px rgba(0, 0, 0, 0.5);;
background-image: url({{ STATIC_URL }}texture.png);
margin-top: 20px;
}
.dropzone p.instructions {
font-size: 200%;
margin-top: 90px;
text-align: center;
color: #666;
}
.dropzone.hover {
-webkit-box-shadow: inset 2px 2px 10px 2px rgba(0, 0, 0, 0.5);
-moz-box-shadow: inset 2px 2px 10px 2px rgba(0, 0, 0, 0.5);
box-shadow: inset 2px 2px 10px 2px rgba(0, 0, 0, 0.5);;
background-image: url({{ STATIC_URL }}texture.png);
background-color: #555;
}
.pending {
color: grey;
}
.loaded_images {
border: 0px solid yellow;
margin-top: 20px;
margin-bottom: 10px;
}
.images_list {
float: left;
border: 0px dotted red;
list-style-type: none;
}
.newitem{
border: 1px solid white;
margin: 5px;
}
.removebutton{
float: left;
border: 0px solid yellow;
margin-right: 10px;
}
.actions {
float: right;
margin-right: 50px;
}
.error{
font-weight: bold;
color: red;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment