Render resources in markdown context properly and implement all the

documented render options.

www/media/idf/css/style.css

@@ -928,6 +928,40 @@ ol > li {
   margin-left: 2em;
 }
 
+.resource-container {
+  border: 1px solid #EEE;
+  padding: 5px;
+}
+
+.resource-container .preview {
+  margin-bottom: 5px;
+}
+
+.resource-container .preview * {
+  width: 100%;
+  height: 100%;
+}
+
+.resource-container .preview img {
+  height: auto;
+}
+
+.resource-container .preview + .title {
+  font-size: 80%;
+}
+
+.resource-container .title * {
+  vertical-align: middle;
+}
+
+.resource-container .title .download {
+  display: inline-block;
+  margin-right: 5px;
+  background: url("../img/down-large.png") no-repeat;
+  width: 22px;
+  height: 22px;
+}
+
 /**
  * main menu
  */