Pour tout problème contactez-nous par mail : support@froggit.fr | La FAQ :grey_question: | Rejoignez-nous sur le Chat :speech_balloon:

Skip to content
Snippets Groups Projects
Commit 3a12f81d authored by Nicolas's avatar Nicolas
Browse files

Modification du nom du fichier

parent af1a53f5
No related branches found
No related tags found
No related merge requests found
@import url(https://fonts.googleapis.com/css?family=Exo+2:400,700,500,300);
.dropzoneWrapper {
font-family: "Exo 2";
.importer .dropzoneWrapper {
width: 80%;
margin: 0 auto;
text-align: center;
color: #EB6A5A;
}
.dropWrapper {
.importer .dropWrapper {
background: radial-gradient(ellipse at center, #EB6A5A 0, #c9402f 100%);
padding: 2em 0 3em 0;
margin-bottom: 3em;
......@@ -17,18 +14,18 @@
box-shadow: 0 0 0 1px rgba(255, 255, 255, .05), inset 0 0 .25em 0 rgba(0, 0, 0, .25);
}
.dropWrapper .cloud_upload {
.importer .dropWrapper .cloud_upload {
font-size: 10em;
}
.dropzoneWrapper .fileinput-button {
.importer .dropzoneWrapper .fileinput-button {
height: 50px;
margin: 20px auto;
position: relative;
width: 200px;
}
.dropzoneWrapper label, .dropzoneWrapper input {
.importer .dropzoneWrapper label, .dropzoneWrapper input {
cursor: pointer;
display: block;
height: 50px;
......@@ -39,7 +36,7 @@
border-radius: 5px;
}
.dropzoneWrapper label {
.importer .dropzoneWrapper label {
background: #fff;
color:#EB6A5A;
display: inline-block;
......@@ -53,28 +50,28 @@
box-shadow: 0 1px 1px gray;
}
.dropzoneWrapper input[type=file] {
.importer .dropzoneWrapper input[type=file] {
opacity: 0;
}
.dropWrapper.dz-drag-hover {
.importer .dropWrapper.dz-drag-hover {
color: #EB6A5A;
background: #fff;
border: 5px solid #EB6A5A;
transition: all 0.3s ease-out;
}
.previewWrapper {
.importer .previewWrapper {
width: 80%;
margin: 3em auto 0 auto;
}
.table.table-striped {
.importer .table.table-striped {
margin-left: -15px;
margin-right: -15px;
}
.table.table-striped .picturePreviewRow {
.importer .table.table-striped .picturePreviewRow {
width: 25%;
float: left;
position: relative;
......@@ -84,7 +81,7 @@
box-sizing: border-box;
}
.table.table-striped .img-responsive {
.importer .table.table-striped .img-responsive {
display: block;
max-width: 100%;
height: auto;
......@@ -92,46 +89,33 @@
border: 0;
}
#actions {
width: 80%;
margin: 0 auto;
padding: 1.5rem;
.importer .actions {
text-align: right;
width: 80%;
}
#actions .btn {
background-color: #fff;
color:#EB6A5A;
font-family: "Exo 2";
font-weight: 100;
font-size: 1.25em;
border: 0 none;
box-shadow: 0 1px 1px grey;
border-radius: 5px;
.importer .actions .btn {
margin-left: 10px;
}
#actions .btn.start {
.importer .actions .btn.start {
background-color: #EB6A5A;
color: #fff;
font-weight: 300;
}
#actions .btn.start:hover {
.importer .actions .btn.start:hover {
background-color: #c9402f;
}
#actions .btn.cancel:hover {
color: #c9402f;
}
.material-card {
.importer .material-card {
position: relative;
height: 0;
padding-bottom: calc(95% - 20px);
margin-bottom: 6.6em;
}
.material-card h2 {
.importer .material-card h2 {
position: absolute;
top: calc(100% - 16px);
left: 0;
......@@ -149,13 +133,12 @@
transition: all 0.3s;
}
.material-card h2 span.sizeWrapper {
.importer .material-card h2 span.sizeWrapper {
font-weight: 400;
display: block;
font-size: 0.8em;
}
.material-card h2:before,
.material-card h2:after {
.importer .material-card h2:before, .importer .material-card h2:after {
content: ' ';
position: absolute;
left: 0;
......@@ -168,13 +151,13 @@
-o-transition: all 0.3s;
transition: all 0.3s;
}
.material-card h2:after {
.importer .material-card h2:after {
top: auto;
bottom: 0;
}
.material-card .mc-content {
.importer .material-card .mc-content {
position: absolute;
right: 0;
top: 0;
......@@ -186,7 +169,8 @@
-o-transition: all 0.3s;
transition: all 0.3s;
}
.material-card .mc-btn-action {
.importer .material-card .mc-btn-action {
position: absolute;
right: 16px;
top: 15px;
......@@ -208,19 +192,15 @@
transition: all 0.3s;
}
.material-card .mc-btn-action.upload {
.importer .material-card .mc-btn-action.upload {
right: 82px;
}
.material-card .mc-btn-action.upload .fas {
.importer .material-card .mc-btn-action.upload .fas {
font-size: 1.25em;
}
.material-card .mc-btn-action.delete {
}
.material-card .img-container {
.importer .material-card .img-container {
overflow: hidden;
position: absolute;
left: 0;
......@@ -235,24 +215,27 @@
transition: all 0.3s;
}
.material-card.Pink h2 {
.importer .material-card.Pink h2 {
background-color: #c9402f;
}
.material-card.Pink h2:after {
.importer .material-card.Pink h2:after {
border-top-color: #c9402f;
border-right-color: #c9402f;
border-bottom-color: transparent;
border-left-color: transparent;
}
.material-card.Pink h2:before {
.importer .material-card.Pink h2:before {
border-top-color: transparent;
border-right-color: #EB6A5A;
border-bottom-color: #EB6A5A;
border-left-color: transparent;
}
.material-card.Pink .mc-btn-action {
.importer .material-card.Pink .mc-btn-action {
background-color: #c9402f;
}
.material-card.Pink .mc-btn-action:hover {
.importer .material-card.Pink .mc-btn-action:hover {
background-color: #EB6A5A;
}
\ No newline at end of file
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment