Issue 5723 - Implement new abp.org content style guide

static/css/index.css

-#content h1, #content h2
+#key-facts h1

[juliandoucette, 2017/10/07 15:50:07]

#key-facts headings were the only headings that I could find that this applied
to.

[ire, 2017/10/09 12:28:48]

Ack. I couldn't find any other cases either.

 {
   font-size: 16px;
 }
 
 #content .sprite
 {
   background-image: url(../img/sprite-index.png);
 }
 
 #abb-banner
@@ skipping 485 matching lines @@
 #content.chrome_ua-chrome .warning-platform.chrome,
 #content.opera_ua-opera .warning-platform.opera,
 #content.internet-explorer_ua-internet-explorer .warning-platform.internet-explorer,
 #content.safari_ua-safari .warning-platform.safari,
 #content.yandex-browser_ua-yandex-browser .warning-platform.yandex-browser,
 #content.maxthon_ua-maxthon .warning-platform.maxthon
 {
   display: none;
 }
 
+#key-facts

[juliandoucette, 2017/10/07 15:50:07]

border-box breaks this layout because it relies on the space provided by the
padding.

[ire, 2017/10/09 12:28:48]

Acknowledged.

+{
+  box-sizing: content-box;
+}
+
 #key-facts section
 {
   display: inline-block;
 }
 
 #key-facts section h1
 {
   margin-top: 0px;
 }
 
@@ skipping 83 matching lines @@
   line-height: 1.4;
   color: #000;
   background-color: #fff;
   border: 2px solid #a1a1a1;
 }
 
 #ready-for-windows-notice
 {
   margin-bottom: 30px;
 }