[all] fix skeleton stylesheets for IE

apps/documenteditor/main/index.html

@@ -28,6 +28,7 @@
             width: 100%;
             overflow: hidden;
             border: none;
+            background: #f0f0f0;
             background: var(--canvas-background, #f0f0f0);
             z-index: 1001;
         }
@@ -35,6 +36,7 @@
         .loadmask > .brendpanel {
             width: 100%;
             min-height: 28px;
+            background: #446995;
             background: var(--toolbar-header-document, #446995);
         }
 
@@ -71,7 +73,9 @@
         }
 
         .loadmask > .sktoolbar {
+            background: #f7f7f7;
             background: var(--background-toolbar, #f7f7f7);
+            border-bottom: 1px solid #cbcbcb;
             border-bottom: var(--scaled-one-px-value, 1px) solid var(--border-toolbar, #cbcbcb);
             height: 46px;
             padding: 10px 6px;
@@ -86,6 +90,7 @@
         }
 
         .loadmask > .sktoolbar li {
+            background: #ccc;
             background: var(--highlight-button-pressed, #ccc);
             border-radius: 3px;
             width: 20px;
@@ -110,10 +115,12 @@
         }
 
         .loadmask > .placeholder {
+            background: #fff;
             background: var(--canvas-content-background, #fff);
             width: 794px;
             margin: 46px auto;
             height: 100%;
+            border: 1px solid #ccc;
             border: var(--scaled-one-px-value, 1px) solid var(--canvas-page-border, #ccc);
             padding-top: 50px;
         }

apps/documenteditor/main/index.html.deploy

@@ -19,6 +19,7 @@
             width: 100%;
             overflow: hidden;
             border: none;
+            background: #f0f0f0;
             background: var(--canvas-background, #f0f0f0);
             z-index: 1001;
         }
@@ -63,7 +64,9 @@
         }
 
         .loadmask > .sktoolbar {
+            background: #f7f7f7;
             background: var(--background-toolbar, #f7f7f7);
+            border-bottom: 1px solid #cbcbcb;
             border-bottom: var(--scaled-one-px-value, 1px) solid var(--border-toolbar, #cbcbcb);
             height: 46px;
             padding: 10px 6px;
@@ -78,6 +81,7 @@
         }
 
         .loadmask > .sktoolbar li {
+            background: #ccc;
             background: var(--highlight-button-pressed, #ccc);
             border-radius: 3px;
             width: 20px;
@@ -102,10 +106,12 @@
         }
 
         .loadmask > .placeholder {
+            background: #fff;
             background: var(--canvas-content-background, #fff);
             width: 794px;
             margin: 46px auto;
             height: 100%;
+            border: 1px solid #ccc;
             border: var(--scaled-one-px-value, 1px) solid var(--canvas-page-border, #ccc);
             padding-top: 50px;
         }

apps/presentationeditor/main/index.html

@@ -27,6 +27,7 @@
             width: 100%;
             overflow: hidden;
             border: none;
+            background: #f0f0f0;
             background: var(--canvas-background, #f0f0f0);
             z-index: 1001;
         }
@@ -34,6 +35,7 @@
         .loadmask > .brendpanel {
             width: 100%;
             min-height: 28px;
+            background: #aa5252;
             background: var(--toolbar-header-presentation, #aa5252);
         }
 
@@ -70,7 +72,9 @@
         }
 
         .loadmask > .sktoolbar {
+            background: #f7f7f7;
             background: var(--background-toolbar, #f7f7f7);
+            border-bottom: 1px solid #cbcbcb;
             border-bottom: var(--scaled-one-px-value, 1px) solid var(--border-toolbar, #cbcbcb);
             height: 46px;
             padding: 10px 6px;
@@ -85,6 +89,7 @@
         }
 
         .loadmask > .sktoolbar li {
+            background: #ccc;
             background: var(--highlight-button-pressed, #ccc);
             border-radius: 3px;
             width: 20px;
@@ -146,7 +151,9 @@
             position: absolute;
             height: 100%;
             width: 100%;
+            background: #fff;
             background: var(--canvas-content-background, #fff);
+            border: 1px solid #ccc;
             border: var(--scaled-one-px-value, 1px) solid var(--canvas-page-border, #ccc);
 
             -webkit-animation: flickerAnimation 2s infinite ease-in-out;

apps/presentationeditor/main/index.html.deploy

@@ -19,6 +19,7 @@
             width: 100%;
             overflow: hidden;
             border: none;
+            background: #f0f0f0;
             background: var(--canvas-background, #f0f0f0);
             z-index: 1001;
         }
@@ -26,6 +27,7 @@
         .loadmask > .brendpanel {
             width: 100%;
             min-height: 28px;
+            background: #aa5252;
             background: var(--toolbar-header-presentation, #aa5252);
         }
 
@@ -62,7 +64,9 @@
         }
 
         .loadmask > .sktoolbar {
+            background: #f7f7f7;
             background: var(--background-toolbar, #f7f7f7);
+            border-bottom: 1px solid #cbcbcb;
             border-bottom: var(--scaled-one-px-value, 1px) solid var(--border-toolbar, #cbcbcb);
             height: 46px;
             padding: 10px 6px;
@@ -77,6 +81,7 @@
         }
 
         .loadmask > .sktoolbar li {
+            background: #ccc;
             background: var(--highlight-button-pressed, #ccc);
             border-radius: 3px;
             width: 20px;
@@ -138,7 +143,9 @@
             position: absolute;
             height: 100%;
             width: 100%;
+            background: #fff;
             background: var(--canvas-content-background, #fff);
+            border: 1px solid #ccc;
             border: var(--scaled-one-px-value, 1px) solid var(--canvas-page-border, #ccc);
 
             -webkit-animation: flickerAnimation 2s infinite ease-in-out;

apps/presentationeditor/main/index.reporter.html

@@ -26,6 +26,7 @@
             width: 100%;
             overflow: hidden;
             border: none;
+            background: #f0f0f0;
             background: var(--canvas-background, #f0f0f0);
             z-index: 10000;
         }
@@ -33,6 +34,7 @@
         .loadmask > .brendpanel {
             width: 100%;
             height: 56px;
+            background: #aa5252;
             background: var(--toolbar-header-presentation, #aa5252);
         }
 
@@ -89,7 +91,9 @@
             position: absolute;
             height: 100%;
             width: 100%;
+            background: #fff;
             background: var(--canvas-content-background, #fff);
+            border: 1px solid #ccc;
             border: var(--scaled-one-px-value, 1px) solid var(--canvas-page-border, #ccc);
 
             -webkit-animation: flickerAnimation 2s infinite ease-in-out;

apps/presentationeditor/main/index.reporter.html.deploy

@@ -19,6 +19,7 @@
             width: 100%;
             overflow: hidden;
             border: none;
+            background: #f0f0f0;
             background: var(--canvas-background, #f0f0f0);
             z-index: 10000;
         }
@@ -26,6 +27,7 @@
         .loadmask > .brendpanel {
             width: 100%;
             height: 56px;
+            background: #aa5252;
             background: var(--toolbar-header-presentation, #aa5252);
         }
 
@@ -82,7 +84,9 @@
             position: absolute;
             height: 100%;
             width: 100%;
+            background: #fff;
             background: var(--canvas-content-background, #fff);
+            border: 1px solid #ccc;
             border: var(--scaled-one-px-value, 1px) solid var(--canvas-page-border, #ccc);
 
             -webkit-animation: flickerAnimation 2s infinite ease-in-out;

apps/spreadsheeteditor/main/index.html

@@ -27,6 +27,7 @@
             width: 100%;
             overflow: hidden;
             border: none;
+            background: #f0f0f0;
             background: var(--canvas-background, #f0f0f0);
             z-index: 1001;
         }
@@ -34,6 +35,7 @@
         .loadmask > .brendpanel {
             width: 100%;
             min-height: 28px;
+            background: #40865c;
             background: var(--toolbar-header-document, #40865c);
         }
 
@@ -70,6 +72,7 @@
         }
 
         .loadmask > .sktoolbar {
+            background: #f7f7f7;
             background: var(--background-toolbar, #f7f7f7);
             height: 46px;
             padding: 10px 6px;
@@ -84,6 +87,7 @@
         }
 
         .loadmask > .sktoolbar li {
+            background: #ccc;
             background: var(--highlight-button-pressed, #ccc);
             border-radius: 3px;
             width: 20px;
@@ -109,6 +113,7 @@
 
         .loadmask > .skformula {
             height: 24px;
+            background: #f7f7f7;
             background: var(--background-toolbar, #f7f7f7);
         }
 
@@ -117,7 +122,9 @@
             font-size: 0;
             box-sizing: border-box;
             border-style: solid;
+            border-width: 1px;
             border-width: var(--scaled-one-px-value, 1px);
+            border-color: #cbcbcb transparent;
             border-color: var(--border-toolbar, #cbcbcb) transparent;
         }
 
@@ -127,9 +134,12 @@
             height: 19px;
             width: 100%;
             margin-left: 20px;
+            background: #fff;
             background: var(--background-normal, #fff);
             border-style: solid;
+            border-width: 1px;
             border-width: var(--scaled-one-px-value, 1px);
+            border-color: transparent #cbcbcb;
             border-color: transparent var(--border-toolbar, #cbcbcb);
         }
 
@@ -139,10 +149,12 @@
         }
 
         .loadmask > .placeholder {
+            background: #fff;
             background: var(--canvas-content-background, #fff);
             width: 100%;
             height: 100%;
             font-size: 0;
+            border: 1px solid #ccc;
             border: var(--scaled-one-px-value, 1px) solid var(--canvas-page-border, #ccc);
             white-space: nowrap;
 

apps/spreadsheeteditor/main/index.html.deploy

@@ -18,6 +18,7 @@
             width: 100%;
             overflow: hidden;
             border: none;
+            background: #f0f0f0;
             background: var(--canvas-background, #f0f0f0);
             z-index: 1001;
         }
@@ -25,6 +26,7 @@
         .loadmask > .brendpanel {
             width: 100%;
             min-height: 28px;
+            background: #40865c;
             background: var(--toolbar-header-document, #40865c);
         }
 
@@ -61,6 +63,7 @@
         }
 
         .loadmask > .sktoolbar {
+            background: #f7f7f7;
             background: var(--background-toolbar, #f7f7f7);
             height: 46px;
             padding: 10px 6px;
@@ -75,6 +78,7 @@
         }
 
         .loadmask > .sktoolbar li {
+            background: #ccc;
             background: var(--highlight-button-pressed, #ccc);
             border-radius: 3px;
             width: 20px;
@@ -100,6 +104,7 @@
 
         .loadmask>.skformula {
             height: 24px;
+            background: #f7f7f7;
             background: var(--background-toolbar, #f7f7f7);
         }
 
@@ -108,7 +113,9 @@
             font-size: 0;
             box-sizing: border-box;
             border-style: solid;
+            border-width: 1px;
             border-width: var(--scaled-one-px-value, 1px);
+            border-color: #cbcbcb transparent;
             border-color: var(--border-toolbar, #cbcbcb) transparent;
         }
 
@@ -118,9 +125,12 @@
             height: 19px;
             width: 100%;
             margin-left: 20px;
+            background: #fff;
             background: var(--background-normal, #fff);
             border-style: solid;
+            border-width: 1px;
             border-width: var(--scaled-one-px-value, 1px);
+            border-color: #cbcbcb;
             border-color: transparent var(--border-toolbar, #cbcbcb);
         }
 
@@ -130,11 +140,13 @@
         }
 
         .loadmask > .placeholder {
+            background: #fff;
             background: var(--canvas-content-background, #fff);
             width: 100%;
             height: 100%;
             font-size: 0;
-            border: 1px solid #dfdfdf;
+            border: 1px solid #ccc;
+            border: var(--scaled-one-px-value, 1px) solid var(--canvas-page-border, #ccc);
             white-space: nowrap;
 
             -webkit-animation: flickerAnimation 2s infinite ease-in-out;

apps/spreadsheeteditor/main/index_internal.html

@@ -25,6 +25,7 @@
             width: 100%;
             overflow: hidden;
             border: none;
+            background: #f0f0f0;
             background: var(--canvas-background, #f0f0f0);
             z-index: 1001;
         }
@@ -38,6 +39,7 @@
 
         .loadmask > .skformula {
             height: 24px;
+            background: #f7f7f7;
             background: var(--background-toolbar, #f7f7f7);
         }
 
@@ -46,7 +48,9 @@
             font-size: 0;
             box-sizing: border-box;
             border-style: solid;
+            border-width: 1px;
             border-width: var(--scaled-one-px-value, 1px);
+            border-color: #cbcbcb transparent;
             border-color: var(--border-toolbar, #cbcbcb) transparent;
         }
 
@@ -56,9 +60,12 @@
             height: 19px;
             width: 100%;
             margin-left: 20px;
+            background: #fff;
             background: var(--background-normal, #fff);
             border-style: solid;
+            border-width: 1px;
             border-width: var(--scaled-one-px-value, 1px);
+            border-color: transparent #cbcbcb;
             border-color: transparent var(--border-toolbar, #cbcbcb);
         }
 
@@ -68,10 +75,12 @@
         }
 
         .loadmask > .placeholder {
+            background: #fff;
             background: var(--canvas-content-background, #fff);
             width: 100%;
             height: 100%;
             font-size: 0;
+            border: 1px solid #ccc;
             border: var(--scaled-one-px-value, 1px) solid var(--canvas-page-border, #ccc);
             white-space: nowrap;
 

apps/spreadsheeteditor/main/index_internal.html.deploy

@@ -18,6 +18,7 @@
             width: 100%;
             overflow: hidden;
             border: none;
+            background: #f0f0f0;
             background: var(--canvas-background, #f0f0f0);
             z-index: 1001;
         }
@@ -31,6 +32,7 @@
 
         .loadmask>.skformula {
             height: 24px;
+            background: #f7f7f7;
             background: var(--background-toolbar, #f7f7f7);
         }
 
@@ -39,7 +41,9 @@
             font-size: 0;
             box-sizing: border-box;
             border-style: solid;
+            border-width: 1px;
             border-width: var(--scaled-one-px-value, 1px);
+            border-color: #cbcbcb transparent;
             border-color: var(--border-toolbar, #cbcbcb) transparent;
         }
 
@@ -49,9 +53,12 @@
             height: 19px;
             width: 100%;
             margin-left: 20px;
+            background: #fff;
             background: var(--background-normal, #fff);
             border-style: solid;
+            border-width: 1px;
             border-width: var(--scaled-one-px-value, 1px);
+            border-color: #cbcbcb;
             border-color: transparent var(--border-toolbar, #cbcbcb);
         }
 
@@ -65,6 +72,7 @@
             width: 100%;
             height: 100%;
             font-size: 0;
+            border: 1px solid #ccc;
             border: var(--scaled-one-px-value, 1px) solid var(--canvas-page-border, #ccc);
             white-space: nowrap;