Skip to content

Commit 89dd20f

Browse files
applemateapplemate
committed
update
1 parent fb2c863 commit 89dd20f

File tree

5 files changed

+245
-0
lines changed

5 files changed

+245
-0
lines changed

‎.DS_Store‎

0 Bytes
Binary file not shown.

‎.gitignore‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
.DS_Store
2+
*.DS_Store
3+
**/.DS_Store

‎index.html‎

Whitespace-only changes.

‎upload.css‎

Lines changed: 242 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,242 @@
1+
/*upload*/
2+
.album {
3+
width: 1000px;
4+
margin: 0 auto 100px auto;
5+
position: relative;
6+
}
7+
.next_btn {
8+
width: 400px;
9+
height: 100px;
10+
margin: 0 auto;
11+
display: block;
12+
}
13+
.files li {
14+
list-style-type: none;
15+
float: left;
16+
position: relative;
17+
width: 154px;
18+
height:160px;
19+
margin: 0 0px 8px 38px;
20+
}
21+
.files li a{
22+
text-decoration: none;
23+
}
24+
.files li .thumb, .files li img{
25+
height: 104px;
26+
width: 154px;
27+
cursor: default;
28+
margin-bottom: 10px;
29+
font-size: 0;
30+
}
31+
.files li .thumb {
32+
display: inline-block;
33+
background-position: center center;
34+
background-size: cover;
35+
}
36+
/*.minidrop {
37+
width: 154px;
38+
height: 104px;
39+
border-radius: 5px;
40+
position: absolute;
41+
border: 2px dashed #626262;
42+
display: block;
43+
font-size: 1.3rem;
44+
line-height: 104px;
45+
margin: auto;
46+
overflow: hidden;
47+
border-radius: 5px;
48+
text-align: center;
49+
font-size: 4rem;
50+
}*/
51+
.minidrop {
52+
width: 154px;
53+
height: 104px;
54+
border-radius: 5px;
55+
/*position: absolute;*/
56+
border: 2px dashed #626262;
57+
display: block;
58+
font-size: 1.3rem;
59+
line-height: 104px;
60+
overflow: hidden;
61+
/*margin-top: 25px;*/
62+
margin-left: 40px;
63+
border-radius: 5px;
64+
text-align: center;
65+
font-size: 4rem;
66+
position: relative;
67+
float: left;
68+
}
69+
/*.files li:last-child{
70+
margin-right: 40px;
71+
}*/
72+
73+
.files li .del {
74+
position: absolute;
75+
color:#fff;
76+
/*width: 30px;*/
77+
/*height: 26px;*/
78+
text-align: center;
79+
padding: 0px 5px 0px 5px;
80+
top:5px;
81+
/*top: 32px;*/
82+
right: 3px;
83+
font-size: 2.8rem;
84+
cursor: pointer;
85+
text-shadow: 1px 1px 2px rgba(0,0,0,1);
86+
border-radius:50%;
87+
border: 1px solid transparent;
88+
line-height: 25px;
89+
transition: all 0.1s ease;
90+
91+
/*vertically align i element*/
92+
}
93+
.files li .del:hover {
94+
border-radius:50%;
95+
background: #C0382B;
96+
text-shadow: none;
97+
color: #fff;
98+
box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.5);
99+
transition: all 0.1s ease;
100+
}
101+
.files li .del i {
102+
103+
text-shadow:1px 1px 1px rgba(0, 0, 0, 1);
104+
105+
}
106+
.files li .set {
107+
border: solid 1px #aaa;
108+
color: #aaa;
109+
border-radius: 4px;
110+
padding: 3px 6px 3px 6px;
111+
cursor: pointer;
112+
position: absolute;
113+
top: 5px;
114+
/*top: 35px;*/
115+
left: 5px;
116+
color: #333;
117+
/*text-shadow: 1px 1px 1px rgba(0,0,0,1);*/
118+
border: solid 1px #fff;
119+
/*box-shadow: 1px 1px 2px rgba(0,0,0,0.5);*/
120+
font-weight: 300;
121+
transition: all 0.1s ease;
122+
background: rgba(255,255,255,0.8);
123+
}
124+
.files li .set:hover {
125+
border-color: #33cc77;
126+
color: #33cc77;
127+
transition: all 0.1s ease;
128+
}
129+
.files li .handler {
130+
color: #aaa;
131+
cursor: grab;
132+
display: inline-block;
133+
width: 100%;
134+
padding: 5px;
135+
/*font-size: 1.6rem*/
136+
position: absolute;
137+
top: -25px;
138+
}
139+
.files li .handler:active {
140+
cursor: grabbing;
141+
}
142+
.files li .red {
143+
color: #33cc77
144+
}
145+
.files li .del {
146+
color: #fff
147+
}
148+
.files li .no {
149+
position: absolute;
150+
left: 0px;
151+
top: -22px;
152+
bottom:20px;
153+
/*z-index: 99999;*/
154+
z-index: 9;
155+
color: #aaa;
156+
/*display: inline-block;*/
157+
/*text-align: right;*/
158+
}
159+
.upload-wrapper {
160+
/*display: block;
161+
float: left;
162+
font-size: 11px;
163+
overflow: hidden;
164+
position: relative;
165+
margin:34px 0 0 100px;*/
166+
167+
display: block;
168+
font-size: 20px;
169+
line-height: 300px;
170+
overflow: hidden;
171+
position: relative;
172+
margin: auto;
173+
color: #626262;
174+
}
175+
.upload{
176+
cursor: pointer;
177+
font-size: 460px;
178+
margin: 0;
179+
opacity: 0;
180+
padding: 0;
181+
position: absolute;
182+
right: 0;
183+
top: 0;
184+
/*z-index: 1;*/
185+
/*height 100% for safari. if not the height of upload input only 21px, very much to click on*/
186+
height: 100%;
187+
}
188+
.progress-container {
189+
width: 100%;
190+
height: 104px;
191+
text-align: center;
192+
position: relative;
193+
border: 1px solid #aaa;
194+
border-radius: 5px;
195+
196+
}
197+
.progress-container:before {
198+
content: "";
199+
display: inline-block;
200+
vertical-align: middle;
201+
/*height: 100%;*/
202+
}
203+
.progressor {
204+
position: absolute;
205+
margin: auto;
206+
right:0;
207+
left: 0;
208+
top: 0;
209+
bottom: 0;
210+
width: 50%;
211+
height: 10%;
212+
font-size: 2rem;
213+
color: #999;
214+
font-weight: 300
215+
}
216+
.progress-bar-container {
217+
/*border: 1px solid #626262;*/
218+
border-radius: 3px;
219+
width: 90%;
220+
position: absolute;
221+
bottom: 10%;
222+
margin: auto;
223+
right:0;
224+
left: 0;
225+
background: #ddd
226+
227+
}
228+
.progress-bar {
229+
border-radius: 3px;
230+
background: #63e46a;
231+
height: 3px;
232+
width: 1px
233+
}
234+
#drop-area {
235+
border: 2px dashed #626262;
236+
height: 300px;
237+
margin:0 auto;
238+
padding: 10px;
239+
text-align: center;
240+
width: 400px;
241+
border-radius: 5px
242+
}

‎ajaxUpload.js‎ renamed to ‎upload.js‎

File renamed without changes.

0 commit comments

Comments
 (0)