Project

General

Profile

Statistics
| Revision:

root / trunk / web / dojo / dojox / form / resources / FileInput.css

History | View | Annotate | Download (3.1 KB)

1 9 andrej.cim
.dijitFileInput {
2
        position:relative;
3
        height:1.3em;
4
5
}
6
.dijitFileInputReal {
7
        position:absolute;
8
        z-index:2;
9
        filter:alpha(opacity:0);
10
        opacity:0;
11
        cursor:pointer;
12
}
13
.dijitFileInputRealBlind {
14
        right:0;
15
}
16
.dijitFileInputReal:hover { cursor:pointer; }
17
.dijitFileInputButton,
18
.dijitFileInputText {
19
        border:1px solid #333;
20
        padding:2px 12px 2px 12px;
21
        cursor:pointer;
22
}
23
.dijitFileInputButton {
24
        z-index:3;
25
        visibility:hidden;
26
}
27
.dijitFakeInput { position:absolute; top:0; left:0; z-index:1; white-space: nowrap; }
28
.dijitProgressOverlay {
29
        display:none;
30
        width:250px;
31
        height:1em;
32
        position:absolute;
33
        top:0; left:0;
34
        border:1px solid #333;
35
        background:#cad2de url('../../../dijit/themes/tundra/images/dijitProgressBarAnim.gif') repeat-x top left;
36
        padding:2px;
37
}
38
.tundra .dijitProgressOverlay {
39
        border:1px solid #84a3d1;
40
        background-color:#cad2de;
41
}
42
.tundra .dijitFakeInput input {
43
44
        padding: 0;
45
        background:#fff url("../../../dijit/themes/tundra/images/validationInputBg.png") repeat-x top left;
46
        border:1px solid #9b9b9b;
47
        line-height: normal;
48
}
49
.tundra .dijitFileInputButton,
50
.tundra .dijitFileInputText {
51
        border:1px solid #9b9b9b;
52
        padding:0px 12px 0px 12px;
53
        background:#e9e9e9 url("../../../dijit/themes/tundra/images/buttonEnabled.png") repeat-x top;
54
}
55
.soria .dijitProgressOverlay {
56
        border:1px solid #8BA0BD;
57
        background-color:#cad2de;
58
}
59
.soria .dijitFakeInput input {
60
        border:1px solid #8BA0BD;
61
        background:#fff url("../../../dijit/themes/soria/images/validationInputBg.png") repeat-x top left;
62
        line-height:normal;
63
        background-position:0 -30px;
64
        padding:0.2em 0.3em;
65
}
66
.soria .dijitFileInputButton,
67
.soria .dijitFileInputText {
68
        border:1px solid #8BA0BD;
69
        padding:2px 12px 2px 12px;
70
        background:#b7cdee url('../../../dijit/themes/soria/images/buttonEnabled.png') repeat-x;
71
}
72
.nihilo .dijitProgressOverlay {
73
        border:1px solid #DEDEDE;
74
        background-color:#cad2de;
75
}
76
.nihilo .dijitFakeInput input {
77
        border:1px solid #DEDEDE;
78
        background:#fff url("../../../dijit/themes/nihilo/images/validationInputBg.png") repeat-x top left;
79
        line-height:normal;
80
        background-position:0 -30px;
81
        padding:0.2em 0.3em;
82
}
83
.nihilo .dijitFileInputButton,
84
.nihilo .dijitFileInputText {
85
        border:1px solid #DEDEDE;
86
        padding:2px 12px 2px 12px;
87
        background:#b7cdee url('../../../dijit/themes/nihilo/images/buttonEnabled.png') repeat-x;
88
}
89
.claro .dijitProgressOverlay {
90
        border:1px solid #769dc0;
91
        background-color:#769dc0;
92
}
93
.claro .dijitFakeInput input {
94
        border: 1px solid #bcc8dd;
95
        background-color: #fff;
96
        background-repeat: repeat-x;
97
        background-position: top left;
98
        background-image:url("../../../dijit/themes/claro/images/textBox_back.png");
99
        line-height:normal;
100
        padding:0.2em 0.3em;
101
}
102
.claro .dijitFileInputButton,
103
.claro .dijitFileInputText {
104
        background-image: url("../../../dijit/themes/claro/form/images/button_back_full.png");
105
        background-position: center top;
106
        background-repeat: repeat-x;
107
        background-color: #cde3f6;
108
        border: 1px solid #799ab7;
109
        border-radius: 4px;
110
        -moz-border-radius: 4px;
111
        -webkit-border-radius: 4px;
112
        box-shadow:0px 1px 1px rgba(0,0,0,0.2);
113
        -webkit-box-shadow:0px 1px 1px rgba(0,0,0,0.2);
114
        -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.2);
115
}