diff options
author | Jose Antonio Marquez Russo | 2012-02-18 19:40:43 -0800 |
---|---|---|
committer | Jose Antonio Marquez Russo | 2012-02-18 19:40:43 -0800 |
commit | c466bcf61351b50f678100ca14096f71a0a71bd0 (patch) | |
tree | 4ac283e0e7724e5ede21c1a1e97d121033578c72 /js/io/ui/file-picker/picker-navigator.reel/picker-navigator.css | |
parent | e23708721a71ca4c71365f5f8e8ac7d6113926db (diff) | |
parent | 8fdce771bfcf662cf1acc16d45e4361ffd06c53e (diff) | |
download | ninja-c466bcf61351b50f678100ca14096f71a0a71bd0.tar.gz |
Merge pull request #10 from ananyasen/FileIO
FileIO branch pull request
Diffstat (limited to 'js/io/ui/file-picker/picker-navigator.reel/picker-navigator.css')
-rw-r--r-- | js/io/ui/file-picker/picker-navigator.reel/picker-navigator.css | 253 |
1 files changed, 253 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 | /* | ||
< |