aboutsummaryrefslogtreecommitdiff
path: root/js/io/ui/new-file-dialog
diff options
context:
space:
mode:
authorJose Antonio Marquez2012-02-13 22:39:28 -0800
committerJose Antonio Marquez2012-02-13 22:39:28 -0800
commit5b6c62b7164cbde2845a3f7af810568e5ba53a6a (patch)
tree48237b0fd7286359aa7e585a6c144cc7fed1a43b /js/io/ui/new-file-dialog
parent64f54ffcebf09c570972b91ea5fdb7fe7654e622 (diff)
downloadninja-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/new-file-dialog')
-rwxr-xr-xjs/io/ui/new-file-dialog/new-file-location.reel/new-file-location.css8
-rwxr-xr-xjs/io/ui/new-file-dialog/new-file-options-navigator.reel/new-file-options-navigator.css52
-rwxr-xr-xjs/io/ui/new-file-dialog/new-file-options-navigator.reel/new-file-options-navigator.html4
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;