[static-web] wiki: Add CSS class for a custom heading with image

[Tom Tryfonidis <tomtryf src gnome org>]

commit 1706af742a1c7ae6a198dd0e61e699849d74c3ec
Author: Tom Tryfonidis <tomtryf gnome org>
Date:   Thu Dec 15 22:46:47 2016 +0200

    wiki: Add CSS class for a custom heading with image

 wiki.gnome.org/gnome/css/style.css |   48 ++++++++++++++++++++++++++++++++++-
 1 files changed, 46 insertions(+), 2 deletions(-)
---
diff --git a/wiki.gnome.org/gnome/css/style.css b/wiki.gnome.org/gnome/css/style.css
index d3acd59..2313800 100644
--- a/wiki.gnome.org/gnome/css/style.css
+++ b/wiki.gnome.org/gnome/css/style.css
@@ -25,8 +25,14 @@ h1.first {
        padding-top: 0;
 }
 
-h2, h3, h4, h5, h6 {
+h1, h2, h3, h4, h5, h6 {
        color: #3f3f3f;
+    margin: 0px;
+}
+
+#content p {
+    margin: 0em 0 1.2em;
+    line-height: 1.4em;
 }
 
 #content img {
@@ -40,7 +46,6 @@ h2, h3, h4, h5, h6 {
 
 h1 {
        font-size: 1.4em;
-       margin-bottom: 1.5em;
 }
 
 h2 {
@@ -68,6 +73,45 @@ a:active {
         color: #ff0000;
 }
 
+/* Headings with image and lines on sides */
+
+.image-header p {
+  display: inline-block;
+  padding: 0 40px;
+  position: relative;
+  color: #4A90D8;
+  font-size: 25px;
+  font-weight: 400;
+}
+
+.image-header img {
+  vertical-align: middle;
+  margin-right: 15px;
+}
+
+.image-header p:before,
+.image-header p:after {
+  background: #4A90D8;
+  content: "";
+  display: block;
+  height: 4px;
+  position: absolute;
+  top: 45%;
+  width: 400%;
+}
+
+.image-header p:before {
+  right: 100%;
+}
+
+.image-header p:after {
+  left: 100%;
+}
+.image-header {
+  overflow: hidden;
+  text-align: center;
+}
+
 /*  lists  */
 .list {
   margin-top:.5em;