aboutsummaryrefslogtreecommitdiff
path: root/js/io/ui/file-picker/picker-navigator.reel
diff options
context:
space:
mode:
Diffstat (limited to 'js/io/ui/file-picker/picker-navigator.reel')
-rw-r--r--js/io/ui/file-picker/picker-navigator.reel/picker-navigator.css253
-rwxr-xr-xjs/io/ui/file-picker/picker-navigator.reel/picker-navigator.html80
-rw-r--r--js/io/ui/file-picker/picker-navigator.reel/picker-navigator.js1072
3 files changed, 1405 insertions, 0 deletions
diff --git a/js/io/ui/file-picker/picker-navigator.reel/picker-navigator.css b/js/io/ui/file-picker/picker-navigator.reel/picker-navigator.css
new file mode 100644
index 00000000..796c283f
--- /dev/null
+++ b/js/io/ui/file-picker/picker-navigator.reel/picker-navigator.css
@@ -0,0 +1,253 @@
1/* <copyright>
2 This file contains proprietary software owned by Motorola Mobility, Inc.<br/>
3 No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/>
4 (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved.
5 </copyright> */
6
7.picker{
8 font-size:12px;
9 width:523px;
10 height:500px;
11 padding-top:15px;
12 padding-left:15px;
13 padding-bottom:15px;
14 color:#ffffff;
15 background-color:#494949;
16 font-family: 'Droid Sans', sans-serif;
17 border-radius: 8px;
18 box-shadow: 0px 0px 8px rgba(0, 0, 0, .8);
19 text-shadow: 1px 1px 1px #000;
20}
21
22.picker .pickerHeader{
23 margin-bottom: 10px;
24}
25
26.picker .container{
27 border: 1px solid #000000;
28 overflow: auto;
29 background-color:#5f5f5f;
30}
31
32.picker .left-nav{
33 float:left;
34 width:20%;
35 height:86%;
36 padding-top: 10px;
37 overflow-x:hidden;
38 overflow-y:auto
39}
40
41.picker .right-nav{
42 float:left;
43 width:75%;
44 height:88%;
45 overflow: hidden;
46 border-left: none;
47}
48
49.picker .right-top{
50 border-right: 1px solid #000000;
51 overflow: auto;
52 min-height:150px;
53 height:75%;
54 width:auto;
55 border-right: none;
56 margin: 8px 0px 0px 8px;
57}
58
59.picker .right-bottom{
60 border: 1px solid #000000;
61 border-left: none;
62 overflow: auto;
63 height:20%;
64 padding: 10px;
65 border-bottom: none;
66 border-right: none;
67}
68
69.picker .driversList{
70 padding: 3px;
71 text-align: center;
72}
73
74.picker .driversList:hover{
75 cursor:pointer;
76 background-color: #444444;
77}
78
79.picker .highlighted{
80 background-color: #343434;
81}
82
83
84.picker .buttons{
85 float:right;
86 margin-top: 7px;
87}
88
89.picker .historyArrows{
90 width:20px;
91 display:inline;
92 border-radius: 5px;
93 border: 1px solid #d1d1d1;
94}
95
96.picker .historyArrows span{
97 font-size: 0.7em;
98 cursor: pointer;
99}
100
101.picker .addressbar{
102 display:inline;
103 margin-left: 2px;
104 border-radius: 5px;
105 border: 1px solid #d1d1d1;
106 padding: 3px;
107 position:relative;
108}
109
110.picker .addressbar input{
111 width:320px;
112}
113
114.picker .dropdownArrow{
115 font-size: 0.7em;
116 cursor: pointer;
117}
118
119.picker .dropdown{
120 position:absolute;
121 z-index:10000;
122 border: 1px solid #d1d1d1;
123 background-color: #444;
124 opacity:0.9;
125}
126
127.picker .dropdown div{
128 padding: 3px;
129}
130
131.picker .dropdown div:hover{
132 cursor: pointer;
133 background-color: #343434;
134}
135
136.picker .addressbar .dropdown{
137 width:331px;
138 min-height:50px;
139}
140
141.picker .go{
142 margin-left: 5px;
143 cursor: pointer;
144}
145
146.picker .viewSwitcher{
147 display:inline;
148 margin-left: 30px;
149}
150
151.picker .viewSwitcher span{
152 margin-left: 5px;
153 border-radius: 5px;
154 border: 1px solid #d1d1d1;
155 padding: 3px;
156 cursor: pointer;
157}
158
159.picker .reload{
160 position:relative;
161 margin-left: 15px;
162 top:4px;
163 cursor: pointer;
164}
165
166.picker .filters{
167 display:inline;
168 float:left;
169 margin-left: 12px;
170 margin-top: 7px;
171 border-radius: 5px;
172 border: 1px solid #d1d1d1;
173 padding: 3px;
174 /*width:150px;*/
175 position:relative;
176 max-width: 65%;
177}
178
179.picker .filters .dropdown{
180 min-height:25px;
181 /*width:154px;*/
182 bottom:21px;
183 left:-1px;
184 white-space: nowrap;
185}
186
187.picker .filterVal{
188 width:120px;
189 margin-left: 5px;
190 background-color: #444;
191}
192
193.picker .disable{
194 color:#5f5f5f;
195 cursor:auto;
196}
197
198.picker .hide{
199 display: none;
200}
201
202.picker .viewSelected{
203 background-color:#6f6f6f;
204 pointer:auto;
205}
206
207.picker .buttons button {
208 float: left;
209 width: 100px;
210 margin-top: 3px;
211}
212
213.picker .okButton{
214 margin: 0px 22px 0px 8px;
215 /*
216margin-right:25px;
217 -webkit-box-align: center;
218 text-align: center;
219 cursor: default;
220 padding: 0px 6px 0px;
221 border:2px solid #d1d1d1;