[FIX][pre][code] CSS problem (#6756)

* [FIX][pre][code] CSS problem

* fix

* fixed

* fix: single newline character

* Revert `docfx`

* Update docfx.json

---------

Co-authored-by: Aaron Stannard <[email protected]>

Author: eaba

docs/docfx.json

@@ -13,7 +13,7 @@
                 "**/*Tests*.csproj",
                 "**/*Tests.*.csproj"
             ],
-            "cwd": "../src"
+            "src": "../src"
         }],
         "dest": "api",
         "filter": "filterConfig.yml"
@@ -23,7 +23,7 @@
             "files": [
                 "api/**.yml",
                 "api/index.md"
-            ]			
+            ]
         }, {
             "files": [
                 "articles/**.md",
@@ -74,11 +74,12 @@
         "fileMetadataFiles": [],
         "template": [
             "default",
-            "template"
+			      "modern",
+			      "template"
         ],
         "postProcessors": ["ExtractSearchIndex"],
         "noLangKeyword": false,
-		    "warningsAsErrors": true,
+        "warningsAsErrors": true,
         "Docfx_Git_Timeout": 30000
     }
-}
+}

docs/index.md

@@ -60,41 +60,31 @@ h2:before{
     <div class="container">
         <!-- FEATURED BOXES 3 -->
         <div class="row featured-box-minimal">
-
             <div class="col-md-4 col-sm-6 col-xs-12">
                 <h4><i class="fa fa-arrows-alt"></i> Simple Concurrency &amp; Distribution</h4>
                 <p>Asynchronous and Distributed by design. High-level abstractions like Actors and FSM.</p>
             </div>
-
             <div class="col-md-4 col-sm-6 col-xs-12">
                 <h4><i class="fa fa-flash"></i> High Performance</h4>
                 <p>50 million msg/sec on a single machine. Small memory footprint; ~2.5 million actors per GB of heap.</p>
             </div>
-
             <div class="col-md-4 col-sm-6 col-xs-12">
                 <h4><i class="fa fa-shield"></i> Resilient by Design</h4>
                 <p>Write systems that self-heal. Remote and/or local supervisor hierarchies.</p>
             </div>
-
-
             <div class="col-md-4 col-sm-6 col-xs-12">
                 <h4><i class="fa fa-th-large"></i> Elastic & Decentralized</h4>
                 <p>Adaptive load balancing, routing, partitioning and configuration-driven remoting.</p>
             </div>
-
             <div class="col-md-4 col-sm-6 col-xs-12">
                 <h4><i class="fa fa-plus-circle"></i> Extensible</h4>
                 <p>Use Akka.NET Extensions to adapt Akka to fit your needs.</p>
             </div>
-
             <div class="col-md-4 col-sm-6 col-xs-12">
                 <h4><i class="fa fa-exclamation"></i> Open Source </h4>
                 <p>Akka.NET is released under the Apache 2 license</p>
             </div>
-
         </div>
-        <!-- /FEATURED BOXES 3 -->
-
     </div>
 </section>
 <!-- /WELCOME -->
@@ -103,7 +93,6 @@ h2:before{
 <!-- PREMIUM -->
 <section class="alternate">
     <div class="container">
-
         <div class="row">
             <div class="col-md-6">
 <h2><strong>Actor</strong> Model</h2>
@@ -112,9 +101,7 @@ The Actor Model provides a higher level of abstraction for writing concurrent an
                 <p>Actors were defined in the 1973 paper by <a href="http://en.wikipedia.org/wiki/Carl_Hewitt">Carl Hewitt</a> but have been popularized by the Erlang language, and used for example at Ericsson with great success to build highly concurrent and reliable telecom systems.</p>
                 <p><a href="/articles/intro/what-problems-does-actor-model-solve.html">Read more</a></p>
             </div>
-
             <div class="col-md-6 text-center">
-
                 <img class="img-responsive img-rounded appear-animation" data-animation="fadeIn" style="border:2px solid white;width:100%;border-radius:10px" src="/images/actor.png" alt="" />
             </div>
         </div>
@@ -128,7 +115,6 @@ Everything in Akka.NET is designed to work in a distributed setting: all interac
                 </p>
                 <p><a href="/articles/Remoting">Read more</a></p>
             </div>
-
             <div class="col-md-6 text-center">
                 <img class="img-responsive img-rounded appear-animation" data-animation="fadeIn" style="border:2px solid white;width:100%;border-radius:10px" src="/images/network.png" alt="" />
             </div>
@@ -143,10 +129,10 @@ As a parent, the actor is responsible for handling its children’s failures (so
 This enables a clean set of semantics for managing failures in a concurrent, distributed system and allows for writing highly fault-tolerant systems that self-heal.</p>
 <p><a href="/articles/concepts/supervision.html">Read more</a></p>
             </div>
-
             <div class="col-md-6 text-center">
                 <img class="img-responsive img-rounded appear-animation" data-animation="fadeIn" style="border:2px solid white;width:100%;border-radius:10px" src="/images/supervision.png" alt="" />
             </div>
         </div>
     </div>
 </section>
+<div style="height:90px;"></div>

docs/template/styles/main.css

@@ -247,12 +247,6 @@ ul li::marker{
 }
 
 
-footer{
-    position: relative !important;
-    opacity: 1 !important;
-    display: block !important;
-}
-
 .footer{
     background: url(/images/footer.png) no-repeat left top, linear-gradient(270deg, #FFFFFF, #6DC9ED);