Visual updates, en-US updates

codexa · Mar 6, 2014 · 7d6e846 · 7d6e846
1 parent 60c4519
commit 7d6e846
Show file tree

Hide file tree

Showing 10 changed files with 61 additions and 46 deletions.
diff --git a/locales/en_US/app.properties b/locales/en_US/app.properties
@@ -9,15 +9,15 @@ cancel  =  Cancel
 center  =  Center
 clear  =  Clear
 clear-recents.innerHTML  =  <b>Clear recents</b> list
-click-compose-icon-to-create  =  Click the compose icon to create one
+click-compose-icon-to-create  =  Click the compose icon to create a new document.
 close-document  =  Close document
 cloud  =  Cloud
-contains-special-characters  =  'Special characters are not allowed.  Please revise.'
+contains-special-characters  =  Special characters are not allowed.  Please revise.
 content-not-defined  =  The content was not defined
 could-not-initialize-filesystem  =  Error: could not initialize filesystem
 create-document  =  Create document
 create  =  Create
-credits  =  Credits
+credits  =  Firetext credits
 delete-selected  =  Delete selected
 delete-unsuccessful  =  File deletion unsuccessful.\n\nError details:\n
 deselect-all  =  Deselect all

diff --git a/style/bb/edit_mode.css b/style/bb/edit_mode.css
@@ -60,20 +60,21 @@
   z-index: 10;
   padding: 0;
   height: 5rem;
-  color: #fff;
-  background: #2c2c2c repeat 0 0;
+  color: #1f1f1f;
+  background: #fff repeat 0 0;
   border: none;
+  border-bottom: solid 0.2rem #efefef;
 }
 
 [role="edit"][data-type="edit"] header h1 {
   font: 2.5rem/5rem "Moz", "Open Sans", Sans-serif;
   text-align: left;
-  color: #fff;
+  color: inherit;
   white-space: nowrap;
   text-overflow: ellipsis;
   display: block;
   overflow: hidden;
-  margin: 0 0 0 3rem;
+  margin: 0 0 0 2rem;
   height: 100%
 }
 
@@ -83,7 +84,7 @@
   padding: 0;
   overflow: hidden;
   font: normal 1.4rem/1.1em "MozTT", Sans-serif;
-  color: #fff;
+  color: inherit;
   border-radius: 0;
 }
 
@@ -115,7 +116,7 @@
 }
 
 [role="edit"][data-type="edit"] header menu button {
-  color: #fff;
+  color: inherit;
   border: none;
 }
 
@@ -127,12 +128,11 @@
 /* Press state */
 [role="edit"][data-type="edit"] header button:active .icon:after,
 [role="edit"][data-type="edit"] header menu[type="toolbar"] button:active  {
-  background: #dfdfdf !important;
+  background: #dfdfdf;
   transition: background 0.2s ease;
     -moz-transition: background 0.2s ease;
     -webkit-transition: background 0.2s ease;
     -o-transition: background 0.2s ease;
-  color: #fff;
 }
 
 [role="edit"][data-type="edit"] header button:first-letter {
@@ -174,8 +174,8 @@
   white-space: nowrap;
   margin: 0;
   padding: 1.5rem;
-  border-top: solid 0.1rem rgba(255, 255, 255, 0.1);
-  background: #2c2c2c repeat left top;
+  border-top: solid 0.2rem #efefef;
+  background: #fff;
   display: block;
   overflow: hidden;
   position: absolute;
@@ -197,7 +197,7 @@
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;
-  background: #eee repeat-x left bottom;
+  background: #efefef;
   border: none;
   border-radius: 0.3rem;
   font-size: 1.6rem;
@@ -214,7 +214,7 @@
 /* Press (default & recommend) */
 [role="edit"][data-type="edit"] menu button:active,
 [role="edit"][data-type="edit"] menu button.recommend:active {
-  background: #dfdfdf;
+  background: #ddd;
   color: #333;
 }
 
@@ -225,7 +225,7 @@
 
 /* Danger */
 [role="edit"][data-type="edit"] menu button.danger{
-  background-color: #890707;
+  background-color: #BE000A;
   color: #fff;
   text-shadow: none;
 }

diff --git a/style/bb/input_areas.css b/style/bb/input_areas.css
@@ -104,7 +104,7 @@ fieldset {
   border-radius: 0.3rem;
   border: 0.1rem solid rgba(0,0,0,.2);
   font: 1.4rem/1em "MozTT", Sans-serif;
-  background: #fff url(input_areas/images/ui/shadow.png) repeat-x left top;
+  background: #eee;
 }
 
 fieldset  + fieldset {

diff --git a/style/bb/lists.css b/style/bb/lists.css
@@ -40,7 +40,7 @@
   box-sizing: border-box;
   transition: -webkit-transform 0.3s ease, padding 0.3s ease;
   transition: transform 0.3s ease, padding 0.3s ease;
-  border-bottom: solid 0.1rem #ccc;
+  border-bottom: solid 0.1rem #ddd;
   color: #2c2c2c;
   margin: 0;
   display: block;
@@ -204,6 +204,7 @@
 [data-type="list"] [data-type="edit"] li {
   transform: translateX(4rem);
   padding-left: 0;
+  margin-left: 2rem;
 }
 
 [data-type="list"] [data-type="edit"] li > label {

diff --git a/style/bb/tabs.css b/style/bb/tabs.css
@@ -9,7 +9,7 @@
   width: 100%;
   height: 100%;
   font-family: "Open Sans", Sans-serif;
-  background: #dfdfdf;
+  background: #efefef;
 }
 
 [role="tablist"] > [role="tab"] {
@@ -69,7 +69,7 @@
 }
 
 [role="tablist"] > [role="tab"] > a:active {
-  background-color: #afafaf;
+  background-color: #bfbfbf;
   color: #1f1f1f;
 }
 
@@ -103,7 +103,7 @@
 /* Selected state */
 [role="tablist"] > [role="tab"].selected > a {
   color: #000;
-  background: #eee;
+  background: #fff;
 }
 
 [role="tablist"] > [role="tab"].selected > a.icon:after {
@@ -135,7 +135,7 @@
     -o-transform: translateX(-102%);
     -ms-transform: translateX(-102%);
   transform: translateX(-102%);
-  background: #EEE;
+  background: #fff;
     -moz-transition: all .4s;
     -webkit-transition: all .4s;
     -o-transition: all .4s;

diff --git a/style/bb/toolbars.css b/style/bb/toolbars.css
@@ -8,7 +8,7 @@
   position: fixed;
   bottom: 0;
   left: 0;
-  background-color: #dfdfdf;
+  background-color: #efefef;
 }
 
 [role="toolbar"] ul {
@@ -41,7 +41,7 @@
 
 [role="toolbar"] button:active, 
 [role="toolbar"] button.active {
-  background-color: #afafaf;
+  background-color: #bfbfbf;
 }
 
 [role="toolbar"] button[class^="icon-"], 

diff --git a/style/headers.css b/style/headers.css
@@ -4,12 +4,12 @@ section > header:first-child {
   padding: 0;
   height: 5rem;
   color: #1f1f1f;
-  background: #eee;
+  background: #fff;
   background-size: auto 100%;
   box-sizing: border-box;
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
-  border-bottom: none;
+  border-bottom: solid 0.2rem #efefef;
 }
 
 section > header:first-child h1 {
@@ -147,7 +147,7 @@ section > header:first-child a:not([aria-disabled="true"]):active .icon:after,
 section > header:first-child button:not(:disabled):active .icon:after,
 section > header:first-child menu[type="toolbar"] a:not([aria-disabled="true"]):active,
 section > header:first-child menu[type="toolbar"] button:not(:disabled):active  {
-  background: #dfdfdf !important;
+  background: #efefef !important;
     -moz-transition: background 0.2s ease;
     -webkit-transition: background 0.2s ease;
     -o-transition: background 0.2s ease;

diff --git a/style/main.css b/style/main.css
@@ -12,7 +12,7 @@ html, body {
   padding: 0;  
   font-size: 10px;
   font-family: "Open Sans", sans-serif;  
-  background: #eee;
+  background: #fff;
   color: #6f6f6f;
 }
 
@@ -44,10 +44,6 @@ html, body {
 
 
 /* Style hacks */
-#edit header:first-child {
-  border-bottom: .2rem solid #ccc;
-}
-
 [role="toolbar"] button.ftanylitics {
   background-color: #444;
 }
@@ -103,7 +99,7 @@ form[role=dialog].current {
 
 [data-type="list"] h2,
 [data-type="edit"] h2 {
-  background: #dfdfdf;
+  background: #efefef;
   padding: 5px 20px;
   color: #2C2C2C;
   margin: 0 0;
@@ -128,7 +124,7 @@ form[role=dialog].current {
 /* File List */
 [data-type="list"] li.fileListItem {
   height: auto;
-  background: #eee;
+  background: #fff;
   cursor: pointer;
 }
 
@@ -148,7 +144,7 @@ form[role=dialog].current {
 }
 
 [data-type="list"] li.fileListItem .fileItemDescription {
-  background: #ccc;
+  background: #ddd;
   font-size: 1.2rem;
   max-height: 5rem;
   overflow: hidden;
@@ -339,7 +335,7 @@ aside select.dummy {
 /* Spinner (Throbber) */
 .spinner {
   border-radius: 8px;
-  background-color: #eee;
+  background-color: #fff;
   padding: 10px;
   opacity: 0;
   display: inline-block;

diff --git a/style/night.css b/style/night.css
@@ -19,10 +19,6 @@
 
 
 /* Headers */
-.night header:first-child {
-  opacity: .8;
-}
-
 .night section > header:first-child a:not([aria-disabled="true"]):active .icon:after,
 .night section > header:first-child button:not(:disabled):active .icon:after,
 .night section > header:first-child menu[type="toolbar"] a:not([aria-disabled="true"]):active,
@@ -37,11 +33,7 @@
 .night section > header:first-child {
   background: #111;
   color: #eee;
-  border-color: #1f1f1f;
-}
-
-.night #edit header:first-child {
-  border-color: #333;
+  border-color: #2C2C2C;
 }
 
 
@@ -111,6 +103,10 @@
   color: #a0a0a0;
 }
 
+.night [data-type="list"] li > label {
+  border-color: #1f1f1f;
+}
+
 
 /* File lists */
 .night [data-type="list"] li.fileListItem {
@@ -170,6 +166,28 @@
 }
 
 
+/* Edit Mode */
+.night [role="edit"][data-type="edit"] > menu {
+    background-color: #222;
+    border-color: #333;
+}
+
+.night [role="edit"][data-type="edit"] menu button {
+    background-color: #333;
+    color: #fff;
+    text-shadow: none;
+}
+
+.night [role="edit"][data-type="edit"] menu button:active,
+.night [role="edit"][data-type="edit"] menu button.recommend:active {
+    background-color: #111;
+}
+
+.night [role="edit"][data-type="edit"] menu button.danger{
+    background-color: #BE000A;
+}
+
+
 /* Editor */
 .night .editor {
   background: #111;

diff --git a/style/regions.css b/style/regions.css
@@ -12,7 +12,7 @@ section[role="region"], section[role="dialog"] {
   bottom: 0px;
   left: 0px;
   right: 0px;  
-  background-color: #eee;  
+  background-color: #fff;  
     -moz-transition: all .4s ease;
     -webkit-transition: all .4s ease;
     -o-transition: all .4s ease;