--- a/www/tmpl/rst.css	Sun Sep 11 22:20:04 2016 +0300
+++ b/www/tmpl/rst.css	Sun Sep 11 22:41:45 2016 +0300
@@ -100,19 +100,19 @@
     color: gray;
 }
 
-.attention, .caution, .danger, .error, .warning, .important, .hint, .note, .tip {
+.attention, .caution, .danger, .error, .warning, .important, .hint, .note, .tip, .sidebar {
     padding: 0px;
     margin: 5px 0px;
     text-indent: 2em;
 }
-.hint, .note, .tip { border: green 1px solid; }
+.hint, .note, .tip, .sidebar { border: green 1px solid; }
 .warning, .important { border: gold 1px solid; }
 .attention, .caution, .danger, .error { border: red 1px solid; }
-.attention p.first, .caution p.first, .danger p.first, .error p.first, .warning p.first, .important p.first, .hint p.first, .note p.first, .tip p.first {
+.attention p.first, .caution p.first, .danger p.first, .error p.first, .warning p.first, .important p.first, .hint p.first, .note p.first, .tip p.first, .sidebar p.first {
     margin: 0px;
     padding: 5px 0px;
 }
-.hint p.first, .note p.first, .tip p.first { background: rgb(176, 255, 176); }
+.hint p.first, .note p.first, .tip p.first, .sidebar p.first { background: rgb(176, 255, 176); }
 .warning p.first, .important p.first { background: rgb(255, 233, 176); }
 .attention p.first, .caution p.first, .danger p.first, .error p.first { background: rgb(255, 196, 180); }
 .attention p, .caution p, .danger p, .error p, .warning p, .important p, .hint p, .note p, .tip p {
@@ -121,6 +121,14 @@
 .attention pre, .caution pre, .danger pre, .error pre, .warning pre, .important pre, .hint pre, .note pre, .tip pre {
     margin: 0 5px 5px 4em;
 }
+.sidebar {
+    float: right;
+}
+@media (max-width: 700px) {
+    .sidebar {
+        float: none;
+    }
+}
 
 .def {
     font-family: monospace;