[static-web] wiki: Copy admonitions CSS classes from modernized theme

[Tom Tryfonidis <tomtryf src gnome org>]

commit e4d2edabbdec0a11630725c12a0d8bcc463daeea
Author: Tom Tryfonidis <tomtryf gnome org>
Date:   Tue May 16 21:12:38 2017 +0300

    wiki: Copy admonitions CSS classes from modernized theme
    
    Fixes Bug #708261

 wiki.gnome.org/gnome-responsive/css/common.css     |   32 ++++++++++++++++++++
 .../gnome-responsive/img/admon-caution.png         |  Bin 0 -> 1447 bytes
 .../gnome-responsive/img/admon-important.png       |  Bin 0 -> 1607 bytes
 wiki.gnome.org/gnome-responsive/img/admon-note.png |  Bin 0 -> 1255 bytes
 wiki.gnome.org/gnome-responsive/img/admon-tip.png  |  Bin 0 -> 1910 bytes
 .../gnome-responsive/img/admon-warning.png         |  Bin 0 -> 1971 bytes
 6 files changed, 32 insertions(+), 0 deletions(-)
---
diff --git a/wiki.gnome.org/gnome-responsive/css/common.css b/wiki.gnome.org/gnome-responsive/css/common.css
index 73d92b3..12f0184 100644
--- a/wiki.gnome.org/gnome-responsive/css/common.css
+++ b/wiki.gnome.org/gnome-responsive/css/common.css
@@ -215,4 +215,36 @@ div.codearea pre span.ResWord2   {color: #0080ff; font-weight: bold;}
 div.codearea pre span.Special    {color: #0000ff;}
 div.codearea pre span.Preprc     {color: #803999;}
 
+/* admonition start */
+#content div.caution, 
+#content div.important, 
+#content div.note, 
+#content div.tip, 
+#content div.warning {
+    border: 1pt solid #ccc;
+    border-radius: 4px;
+    background-color: #f5f5f5;
+    color: black;
+
+    margin: 10pt auto;
+    background-repeat: no-repeat;
+    background-position: 8px 8px;
+    min-height: 64px; /*64=48+8+8 but doesn't work with IE*/
+    padding-left: 64px;
+}
+
+#content div.caution p, 
+#content div.important p, 
+#content div.note p, 
+#content div.tip p, 
+#content div.warning p {
+    margin-top: 8px; /*to align text with bg graphic*/
+}
+
+#content div.tip { background-image: url("../img/admon-tip.png"); }
+#content div.note { background-image: url("../img/admon-note.png"); }
+#content div.important { background-image: url("../img/admon-important.png"); }
+#content div.caution { background-image: url("../img/admon-caution.png"); }
+#content div.warning { background-image: url("../img/admon-warning.png"); }
 
+/* admonition end */
diff --git a/wiki.gnome.org/gnome-responsive/img/admon-caution.png 
b/wiki.gnome.org/gnome-responsive/img/admon-caution.png
new file mode 100644
index 0000000..750ae97
Binary files /dev/null and b/wiki.gnome.org/gnome-responsive/img/admon-caution.png differ
diff --git a/wiki.gnome.org/gnome-responsive/img/admon-important.png 
b/wiki.gnome.org/gnome-responsive/img/admon-important.png
new file mode 100644
index 0000000..c5726d5
Binary files /dev/null and b/wiki.gnome.org/gnome-responsive/img/admon-important.png differ
diff --git a/wiki.gnome.org/gnome-responsive/img/admon-note.png 
b/wiki.gnome.org/gnome-responsive/img/admon-note.png
new file mode 100644
index 0000000..d01b8c6
Binary files /dev/null and b/wiki.gnome.org/gnome-responsive/img/admon-note.png differ
diff --git a/wiki.gnome.org/gnome-responsive/img/admon-tip.png 
b/wiki.gnome.org/gnome-responsive/img/admon-tip.png
new file mode 100644
index 0000000..2ac5747
Binary files /dev/null and b/wiki.gnome.org/gnome-responsive/img/admon-tip.png differ
diff --git a/wiki.gnome.org/gnome-responsive/img/admon-warning.png 
b/wiki.gnome.org/gnome-responsive/img/admon-warning.png
new file mode 100644
index 0000000..f5c7a6f
Binary files /dev/null and b/wiki.gnome.org/gnome-responsive/img/admon-warning.png differ