Fix issue#37

Restore builtin themes and fix some minor bugs.

.landscape.yaml

@@ -0,0 +1,10 @@
+doc-warnings: yes
+test-warnings: no
+strictness: veryhigh
+max-line-length: 600
+autodetect: yes
+ignore-paths:
+    - examples
+    - src/unittest
+    - wiki
+    - release

build.py

@@ -33,6 +33,8 @@ def initialize(project):
   project.build_depends_on('pylint')
   project.depends_on('markdown')
   project.depends_on('yattag')
+  project.depends_on('pyyaml')
+  project.depends_on('dirsync')
 
   project.set_property('flake8_max_line_length', 500)
   project.set_property('verbose', True)

examples/getting-started/css/table.css

@@ -0,0 +1,93 @@
+table a:link {
+	color: #666;
+	font-weight: bold;
+	text-decoration:none;
+}
+table a:visited {
+	color: #999999;
+	font-weight:bold;
+	text-decoration:none;
+}
+table a:active,
+table a:hover {
+	color: #bd5a35;
+	text-decoration:underline;
+}
+table {
+	color:#666;
+	text-shadow: 1px 1px 0px #fff;
+	background:#eaebec;
+	border:#ccc 1px solid;
+
+	-moz-border-radius:3px;
+	-webkit-border-radius:3px;
+	border-radius:3px;
+
+	-moz-box-shadow: 0 1px 2px #d1d1d1;
+	-webkit-box-shadow: 0 1px 2px #d1d1d1;
+	box-shadow: 0 1px 2px #d1d1d1;
+}
+table th {
+	padding:21px 25px 22px 25px;
+	border-top:1px solid #fafafa;
+	border-bottom:1px solid #e0e0e0;
+
+	background: #ededed;
+	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));
+	background: -moz-linear-gradient(top,  #ededed,  #ebebeb);
+}
+table th:first-child {
+	text-align: left;
+	padding-left:20px;
+}
+table tr:first-child th:first-child {
+	-moz-border-radius-topleft:3px;
+	-webkit-border-top-left-radius:3px;
+	border-top-left-radius:3px;
+}
+table tr:first-child th:last-child {
+	-moz-border-radius-topright:3px;
+	-webkit-border-top-right-radius:3px;
+	border-top-right-radius:3px;
+}
+table tr {
+	text-align: center;
+	padding-left:20px;
+}
+table td:first-child {
+	text-align: left;
+	padding-left:20px;
+	border-left: 0;
+}
+table td {
+	padding:18px;
+	border-top: 1px solid #ffffff;
+	border-bottom:1px solid #e0e0e0;
+
+	background: #fafafa;
+	background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
+	background: -moz-linear-gradient(top,  #fbfbfb,  #fafafa);
+}
+table tr.even td {
+	background: #f6f6f6;
+	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
+	background: -moz-linear-gradient(top,  #f8f8f8,  #f6f6f6);
+}
+table tr:last-child td {
+	border-bottom:0;
+}
+table tr:last-child td:first-child {
+	-moz-border-radius-bottomleft:3px;
+	-webkit-border-bottom-left-radius:3px;
+	border-bottom-left-radius:3px;
+}
+table tr:last-child td:last-child {
+	-moz-border-radius-bottomright:3px;
+	-webkit-border-bottom-right-radius:3px;
+	border-bottom-right-radius:3px;
+}
+table tr:hover td {
+	background: #f2f2f2;
+	background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));
+	background: -moz-linear-gradient(top,  #f2f2f2,  #f0f0f0);
+}

examples/getting-started/getting_started.md

@@ -742,6 +742,60 @@ As all other box subclass, the themes of note environments can be defined once f
 }
 $endnote
 
+#### Table environment
+The *table* environment is a subclass of box one that is specialized for rendering tables. The syntax is the following:
+```md
+$table
+$style[style_options]
+$caption[caption_options]{caption}
+$content[content_options]{content}
+$endtable
+```
+where the elements are the same of box environment, but:
+
++ the `content_type` and `caption_type` are automatically set to `table` and `Table` respectively; anyhow they can be still specified inside the $`table`/$`endtable` environment;
++ no matter the order of `$caption`/`$content` statements, the caption is always placed above the content.
+
+Consider the following code:
+
+$columns
+
+$column[width:50%]
+
+```md
+$table
+$caption{My fancy Table}
+$content{
+
+|  /  | foo | bar | baz |
+|-----|-----|-----|-----|
+| a   | 1   |  2  |  3  |
+| b   | 2   |  3  |  4  |
+| c   | 3   |  4  |  5  |
+
+}
+$endtable
+```
+
+This becomes =>
+
+$column[width:50%]
+
+$table
+$caption{My fancy Table}
+$content{
+
+|  /  | foo | bar | baz |
+|-----|-----|-----|-----|
+| a   | 1   |  2  |  3  |
+| b   | 2   |  3  |  4  |
+| c   | 3   |  4  |  5  |
+
+}
+$endtable
+
+$endcolumns
+
 #### Figure environment
 The *figure* environment is a subclass of box one that is specialized for rendering figures. The syntax is the following:
 ```md

examples/getting-started/getting_started/css/matisse_defaults.css

@@ -0,0 +1,108 @@
+/* CSS theme generated by MaTiSSe.py */
+*, *:after, *:before {
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+p {
+  padding: 1% 0;
+}
+a {
+  color: inherit;
+  text-decoration: none;
+  transition: 0.5s;
+}
+a:hover, a:focus {
+  background: rgba(255,255,255,1);
+  text-shadow: -1px -1px 2px rgba(100,100,100,0.5);
+}
+ol {
+  list-style: none;
+  counter-reset: item;
+  padding-left: 0;
+}
+ul {
+  list-style: none;
+  padding-left: 0;
+}
+li:before {
+  content: counter(item) ". ";
+  counter-increment: item;
+  padding-right: 0.8em;
+  text-indent: -0.8em;
+}
+ul li:before {
+  content: '■';
+}
+ol li:before {
+  padding-right: 0.5em;
+}
+li {
+  padding-left: 0.8em;
+}
+pre {
+  display:flex;
+  padding: 1% 0;
+  font-size: 90%;
+}
+.columns:after {
+  visibility: hidden;
+  content:" ";
+  clear: both;
+ display: block;
+}
+input[type=button] {
+  padding:0;
+  margin:0;
+  border:0 none;
+  background: rgba(0,0,0,0.01);
+}
+.countDown {
+  display: block;
+  padding: 0;
+  margin: 0;
+}
+.timercontrols {
+  display:table-row;
+}
+.timer {
+  display:table-row;
+}
+.timercontainer {
+  padding: 0% 1%;
+}
+.step {
+  position: relative;
+}
+.impress-enabled .step.active {
+  opacity: 1;
+}
+.impress-enabled .step {
+  margin: 0;
+  opacity: 0.3;
+  -webkit-transition: opacity 1s;
+  -moz-transition: opacity 1s;
+  -ms-transition: opacity 1s;
+  -o-transition: opacity 1s;
+  transition: opacity 1s;
+}
+.toc {
+  display: block;
+}
+.toc-chapter, .toc-section, .toc-subsection, .toc-slide {
+  clear: both;
+  float: left;
+  white-space: pre-wrap;
+}
+.toc-chapter-emph, .toc-section-emph, .toc-subsection-emph, .toc-slide-emph {
+  clear: both;
+  float: left;
+  white-space: pre-wrap;
+}
+.centering {
+  display: block;
+  width: 0px;
+  margin: 0 auto;
+}

examples/getting-started/getting_started/css/normalize.css

@@ -1,9 +1,9 @@
-/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
+/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
 
 /**
  * 1. Set default font family to sans-serif.
- * 2. Prevent iOS text size adjust after orientation change, without disabling
- *    user zoom.
+ * 2. Prevent iOS and IE text size adjust after device orientation change,
+ *    without disabling user zoom.
  */
 
 html {
@@ -25,7 +25,8 @@ body {
 
 /**
  * Correct `block` display not defined for any HTML5 element in IE 8/9.
- * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
+ * Correct `block` display not defined for `details` or `summary` in IE 10/11
+ * and Firefox.
  * Correct `block` display not defined for `main` in IE 11.
  */
 
@@ -38,6 +39,7 @@ footer,
 header,
 hgroup,
 main,
+menu,
 nav,
 section,
 summary {
@@ -69,7 +71,7 @@ audio:not([controls]) {
 
 /**
  * Address `[hidden]` styling not present in IE 8/9/10.
- * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
+ * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
  */
 
 [hidden],
@@ -85,11 +87,12 @@ template {
  */
 
 a {
-  background: transparent;
+  background-color: transparent;
 }
 
 /**
- * Improve readability when focused and also mouse hovered in all browsers.
+ * Improve readability of focused elements when they are also in an
+ * active/hover state.
  */
 
 a:active,
@@ -207,7 +210,6 @@ figure {
  */
 
 hr {
-  -moz-box-sizing: content-box;
   box-sizing: content-box;
   height: 0;
 }
@@ -348,15 +350,12 @@ input[type="number"]::-webkit-outer-spin-button {
 
 /**
  * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
- * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
- *    (include `-moz` to future-proof).
+ * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
  */
 
 input[type="search"] {
   -webkit-appearance: textfield; /* 1 */
-  -moz-box-sizing: content-box;
-  -webkit-box-sizing: content-box; /* 2 */
-  box-sizing: content-box;
+  box-sizing: content-box; /* 2 */
 }
 
 /**