Project

General

Profile

Statistics
| Revision:

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

History | View | Annotate | Download (3.1 KB)

1 
.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 
}