From 0e595c4e11ce9b44eff157de8616ed15fcd5d6fc Mon Sep 17 00:00:00 2001 From: Ananya Sen Date: Thu, 2 Feb 2012 12:37:29 -0800 Subject: refactoring some file names and locations, change made to maintain only one codemirror div. Signed-off-by: Ananya Sen --- .../new-file-options-navigator.css | 156 +++++++++++++++++++++ 1 file changed, 156 insertions(+) create mode 100755 js/io/ui/new-file-dialog/new-file-options-navigator.reel/new-file-options-navigator.css (limited to 'js/io/ui/new-file-dialog/new-file-options-navigator.reel/new-file-options-navigator.css') 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 new file mode 100755 index 00000000..7ef6d2ce --- /dev/null +++ b/js/io/ui/new-file-dialog/new-file-options-navigator.reel/new-file-options-navigator.css @@ -0,0 +1,156 @@ +/* + This file contains proprietary software owned by Motorola Mobility, Inc.
+ No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.
+ (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved. + */ + +.newfile{ + font-size:12px; + width:650px; + height:350px; + padding-left: 15px; + padding-bottom:25px; + background-color:#313131; + color:#ffffff; +} + +.newfile .title{ + font-size:14px; + height:15px; + padding:5px; + text-align: center; + font-weight: bold; + color: #C1C1C1; +} + +.newfile .container{ + border: 1px groove #000000; + overflow: auto; + background-color:#5f5f5f; +} + +.newfile .left-nav{ + float:left; + width:27%; + height:90%; + overflow-x:auto; + overflow-y:auto +} + +.newfile .right-nav{ + float:left; + width:70%; + height:90%; + overflow: hidden; +} + +.newfile .right-top{ + border: 1px groove #000000; + overflow: auto; + min-height:150px; + height:58%; + width:auto; + padding:5px; +} + +.newfile .right-bottom{ + border: 1px groove #000000; + overflow: auto; + height:42%; + padding: 15px; +} + +.newfile .projectTypeHeader{ + border-bottom:1px solid #000000; + padding:5px; + text-align: center; + font-weight: bold; +} + +.newfile .buttons{ + float:right; + margin-top: 7px; +} + +.newfile .errorMsg{ + float:left; + margin-top: 7px; +} +.newfile .errorMsg span{ + color: #BF3B3B; +} + +.newfile .disable{ + color:#5f5f5f; + cursor:auto; +} + +.newfile .hide{ + display: none; +} + +.newfile .treeArrow + .name{ + font-weight: bold; +} + +.newfile .atreeItem .name{ + padding: 3px; +} + +.newfile .atreeItem .selected{ + background-color: #3f3f3f; +} + +.newfile .icon .selected{ + background-color: #7f7f7f; +} + +.newfile .icon{ + height:90px; +} + +.newfile .icon .iconLabel{ + margin-top:4px; + max-width:90%; + white-space: normal; + padding-bottom:4px; + overflow: visible; +} + +.newfile .icon .iconImg{ + margin-left:25px; +} + +.newfile .okButton{ + margin-right:25px; + -webkit-box-align: center; + text-align: center; + cursor: default; + padding: 0px 6px 0px; + border:2px solid #d1d1d1; + background-color: #e1e1e1; + box-sizing: border-box; + border-radius:10px; + background-image: -webkit-linear-gradient(bottom, #e1e1e1 13%, #d1d1d1 58%, #e1e1e1 40%); + cursor:pointer; +} + +.newfile .cancelButton{ + -webkit-box-align: center; + text-align: center; + cursor: default; + padding: 0px 6px 0px; + border:2px solid #d1d1d1; + background-color: #e1e1e1; + box-sizing: border-box; + border-radius:10px; + background-image: -webkit-linear-gradient(bottom, #e1e1e1 13%, #d1d1d1 58%, #e1e1e1 40%); + cursor:pointer; +} + +.newfile input[type="button"]:disabled{ + background-color: #a1a1a1; + border:2px solid #a1a1a1; + background-image:none; + cursor:auto; +} \ No newline at end of file -- cgit v1.2.3 From 6890662caba94598675679f40dbb725301c93e98 Mon Sep 17 00:00:00 2001 From: Ananya Sen Date: Thu, 2 Feb 2012 17:45:22 -0800 Subject: integrated new file dialog with the template descriptor.json and document-controller.js Signed-off-by: Ananya Sen --- .../new-file-options-navigator.reel/new-file-options-navigator.css | 4 ++++ 1 file changed, 4 insertions(+) (limited to 'js/io/ui/new-file-dialog/new-file-options-navigator.reel/new-file-options-navigator.css') 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 7ef6d2ce..95ce01f9 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 @@ -153,4 +153,8 @@ border:2px solid #a1a1a1; background-image:none; cursor:auto; +} + +.newfile .atree ul{ + -webkit-padding-start: 10px; } \ No newline at end of file -- cgit v1.2.3 From 5b6c62b7164cbde2845a3f7af810568e5ba53a6a Mon Sep 17 00:00:00 2001 From: Jose Antonio Marquez Date: Mon, 13 Feb 2012 22:39:28 -0800 Subject: File IO UI tweaks Making minor tweaks to the UI for file IO, will need to make much more at a later time. --- .../new-file-options-navigator.css | 52 +++++++++++++++++----- 1 file changed, 40 insertions(+), 12 deletions(-) (limited to 'js/io/ui/new-file-dialog/new-file-options-navigator.reel/new-file-options-navigator.css') 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 @@ width:650px; height:350px; padding-left: 15px; - padding-bottom:25px; - background-color:#313131; + padding-bottom:32px; + background-color:#494949; color:#ffffff; + font-family: 'Droid Sans', sans-serif; + border-radius: 8px; + box-shadow: 0px 0px 8px rgba(0, 0, 0, .8); } .newfile .title{ @@ -19,12 +22,14 @@ height:15px; padding:5px; text-align: center; - font-weight: bold; - color: #C1C1C1; + text-transform: uppercase; + font-weight: normal; + text-shadow: 1px 1px 1px #000; } .newfile .container{ - border: 1px groove #000000; + border: 1px solid #000000; + border-right: none; overflow: auto; background-color:#5f5f5f; } @@ -45,7 +50,7 @@ } .newfile .right-top{ - border: 1px groove #000000; + border-right: 1px solid #000000; overflow: auto; min-height:150px; height:58%; @@ -54,7 +59,8 @@ } .newfile .right-bottom{ - border: 1px groove #000000; + border: 1px solid #000000; + border-left: none; overflow: auto; height:42%; padding: 15px; @@ -64,7 +70,9 @@ border-bottom:1px solid #000000; padding:5px; text-align: center; - font-weight: bold; + text-transform: uppercase; + font-weight: normal; + text-shadow: 1px 1px 1px #000; } .newfile .buttons{ @@ -74,10 +82,14 @@ .newfile .errorMsg{ float:left; - margin-top: 7px; + margin-top: 12px; + text-shadow: 1px 1px 1px #333; + text-transform: uppercase; + clear: left; + width: 200px; } .newfile .errorMsg span{ - color: #BF3B3B; + color: #FF3A3A; } .newfile .disable{ @@ -93,6 +105,10 @@ font-weight: bold; } +.newfile .atreeItem { + text-shadow: 1px 1px 1px #000; +} + .newfile .atreeItem .name{ padding: 3px; } @@ -115,14 +131,23 @@ white-space: normal; padding-bottom:4px; overflow: visible; + text-shadow: 1px 1px 1px #000; } .newfile .icon .iconImg{ margin-left:25px; } +.newfile .buttons button { + float: left; + width: 100px; + margin-top: 3px; +} + .newfile .okButton{ - margin-right:25px; + margin: 0px 18px 0px 8px; + /* +margin-right:25px; -webkit-box-align: center; text-align: center; cursor: default; @@ -133,10 +158,12 @@ border-radius:10px; background-image: -webkit-linear-gradient(bottom, #e1e1e1 13%, #d1d1d1 58%, #e1e1e1 40%); cursor:pointer; +*/ } .newfile .cancelButton{ - -webkit-box-align: center; + /* +-webkit-box-align: center; text-align: center; cursor: default; padding: 0px 6px 0px; @@ -146,6 +173,7 @@ border-radius:10px; background-image: -webkit-linear-gradient(bottom, #e1e1e1 13%, #d1d1d1 58%, #e1e1e1 40%); cursor:pointer; +*/ } .newfile input[type="button"]:disabled{ -- cgit v1.2.3