From b1813ff9c3926d7aab14e09249b99e077e0b00c6 Mon Sep 17 00:00:00 2001
From: coderaiser <mnemonic.enemy@gmail.com>
Date: Thu, 24 Apr 2014 07:36:32 -0400
Subject: [PATCH] refactor(view) set correct order

---
 css/view.css       | 16 +++++++---------
 lib/client/edit.js |  2 +-
 lib/client/view.js | 10 +++++++++-
 3 files changed, 17 insertions(+), 11 deletions(-)

diff --git a/css/view.css b/css/view.css
index 77b2979e..7a0c7b8e 100644
--- a/css/view.css
+++ b/css/view.css
@@ -3,20 +3,18 @@
     white-space :pre;
     outline: 0;     
 } 
+
 .view::selection {  
-    background: #b3d4fc;
     text-shadow: none;
+    background: #b3d4fc;
 } 
-#fancybox-loading div {
-    background: none;
-    width: 0;
-    height: 0;
-} 
+
 .view-overlay { 
-    background: rgb(255, 255, 255); 
-    background: rgba(255, 255, 255, 0.1);
-    display: block;
+    display     : block;
+    background  : rgb(255, 255, 255); 
+    background  : rgba(255, 255, 255, 0.1);
 } 
+
 .fancybox-wrap {
     /* 
      * when search element with
diff --git a/lib/client/edit.js b/lib/client/edit.js
index 16cc1b0e..3cf9b548 100644
--- a/lib/client/edit.js
+++ b/lib/client/edit.js
@@ -397,7 +397,7 @@ var CloudCmd, Util, DOM, CloudFunc, ace, DiffProto, diff_match_patch, Zip;
             if (!Msg) {
                 DOM.cssSet({
                     id      : 'msg-css',
-                    inner   : '#view .msg {'        +
+                    inner   : '#js-view .msg {'     +
                                 'z-index'           + ': 1;'                    +
                                 'background-color'  + ': #7285B7;'              +
                                 'color'             + ': #D1F1A9;'              +
diff --git a/lib/client/view.js b/lib/client/view.js
index 111e2811..fff3359b 100644
--- a/lib/client/view.js
+++ b/lib/client/view.js
@@ -232,7 +232,15 @@ var CloudCmd, Util, DOM, CloudFunc, $;
                  * if join css that do not minified
                  * all images would not be loaded
                  */
-                DOM.anyLoadOnLoad(files, func);
+                DOM.anyLoadOnLoad(files, func)
+                    .cssSet({
+                        id:'view-css',
+                        inner : '#fancybox-loading div {'               +
+                                    'width: 0;'                         +
+                                    'height: 0'                         +
+                                    'background: none;'                 +
+                                '}'
+                        });
             });
         }