diff --git a/apps/documenteditor/main/index.html b/apps/documenteditor/main/index.html
index 839ada9f7..bf62d1c20 100644
--- a/apps/documenteditor/main/index.html
+++ b/apps/documenteditor/main/index.html
@@ -68,10 +68,54 @@
background: rgba(255, 255, 255, 0.2);
}
+ .loadmask > .sktoolbar {
+ background: #fafafa;
+ border-bottom: 1px solid #e2e2e2;
+ height: 46px;
+ padding: 10px 12px;
+ box-sizing: content-box;
+ }
+
+ .loadmask > .sktoolbar ul {
+ margin: 0;
+ padding: 0;
+ white-space: nowrap;
+ position: relative;
+
+ -webkit-animation: flickerAnimation 2s infinite ease-in-out;
+ -moz-animation: flickerAnimation 2s infinite ease-in-out;
+ -o-animation: flickerAnimation 2s infinite ease-in-out;
+ animation: flickerAnimation 2s infinite ease-in-out;
+ }
+
+ .loadmask > .sktoolbar li {
+ background: #e2e2e2;
+ border-radius: 3px;
+ width: 20px;
+ height: 20px;
+ display: inline-block;
+ margin-right: 6px;
+ }
+
+ .loadmask > .sktoolbar li.space {
+ background: none;
+ width: 12px;
+ }
+
+ .loadmask > .sktoolbar li.fat {
+ position: absolute;
+ right: 0;
+ top: 0;
+ bottom: 0;
+ left: 612px;
+ width: inherit;
+ height: 44px;
+ }
+
.loadmask > .placeholder {
background: #fbfbfb;
width: 796px;
- margin: 112px auto;
+ margin: 46px auto;
height: 100%;
border: 1px solid #dfdfdf;
padding-top: 50px;
@@ -176,7 +220,7 @@
-
+
