mirror of
https://github.com/Lastorder-DC/rhymix.git
synced 2026-05-01 16:22:41 +09:00
#1579 업로드 폼 UI 및 파일선택 방법 개선
This commit is contained in:
parent
c8fafa77d7
commit
8a412532d4
5 changed files with 144 additions and 106 deletions
|
|
@ -7,25 +7,28 @@
|
|||
|
||||
.xefu-container {
|
||||
margin: 10px 0;
|
||||
border: 1px solid #B6B6B6;
|
||||
border: 1px solid #d7d8d8;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
/* dropzone */
|
||||
.xefu-dropzone {
|
||||
border: 1px solid #EEE;
|
||||
text-align: center;
|
||||
background-color: #EBEBEB;
|
||||
padding: 12px;
|
||||
border: 1px solid #fafafa;
|
||||
background-color: #f7f7f7;
|
||||
border-radius: 3px;
|
||||
|
||||
box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
}
|
||||
.xefu-dropzone.in {
|
||||
.in .xefu-dropzone {
|
||||
background-color: #E9F3EF;
|
||||
}
|
||||
.xefu-dropzone.hover {
|
||||
.hover .xefu-dropzone {
|
||||
border: 1px dotted #9ad18f;
|
||||
border-radius: 5px;
|
||||
}
|
||||
.xefu-dropzone.fade {
|
||||
.fade .xefu-dropzone {
|
||||
-webkit-transition: all 0.3s ease-out;
|
||||
-moz-transition: all 0.3s ease-out;
|
||||
-ms-transition: all 0.3s ease-out;
|
||||
|
|
@ -141,13 +144,9 @@
|
|||
height: 24px !important;
|
||||
overflow: visible;
|
||||
border: 1px solid #bbbbbb;
|
||||
border-color: #e6e6e6 #e6e6e6 #bfbfbf;
|
||||
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
|
||||
border-bottom-color: #a2a2a2;
|
||||
border-radius: 2px;
|
||||
text-decoration: none !important;
|
||||
text-align: center;
|
||||
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
|
||||
vertical-align: top;
|
||||
line-height: 24px !important;
|
||||
font-family: inherit;
|
||||
|
|
@ -199,3 +198,33 @@ button.xefu-btn {
|
|||
cursor: pointer;
|
||||
background: none;
|
||||
}
|
||||
|
||||
p.xefu-dropzone-message {
|
||||
display: inline-block;
|
||||
margin: 0;
|
||||
margin-left: 5px;
|
||||
line-height: 24px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.xefu-dropzone:hover p.xefu-dropzone-message,
|
||||
.in .xefu-dropzone p.xefu-dropzone-message,
|
||||
.hover .xefu-dropzone p.xefu-dropzone-message,
|
||||
.fade .xefu-dropzone p.xefu-dropzone-message {
|
||||
display: none;
|
||||
}
|
||||
.upload_info {
|
||||
display: none;
|
||||
margin: 0;
|
||||
margin-left: 5px;
|
||||
line-height: 24px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.xefu-dropzone:hover .upload_info,
|
||||
.in .xefu-dropzone .upload_info,
|
||||
.hover .xefu-dropzone .upload_info,
|
||||
.fade .xefu-dropzone .upload_info {
|
||||
display: inline-block;
|
||||
margin: 0;
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue