diff options
author | Jose Antonio Marquez | 2012-02-13 22:39:28 -0800 |
---|---|---|
committer | Jose Antonio Marquez | 2012-02-13 22:39:28 -0800 |
commit | 5b6c62b7164cbde2845a3f7af810568e5ba53a6a (patch) | |
tree | 48237b0fd7286359aa7e585a6c144cc7fed1a43b /js/io/ui | |
parent | 64f54ffcebf09c570972b91ea5fdb7fe7654e622 (diff) | |
download | ninja-5b6c62b7164cbde2845a3f7af810568e5ba53a6a.tar.gz |
File IO UI tweaks
Making minor tweaks to the UI for file IO, will need to make much more at a later time.
Diffstat (limited to 'js/io/ui')
3 files changed, 49 insertions, 15 deletions
diff --git a/js/io/ui/new-file-dialog/new-file-location.reel/new-file-location.css b/js/io/ui/new-file-dialog/new-file-location.reel/new-file-location.css index 092ca626..e79082a6 100755 --- a/js/io/ui/new-file-dialog/new-file-location.reel/new-file-location.css +++ b/js/io/ui/new-file-dialog/new-file-location.reel/new-file-location.css | |||
@@ -7,11 +7,13 @@ | |||
7 | .newfileLocation .newFileName{ | 7 | .newfileLocation .newFileName{ |
8 | width:65%; | 8 | width:65%; |
9 | margin-left:5px; | 9 | margin-left:5px; |
10 | text-shadow: 1px 1px 1px #000; | ||
10 | } | 11 | } |
11 | 12 | ||
12 | .newfileLocation .newFileDirectory{ | 13 | .newfileLocation .newFileDirectory{ |
13 | width:70%; | 14 | width:70%; |
14 | margin-left:5px; | 15 | margin-left:5px; |
16 | text-shadow: 1px 1px 1px #000; | ||
15 | } | 17 | } |
16 | 18 | ||
17 | .newfileLocation .templateSelection{ | 19 | .newfileLocation .templateSelection{ |
@@ -32,6 +34,7 @@ | |||
32 | .newfileLocation .locationSelection{ | 34 | .newfileLocation .locationSelection{ |
33 | float:left; | 35 | float:left; |
34 | width:75%; | 36 | width:75%; |
37 | text-shadow: 1px 1px 1px #000; | ||
35 | } | 38 | } |
36 | 39 | ||
37 | .newfileLocation .locationSelection div{ | 40 | .newfileLocation .locationSelection div{ |
@@ -41,6 +44,7 @@ | |||
41 | .newfileLocation .locationSelection input{ | 44 | .newfileLocation .locationSelection input{ |
42 | margin-left: 5px; | 45 | margin-left: 5px; |
43 | white-space: nowrap; | 46 | white-space: nowrap; |
47 | text-shadow: 1px 1px 1px #333; | ||
44 | } | 48 | } |
45 | 49 | ||
46 | .newfileLocation .templatePx{ | 50 | .newfileLocation .templatePx{ |
@@ -50,6 +54,7 @@ | |||
50 | 54 | ||
51 | .newfileLocation .nameText{ | 55 | .newfileLocation .nameText{ |
52 | margin-right:28px; | 56 | margin-right:28px; |
57 | text-shadow: 1px 1px 1px #000; | ||
53 | } | 58 | } |
54 | 59 | ||
55 | .newfileLocation .hottextunit{ | 60 | .newfileLocation .hottextunit{ |
@@ -58,5 +63,6 @@ | |||
58 | } | 63 | } |
59 | 64 | ||
60 | .newfileLocation .fileExtension{ | 65 | .newfileLocation .fileExtension{ |
61 | color:#d7d7d7; | 66 | color:#FFF; |
67 | text-shadow: 1px 1px 1px #000; | ||
62 | } | 68 | } |
diff --git a/js/io/ui/new-file-dialog/new-file-options-navigator.reel/new-file-options-navigator.css b/js/io/ui/new-file-dialog/new-file-options-navigator.reel/new-file-options-navigator.css index 95ce01f9..5a359200 100755 --- a/js/io/ui/new-file-dialog/new-file-options-navigator.reel/new-file-options-navigator.css +++ b/js/io/ui/new-file-dialog/new-file-options-navigator.reel/new-file-options-navigator.css | |||
@@ -9,9 +9,12 @@ | |||
9 | width:650px; | 9 | width:650px; |
10 | height:350px; | 10 | height:350px; |
11 | padding-left: 15px; | 11 | padding-left: 15px; |
12 | padding-bottom:25px; | 12 | padding-bottom:32px; |
13 | background-color:#313131; | 13 | background-color:#494949; |
14 | color:#ffffff; | 14 | color:#ffffff; |
15 | font-family: 'Droid Sans', sans-serif; | ||
16 | border-radius: 8px; | ||
17 | box-shadow: 0px 0px 8px rgba(0, 0, 0, .8); | ||
15 | } | 18 | } |
16 | 19 | ||
17 | .newfile .title{ | 20 | .newfile .title{ |
@@ -19,12 +22,14 @@ | |||
19 | height:15px; | 22 | height:15px; |
20 | padding:5px; | 23 | padding:5px; |
21 | text-align: center; | 24 | text-align: center; |
22 | font-weight: bold; | 25 | text-transform: uppercase; |
23 | color: #C1C1C1; | 26 | font-weight: normal; |
27 | text-shadow: 1px 1px 1px #000; | ||
24 | } | 28 | } |
25 | 29 | ||
26 | .newfile .container{ | 30 | .newfile .container{ |
27 | border: 1px groove #000000; | 31 | border: 1px solid #000000; |
32 | border-right: none; | ||
28 | overflow: auto; | 33 | overflow: auto; |
29 | background-color:#5f5f5f; | 34 | background-color:#5f5f5f; |
30 | } | 35 | } |
@@ -45,7 +50,7 @@ | |||
45 | } | 50 | } |
46 | 51 | ||
47 | .newfile .right-top{ | 52 | .newfile .right-top{ |
48 | border: 1px groove #000000; | 53 | border-right: 1px solid #000000; |
49 | overflow: auto; | 54 | overflow: auto; |
50 | min-height:150px; | 55 | min-height:150px; |
51 | height:58%; | 56 | height:58%; |
@@ -54,7 +59,8 @@ | |||
54 | } | 59 | } |
55 | 60 | ||
56 | .newfile .right-bottom{ | 61 | .newfile .right-bottom{ |
57 | border: 1px groove #000000; | 62 | border: 1px solid #000000; |
63 | border-left: none; | ||
58 | overflow: auto; | 64 | overflow: auto; |
59 | height:42%; | 65 | height:42%; |
60 | padding: 15px; | 66 | padding: 15px; |
@@ -64,7 +70,9 @@ | |||
64 | border-bottom:1px solid #000000; | 70 | border-bottom:1px solid #000000; |
65 | padding:5px; | 71 | padding:5px; |
66 | text-align: center; | 72 | text-align: center; |
67 | font-weight: bold; | 73 | text-transform: uppercase; |
74 | font-weight: normal; | ||
75 | text-shadow: 1px 1px 1px #000; | ||
68 | } | 76 | } |
69 | 77 | ||
70 | .newfile .buttons{ | 78 | .newfile .buttons{ |
@@ -74,10 +82,14 @@ | |||
74 | 82 | ||
75 | .newfile .errorMsg{ | 83 | .newfile .errorMsg{ |
76 | float:left; | 84 | float:left; |
77 | margin-top: 7px; | 85 | margin-top: 12px; |
86 | text-shadow: 1px 1px 1px #333; | ||
87 | text-transform: uppercase; | ||
88 | clear: left; | ||
89 | width: 200px; | ||
78 | } | 90 | } |
79 | .newfile .errorMsg span{ | 91 | .newfile .errorMsg span{ |
80 | color: #BF3B3B; | 92 | color: #FF3A3A; |
81 | } | 93 | } |
82 | 94 | ||
83 | .newfile .disable{ | 95 | .newfile .disable{ |
@@ -93,6 +105,10 @@ | |||
93 | font-weight: bold; | 105 | font-weight: bold; |
94 | } | 106 | } |
95 | 107 | ||
108 | .newfile .atreeItem { | ||
109 | text-shadow: 1px 1px 1px #000; | ||
110 | } | ||
111 | |||
96 | .newfile .atreeItem .name{ | 112 | .newfile .atreeItem .name{ |
97 | padding: 3px; | 113 | padding: 3px; |
98 | } | 114 | } |
@@ -115,14 +131,23 @@ | |||
115 | white-space: normal; | 131 | white-space: normal; |
116 | padding-bottom:4px; | 132 | padding-bottom:4px; |
117 | overflow: visible; | 133 | overflow: visible; |
134 | text-shadow: 1px 1px 1px #000; | ||
118 | } | 135 | } |
119 | 136 | ||
120 | .newfile .icon .iconImg{ | 137 | .newfile .icon .iconImg{ |
121 | margin-left:25px; | 138 | margin-left:25px; |
122 | } | 139 | } |
123 | 140 | ||
141 | .newfile .buttons button { | ||
142 | float: left; | ||
143 | width: 100px; | ||
144 | margin-top: 3px; | ||
145 | } | ||
146 | |||
124 | .newfile .okButton{ | 147 | .newfile .okButton{ |
125 | margin-right:25px; | 148 | margin: 0px 18px 0px 8px; |