diff options
Diffstat (limited to 'js/components/ui/FilePicker/pickerNavigator.reel/pickerNavigator.css')
-rw-r--r-- | js/components/ui/FilePicker/pickerNavigator.reel/pickerNavigator.css | 61 |
1 files changed, 56 insertions, 5 deletions
diff --git a/js/components/ui/FilePicker/pickerNavigator.reel/pickerNavigator.css b/js/components/ui/FilePicker/pickerNavigator.reel/pickerNavigator.css index 2d9f1189..9c85c6b5 100644 --- a/js/components/ui/FilePicker/pickerNavigator.reel/pickerNavigator.css +++ b/js/components/ui/FilePicker/pickerNavigator.reel/pickerNavigator.css | |||
@@ -12,7 +12,11 @@ | |||
12 | padding-left:15px; | 12 | padding-left:15px; |
13 | padding-bottom:15px; | 13 | padding-bottom:15px; |
14 | color:#ffffff; | 14 | color:#ffffff; |
15 | background-color:#313131; | 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; | ||
16 | } | 20 | } |
17 | 21 | ||
18 | .picker .pickerHeader{ | 22 | .picker .pickerHeader{ |
@@ -20,7 +24,7 @@ | |||
20 | } | 24 | } |
21 | 25 | ||
22 | .picker .container{ | 26 | .picker .container{ |
23 | border: 1px groove #000000; | 27 | border: 1px solid #000000; |
24 | overflow: auto; | 28 | overflow: auto; |
25 | background-color:#5f5f5f; | 29 | background-color:#5f5f5f; |
26 | } | 30 | } |
@@ -39,21 +43,26 @@ | |||
39 | width:75%; | 43 | width:75%; |
40 | height:88%; | 44 | height:88%; |
41 | overflow: hidden; | 45 | overflow: hidden; |
46 | border-left: none; | ||
42 | } | 47 | } |
43 | 48 | ||
44 | .picker .right-top{ | 49 | .picker .right-top{ |
45 | border: 1px groove #000000; | 50 | border-right: 1px solid #000000; |
46 | overflow: auto; | 51 | overflow: auto; |
47 | min-height:150px; | 52 | min-height:150px; |
48 | height:75%; | 53 | height:75%; |
49 | width:auto; | 54 | width:auto; |
55 | border-right: none; | ||
50 | } | 56 | } |
51 | 57 | ||
52 | .picker .right-bottom{ | 58 | .picker .right-bottom{ |
53 | border: 1px groove #000000; | 59 | border: 1px solid #000000; |
60 | border-left: none; | ||
54 | overflow: auto; | 61 | overflow: auto; |
55 | height:20%; | 62 | height:20%; |
56 | padding: 10px; | 63 | padding: 10px; |
64 | border-bottom: none; | ||
65 | border-right: none; | ||
57 | } | 66 | } |
58 | 67 | ||
59 | .picker .driversList{ | 68 | .picker .driversList{ |
@@ -63,6 +72,7 @@ | |||
63 | 72 | ||
64 | .picker .driversList:hover{ | 73 | .picker .driversList:hover{ |
65 | cursor:pointer; | 74 | cursor:pointer; |
75 | background-color: #444444; | ||
66 | } | 76 | } |
67 | 77 | ||
68 | .picker .highlighted{ | 78 | .picker .highlighted{ |
@@ -193,8 +203,49 @@ | |||
193 | pointer:auto; | 203 | pointer:auto; |
194 | } | 204 | } |
195 | 205 | ||
206 | .picker .buttons button { | ||
207 | float: left; | ||
208 | width: 100px; | ||
209 | margin-top: 3px; | ||
210 | } | ||
211 | |||
196 | .picker .okButton{ | 212 | .picker .okButton{ |
197 | margin-right:25px; | 213 | margin: 0px 22px 0px 8px; |
214 | /* | ||
215 | margin-right:25px; | ||
216 | -webkit-box-align: center; | ||
217 | text-align: center; | ||
218 | cursor: default; | ||
219 | padding: 0px 6px 0px; | ||
220 | border:2px solid #d1d1d1; | ||
221 | background-color: #e1e1e1; | ||
222 | box-sizing: border-box; | ||
223 | border-radius:10px; | ||
224 | background-image: -webkit-linear-gradient(bottom, #e1e1e1 13%, #d1d1d1 58%, #e1e1e1 40%); | ||
225 | cursor:pointer; | ||
226 | */ | ||
227 | } | ||
228 | |||
229 | .picker .cancelButton{ | ||
230 | /* | ||
231 | -webkit-box-align: center; | ||
232 | text-align: center; | ||
233 | cursor: default; | ||
234 | padding: 0px 6px 0px; | ||
235 | border:2px solid #d1d1d1; | ||
236 | background-color: #e1e1e1; | ||
237 | box-sizing: border-box; | ||
238 | border-radius:10px; | ||
239 | background-image: -webkit-linear-gradient(bottom, #e1e1e1 13%, #d1d1d1 58%, #e1e1e1 40%); | ||
240 | cursor:pointer; | ||
241 | */ | ||
242 | } | ||
243 | |||
244 | .picker input[type="button"]:disabled{ | ||
245 | background-color: #a1a1a1; | ||
246 | border:2px solid #a1a1a1; | ||
247 | background-image:none; | ||
248 | cursor:auto; | ||
198 | } | 249 | } |
199 | 250 | ||
200 | 251 | ||