1 files changed, 16 insertions, 38 deletions
diff --git a/doc/global/template/style/offline.css b/doc/global/template/style/offline.css
index f99369a096..706b1eb3f6 100644
--- a/doc/global/template/style/offline.css
+++ b/doc/global/template/style/offline.css
@@ -1,6 +1,6 @@
 body {
     font: normal 400 14px/1.2 Arial;
-    margin-top: 85px;
+    margin-top: 50px;
     font-family: Arial, Helvetica;
     text-align: left;
     margin-left: 5px;
@@ -112,39 +112,18 @@ a[href*="http://"], a[href*="ftp://"], a[href*="https://"] {
 NOTE styles
 -------------------------------
 */
-
-.notetitle, .tiptitle, .fastpathtitle {
-    font-weight: bold
+.admonition {
+    padding: 5px 0 5px 40px;
+    border: #ccc 1px solid;
 }
 
-.attentiontitle, .cautiontitle, .dangertitle, .importanttitle, .remembertitle, .restrictiontitle {
-    font-weight: bold
-}
-
-.note, .tip, .fastpath {
-    background: #F2F2F2 url(../images/ico_note.png);
-    background-repeat: no-repeat;
-    background-position: top left;
-    padding: 5px;
-    padding-left: 40px;
-    padding-bottom: 10px;
-    border: #999 1px dotted;
-    color: #666666;
-    margin: 5px;
+.admonition.note, .admonition.important {
+    background: #f2f2f2 3px 6px no-repeat url(../images/ico_note.png);
 }
 
-.attention, .caution, .danger, .important, .remember, .restriction {
-    background: #F2F2F2 url(../images/ico_note_attention.png);
-    background-repeat: no-repeat;
-    background-position: top left;
-    padding: 5px;
-    padding-left: 40px;
-    padding-bottom: 10px;
-    border: #999 1px dotted;
-    color: #666666;
-    margin: 5px;
+.admonition.warning {
+    background: #f2f2f2 3px 6px no-repeat url(../images/ico_note_attention.png);
 }
-
 /*
 -------------------------------
 Top navigation
@@ -166,7 +145,7 @@ Top navigation
     display: block;
     position: relative;
     text-align: right;
-    top: -47px;
+    top: -30px;
     float: right;
     height: 20px;
     z-index: 1;
@@ -232,7 +211,6 @@ footer and license
 .navigationbar {
     display: block;
     position: relative;
-    top: -20px;
     border-top: 1px solid #cecece;
     border-bottom: 1px solid #cecece;
     background-color: #F2F2F2;
@@ -320,18 +298,17 @@ headers
 @media screen {
     .title {
         color: #313131;
-        font-size: 24px;
+        font-size: 20px;
         font-weight: normal;
         left: 0;
-        padding-bottom: 20px;
+        padding-bottom: 15px;
         padding-left: 10px;
-        padding-top: 20px;
+        padding-top: 15px;
         position: absolute;
         right: 0;
         top: 0;
         background-color: #E6E6E6;
         border-bottom: 1px #CCC solid;
-        border-top: 2px #CCC solid;
         font-weight: bold;
         margin-left: 0px;
         margin-right: 0px;
@@ -351,7 +328,7 @@ h2, p.h2 {
     font-weight: 100;
     background-color: #F2F3F4;
     padding: 4px;
-    margin-bottom: 30px;
+    margin-bottom: 15px;
     margin-top: 30px;
     border-top: #E0E0DE 1px solid;
     border-bottom: #E0E0DE 1px solid;
@@ -366,7 +343,7 @@ h3 {
     font: 500 14px/1.2 Arial;
     font-weight: 100;
     text-decoration: underline;
-    margin-bottom: 30px;
+    margin-bottom: 15px;
     margin-top: 30px;
 }
 
@@ -385,7 +362,7 @@ h3.fn, span.fn {
     max-width: 75%;
     font-size: 14px;
     margin: 0px;
-    margin-top: 45px;
+    margin-top: 30px;
 }
 .fngroup h3.fngroupitem {
     margin-bottom: 5px;
@@ -659,6 +636,7 @@ Content table
         width: 200px;
         text-align: left;
         margin-left: 20px;
+        margin-top: 5px;
     }
 }