source: Dev/trunk/src/client/dojox/form/resources/FileInput.css

Last change on this file was 483, checked in by hendrikvanantwerpen, 11 years ago

Added Dojo 1.9.3 release.

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