Przeglądaj źródła

身份验证样式

xuchunyang 8 lat temu
rodzic
commit
89aaeafcc2
1 zmienionych plików z 136 dodań i 0 usunięć
  1. 136 0
      src/main/webapp/css/webuploader/webuploader2.css

+ 136 - 0
src/main/webapp/css/webuploader/webuploader2.css

@ -0,0 +1,136 @@
1
.webuploader-container {
2
	position: relative;
3
	position: relative;
4
    width: 100px;
5
    height: 100px;
6
    float: left;
7
    margin-right: 20px;
8
}
9
.webuploader-element-invisible {
10
	position: absolute !important;
11
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
12
    clip: rect(1px,1px,1px,1px);
13
}
14
.webuploader-pick {
15
	position: relative;
16
	display: inline-block;
17
	cursor: pointer;
18
	padding: 10px 15px;
19
	color: #fff;
20
	text-align: center;
21
	border-radius: 5px;
22
	overflow: hidden;
23
	border: 1px solid #ddd;
24
	background:#f0f0f0 url(../../images/up.png) no-repeat center;
25
}
26

27

28
.webuploader-pick-disable {
29
	opacity: 0.6;
30
	pointer-events:none;
31
}
32

33
/*demo样式*/
34
#picker {
35
    display: inline-block;
36
    line-height: 1.428571429;
37
    vertical-align: middle;
38
    margin: 0 12px 0 0;
39
}
40
#picker .webuploader-pick {
41
    padding: 6px 12px;
42
    display: block;
43
}
44

45

46
#uploader-demo .thumbnail {
47
    width: 110px;
48
    height: 110px;
49
}
50
#uploader-demo .thumbnail img {
51
    width: 100%;
52
}
53
.uploader-list {
54
    width: 100%;
55
    overflow: hidden;
56
}
57
.file-item {
58
    float: left;
59
    position: relative;
60
    margin: 0 20px 20px 0;
61
    padding: 4px;
62
    width:100px;
63
    heigth:100px;
64
}
65

66
@-webkit-keyframes progressmove {
67
    0% {
68
        background-position: 0 0;
69
    }
70
    100% {
71
        background-position: 17px 0;
72
    }
73
}
74
@-moz-keyframes progressmove {
75
    0% {
76
        background-position: 0 0;
77
    }
78
    100% {
79
        background-position: 17px 0;
80
    }
81
}
82
@keyframes progressmove {
83
    0% {
84
        background-position: 0 0;
85
    }
86
    100% {
87
        background-position: 17px 0;
88
    }
89
}
90

91
a.travis {
92
  position: relative;
93
  top: -4px;
94
  right: 15px;
95
}
96

97
#uploader-dome .file-panel{
98
    position: absolute;
99
    height: 0;
100
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#80000000', endColorstr='#80000000')\0;
101
    background: rgba( 0, 0, 0, 0.5 );
102
    width: 100%;
103
    top: 0;
104
    left: 0;
105
    overflow: hidden;
106
    z-index: 300;
107
}
108

109
#uploader-dome .file-panel span {
110
    width: 24px;
111
    height: 24px;
112
    display: inline;
113
    float: right;
114
    text-indent: -9999px;
115
    overflow: hidden;
116
    background: url(../../images/icons.png) no-repeat;
117
    margin: 5px 1px 1px;
118
    cursor: pointer;
119
}
120

121
#uploader-dome .file-panel  span.cancel {
122
    background-position: -48px -24px;
123
}
124
#uploader-dome .file-panel  span.cancel:hover {
125
    background-position: -48px 0;
126
}
127

128
.subUp{    padding: 8px 0px;
129
    background: #ff9900;
130
    border-radius: 4px;
131
    color: #fff;
132
    width: 100px;
133
    float: right;
134
    margin-top: 10px;
135
    text-align: center;
136
    cursor: pointer;}