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