--- doc/tmpl/css/main.css	2015/04/26 20:54:00	2732
+++ doc/tmpl/css/main.css	2015/04/28 17:24:16	2738
@@ -280,8 +280,8 @@
     position:fixed; top:66px;
     z-index:2;
     width:180px;
-    max-height:    -moz-calc(100% - 67px);
     max-height: -webkit-calc(100% - 67px);
+    max-height:    -moz-calc(100% - 67px);
     max-height:      -o-calc(100% - 67px);
     max-height:         calc(100% - 67px);
     overflow:auto;
@@ -490,8 +490,8 @@
 
 article {
     display:block;
-    width:    -moz-calc(100% - 181);
     width: -webkit-calc(100% - 181);
+    width:    -moz-calc(100% - 181);
     width:      -o-calc(100% - 181);
     width:         calc(100% - 181);
     background-color:white;
@@ -552,7 +552,12 @@
     color:#1ba1dd;
     text-decoration:none;
     outline:none;
-    border:0;
+    border:none;
+}
+
+article a img {
+    border:none;
+    text-decoration:none;
 }
 
 article a:hover {
@@ -776,7 +781,10 @@
     border-left:solid 10px #898989;
     margin: 24px auto 27px 43px;
     padding: 15px 18px 15px 18px;
-    max-width:calc(100% - 145px);
+    max-width: -webkit-calc(100% - 145px);
+    max-width:    -moz-calc(100% - 145px);
+    max-width:      -o-calc(100% - 145px);
+    max-width:         calc(100% - 145px);
 }
 
 article note.important {
@@ -797,7 +805,7 @@
 article p img {
     display:inline-block;
     float:left;
-    margin:4px 5px 0;
+    margin:4px 20px 0px 0px;
     padding:0 0 0 0;
     /*border:solid 1px #8e8e8e;*/
     border:none;
@@ -838,11 +846,10 @@
 article example {
     display:inline-block;
 
-    width:    -moz-calc(100% - 80px);
     width: -webkit-calc(100% - 80px);
+    width:    -moz-calc(100% - 80px);
     width:      -o-calc(100% - 80px);
     width:         calc(100% - 80px);
-    width:         calc(100% - 80px);
 
     border-top:solid 1px #e5e5e5;
     border-right:solid 18px #dedede;
@@ -852,6 +859,39 @@
     padding:5px 15px 8px 24px;
 }
 
+article dir {
+    display:block;
+    list-style-type:none;
+    background-image:url('../pix/folder.png');
+    background-repeat:no-repeat;
+    background-position:2px top;
+    padding:0px;
+    margin:0px;
+    font-family:CRDCour;
+    color:#000000;
+}
+
+article > dir {
+    padding-left:66px;
+    background-position:36px top;
+}
+
+article dir > * {
+    padding-top:2px;
+    padding-bottom:2px;
+    padding-left:31px;
+}
+
+article dir file {
+    display:block;
+    list-style-type:none;
+    background-image:url('../pix/file.png');
+    background-repeat:no-repeat;
+    background-position:2px top;
+    font-family:CRDCour;
+    color:#6f6f6f;
+}
+
 
 
 /* article footer */