diff --git a/styles/readtheorg/css/readtheorg.css b/styles/readtheorg/css/readtheorg.css
index 2d02f67..daf344b 100755
--- a/styles/readtheorg/css/readtheorg.css
+++ b/styles/readtheorg/css/readtheorg.css
@@ -517,10 +517,12 @@ a .fa,a #content .admonition-title,#content a .admonition-title{
     margin-bottom: 24px;
     font-family:"Roboto Slab","ff-tisa-web-pro","Georgia",Arial,sans-serif}
 
-#content .admonition-title.note:before,#content .admonition-title.seealso:before,
-#content .admonition-title.warning:before,#content .admonition-title.caution:before,
-#content .admonition-title.tip:before,#content .admonition-title.important:before,
-#content .admonition-title.error:before{
+#content .admonition-title.note:before, #content .admonition-title.seealso:before,
+#content .admonition-title.warning:before, #content .admonition-title.caution:before,
+#content .admonition-title.attention:before,
+#content .admonition-title.tip:before, #content .admonition-title.hint:before,
+#content .admonition-title.important:before,
+#content .admonition-title.error:before, #content .admonition-title.danger:before{
     font-family:FontAwesome;
     content: "";}
 
@@ -539,22 +541,22 @@ a .fa,a #content .admonition-title,#content a .admonition-title{
 .wy-alert p:last-child,#content .note p:last-child,#content .attention p:last-child,#content .caution p:last-child,#content .danger p:last-child,#content .error p:last-child,#content .hint p:last-child,#content .important p:last-child,#content .tip p:last-child,#content .warning p:last-child,#content .seealso p:last-child,#content .admonitiontodo p:last-child{
     margin-bottom:0}
 
-#content .admonition-title.tip,#content .admonition-title.important{
+#content .admonition-title.tip,#content .admonition-title.important,#content .admonition-title.hint{
     line-height: 1;
     background:#1abc9c}
 
-#content .important,#content .tip{
+#content .important,#content .tip,#content .hint{
     background:#dbfaf4}
 
 #content .admonition-title.note,#content .admonition-title.seealso{
     line-height: 1;
     background:#6ab0de}
 
-#content .admonition-title.warning,#content .admonition-title.caution{
+#content .admonition-title.warning,#content .admonition-title.caution,#content .admonition-title.attention{
     line-height: 1;
     background:#F0B37E}
 
-#content .admonition-title.error{
+#content .admonition-title.error,#content .admonition-title.danger{
     line-height: 1;
     background:#f29f97}
 
diff --git a/styles/readtheorg/js/readtheorg.js b/styles/readtheorg/js/readtheorg.js
index 0f91d4b..e3fbc58 100755
--- a/styles/readtheorg/js/readtheorg.js
+++ b/styles/readtheorg/js/readtheorg.js
@@ -3,9 +3,12 @@ $(function() {
     $('.seealso').before("<p class='admonition-title seealso'>See also</p>");
     $('.warning').before("<p class='admonition-title warning'>Warning</p>");
     $('.caution').before("<p class='admonition-title caution'>Caution</p>");
-    $('.important').before("<p class='admonition-title important'>Important</p>");
+    $('.attention').before("<p class='admonition-title attention'>Attention</p>");
     $('.tip').before("<p class='admonition-title tip'>Tip</p>");
+    $('.important').before("<p class='admonition-title important'>Important</p>");
+    $('.hint').before("<p class='admonition-title hint'>Hint</p>");
     $('.error').before("<p class='admonition-title error'>Error</p>");
+    $('.danger').before("<p class='admonition-title danger'>Danger</p>");
 });
 
 $( document ).ready(function() {