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