1 files changed, 83 insertions, 0 deletions
diff --git a/doc/asciidoc/examples/website/layout2.css b/doc/asciidoc/examples/website/layout2.css
new file mode 100644
index 0000000..5ca46dc
--- /dev/null
+++ b/doc/asciidoc/examples/website/layout2.css
@@ -0,0 +1,83 @@
+body {
+  margin: 0;
+}
+
+#layout-menu-box {
+  position: fixed;
+  left: 0px;
+  top: 0px;
+  width: 160px;
+  height: 100%;
+  z-index: 1;
+  background-color: #f4f4f4;
+}
+
+#layout-content-box {
+  position: relative;
+  margin-left: 160px;
+  background-color: white;
+}
+
+h1 {
+  margin-top: 0.5em;
+}
+
+#layout-banner {
+  color: white;
+  background-color: #73a0c5;
+  font-family: Arial,Helvetica,sans-serif;
+  text-align: left;
+  padding: 0.8em 20px;
+}
+
+#layout-title {
+  font-family: "Courier New", Courier, monospace;
+  font-size: 3.5em;
+  font-weight: bold;
+  letter-spacing: 0.2em;
+  margin: 0;
+}
+
+#layout-description {
+  font-size: 1.2em;
+  letter-spacing: 0.1em;
+}
+
+#layout-menu {
+  height: 100%;
+  border-right: 3px solid #eeeeee;
+  padding-top: 0.8em;
+  padding-left: 15px;
+  padding-right: 0.8em;
+  font-size: 1.0em;
+  font-family: Arial,Helvetica,sans-serif;
+  font-weight: bold;
+}
+#layout-menu a {
+  line-height: 2em;
+  margin-left: 0.5em;
+}
+#layout-menu a:link, #layout-menu a:visited, #layout-menu a:hover {
+  color: #527bbd;
+  text-decoration: none;
+}
+#layout-menu a:hover {
+  color: navy;
+  text-decoration: none;
+}
+#layout-menu #page-source {
+  border-top: 2px solid silver;
+  margin-top: 0.2em;
+}
+
+#layout-content {
+  padding-top: 0.2em;
+  padding-left: 1.0em;
+  padding-right: 0.4em;
+}
+
+@media print {
+  #layout-banner-box { display: none; }
+  #layout-menu-box { display: none; }
+  #layout-content-box { margin-top: 0; margin-left: 0; }
+}