feat: Adding Loading image on API reference tree.

styles/docfx.css

@@ -955,3 +955,16 @@ div.embeddedvideo iframe {
 
 .mainContainer[dir='rtl'] main ul[role="tablist"] {
   margin: 0; }
+
+  
+.k-loading-mask {
+  background-image: url("../assets/loading-image.gif");
+  background-repeat: no-repeat;
+  z-index: 10000;
+  background-position-x: center;
+  background-position-y: center;
+}
+
+.k-loading-text {
+  display: none;
+}

styles/index.css

@@ -1,76 +0,0 @@
-article {
-  background: transparent !important;
-}
-
-blockquote {
-  border: 0;
-  margin: 20px 0;
-  min-height: 70px;
-  padding: 24px 80px;
-  background-color: #f9edc6;
-  background-image: url("/devtools/wpf/assets/important-icon.svg");
-  color: #fff;
-  background-repeat: no-repeat;
-  background-size: 48px;
-  background-position: center;
-  background-position-x: 16px;
-  background-position-y: 50%;
-  color: #000000; }
-  blockquote:not(.alert-note) a, blockquote:not(.alert-note) a:link {
-    color: #000000;
-    text-decoration: underline; }
-    blockquote:not(.alert-note) a:hover, blockquote:not(.alert-note) a:active, blockquote:not(.alert-note) a:focus, blockquote:not(.alert-note) a:link:hover, blockquote:not(.alert-note) a:link:active, blockquote:not(.alert-note) a:link:focus {
-      color: #000000;
-      text-decoration: none !important; }
-  blockquote p:first-child,
-  blockquote ul:first-child,
-  blockquote ol:first-child {
-    margin-top: 0; }
-  blockquote p:last-child,
-  blockquote ul:last-child,
-  blockquote ol:last-child {
-    margin-bottom: 0; }
-  blockquote.disclaimer {
-    background-color: #eaebec;
-    color: #4f5d6c; }
-    blockquote.disclaimer p:first-child {
-      color: #36393f; }
-  blockquote.alert-note {
-    margin-top: 2em;
-    margin-bottom: 2em;
-    background-color: #eaebec;
-    color: #4f5d6c; }
-  blockquote.important {
-    background-color: #f9edc6;
-    background-image: url("/devtools/wpf/assets/important-icon.svg"); }
-  blockquote.caution {
-    background-color: #f7e1df;
-    background-image: url("/devtools/wpf/assets/caution-icon.svg"); }
-  blockquote.tip {
-    background-color: #e4f1df;
-    background-image: url("/devtools/wpf/assets/tip-icon.svg"); }
-
-
-article:not(.api-reference)>p:first-child, article:not(.api-reference) h1+p {
-  font-size: 18px;
-  font-weight: 300;
-  line-height: 24px;
-  margin-top: 15px;
-  margin-bottom: 20px;
-  font-family: "Roboto", Helvetica, Arial, sans-serif;
-  color: #8a959f;
-}
-
-@media (min-width: 768px) {
-  article:not(.api-reference)>p:first-child, article:not(.api-reference) h1+p {
-    font-size: 22px;
-    line-height: 28px;
-  }
-}
-
-@media (min-width: 1025px) {
-  article:not(.api-reference)>p:first-child, article:not(.api-reference) h1+p {
-    font-size: 26px;
-    line-height: 32px;
-  }
-}